.section{
    overflow: hidden;
    position: relative;
    z-index: 66;
}
.section .carousel-inner{
    padding: 0 0 110px 0;

}
.section .carousel-inner .item .itemI {height: 700px;background: #efefef;}
.section .carousel-inner .item .itemI img{
	  width: calc(1*100%);
      height: 100%;
      object-fit: cover;
}

.section .carousel-indicators {
    position: absolute;
    bottom: 125px;
    left: 230px;
    z-index: 15;
    width: auto;
    padding-left: 0;
    margin-left: 0%;
    text-align: center;
    list-style: none;
}
.section .carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 0 3px;
    background-color: #fff;
    background-color: #fff;
    border: 2px solid #3a5686;
    border-radius: 10px;
}
.section .carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 0 3px;
    background-color: #3a5686;
}
.section .carousel-control {
    position: absolute;
    top: auto;
    bottom: 155px;
    left: 0;
    width: 180px;
    height: 150px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=100);
    opacity: 1;
}
/*.section .carousel-control.left {*/
/*background-image: none;*/
/*}*/
.section .carousel-control.right {
    right: auto;
    left: 210px;
    background-image: none;
}
.section .carousel-caption {
    position: absolute;
    right: 0%;
    left: 20%;
    bottom: -110px;
    z-index: 10;
    padding: 10px 0 20px 0 ;
    color: #000;
    text-shadow: none;
}
.section .carousel-caption .itemT{
    float: right;
    max-width: 800px;
    padding: 25px 80px 60px 40px;
    text-align: left;
    background-color: rgba(255,255,255,.8);
    -webkit-box-shadow: 0 10px 10px 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 10px 10px 5px rgba(0,0,0,.2);
    box-shadow: 0 10px 10px 2px rgba(0,0,0,.2);
}


  
.section .carousel-caption h1{
    font-size: 72px;
    margin: 0;
    font-weight: 300;
}
.section .carousel-caption p{
    font-size: 16px;
    margin: 40px 0 0 0;
    text-align: justify;
    line-height: 1.6;
}
.section .carousel-caption .more{
    overflow: hidden;
    margin: 30px 0 0 0;
}
.section .carousel-caption .more a{
    display: block;
    overflow: hidden;
    font-size: 16px;
    width: 160px;
    height: 60px;
    line-height: 58px;
    color: #fff;
    text-align: center;
    background-color: #3a5686;
    border: 1px solid #3a5686 ;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.section .carousel-caption .more a:hover{
    color: #3a5686;
    background-color: rgba(255,255,255,0);
}
.section2{
    overflow: hidden;
    position: relative;
    padding: 0px 0 65px 0;
    margin: -45px 0 0 0;
}
.section2 .box{
    overflow: hidden;
}
.section2 .box img{
    margin: 0 15px 0 0;
}
.section2 .box h5{
    font-weight: bold;
    color: #000;
    margin: 3px 0 5px 0;
}
.section2 .box p{
    color: #aaa;
    margin: 0;
}
.section3{
    overflow: hidden;
    padding: 70px 0 80px 0;
    padding: 40px 0 50px 0;
    background-color: #f9f9f9;
}
.section3 ul{
    display: flex;
    justify-content : space-around;
}
.section3 ul li{
    text-align: center;
}
.section3 ul li h1{
    font-size: 62px;
    margin: 0 0 10px 0;
}
.section3 ul li h4{
    font-size: 16px;
    margin: 0;
}
.section4{
    overflow: hidden;
    position: relative;
    background-color: #f9f9f9;
    padding: 0 160px;
}
.section4 .sectionLeft{
    overflow: hidden;
    position: relative;
    width: 25%;
}
.section4 .sectionLeft .spI{
    overflow: hidden;
    height: 300px;
}
.section4 .sectionLeft .spI img{
    width: 100%;
    height: auto;
    max-height: 300px;
}
.section4 .sectionLeft .spT{
    overflow: hidden;
    position: absolute;
    z-index: 1;
    bottom: 40px;
    left: 0;
    width: 100%;
}
.section4 .sectionLeft .spT .box{
    overflow: hidden;
    margin: 0 0 0 55px;
    padding: 35px 0 35px 40px;
    background-color: #fff;
}
.section4 .sectionLeft h6{
    margin: 0 0 15px 0;
}
.section4 .sectionLeft h4{
    margin: 0 0 0 0;
}
.section4 .sectionRight{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.section4 .sectionRight ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.section4 .sectionRight ul li{
    width: 19%;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    height: 100%;
}
.section4 .sectionRight ul li .spI{
    overflow: hidden;
    height: 100%;
}
.section4 .sectionRight ul li .spI img{
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.8s ease 0s ;
    -moz-transition: all 0.8s ease 0s ;
    -ms-transition: all 0.8s ease 0s ;
    -o-transition: all 0.8s ease 0s ;
    transition: all 0.8s ease 0s ;
}
.section4 .sectionRight ul li .spT{
    overflow: hidden;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(0,0,0,.75);
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
    -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 ;
}
.section4 .sectionRight ul li h4{
    margin: 45% 15px;
    color: #fff;
    font-weight: bold;
}
.section4 .sectionRight ul li h5{
    font-size: 16px;
    margin: 0 0 0 0;
    color: #999;
}
.section4 .sectionRight ul li:hover .spI 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);
}
.section4 .sectionRight ul li:hover .spT{
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}
.section5{
    overflow: hidden;
    position: relative;
    padding: 40px 0 60px 0;
    background-color: #f9f9f9;
}
.section5 h2{
    font-size: 28px;
    margin: 0 30px 0 0;
    line-height: 1.6;
    font-weight: bold;
}
.section5 .more{
    overflow: hidden;
    margin: 30px 0 0 35px;
}
.section5 .more a{
    display: block;
    overflow: hidden;
    font-size: 16px;
    width: 160px;
    height: 60px;
    line-height: 58px;
    color: #fff;
    text-align: center;
    background-color: #3a5686;
    border: 1px solid #3a5686 ;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.section5 .more a:hover{
    color: #3a5686;
    background-color: rgba(255,255,255,0);
}
.section6{
    overflow: hidden;
    position: relative;
    text-align: center;
    background-color: #f9f9f9;
}
.section6 .img{
    overflow: hidden;
}
.section6 .img img{
    max-width: 100%;
    height: auto;
}
.section7{
    overflow: hidden;
    position: relative;
    background-color: #f9f9f9;
    padding: 30px 160px 80px;
}
.section7 ul{
    display: flex;
    justify-content: center;
}
.section7 ul li{
    width:33.33%
}
.section7 ul li .box{
    overflow: hidden;
}
.section7 ul li .img{
    overflow: hidden;
    margin: 0 0 25px 0;
    height: 100px;
    line-height: 100px;
}
.section7 ul li .img img{
    max-width: 100%;
    height: auto;
}
.section7 ul li .liLeft{
    overflow: hidden;
    color: #3a5686;
    font-size: 92px;
    font-weight: bold;
    padding: 0 0 0 6%;
}
.section7 ul li .liRight{
    overflow: hidden;
    width: 55%;
    width: 100%;
    margin: 0 0 0 20px ;
    padding: 0 30px;
    margin: 0 0 0 0px ;
}
.section7 ul li .liRight h2{
    font-size: 28px;
    color: #333;
    margin: 25px 0 10px 0;
    font-weight: bold;
}
.section7 ul li .liRight p{
    font-size: 16px;
    margin: 0;
    color: #333;
    text-align: justify;
    line-height: 1.6;
}
.section7 .more{
    overflow: hidden;
    margin: 50px 0 0 35px;
}
.section7 .more a{
    display: block;
    overflow: hidden;
    font-size: 16px;
    width: 160px;
    height: 60px;
    line-height: 58px;
    color: #fff;
    margin: auto;
    text-align: center;
    background-color: #3a5686;
    border: 1px solid #3a5686 ;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.section7 .more a:hover{
    color: #3a5686;
    background-color: rgba(255,255,255,0);
}
.section8{
    overflow: hidden;
    position: relative;
    background-color: #f9f9f9;
    padding: 0 160px;
}
.section8 .sectionLeft{
    overflow: hidden;
    position: relative;
    width: 50%;
    padding: 80px 100px 30px;
    background-color: #fff;
    min-height: 780px;
}
.section8 .sectionLeft h2{
    font-size: 28px;
    margin: 0 0 20px 0;
}
.section8 .sectionLeft h1{
    font-size: 72px;
    margin: 0 0 60px 0;
}
.section8 .sectionLeft p{
    text-align: justify;
    font-size: 16px;
    line-height: 1.6;
}
.section8 .sectionRight{
    overflow: hidden;
    position: relative;
    width: 50%;
}
.section8 .sectionRight ul{
    display: flex;
    flex-wrap: wrap;
}
.section8 .sectionRight ul li{
    width: 50%;
    position: relative;
}
.section8 .sectionRight ul li .spI{
    overflow: hidden;
    height: 390px;
}
.section8 .sectionRight ul li .spI img{
    width: 100%;
    height: auto;
    max-height: 390px;
}
.section9{
    overflow: hidden;
    position: relative;
    background-color: #f9f9f9;
    padding: 55px 160px 35px;
}
.section9 ul{
    display: flex;
    justify-content: space-around;
}
.section9 ul li{}
.section9 ul li .img{
    height: 100px;
    line-height: 100px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    padding: 0 15px;
}
.section9 ul li .img img{
    max-height: 95px;
    vertical-align: middle;
    max-width: 100%;
}
.section10{
    overflow: hidden;
    position: relative;
    padding: 110px 160px 150px;
    background: url("../images/pic23.png") no-repeat;
}
.section10 .tit{
    font-size: 28px;
    text-align: center;
    overflow: hidden;
    color: #3a5686;
    font-weight: bold;
}
.section10 .center{
    overflow: hidden;
    margin: 120px 0 0 0;
}
.section10 .center ul{
    display: flex;
    margin: 0 -15px;
}
.section10 .center ul li{
    width:33.3333333333333%;
    padding: 0 15px;
}
.section10 .center ul li .img{
    overflow: hidden;
    height: 343px;
}
.section10 .center ul li .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section10 .center ul li .box{
    overflow: hidden;
    padding: 55px 35px 30px;
    background-color: #fff;
}
.section10 .center ul li .box h6{
    color: #666;
    margin: 0 0 10px 0;
}
.section10 .center ul li .box h3{
    overflow: hidden;
    font-size: 20px;
    line-height: 1.6;
    margin: 0;
    font-weight: bold;
    min-height: 70px;
}
.section10 .center ul li .box .more{
    overflow: hidden;
    margin: 30px 0 0 0px;
}
.section10 .center ul li .box .more a{
    display: block;
    overflow: hidden;
    font-size: 16px;
    width: 160px;
    height: 60px;
    line-height: 58px;
    color: #fff;
    text-align: center;
    background-color: #3a5686;
    border: 1px solid #3a5686 ;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.section10 .center ul li .box .more a:hover{
    color: #3a5686;
    background-color: rgba(255,255,255,0);
}
.section10 .center ul li:hover .box h3{
    color: #3a5686;
}
.section10 .moreThan{
    overflow: hidden;
    margin: 100px 0 0 0px;
}
.section10 .moreThan a{
    display: block;
    overflow: hidden;
    font-size: 16px;
    width: 160px;
    height: 60px;
    line-height: 58px;
    color: #fff;
    margin: auto;
    text-align: center;
    background-color: #3a5686;
    border: 1px solid #3a5686 ;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.section10 .moreThan a:hover{
    color: #3a5686;
    background-color: rgba(255,255,255,0);
}
.caseBox{
    overflow: hidden;
    position: relative;
    padding: 140px 0 150px;
}
.caseBox .ul{
    overflow: hidden;
}
.caseBox .ul ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.caseBox .ul ul li{
    width: 33.3333333333333333%;
    padding: 0 15px;
    margin: 0 0 15px 0;
}
.caseBox .ul ul li .li{
    overflow: hidden;
}
.caseBox .ul ul li .li .liI{
    overflow: hidden;
    height: 264px;
}
.caseBox .ul ul li .li .liI img{
    width: 100%;
    height: auto;
    -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 ;
}
.caseBox .ul ul li .li .liT{
    overflow: hidden;
    margin: 10px 0 0 0;
    padding: 50px 35px;
    background-color: #f9f9f9;
}
.caseBox .ul ul li .li .liT h3{
    overflow: hidden;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 30px 0;
    line-height: inherit;
    color: #1d2a3b;
}
.caseBox .ul ul li .li .liT p{
    color: #444444;
    margin: 0;
    line-height: 1.8;
    text-align: justify;
}
.caseBox .ul ul li .li:hover .liI 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);
}
.caseBox .ul ul li .li:hover .liT{
    background-color: #1d2a3b;
}
.caseBox .ul ul li .li:hover .liT h3{
    color: #fff;
}
.caseBox .ul ul li .li:hover .liT p{
    color: #fff;
}
.caseDetail{
    overflow: hidden;
    position: relative;
    padding: 140px 0 150px;
}
.caseDetail .sectionLeft{
    overflow: hidden;
    padding: 35px;
    background-color: #f9f9f9;
}
.caseDetail .sectionLeft .slideBox{
    overflow: hidden;
}
.caseDetail .sectionLeft .slideBox .carousel-inner>.item{
    overflow: hidden;
    height: 420px;
    line-height: 420px;
    text-align: center;
}
.caseDetail .sectionLeft .slideBox .carousel-inner>.item img{
    max-width: 100%;
    max-height: 420px;
}
.caseDetail .sectionLeft .slideBox .carousel-control {
    position: absolute;
    top: 50%;
    left: 0;
    width: auto;
    height: auto;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=100);
    opacity: 1;
}
.caseDetail .sectionLeft .slideBox .carousel-control.left {
    left: 5%;
    background-image: none;
}
.caseDetail .sectionLeft .slideBox .carousel-control.right {
    left: auto;
    right: 5%;
    background-image: none;
}
.caseDetail .sectionLeft .center{
    overflow: hidden;
    margin: 50px 0 0 0;
    position: relative;
}
.caseDetail .sectionLeft .center h1{
    overflow: hidden;
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    color: #1d2a3b;
    margin: 0 0 30px 0;
}
.caseDetail .sectionLeft .center p{
    color: #1d2a3b;
    text-align: justify;
    font-size: 18px;
    line-height: 1.8;
    margin: 0 0 20px 0;
}
.caseDetail .sectionRight{
    overflow: hidden;
    padding: 35px 30px;
    background-color: #f9f9f9;
}
.caseDetail .sectionRight h3{
    font-size: 22px;
    font-weight: bold;
    margin: 0;
}
.caseDetail .sectionRight .ul{
    overflow: hidden;
}
.caseDetail .sectionRight .ul ul{}
.caseDetail .sectionRight .ul ul li{
    display: block;
    overflow: hidden;
    padding: 35px 10px;
    border-bottom: 1px solid #d9d9d9;
}
.caseDetail .sectionRight .ul ul li .liLeft{
    overflow: hidden;
    width: 66px;
    height: 66px;
    float: left;
    line-height: 46px;
    padding: 10px;
    background-color: #e5e5e5;
}
.caseDetail .sectionRight .ul ul li .liLeft img{
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
.caseDetail .sectionRight .ul ul li .liRight{
    overflow: hidden;
    float: right;
    width: 70%;
    padding: 15px 0 0 0;
    color: #1d2a3b;
    font-size: 12px;
    text-align: justify;
    line-height: 1.6;
}
.caseDetail .sectionRight .ul ul li:hover .liRight{
    color: #3a5686;
}
.newsBox{
    overflow: hidden;
    padding: 80px 0 150px;
    position: relative;
}
.newsBox .center{
    overflow: hidden;
    position: relative;
}
.newsBox .select{
    overflow: hidden;
}
.newsBox .select select{
    width: 240px;
    height: 60px;
    line-height: 58px;
    font-size: 18px;
    text-align: center;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:transparent;
    background: url("../images/pic41.png") right center no-repeat;
    border: 1px solid #1d2a3b;
    border-right: none;
    padding: 0 60px 0 15px;
}
.newsBox .listBox{
    overflow: hidden;
}
.newsBox .listBox ul{}
.newsBox .listBox ul li{
    display: block;
    overflow: hidden;
    padding: 40px 0;
    border-bottom: 1px solid #bfbfbf;
}
.newsBox .listBox ul li .liI{
    overflow: hidden;
    height: 343px;
    width: 45%;
}
.newsBox .listBox ul li .liI img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newsBox .listBox ul li .liSP{
    overflow: hidden;
    width: 50%;
    padding: 0 20px 0 40px;
}
.newsBox .listBox ul li .liSP h3{
    color: #1d2a3b;
    margin: 0;
    line-height: 1.6;
    font-weight: bold;
    text-align: justify;
}
.newsBox .listBox ul li .liSP .spT{
    overflow: hidden;
    font-size: 18px;
    color: #444;
    margin: 5px 0 0 0;
    line-height: 1.6;
}
.newsBox .listBox ul li .liSP .spB{
    overflow: hidden;
    margin: 55px 0 0  0;
}
.newsBox .listBox ul li .liSP .spB img{}
.newsBox .listBox ul li .liSP .spB p{
    overflow: hidden;
    width: 70%;
    width: 96%;
    color: #1d2a3b;
    text-align: justify;
    margin: 0 0 0 15px;
    line-height: 1.6;
}
.newsBox .listBox ul li .liSP .spBb{
    overflow: hidden;
}
.newsBox .listBox ul li .liSP .spBb a{
    display: block;
    overflow: hidden;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin: 15px 0 0 0;
    background-color: #3a5686;
    border: 1px solid #3a5686;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.newsBox .listBox ul li .liSP .spBb a:hover{
    color: #3a5686;
    background-color: #fff;
    border: 1px solid #3a5686;
}
.newsBox .listBox ul li:hover .liSP h3{
    color: #3a5686;
}
.newsDetail{
    overflow: hidden;
    padding: 80px 0 150px;
    position: relative;
}
.newsDetail .tit{
    overflow: hidden;
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid #bfbfbf;
}
.newsDetail .tit h1{
    font-size: 48px;
    font-weight: bold;
    color: #1d2a3b;
    margin: 0;
    text-align: center;
}
.newsDetail .tit h4{
    margin: 60px 0 0 0;
    color: #1d2a3b;
}
.a2a_floating_style {
    overflow: hidden;
    position: absolute!important;
    z-index: 1;
    right: 0;
    bottom: 15px;
    padding: 0!important;
}
.a2a_floating_style ul{
    display: flex;
    float: right;
}
.a2a_floating_style ul li{
    margin: 0 0 0 5px;
}
.a2a_vertical_style a {
    padding: 0!important;
}
.newsDetail .tic {
    overflow: hidden;
    margin: 80px 0 0 0;
    padding: 40px 150px;
    font-size: 18px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    background-color: #3a5686;
}
.newsDetail .center{
    overflow: hidden;
}
.newsDetail .center img{
    max-width: 100%;
    height: auto;
}
.newsDetail .center p{
    line-height: 1.8;
    color: #1d2a3b;
    font-size: 18px;
    text-align: justify;
    margin: 0 0 30px 0;
}
.newsDetail .center h3{
    line-height: 1.8;
    color: #1d2a3b;
    margin: 50px 0 0 0;
}
.careersBox{
    overflow: hidden;
    position: relative;
    padding: 80px 0 150px;
}
.careersBox .titT{
    overflow: hidden;
    padding: 0 50px 60px;
    border-bottom: 1px solid #bfbfbf;
}
.careersBox .titT h1{
    font-size: 48px;
    font-weight: bold;
    color: #1d2a3b;
    margin: 0;
    text-align: center;
}
.careersBox .titT p{
    overflow: hidden;
    font-size: 16px;
    color: #1d2a3b;
    margin: 20px 0 0 0;
    line-height: 1.6;
}
.careersBox .titT p a{
    color: #1d2a3b;
}
.careersBox .center {
    overflow: hidden;
    margin: 30px 0 0 0;
}
.careersBox .center ul{}
.careersBox .center ul li{
    display: block;
    overflow: hidden;
    margin: 30px 0 0 0;
    /*-webkit-box-shadow: 0 0 10px #ccc;*/
    /*-moz-box-shadow:0 0 10px #ccc;*/
    /*box-shadow: 0 0 10px #ccc;*/
    cursor: pointer;
}
.careersBox .center ul li .liT{
    overflow: hidden;
    height: 80px;
    padding: 0 25px;
    background-color: #3b5786;
}
.careersBox .center ul li .liT span{
    display: block;
    overflow: hidden;
}
.careersBox .center ul li .liT .sp1{
    color: #fff;
    font-size: 24px;
    line-height: 80px;
}
.careersBox .center ul li .liT .sp3{
    margin: 30px 0 0 0;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    text-align: center;
}
.careersBox .center ul li .liT .sp3 i{
    display: block;
}
.careersBox .center ul li .liT .sp3 .fa-minus{
    display: none;
}
.careersBox .center ul li .liT .sp3 .fa-plus{
    display: block;
}
.careersBox .center ul li .liB{
    display: none;
    overflow: hidden;
    padding: 15px 15px 50px;
    border-bottom: 1px solid #bfbfbf;
}
.careersBox .center ul li .liB p{
    line-height: 1.6;
    text-align: justify;
    color: #1d2a3b;
    font-size: 16px;
    margin:0 0 5px 0;
}
.careersBox .center ul li .liB p strong{
    font-weight:bold;
}
.careersBox .center ul .this .liT .sp3 .fa-minus{
    display: block;
}
.careersBox .center ul .this .liT .sp3 .fa-plus{
    display: none;
}
.brandBox{
    overflow: hidden;
    position: relative;
    /*padding: 0px 0 130px;*/
    /*background-color: #f9f9f9;*/
}
.brandBox ul{}
.brandBox ul li{
    display: block;
    overflow: hidden;
}
.brandBox ul li .sectionLeft{
    overflow: hidden;
    padding: 70px 80px 70px 110px;
    background-color: #f9f9f9;
    width: 50%;
}
.brandBox ul li .sectionLeft .spI{
    overflow: hidden;
    margin: 0 0 20px 0;
}
.brandBox ul li .sectionLeft .spI img{
    max-width: 100%;
    height: auto;
}
.brandBox ul li .sectionLeft .center{
    overflow: hidden;
}
.brandBox ul li .sectionLeft .center p{
    font-size: 18px;
    color: #1d2a3b;
    line-height: 1.8;
    margin: 0 0 30px 0;
}
.brandBox ul li .sectionRight{
    overflow: hidden;
    padding: 70px 110px 70px 80px;
    background-color: #fff;
    width: 50%;
}
.brandBox ul li .sectionRight img{
    max-width: 100%;
    height: auto;
}
.brandBox ul li:nth-child(2) .sectionLeft{
    padding: 70px 110px 70px 80px;
    background-color: #3a5686;
}
.brandBox ul li:nth-child(2) .sectionLeft .center p{
    color: #fff;
}
.brandBox ul li:nth-child(2) .sectionRight{
    padding: 70px 80px 70px 110px;
}
.brandBox2{
    overflow: hidden;
    height: 120px;
    background-color: #f9f9f9;
}
.contactBox{
    overflow: hidden;
    position: relative;
    padding: 80px 0 150px;
}
.contactBox h1{
    font-size: 48px;
    font-weight: bold;
    color: #1d2a3b;
    margin: 0;
    text-align: center;
}
.contactBox .map{
    overflow: hidden;
    margin: 70px 0 0 0;
}
.contactBox .map ul{}
.contactBox .map ul li{
    overflow: hidden;
}
.contactBox .map img{
    width: 100%;
    height: auto;
}
.contactBox .center {
    overflow: hidden;
    margin: 50px 0 0 0;
}
.contactBox .center ul{}
.contactBox .center ul li{
    display: block;
    overflow: hidden;
    cursor: pointer;
}
.contactBox .center ul li dl{
    margin: 0;
    padding: 40px 0;
    overflow: hidden;
    color: #1d2a3b;
    border-bottom: 1px solid #bfbfbf;
}
.contactBox .center ul li dl dd{
    float: left;
    width: 20%;
    padding: 0 0% 0 0;
    line-height: 1.6;
}
.contactBox .center ul li dl dd:nth-child(2){
    width: 55%;
}
.contactBox .center ul li dl dd:last-child{
    width: auto;
    max-width: 20%;
    float: right;
    padding: 0;
}
.contactBox .center ul .this dl{
    color: #3a5686;
}
.contactBox .formBox{
    overflow: hidden;
    margin: 70px 0 0 0;
    width:100%;
    height:auto;
    right: 0px;
    bottom:  0px;
    z-index: 1;
    padding: 0 0 0px 0;
    box-shadow: none;
    background-color: #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    display:block;
    position:relative;
}
.contactBox .formBox .form{
    overflow: hidden;
}
.contactBox .formBox .form ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contactBox .formBox .form ul li{
    width: 49%;
    margin: 0 0 30px 0;
}
.contactBox .formBox .form ul li .li{

}
.contactBox .formBox .form ul li span{
    font-size: 16px;
    color: #1d2a3b;
    display: block;
    overflow: hidden;
    width: 111px;
    float: left;
    line-height: 50px;
}
.contactBox .formBox .form ul li input{
    float: left;
    width: 447px;
    height: 50px;
    padding:  0 10px;
    border: 1px solid #bfbfbf;
}
.contactBox .formBox .form ul li select{
    float: left;

    height: 50px;
    padding:  0 10px;
    border: 1px solid #bfbfbf;
}
.contactBox .formBox .form ul li textarea{
    float: left;
    width: 447px;
    height: 220px;
    padding:  10px;
    resize: none;
    border: 1px solid #bfbfbf;
}
.contactBox .formBox .but{
    overflow: hidden;
    text-align: center;
    margin: 15px 0 0 111px;
}
.contactBox .formBox .but input{
    display: block;
    overflow: hidden;
    width: 160px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #3a5686;
    border: 1px solid #3a5686;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
#submit:disabled,#submit2:disabled{border-color: #ccc;background-color: #ccc;color: #fff;cursor: not-allowed;}
.contactBox .formBox .but input:hover{
    color: #3a5686;
    background-color: #fff;
}

.contactBox .formBox .inp {
    overflow: hidden;
    position: relative; 
	
	/* width:100%; */
}

.contactBox .formBox .inp input {
    border: 1px solid #00518c;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
}
.contactBox .formBox .inp input[type="button"] {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0);
}
.contactBox .formBox .form ul li .li .li-code{
	height: 50px;
	width: 120px;
	float: left;
	margin-left:10px;
	cursor:pointer;
}






.productBox{
    overflow: hidden;
    position: relative;
    padding: 80px 0 80px;
}
.productBox .sectionLeft{
    overflow: hidden;
    /*border: 1px solid red;*/
}
.productBox .sectionLeft .tit{
    overflow: hidden;
    padding: 0 10px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.productBox .sectionLeft .tit input{
    padding: 0 10px 0 0;
    width: 90%;
    height: 40px;
    border: none;
}
.productBox .sectionLeft .tit button{
    width: 10%;
    border: none;
    background-color: #fff;
}
.productBox .sectionLeft h3{
    overflow: hidden;
    font-size: 22px;
    margin: 45px 0 0 0;
    color: #1d2a3b;
}
.productBox .sectionLeft h4{
    overflow: hidden;
    margin: 30px 0 0 25px;
    color: #1d2a3b;
    cursor: pointer;
}
.productBox .sectionLeft h4 span{
    margin: 0 20px 0 0;
    float:left;
}
.productBox .sectionLeft h4 .sp2{
    display:none;
}
.productBox .sectionLeft .ul{
    overflow: hidden;
    display:none;
}
.productBox .sectionLeft .ul:nth-child(1){
    display: block;
}
.productBox .sectionLeft .ul ul{}
.productBox .sectionLeft .ul ul li{
    display: block;
    overflow: hidden;
    margin: 30px 0 0 0;
}
.productBox .sectionLeft .ul ul li .check{
    overflow: hidden;
}
.productBox .sectionLeft .ul ul li .check .bor{
    float: left;
    overflow: hidden;
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
}
.productBox .sectionLeft .ul ul li .check .bor input{
    display: none;
}
.productBox .sectionLeft .ul ul li .check .bor label{
    width: 100%;
    height: 100%;
    cursor: pointer;
    margin: 0;
}
.productBox .sectionLeft .ul ul li .bor input:checked + label{
    margin: 0 0 2px 6px ;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-top: 0;
    border-left: 0;
    cursor: pointer;
    border-color: #1d2a3b;
}
.productBox .sectionLeft .ul ul li .check .txt{
    overflow: hidden;
    color: #1d2a3b;
}
.productBox .sectionRight{
    overflow: hidden;
}
.productBox .sectionRight .tit{
    overflow: hidden;
    cursor: pointer;
}
.productBox .sectionRight .tit span{
    line-height: 38px;
}
.productBox .sectionRight .tit .ulBox{
    overflow: hidden;
}
.productBox .sectionRight .tit .ulBox .spT{
    overflow: hidden;
    width: 220px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.productBox .sectionRight .tit .ulBox .spT i{
    line-height: 38px;
}
.productBox .sectionRight .tit .ulBox .spUl{
    overflow: hidden;
    position: absolute;
    width: 220px;
    z-index: 1;
    padding: 5px 10px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-top: none;
    display: none;
}
.productBox .sectionRight .tit .ulBox .spUl ul{}
.productBox .sectionRight .tit .ulBox .spUl ul li{
    display: block;
    overflow: hidden;
    margin: 5px 0;
    cursor: pointer;
    color: #1d2a3b;
}
.productBox .sectionRight .tib{
    overflow: hidden;
    margin: 30px 0 0 0;
    padding:10px 15px 5px;
    background-color: #f2f2f2;
}
.productBox .sectionRight .tib .sp1{
    overflow: hidden;
    float:left;
    width: 40px;
    line-height: 30px;
}
.productBox .sectionRight .tib .sp2{
    overflow: hidden;
    float:left;
    display:flex;
    flex-wrap:wrap;
    width:80%;
}
.productBox .sectionRight .tib .sp2 span{
    display:block;
    height: 30px;
    line-height: 28px;
    color:#fff;
    margin:0 5px 5px 0;
    padding: 0 10px;
    background-color:#1d2a3b;
    border:1px solid #e5e5e5;
}
.productBox .sectionRight .tib .sp2 span i{
    cursor:pointer;
}



.productBox .sectionRight .tib .sp3{
    overflow: hidden;
    float:right;
    height: 30px;
    line-height: 28px;
    width: 70px;
    text-align: center;
    cursor: pointer;
    border:1px solid #e5e5e5;
    background-color:#fff;
}




.productBox .sectionRight .center{
    overflow: hidden;
    margin: 50px 0 0 0;
}
.productBox .sectionRight .center ul{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    margin: 0 -15px;
}
.productBox .sectionRight .center ul li{
    width: 33.3333333333333333%;
    padding: 0 15px;
    margin: 0 0 35px 0;
}
.productBox .sectionRight .center ul li .li{
    overflow: hidden;
    position: relative;
}
.productBox .sectionRight .center ul li .liI{
    overflow: hidden;
    text-align: center;
    height: 250px;
    line-height: 250px;

}
.productBox .sectionRight .center ul li .liI img{
    max-width: 100%;
    height: auto;
    max-height: 250px;
    -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 ;
}
.productBox .sectionRight .center ul li .liT{
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    color: #1d2a3b;
    margin: 30px 0 0 0;
    font-weight: bold;
}
.productBox .sectionRight .center ul li .liT a{
    color: #1d2a3b;
}
.productBox .sectionRight .center ul li .liB{
    overflow: hidden;

    text-align: center;
}
.productBox .sectionRight .center ul li .liB a{
    margin:0 5px 0 0;
}
.productBox .sectionRight .center ul li .liB a i{
    color: #1d2a3b;
    cursor: pointer;
    margin: 5px 0 0 0;
}
/*.productBox .sectionRight .center ul li .liB a .fa-heart-o{
	display:none;
}
 .productBox .sectionRight .center ul li .liB a:hover .fa-heart-o{
	display:block;
}
.productBox .sectionRight .center ul li .liB a:hover .fa-heart{
	display:none;
} */
.productBox .sectionRight .center ul li .liB .this .fa-heart-o{
    display:block;
}
.productBox .sectionRight .center ul li .liB .this .fa-heart{
    display:none;
}

/* .productBox .sectionRight .center ul li .liB i:hover{ */
/* color: #3a5686; */
/* } */
.productBox .sectionRight .center ul li .bor{
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding:  10px;
    background-color: rgba(0,0,0,.35);
    z-index: 1;
    display: none;
}
.productBox .sectionRight .center ul li .bor .spT{
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
}
.productBox .sectionRight .center ul li .bor .spT .iBox{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 76px;
    height: 36px;
    line-height: 36px;
    padding: 0 5px;
    margin: -18px 0 0 -38px;
    background-color: #ffffff;
}
.productBox .sectionRight .center ul li .bor .spT .iBox i{
    width: 50%;
    color: #1d2a3b;
    cursor: pointer;
}
.productBox .sectionRight .center ul li .bor .spT .iBox i:hover{
    color: #3a5686;
}
.productBox .sectionRight .center ul li .li:hover .bor{
    display: block;
}
.productBox .sectionRight .center ul li .li:hover .liI 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);
}
.productBox .pageBox {
    margin: 20px 0 0 0;
}
.productDetail{
    overflow: hidden;
    position: relative;
    padding: 80px 0 80px;
}
.productDetail .productSection{
    overflow: hidden;
}
.productDetail .productSection .sectionLeft{
    width: 50%;
    float: left;
}
#magnifier {
    position: relative;
    width: 450px;
    width: 100%;
    z-index: 99;
}
.ytp-chrome-top {
    right: 30px!important;
}
.small-box {
    position: relative;
    width: 100%;
    height: 450px;
    line-height: 450px;
    text-align: center;
    margin-bottom: 15px;
    /* background-color: #e5e5e5; */
}
.small-box img {
    max-width: 100%;
    height: auto;
    max-height: 400px;
}
.small-box i{
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    bottom: 20%;
    left: 50%;
    margin-left: -25px;
    background-color: #fff;
    z-index: 999;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
}
.small-box i:hover{
    color: #fff;
    background-color: #3a5686;
}
.small-box2 {
    position: relative;
    width: 100%;
    height: 450px;
    line-height: 450px;
    text-align: center;
    margin-bottom: 15px;
    display: none;
    background-color: #000;
}
.small-box2 .close-x{
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    height: 20px;
    z-index: 2;
    line-height: 1;
    font-size: 16px;
    cursor: pointer;
}
.small-box2 .video{
    position: absolute;
    height: 100%;
    width:100%;
    text-align: center;
    left: 0;
    top: 0;
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    align-items: center;
    z-index: 1;
}
.small-box2 video,.small-box2 iframe{
    /* width: auto; */
    max-width: 100%;
    /* height: auto; */
    max-height: 100%;
    margin: auto;
}
.small-box .hover {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 200px;
    border: 1px solid #aaa;
    background: #1d2a3b;
    opacity: .5;
    filter: alpha(opacity: 50);
    cursor: move;
}
.thumbnail-box {
    position: relative;
    width: 100%;
}
.thumbnail-box .btn {
    position: absolute;
    top: 28px;
    width: 12px;
    height: 60px;
    display:none;
}
.thumbnail-box .btn-prev {
    left: 0;
    background: url(../images/pic37.png) no-repeat center;
    background-color: #ebebeb;
}
.thumbnail-box .btn-next {
    right: 0;
    background: url(../images/pic38.png) no-repeat center;
    background-color: #ebebeb;
}
.thumbnail-box .list {
    overflow: hidden;
    width: 506px;
    margin: 0 auto;
}
.thumbnail-box .wrapper {
    width: 100000px;
}
.thumbnail-box .list .item {
    float: left;
    margin: 0 5px;
    width: 116px;
    height: 116px;
    line-height: 116px;
    text-align: center;
    border: 1px solid #e5e5e5;
    /* background-color: #e5e5e5; */
    overflow: hidden;
}
.thumbnail-box .list .item-cur {}
.thumbnail-box .list .item img {
    max-width: 100%;
    height: auto;
    max-height: 116px;
}
.thumbnail-box .list .item-cur {
    border: 1px solid #1d2a3b;
}
.big-box {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 570px;
    top: 0;
    width: 350px;
    height: 350px;
    border: 1px solid #e5e5e5;
    background-color: #e5e5e5;
}
.productDetail .productSection .sectionRight{
    overflow: hidden;
    float: right;
    width: 50%;
    padding: 20px 0 0 20px;
}
.productDetail .productSection .sectionRight h2{

    color: #1d2a3b;
    margin: 0 0 30px 0;
    font-weight: bold;
    cursor: pointer;
}
.productDetail .productSection .sectionRight h2 i{
    font-size:24x;
    margin:0 0 0 15px;
    color:#3a5686;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.productDetail .productSection .sectionRight h2 i:hover{
    margin:0 0 0 20px;
}
.productDetail .productSection .sectionRight h4{
    overflow: hidden;
    font-size: 16px;
    color: #1d2a3b;
    line-height: 1.8;
    margin: 10px 0 0 0 ;
}
.productDetail .productSection .sectionRight  .clickForm {
    overflow: hidden;
    width: 140px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    margin: 20px 20px 0 0;
    cursor: pointer;
    background-color: #3a5686;
}

.productDetail .productSection .sectionRight .share{
    overflow: hidden;
    font-size: 16px;
    color: #1d2a3b;
    line-height: 1.8;
    margin: 10px 0 0 0 ;
}
.productDetail .productSection .sectionRight .share strong{
    float: left;
}
.a2a_floating_style {
    background-color: #fff;
    border-radius: 6px;
    float: left;
    position: relative!important;
    z-index: 2!important;;
    padding: 0px;
    top: 0;
    left: 0;
}
.a2a_floating_style span{
    background-color: #fff!important;
}
.a2a_floating_style path{
    fill: #1d2a3b;
}
.a2a_svg{
    margin: 3px 0 0 5px;
    width: 20px!important;
    height: auto!important;
}
.productDetail .productSection2{
    overflow: hidden;
    padding: 80px 0 70px 0 ;
    border-bottom: 1px solid #e5e5e5;
}

.productDetail .productSection2 h2{
    overflow: hidden;
    margin: 0 0 15px 0;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
}
.productDetail .productSection2 h2 span{
    display: block;
    overflow: hidden;
    float: left;
    color: #1d2a3b;
    padding: 0 0 10px 0;
    border-bottom: 3px solid #3a5686;
}
.productDetail .productSection2 ul,.productDetail .productSection2 ul li{
    list-style-type: disc;
    margin-left:10px;
}
.productSection .sectionRight  ul,.productSection .sectionRight  ul li{
    list-style-type: disc;
    margin-left:10px;

}

.productSection .sectionRight .a2a_kit ul,.productSection .sectionRight .a2a_kit ul li{
    list-style-type:none;

}


.productDetail .productSection2 p{
    text-align: justify;
    color: #1d2a3b;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}
.productDetail .productSection3{
    overflow: hidden;
    padding: 80px 0 0 0 ;
}
.productDetail .productSection3 h2{
    overflow: hidden;
    margin: 0 0 20px 0;
    font-weight: bold;
}
.productDetail .productSection3 .picScroll-left{
    overflow: hidden;
    position: relative;
}
.productDetail .productSection3 .picScroll-left .bd{
    overflow: hidden;
    margin: 0 -15px;
}
.productDetail .productSection3 .picScroll-left .bd .picList{
    overflow:hidden;
}
.productDetail .productSection3 .picScroll-left .bd ul li{
    width: 25%;
}
.productDetail .productSection3 .picScroll-left .bd ul li .pic{
    overflow: hidden;
    padding: 0 15px;
}
.productDetail .productSection3 .picScroll-left .bd ul li .pic .li{
    overflow: hidden;
    position: relative;
}
.productDetail .productSection3 .picScroll-left .bd ul li .pic .liI{
    overflow: hidden;
    text-align: center;
    height: 250px;
    line-height: 250px;

}
.productDetail .productSection3 .picScroll-left .bd ul li .pic .liI img{
    max-width: 100%;
    height: auto;
    max-height: 250px;
    -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 ;
}
.productDetail .productSection3 .picScroll-left .bd ul li .pic .liT{
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    color: #1d2a3b;
    margin: 30px 0 0 0;
    font-weight: bold;
}
.productDetail .productSection3 .picScroll-left .bd ul li .pic .liT a{
    color: #1d2a3b;
}

.productDetail .productSection3 .picScroll-left .bd ul li .pic .bor{
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding:  10px;
    background-color: rgba(0,0,0,.35);
    z-index: 1;
    display: none;
}
.productDetail .productSection3 .picScroll-left .bd ul li .pic .bor .spT{
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
}
.productDetail .productSection3 .picScroll-left .bd ul li .pic .bor .spT .iBox{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 76px;
    height: 36px;
    line-height: 36px;
    padding: 0 5px;
    margin: -18px 0 0 -38px;
    background-color: #ffffff;
}
.productDetail .productSection3 .picScroll-left .bd ul li .pic .bor .spT .iBox i{
    width: 50%;
    color: #1d2a3b;
}
.productDetail .productSection3 .picScroll-left .bd ul li .pic .li:hover .bor{
    display: block;
}
.productDetail .productSection3 .picScroll-left .bd ul li .pic .li:hover .liI 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);
}
.productDetail .productSection3 .picScroll-left .hd{}
.productDetail .productSection3 .picScroll-left .hd a{
    overflow:hidden;
    cursor:pointer;
    position: absolute;
    top: 35%;
    left: 0;
    z-index: 66;
}
.productDetail .productSection3 .picScroll-left .hd .prev{}
.productDetail .productSection3 .picScroll-left .hd .next{
    left: auto;
    right: 0;
}
.aboutBox{
    overflow: hidden;
    position: relative;
    padding: 80px 0 80px;
}
.aboutBox .aboutSection{
    overflow: hidden;
}
.aboutBox .aboutSection .sectionLeft{
    overflow: hidden;
    position: relative;
    width: 620px;
    float: left;
    /*border: 1px solid red;*/
}
.aboutBox .aboutSection .sectionLeft .slideBox{
    overflow: hidden;
    position: relative;
    margin: 10px 0 0 0;
}
.aboutBox .aboutSection .sectionLeft .slideBox .carousel-caption {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #3d3d3d;
    text-align: center;
    text-shadow: none;
    width: 100%;
    min-height: 500px;
}
.aboutBox .aboutSection .sectionLeft .slideBox .carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=100);
    opacity: 1;
}
.aboutBox .aboutSection .sectionLeft .slideBox .carousel-control.left{
    background: none;
    left: auto;
    right: 90px;
    height: 15px;
}
.aboutBox .aboutSection .sectionLeft .slideBox .carousel-control.right{
    background: none;
    right: 60px;
    height: 15px;
}
.aboutBox .aboutSection .sectionLeft .slideBox .itemT{
    overflow: hidden;
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
    padding: 10px 0 0 0;
}
.aboutBox .titleH1{
    overflow: hidden;
    margin: 0 0 0px 0;
    color: #1d2a3b;
    font-size: 48px;
    font-weight: bold;
    line-height: inherit;
}
.aboutBox .aboutSection .sectionLeft .slideBox .itemT h1{
    overflow: hidden;
    margin: 0 0 40px 0;
    color: #1d2a3b;
    font-size: 24px;
    font-weight: bold;
    line-height: inherit;
}
.aboutBox .aboutSection .sectionLeft .slideBox .carousel-indicators {
    bottom: 170px;
    margin-bottom: 0;
    position: absolute;
    left: 0%;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    margin-left: 0%;
    text-align: center;
    list-style: none;
    display: flex;
    justify-content: space-around;
}
.aboutBox .aboutSection .sectionLeft .slideBox .carousel-indicators li {
    width: 20px;
    height: 20px;
    margin: 0 3px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
}
.aboutBox .aboutSection .sectionLeft .slideBox .carousel-indicators li span{
    display: block;
    overflow: hidden;
    width: 10px;
    height: 10px;
    margin: 4px auto;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.aboutBox .aboutSection .sectionLeft .slideBox .carousel-indicators .active {
    border: 1px solid #3a5686;
    background-color: #fff;
}
.aboutBox .aboutSection .sectionLeft .slideBox .carousel-indicators .active span{
    border: 1px solid #3a5686;
    background-color: #3a5686;
}
.aboutBox .aboutSection .sectionLeft .slideBox .ul{
    overflow: hidden;
    position: absolute;
    bottom: 120px;
    width: 100%;
}
.aboutBox .aboutSection .sectionLeft .slideBox .ul ul{}
.aboutBox .aboutSection .sectionLeft .slideBox .ul ul li{
    display: block;
    overflow: hidden;
    width: 25%;
    float: left;
    color: #3d3d3d;
    font-size:14px;
    font-weight: bold;
    text-align: center;
}
.aboutBox .aboutSection .sectionLeft .slideBox .bor{
    position: absolute;
    width: 100%;
    bottom: 180px;
    border-bottom: 1px solid #e5e5e5;
}
.aboutBox .aboutSection .sectionRight{
    overflow: hidden;
    width: 460px;
    float: right;
}
.aboutBox .aboutSection .sectionRight video{
    overflow: hidden;
}
.aboutBox .aboutSection2{
    overflow: hidden;
    margin: 80px 0 0 0;
}
.aboutBox .aboutSection2 h1{
    overflow: hidden;
    margin: 0 0 40px 0;
    color: #1d2a3b;
    font-size: 48px;
    font-weight: bold;
}
.aboutBox .aboutSection2 .picScroll-left{
    overflow: hidden;
    position: relative;
}
.aboutBox .aboutSection2 .picScroll-left .bd{
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.aboutBox .aboutSection2 .picScroll-left .bd .picList{
    overflow:hidden;
}
.aboutBox .aboutSection2 .picScroll-left .bd ul li{
    width: 25%;
    float:left;
}
.aboutBox .aboutSection2 .picScroll-left .bd ul li .pic{
    overflow: hidden;
    text-align: center;
    padding: 0 15px;
}
.aboutBox .aboutSection2 .picScroll-left .bd ul li .pic .liI{
    overflow: hidden;
    height: 100px;
    line-height: 100px;
}
.aboutBox .aboutSection2 .picScroll-left .bd ul li .pic .liI img{
    max-width: 100%;
    height: auto;
}
.aboutBox .aboutSection2 .picScroll-left .bd ul li .pic h4{
    overflow: hidden;
    color: #3d3d3d;
    font-weight: bold;
    font-size: 16px;
    margin: 20px 0 0 0;
}
.aboutBox .aboutSection2 .picScroll-left .bd ul li .pic p{
    color: #3d3d3d;
    line-height: 1.6;
    margin: 10px 0 0 0;
}
.aboutBox .aboutSection2 .picScroll-left .hd{}
.aboutBox .aboutSection2 .picScroll-left .hd .prev{
    position: absolute;
    display:block;
    float:left;
    margin-top:100px;
    overflow:hidden;
    cursor:pointer;
    z-index: 1;
}
.aboutBox .aboutSection2 .picScroll-left .hd .next{
    position: absolute;
    right: 0;
    display:block;
    float:right;
    margin-top:100px;
    overflow:hidden;
    cursor:pointer;
    z-index: 1;
}
.aboutBox .aboutSection3{
    overflow: hidden;
    margin: 110px 0 0 0;
}
.aboutBox .aboutSection3 .sectionLeft{
    overflow: hidden;
    width: 540px;
    text-align: center;
    padding: 80px 100px 100px;
    background-color: #f9f9f9;
}
.aboutBox .aboutSection3 .sectionLeft h1{
    overflow: hidden;
    margin: 0;
    color: #3d3d3d;
    font-size: 48px;
    font-weight: bold;
}
.aboutBox .aboutSection3 .sectionLeft h5{
    overflow: hidden;
    margin: 70px 0 ;
    line-height: 1.6;
    color: #3d3d3d;
}
.aboutBox .aboutSection3 .sectionLeft img{
    max-width: 100%;
    height: auto;
}
.aboutBox .aboutSection3 .sectionRight{
    overflow: hidden;
    width: 540px;
}
.aboutBox .aboutSection3 .sectionRight ul{}
.aboutBox .aboutSection3 .sectionRight ul li{
    display: block;
    overflow: hidden;
    margin:  0 0 20px 0;
    cursor: pointer;
}
.aboutBox .aboutSection3 .sectionRight ul li .liT{
    overflow: hidden;
    height: 70px;
    padding: 0 30px;
    background-color: #f9f9f9;
    border-top: 1px solid #f2f3f5;
    border-bottom: 1px solid #f2f3f5;
}
.aboutBox .aboutSection3 .sectionRight ul li .liT span{
    display: block;
    overflow: hidden;
}
.aboutBox .aboutSection3 .sectionRight ul li .liT .sp1{
    color: #1d2a3b;
    font-size: 22px;
    line-height: 70px;
    font-weight: bold;
}
.aboutBox .aboutSection3 .sectionRight ul li .liT .sp3{
    margin: 24px 0 0 0;
    font-size: 22px;
    color: #1d2a3b;
    font-weight: 500;
    text-align: center;
}
.aboutBox .aboutSection3 .sectionRight ul li .liT .sp3 i{
    display: block;
}
.aboutBox .aboutSection3 .sectionRight ul li .liT .sp3 .fa-minus{
    display: none;
}
.aboutBox .aboutSection3 .sectionRight ul li .liT .sp3 .fa-plus{
    display: block;
}
.aboutBox .aboutSection3 .sectionRight ul li .liB{
    display: none;
    overflow: hidden;
    padding: 20px 30px 0;
}
.aboutBox .aboutSection3 .sectionRight ul li .liB p{
    line-height: 1.6;
    text-align: justify;
    color: #3d3d3d;
    font-size: 16px;
    margin:0 0 0 0;
}
.aboutBox .aboutSection3 .sectionRight ul .this .liT{
    background-color: #3a5686;
}
.aboutBox .aboutSection3 .sectionRight ul .this .liT .sp1{
    color: #fff;
}
.aboutBox .aboutSection3 .sectionRight ul .this .liT .sp3{
    color: #fff;
}
.aboutBox .aboutSection3 .sectionRight ul .this .liT .sp3 .fa-minus{
    display: block;
}
.aboutBox .aboutSection3 .sectionRight ul .this .liT .sp3 .fa-plus{
    display: none;
}


.brandBox ul li .sectionLeft .more{
    overflow: hidden;
}
.brandBox ul li .sectionLeft .more a {
    display: block;
    overflow: hidden;
    font-size: 16px;
    width: 160px;
    height: 60px;
    line-height: 58px;
    color: #fff;
    text-align: center;
    background-color: #3a5686;
    border: 1px solid #3a5686;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.brandBox ul li .sectionLeft .more a:hover {
    color: #3a5686;
    background-color: #f9f9f9;
    border: 1px solid #3a5686;
}
.brandBox ul li:nth-child(2) .sectionLeft .more a {
    color: #3a5686;
    background-color: #f9f9f9;
    border: 1px solid #f9f9f9;
}
.brandBox ul li:nth-child(2) .sectionLeft .more a:hover {
    color: #3a5686;
    background-color: #f9f9f9;
    border: 1px solid #f9f9f9;
}
.caseDetail .sectionLeft .contactUs{
    overflow: hidden;
    margin: 30px 0 0 0;
}
.caseDetail .sectionLeft .contactUs a {
    display: block;
    overflow: hidden;
    font-size: 16px;
    width: 160px;
    height: 60px;
    line-height: 58px;
    color: #fff;
    margin: auto;
    text-align: center;
    background-color: #3a5686;
    border: 1px solid #3a5686;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.caseDetail .sectionLeft .contactUs a:hover {
    color: #3a5686;
    background-color: #f9f9f9;
    border: 1px solid #3a5686;
}
.tradeBox{
    overflow: hidden;
    position: relative;
    padding: 80px 160px 80px;
}
.tradeBox .tit{
    overflow: hidden;
    font-size: 26px;
    height: 75px;
    line-height: 75px;
    padding: 0 30px;
    color: #fff;
    font-weight: bold;
    background-color: #1d2a3b;
}
.tradeBox .picScroll-left{
    overflow: hidden;
    position: relative;
    margin: 40px 0 0 0;
}
.tradeBox .picScroll-left .bd{
    overflow: hidden;
    padding: 0 20px;
}
.tradeBox .picScroll-left .bd .picList{
    overflow:hidden;
}
.tradeBox .picScroll-left .bd ul li{
    width: 33.33333333333%;
    float:left;
}
.tradeBox .picScroll-left .bd ul li .pic{
    padding: 0 20px;
}
.tradeBox .picScroll-left .bd ul li .pic .picI{
    overflow: hidden;
    text-align: center;
    min-height: 270px;
    line-height: 270px;
    padding: 15px;
    background-color: #f9f9f9;
}
.tradeBox .picScroll-left .bd ul li .pic .picI img{
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
.tradeBox .picScroll-left .bd ul li .pic .picT{
    overflow: hidden;
    margin: 20px 0 0 0;
}
.tradeBox .picScroll-left .bd ul li .pic .picT p{
    font-size: 16px;
    margin: 0;
    color: #1d2a3b;
    line-height: 1.8;
    text-align: justify;
}
.tradeBox .picScroll-left .bd ul li .pic .picB{
    overflow: hidden;
    display:flex;
    flex-wrap:wrap;
}
.tradeBox .picScroll-left .bd ul li .pic .picB a {
    display: block;
    overflow: hidden;
    font-size: 16px;
    width: 120px;
    height: 40px;
    line-height: 38px;
    margin: 20px 20px  0 0;
    color: #fff;
    text-align: center;
    background-color: #3a5686;
    border: 1px solid #3a5686;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.tradeBox .picScroll-left .bd ul li .pic .picB a:hover{
    color: #3a5686;

    background-color: #fff;
}


.tradeBox .picScroll-left .hd{}
.tradeBox .picScroll-left .hd .prev{
    display:block;
    float:left;
    margin-top:138px;
    overflow:hidden;
    cursor:pointer;
}
.tradeBox .picScroll-left .hd .next{
    display:block;
    float:right;
    margin-top:138px;
    overflow:hidden;
    cursor:pointer;
}
.tradeBox2{
    overflow: hidden;
    position: relative;
    padding: 80px 160px 80px;
}
.tradeBox2 .tit{
    overflow: hidden;
    font-size: 26px;
    height: 75px;
    line-height: 75px;
    padding: 0 30px;
    color: #fff;
    font-weight: bold;
    background-color: #1d2a3b;
}
.tradeBox2 .center{
    overflow: hidden;
    position: relative;
    margin: 40px 0 0 0;
}
.tradeBox2 .center .sectionLeft{
    overflow: hidden;
    width: 23%;
}
.tradeBox2 .center .sectionLeft h4{
    overflow: hidden;
    color: #1d2a3b;
    padding: 0 0 15px 0;
    margin: 0;
    line-height: 1.8;
    border-bottom: 1px solid #f0f0f0;
}
.tradeBox2 .center .sectionLeft .ulBox{
    overflow: hidden;
}
.tradeBox2 .center .sectionLeft .ulBox ul{}
.tradeBox2 .center .sectionLeft .ulBox ul li{
    display: block;
    overflow: hidden;
    font-size: 18px;
    line-height: 1.8;
    margin: 15px 0;
}
.tradeBox2 .center .sectionLeft .ulBox ul li a{
    color: #5e5e5e;
}
.tradeBox2 .center .sectionLeft .ulBox ul li a:hover{
    color: #1d2a3b;
}
.tradeBox2 .center .sectionRight{
    overflow: hidden;
    position: relative;
    width: 75%;
    padding: 5px;
}
.tradeBox2 .center .sectionRight .spI{
    overflow: hidden;
    padding: 20px;
    margin: 5px 0 0 0;
    text-align: center;
    -webkit-box-shadow: -1px 1px 5px 1px #999 ;
    -moz-box-shadow: -1px 1px 5px 1px #999 ;
    box-shadow: -1px 1px 5px 1px #999 ;
}
.tradeBox2 .center .sectionRight .spI img{
    max-width: 100%;
    height: auto;
}
.tradeBox2 .center .sectionRight .ulBox{
    overflow: hidden;
    position: relative;
    margin: 20px 0 0 0;
}
.tradeBox2 .center .sectionRight .ulBox ul{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2px;
}
.tradeBox2 .center .sectionRight .ulBox ul li{
    width: 33.333333333333%;
    padding: 0 2px;
    margin: 0 0 4px 0;
}
.tradeBox2 .center .sectionRight .ulBox ul li .li{
    overflow: hidden;
    position: relative;
}
.tradeBox2 .center .sectionRight .ulBox ul li .liI{
    overflow: hidden;
}
.tradeBox2 .center .sectionRight .ulBox ul li .liI .img{
    overflow: hidden;
    height: 246px;
}
.tradeBox2 .center .sectionRight .ulBox ul li .liI img{
    cursor: pointer;
    width: 100%;
    max-height: 100%;
    height: auto;
    -webkit-transition: all 0.8s ease 0s ;
    -moz-transition: all 0.8s ease 0s ;
    -ms-transition: all 0.8s ease 0s ;
    -o-transition: all 0.8s ease 0s ;
    transition: all 0.8s ease 0s ;
}
.tradeBox2 .center .sectionRight .ulBox ul li:hover .liI 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);
}
.tradeBox2 .center .sectionRight .ulBox ul li .liT{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    display: none;
    cursor: pointer;
    background-color: rgba(0,0,0,.5);
}
.tradeBox2 .center .sectionRight .ulBox ul li .liT span{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -14px;
}
.tradeBox2 .center .sectionRight .ulBox ul li .li:hover .liT{
    display: block;
}
.tradeBox2 .center .sectionRight .more {
    overflow: hidden;
    margin: 50px 0 0 0;
}
.tradeBox2 .center .sectionRight .more a {
    display: block;
    overflow: hidden;
    font-size: 16px;
    width: 160px;
    height: 60px;
    line-height: 58px;
    color: #fff;
    margin: auto;
    text-align: center;
    background-color: #3a5686;
    border: 1px solid #3a5686;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.tradeBox2 .center .sectionRight .more a:hover{
    color: #3a5686;
    background-color: #fff;
}


.tradeBG{
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0,0,0,.5);
    display: none;
}
.tradePop{
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 1400px;
    z-index: 99991;
    margin-top: -235px;
    margin-left: -700px;
    display: none;
}
.tradePop .list{
    overflow: hidden;
    height: 470px;
    display: none;
}
.tradePop .list .item img{
    width: 100%;
    max-height: 470px;
    margin: auto;
    height: auto;
}
.tradePop .list .carousel-inner .item{
    overflow: hidden;
    text-align: center;
    position: relative;
    height: 470px;
    /*width: 800px;*/
    padding: 0 24%;
    margin: auto;
}
.tradePop .list .carousel-control {
    width: auto;
    height: auto;
    margin-top: 190px;
    filter: alpha(opacity=100);
    opacity: 1;
}
.tradePop .list .carousel-control.left {
    background-image: none;
    left: auto;
}
.tradePop .list .carousel-control.right {
    background-image: none;
    right: 0px;
}
.tradePop .list .carousel-control img{}
.tradePop .list .carousel-caption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0px;
    left: 0;
    z-index: 10;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: left;
    padding: 0 24%;
    text-shadow: none;
}
.tradePop .list .carousel-caption .ovovoov{
    height: 35px;
    line-height: 35px;
    color: #fff;
    padding: 0 20px;
    background-color: #000000;
}
.tradePop .close-x{
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align:right;
    z-index: 1;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

.caseDetail .back,.productDetail .back,.newsDetail .back {
    overflow: hidden;
    margin: 0 0  30px 0;
}
.caseDetail .back a,.productDetail .back a,.newsDetail .back a{
    display: block;
    overflow: hidden;
    font-size: 16px;
    width: 160px;
    height: 35px;
    line-height: 33px;
    color: #fff;
    text-align: center;
    background-color: #3a5686;
    border: 1px solid #3a5686;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.caseDetail .back a:hover,.productDetail .back a:hover,.newsDetail .back a:hover{
    color: #3a5686;
    background-color: #fff;
}
.navBox .navTOP .ulBox .clickForm{
    overflow: hidden;
    width: 80px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    margin: 0 20px 0 0;
    cursor: pointer;
    background-color: #3a5686;
}


.product_popBG{
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    display: none;
}
.product_pop{
    overflow-y: scroll;
    position: fixed;
    z-index: 99999999;
    top: 50%;
    left: 50%;
    width: 800px;
    max-height: 710px;
    padding: 40px;
    margin-top: -330px;
    margin-left: -400px;
    display: none;
    background-color: #fff;
}
.product_pop h3{
    margin: 0 0 20px 0;
}
.product_pop .center{
    overflow: hidden;
    position: relative;
}
.product_pop .close-x{
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 18px;
    cursor: pointer;
    z-index:1;
}
.product_pop .center .form{
    overflow: hidden;
}
.product_pop .center .form ul{}
.product_pop .center .form ul li{
    overflow: hidden;
    margin: 0 0 15px 0;
    display: flex;
}
.product_pop .center .form ul li h4{
    font-size: 16px;
    text-align: right;
    padding: 0  20px 0 0;
    width: 20%;
    color: #444;
}
.product_pop .center .form ul li h4 span{
    color: red;
}
.product_pop .center .form ul li input{
    width: 70%;
    height: 35px;
    padding: 0 10px;
    border: 1px solid #333;
}
.product_pop .center .form ul li .nameBox{
    overflow: hidden;
    width: 70%;
}
.product_pop .center .form ul li .nameBox .li{
    overflow: hidden;
    width: 100%;
    display: flex;
    float: left;
}
.product_pop .center .form ul li .nameBox input{
    width: 100%;
    margin: 0 0 15px 0;
}
.product_pop .center .form ul li textarea{
    width: 70%;
    height: 150px;
    padding:  10px;
    border: 1px solid #000;
    resize: none;
}
.product_pop .center .form ul .yzm input{
    width: 30%;
    margin: 0 15px 0 0;
}
.product_pop .center .form ul li button{
    height: 30px;
    padding: 0 15px;
    color: #fff;
    border: none;
    background-color: #000;
}
.product_pop .center .form ul li .close-x2{
    line-height: 35px;
    margin: 0 0 0 10px;
    color: #999;
    cursor: pointer;
}


.servicesBox{
    overflow: hidden;
    padding: 80px 0 0px;
    background-color: #e7e7e7;
}
.servicesBox2{
    background-color: #e7e7e7;
}
.servicesBox .tit,.servicesBox .tic{
    overflow: hidden;
    text-align: center;
    margin: 0 0 40px 0;
    color: #1d2a3b;
    font-size: 48px;
    font-weight: bold;
    line-height: initial;
}
.servicesBox .tic .ticD{
    margin:10px 0 0 0;
    font-size: 24px;
    text-align: left;
    font-weight: normal;
}
.servicesBox .center{
    overflow: hidden;
    position: relative;
}
.servicesBox .center .ulBox{
    overflow: hidden;
    padding: 80px 0;
}
.servicesBox .center .ulBox ul{}
.servicesBox .center .ulBox ul li{
    overflow: hidden;
    position: relative;
}
.servicesBox .center .ulBox ul .li{
    margin:0 0 30px 0;
}
.servicesBox .center .ulBox ul li .liT{
    overflow: hidden;
    position: relative;
    display: flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -o-flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 25px 0;
    z-index: 1;
}
.servicesBox .center .ulBox ul li .liT .liLeft{
    overflow: hidden;
    width: 115px;
    height: 115px;
    margin: 0 100px 0 200px;
    background: url("../images/pic94.png") no-repeat;
    background-size: 100% 100%;
}
.servicesBox .center .ulBox ul li .liT .liLeft .img{
    overflow: hidden;
    width: 115px;
    line-height: 115px;
    text-align: center;
}
.servicesBox .center .ulBox ul li .liT .liRight{
    overflow: hidden;
    width: 360px;
    height: 120px;
    line-height: 120px;
    background: url("../images/pic95.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.servicesBox .center .ulBox ul li .liT .liRight .img{
    float: right;
    overflow: hidden;
    width: 260px;
    line-height: 120px;
}
.servicesBox .center .ulBox ul li .liT .liRight .img img{
    float: left;
    line-height: 120px;
    margin: 44px 25px 0 0;
}
.servicesBox .center .ulBox ul li .liT .liRight .img span{
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    line-height: 120px;
}
.servicesBox .center .ulBox ul li .liT .borX{
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    padding: 10px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    z-index: 1;
}
.servicesBox .center .ulBox ul li .liT .borX .borX2{
    overflow: hidden;
    width: 20px;
    height: 20px;
    background-color: #fea626;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.servicesBox .center .ulBox ul li .liB{
    overflow: hidden;
    position: relative;
    height: 0;
    margin: 0 0 0 0;
    opacity: 0;
}
.servicesBox .center .ulBox ul li .liB .liRight{
    overflow: hidden;
    width: 50%;
    padding: 0 0 0 20px;
    float: right;
    /*border: 1px solid red;*/
}
.servicesBox .center .ulBox ul li .liB .liRight .Box{
    overflow: hidden;
    padding: 20px 20px 10px 20px;
    background-color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.servicesBox .center .ulBox ul li .liB .liRight .Box .picScroll-top{
    overflow:hidden;
    position:relative;
}
.servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd{
    overflow:hidden;
}
.servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul{
    overflow:hidden;
    zoom:1;
}
.servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li{
    zoom:1;
    margin: 0 0 10px 0;
}
.servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li .pic{
    overflow: hidden;
    width: 240px;
    height: 148px;
}
.servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li .pic img{
    width: 100%;
    height: auto;
}
.servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li .pic a:hover img{
    border-color:#999;
}
.servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li .title{
    overflow: hidden;
    width: 240px;
    padding-left: 15px;
}
.servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li .title h3{
    color: #1d2a3b;
    margin: 10px 0 10px 0;
}
.servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li .title p{
    color: #1d2a3b;
    margin: 0;
    font-size: 12px;
    line-height: 1.4;
    overflow: hidden;
    display:-webkit-box;
    -webkit-line-clamp:10;
    -webkit-box-orient:vertical;
}
.servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .hd{
    overflow:hidden;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    width: 27px;
    margin-top: -32px;
}
.servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .hd .prev,.picScroll-top .hd .next{
    height: 27px;
    display: block;
    overflow: hidden;
    cursor: pointer;
}
.servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .hd .next{
    margin-bottom:10px;
}
.servicesBox .center .bor{
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -3px;
}
.servicesBox .center .bor img{
    height: 100%;
}
.servicesBox .center .ulBox ul li:nth-child(2) .liT .liLeft,.servicesBox .center .ulBox ul li:nth-child(4) .liT .liLeft,.servicesBox .center .ulBox ul li:nth-child(6) .liT .liLeft{
    margin: 0 200px 0 100px;
    background: url("../images/pic94.png") no-repeat;
    background-size: 100% 100%;
}
.servicesBox .center .ulBox ul li:nth-child(2) .liT .liLeft .img,.servicesBox .center .ulBox ul li:nth-child(4) .liT .liLeft .img,.servicesBox .center .ulBox ul li:nth-child(6) .liT .liLeft .img{
    float: right;
}
.servicesBox .center .ulBox ul li:nth-child(2) .liT .liRight{
    background: url("../images/pic96.png") no-repeat;
    background-size: 100% 100%;
}
.servicesBox .center .ulBox ul li:nth-child(2) .liT .liRight .img,.servicesBox .center .ulBox ul li:nth-child(4) .liT .liRight .img,.servicesBox .center .ulBox ul li:nth-child(6) .liT .liRight .img {
    float: left;
}
.servicesBox .center .ulBox ul li:nth-child(2) .liT .liRight .img img,.servicesBox .center .ulBox ul li:nth-child(4) .liT .liRight .img img,.servicesBox .center .ulBox ul li:nth-child(6) .liT .liRight .img img {
    float: right;
    margin: 44px 0 0 25px;
}
.servicesBox .center .ulBox ul li:nth-child(2) .liT .liRight .img span ,.servicesBox .center .ulBox ul li:nth-child(4) .liT .liRight .img span ,.servicesBox .center .ulBox ul li:nth-child(6) .liT .liRight .img span {
    float: right;
}
.servicesBox .center .ulBox ul li:nth-child(2) .liT .borX .borX2 {
    background-color: #ef6291;
}
.servicesBox .center .ulBox ul li:nth-child(2) .liB .liRight,.servicesBox .center .ulBox ul li:nth-child(4) .liB .liRight,.servicesBox .center .ulBox ul li:nth-child(6) .liB .liRight {
    padding: 0 20px 0 0;
    float: left;
}
.servicesBox .center .ulBox ul li:nth-child(4) .liT .liRight{
    background: url("../images/pic98.png") no-repeat;
    background-size: 100% 100%;
}
.servicesBox .center .ulBox ul li:nth-child(4) .liT .borX .borX2 {
    background-color: #2db197;
}
.servicesBox .center .ulBox ul li:nth-child(6) .liT .liRight{
    background: url("../images/pic99.png") no-repeat;
    background-size: 100% 100%;
}
.servicesBox .center .ulBox ul li:nth-child(6) .liT .borX .borX2 {
    background-color: #64b4f5;
}
.servicesBox .center .ulBox ul li:nth-child(3) .liT .liRight{
    background: url("../images/pic97.png") no-repeat;
    background-size: 100% 100%;
}
.servicesBox .center .ulBox ul li:nth-child(3) .liT .borX .borX2 {
    background-color: #25c5d9;
}
.servicesBox .center .ulBox ul li:nth-child(5) .liT .liRight{
    background: url("../images/pic100.png") no-repeat;
    background-size: 100% 100%;
}
.servicesBox .center .ulBox ul li:nth-child(5) .liT .borX .borX2 {
    background-color: #9575cd;
}
.servicesBox .center .ulBox ul .this .liB{
    height: auto;
    margin: 0 0 20px 0;
    opacity: 1;
    -webkit-transition: all 0.8s ease 0s ;
    -moz-transition: all 0.8s ease 0s ;
    -ms-transition: all 0.8s ease 0s ;
    -o-transition: all 0.8s ease 0s ;
    transition: all 0.8s ease 0s ;
}
.servicesBox2 .tic{
    overflow: hidden;
    text-align: center;
    margin: 0 0 40px 0;
    color: #1d2a3b;
    font-size: 48px;
    font-weight: bold;
    line-height: initial;
}
.servicesBox2 .ul ul{
    justify-content: center;
}

.indexFormBox{
    overflow: hidden;
    position: relative;
    padding: 110px 0 150px;
}
.indexFormBox .tit{
    font-size: 28px;
    text-align: center;
    overflow: hidden;
    color: #3a5686;
    font-weight: bold;
}
.indexFormBox .form{
    overflow: hidden;
    width: 750px;
    position: relative;
    text-align: center;
    margin: auto;
}
.indexFormBox .form input{
    width: 100%;
    border: none;
    font-size: 16px;
    padding: 10px 0;
    margin: 30px 0  0 0;
    border-bottom: 1px solid #3d3d3d;
}
.indexFormBox .form button{
    font-weight: bold;
    margin: 30px 0  0 0;
    padding: 15px 35px ;
    background: 0 0;
    color: #3a5686;
    border: 2px solid #3d3d3d;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}


.indexFormBox2{
    overflow: hidden;
    position: relative;
    padding: 110px 0 150px;
    background-color:#2f2f2f;
}
.indexFormBox2 .tit{
    font-size: 28px;
    text-align: center;
    overflow: hidden;
    color: #fff;
    font-weight: bold;
}
.indexFormBox2 .form{
    overflow: hidden;
    width: 750px;
    position: relative;
    text-align: center;
    margin: auto;
}
.indexFormBox2 .form input{
    width: 282px;
    border: none;
    font-size: 16px;
    padding: 10px 15px;
    margin: 30px 20px 0 0;
    background: 0 0;
    border: 1px solid #fff;
    color:#fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.indexFormBox2 .form input:-moz-placeholder {  color: #fff;  }
.indexFormBox2 .form input::-moz-placeholder {  color: #fff;  }
.indexFormBox2 .form input:-ms-input-placeholder{  color: #fff;  }
.indexFormBox2 .form input::-webkit-input-placeholder{  color: #fff;  }
.indexFormBox2 .form input:-ms-input-placeholder{ color: #fff; }
.indexFormBox2 .form input::-webkit-input-placeholder{ color: #fff;}
.indexFormBox2 .form button{
    font-weight: bold;
    float:right;
    width:135px;
    margin: 30px 0  0 0;
    padding: 10px 0;
    background: 0 0;
    color: #fff;
    border: 1px solid #3a5686;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.indexFormBox2 .form button:hover{
    background:#3a5686;
}



.videoTel{
    display:none;
}











@media screen and (max-width:1680px) {
    .tradeBox {
        padding: 80px 50px 80px;
    }
    .tradeBox2 {
        padding: 80px 50px 80px;
    }
    .brandBox ul li .sectionLeft,.brandBox ul li .sectionRight {
        padding: 70px 50px 70px 50px;
    }
    .brandBox ul li:nth-child(2) .sectionLeft,.brandBox ul li:nth-child(2) .sectionRight{
        padding: 70px 50px 70px 50px;
    }

    .section10 .center ul li .box h3{
        min-height:94px;
    }
    .section4 {
        padding: 0 50px;
    }
    .section4 .sectionLeft .spI {
        height: 778px;
    }
    .section4 .sectionLeft .spI img {
        max-height: 778px;
    }
    .section4 .sectionRight ul li .spI{
      
    }
    .section4 .sectionRight ul li .spI img {
      
    }
    .section7 {
        padding: 50px 50px 80px;
    }
    .section8 {
        padding: 0 50px;
    }
    .section8 .sectionRight ul li .spI{
        height: 382px;
    }
    .section8 .sectionRight ul li .spI img {
        max-height: 382px;
    }
    .section9 {
        padding: 55px 50px 35px;
    }
    .section10 {
        padding: 110px 50px 150px;
    }
    .section10 .center ul li .img{
        height: 378px;
    }
    .footer {
        padding: 60px 50px 20px;
        position: relative;
    }
}
@media screen and (max-width:1600px) {
    .section4 .sectionLeft .spI {
        height: 738px;
    }
    .section4 .sectionLeft .spI img {
        max-height: 736px;
    }
    .section4 .sectionRight ul li .spI{
      
    }
    .section4 .sectionRight ul li .spI img {
    
    }
    .section8 .sectionRight ul li .spI{
   
    }
    .section8 .sectionRight ul li .spI img {
      
    }
    .section10 .center ul li .img{
        height: 358px;
    }
}
@media screen and (max-width:1440px) {
    .tradePop {
        width: 1200px;
        z-index: 99991;
        margin-top: -235px;
        margin-left: -600px;
        display: none;
    }
    .navBox .nav-ul .subnav li {
        margin: 0 0 0 20px;
    }
    .section .carousel-caption .itemT {
        max-width: 800px;
        max-width: 750px;
    }
    .section4 .sectionLeft .spI {
        height: 656px;
    }
    .section4 .sectionLeft .spI img {
        max-height: 656px;
    }
    .section4 .sectionRight ul li .spI{
    
    }
    .section4 .sectionRight ul li .spI img {
   
    }
    .section8 .sectionRight ul li .spI{
      
    }
    .section8 .sectionRight ul li .spI img {
      
    }
    .section10 .center ul li .img {
        height: 288px;
    }
    .footer .sectionLeft .tit .titRight ul li{
        /*     margin: 0 0 0 10%; */
    }
}
@media screen and (max-width:1366px) {
    .navBox .nav-ul {
        top: 59px;
    }
    .navBox .navTOP .logo img {
        max-height: 45px;
    }
    .section .carousel-caption .itemT {
        max-width: 750px;
        max-width: 700px;
    }
    .section .carousel-caption h1 {
        font-size: 66px;
    }
    .section4 .sectionLeft .spI {
        height: 620px;
    }
    .section4 .sectionLeft .spI img {
        max-height: 620px;
    }
    .section4 .sectionRight ul li .spI{
   
    }
    .section4 .sectionRight ul li .spI img {
     
    }
    .section8 .sectionRight ul li .spI{
       
    }
    .section8 .sectionRight ul li .spI img {
      
    }
    .section7 ul li .liLeft {
        padding: 0 0 0 0;
    }
    .section10 .center ul li .img {
        height: 298px;
    }
}
@media screen and (max-width:1360px) {
    .section .carousel-caption h1 {
        font-size: 60px;
    }
}
@media screen and (max-width:1280px) {
    .navBox .nav-ul .subnav li {
        margin: 0 0 0 15px;
    }
    .navBox .nav-ul {
        top: 55px;
    }
    .navBox .navTOP .logo img {
        max-height: 41px;
    }
    .section .carousel-caption .itemT {
        max-width: 700px;
        max-width: 650px;
    }
    .section .carousel-caption h1 {
        font-size: 54px;
    }
    .section8 .sectionLeft h1 {
        font-size: 60px;
    }
    .section4 .sectionLeft .spI {
        height: 580px;
    }
    .section4 .sectionLeft .spI img {
        max-height: 580px;
    }
    .section4 .sectionRight ul li .spI{
     
    }
    .section4 .sectionRight ul li .spI img {
     
    }
    .section8 .sectionRight ul li .spI{
     
    }
    .section8 .sectionRight ul li .spI img {
       
    }
    .section10 .center ul li .img {
        height: 277px;
    }
    .section .carousel-inner .item .itemI {height: 500px;}
}
@media screen and (max-width:1024px) {
    .tradePop {
        left: 2.5%;
        width: 95%;
        margin-left: 0;
        margin-top: -176px;
    }
    .tradePop .list{
        height: 352px;
    }
    .tradePop .list .item img{
        max-height: 352px;
    }
    .tradePop .list .carousel-inner .item{
        height: 352px;
    }
    .tradePop .list .carousel-control {
        margin-top: 131px;
    }
    .tradeBox2 .center .sectionRight .ulBox ul li .liI .img{
        height: 142px;
    }
    .newsBox .listBox ul li .liSP .spB p{
        width:95%;
    }

    .aboutBox .aboutSection3 .sectionLeft{
        width: 100%;
    }
    .aboutBox .aboutSection3 .sectionRight{
        width: 100%;
        margin: 20px 0 0 0;
    }
    .aboutBox .aboutSection .sectionRight {
        width: 260px;
    }
    .productDetail .productSection .sectionLeft{
        width: 570px;
    }
    .productDetail .productSection .sectionRight{
        width: 370px;
    }
    .productDetail .productSection3 .picScroll-left .bd ul li .pic .liI {
        height: 210px;
        line-height: 210px;
    }
    .productDetail .productSection3 .picScroll-left .bd ul li .pic .liI img{
        max-height: 210px;
    }
    .productBox .sectionRight .center ul li .liI {
        height: 210px;
        line-height: 210px;
    }
    .productBox .sectionRight .center ul li .liI img {
        max-height: 210px;
    }
    .contactBox .formBox .form ul li input,.contactBox .formBox .form ul li textarea,.contactBox .formBox .form ul li select{
        width: 100%!important;
    }
    .contactBox .formBox .but {
        margin: 15px 0 0 0px;
    }
    .newsBox .listBox ul li .liI{
        height: 238px;
    }
    .caseDetail .sectionRight .ul ul li .liRight {
        width: 65%;
        padding: 0;
    }
    .caseBox .ul ul li .li .liI{
        height: 214px;
    }
    .section .carousel-caption .itemT {
        max-width: 650px;
        max-width: 500px;
    }
    .section .carousel-caption h1 {
        font-size: 36px;
    }
    .section4 .sectionLeft .spI {
        height: 460px;
    }
    .section4 .sectionLeft .spI img {
        max-height: 460px;
    }
    .section4 .sectionRight ul li .spI{
  
    }
    .section4 .sectionRight ul li .spI img {
    
    }
    .section7 ul li .liLeft {
        width: 100%;
        /*text-align: center;*/
        padding: 0 0 0 0;
    }
    .section7 ul li .liRight {
        width: 100%;
        margin: 0 0 0 0px;
        padding: 0 15px;
    }
    .section8 .sectionLeft {
        overflow: hidden;
        position: relative;
        width: 100%;
        padding: 40px 50px 30px;
        background-color: #fff;
        min-height: initial;
    }
    .section8 .sectionLeft h1 {
        font-size: 36px;
        margin: 0 0 30px 0;
    }
    .section8 .sectionRight {
        width: 100%;
    }
    .section8 .sectionRight ul li .spI{
        height: 452px;
    }
    .section8 .sectionRight ul li .spI img {
        max-height: 452px;
    }
    .section10 .center ul li .img{
        height: 216px;
    }
    .footer .sectionLeft .tit .titLeft {
        width: 35%;
    }
    .footer .sectionLeft .tit .titRight ul li {
        margin: 0 0 0 0%;
    }
    .navBox .navTOP {
        padding: 20px 50px 20px;
    }
    .navBox .navTOP .logo {
        padding: 0 0 0px 0;
    }
    .navBox .nav-ul{
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
    }
    .navBox .nav-ul .subnav{
        width: 100%;
    }
    .navBox .nav-ul .subnav li {
        width: 16.6666666666667%;
        text-align: center;
        margin: 0 0 0 0px;
    }
    .servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li .pic {
        width: 180px;
        height: 100px;
    }
    .servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li .title {
        width: 180px;
    }
    .servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li .title p {
        -webkit-line-clamp: 5;
    }

.contactBox .formBox .form ul li #captcha {
    width: 699px!important;
}
.section10 .center ul li .box h3{font-size: 16px}



}
.footer .ul2{display: none;}
.navBox .navTOP .ulBox .ul22 ul li{background: #fff;}
.navBox .navTOP .ulBox .ul2 ul li a img{width: 100%;}
@media screen and (max-width:768px) {
    .footer .ul2{display: flex;align-items: center;margin-bottom: 1.5rem;}
    .footer .ul2 li{
        display: inline-block;
        overflow: hidden;
        text-align: center;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        background-color: #fff;
        margin-right: 1.5rem;
        width: 50px;
    }
    .footer .ul2 li img{width: 100%;}
    .footer .ul2 li a{color: #3a5686;}
    .newsBox .listBox ul li .liSP .spB p{
        width:93%;
    }
    .product_pop {
        overflow: hidden;
        position: fixed;
        top: 50%;
        left: 2.5%;
        width: 95%;
        max-height: 670px;
        padding: 40px;
        margin-top: -335px;
        margin-left: 0;
        display: none;
        background-color: #fff;
    }
    .tradeBox .picScroll-left .bd ul li .pic .picI {
        min-height: 170px;
        line-height: 170px;
    }
    .tradeBox .picScroll-left .hd .prev,.tradeBox .picScroll-left .hd .next {
        margin-top: 87px;
    }
    .tradeBox2 .center .sectionRight .ulBox ul li .liI .img{
        height: 102px;
    }
    .tradePop {
        left: 2.5%;
        width: 95%;
        margin-left: 0;
        margin-top: -127px;
    }
    .tradePop .list{
        height: 254px;
    }
    .tradePop .list .item img{
        max-height: 254px;
    }
    .tradePop .list .carousel-inner .item{
        height: 254px;
    }
    .tradePop .list .carousel-control {
        margin-top: 102px;
    }
    .tradePop .list .carousel-control img{
        height: 50px;
    }
    .aboutBox .aboutSection .sectionLeft{
        width: 100%;
    }
    .aboutBox .aboutSection .sectionRight{
        width: 100%;
    }
    .productDetail .productSection .sectionRight{
        width: 100%;
        padding: 20px 0 0 0px;
    }
    .productDetail .productSection3 .picScroll-left .bd ul li .pic .liI {
        height: 166px;
        line-height: 166px;
    }
    .productDetail .productSection3 .picScroll-left .bd ul li .pic .liI img{
        max-height: 166px;
    }
    .productBox .sectionLeft .ul ul li{
        width: 33.3333333333%;
        float: left;
    }
    .productBox .sectionRight {
        margin: 80px 0 0 0 ;
    }
    .newsBox .listBox ul li .liI{
        height: 184px;
    }
    .zBanner .spT h1 {
        font-size: 36px;
        margin: 0 0 20px 0;
    }
    .caseDetail .sectionRight .ul ul li .liRight {
        width: 85%;
        padding: 15px 0 0 0;
    }
    .caseBox .ul ul li .li .liI{
        height: 160px;
    }
    .navBox .nav-ul .subnav li dl {
        width: 180%;
        margin-left: -90%;
    }
    .navBox .nav-ul .subnav li a {
        font-size: 16px;
    }
    .section .carousel-control.right {
        left: 50px;
    }
    .section .carousel-indicators {
        left: 50px;
    }
    .section .carousel-caption {
        right: 0%;
        bottom: -50px;
    }
    .section4 .sectionLeft .spI {
        height: 332px;
    }
    .section4 .sectionLeft .spI img {
        max-height: 332px;
    }
    .section4 .sectionRight ul li .spI{
    
    }
    .section4 .sectionRight ul li .spI img {
     
    }
    .section7 ul li .liLeft {
        font-size: 72px;
    }
    .section8 .sectionRight ul li .spI{
     
    }
    .section8 .sectionRight ul li .spI img {
    
    }
    .section10 .center ul li{
        width: 33.33333333333333333%;
    }
    .section10 .center ul li .img{
        height:  152px;
    }
    .section10 .center ul li .box {
        overflow: hidden;
        padding: 35px 15px 30px;
        background-color: #fff;
    }
    .section2 .box {
        margin: 0 0 20px 0;
    }
    .footer .sectionLeft .tit .titLeft {
        width: 100%;
    }
    .footer .sectionLeft .tit .titRight {
        width: 100%;
    }
    .footer .sectionLeft .tit .titRight ul {
        display: flex;
        justify-content: space-between;
    }
    .servicesBox .center .ulBox ul li .liT .liLeft{
        margin: 0!important;
    }
    .servicesBox .center .bor{
        display: none;
    }
    .servicesBox .center .ulBox ul li .liT .borX{
        display: none;
    }
    .servicesBox .center .ulBox ul li .liB .liRight{
        width: 100%;
        padding: 0!important;
    }
    .servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li .pic {
        width: 280px;
        height: 170px;
    }
    .servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li .title {
        width: 280px;
    }
    .servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li .title p {
        -webkit-line-clamp: 7;
    }
.contactBox .formBox .form ul li #captcha {
    width: 479px!important;
}



}
@media screen and (max-width:767px) {
    .section .carousel-inner .item .itemI{height: auto;}
    .dl-menuwrapper .clickForm2 {
        background-color:#656565;
    }
    #___gcse_0{
        position: fixed!important;
        float: left!important;
        z-index: 99999!important;
        right: 0px!important;
        margin: 0 0px 0 0!important;
        top: 50px!important;
        display:none;

    }
    #___gcse_0 .gsc-control-cse {
        float: left!important;
        width: auto!important;
        width: 100%!important;
        padding: 0!important;
    }
.contactBox .formBox .inp {
    overflow: hidden;
    position: relative; 
	
	width:100%;
}

.contactBox .formBox .form ul li .li .li-code {
    margin: 10px 0 0 0;
}
    .aboutBox .titleH1{
        font-size:18px;
        margin:30px 0 0 0;
    }
    .addBox{
        display:none;
    }
    .zBanner .spT h4{
        display:block;
    }
    .indexFormBox {
        padding: 30px 15px 30px;
    }
    .indexFormBox .tit {
        font-size: 18px;
    }
    .indexFormBox .form{
        width:100%;
        margin: 10px 0 0 0;
    }
    .indexFormBox .form input {
        font-size: 14px;
        padding: 10px 0;
        margin: 10px 0 0 0;
    }
    .indexFormBox .form button{
        margin: 30px 0  0 0;
        padding: 10px 30px ;
    }



    .indexFormBox2 {
        padding: 30px 15px 30px;
    }
    .indexFormBox2 .tit {
        font-size: 18px;
    }
    .indexFormBox2 .form{
        width:100%;
        margin: 10px 0 0 0;
    }
    .indexFormBox2 .form input {
        font-size: 14px;
        margin: 10px 0 0 0;
    }
    .indexFormBox2 .form button{
        float:none;
        padding: 10px 30px ;
    }




    .productBox .sectionRight .tib .sp2{
        width:100%;
    }
    .productBox .sectionRight .tib .sp3{
        float:left;
    }
    .productBox .sectionRight .tib .sp2 span{
        font-size: 12px;
    }
    .product_pop {
        overflow-y: scroll;
        position: fixed;

        top: 50%;
        left: 2.5%;
        width: 95%;
        max-height: 500px;
        padding: 15px;
        margin-top: -250px;
        margin-left: 0;
        display: none;
        background-color: #fff;
    }
    .product_pop h3 {
        font-size: 18px;
        margin: 0 0 20px 0;
    }
    .product_pop .center .form ul li h4 {
        font-size: 14px;
        width: 30%;
    }
    .product_pop .center .form ul li input {
        width: 60%;
    }
    .product_pop .center .form ul li textarea {
        width: 60%;
    }
    .product_pop .close-x {
        top: 15px;
        right: 15px;
        font-size: 14px;
    }
    .product_pop .center .form ul li .nameBox {
        width: 60%;
    }



    .tradePop .list .carousel-caption p{
        font-size: 12px;
        padding: 0 10px;
    }
    .tradePop .close-x {
        top: 0px;
        right: 0px;
        font-size: 16px;
    }
    .tradePop .list .carousel-inner .item{
        padding: 0 50px;
    }
    .tradePop .list .carousel-caption{
        padding: 0 50px;
    }
    .tradePop .list .carousel-control img {
        height: 20px;
    }
    .tradePop {
        left: 2.5%;
        width: 95%;
        margin-left: 0;
        margin-top: -87px;
    }
    .tradePop .list{
        height: 194px;
    }
    .tradePop .list .item img{
        max-height: 194px;
    }
    .tradePop .list .carousel-inner .item{
        height: 194px;
    }
    .tradePop .list .carousel-control {
        margin-top: 82px;
    }


    .tradeBox {
        padding: 30px 15px 30px;
    }
    .tradeBox .tit ,.tradeBox2 .tit{
        font-size: 18px;
        height: 55px;
        line-height: 55px;
        padding: 0 15px;
    }
    .tradeBox .picScroll-left .bd ul li {
        width: 100%;
    }
    .tradeBox .picScroll-left .bd {
        padding: 0 ;
    }
    .tradeBox2 {
        padding: 0px 15px 30px;
    }
    .tradeBox2 .center {
        margin: 20px 0 0 0;
    }
    .tradeBox2 .center .sectionLeft{
        width: 100%;
    }
    .tradeBox2 .center .sectionLeft h4 {
        font-size: 14px;
        padding: 0 0 10px 0;
    }
    .tradeBox2 .center .sectionLeft .ulBox ul li {
        font-size: 14px;
        margin: 10px 0;
    }
    .tradeBox2 .center .sectionRight{
        width: 100%;
    }
    .tradeBox2 .center .sectionRight .ulBox ul li {
        width: 100%;
        padding: 0 2px;
        margin: 0 0 4px 0;
    }
    .tradeBox2 .center .sectionRight .ulBox ul li .liI .img{
        height: 238px;
    }

    .aboutBox .aboutSection .sectionLeft .slideBox .carousel-control.left{
        right: 30px;
    }
    .aboutBox .aboutSection .sectionLeft .slideBox .carousel-control.right{
        right: 0px;
    }
    .aboutBox .aboutSection .sectionLeft .slideBox .itemT h1{
        position: absolute;
        top: -20px;
        overflow: hidden;
        z-index: 1;
        margin: 0;
        color: #1d2a3b;
        font-size: 18px;
    }
    .aboutBox .aboutSection2 {
        overflow: hidden;
        margin: 30px 0 0 0;
    }
    .aboutBox .aboutSection2 h1{
        margin: 0 0 20px 0;
        font-size: 18px;
    }
    .aboutBox .aboutSection .sectionLeft .slideBox .itemT {
        font-size: 14px;
        margin: 50px 0 0 0;
    }


    .aboutBox {
        padding: 0px 0 10px;
    }
    .aboutBox .aboutSection2 .picScroll-left .bd ul li{
        width: 50%;
    }
    .aboutBox .aboutSection3 {
        margin: 30px 0 0 0;
    }
    .aboutBox .aboutSection3 .sectionLeft {
        padding: 30px 15px 30px;
    }
    .aboutBox .aboutSection3 .sectionLeft h1 {
        font-size: 18px;
    }
    .aboutBox .aboutSection3 .sectionLeft h5 {
        margin: 30px 0;
    }
    .aboutBox .aboutSection3 .sectionRight ul li .liT {
        height: 60px;
        padding: 0 15px;
    }
    .aboutBox .aboutSection3 .sectionRight ul li .liT .sp1 {
        font-size: 18px;
        line-height: 60px;
    }
    .aboutBox .aboutSection3 .sectionRight ul li .liT .sp3 {
        font-size: 18px;
    }
    .aboutBox .aboutSection3 .sectionRight ul li .liB {
        padding: 20px 15px 0;
    }
    .aboutBox .aboutSection3 .sectionRight ul li .liB p {
        font-size: 14px;
    }



    .productDetail {
        padding: 30px 0 30px;
    }
    .productDetail .productSection .sectionLeft{
        width: 100%;
    }
    .productDetail .productSection .sectionLeft .swiper-container{
        /* background-color: #e5e5e5; */

    }
    .productDetail .productSection .sectionLeft .swiper-containerThis{
        display:none!important;

    }
    .productDetail .productSection .sectionLeft .swiper-container .swiper-slide{
        height: 400px;
        line-height: 400px;
        text-align: center;
    }
    .productDetail .productSection .sectionLeft .swiper-container .swiper-slide img{
        max-width: 100%;
        max-height: 400px;
    }
    .productDetail .productSection .sectionRight h2 {
        font-size: 18px;
        margin: 0 0 20px 0;
        display: flex;
    }
    .productDetail .productSection .sectionRight h2 i {
        margin: 2px 0 0 15px;
    }
    .productDetail .productSection .sectionRight h2 i:hover{
        margin:2px 0 0 20px;
    }
    .productDetail .productSection .sectionRight h4 {
        font-size: 14px;
        margin: 5px 0 0 0;
    }
    .productDetail .productSection .sectionRight .share {
        font-size: 14px;
        margin: 5px 0 0 0;
    }
    .productDetail .productSection .sectionRight .share  ul,.productDetail .productSection .sectionRight .share ul li{
        list-style-type: none;
    }
    .productDetail .productSection2 {
        padding: 30px 0 30px 0;
    }
    .productDetail .productSection2 h2 span {
        font-size: 18px;
    }
    .productDetail .productSection2 p {
        font-size: 14px;
    }
    .productDetail .productSection3 {
        overflow: hidden;
        padding: 30px 0 0 0;
    }
    .productDetail .productSection3 h2 {
        font-size: 18px;
        margin: 0 0 15px 0;
    }
    .productDetail .productSection3 .picScroll-left .bd ul li .pic .liT {
        font-size: 14px;
        margin: 20px 0 0 0;
    }
    .productDetail .productSection3 .picScroll-left .bd ul li {
        width: 100%;
    }
    .productDetail .productSection3 .picScroll-left .bd ul li .pic .liI {
        height: 250px;
        line-height: 250px;
    }
    .productDetail .productSection3 .picScroll-left .bd ul li .pic .liI img{
        max-height: 250px;
    }
    .productBox {
        padding: 30px 0 ;
    }
    .productBox .sectionLeft h3 {
        font-size: 18px;
        margin: 25px 0 0 0;
    }
    .productBox .sectionLeft h4 {
        margin: 20px 0 0 0;
        font-size: 14px;
    }
    .productBox .sectionLeft .ul ul li {
        width: 100%;
        margin: 10px 0 0 0;
    }
    .productBox .sectionRight {
        margin: 30px 0 0 0;
    }
    .productBox .sectionRight .center {
        margin: 30px 0 0 0;
    }
    .productBox .sectionRight .tit .ulBox{
        float: left!important;
    }
    .productBox .sectionRight .center ul li {
        width: 100%;
        margin: 0 0 25px 0;
    }
    .productBox .sectionRight .center ul li .liT {
        font-size: 14px;
        margin: 20px 0 0 0;
    }

    .productBox .sectionRight .center ul li .liI {
        height: 250px;
        line-height: 250px;
    }
    .productBox .sectionRight .center ul li .liI img{
        max-height: 250px;
    }






    .contactBox {
        padding: 30px 0 ;
    }
    .contactBox h1 {
        font-size: 18px;
    }
    .contactBox .map {
        margin: 30px 0 0 0;
    }
    .contactBox .center {
        margin: 0px 0 0 0;
    }
    .contactBox .center ul li dl {
        padding: 20px 0;
    }
    .contactBox .center ul li dl dd{
        width: 100%!important;
        max-width: 100%!important;
        margin: 10px 0 0 0;
    }
    .contactBox .formBox {
        margin: 30px 0 0 0;
    }
    .contactBox .formBox .form ul li {
        width: 100%;
        margin: 0 0 15px 0;
    }
    .contactBox .formBox .form ul li span {
        font-size: 14px;
        width: 100%;
        margin: 0 0 10px 0;
        line-height: inherit;
    }




    .careersBox {
        padding: 30px 0 ;
    }
    .careersBox .titT {
        padding: 0 0px 30px;
    }
    .careersBox .titT h1 {
        font-size: 18px;
    }
    .careersBox .titT p {
        font-size: 14px;
        margin: 10px 0 0 0;
    }
    .careersBox .center{
        margin: 0;
    }
    .careersBox .center ul li {
        margin: 20px 0 0 0;
    }
    .careersBox .center ul li .liT {
        overflow: hidden;
        height: 60px;
        padding: 0 15px;
        background-color: #3b5786;
    }
    .careersBox .center ul li .liT .sp1 {
        color: #fff;
        font-size: 18px;
        line-height: 60px;
    }
    .careersBox .center ul li .liT .sp3 {
        font-size: 18px;
        margin: 24px 0 0 0;
    }
    .careersBox .center ul li .liB p {
        font-size: 14px;
    }
    .careersBox .center ul li .liB {
        padding: 15px 15px 30px;
    }




    .pageBox {
        margin: 30px 0 0 0;
    }
    .newsBox {
        padding: 30px 0 ;
    }
    .newsBox .listBox ul li .liI{
        width: 100%;
    }
    .newsBox .listBox ul li .liSP{
        width: 100%;
        padding: 0;
        margin: 15px 0 0 0 ;
    }
    .newsBox .listBox ul li .liSP h3 {
        font-size: 18px;
    }
    .newsBox .listBox ul li .liSP .spT {
        font-size: 16px;
    }
    .newsBox .listBox ul li .liSP .spB {
        margin: 15px 0 0 0;
    }
    .newsBox .listBox ul li .liSP .spB p {
        width:95%;
    }
    .newsBox .listBox ul li {
        padding: 20px 0;
    }
    .newsBox .listBox ul li .liI{
        height: 196px;
    }
    .newsDetail {
        padding: 30px 0 ;
    }
    .newsDetail .tit h1 {
        font-size: 18px;
    }
    .newsDetail .tit h4 {
        margin: 40px 0 0 0;
        font-size: 14px;
    }
    .newsDetail .tic {
        margin: 30px 0 0 0;
        padding: 20px 15px;
        font-size: 14px;
    }
    .newsDetail .center p {
        font-size: 14px;
        margin: 0 0 10px 0;
    }
    .newsDetail .center h3 {
        font-size: 18px;
        margin: 20px 0 0 0;
    }




    .brandBox ul li .sectionLeft, .brandBox ul li .sectionRight {
        padding: 30px 15px 20px 15px;
        width: 100%;
    }
    .brandBox ul li:nth-child(2) .sectionLeft, .brandBox ul li:nth-child(2) .sectionRight {
        padding: 30px 15px 20px 15px;
    }
    .brandBox ul li .sectionLeft .center p {
        font-size: 14px;
        margin: 0 0 10px 0;
    }
    .brandBox2 {
        height: 30px;
    }
    .zBanner .spT {
        top: 30%;
        margin-top:0;
    }
    .zBanner .spT h1 {
        font-size: 18px;
        margin: 0 0 5px 0;
    }
    .zBanner .spT h4 {
        font-size: 14px;
    }
    .caseDetail {
        padding: 30px 0 30px;
    }
    .caseDetail .sectionLeft {
        padding: 15px;
    }
    .caseDetail .sectionLeft .slideBox .carousel-inner>.item {
        height: 350px;
        line-height: 350px;
    }
    .caseDetail .sectionLeft .slideBox .carousel-inner>.item img {
        max-height: 350px;
    }
    .caseDetail .sectionLeft .center {
        margin: 20px 0 0 0;
    }
    .caseDetail .sectionLeft .center h1 {
        font-size: 18px;
        margin: 0 0 10px 0;
    }
    .caseDetail .sectionLeft .center p {
        font-size: 14px;
    }
    .caseDetail .sectionRight {
        padding: 15px;
        margin: 20px 0 0 0;
    }
    .caseDetail .sectionRight h3 {
        font-size: 18px;
    }
    .caseDetail .sectionRight .ul ul li .liRight {
        width: 75%;
    }
    .caseDetail .sectionRight .ul ul li {
        padding: 15px 10px;
    }


    .caseBox {
        padding: 30px 0 30px;
    }
    .caseBox .ul ul li {
        width: 100%;
        padding: 0 15px;
        margin: 0 0 15px 0;
    }
    .caseBox .ul ul li .li .liT {
        margin: 10px 0 0 0;
        padding: 20px 15px;
    }
    .caseBox .ul ul li .li .liT h3 {
        font-size: 18px;
        margin: 0 0 10px 0;
    }
    .caseBox .ul ul li .li .liI {
        height: 280px;
    }

    .section10 .center ul li .box h3{
        min-height:56px;
    }
    .header{position:fixed;height:50px;background:white;z-index: 99999;padding-top: 5px;width: 100%;border-bottom: 1px solid #ccc;top: 0;}
    .header h3{color: #2c2c2c;margin: 0;line-height: 50px}
    .header .logo{padding:7px 0 0 15px;position: relative;z-index: 9999;float: left;}
    .header .logo img{display:block;height: 25px;}
    .header .search span{display:none;}
    .dl-menuwrapper{
        margin-bottom: 0;
    }
    .dl-menuwrapper button {
        position: absolute;
        right: 0;
        z-index: 9999;
        background: white url("../images/menu.png") no-repeat scroll center center / 20px auto;
        border-bottom: 1px solid #ccc
    }
    .dl-menuwrapper button:hover,.dl-menuwrapper button.dl-active{
        background-color: white;
    }
    .dl-menuwrapper ul {
        background: #3a5686 none repeat scroll 0 0;
    }
    .dl-menuwrapper li a {
        border-top: 1px solid #57719e;
        border-bottom: none;
        padding: 9px 20px;
        font-size: 14px;
    }
    .dl-menuwrapper li.dl-back:after{
        top: 2px;
    }
    .header .navT{
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 55px;
        line-height: 50px;
        z-index: 9999;
    }
    .header .navT ul{}
    .header .navT ul li{
        display: inline-block;
        color: #333;
    }
    .header .navT ul li a{
        color: #333;
    }
    .searchForm {
        top: 50px;
        padding: 10px 15px 10px 15px;
    }
    .headerH{
        overflow: hidden;
        position: relative;
        height: 50px;
    }
    .section .carousel-caption .itemT{
        width: 100%;
        padding: 25px 15px 60px 15px;
        background-color: rgba(255,255,255,1);
        -webkit-box-shadow: none ;
        -moz-box-shadow: none ;
        box-shadow: none ;
    }
    .section .carousel-caption h1 {
        font-size: 18px;
    }
    .section .carousel-caption p {
        font-size: 14px;
        margin: 20px 0 0 0;
    }
    .section .carousel-caption .more {
        margin: 20px 0 0 0;
    }
    .section .carousel-caption .more a{
        margin: auto;
    }
    .section .carousel-inner{
        padding: 0;
    }
    .section .carousel-inner .item .itemI img{
        width: 100%;
        height: auto;
    }
    .section .carousel-caption {
        overflow: hidden;
        position: relative;
        right: 0%;
        left: 0%;
        bottom: -0px;
        z-index: 10;
        padding: 10px 0 20px 0;
        color: #000;
        text-shadow: none;
    }
    .section .carousel-control.right{
        display: none;
    }
    .section .carousel-indicators {
        bottom: 20px;
        left: 50%;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
    }
    .section2 {
        padding: 0px 0 10px 0;
        margin: 0px 0 0 0;
    }
    .section2 .box {
        margin: 0 0 20px 0;
    }
    .section3 {
        padding: 30px 0 30px 0;
    }
    .section3 ul li h1 {
        font-size: 30px;
        margin: 0 0 10px 0;
    }
    .section3 ul li h4 {
        font-size: 14px;
        margin: 0;
    }
    .section4 {
        padding: 0 15px;
    }
    .section4 .sectionLeft {
        width: 100%;
    }
    .section4 .sectionLeft .spI{
        height: auto;
    }
    .section4 .sectionLeft .spI img {
        max-height: inherit;
    }
    .section4 .sectionRight {
        width: 100%;
    }
    .section4 .sectionRight ul li h4 {
        margin: 25% 0 15px 0;
    }
    .section4 .sectionRight ul li .spI{
    
    }
    .section4 .sectionRight ul li .spI img {
   
    }
    .section5 {
        padding: 30px 0 30px 0;
    }
    .section5 .col-xs-6{
        width: 100%;
    }
    .section5 h2 {
        width: 100%;
        font-size: 18px;
        margin: 0 0px 0 0;
    }
    .section5 .more {
        margin: 20px auto 0px;
    }
    .section5 .more a{
        margin: auto;
    }
    .section7 {
        padding: 30px 15px 30px;
    }
    .section7 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .section7 ul li{
        width: 100%;
    }
    .section7 ul li .liRight {
        width: 100%;
        margin: 0 0 0 0px;
        padding: 0 0px;
    }
    .section7 ul li .liRight h2 {
        font-size: 18px;
        margin: 5px 0 10px 0;
    }
    .section7 ul li .liRight p {
        font-size: 14px;
    }
    .section8 {
        padding: 0 15px;
    }
    .section8 .sectionLeft {
        padding: 20px 15px 10px;
    }
    .section8 .sectionLeft h2 {
        font-size: 16px;
        margin: 0 0 20px 0;
    }
    .section8 .sectionLeft h1 {
        font-size: 18px;
        margin: 0 0 20px 0;
    }
    .section8 .sectionLeft p {
        font-size: 14px;
    }
    .section8 .sectionRight ul li .spI{
        height: 191px;
    }
    .section8 .sectionRight ul li .spI img {
        max-height: 191px;
    }
    .section9 {
        padding: 20px 15px 20px;
    }
    .section9 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .section9 ul li {
        width: 33.3333333333333%;
    }
    .section10 {
        padding: 30px 15px 30px;
    }
    .section10 .tit {
        font-size: 18px;
    }
    .section10 .center {
        margin: 30px 0 0 0;
    }
    .section10 .center ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 0px;
    }
    .section10 .center ul li {
        width: 100%;
        padding: 0;
        margin: 0 0 20px 0 ;
    }



    .section10 .center ul li .box {
        overflow: hidden;
        padding: 25px 15px 30px;
        background-color: #fff;
    }
    .section10 .center ul li .box h3 {
        font-size: 18px;
    }
    .section10 .center ul li .box .more {
        margin: 20px 0 0 0px;
    }
    .section10 .moreThan {
        margin: 0px 0 0 0px;
    }
    .section10 .center ul li .img{
        height: 290px;
    }
    .footer {
        padding: 30px 15px 20px;
    }
    .footer .sectionLeft {
        width: 100%;
    }
    .footer .sectionLeft .tit .titLeft {
        width: 100%;
    }
    .footer .sectionLeft .tit .titLeft .spI {
        margin: 0 0 20px 0;
    }
    .footer .sectionLeft .tit .titLeft .spI img{
        max-width: 100%;
    }
    .footer .sectionLeft .tit .titRight {
        overflow: hidden;
        width: 100%;
    }
    .footer .sectionLeft .tit .titRight ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: inherit;
    }
    .footer .sectionLeft .tit .titRight ul li {
        width: 50%;
        margin: 0 0 0 0;
    }
    .footer .sectionLeft .tit .titRight ul li dl{
        margin: 0;
    }
    .footer .sectionLeft .tit .titRight ul li h4 {
        font-size: 14px;
        margin: 15px 0 0px 0;
    }
    .footer .sectionLeft .tit .titRight ul li a {
        font-size: 14px;
    }
    .footer .sectionLeft .tib {
        font-size: 14px;
        padding: 15px 0 0 0;
        margin: 20px 0 0 0;
    }
    .footer .sectionRight {
        position: absolute;
        width: 100px;
        padding: 3% 0 0 0;
        bottom: 15%;
        right: 15px;
    }
    .servicesBox {
        padding: 30px 0 0px;
    }
    .servicesBox .tit, .servicesBox .tic,.servicesBox2 .tic {
        margin: 0 0 10px 0;
        font-size: 18px;
    }
    .servicesBox .center .ulBox {
        padding: 30px 0 0 0;
    }

    .servicesBox .center .ulBox ul li .liT .liLeft {
        width: 60px!important;
        height: 60px;
        text-align:center;
    }
    .servicesBox .center .ulBox ul li .liT .liLeft .img {
        width: 60%;
        margin:auto;
        line-height: 60px;
    }
    .servicesBox .center .ulBox ul li .liT .liRight {
        width: 60%;
        height: 60px;
        line-height: 60px;
    }
    .servicesBox .center .ulBox ul li .liT .liRight .img {
        width: 80%;
        text-align: center!important;
        line-height: 60px;
    }
    .servicesBox .center .ulBox ul li .liT .liLeft .img img{
        height: 30px;
    }
    .servicesBox .center .ulBox ul li .liT .liRight .img span {
        font-size: 18px;
        line-height: 60px;
        margin-right: 30px;
    }
    .servicesBox .center .ulBox ul li .liT .liRight .img img {
        padding: 0 10px;
        margin: 21px 0px 0 0 !important;
        width: 20%;
    }
    .servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li .pic {
        width: 100%;
        height: 210px;
    }
    .servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li .title {
        width: 100%;
        padding: 0!important;
    }
    .servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li .title h3 {
        font-size: 18px;
        margin: 10px 0 10px 0;
    }
    /* .productDetail .productSection .sectionLeft .swiper-container .swiper-slide i{ */
    /* position: absolute; */
    /* width: 50px; */
    /* height: 50px; */
    /* line-height: 50px; */
    /* bottom: 20%; */
    /* left: 50%; */
    /* margin-left: -25px; */
    /* background-color: #fff; */
    /* z-index: 999; */
    /* -webkit-border-radius: 100%; */
    /* -moz-border-radius: 100%; */
    /* border-radius: 100%; */
    /* cursor: pointer; */
    /* } */
    /* .small-box2 { */
    /* position: relative; */
    /* width: 100%; */
    /* height: 450px; */
    /* line-height: 450px; */
    /* text-align: center; */
    /* margin-bottom: 15px; */
    /* display: none; */
    /* background-color: #000; */
    /* } */
    /* .small-box2 .close-x{ */
    /* position: absolute; */
    /* top: 15px; */
    /* right: 15px; */
    /* color: #fff; */
    /* height: 20px; */
    /* z-index: 2; */
    /* line-height: 1; */
    /* font-size: 16px; */
    /* cursor: pointer; */
    /* } */
    /* .small-box2 .video{ */
    /* position: absolute; */
    /* height: 100%; */
    /* width:100%; */
    /* text-align: center; */
    /* left: 0; */
    /* top: 0; */
    /* display: flex; */
    /* display: -o-flex; */
    /* display: -ms-flex; */
    /* display: -moz-flex; */
    /* display: -webkit-flex; */
    /* align-items: center; */
    /* z-index: 1; */
    /* } */
    /* .small-box2 video,.small-box2 iframe{ */
    /* width: auto; */
    /* max-width: 100%; */
    /* height: auto; */
    /* max-height: 100%; */
    /* margin: auto; */
    /* } */


    .videoTel{
        position: relative;
        overflow: hidden;
        height: 400px;
        line-height: 400px;
        text-align: center;
        display: flex;
        display: -o-flex;
        display: -ms-flex;
        display: -moz-flex;
        display: -webkit-flex;
        align-items: center;
        background-color: #000;
        display:none;
    }
    .videoTel .close-x{
        position: absolute;
        top: 15px;
        right: 15px;
        color: #fff;
        height: 20px;
        z-index: 66;
        line-height: 1;
        font-size: 16px;
        cursor: pointer;
    }
.contactBox .formBox .form ul li #captcha {
    width: 100%!important;
}

}
@media screen and (max-width:414px) {}
@media screen and (max-width:375px) {
    .caseDetail .sectionRight .ul ul li .liRight {
        width: 70%;
    }
    .header .logo{padding:10px 0 0 15px;position: relative;z-index: 9999;float: left;}
    .header .logo img{display:block;height: 20px;}
    .section4 .sectionRight ul li .spI{
      
    }
    .section4 .sectionRight ul li .spI img {
      
    }
    .section8 .sectionRight ul li .spI{
    
    }
    .section8 .sectionRight ul li .spI img {
    
    }
    .section10 .center ul li .img{
        height: 260px;
    }
    .caseBox .ul ul li .li .liI {
        height: 252px;
    }
    .newsBox .listBox ul li .liI{
        height: 176px;
    }
    .newsBox .listBox ul li .liSP .spB p {
        width: 94%;
    }
    .tradeBox2 .center .sectionRight .ulBox ul li .liI .img{
        height: 212px;
    }
    .tradePop {
        left: 2.5%;
        width: 95%;
        margin-left: 0;
        margin-top: -84px;
    }
    .tradePop .list{
        height: 168px;
    }
    .tradePop .list .item img{
        max-height: 168px;
    }
    .tradePop .list .carousel-inner .item{
        height: 168px;
    }
    .tradePop .list .carousel-control {
        margin-top: 79px;
    }
    .servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li .pic {
        height: 186px;
    }
}
@media screen and (max-width:360px) {
    .tradePop {
        left: 2.5%;
        width: 95%;
        margin-left: 0;
        margin-top: -80px;
    }
    .tradePop .list{
        height: 160px;
    }
    .tradePop .list .item img{
        max-height: 160px;
    }
    .tradePop .list .carousel-inner .item{
        height: 160px;
    }
    .tradePop .list .carousel-control {
        margin-top: 75px;
    }
    .caseBox .ul ul li .li .liI {
        height: 242px;
    }
    .section4 .sectionRight ul li .spI{
      
    }
    .section4 .sectionRight ul li .spI img {
    
    }
    .section8 .sectionRight ul li .spI{
       
    }
    .section8 .sectionRight ul li .spI img {
     
    }
    .section10 .center ul li .img{
        height: 249px;
    }
    .newsBox .listBox ul li .liI{
        height: 168px;
    }
    .newsBox .listBox ul li .liSP .spB p {
        width: 94%;
    }
    .tradeBox2 .center .sectionRight .ulBox ul li .liI .img{
        height: 202px;
    }
    .servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li .pic {
        height: 176px;
    }
}
@media screen and (max-width:320px) {
    .tradePop {
        left: 2.5%;
        width: 95%;
        margin-left: 0;
        margin-top: -72px;
    }
    .tradePop .list{
        height: 134px;
    }
    .tradePop .list .item img{
        max-height: 134px;
    }
    .tradePop .list .carousel-inner .item{
        height: 134px;
    }
    .tradePop .list .carousel-control {
        margin-top: 62px;
    }
    .tradeBox2 .center .sectionRight .ulBox ul li .liI .img{
        height: 178px;
    }
    .aboutBox .aboutSection3 .sectionRight ul li .liT .sp1 {
        font-size: 14px;
        line-height: 60px;
    }
    .aboutBox .aboutSection3 .sectionRight ul li .liT .sp3 {
        font-size: 14px;
    }
    .newsBox .listBox ul li .liI{
        height: 148px;
    }
    .newsBox .listBox ul li .liSP .spB p {
        width: 93%;
    }
    .caseBox .ul ul li .li .liI {
        height: 212px;
    }
    .header .logo{padding:11px 0 0 15px;position: relative;z-index: 9999;float: left;}
    .header .logo img{display:block;height: 18px;}
    .section4 .sectionRight ul li .spI{
     
    }
    .section4 .sectionRight ul li .spI img {
     
    }
    .section8 .sectionRight ul li .spI{
       
    }
    .section8 .sectionRight ul li .spI img {
       
    }
    .section10 .center ul li .img{
        height: 219px;
    }
    .servicesBox .center .ulBox ul li .liB .liRight .picScroll-top .bd ul li .pic {
        height: 150px;
    }
}