/*通用样式*/
body{
    min-width: 320px;
     margin:0 auto;
padding:0;
font-family:"Microsoft YaHei";
color:#515151;
position:relative;
}
input,button,select,textarea{outline:none;}
div,p,ul,li{ margin:0; padding:0;}
ul,li{ list-style:none;}
a{ text-decoration:none;font-family:"Microsoft YaHei"; color:#515151;}
a:hover{text-decoration: none;}
.qc{clear:both; height:0px;}
img{ border:0px;outline-width:0px;vertical-align:top; }
b{
    font-weight:normal;}
h1,h2,h3,h4,h5,h6{
    font-weight:normal;
    padding:0px;
    margin:0;
    font-weight:normal;
}
i{font-style:normal;}
input{font-family:"Microsoft YaHei";}
textarea{font-family:"Microsoft YaHei"; padding:0; margin:0;}
.huibackground{ background: #f7f9fa;}
.bianju{ padding: 50px 0;}

*{-webkit-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;transition:all ease-in-out .4s;}
.ywdx{text-transform:uppercase;}
.fy{ text-align:center; padding:30px 0;}
.fy ul li{  display:inline-block;}
.fy ul li.thisclass{ background:#129e48; color:#fff;}
.fy .pagination>.active>span,.fy .pagination>li>a:hover{ background:#003670; color: #fff; }
.bd_weixin_popup{
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/*按钮鼠标经过效果*/
.bulebuttonhover{position: relative;}
.bulebuttonhover::before{ content: ""; width: 0; height: 100%; background: #dd1721; position: absolute; left:0; top:0;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s}
.bulebuttonhover b{ position: relative;z-index: 1;}
.bulebuttonhover:hover::before{ width: 100%;}


.top{ padding: 20px 0; position: relative; z-index: 3;}
.top .container{ overflow: visible;}
.top .logo{ float: left;}
.top .logo img{ width: 133px;}
.top .right{float: right; display: flex; margin-top: 10px;}
.top .right .wechat{font-size: 12px; font-size: 12px; text-align: center; border-right: 1px solid #eaeaea; padding-right: 30px; text-align: center; margin-top: 10px; position: relative;cursor:pointer;}
.top .right .wechat img{ width: 30px;}
.top .right .wechat .wechatbox{ position: absolute; left:50%; margin-left: -90px; top:52px; opacity: 0; height: 0; overflow: hidden;}
.top .right .wechat:hover .wechatbox{top:50px; opacity: 1; height: auto; overflow: visible;}
.top .right .wechat .wechatimg{ background: #fff; padding: 5px; position: relative; border: 1px solid #d7d7d7;}
.top .right .wechat .wechatimg::after{
    display: block;
    position: absolute;
    left:50%; top:-8px; margin-left: -8px;
    content: ""; border-left: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; width: 15px; height: 15px; background: #fff;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.top .right .wechat .wechatimg img{ width: 140px;}


.top .right .telephone{ font-size: 12px; color: #8b8b8b; background: url(../images/tp7.png) no-repeat left center ; background-size: 30px; margin-left:20px; padding-left:40px; padding-top:8px;}
.top .right .telephone p{
    font-size: 28px;
    font-weight: bold;
    background:-webkit-linear-gradient(left,#dd1721,#003670);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*没用*/
.top .right .telephone{
    -webkit-animation: telephone 2s 4s ease infinite both;
    -moz-animation: telephone 2s 4s ease infinite both;
    animation: telephone 2s 4s ease infinite both;
}

@-webkit-keyframes telephone{
    0%{-webkit-transform:scale(1)}
    5%,10%{-webkit-transform:scale(0.9) rotate(-3deg)}
    15%,25%,35%,45%{-webkit-transform:scale(1.1) rotate(3deg)}
    20%,30%,40%{-webkit-transform:scale(1.1) rotate(-3deg)}
    50%{-webkit-transform:scale(1) rotate(0)}
    100%{-webkit-transform:scale(1) rotate(0)}
}
@-moz-keyframes telephone{
    0%{-webkit-transform:scale(1)}
    5%,10%{-webkit-transform:scale(0.9) rotate(-3deg)}
    15%,25%,35%,45%{-webkit-transform:scale(1.1) rotate(3deg)}
    20%,30%,40%{-webkit-transform:scale(1.1) rotate(-3deg)}
    50%{-webkit-transform:scale(1) rotate(0)}
    100%{-webkit-transform:scale(1) rotate(0)}
}
@keyframes telephone{
    0%{-webkit-transform:scale(1)}
    5%,10%{-webkit-transform:scale(0.9) rotate(-3deg)}
    15%,25%,35%,45%{-webkit-transform:scale(1.1) rotate(3deg)}
    20%,30%,40%{-webkit-transform:scale(1.1) rotate(-3deg)}
    50%{-webkit-transform:scale(1) rotate(0)}
    100%{-webkit-transform:scale(1) rotate(0)}
}


.top .search{ text-align: center; margin: 0 320px 0 180px;}
.top .search .searchbox{ overflow: hidden; width: 80%; border: 2px solid #003670; display: inline-block;}
.top .search .searchbox .searchinput{ width: 80%; border: none; background: no-repeat; float: left; line-height: 50px; height: 50px; padding-left: 2%;}
.top .search .searchbox .searchbutton{ background: #003670; width: 20%; border: none; color: #fff; float: right; line-height: 50px; height: 50px;}
.top .search .searchbox1{width: 80%; text-align: left; display: inline-block; font-size: 12px; color: #868686; line-height: 20px; height: 20px; overflow: hidden;}
.top .search .searchbox1 a{ padding: 0 10px; border-left: 1px solid #ececec; color: #868686; display: inherit;}
.top .search .searchbox1 a:hover{ color: #dd1721;}
.top .search .searchbox1 a:nth-child(2){ border: none; color: #868686;}

.owl-carousel  .owl-item .item{ height:510px; background-size: cover !important;}


.header{ z-index: 2; border-top: 1px solid #ececec; background: #003670;}
.header .container{ overflow: visible;}
.header .nav{ padding: 12.5px 0; overflow: hidden; font-size: 15px; color: #6b6969; display: flex;}
.header .nav li{ float: left; width: 16.66666666666667%; text-align: center; position: relative; line-height: 35px;}
.header .nav li *{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

.header .nav li a{ display: block; position: relative; z-index: 1;}
.header .nav li span{ display: block; color: #fff;}
.header .nav li::before{ content: ""; width: 80%; height: 100%; position: absolute; left:50%; top:-10px; margin-left: -40%; opacity: 0; background: rgba(255,255,255,1);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.header .nav li::after{content: attr(data-text); width: 100%; height: 100%; border-radius: 20px; position: absolute; left:0; top:20px; opacity: 0; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; text-align: center; color: #003670;}
.header .nav li:hover::before,.header .nav li.hover::before{ opacity: 1; top:0}
.header .nav li:hover::after,.header .nav li.hover::after{ opacity: 1; top:0}
.header .nav li:hover span,.header .nav li.hover span{
    opacity: 0;
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
}

.header .but_personal{ width: 40px; height: 40px; line-height: 35px; text-align: center; background: #0075ea; border-radius: 50%; float: right;margin-top: 30px;}
.header .but_personal img{ width: 16px; vertical-align: middle;}

.header .but_personal:hover{
    -webkit-animation: tada 1s .2s ease both;
    -moz-animation: tada 1s .2s ease both;
    animation: tada 1s .2s ease both;
}


.header_zy .fenl{ width: 220px; float: left; text-align: center; line-height: 60px; color: #fff; font-size: 16px; background: #dd1721;}
.header_zy .fenl a.qbfl{ display: block; color: #fff; background: url(../images/tp8.png) right 40px center no-repeat; padding-right: 60px;}
.header_zy .fenl:hover .navmenu { height: auto; overflow: visible;}


.indexheader .fenl .navmenu { height: auto; overflow: visible;}
.indexheader .fenl .navmenu .menu { height:510px; overflow: visible;}
.indexheader .fenl .navmenu .menup{ line-height: 60px; color: #212121; text-align: left; padding-left: 50px; font-size: 14px;}
.indexheader .fenl .navmenu .menupsj{ background:#fff url(../images/tp24.png) left 20px center no-repeat;}
.indexheader .fenl .navmenu .menuppb{ background:#fff url(../images/tp25.png) left 20px center no-repeat; border-top: 1px solid #f5f6f8;}
.indexheader .fenl .navmenu .menu ul {height:auto; overflow: visible; background: rgba(0,19,40,0.6); position: static; padding: 9px 0;}

.indexheader .fenl .navmenu .menu ul li{ padding: 0; height: 40px; line-height: 40px; overflow: visible;}
.indexheader .fenl .navmenu .menu ul li .nenuboxnav{ display: block; margin: 0 20px; border-top: 1px solid #eaebec;}
.indexheader .fenl .navmenu .menu ul li:nth-child(1) a{ border: none;}
.indexheader .fenl .navmenu .menu .menubox ul li{ height: 0 !important; overflow: hidden; border: none; opacity: 0;}

.indexheader .fenl .navmenu .menu .hover ul li{ height: 82px !important; overflow: visible;opacity: 1; position: relative; z-index: 1;}
.indexheader .fenl .navmenu .menu .hover ul li::before{ display: block; background: #003670; position: absolute; left:0; top:0; content: ""; width: 0; height: 100%; z-index: -1;-webkit-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;transition:all ease-in-out .4s}
.indexheader .fenl .navmenu .menu .hover ul li:hover::before{width: 100%; z-index: -1;}
.indexheader .fenl .navmenu .menu .hover ul li .nenuboxnav{border-top: 1px solid #949ca5; padding: 20px 0;}
.indexheader .fenl .navmenu .menu .hover ul li .nenuboxnav span{ color: #fff; display: block; line-height: 20px; height: 20px; overflow: hidden; padding-left: 20px; position: relative;}
.indexheader .fenl .navmenu .menu .hover ul li .nenuboxnav span::after{
    content: ""; background: url(../images/tp8.png) center no-repeat; background-size: contain;
    width: 10px; height: 8px;
    font-family: simsun; font-size: 14px; color: #bcbcbc;
    position: absolute; left: 0; top:50%; margin-top: -5px;
    display: block; line-height: 14px;
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
}
.indexheader .fenl .navmenu .menu .hover ul li .nenuboxnav p{
    height: 20px; line-height: 20px; overflow: hidden;
    font-size: 12px; color: #c2d0db;
}
.indexheader .fenl .navmenu .menu .hover ul li .nenuboxnav p a{ font-size: 12px; color: #c2d0db; padding-right:5px;}
.indexheader .fenl .navmenu .menu .hover ul li .nenuboxnav p a:hover{ color: #fff;}

.indexheader .fenl .navmenu .menu .hover ul li:nth-child(1) .nenuboxnav{ border-top: none;}

.huibox{ background: #f5f6f8;}
.indexheader .fenl .navmenu .menu ul li:hover .submenu { display: block; }
.indexheader .fenl .navmenu .menu ul li .submenu { position: absolute; left: 220px; top: 0; width: 720px; height: 340px; border: 1px solid #333; box-shadow: 0 0 8px #333; -moz-box-shadow: 0 0 8px #333; -webkit-box-shadow: 0 0 8px #333; background-color: #FFF; z-index: 3; display: none; }
.indexheader .fenl .navmenu .menu ul li .submenu .subleft { margin-left: 0px;padding: 20px; }
.indexheader .fenl .navmenu .menu ul li .submenu .subleft dl { overflow: hidden; border-bottom: 1px solid #D1D1D1; padding: 10px 0; }
.indexheader .fenl .navmenu .menu ul li .submenu .subleft dl dt { float: left; height: 22px; line-height: 22px; margin-right: 10px; font-weight: bold; color: #707070; font-size: 12px; cursor: pointer; }
.indexheader .fenl .navmenu .menu ul li .submenu .subleft dl dd { overflow: hidden;}
.indexheader .fenl .navmenu .menu ul li .submenu .subleft dl dd a { display: block; float: left; border-left: 1px solid #707070; padding: 0 10px; color: #707070; height: 14px; line-height: 14px; margin: 3px 0; font-size: 11px; border: none;}

.fenlzy{ overflow: hidden;}
.fenlzy:hover{ overflow:visible;}
.indexheader .fenlzy .navmenu .menu .hover ul li{ height: 40px !important;}
.indexheader .fenlzy:hover .navmenu .menu .hover ul li{ height: 70px !important;}


.navmenu{ position: relative; overflow: visible; height: 0; overflow: hidden; z-index: 2;}
.menu { position: absolute; left:0; top:0;height: 0; overflow: hidden;}
.navmenu *{
    -webkit-transition:all ease-i n-out .3s;
    -moz-transition:all ease-in-out .3s;
    -ms-transition:all ease-in-out .3s;
    -o-transition:all ease-in-out .3s;
    transition:all ease-in-out .3s
}

.menu .menuTop { background-color: #F10215; color: #fff; width: 140px; height: 40px; padding-left: 20px; line-height: 40px; cursor: pointer; }
.menu ul { width: 220px; background-color: #fff; box-sizing: border-box; position: relative; 
height: 0; overflow: hidden;}
.menu ul li { height:0; padding-left: 8px; text-align: left; line-height: 60px; font-size: 13px; background: url(image/1.png) no-repeat right; z-index: 2; border-bottom: 1px solid #f5f5f5; padding-left: 50px;}
.menu ul li a { color: #707070; }
.menu ul li:hover { border: 1px solid #DDD; border-right: 0;}
.menu ul li:hover .submenu { display: block; }
.menu ul li .submenu { position: absolute; left: 220px; top: 0; width: 720px; height: 300px; border: 1px solid #DDD; box-shadow: 0 0 8px #DDD; -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; background-color: #FFF; z-index: 3; display: none; }
.menu ul li .submenu .subleft { margin-left: 0px;padding: 20px; }
.menu ul li .submenu .subleft dl { overflow: hidden; border-bottom: 1px solid #D1D1D1; padding: 10px 0; }
.menu ul li .submenu .subleft dl dt { float: left; height: 22px; line-height: 22px; margin-right: 10px; font-weight: bold; color: #707070; font-size: 12px; cursor: pointer; }
.menu ul li .submenu .subleft dl dd { overflow: hidden;}
.menu ul li .submenu .subleft dl dd a { display: block; float: left; border-left: 1px solid #707070; padding: 0 10px; color: #707070; height: 14px; line-height: 14px; margin: 3px 0; font-size: 11px; }

.owl-carousel  .owl-item .item a{ display: block; height: 510px;}

.hotindex{ padding: 40px 0;}
.hotindex ul{ margin-left:-10px; margin-right: -10px;}
.hotindex ul li{ padding: 0 10px 20px 10px;}
.hotindex ul li img{ width: 100%;}
.hotindex ul li .hotindexbox{ display: block; overflow: hidden; border-radius: 10px; position: relative;}
.hotindex ul li .hotindexbox span{ 
    position: absolute; 
    right: 10%; 
    top:0; 
    width: 64px; 
    display: block;
    -webkit-transition:all ease .4s;
    -moz-transition:all ease .4s;
    -ms-transition:all ease .4s;
    -o-transition:all ease .4s;
    transition:all ease .4s;
}
.hotindex ul li .hotindexbox p{
    background: rgba(0,54,112,0.6); width: 100%;
    line-height: 40px; padding: 0 10px;overflow: hidden;
    text-overflow: ellipsis;white-space: nowrap; color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute; left:0; bottom:0;}
.hotindex ul li .hotindexbox:hover span{
    right: 70%;
}

.kefu{ background: rgba(208,235,252,0.8); border-bottom-left-radius: 10px; border-top-left-radius: 10px;}
.kefu *{-webkit-transition: ease all .3s;-moz-transition: ease all .3s;-ms-transition: ease all .3s;-o-transition: ease all .3s;transition: ease all .3s}
.kefu{position:fixed; right:0; top:50%; margin-top:-283px; z-index:100;}
.kefu ul li{ position:relative; width:90px; height:90px; line-height:80px; margin-bottom:1px; padding: 10px;}
.kefu ul li#scroll{cursor:pointer;}
.kefu ul li a{ display: block; border-bottom: 1px solid #fff;}
.kefu ul li:nth-child(1){ border-top-left-radius:10px;}
.kefu ul li p{ text-align:center; text-align:center; color:#003670; padding-top:30px; font-size:13px; text-align:center; line-height: 50px;}
.kefu ul li .kefu1{ position: absolute; right:20px; top:10px; z-index:11; width: 40px; height: 40px;}
.kefu ul li .kefu1,.kefu ul li .kefu2{padding-right:10px; padding-top:12.5px;}
.kefu ul li .kefu2{position: absolute; right:-200px; top:10px; z-index:10; width: 40px; height: 40px;}
.kefu ul li .kefu3{position: absolute; right:90px; top:0; z-index:10; background:rgba(0,80,165,0.6); padding:10px;
    -webkit-transform: scale3d(0,0,0);
    -ms-transform: scale3d(0,0,0);
    -o-transform: scale3d(0,0,0);
    -moz-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0);
}
.kefu ul li .kefu2.kefu5{padding-right: 0;width: 90px;font-size: 12px;top: 0px;}
.kefu ul li:hover .kefu2.kefu5{right: 0;}




body div.jiathis_style{ left:auto !important; right:80px !important;}
.kefu ul li.kefu4 a{ width:100% !important; line-height:80px !important; height:80px !important; background:none !important; padding:0 !important;}
.kefu ul li .kefu3 p{ line-height:20px; padding-top:10px; padding-bottom:10px; color: #fff;}
.kefu ul li:hover{ background: rgba(0,80,165,0.4);}
.kefu ul li:hover .kefu1{ right:40px; opacity: 0;}
.kefu ul li:hover .kefu2{ right:20px;}
.kefu ul li:hover .kefu3{
    -webkit-transform: scale3d(1,1,1);
    -ms-transform: scale3d(11,1,1);
    -o-transform: scale3d(1,1,1);
    -moz-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    }
.kefu ul li:hover p{ color: #fff;}
.phone{ position:fixed; right:0; bottom:0; width:100%; height:40px; line-height:40px; background:#ac9175; text-align:center; display:none;}
.phone a{ font-size:16px; color:#fff; display:block;}
.titleindex{ text-align: center;  font-size: 30px; color: #003670;}
.titleindex p b{padding: 0 10px; display: inline-block;}
.titleindex p i{ display:inline-block; width:8px;height:8px; background-color:#dcdcdc;-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);transform: rotate(-45deg);margin: 0 5px;}
.titleindex p i:nth-child(1),.titleindex p i:nth-child(5){
    -webkit-animation: titleindex 1.5s ease infinite;
    -ms-animation: titleindex 1.5s ease infinite;
    -moz-animation: titleindex 1.5s ease infinite;
    animation: titleindex 1.5s ease infinite;
}
.titleindex p i:nth-child(2),.titleindex p i:nth-child(4){
    -webkit-animation: titleindex 1.5s 0.2s ease infinite;
    -ms-animation: titleindex 1.5s 0.7s ease infinite;
    -moz-animation: titleindex 1.5s 0.7s ease infinite;
    animation: titleindex 1.5s 0.7s ease infinite;
}
@-webkit-keyframes titleindex{0%{background-color:rgba(0,54,112,0.2);}50%{background-color:rgba(0,54,112,0.6);}100%{background-color:rgba(0,54,112,0.2);}}
@keyframes titleindex{0%{background-color:rgba(0,54,112,0.2);}50%{background-color:rgba(0,54,112,0.6);}100%{background-color:rgba(0,54,112,0.2);}}

.titleindex span{ display: block; font-size: 15px; color: #777777;}
.titleindex h2,h2.subtitleindex{font-size: 15px; color: #777777;text-align: center;}

.visaprobox1{background: #f3f4f6; border: none; height: auto; line-height: 50px; overflow: visible; text-align: center; margin-top: 30px;}
.visaprobox1 li{ padding: 0 30px; line-height: 50px; height: 50px;z-index: 1; font-size: 18px;}
.visaprobox1 li:hover{ background:#003670; color:#fff;}
.visaprobox1 .layui-this{ color: #fff;}
.visaprobox1 .layui-this::after{ content: ""; height: 50px; background: #003670; z-index: -1;}
.visaprobox1 .layui-this::before{
    display: block;
    position: absolute;
    left: 50%;
    bottom: -2px;
    margin-left: -8px;
    content: "";
    width: 15px;
    height: 15px;
    background: #003670;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.visapro .layui-tab-bar{display: none;}

.visapro .visaprobox2{background: #fff; padding:0; margin-top: -11px;}
.visapro .visapronrtop{border: none;}
.visapro .visapronrtop.layui-tab-title{ height: auto; padding: 20px 0; margin: 0 30px;white-space:normal; border-bottom: 1px solid #f3f4f6;}
.visapro .visapronrtop.layui-tab-title .layui-tab-bar{ height: 60px; line-height: 60px;background: #fff; border: none;}
.visapro .visapronrtop.layui-tab-title li { width: 20%; vertical-align: top; padding: 0 10px; z-index: 1; position: relative;}
.visapro .visapronrtop.layui-tab-title li:before{ content: ''; width: 1px; height: 40px; display: block; position: absolute;left:0; top:50%; margin-top: -20px; background: #ececec;}
.visapro .visapronrtop.layui-tab-title li:nth-child(1):before{ display: none;}
.visapro .visapronrtop.layui-tab-title li .visapronrtoptitle{ position: relative; padding: 10px 20px; overflow: hidden;}
.visapro .visapronrtop.layui-tab-title li .visapronrtoptitle:hover{ background:#f7f7f7;}
.visapro .visapronrtop.layui-tab-title li img{ float: left; width: 63px; border: 1px solid #fcfcfc;}
.visapro .visapronrtop.layui-tab-title li p{padding-left: 80px; line-height: 20px; font-size: 13px; color: #979797;}
.visapro .visapronrtop.layui-tab-title li p span{ display: block; font-size: 15px; color: #232323;}
.visapro .visapronrtop.layui-tab-title .layui-this{ color: inherit;}
.visapro .visapronrtop.layui-tab-title .layui-this:after{ display:  none;}
.visapro .visapronrtop.layui-tab-title .layui-this .visapronrtoptitle:after{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    border-bottom-color: #fff;
    border-radius: 2px 2px 0 0;
    box-sizing: border-box;
    pointer-events: none;
    background: #f7f7f7; z-index: -1;border: none;}
.visapro .visaprocontent.layui-tab-content{ padding: 20px 30px 50px 30px; position: relative; overflow: hidden;}
.visapro .visaprocontent.layui-tab-content .more{ display: block; position: absolute; right: 0; bottom: 0;}
.visapro .visaprocontent.layui-tab-content .more a{ width: 40px; height: 40px; text-align: center; line-height: 40px; padding-left: 10px; color: #fff; position: relative; display: block; font-size: 24px; font-weight: bold;}
.visapro .visaprocontent.layui-tab-content .more a span{ position: relative; z-index:1;}
.visapro .visaprocontent.layui-tab-content .more a:before{ background: #d62118; width: 100px; height: 100px; content: ""; display: block; position: absolute; left:0; top:4; 
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);}


.visapro .visaprocontent li img{ width: 100%; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.visapro .visaprocontent li .text{ border: 1px solid #f1f1f1; border-top: none; padding: 20px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; line-height: 20px;}

.visapro .visaprocontent li .text p{ font-size: 16px; color: #1f1f1f;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.visapro .visaprocontent li .text span{ font-size: 12px; color: #858585;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.visapro .visaprocontent li .text span i{ display: inline-block; padding-right: 10px;}
.visapro .visaprocontent li:hover .text{ background:#003670; border:1px solid #003670; border-top:none; }
.visapro .visaprocontent li:hover .text p,.visapro .visaprocontent li .text:hover span{ color: #fff; }

.advantagecontent{ margin: 0; padding: 50px 0 0;}
.advantagecontent .advantagecontentul{ padding: 0;}
.advantagecontent .advantagecontentul li{ height: 240px; display: flex; text-align: center;align-items: center; padding: 0 5%; background: #f7f9fa; justify-content: center;}
.advantagecontent .advantagecontentul li:nth-child(2),.advantagecontent .advantagecontentul li:nth-child(3){ background: url(../images/tp13.jpg) center no-repeat; background-size:cover;}
.advantagecontent .advantagecontentul li:nth-child(3){ background-image: url(../images/tp14.jpg);}
.advantagecontent .advantagecontentul li:nth-child(2) span,.advantagecontent .advantagecontentul li:nth-child(3) span{ color: #fff;}
.advantagecontent .advantagecontentul li:nth-child(2) p,.advantagecontent .advantagecontentul li:nth-child(3) p{ color: #fff;}
.advantagecontentvideo{ padding: 0; background:#f7f9fa;}
.advantagecontentvideo video{ width:100%; height:480px; display:block;}

.advantagecontent .advantagecontentul .advantagecontentbox span{ display: block; font-size: 20px; color: #000000; padding-bottom: 5px;}
.advantagecontent .advantagecontentul .advantagecontentbox p{color: #8c8c8c; line-height: 24px;}

.flowindex{ background: #f7f9fa url(../images/tp15.jpg) no-repeat left top; background-size: contain; padding-top: 130px;}
.flowcontent ul{ overflow: hidden;}
.flowcontent ul li{ float: left; width: 14.28571428571429%; text-align: center;}
.flowcontent ul li:nth-child(8){ display:none !important;}
.flowcontent ul li.flowcontentview .flowico{ padding: 15px; border: 1px solid #e4e4e4; display: inline-block; background: #fff; border-radius:50%;}
.flowcontent ul li.flowcontentview .flowico .flowimg{ background: url(../images/tp17.png) center no-repeat; background-size:contain; padding: 20px;}
.flowcontent ul li.flowcontentview .flowico .flowimg img{width: 50px;}
.flowcontent ul li.flowcontentview:hover .flowico .flowimg{
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
}
.flowcontent ul li.flowcontentview span{ font-size: 16px; color: #3c3c3c; display: block; padding: 15px 0;}
.flowcontent ul li.flowcontentview p{ font-size: 14px; color: #a4a4a4; line-height: 24px;}
.flowcontent ul li.jiantou{ display: flex; text-align: center; height: 203px;align-items: center;justify-content: center;}
.flowcontent ul li.jiantou .jiantoubox span{ display: inline-block; vertical-align:middle; width: 6px; height: 6px; margin-right: 10px; border-radius: 50%; background: #003670;}
.flowcontent ul li.jiantou .jiantoubox span:nth-child(1){background: rgba(0,54,122,0.1);}
.flowcontent ul li.jiantou .jiantoubox span:nth-child(2){background: rgba(0,54,122,0.3);}
.flowcontent ul li.jiantou .jiantoubox span:nth-child(3){background: rgba(0,54,122,0.5);}
.flowcontent ul li.jiantou .jiantoubox span:nth-child(4){background: rgba(0,54,122,0.7);}
.flowcontent ul li.jiantou .jiantoubox i{ font-family: 'simsun'; font-size: 30px; color: #003670; vertical-align: middle;}

.caseindex{background: #f7f9fa url(../images/tp16.jpg) no-repeat left bottom; background-size: contain;}
.caseindex .container{overflow: visible;}
.caseindex .caseindexwhite{
    background: #fff;
    -moz-box-shadow:0px 2px 20px #ababab;
    -webkit-box-shadow:0px 2px 20px #ababab;
    box-shadow:0px 2px 20px #ababab;
    padding: 30px;
    margin-top: 40px;
    }
.caseindex .caseindexwhite .caseshuju{
    display: flex;
}
.caseindex .caseindexwhite .caseshuju span.left{
    display: block;
    width: 50%;
    background: url(../images/tp23.png) no-repeat right center;
    height: 50px;
}
.caseindex .caseindexwhite .caseshuju span.right{
    display: block;
    width: 50%;
    background: url(../images/tp22.png) no-repeat left center;
     height: 50px;
}
.caseindex .caseindexwhite .caseshuju p{
    font-size: 18px;
    line-height: 50px;
    color: #636363;
    white-space: nowrap;
    display: block;
    padding: 0 70px;
}
.caseindex .caseindexwhite .caseshuju p i{
    font-size: 36px;
    color: #d62118;
    display: inline-block;
    padding: 0 20px;
    font-weight: bold;
    
    -webkit-animation: caseshuju 3s 1s ease infinite both;
    -moz-animation: caseshuju 3s 1s ease infinite both;
    animation: caseshuju 3s 1s ease infinite both;
}


@-webkit-keyframes caseshuju{
    0%{-webkit-transform:scale(1)}
    2.5%,5%{-webkit-transform:scale(0.9) rotate(-3deg)}
    7.5%,12.5%,17.5%,22.5%{-webkit-transform:scale(1.1) rotate(3deg)}
    10%,15%,20%{-webkit-transform:scale(1.1) rotate(-3deg)}
    25%{-webkit-transform:scale(1) rotate(0)}
    100%{-webkit-transform:scale(1) rotate(0)}
}
@-moz-keyframes caseshuju{
    0%{-webkit-transform:scale(1)}
    2.5%,5%{-webkit-transform:scale(0.9) rotate(-3deg)}
    7.5%,12.5%,17.5%,22.5%{-webkit-transform:scale(1.1) rotate(3deg)}
    10%,15%,20%{-webkit-transform:scale(1.1) rotate(-3deg)}
    25%{-webkit-transform:scale(1) rotate(0)}
    100%{-webkit-transform:scale(1) rotate(0)}
}
@keyframes caseshuju{
    0%{-webkit-transform:scale(1)}
    2.5%,5%{-webkit-transform:scale(0.9) rotate(-3deg)}
    7.5%,12.5%,17.5%,22.5%{-webkit-transform:scale(1.1) rotate(3deg)}
    10%,15%,20%{-webkit-transform:scale(1.1) rotate(-3deg)}
    25%{-webkit-transform:scale(1) rotate(0)}
    100%{-webkit-transform:scale(1) rotate(0)}
}



.caseindex .casecontent {padding: 40px 0 20px; margin: 0 -20px;}
.caseindex .casecontent li{text-align: center; padding: 20px 20px 0; border-left: 1px solid #f2f2f2;}
.caseindex .casecontent li:nth-child(1){ border: none;}
.caseindex .casecontent li .img{
    width: 110px;
    border: 5px solid #f1f2f3;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}
.caseindex .casecontent li .img img{
    height:100px;
    width: 100%;
}
.caseindex .casecontent li .title{
    font-size: 18px;
    color: #003670;
    padding: 20px 0;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.caseindex .casecontent li .title span{
    font-size: 12px;
    color: #828282;
}
.caseindex .casecontent li p{
    color: #828282;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    margin-bottom: 30px;
}
.caseindex .casecontent li .titlexg{
    font-size: 18px;
    color: #003670;
    text-align: left;
    padding-bottom: 10px;
}
.caseindex .casecontent li .xgcontent{
    background: #f1f2f3;
    padding: 10px 20px;
}
.caseindex .casecontent li .xgcontent a{
    display: block;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    line-height: 24px;
    color: #7f7f7f;
    text-align: left;
}
.problemindex{ padding-bottom: 50px;}
.problemindex .problemcontent li span{ font-size: 16px; color: #003670; padding-bottom: 10px; display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.problemindex .problemcontent li span i{ font-size: 15px; display: inline-block; position: relative; background: #003670; border-radius: 5px; padding: 5px; color: #fff; margin-right: 10px;}
.problemindex .problemcontent li span i::after{ content: " "; width: 6px; height: 6px;background: #003670; position: absolute; right: -3px; top: 50%; margin-top: -2px;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.problemindex .problemcontent{padding-top: 30px;}
.problemindex .problemcontent li{padding: 0 40px 40px;}
.problemindex .problemcontent li:nth-child(2),.problemindex .problemcontent li:nth-child(4),.problemindex .problemcontent li:nth-child(6){
    border-left: 1px solid #f4f4f4;
}
.problemindex .problemcontent li:nth-child(5),.problemindex .problemcontent li:nth-child(6){
    padding-bottom: 0;
}
.problemindex .problemcontent li p{ font-size: 13px; color: #8e8e8e; line-height: 24px;text-align:justify;}

.embassyindex{ background: #f7f9fa; padding: 50px 0 20px;}
.embassyindex .embassycontent{ padding: 40px 0 0;}
.embassyindex .embassycontent li{ padding-bottom: 30px; overflow: hidden;}
.embassyindex .embassycontent li .img{
    width: 160px;
    float: left;
}
.embassyindex .embassycontent li .img img{
    width: 100%;
}
.embassyindex .embassycontent li .text{
    padding-left: 180px;
}
.embassyindex .embassycontent li .text span{
    font-size: 16px;
    color: #1e1f1f;
    padding:10px 0;
    display: block;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.embassyindex .embassycontent li .text p{
    font-size: 13px;
    color: #8e8e8e;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.messageindex{ padding: 50px 0;}
.messageindex .messagecontent{
    padding-top: 30px;
}

.cooperationindex{ background: #f7f9fa; padding: 50px 0;}
.cooperationindex .cooperationcontent{ overflow: hidden; padding-top: 40px;}
.cooperationindex .cooperationcontent li{ float: left; border-left: 0px solid #dee5ec; text-align: center;}
.cooperationindex .cooperationcontent li:nth-child(1),.cooperationindex .cooperationcontent li:nth-child(5){ border: none;}
.cooperationindex .cooperationcontent li a{ margin: 0 10px; padding: 30px 0; display: block; border-bottom: 1px solid #dee5ec;}
.cooperationindex .cooperationcontent li a img{ width: 100%;}
.cooperationindex .cooperationcontent li:nth-child(5) a,
.cooperationindex .cooperationcontent li:nth-child(6) a,
.cooperationindex .cooperationcontent li:nth-child(7) a,
.cooperationindex .cooperationcontent li:nth-child(8) a{ border: none;}

.cooperationindex .cooperationcontent li a:hover img{
    -webkit-animation: tada 1s .2s ease both;
    -moz-animation: tada 1s .2s ease both;
    animation: tada 1s .2s ease both;
}
@-webkit-keyframes tada{
    0%{-webkit-transform:scale(1)}
    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
    100%{-webkit-transform:scale(1) rotate(0)}
}
@-moz-keyframes tada{
    0%{-moz-transform:scale(1)}
    10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
    30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
    40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
    100%{-moz-transform:scale(1) rotate(0)}
}
@keyframes tada{
    0%{transform:scale(1)}
    10%,20%{transform:scale(0.9) rotate(-3deg)}
    30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}
    40%,60%,80%{transform:scale(1.1) rotate(-3deg)}
    100%{transform:scale(1) rotate(0)}
}

.linkindex{ background: #002d5d; padding: 15px 0;line-height: 30px; }
.linkindex span{ float: left; display: inline-block; color: #fff;}
.linkindex a{ color: #a3acba; display: inline-block; color: #a3acba; padding: 0 10px;}
.linkindex p{ padding-left: 70px;}

.footer{background: #003670;}
.footer1{padding: 40px 0 40px;}
.footer1 .right p a{ color:#FFF}
.footer1 ul{padding: 0 20px 0 0; line-height: 40px;}
.footer1 ul li{ line-height: 40px;}
.footer1 ul li span a{font-size: 18px; color: #fff;}
.footer1 ul li p a{color: #a3aec0;}
.footer1 .right{ line-height: 40px;}
.footer1 .right .text1{
    font-size: 14px;
    color: #a3aec0;
}
.footer1 .right .text2{
    font-size: 36px;
    color: #fff;
    font-weight: bold;
}
.footer1 .right .text3{
    font-size: 14px;
    color: #fff;
}
.footer1 .right .text4{
    font-size: 14px;
    color: #a3aec0;
}
.footer1 .fenx a{ display: inline-block; width: 30px; height: 30px; background-color: #2f5a89 !important; margin-right: 10px; opacity: 0.5;cursor:pointer; padding: 10px; border-radius: 50%; }
.footer1 .fenx a.weixin{background: url(../images/tp27.png) no-repeat center; background-size:20px;}
.footer1 .fenx a.qq{background: url(../images/tp28.png) no-repeat center; background-size: 20px;}
.footer1 .fenx a.xinlang{background: url(../images/tp29.png) no-repeat center; background-size: 20px;}
.footer1 .fenx a:hover{ opacity: 1;}

.footer2{ text-align: center; border-top: 1px solid #18487d; line-height: 30px;  padding: 30px 0; color: #fff; font-size: 12px;}
.footer2 span{ display: inline-block; padding: 0 10px;}
.footer2 a{ display: inline-block; color: #fff;}

.webbanner{display:none;}

.bannerzy{ height: 510px; text-align: center; display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover!important;
}
.bannerzy .box img{ width: 297px;}
.bannerzy .box p{ border: 2px solid rgba(0,54,112,0.8); line-height: 90px; font-size: 30px; width: 600px; color: #fff; margin-top: 30px;}
.bannerzy .box p i{ background: rgba(0,54,112,0.8); display: block; padding: 0 10%; margin: 5px;}
.bannerzy .box p span{ font-size: 48px; font-weight: bold; padding: 0 10px;}

.titlezy{padding: 70px 0 30px;}
.caselistbox li{ padding: 20px; border: 1px solid #e5e5e5;}
.caselistbox .img{ float: left; width: 210px; border:1px solid #f3f4f6;}
.caselistbox img{ width: 100%;}
.caselistbox .text{ padding-left: 240px;}
.caselistbox .text span{ font-size: 20px; line-height:24px; color: #4c4d4d;display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-bottom: 10px;}
.caselistbox .text p{ line-height: 24px;}
.caselistbox .text p i{ display: inline-block; color: #9a9b9b; background: url(../images/tp32.png) no-repeat left center; background-size: 18px; padding: 0 50px 0 25px;}
.caselistbox .text p.text3 i{background-image: url(../images/tp33.png);}
.caselistbox .text p.more{ width: 100px; line-height: 30px; background: #003670; text-align: center; font-size: 14px; color: #fff; margin-top: 15px;}

.caselistbox li:hover .text span{ color: #dd1721;}
.caselistbox li:hover .text p.more{ background: #dd1721;}

/*案例鼠标经过效果*/
.sph{
    width: 1300px;
    margin: 0 auto;
    padding: 100px 0;
}
.spbq{
    display: block;
    line-height: 2;
    padding: 10px 10px 0 20px;
    margin: 20px;
    position: relative;
    overflow: hidden;
}
.biankuang{
    width: 3px;
    height: 3px;
    position: absolute;
    z-index: 99;
    border-radius:10px;
    /*background: black;*/
}
.biankuang_1{
    height: 0;
    top: 0;
    left:0px;
    border-left: 3px solid #003770;
}
.biankuang_2 {
    width: 0px;
    bottom:0;
    left: 0px;
    border-top: 3px solid #003770;
}
.biankuang_3{
    height: 0px;
    bottom:0px;
    right:0px;
    border-right: 3px solid #dd1721;
}
.biankuang_4{
    width:0px;
    top:0;
    right:0px;
    border-bottom: 3px solid #dd1721;
}
.text_gobuy {
    position: absolute;
    z-index:9;
    top: -30px;
    left: 0px;
    width: 280px;
    height: 50px;
    overflow: hidden;
    background:rgba(207, 208, 211, 0);
    cursor: pointer;
    transition:all  300ms;
    -webkit-transition:all  300ms;
    -moz-transition:all  300ms;
    -o-transition:all  300ms;
}
.text_gobuy_show{
    height: 50px;
    position: absolute;
    z-index:9;
    bottom: 0px;
    width: 280px;
    overflow: hidden;
    padding: 20px 15px ;
    cursor: pointer;
    background-color: rgba(32, 32, 33,0.3);
}


.mbx{ color: #909090; line-height: 60px;}
.mbx a{ color: #909090;}
.mbx a:hover{ color: #dd1721;}

.whitebj{ background: #fff;}
.caseinfo{ padding: 30px; overflow: hidden;}
.caseinfoimg{ float: left; width:360px;}
.caseinfoimg img{ width: 100%;}
.caseinfo .right{ margin-left: 400px;}
.caseinfo .right .caseinfotitle{ font-size: 24px; color: #353434; line-height: 40px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
.caseinfo .right .caseinfonr{ display: flex; padding-top: 40px;}
.caseinfo .right .caseinfonr .caseinfonrimg{ width: 110px; overflow: hidden; flex-shrink:0; margin-right: 20px;}
.caseinfo .right .caseinfonr .caseinfonrimg img{ width: 100%; border: 5px solid #f1f2f3; border-radius: 50%;}
.caseinfo .right .caseinfonr .content{ width: 50%;}
.caseinfo .right .caseinfonr .content p{ font-size: 18px; color: #003670; padding-bottom: 10px;}
.caseinfo .right .caseinfonr .content span{ display: block; line-height: 25px;}
.caseinfo .right .caseinfonr .caseinfonrright{ width: 50%;}
.caseinfo .right .caseinfonr .caseinfonrright p{font-size: 18px; color: #003670; padding-bottom: 10px;}
.caseinfo .right .caseinfonr .caseinfonrright .caseinfonrcontent{ background: #f1f2f3; padding: 20px; color: #7f7f7f;}
.caseinfo .right .caseinfonr .caseinfonrright .caseinfonrcontent span{ display: block;}
.caseinfo .right .caseinfonr .caseinfonrright .caseinfonrcontent span:hover{ color: #dd1721; }

.caseinfopro{ padding: 30px 0 0 0;}
.caseinfoprotitle{ line-height: 24px; margin-bottom: 10px; font-size: 24px; color: #003670; padding-left: 20px; position: relative;}
.caseinfoprotitle::after{ position: absolute; left:0; top:0; content: ""; width: 6px; height: 100%; background: #003670; display: block;}
.caseinfoproul li{ border: 1px solid #dcdcdc; overflow: hidden; padding: 20px 30px; line-height: 30px; margin-bottom: 10px;}
.caseinfoproul li p{ font-size: 18px; color: #646464;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-right: 20px;}
.caseinfoproul li span{float: right; font-size: 18px; color: #646464; margin-right: 10px;}
.caseinfoproul li span i{ font-size: 24px;color: #dd1721; font-weight: bold;}
.caseinfoproul li a{ background: #003670;float: right; color: #fff; line-height: 30px; padding: 0 20px; margin-left: 20px;}

.caseinfogs{ padding: 40px 30px; margin-top: 30px;}
.caseinfogsbox{ display: flex; margin-bottom: 30px;}
.caseinfogsbox .left{ flex-shrink: 0; background: #fc6808; padding: 0 30px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; color: #fff;}
.caseinfogsbox .right{ padding-left: 30px; line-height: 30px; color: #717171;}
.caseinfogsboxmore{ margin: 50px 0 90px;}
.caseinfogsboxmore{ display: block; line-height: 50px; background: #003670; font-size: 16px; color: #fff; text-align: center;}

.introductionbox{ padding: 50px 30px 70px; color: #4e4e4e; line-height: 24px; margin-bottom: 110px; overflow: hidden;}
.introductionbox .introductiontitle{ font-size: 24px; color: #353434; line-height: 40px; padding-bottom: 10px;}
.introductionbox img{ max-width: 100%;}

.aboutus{background: url(../images/tp35.jpg) no-repeat fixed center; background-size: contain; text-align: center; padding-top: 120px; font-size: 15px; color: #434242; line-height: 30px;}
.aboutusimg{ width: 297px;}
.aboutus .aboutustext1{font-size: 24px; color: #333; padding-top: 42px;}
.aboutusbox{ padding-top: 50px;}
.aboutusboxli {
    height: 290px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 50px;
    box-sizing:border-box;
    border:3px solid transparent;
    background-clip:padding-box,border-box;
    background-origin:padding-box,border-box;
    background-image:linear-gradient(#fff,#fff),linear-gradient(#dd1721,#015cbf);
}
.aboutusboxli img{ width: 82px;}
.aboutusboxli:hover img{
    transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
}
.aboutusboxli span{ display: block; font-size: 24px; color: #434242; padding-top: 20px;}
.aboutusboxli p{ font-size: 15px; color: #434242; padding-top: 10px; line-height: 24px;}
.aboutusbox1 .aboutusboxli{ height: 250px;}
.aboutusbox1 .aboutusboxli span{ font-size: 20px;}
.aboutus .titleindex{ margin-top: 70px;}
.aboutusboxtext{ padding: 90px 0 110px; font-size: 18px; color: #3a3939; line-height: 36px;}

.encybanner{ overflow: hidden; display: flex; margin: 30px 0 40px;}
.encybanner .left{ width: 920px; width: 80%; margin-right: 10px; background: url(../images/tp42.png) no-repeat right center; background-size: cover;}
.encybanner .left img{ width: 100%;}
.encybanner .right{ width: 25%;}
.encybanner .right .rightview{ background: #f3f4f6; width: 100%; padding-left: 20px; margin-bottom: 10px;}
.encybanner .right .rightview:hover{ padding-left: 30px;}
.encybanner .right .rightview a{ display: block; padding: 34px 0 34px 70px;}
.encybanner .right .rightview:nth-child(2){ margin-bottom: 0;}
.encybanner .right .rightview a span{font-size: 24px; color: #003670;}
.encybanner .right .rightview a p{ color: #777;}
.encylistbox{ padding-top: 50px;}
.encylistbox li{ padding: 0; border: none; margin: 0 0 35px 0;}
.encylistbox li .textnr{ position: relative; line-height: 24px;  height: 48px; overflow: hidden; }
.encylistbox li .img{ width: 270px; overflow: hidden;}
.encylistbox li:hover .img img{
    -webkit-transform: scale3d(1.1,1.1,1);
    -ms-transform: scale3d(1.1,1.1,1);
    -o-transform: scale3d(1.1,1.1,1);
    -moz-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);
}
.encylistbox .biankuang_2{ top: -20px;}
.encylistbox li .text{ padding-left: 300px;}
.encylistbox .text p{ padding-top:20px; margin-top: 20px; border-top: 1px solid #eee;}

.prolist .problemindex .problemcontent li{ padding: 40px 0 0 0; border: none;}
.prolist .problemindex .problemcontent li i.wentext{ font-size: 24px; width: 45px; height: 45px; line-height: 43px; text-align: center; display: inline-block; position: relative; background: #003670; border-radius: 5px; color: #fff; margin-right: 10px;float: left;}
.prolist .problemindex .problemcontent li i.wentext::after{ content: " "; width: 6px; height: 6px;background: #003670; position: absolute; right: -3px; top: 50%; margin-top: -2px;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.prolist .problemindex .problemcontent li .prolisttext{ padding-left: 60px;}
.prolist .problemindex .problemcontent li .prolisttext span{ font-size: 20px;}
.prolist .problemindex .problemcontent li .prolisttext p{ font-size: 15px; line-height: 30px;}

.prolist{overflow: visible;}
.prolist .layui-tab{margin-top:0;}
.bannerproduct{ background: url(../images/tp5.jpg) no-repeat center; background-size: cover; height: 510px;}
.productnav ul{ display: flex; height:auto;white-space:normal;}
.productnav .layui-tab-title .layui-this:after{ display:none;}
.productnav li{ width: 25%; margin: 0 0.5px; padding:0 !important; background: #000; height:auto;}
.productnav li a{ padding: 30px;text-align: center; color: #fff; margin-top: -72px; display: block;background: rgba(0,54,122,0.9);}
/* .productnav li a::after{} */
.productnav li a p{ font-size: 24px; margin-top: 5px;}
.productnav li a .box{ position: relative; z-index: 2;}
.productnav li a:hover{ background: none;}
.productnav li a.bulebuttonhover:hover::before{background: rgba(221,23,33,0.9);}

.prolist .layui-tab-content{ padding:0;}

.bulebuttonhover{position: relative;}
.bulebuttonhover::before{ content: ""; width: 0; height: 100%; background: #dd1721; position: absolute; left:0; top:0;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s}
.bulebuttonhover b{ position: relative;z-index: 1;}

.productnav li.layui-this a{ background:none;}
.productnav li.layui-this a.bulebuttonhover::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(221,23,33,0.9);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}


.productcountry{ margin: 20px 0 30px; padding-bottom: 20px;}
.productcountry li{ margin-top: 40px; border-left: 1px solid #ececec; padding: 0 10px;}
.productcountry li img{ width: 63px; position: relative; z-index: 1; border:1px solid #ececec; margin-right:5px;}
.productcountry li .text{  position: relative; z-index: 1;}
.productcountry li .text span{ font-size: 14px; color: #232323;}
.productcountry li .text p{ font-size: 13px; color: #979797;}
.productcountrybox{ display: flex; position: relative; padding-left: 5px;}
.productcountrybox::before{ background: #f7f7f7;width: 100%; height: 0; margin: -10px 0;}
.productcountrybox:hover::before{ height: 59px;}
.producthot{ background: #f7f9fa; padding:60px 0 40px;}
.producthot .hotindex ul li{ margin-bottom: 20px;}

.productflow{ padding: 60px 0 70px;}

.proinfo .right .caseinfonr{ padding-top: 20px;}
.proinfo .right .caseinfonr .content span{ line-height: 30px; color: #747474;}
.proinfo .right .caseinfonr .content i{ font-size: 18px; color: #747474; text-decoration:line-through;}
.proinfo .right .caseinfonr .content span b{ font-size: 18px; color: #dd1721;}
.proinfo .right .proinfolink{ display: block; margin-top: 20px; width: 110px; height: 40px; line-height: 40px; text-align: center; background: #003670 !important; color: #fff;}

.proincontent{ overflow: hidden; margin: 40px 0 60px;}
.proincontent .proleft{float: left; width: 260px;}
.prointitle{ font-size: 16px; color: #585757; padding: 10px 20px; line-height: 40px; border-bottom: 1px solid #f3f4f6;}
.proincontent .proleft img{ width: 100%;}
.prolink ul{ padding: 20px 20px 1px;}
.prolink ul li{ margin-bottom: 20px;}
.prolink ul li .img{ position: relative; overflow: hidden; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.prolink ul li .img p{ position: absolute; right: 10px; top:10px; font-size: 18px; color: #fff;}
.prolink ul li .img::before{position: absolute; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); content: "";}
.prolink ul li img{ width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.prolink ul li .text{ border: 1px solid #f1f1f1; line-height: 20px; padding: 10px;}
.prolink ul li:hover .text{ background: #003670;}
.prolink ul li .text span{ color: #1f1f1f;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height:26px;}
.prolink ul li .text p{ font-size: 12px; color: #858585; line-height:26px}

.proflow{ margin-top: 20px; padding-bottom: 30px;}
.proflowcontent{margin-left:20px; border-left: 1px solid #f3f4f6; padding: 10px 0;}
.proflowcontent li{ position: relative; padding: 10px 30px 10px 20px;}
.proflowcontent li::before{ width: 9px; height: 9px; display: block; background: #0f3d77; border-radius: 50%; content: ""; position: absolute; left:-5px; top:0; margin-top: 18px;}
.proflowcontent li span{ font-size: 16px; color: #3c3c3c;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: block; padding-bottom: 10px;}
.proflowcontent li p{ font-size: 12px; color: #a4a4a4; line-height: 16px;}

.proright{ margin-left: 280px;}
.proright .layui-tab{ margin: 0;}
.proright .prorighttop{ height: 60px;}
.proright .prorighttop li{ width: 33.3333%; line-height: 60px; height: 60px; background: #003670; border-left: 1px solid #f3f4f6;}
.proright .prorighttop li .prorighttoptitle{ height: 60px; line-height: 60px;}
.proright .prorighttop li::after{ height:60px; background: #dd1721; border: none;}
.proright .prorighttop li p{ z-index: 1; position: relative; color: #fff; font-size: 16px;}
.proright .prorighttop li p img{ vertical-align: middle; width: 16px; margin-right: 10px;}
.proright .layui-tab-content{ line-height: 30px; padding: 30px; font-size: 13px; color: #8e8e8e;}
.proright .layui-tab-content .layui-tab-bar{ display: none; }
.proright .layui-tab-title li{ padding: 0 5px; font-size: 12px; }

.proright .problemindex{ padding-bottom: 0;}
.proright .problemindex .problemcontent{ padding-top: 20px;}
.proright .problemindex .problemcontent li{ line-height: 15px; padding: 0 10px 30px; border: none;}
.proright .problemindex .problemcontent li p{ padding-left: 35px;}

.prolistbanner{ padding-top: 20px;}
.prolistbanner img{ width: 100%;}
.productlist{background: none; padding-top: 40px; padding-bottom: 0;}
.productlist .visaprobox1{
    width: 100%;
    height:auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: relative;
    line-height: 40px;
    min-width: 65px;
    padding: 0;
    cursor: pointer;
    background: #f3f4f6;
    text-align: left;
}
.productlist .visaprobox1 li{
    width: 168px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: relative;
    line-height: 50px;
    min-width: 65px;
    padding: 0 15px;
    text-align: center;
    cursor: pointer;
}
.productlist .visaprobox1 li{ margin-top: 10px;padding: 0; }
.productlist .visaprobox1 li .productcountrybox::before{background: #003670; }
.productlist .visaprobox1 li .text{ line-height: 40px; }

.productlist .layui-this:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 50px;
    border-width: 1px;
    border-style: solid;
    border-bottom-color: #fff;
    border-radius: 2px 2px 0 0;
    box-sizing: border-box;
    pointer-events: none;
}
.productlist .layui-this a{ color: #fff;}
.productlist li:hover .text span{ color: #fff; }
.productlist .productcountrybox{ padding: 0 5px; }
.productlist .productcountry li{ border: none; }
#feedAv{ display: none; }



.newlistbox{ padding-top: 50px;}
.newlistbox li{ padding: 0; border: none; margin: 0 0 35px 0;}
.newlistbox .text span{ font-size: 24px; color: #1e1f1f; padding-bottom:0;}
.newlistbox li .textnr p{line-height: 23px; height: 46px; overflow: hidden;}
.newlistbox li .textnr{ position: relative; margin-bottom: 20px; height: 56px; overflow: hidden;}
.newlistbox li .img{ width: 270px; overflow: hidden;}
.newlistbox li:hover .img img{
    -webkit-transform: scale3d(1.1,1.1,1);
    -ms-transform: scale3d(1.1,1.1,1);
    -o-transform: scale3d(1.1,1.1,1);
    -moz-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);
}
.newlistbox li .text{ padding-left: 300px;}


.newtitle{ text-align: center; padding-bottom: 20px;}
.newtitle h3{ font-size: 24px; color: #353434;}
.newtitle p{ text-align: center; padding-top: 10px;}
.newtitle p span{ display: inline-block; padding-left: 20px; padding: 0 20px 0 20px; background-size: 14px !important;}
.newtitle p span:nth-child(1){ background: url(../images/tp57.png) left center no-repeat;}
.newtitle p span:nth-child(2){ background: url(../images/tp58.png) left center no-repeat;}
.newtitle p span:nth-child(3){ background: url(../images/tp59.png) left center no-repeat;}
.newzy{ font-size: 15px; color: #4e4e4e; border: 1px solid #eee; padding: 20px;}
.syp{ color: #888787; line-height: 28px; padding-top: 20px; padding-top: 20px; border-top: 1px solid #e5e5e5; margin-top: 50px;}
.syp p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.syp a{ color: #888787;}
.syp a:hover{ color: #dd1721;}
.newinfo{ padding-bottom:30px ;}
.newinfoRelevant{ padding: 50px 0;}

.embassynr{ padding-bottom: 100px;}

.column{ display: none;}
#demo .owl-theme .owl-controls{ bottom: 0; }
#demo .owl-theme .owl-controls .owl-page span{ width: 20px; }
.telsjd{ display: none;z-index: 1000; text-align: center; position: fixed; left:0; bottom:0; width: 100%; height: 50px; line-height: 50px; background: #dd1721; color: #fff; font-size: 15px; }
.telsjd a{ display: block; color: #fff; font-size: 18px; font-weight:bold; }
.telsjd a span{ display: inline-block;
    width: 20px; height: 50px;
    background: url(../images/tel.png) left center no-repeat; background-size:20px;
    vertical-align: middle;
    margin-right: 10px;
}
.telsjd a i{ display: inline-block; vertical-align: middle;}
#think_page_trace_open{ display: none; }
.newcontent{ padding-top: 30px; }
.indexvideo{ height: 480px; }
.hotindexnone{ display: none; }
/*没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用没用*/

@media (max-width:992px){}
@media (max-width:992px){
    .newinfoRelevant{ padding: 20px 0;}
    .hotindex ul li .hotindexbox span{ width: 40px;}
    .caseinfoimg{width: 100%; float: none;}
    .caseinfo .right{ margin-left: 0;}
}
@media (min-width: 768px) and (max-width: 992px) {
}
@media (max-width: 768px){
	.productcountry li .text span{ font-size:12px;}
	.productlist .productcountrybox{ padding:0 3px;}
    .pcbanner{display:none;}
    .webbanner{display:block;}
    .top .right{display: none;}
    .top .search{ display: none;}
    .header_zy .fenl{ display: none;}
    .header{ height: 1px; overflow: hidden;}
    .top{ padding: 10px 0;}
    .top .logo img{ width: 70px;}
    .column{ display: block; float: right; position: relative;z-index: 4; margin-top:10px ;}
    .column button{ display: block; width: 50px; height: 43px; background: url(../images/tp60.png) center no-repeat;  border: none;}
    .kefu{ display: none;}
    .owl-carousel  .owl-item .item a{ height: 300px;}
    .owl-carousel  .owl-item .item{ height: 300px;}
    .webbanner .owl-carousel  .owl-item .item a,.webbanner .owl-carousel  .owl-item .item{height: auto}
    .webbanner .owl-carousel .owl-item img{opacity: 1;}
    .hotindex ul{ margin: 0;}
    .hotindex{ padding: 10px 5px;}
    .hotindex ul li{ padding: 5px;}
    .bianju{ padding: 10px 0;}
    .titleindex{font-size: 16px;}
    .titleindex span{ font-size: 12px;}
    .visaprobox1{ margin-top: 10px; height: auto; white-space: normal; overflow: visible !important; line-height: 30px;}
    .visaprobox1 li{ line-height: 50px;font-size: 14px; height: 50px; min-width: auto; padding: 0; width: 20%;}
   /* .visaprobox1 .layui-this{ font-size: 16px; }*/
    .visaprobox1 .layui-this::after{ height: 50px;}
    .visaprobox1 .layui-this::before{ display: none;}
    
    .visapro{ padding-bottom: 0;}
    .visapro .layui-tab{ overflow: hidden; padding-bottom: 0;}
    .visapro .layui-tab-bar{ border: none; background: #f3f4f6; height: 30px; line-height: 30px;}
    .visapro .visapronrtop.layui-tab-title{ margin: 0; padding: 10px 0; height: auto;white-space:normal;}
    .visapro .visapronrtop.layui-tab-title li{ width: 25%; padding: 0; }
    .visapro .visapronrtop.layui-tab-title li .visapronrtoptitle{ padding: 5px 10px;}
    .visapro .visapronrtop.layui-tab-title li img{ width: 100%; float: none;}
    .visapro .visapronrtop.layui-tab-title li p{ padding-left: 0; display:block; text-align: center;}
    .visapro .visapronrtop.layui-tab-title li i{ display: none;}
    .visapro .visapronrtop.layui-tab-title li p span{ line-height: 24px; font-size: 12px;}
    .visapro .visaprocontent.layui-tab-content{ padding: 10px;}
    .visapro .visaprocontent li{ margin-bottom: 10px;}
    .hotindex ul li .hotindexbox span{ display: none;}

    .advantagecontent{ padding: 10px 0;}
    .advantagecontent .advantagecontentul{ overflow: hidden;}
    .advantagecontent .advantagecontentul li{ padding: 0 5px;height: 130px;}
    .advantagecontent .advantagecontentul .advantagecontentbox span{ font-size: 16px; padding-bottom: 10px;}
    .advantagecontent .advantagecontentul .advantagecontentbox p{ font-size: 12px; line-height: 16px;}
    .advantagecontentvideo .iframe{ height: 200px !important; min-height: auto !important;}
    .flowcontent ul li.jiantou{ display: none;}
    .flowcontent ul li{ width: 50%; padding: 10px;}
    .flowindex{ padding-top: 50px;}
    .caseindex{ padding-top: 20px;}
    .caseindex .container{ padding: 0;}
    .caseindex .caseindexwhite{ margin-top: 20px; padding: 20px 10px 10px;}
    .caseindex .caseindexwhite .caseshuju p{ font-size: 12px; padding: 0 10px;}
    .caseindex .caseindexwhite .caseshuju p i{ font-size: 15px;}
    .caseindex .caseindexwhite .caseshuju span.left,.caseindex .caseindexwhite .caseshuju span.right{ height: 30px;}
    .caseindex .caseindexwhite .caseshuju p{ line-height: 30px;}
    .flowcontent ul li.flowcontentview .flowico .flowimg img{ width: 30px;}
    .flowcontent ul li.flowcontentview .flowico .flowimg{ padding: 10px;}
    .flowcontent ul li.flowcontentview .flowico{padding: 5px;}
    .flowcontent ul li.flowcontentview span{ padding: 5px 0; font-size: 14px;}
    .flowcontent ul li.flowcontentview p{ font-size: 12px; line-height: 20px;}
    .caseindex .casecontent{ padding: 10px 10px 10px;}
    .caseindex .casecontent li{ padding: 10px 10px 0 10px;}
    .caseindex .casecontent li .title{ padding: 5px 0; font-size: 15px;}
    .caseindex .casecontent li p{ font-size: 12px; line-height: 20px; height: 60px; margin-bottom: 10px;}
    .caseindex .casecontent li .titlexg{ font-size: 15px;}
    .caseindex .casecontent li .xgcontent{ padding: 10px; font-size: 12px;}
    .problemindex{ padding-bottom: 10px;}
    .problemindex .problemcontent{ padding-top: 10px;}
    .problemindex .problemcontent li{padding: 10px;}
    .problemindex .problemcontent li span{ font-size: 15px;}
    
    .embassyindex{ padding: 10px 0;}
    .embassyindex .embassycontent{ padding: 10px 0;}
    .embassyindex .embassycontent li{ padding: 10px 10px 0;}
    .embassyindex .embassycontent li .img{ width: 100px;}
    .embassyindex .embassycontent li .text{ padding-left: 110px;}
    .embassyindex .embassycontent li .text span{ padding: 0;}
    .embassyindex .embassycontent li .text p{ line-height: 20px; height: 40px; font-size: 12px; }
    .messageindex{ padding: 10px 0;}
    .messageindex .messagecontent{ padding-top: 10px;}
    .cooperationindex{ padding: 10px 0;}
    .cooperationindex .cooperationcontent{ padding: 10px 0 0;}
    .cooperationindex .cooperationcontent li a{ padding: 5px 10px; margin: 0;}
    .footer{ padding-bottom: 50px;  }
    .footer1,.linkindex{ display: none;}
    .footer2{ padding: 10px 0;}
    .aboutus{ padding-top: 20px;}
    .aboutusimg{ width: 100px;}
    .aboutus .aboutustext1{ padding-top: 10px; font-size: 14px;}
    .aboutusbox{ padding-top: 10px;}
    .aboutusbox li{ margin-bottom: 10px;}
    .aboutusboxli{ height: 150px;}
    .aboutusboxli span{ font-size: 15px; padding-top: 10px;}
    .aboutusboxli img{ width: 40px;}
    .aboutusboxli p{ padding-top: 0; font-size: 12px; color: #909090;}
    .aboutus .titleindex{ margin-top: 10px;}
    .aboutusbox1 .aboutusboxli{ height: 140px;}
    .aboutusbox1 .aboutusboxli span{ font-size: 14px;}
    .aboutusboxtext{ padding: 10px 0 20px; font-size: 12px; line-height: 24px;}
    
    .bannerzy{ height: 210px;}
    .bannerzy .box img{ width: 150px;}
    .bannerzy .box p{ font-size: 16px; line-height: 40px; border: 1px solid rgba(0,54,112,0.8); width: 300px; margin-top: 10px;}
    .bannerzy .box p span{ font-size: 20px;}
    .bannerzy .box p i{ padding: 0 2%;}
    .titlezy{ padding: 20px 0 10px;}
    .caselistbox li{ padding: 10px; margin: 10px 0;}
    .caselistbox .img{ width: 100%; float: none;}
    .caselistbox .text{ padding-left: 0;}
    .caselistbox .text span{ font-size: 14px;}
    .encybanner{ display: block; margin: 10px 0;}
    .encybanner .left{ width: 100%; height: 120px;}
    .encybanner .right{ width: 100%; display: flex; margin-top: 10px;}
    .encybanner .right .rightview{ margin: 0;}
    .encybanner .right .rightview a{ padding: 10px 0 10px 30px; background-size:20px !important;}
    .encybanner .right .rightview:nth-child(1){ margin-right: 10px;}
    .encybanner .right .rightview a span{ font-size: 14px;}
    .encybanner .right .rightview a p{ display: none;}
    .embassynr{ padding: 10px 0; margin: 0;}
    .productcountry{ margin-top: 0; padding-bottom: 0; margin-bottom:10px; }
    .productcountrybox{ display: block; padding-top: 0; padding-left: 0;}
    .productcountrybox a{ display: block; width: 100% }
    .productcountry li{ margin-top: 10px; float: left; width: 25%; padding: 0 5px 0 0; border: none;}
    .productcountry li img{ width: 100%; }
    .productcountry li .text{  padding-left: 0;text-align: center; }
    /*.productcountry li .text span{ display: block; }*/
    .productcountry li .text p{ display: none; }
    .encylistbox{ padding-top: 0;}
    .newinfoRelevant{ padding-left: 10px; padding-right: 10px; }
    .encylistbox li{ padding: 0 }
    .encylistbox li .img{ width: 100%; float: none;}
    .encylistbox li .text{ padding-left: 0;}
    .encylistbox li .textnr{ font-size: 12px; line-height: 20px; height: 40px;}
    .encylistbox .text p{
    padding-top: 5px;
    margin-top: 5px;
    }
    .caselistbox .text span{ padding: 10px 0 5px;}
    .caselistbox .text p i{ font-size: 12px; padding-right: 10px;}
    .introductionbox{ padding: 10px; margin-bottom: 20px; font-size: 12px;}
    .introductionbox .introductiontitle{ font-size: 16px; padding-bottom: 10px;}
    .newtitle{ padding-bottom: 10px;}
    .newtitle h3{ font-size: 14px;}
    .newtitle p{ display: none; }
    .newtitle p span{ font-size: 12px;}
    .newzy{ padding: 10px; font-size: 12px;}
    .syp{ margin-top: 10px; padding-top: 10px;}
    
    .newlistbox li{ border-bottom: 1px solid #ddd;}
    .newlistbox li .img{ width: 100%;}
    .newlistbox li .text{ padding-left: 0;}
    .bannerproduct{ height: 160px;}
    .productnav ul{ display: block; border: none;}
    .productnav li{ width: 19%; display: inline-block; background: no-repeat;}
    .productnav li a{ padding:0; margin-top: 10px;}
    .productnav li a img{ display: none;}
    .productnav li a p{ font-size: 13px; margin-top: 0; line-height: 30px;}
    .producthot{ padding: 20px 0 0;}
    .producthot .hotindex ul li{ margin-bottom: 10px;}
    .productflow{ padding: 10px 0;}
    .caseinfo{padding: 10px;}
    .caseinfoimg{width: 100%; float: none;}
    .caseinfo .right{ margin-left: 0;}
    .proincontent{ margin: 10px 0;}
    .proincontent .proleft{ display: none;}
    .proright{ margin-left: 0;}
    .proright .layui-tab-content{ padding: 15px;}
    .proright .prorighttop li p img{ display: none;}
    .proright .prorighttop li p{ font-size: 12px;}
    .proright .prorighttop li .prorighttoptitle,.proright .prorighttop li,.proright .prorighttop li::after,.proright .prorighttop{ line-height: 30px; height: 30px;}
    .mbx{ line-height: 40px;}
    .caseinfo .right .caseinfotitle{ font-size: 16px; line-height: 30px;}
    .proinfo .right .caseinfonr{ padding-top: 10px;}
    .proinfo .right .caseinfonr .content span{ font-size: 12px; line-height: 24px;}
    .proinfo .right .caseinfonr .content i{ font-size: 15px;}
    .proinfo .right .caseinfonr .content span b{ font-size: 15px;}
    .proinfo .right .proinfolink{ font-size: 12px; margin-top: 10px;}
    .productlist .visaprobox1{ line-height: 30px; height: auto; padding: 0; margin-bottom:10px;}
    .productlist .visaprobox1 li{ line-height: 30px; width: auto;}
    .prolink ul{ padding: 10px;}
    .hotindex ul li .hotindexbox{border-radius: 0;}
    .hotindex ul li .hotindexbox p{
    display: block;
    position: static;
    background: none;padding: 0;
    text-align: center;
    border-radius: 0;
    line-height: 30px;
    color: #515151;
    }


    .caseinfo .right .caseinfonr{ display: flex; padding-top: 10px;}
    .caseinfo .right .caseinfonr .caseinfonrimg{ float: left; }
    .caseinfo .right .caseinfonr .content{ padding-left:0; width: 50%; }
    .caseinfo .right .caseinfonr .caseinfonrright{ display: none;}
    .caseinfo .right .caseinfotitle{ padding-top: 10px; }
    .caseinfopro{ padding-top: 10px; }
    .caseinfoprotitle{ font-size: 18px }
    .caseinfoproul li a{ display: none; }
    .caseinfoproul li{ padding: 5px; line-height: 40px; }
    .caseinfoproul li p{ font-size: 14px; }
    .caseinfoproul li span{ font-size: 12px; }
    .caseinfoproul li span i{ font-size: 16px; }
    .caseinfogsbox{ display: block; }
    .caseinfogs{ padding:10px; margin-top: 10px; }
    .caseinfogsbox .left{ padding:0 10px; font-size: 14px; }
    .caseinfogsbox .right{ padding: 0; font-size: 14px; }
    .caseinfogsboxmore{ font-size: 14px; font-size: 14px; line-height: 40px; margin:20px 0; }
    .proright .prorightcontent .layui-tab-title{white-space:normal; height:auto;}
    .proright .prorightcontent .layui-tab-title li.layui-this{ background: #ccc; }
    .layui-tab-bar{ display: none; }
    .fy{ padding: 10px 0; }
    /*.advantagecontentvideo{ display: none; }*/
    .advantagecontentvideo img{ max-width: 100% !important; }
    .cooperationindex .cooperationcontent li{ border: none !important; }
    .cooperationindex .cooperationcontent li a{border: none !important;}
    .telsjd{ display: block;}
    .newcontent{ padding-top: 10px; }
    .indexvideo{ height: 200px; }
    .hotindexnone{ display: block; }
    .productlist .productcountry li{ height: auto; width: 25%;}

    .visapro .visaprocontent li{ height: auto; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; }
    .visapro .visaprocontent li .visapronrcontentbox{ overflow: hidden; }
    .visapro .visaprocontent li .img{ width: 110px; float: left;}
    .visapro .visaprocontent li .img img{border-radius: 0;}
    .visapro .visaprocontent li .text{padding: 10px; overflow: hidden;border-radius: 0; border: none; }
    .visapro .visaprocontent li .text span{display: block;line-height: 15px;white-space: normal;}
    
    .prolistbanner{ padding-top: 20px; padding-left: 0; padding-right: 0; margin: 0 10px;}
    .prolistbanner img{ width: 160%; margin-left:-60%;}


    .prolink ul li{ height: auto; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; overflow: hidden; margin-bottom:10px; }
    .prolink ul li .visapronrcontentbox{ overflow: hidden; }
    .prolink ul li .img{ width: 110px; float: left;}
    .prolink ul li .img img{border-radius: 0;}
    .prolink ul li .text{padding:10px; overflow: hidden;border-radius: 0; border: none; }
    .prolink ul li .text span{display: block;line-height: 24px;white-space: normal;}
    .prolink ul li .img p{  display: none; }
	
    .advantagecontentvideo video{ width:100%; height:auto; display:block;}

}

@media (max-width:750px){
	.productcountry li .text span{ font-size:12px;}
	.productlist .productcountrybox{ padding:0 5px;}
}
@media (max-width:430px){
	.productcountry li .text span{ font-size:12px;}
	.productlist .productcountrybox{ padding:0 5px;}
    .owl-carousel  .owl-item .item a{ height: 150px;}
    .owl-carousel  .owl-item .item{ height: 126px;}
}



/* 更改的底部联系 */
@-webkit-keyframes talkmove{
    0%{-webkit-transform:scale(1);transform:scale(1);}
    25%{-webkit-transform:scale(0.9);transform:scale(0.9);}
    50%{-webkit-transform:scale(1.2);transform:scale(1.2);}
    75%{-webkit-transform:scale(0.9);transform:scale(0.9);}
    100%{-webkit-transform:scale(1);transform:scale(1);}
}
@-moz-keyframes talkmove{
    0%{-webkit-transform:scale(1);transform:scale(1);}
    25%{-webkit-transform:scale(0.9);transform:scale(0.9);}
    50%{-webkit-transform:scale(1.2);transform:scale(1.2);}
    75%{-webkit-transform:scale(0.9);transform:scale(0.9);}
    100%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes talkmove{
    0%{-webkit-transform:scale(1);transform:scale(1);}
    25%{-webkit-transform:scale(0.9);transform:scale(0.9);}
    50%{-webkit-transform:scale(1.2);transform:scale(1.2);}
    75%{-webkit-transform:scale(0.9);transform:scale(0.9);}
    100%{-webkit-transform:scale(1);transform:scale(1);}
}


#btm{
    display: none;
  }
    @media (max-width: 768px){
        #btm {
            display: block;
        }
    }
    #btm{
        position: fixed;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 10000;
        height: 50px;
    }
    #btm>div {
        width: 50%;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }

    #btm>div.left {
        float: left;
        color: #fff;
        background: #d80d1c;
    }

    #btm>div.right {
        float: left;
        color: #fff;
        background: #1e3ee9;
    }

    #btm img {
      position: relative;
      top: 11px;
        width: 28px;
        height: 28px;
    }

    #btm a {
        color: #fff;
        display: block;
        height: 100%;
    }

    #btm .left a {
        -webkit-animation: telephone 2s 2s ease infinite both;
        -moz-animation: telephone 2s 2s ease infinite both;
    }

    #btm .talkonline{
        -webkit-animation: talkmove 4s 0s ease infinite both;
        -moz-animation: talkmove 4s 0s ease infinite both;
        
    }
  /* 手机端底部弹出框 */
  .mobile-bottom-card {
    background: rgb(58, 60, 76);
    height: 10.6em;
    border: 0.1em solid rgb(221, 229, 237);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0.1em 0.6em 0px, rgba(0, 0, 0, 0.09) 0px 0.2em 3.2em 0px;
    border-radius: 0.2em;
    position: fixed;
    left: 1.6em;
    right: 1.6em;
    bottom: -8.4em;
    box-sizing: border-box;
    padding: 0.8em;
    margin-left: 0.07px;
    opacity: 0;
    transition: bottom 0.3s ease 0s, opacity 0.3s ease 0s;
    z-index: 999999;
    font-size: 10px;
  }

  .mobile-bottom-card .close-icon {
    position: absolute;
    right: 5px;
    top: 0.8em;
  }

  .mobile-bottom-card .kefu-m{
    border-radius: 50% 50%;
  }

  .mobile-bottom-card .chat-box .chat-head {
    color: #ffffff;
    width: 12.86em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0.6px;
    line-height: 1.714em;
    font-size: 1.4em;
  }

  .mobile-bottom-card .chat-box .chat-body-box {
    position: relative;
  }

  .mobile-bottom-card .chat-box .chat-body-box .chat-body {
    position: absolute;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #ffffff;
    letter-spacing: 0.6px;
    line-height: 1.5em;
    margin-top: 0.5em;
    font-size: 1.2em;
  }