.section{
    overflow: hidden;
    position: relative;
}
.section .item-t{
    overflow: hidden;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 15px;
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
 .home-slide .swiper-slide .text h1{margin-bottom: 0.5em;}
.section .item-t h1{
    width:100%;
    color: #1d595b;
    font-weight: bold;
    margin: 0 0 30px 0;
}
.section .item-t a{
    display: block;
    overflow: hidden;
    width: 210px;
    height: 50px;
    line-height: 48px;
    color: #fff;
    text-align: center;
    margin: auto;
    background-color: #1d595b;
    border: 1px solid #1d595b;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.section .item-t a:hover{
    color: #1d595b;
    background-color: rgba(255,255,255,0);
}
.section .item-i{
    overflow: hidden;
    position: relative;
}
.section .item-i img{
    width: 100%;
    height: auto;
}
.section2{
    overflow: hidden;
    position: relative;
}
.section2 .section-left{
    overflow: hidden;
    position: relative;
    width: 50%;
    padding: 100px 8%;
    text-align: center;
    background-color: #9fa0a0;
}
.section2 .section-left h2{
    color: #fff;
    font-weight: bold;
    margin: 0 0 40px 0;
}
.section2 .section-left p{
    color: #fff;
    line-height: 1.6;
    margin: 0 0 50px 0;
}
.section2 .section-left a{
    display: block;
    overflow: hidden;
    width: 210px;
    height: 50px;
    line-height: 48px;
    color: #fff;
    text-align: center;
    margin: auto;
    background-color: #1d595b;
    border: 1px solid #1d595b;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.section2 .section-left a:hover{
    color: #1d595b;
    background-color: rgba(255,255,255,0);
}
.section2 .section-right{
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.section2 .section-right img{
    max-width: 60%;
    height: auto;
}

.section3{
    overflow: hidden;
    position: relative;
    padding: 0 15%;
    margin: 100px 0 0 0;
}
.section3 .section-top{
    overflow: hidden;
    position: relative;
}
.section3 .section-top h2{
    color: #1d595b;
    font-weight: bold;
    text-align: center;
    padding: 0 0 20px 0;
    margin: 0;
    border-bottom: 5px solid #1d595b;
}
.section3 .section-center{
    overflow: hidden;
    position: relative;
}
.section3 .section-center ul{
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
}
.section3 .section-center ul li{
    display: block;
    overflow: hidden;
    padding: 0 10px;
    margin: 20px 0 0 0;
}
.section3 .section-center ul li .li{
    text-align: center;
    padding: 50px 15px;
    background-color: #1d595b;
}

.section3 .section-center ul li .li .li-i{
    height: 80px;
    line-height: 80px;
}
.section3 .section-center ul li .li .li-i img{
    max-height: 80px;
    max-width: 100%;
}
.section3 .section-center ul li img{
    position:relative;
    overflow:hidden;
    -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.section3 .section-center ul li:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.section3 .section-center ul li .li h4{
    margin: 20px 0 0 0;
    color: #fff;
}

.section4{
    overflow: hidden;
    position: relative;
    margin: 100px 0 0 0;
}
.section4 .section-top{
    overflow: hidden;
    position: relative;
    padding: 0 15%;
}
.section4 .section-top h2{
    color: #1d595b;
    font-weight: bold;
    text-align: center;
    padding: 0 0 20px 0;
    margin: 0;
}
.section4 .section-center{
    overflow: hidden;
    position: relative;
    padding: 0 15%;
    background-color: #1d595b;
}
.section4 .section-center ul{
    margin: 0 -10px;
}
.section4 .section-center ul li{
    display: block;
    overflow: hidden;
    float: left;
    width: 25%;
    padding: 0 10px;
    margin: 20px 0 10px 0;
}
.section4 .section-center ul li .li{
    overflow: hidden;
}
.section4 .section-center ul li .li .li-i{

}
.section4 .section-center ul li .li .li-i img{
    width: 100%;
    height: auto;
}
.section4 .section-center ul li .li h4{
    margin: 10px 0 0 0;
    color: #fff;
    font-weight: bold;
}
.section4 .section-center ul li .li h6{
    color: #fff;
}

.section5{
    overflow: hidden;
    position: relative;
    margin: 100px 0 0 0;
}
.section5 .section-top{
    overflow: hidden;
    position: relative;
    padding: 0 15%;
}
.section5 .section-top h2{
    color: #1d595b;
    font-weight: bold;
    text-align: center;
    padding: 0 0 20px 0;
    margin: 0;
}
.section5 .section-center{
    overflow: hidden;
    position: relative;
    padding: 0 15%;
}
.section5 .section-center .picScroll-left{
    overflow: hidden;
    position: relative;
}
.section5 .section-center .picScroll-left .bd{
    overflow: hidden;
    padding: 0 30px;
}
.section5 .section-center .picScroll-left .bd .picList{
    overflow:hidden;
}
.section5 .section-center .picScroll-left .bd ul li{
    width: 16.666666666667%;
    float:left;
    text-align: center;
}
.section5 .section-center .picScroll-left .bd ul li .pic{
    line-height: 80px;
}
.section5 .section-center .picScroll-left .bd ul li .pic img{
    max-width: 50%;
    max-height: 80px;
}
.section5 .section-center .picScroll-left .hd{}
.section5 .section-center .picScroll-left .hd img{
    height: 30px;
}
.section5 .section-center .picScroll-left .hd .prev{
    display:block;
    float:left;
    margin-top:25px;
    overflow:hidden;
    cursor:pointer;
}
.section5 .section-center .picScroll-left .hd .next{
    display:block;
    float:right;
    margin-top:25px;
    overflow:hidden;
    cursor:pointer;
}

.section6{
    overflow: hidden;
    position: relative;
    margin: 100px 0 100px 0;
}
.section6 .section-top{
    overflow: hidden;
    position: relative;
    padding: 0 15%;
}
.section6 .section-top h2{
    color: #1d595b;
    font-weight: bold;
    text-align: center;
    padding: 0 0 20px 0;
    margin: 0;
}
.section6 .section-center{
    overflow: hidden;
    position: relative;
    padding: 0 15%;
}
.section6 .section-center .picScroll-left{
    overflow: hidden;
    position: relative;
}
.section6 .section-center .picScroll-left .bd{
    overflow: hidden;
    padding: 0 30px;
}
.section6 .section-center .picScroll-left .bd .picList{
    overflow:hidden;
}
.section6 .section-center .picScroll-left .bd ul li{
    width: 16.666666666667%;
    float:left;
    text-align: center;
}
.section6 .section-center .picScroll-left .bd ul li .pic{
    line-height: 80px;
}
.section6 .section-center .picScroll-left .bd ul li .pic img{
    max-width: 50%;
    max-height: 80px;
}
.section6 .section-center .picScroll-left .hd{}
.section6 .section-center .picScroll-left .hd img{
    height: 30px;
}
.section6 .section-center .picScroll-left .hd .prev{
    display:block;
    float:left;
    margin-top:25px;
    overflow:hidden;
    cursor:pointer;
}
.section6 .section-center .picScroll-left .hd .next{
    display:block;
    float:right;
    margin-top:25px;
    overflow:hidden;
    cursor:pointer;
}


.aboutBox{
    overflow: hidden;
    position: relative;
    padding: 100px 0;
}
.aboutBox .section-center{
    overflow: hidden;
    position: relative;
    text-align: center;
}
.aboutBox .section-center h2{
    color: #333;
    font-weight: bold;
    margin: 0 0 40px 0;
}
.aboutBox .section-center p{
    color: #333;
    line-height: 1.6;
    margin: 0 0 30px 0;
    text-align: justify;
}

.clientBox{position: relative;overflow: hidden;padding: 100px 0;}
.clientBox img{max-width: 100%;margin: 20px auto;display: block;}
.clientBox .row{display: flex;align-items: center;flex-wrap: wrap;}
.cpBox{position: relative;overflow: hidden;padding: 100px 0;}
.cpBox form .form-group{margin: 0 auto;width: 50%;border: 2px solid #1d595b;display: flex;border-radius: 50px;align-items: center;}
.cpBox form .form-group button img{max-width: 60%;border-right: 1px solid #1d595b;padding-right: 10px;}
.cpBox form .form-group button{width: 20%;outline: none;border: none;}
.cpBox form .form-group input{border: none;text-align: center;background: none;width: 70%;font-size: 20px;outline: none;}
.cpBox .table-responsive{margin-top: 50px;}
.cpBox .table-responsive table{border: 1px solid #1d595b;width: 100%;}
.cpBox .table-responsive th{background-color: #1d595b;color: #fff;text-align: center;border-bottom: none;font-weight: normal;vertical-align: middle;}
.cpBox .table-responsive tr td{text-align: center;    vertical-align: middle;}
.cpBox .table-responsive tr td:nth-child(odd){background-color: #cbe6ef;}
.cpBox .table td,.cpBox .table th{border: none;}
.cpBox .table th:nth-child(2){width: 10%}
.cpBox .table th:nth-child(3){width: 10%}
.cpBox .table th:nth-child(4){width: 10%}
.cpBox .table th:nth-child(6){width: 10%}
.xwBox{overflow: hidden;position: relative;padding: 100px 0px;}
.xwBox .lin ul li{display: flex;align-items: center;margin-bottom: 10px;}
.xwBox .lin ul li div{width: 8%;}
.xwBox .lin ul li img{max-width: 100%;}
.xwBox form .form-group{display: flex;align-items: center;}
.xwBox form .form-group label{margin-bottom: 0;margin-top: 0px;width: 20%;}
[lang=en-US] .xwBox form .form-group label{width: 30%}
.xwBox form button{padding:0.5rem 1.5rem; text-transform: uppercase;color: #fff;border-radius: 50px;background-color: #1d595b;float: right;}
.newsBox{overflow: hidden;position: relative;padding: 100px 0;}
.newsBox .news ul li a{display: block;border-bottom: 2px solid #1d595b;color: #333;font-style: normal;padding-bottom: 10px;margin-bottom: 10px;}
.newsBox .news ul li a em{padding: 0 8%;padding: 10 0px;font-style: normal;}
[lang=en-US] .section3 .section-center ul li .li h4{font-size: 1em;}
[lang=en-US] .section3 .section-center ul li .li{min-height: 240px}
.lin table tr td a{color: #333}

@media screen and (max-width:1680px) {
    .headerTop .navLi ul li {
        margin: 0 30px;
    }


}
@media screen and (max-width:1600px) {
    .headerTop .navLi ul li {
        margin: 0 22px;
    }

}
@media screen and (max-width:1440px) {
    .headerTop .navLi ul li {
        margin: 0 15px;
    }

}
@media screen and (max-width:1366px) {
    .headerTop .navLi ul li {
        margin: 0 10px;
    }


}
@media screen and (max-width:1360px) {

}
@media screen and (max-width:1280px) {
    .headerTop .navLi ul li {
        margin: 0 10px;
    }
    .headerTop{padding: 15px}
    .section3 .section-center ul li .li h4{font-size:1.1rem;}

}
@media screen and (max-width:1160px) {
    .hide-768{
        display: none;
    }
    .show-768{
        display: block;
    }
    .headerTopTel{
        overflow: hidden;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        padding: 10px 15px;
        border-bottom: 1px solid #eee;
        z-index: 9999;
        background-color: #fff;
    }
    .headerTopTel .logo{
        overflow: hidden;
        position: relative;
        float: left;
    }
    .headerTopTel .logo img:nth-child(1){
        max-height: 40px;
    }
    .headerTopTel .logo img:nth-child(2){
        max-height: 20px;
        margin: 0 0 0 10px;
    }
    .headerTopTel .logo img:nth-child(3){
        max-height: 30px;
        margin: 0 10px;
    }
    .headerTopTel .logo img:nth-child(4){
        max-height: 40px;
    }
    .headerTopTel .menu{
        overflow: hidden;
        position: relative;
        float: right;
        padding: 6px 0;
    }
    .headerTopTel .menu img{
        max-height: 20px;
    }
    .headerTopTel .menu .close-x{
        display: none;
    }
    .headerTopTelH{
        height: 61px;
    }
    .menu-box{
        overflow: hidden;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 100%;
        padding: 10px 15px;
        z-index: 9998;
        background-color: #fff;
        -webkit-transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
    }
    .menu-box-this{
        left: 0;
    }
    .menu-box .navLi{
        overflow: hidden;
        position: relative;
        margin: 50px 0 0 0;
    }
    .menu-box .navLi ul{}
    .menu-box .navLi ul li{
        display: block;
        overflow: hidden;
        padding: 10px 15px;
        border-bottom: 1px solid #ccc;
    }
    .menu-box .navLi ul li a{
        color: #333;
        font-weight: bold;
    }
    .menu-box .lan{
        overflow: hidden;
        position: relative;
        padding: 10px 15px;
        border-bottom: 1px solid #ccc;
    }
    .menu-box .lan a{
        color: #333;
    }
    .menu-box .lan .this{
        color: #1d595b;
    }
    .menu-box .size{
        overflow: hidden;
        position: relative;
        padding: 10px 15px;
        border-bottom: 1px solid #ccc;
    }
    .menu-box .size a{
        color: #333;
        margin: 0 5px 0 0;
    }
    .menu-box .size .this{
        color: #1d595b;
    }
    .xwBox form .form-group label{width: 22%;}
    [lang=en-US] .section3 .section-center ul li .li {
    min-height: 260px;
}
.size{justify-content: flex-start;height: 48px}



}
@media screen and (max-width:960px) {

    .scl{width: 100%;overflow-x: scroll;}
    .table-responsive{width: 300%;}
    .cpBox form .form-group button img{max-width: 100%;}
    .zBanner .spi{
    overflow: hidden;
    position: relative;
    height: 208px;

}
.zBanner .spi img{
    width: 100%;
    height: 100%;
     object-fit: cover;


}

[lang=en-US] .section3 .section-center ul li .li h4{font-size: 0.8em;}

}
@media screen and (max-width:768px) {
    .hide-768{
        display: none;
    }
    .show-768{
        display: block;
    }
    .headerTopTel{
        overflow: hidden;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        padding: 10px 15px;
        border-bottom: 1px solid #eee;
        z-index: 9999;
        background-color: #fff;
    }
    .headerTopTel .logo{
        overflow: hidden;
        position: relative;
        float: left;
    }
    .headerTopTel .logo img:nth-child(1){
        max-height: 40px;
    }
    .headerTopTel .logo img:nth-child(2){
        max-height: 20px;
        margin: 0 0 0 10px;
    }
    .headerTopTel .logo img:nth-child(3){
        max-height: 30px;
        margin: 0 10px;
    }
    .headerTopTel .logo img:nth-child(4){
        max-height: 40px;
    }
    .headerTopTel .menu{
        overflow: hidden;
        position: relative;
        float: right;
        padding: 6px 0;
    }
    .headerTopTel .menu img{
        max-height: 20px;
    }
    .headerTopTel .menu .close-x{
        display: none;
    }
    .headerTopTelH{
        height: 61px;
    }
    .menu-box{
        overflow: hidden;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 100%;
        padding: 10px 15px;
        z-index: 9998;
        background-color: #fff;
        -webkit-transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
    }
    .menu-box-this{
        left: 0;
    }
    .menu-box .navLi{
        overflow: hidden;
        position: relative;
        margin: 50px 0 0 0;
    }
    .menu-box .navLi ul{}
    .menu-box .navLi ul li{
        display: block;
        overflow: hidden;
        padding: 10px 15px;
        border-bottom: 1px solid #ccc;
    }
    .menu-box .navLi ul li a{
        color: #333;
        font-weight: bold;
    }
    .menu-box .lan{
        overflow: hidden;
        position: relative;
        padding: 10px 15px;
        border-bottom: 1px solid #ccc;
    }
    .menu-box .lan a{
        color: #333;
    }
    .menu-box .lan .this{
        color: #1d595b;
    }
    .menu-box .size{
        overflow: hidden;
        position: relative;
        padding: 10px 15px;
        border-bottom: 1px solid #ccc;
    }
    .menu-box .size a{
        color: #333;
        margin: 0 5px 0 0;
    }
    .menu-box .size .this{
        color: #1d595b;
    }
    .section2 .section-left {
        padding: 100px 15px;
    }
    .section3 {
        padding: 0 15px;
    }
    .section4 .section-center{
        padding: 0 15px;
    }
    .section5 .section-top {
        padding: 0 15px;
    }
    .section5 .section-center {
        padding: 0 15px;
    }
    .section6 .section-top{
        padding: 0 15px;
    }
    .section6 .section-center {
        padding: 0 15px;
    }
    .footer {
        padding: 15px 15px;
    }
    .col-md-6{width: 100%;max-width: 100%;flex: 0 0 100%;margin-bottom: 5%;}
        [lang=en-US] .section3 .section-center ul li .li {
    min-height: 240px;
}



}
@media screen and (max-width:767px) {
    .section .item-t h1 {
        margin: 0 0 20px 0;
    }
    .section2 .section-left {
        padding: 100px 15px;
    }
    .section2 .section-left h2 {
        margin: 0 0 20px 0;
    }
    .section2 .section-left {
        width: 100%;
        padding: 30px 15px;
    }
    .section2 .section-left p {
        margin: 0 0 20px 0;
    }
    .section2 .section-right {
        position: relative;
        width: 100%;
        height: auto;
        padding: 30px 15px;
    }
    .section3 {
        padding: 0 15px 30px;
        margin: 0px 0 0 0;
    }
    .section3 .section-center ul li {
        width: 50%;
    }
    .section3 .section-center ul li .li {
        padding: 30px 15px 15px 15px;
    }

    .section4 {
        margin: 0px 0 0 0;
    }
    .section4 .section-center ul li {
        width: 50%;
    }
    .section5 {
        margin: 30px 0 0 0;
    }
    .section5 .section-center .picScroll-left .bd ul li {
        width: 48%;
    }
    .section6 {
        margin: 30px 0 30px 0;
    }
    .section6 .section-center .picScroll-left .bd ul li {
        width: 48%;
    }
    .aboutBox {
        padding: 30px 0;
    }
    .aboutBox .section-center h2 {
        margin: 0 0 20px 0;
    }
    .h1, h1{font-size: 2em;margin-bottom: 0;}
    .cpBox .table-responsive{font-size: 0.8em;}
    .cpBox form .form-group{width: 100%;}
    .xwBox form .form-group label{width: 100%;}
    .xwBox form .form-group{display: block;}
    .xwBox form .col-sm-10{padding: 0;margin-top: 10px;}
    .captcha .form-group{width: 100%;display: flex;justify-content: space-between;align-items: center;}
    .section .item-i{height: 300px}
    .section .item-i img{height: 100%;object-fit: cover;}
    .section .item-t h1{text-align: center;}
    .cpBox .table th:nth-child(2){width: 15%}
    .cpBox .table th:nth-child(3){width: 15%}
    .cpBox .table th:nth-child(4){width: 15%}
    .cpBox .table th:nth-child(5){width: 20%}
    .section .swiper-button-next:after,.section .swiper-button-prev:after{font-size: 20px;}
    .home-slide .swiper-slide .text a{font-size: 0.6em}
    .section3 .section-center ul li .li h4{font-size: 0.8em}
    .section4 .section-center ul li .li h4{font-size: 0.8em;}
    .footer h6{font-size: 0.6em;}
    .section2 .section-left a{width: 110px;height: 40px;line-height: 40px;font-size: 0.6em;}
    .section2 .section-left p{font-size: 0.8em;}
     [lang=en-US] .section3 .section-center ul li .li {
           min-height: 200px;
   }
   .clientBox .row{justify-content: space-between;}
   .clientBox .row .col-md-3{width: 48%}
   .newsBox .news ul li a{display: flex;justify-content: space-between;}
   .newsBox .news ul li a em{padding: 0 2%}
   .newsBox .news ul li a span{width: 60%}

   .section6 .section-center .picScroll-left .bd .tempWrap{width: 100% !important}
   .section6 .section-center .picScroll-left .bd ul li .pic img{max-width: 80%}
   .home-slide .swiper-slide .text h1{font-size: 1em;}

}
@media screen and (max-width:375px) {

}
@media screen and (max-width:360px) {

}
@media screen and (max-width:320px) {
    .headerTopTel .logo img:nth-child(2){
        margin: 0 0 0 0px;
    }
    .headerTopTel .logo img:nth-child(3){
        margin: 0 0px;
    }
    .section .item-t h1{font-size: 1.4;}
}

.form-row.captcha {
    justify-content: flex-end;
}
.form-submit {
    justify-content: flex-end;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
}

.pagination span,
.pagination a {
    padding: 0 0.5rem;
    margin: 0 0.3rem;
}

.pagination span.active {
    background: #1d595b;
    color: #fff;
}