/*产品*/
.product{text-align: center;padding-top: 0.76rem;}
.titleC{width:0.44rem;font-size: 0.18rem;color: #4d4d4f;line-height: 0.38rem;border-bottom: 0.02rem solid #007cc1;margin: 0 auto;}
.titleE{font-size: 0.12rem;color: #4d4d4f;line-height: 0.24rem;margin: 0 auto;min-height:0.12rem;max-height:50rem;letter-spacing: 0.04rem;}

.productImage{width: 7.5rem;height:3.45rem;position: relative;margin-top: 0.27rem;}
.productImage p{width: 2.07rem;height: 1.88rem;}
.product0{position: absolute; left: 1.62rem;top: 0;z-index: -1; overflow: hidden;
transform:skew(0deg,18deg);
-ms-transform:skew(0deg,18deg); /* IE 9 */
-moz-transform:skew(0deg,18deg); /* Firefox */
-webkit-transform:skew(0deg,18deg); /* Safari and Chrome */
-o-transform:skew(0deg,18deg); /* Opera */
}
.product0 .productNr{
transform:skew(0deg,-36deg);
-ms-transform:skew(0deg,-36deg); /* IE 9 */
-moz-transform:skew(0deg,-36deg); /* Firefox */
-webkit-transform:skew(0deg,-36deg); /* Safari and Chrome */
-o-transform:skew(0deg,-36deg); /* Opera */
overflow: hidden;
}
.product0 p{
transform:skew(0deg,22deg);
-ms-transform:skew(0deg,22deg); /* IE 9 */
-moz-transform:skew(0deg,22deg); /* Firefox */
-webkit-transform:skew(0deg,22deg); /* Safari and Chrome */
-o-transform:skew(0deg,22deg); /* Opera */
}

.product1{position: absolute; right: 1.62rem;top: 0;z-index: -2;}
.product2{position: absolute; left: 1.62rem;bottom: 0;z-index: -2;}

.product3{position: absolute; right: 1.62rem;bottom: 0;z-index: -1; overflow: hidden;
transform:skew(0deg,18deg);
-ms-transform:skew(0deg,-18deg); /* IE 9 */
-moz-transform:skew(0deg,-18deg); /* Firefox */
-webkit-transform:skew(0deg,-18deg); /* Safari and Chrome */
-o-transform:skew(0deg,-18deg); /* Opera */
}
.product3 .productNr{
transform:skew(0deg,36deg);
-ms-transform:skew(0deg,36deg); /* IE 9 */
-moz-transform:skew(0deg,36deg); /* Firefox */
-webkit-transform:skew(0deg,36deg); /* Safari and Chrome */
-o-transform:skew(0deg,36deg); /* Opera */
overflow: hidden;
}
.product3 p{
transform:skew(0deg,-22deg);
-ms-transform:skew(0deg,-22deg); /* IE 9 */
-moz-transform:skew(0deg,-22deg); /* Firefox */
-webkit-transform:skew(0deg,-22deg); /* Safari and Chrome */
-o-transform:skew(0deg,-22deg); /* Opera */
}

.productList{cursor:pointer;}

.productImage .figure{width: 7.5rem;height:3.45rem;left: 0;top: 0;}





.nvaList{margin-left: 56px;}




.company .companyT{width:160px;font-size: 40px;line-height: 40px;color:#fff;position: relative;margin-top: 200px;}
.companyT span{background-color: #fff;width: 100px;height: 1px;border:1px solid #fff;position: absolute; left: 15%;top:60px; }
.companyContent{background-color: #fff;margin-top: 87px;padding: 0 35px;}


.imgMap {
    opacity: 0;
    transition: 5s;
}


.home {
    color: #007cc1;
    font-weight: bold;
    position: relative;
}
.home a{
    color: #007cc1 !important;
}

.home .boot {
    display: inline-block;
    width: 40%;
    height: 5px;
    background: #007cc1;
    position: absolute;
    bottom: 20%;
    left: 30%;
}
.aboutUs{
    padding: 215px 112px 172px 112px;
    box-sizing: border-box;
    min-width: 1200px;
}
.big-info{
    width: 47%;
    float: left;
    margin-right: 3%;
}
.aboutUs-right img{
    width: 100%;
}
.col-md-text{
    width: 50%;
    /* min-width: 1200px; */
    float: left;
    
}
.aboutUs-left-text h4{
    font-size: 38px;
    color: #007cc1;
    line-height: 104px;
}
.col-md-text h5{
    font-size: 28px;
    color: #555555;
    margin-bottom: 30px;
}
.aboutUs-left-text p{
    font-size: 22px;
    line-height: 48px;
    text-align: left !important;
    color: #828282;
}
.aboutUs-left-text p a{
    color: #0082cd;
}
.aboutUs-left{
    width: 100%;
    float: right;
}
@media screen and (max-width: 1820px) {
    .aboutUs-left-text h4{
        font-size: 36px;
        color: #007cc1;
        line-height: 90px;
    }
    .col-md-text h5{
        font-size: 26px;
    }
    .aboutUs-left-text p{
        font-size: 20px;
        line-height: 40px;
    }
    .aboutUs{
        padding: 195px 92px 152px 92px;
    }
}
@media screen and (max-width: 1650px) {
    .aboutUs-left-text h4{
        font-size: 34px;
        color: #007cc1;
        line-height: 74px;
    }
    .col-md-text h5{
        font-size: 25px;
    }
    .aboutUs-left-text p{
        font-size: 20px;
        line-height: 42px;
    }
    .aboutUs{
        padding: 130px 72px 102px 72px;
    }
}
@media screen and (max-width: 1390px) {
    .aboutUs-left-text h4{
        font-size: 28px;
        color: #007cc1;
        line-height: 50px;
    }
    .col-md-text h5{
        font-size: 20px;
    }
    .aboutUs-left-text p{
        font-size: 16px;
        line-height: 32px;
    }
    .aboutUs{
        padding: 100px 72px 90px 72px;
    }
}
.dynamic{
    height: 1080px; 
    background:url(../imgs/bg1.jpg) no-repeat;
    background-size: 100%;
}
/* 轮播样式 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; border: 0;}
body {font-size:12px; font-family:Microsoft YaHei,Arial,Verdana,Helvetica,sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, i, strong, th, var { font-style:normal; font-weight:normal;}
a {text-decoration:none; outline:none;color:#1e1b25;}
a:hover { text-decoration:none;}
img {border:none; }
dl,ol,ul,li {list-style:none; }
input, textarea, select, button {font:14px Verdana,Helvetica,Arial,sans-serif;  outline:none;}

.clearfix:after {content: ""; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.fl{float: left;}
.fr{float: right;}
.wrap{width: 1200px;margin: 0 auto;}
.pr{position: relative;}
.pa{position: absolute;}

.lhjt{margin-bottom: 50px;}
.img-scroll{ position:relative; width: 100%;}
.img-scroll .prev,.img-scroll .next{position:absolute; width:36px; height:30px;
      top:50%; cursor:pointer; left:0px;}
.img-scroll .next { right:0px; left:auto; background-position: -16px -160px;}
.img-scroll .next img:hover{background: #ccc;}
.img-scroll .prev img:hover{background: #ccc;}
.img-list { padding-top:35px;position:relative; width:78%; overflow:hidden; margin: 0 auto;}
.img-list ul { width:9999px;}
.img-list li { float:left; width:240px; margin-right:44px;}
.img-list li img{display:block; width:240px; height: 160px; margin: 0 auto;}
.img-list li .infor{width: 230px; font-size: 16px;color: #1e1b25; text-align: center; font-weight: bold; padding-top: 22px;}

.img-scroll .prev img{
    width: 100%;
}
.img-scroll .next img{
    width: 100%;
}
.imgListAll li{
    height: 85px!important;

}
.topList{
    width: 100%;
    overflow: hidden;
    padding: 0 11%;
}
.img-scroll .li_top{
    float: left;
    width: 33%;
}
.img-scroll .li_top p {
    cursor: pointer;
}
.imgListAll ul{
    float: left;
}
.div80{
    width: 92%;
}
.img-list li{
    width: 426px;
    height: 700px;
}
.img-list li img{
    width: 100%;
}
.dynamic_con {
    padding-top: 180px;
    box-sizing: border-box;
    max-width: 1735px;
}
.img-list li .li_top,.li_button{
    width: 100%;
}
.li_top{
    height: 186px;
    text-align: center;
}
.li_top p{
    text-align: center;
    font-size: 37px;
    color: #fff;

}
.li_top span{
    display: inline-block;
    width: 102px;
    height: 4px;
    background: #fff;
    margin-top: 30px;
}
.li_button {
    height: 514px;
    background: #fff;
    position: relative;
    padding-top: 100px;
}
.data{
    width: 102px;
    height: 102px;
    background: #0082cd;
    position: absolute;
    left: 34px;
    top: -34px;
}
.data_top{
    height: 34px;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
}
.data_top p{
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 34px;
}
.dataDay {
    color: #fff;
    font-size: 50px;
    line-height: 66px;
    text-align: center;
}
.textCont{
    width: 100%;
    padding: 0 34px;
    overflow: hidden;
    padding-bottom: 84px;
    border-bottom: 2px solid #dbdbdb;
    box-sizing: border-box;
}
.textContTop{
    width: 100%;
   
}
.textContTop .textHead{
    font-size: 26px;
    color: #0082cd;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 58px;
}
.textCon{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4; 
    font-size: 23px;
    text-indent: 20px;
    letter-spacing: 1px;
}
.textCon span{
    font-size: 23px;
    color: #0082cd;
}
.buttDetal{
    width: 170px;
    height: 50px;
    background: #13a7e1;
    margin-left: 34px;
    margin-top: 34px;
}
.buttDetal p{
    text-align: center;
    line-height: 50px;
    font-size: 23px;
    color: #fff;
    
}
.textCont{
    min-height: 260px;
}
@media screen and (max-width: 1850px) {
    .li_top span{
        margin-top: 26px
    }
    .img-list li{
        width: 400px;
        height: 700px;
    }
    .textCon{
        font-size: 20px;
    }
    .textCont{
        padding: 0 30px;
        padding-bottom: 64px;
    }
    .li_button {
        height: 496px;
    }
    .dynamic{
        height: 1020px;
    }
    .textCont{
        min-height: 260px;
    }
}
@media screen and (max-width: 1800px) {
    .li_top span{
        margin-top: 24px;
    }
    .img-list li{
        width: 380px;
    }
    .li_top{
        height: 166px;
    }
    .li_top p{
        font-size: 32px;
    
    }
    .li_top span{
        width: 82px;
    }
    .dynamic{
        height: 988px;
    }
    .textCon span{
        font-size: 20px;
        color: #0082cd;
    }
    .textCont{
        min-height: 260px;
    }
}
@media screen and (max-width: 1720px) {
    .li_top span{
        margin-top: 22px;
        height: 3px;
    }
    .img-list li{
        width: 364px;
        height: 650px;
    }
    .li_top{
        height: 166px;
    }
    .li_top p{
        font-size: 32px;
    
    }
    .li_top span{
        width: 82px;
    }
    .dynamic{
        height: 988px;
    }
    .data{
        width: 90px;
        height: 100px;
    }
    .dynamic{
        height: 927px;
    }
    .textCon{
        font-size: 18px;
    }
    .textContTop .textHead{
        font-size: 24px;
    }
    .img-list li{
        height: 608px;
    }
    .textCont{
        padding-bottom: 50px;
    }
    .li_button{
        padding-top: 88px;
    }
    .textCont{
        min-height: 260px;
    }
}
@media screen and (max-width: 1640px) {
    .li_top span{
        margin-top: 20px;
    }
    .img-list li{
        width: 342px;
        height: 629px;
    }
    .li_top{
        height: 166px;
    }
    .li_top p{
        font-size: 32px;
    
    }
    .li_top span{
        width: 82px;
    }
    
    .data{
        width: 90px;
        height: 100px;
    }
    .buttDetal p{
        font-size: 21px;
    }
    .dynamic {
        height: 904px;
    }
    .dynamic_con{
        padding-top: 130px;
    }
    .textCon{
        font-size: 16px;
    }
    .textCon span{
        font-size: 18px;
    }
    .textContTop .textHead{
        font-size: 20px;
    }
    .li_top p{
        font-size: 28px;
    }
    .textCont{
        padding: 0 22px;
        padding-bottom: 36px;
    }
    .li_button{
        height: 412px;
    }
    .img-list li{
        height: 580px;
    }
    .textCont{
        min-height: 200px;
    }
}
@media screen and (max-width: 1570px) {
    .li_top span{
        margin-top: 18px;
    }
    .li_top p{
        font-size: 30px;
    }
    .dynamic{
        height: 876px;
    }
    .li_button{
        height: 415px;
    }
    .img-list li{
        width: 320px;
    }
    .dynamic{
        height: 844px;
    }
    .buttDetal p{
        font-size: 18px;
    }
    .buttDetal{
        width: 152px;
        height: 40px;
    }
    .buttDetal p{
        line-height: 40px;
    }
    .img-list li{
        height: 552px;
    }
    .dynamic_con{
        padding-top: 110px;
    }
    .textCont{
        min-height: 200px;
    }
}
@media screen and (max-width: 1450px) {
    .li_top span{
        margin-top: 16px;
    }
    .li_top p{
        font-size: 28px;
    }
    .dynamic{
        height: 800px;
    }
    .li_button{
        height: 415px;
    }
    .img-list li{
        width: 296px;
    }
    .buttDetal p{
        font-size: 16px;
    }
    .buttDetal{
        width: 152px;
        height: 40px;
    }
    .buttDetal p{
        line-height: 40px;
    }
    .img-list li{
        height: 380px;
    }
    .textCon{
        font-size: 14px;
    }
    .textContTop .textHead{
        font-size: 16px;
    }
    .dataDay{
        font-size: 46px;
    }
    .li_button{
        padding-top: 69px;
    }
    .dynamic_con{
        padding-top: 90px;
    }
    .textCont{
        min-height: 170px;
    }
}
@media screen and (max-width: 1380px) {
    .li_top span{
        margin-top: 14px;
    }
    .img-list li{
        width: 282PX;
        height: 478px;
    }
    .dynamic{
        height: 745px;
    }
    .li_top{
        height: 130px;
    }
    .li_top p{
        font-size: 24px;
    }
    .data {
        width: 78px;
        height: 94px;
    }
    .dataDay{
        line-height: 60px;
    }
    .li_button{
        height: 356px;
    }
    .textCon{
        font-size: 12px;
    }
    .textContTop .textHead{
        line-height: 54px;
    }
    .textCon span{
        font-size: 16px;
    }
    .textCont{
        min-height: 170px;
    }
}
@media screen and (max-width: 1300px) {
    .li_top span{
        margin-top: 12px;
        height: 2px;
    }
    .img-list li{
        width: 264px;
        height: 478px;
    }
    .dynamic{
        height: 722px;
    }

}
@media screen and (max-width: 1260px) {
    .img-list li{
        width: 254px;
        height: 322px;
    }
    .dynamic{
        height: 696px;
    }
    .textCon span{
        font-size: 14px;
    }
    .buttDetal {
        width: 115px;
        height: 30px;
    }
    .buttDetal p {
        line-height: 30px;
    }
    .buttDetal{
        margin-top: 24px;
    }

}
@media screen and (max-width: 1220px) {
    .img-list li{
        width: 254px;
        height: 322px;
    }
    .dynamic{
        height: 678px;
    }
    .textCon span{
        font-size: 14px;
    }
    .buttDetal {
        width: 115px;
        height: 30px;
    }
    .buttDetal p {
        line-height: 30px;
    }
    .buttDetal{
        margin-top: 24px;
    }

}
.dynamic{
    min-width: 1200px;
}
.contBom{
    width: 100%;
    min-width: 1200px;
}
.contBomHead{
    text-align: center;
    width: 100%;
    overflow: hidden;
    padding-bottom: 96px;

}
.contBomHead .spanOne{
    font-size: 40px;
    border-bottom: 6px solid #007cc1;
    padding-bottom: 20px;
    line-height: 86px;
}
.contBomHead .en{
    font-size: 20px;
    letter-spacing: 12px;

    line-height: 92px;
}
.conImg{
    width: 100%;
    margin: auto;
    margin-top: 64px;
    padding-bottom: 130px;

}
.conImg img{
    width: 100%;
}
.contBomHead .h1{
    font-size: 158px;
    line-height: 212px;
}
.contBomHead span{
    display: inline-block;
    width: 100%;
}
.spanTwo{
    font-size: 74px;
   padding-bottom: 20px;

}
.en_buttom{
    font-size: 30px;
    letter-spacing: 4px;
}
.contBomHead .spanOne{
    width: 100px;
}
@media screen and (max-width: 1640px) {
    
    .contBomHead .h1{
        font-size: 128px;
    }
    .spanTwo{
        font-size: 54px;
    }
    .en_buttom{
        letter-spacing:2px
    }
    .conImg{
        padding-bottom: 70px;
    }
}
@media screen and (max-width: 1440px) {
    
    .contBomHead .h1{
        font-size: 108px;
    }
    .spanTwo{
        font-size: 44px;
    }
    .en_buttom{
        font-size: 25px;
    }
    .conImg{
        padding-bottom: 48px;
    }
}
.conImg{
    position: relative;
    /* overflow: hidden; */
}
.conImg_top{
    position: relative;
    top: -200px;
    opacity: 0;
    transition: all 2s ease-in-out;
    /* top: 24px; */
}
.conImg_bot{
    position: relative;
    bottom: -200px;
    opacity: 0;
    transition: all 2s ease-in-out;
    /* bottom: 24px; */
}
.conImg_topTr{
    top: 24px;
    opacity: 1;
}
.conImg_botTr{
    bottom: 24px;
    opacity: 1;
}

.conImg .productImg{width: 1200px;}
.productUl{width: 1200px; height: 100%; margin: 0 auto; overflow: hidden;}
.productlist{width: 246px; height: 224px; overflow: hidden;}
.productNr{width: 100%; height: 100%; overflow: hidden;}
.productNr p{
    width: 100%; 
    height: 100%;
    background-size: auto 100% !important;
}

.products0{position: absolute; left: 19.5%; top: 0; z-index: -1;
transform:skew(0deg,18deg);
-ms-transform:skew(0deg,18deg); /* IE 9 */
-moz-transform:skew(0deg,18deg); /* Firefox */
-webkit-transform:skew(0deg,18deg); /* Safari and Chrome */
-o-transform:skew(0deg,18deg); /* Opera */
}

.products0 .productNr{
transform:skew(0deg,-36deg);
-ms-transform:skew(0deg,-36deg); /* IE 9 */
-moz-transform:skew(0deg,-36deg); /* Firefox */
-webkit-transform:skew(0deg,-36deg); /* Safari and Chrome */
-o-transform:skew(0deg,-36deg); /* Opera */
overflow: hidden;
}

.products0 .productNr p{
transform:skew(0deg,22deg);
-ms-transform:skew(0deg,22deg); /* IE 9 */
-moz-transform:skew(0deg,22deg); /* Firefox */
-webkit-transform:skew(0deg,22deg); /* Safari and Chrome */
-o-transform:skew(0deg,22deg); /* Opera */
}


.products1{position: absolute; left: 51%; top: 0; z-index: -2;}
.products2{position: absolute; left: 19.5%; top: 46%; z-index: -2;}


.products3{position: absolute; left: 51%; top: 45%; z-index: -1;
transform:skew(0deg,-18deg);
-ms-transform:skew(0deg,-18deg); /* IE 9 */
-moz-transform:skew(0deg,-18deg); /* Firefox */
-webkit-transform:skew(0deg,-18deg); /* Safari and Chrome */
-o-transform:skew(0deg,-18deg); /* Opera */
}
.products3 .productNr{
transform:skew(0deg,36deg);
-ms-transform:skew(0deg,36deg); /* IE 9 */
-moz-transform:skew(0deg,36deg); /* Firefox */
-webkit-transform:skew(0deg,36deg); /* Safari and Chrome */
-o-transform:skew(0deg,36deg); /* Opera */
overflow: hidden;
}

.products3 .productNr p{
transform:skew(0deg,-22deg);
-ms-transform:skew(0deg,-22deg); /* IE 9 */
-moz-transform:skew(0deg,-22deg); /* Firefox */
-webkit-transform:skew(0deg,-22deg); /* Safari and Chrome */
-o-transform:skew(0deg,-22deg); /* Opera */
}
.productList{cursor:pointer; background: #000}
.productNr p{text-align: center;}
.productNr p span{position: absolute; color: #fff; display: none; padding: 0 20px;}
.productNr p span font{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; text-align: center;}


.xz p{
    color: #007cc1;
}
.xz span{
    background: #007cc1;
}