.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:#e30000; 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: #333;margin-bottom:60px;}
.titleindex p b{padding: 0 10px; display: inline-block;}
.titleindex p b span{padding: 0 10px; display: inline-block; font-size: 30px; color: #fff;}
.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;}
.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;}
@-webkit-keyframes titleindex{0%{background-color:rgba(227, 0, 0, 0.2);}50%{background-color:rgba(227, 0, 0, 0.5);}100%{background-color:rgba(227, 0, 0, 0.2);}}


.titleindex1 {
    text-align: center;
    font-size: 30px;
    color: #333;
    margin-bottom: 60px;
}
.titleindex1 p i {
    display: inline-block;
    width: 8px;
    height: 8px;

    background-color: #d40000;

    /* background-color: #dcdcdc; */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 0 5px;
}
.titleindex1 p b {
    padding: 0 10px;
    display: inline-block;
    font-size:34px;
}

.titleindex1 p b span{
   color: #D40000;
  
   padding: 0 5px;
   display: inline-block;
   font-size:34px;
}


.titleindex1 span {
    display: block;
    font-size: 18px;
    color: #777777;
    margin-top: 10px;
    text-transform: uppercase;
}
.titleindex1 p i:nth-child(1), .titleindex1 p i:nth-child(5) {
    -webkit-animation: titleindex1 1.5s ease infinite;
    -ms-animation: titleindex1 1.5s ease infinite;
    -moz-animation: titleindex1 1.5s ease infinite;
}
@-webkit-keyframes titleindex1{0%{background-color:rgba(247, 247, 247, 0.86);}50%{background-color:rgba(255, 255, 255, 0.6);}100%{background-color:rgba(253, 253, 253, 0.2);}}
.titleindex span{ display: block; font-size: 15px; color: #777777;margin-top: 10px;text-transform:uppercase; }

.visaprobox1{background: #f3f4f6; border: none; height: auto; line-height: 50px; overflow: visible; text-align: center; margin-top: 30px; overflow:hidden;margin-left: 25%;}
.visaprobox1 li{ padding: 0 30px; line-height: 50px; height: 50px;z-index: 1; font-size: 18px; width:150px; float:left;}
.visaprobox1 li:hover{ background:#e30000; color:#fff;}
.visaprobox1 .layui-this{ color: #fff; background:#e30000;}
.visaprobox1 .layui-this::after{ content: ""; height: 50px; background: #e30000; z-index: -1;}
.visaprobox1 .layui-this::before{
    display: block;
    position: absolute;
    left: 50%;
    bottom: -2px;
    margin-left: -8px;
    content: "";
    width: 15px;
    height: 15px;
    background: #e30000;
    -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;}
.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:#e30000; border:1px solid #e30000; 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(4),.advantagecontent .advantagecontentul li:nth-child(6),.advantagecontent .advantagecontentul li:nth-child(8),.advantagecontent .advantagecontentul li:nth-child(10){  background-size:cover;}



.advantagecontent .advantagecontentul li:nth-child(2) span,.advantagecontent .advantagecontentul li:nth-child(4) span,.advantagecontent .advantagecontentul li:nth-child(6) span,.advantagecontent .advantagecontentul li:nth-child(8) span,.advantagecontent .advantagecontentul li:nth-child(10) span{ color: #fff;    margin-left: -244px;}
.advantagecontent .advantagecontentul li:nth-child(2) p,.advantagecontent .advantagecontentul li:nth-child(4) p,.advantagecontent .advantagecontentul li:nth-child(6) p,.advantagecontent .advantagecontentul li:nth-child(8) p,.advantagecontent .advantagecontentul li:nth-child(10) 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:70px;padding-bottom: 60px;}
.flowcontent ul{ overflow: hidden;}
.flowcontent ul li{ float: left; width:11.11%; text-align: center;height: 265px;}
.flowcontent ul li.flowcontentview .flowico{ padding: 15px; border: 3px 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; transition:0.3s;}
.flowcontent ul li.flowcontentview:hover .flowico .flowimg img{
    -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: 18px;color: #3c3c3c; display: block; padding: 20px 0 15px;}
.flowcontent ul li.flowcontentview p{ font-size: 14px; color: #828282; line-height: 24px;}
.flowcontent ul li.jiantou{ display: flex; text-align: center; height: 135px;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: #e30000;}
.flowcontent ul li.jiantou .jiantoubox span:nth-child(1){background: rgba(227, 0, 0, 0.1);}
.flowcontent ul li.jiantou .jiantoubox span:nth-child(2){background: rgba(227, 0, 0, 0.3);}
.flowcontent ul li.jiantou .jiantoubox span:nth-child(3){background: rgba(227, 0, 0, 0.5);}
.flowcontent ul li.jiantou .jiantoubox span:nth-child(4){background: rgba(227, 0, 0, 0.7);}
.flowcontent ul li.jiantou .jiantoubox i{ font-family: 'simsun'; font-size: 30px; color: #e30000; 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;
}


@-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)}
}



.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: #e30000;
    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: #e30000;
    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: #e30000; 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: #e30000; border-radius: 5px; padding: 5px; color: #fff; margin-right: 10px;}
.problemindex .problemcontent li span i::after{ content: " "; width: 6px; height: 6px;background: #e30000; 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{ padding: 50px 0 20px;background-color: #f7f9fa;}
.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: #F1F1F1; padding:65px 0 40px; }
.cooperationindex .cooperationcontent{ overflow: hidden; padding-top: 0px;}
.cooperationindex .cooperationcontent li{ float: left; border-left: 1px solid #dee5ec; text-align: center; width:239px;}
.cooperationindex .cooperationcontent li:nth-child(1),.cooperationindex .cooperationcontent li:nth-child(6){ 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%;height: 80px;}
.cooperationindex .cooperationcontent li:nth-child(9) a,.cooperationindex .cooperationcontent li:nth-child(10) 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;
}
@-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)}
}

/*案例鼠标经过效果*/
.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: #e30000; 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: #e30000; 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: #e30000; padding-left: 20px; position: relative;}
.caseinfoprotitle::after{ position: absolute; left:0; top:0; content: ""; width: 6px; height: 100%; background: #e30000; 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: #e30000;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: #e30000; 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: #e30000;}
.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: #e30000; border-radius: 5px; color: #fff; margin-right: 10px;float: left;}
.prolist .problemindex .problemcontent li i.wentext::after{ content: " "; width: 6px; height: 6px;background: #e30000; 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;}
.productcountry li .text{ padding-left: 10px; position: relative; z-index: 1;}
.productcountry li .text span{ font-size: 15px; 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: #e30000 !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: #e30000;}
.prolink ul li .text span{ color: #1f1f1f;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prolink ul li .text p{ font-size: 12px; color: #858585;}

.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: #e30000; 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: #e30000; }
.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 10px; }
.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; line-height: :;px;}
.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){
    .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: 16px; 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: 16px; 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; overflow: height: ;}
    .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: 15px;white-space: normal;}
    .prolink ul li .img p{  display: none; }
	
.advantagecontentvideo video{ width:100%; height:auto; display:block;}

}
@media (max-width:430px){
    .owl-carousel  .owl-item .item a{ height: 150px;}
    .owl-carousel  .owl-item .item{ height: 126px;}
}