/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font: 12px/1.5 "PingFang SC", PingHei, STHeitiSC-Light, "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, "microsoft yahei", SimHei, tahoma, Arial, Verdana, sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin:0;}


@font-face{
  font-family: 'arialbi';
  src:url('../fonts/arialbi.ttf') format('truetype');
}




/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{width:1200px;margin:0 auto;}


.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



.roll_product {float: left;}


/*头部样式*/
.top1{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;}
.top1 a{color:#595959;}





.top2{height:143px;overflow:hidden;}

.logo{float:left;line-height:143px;}
.k2{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;background: url(../images/t.png) no-repeat left center;padding-left:54px;}
.k2 p:nth-child(2){color:#2459a9;font-size:27px;}




.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}




/*主体样式*/

.ssddds{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xyin-case-sort li:hover, .xyin-case-sort li.on {
    background: #3c486d;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.xyin-case-sort li:hover a, .xyin-case-sort li.on a {
    color: #fff;
}

.aby_hh li:hover .aby_hh_img img{
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}


.x-banner{position: relative; overflow: hidden;}
.bban{position: relative;}

.w1600{max-width: 1630px; margin: 0 auto; padding: 0 15px;}


.bbtbxx{height: 123px; display:flex; align-items:center;}
.bbtbxx h2{
    color: #ddd;
    margin-left: 20px;
}
.bbtbxx h2 a{
    color: #ddd;
    font-size: 16px;
    font-weight: normal;
	margin: 0 10px;
}

.bbtbxx h3{color: #ddd; position: relative;}
.bbtbxx h3 i{font-size: 18px; margin-right:10px;}
.bbtbxx h3 span{ font-size:24px;}

.bbtbxx h4{
    float: left;
    line-height: 123px;
    margin-left: 22px;
    display: none;
}
.bbtbxx h4 li{
    float: left;
    margin-left: 4px;
}
.bbtbxx h4 li img{ max-width: 100%;}



.dh1 dd{
    text-align: left;
}
.dh1 dd a{
    color: #b5b5b5;
    font-size: 14px;
    text-align: left;
    line-height: 28px;
}
.dh1 dd:hover a{
    color: #fff;

}





.banwz{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 26%;
    right: 0;
    display: none;
}

.banwz .img img{
    width: 60%;
    opacity:0; 
    margin: 0 auto;
}
.banwz .bantw{
    position: absolute;
}

.banwz .img{text-align: center;}
.banwz a img{width: 100%;}

.bban a img{width: 100%; -webkit-transform: scale(1.2); transform: scale(1.2);}

.x-banner .swiper-slide-active .banwz .img img{
     animation: dts 2s linear .65s;
     animation-fill-mode: forwards; 
     
}
 
.x-banner .swiper-slide-active a img{
     animation: dts1 4s linear .65s;
     animation-fill-mode: forwards; 
}


@keyframes dts {
    0% { -webkit-transform: scale(1.5); transform: scale(1.5); }
    100% { opacity: 1;  -webkit-transform: scale(1); transform: scale(1); opacity:1;  }
}

@keyframes dts1 {
    0% { -webkit-transform: scale(1.2); transform: scale(1.2); }
    100% { opacity: 1;  -webkit-transform: scale(1); transform: scale(1); opacity:1;  }
}


.bblogo1{
    position: absolute;
    right: 7%;
    margin-top: -42.5px;
    z-index: 9;
}
.bblogo1 img{
    max-width: 85px;
    /* transition: all ease-in-out 0.5s; */
}

.bblogo1on{
    /* transform: rotateZ(360deg);
    transition: all ease-in-out 0.5s; */
}






.w1530{max-width: 1560px; margin: 0 auto; padding: 0 15px;}

@media (max-width: 992px) {  
    .w1530{padding: 0 5%;}
}



.bb1x{
    background-color: #efeff0;
    padding: 6vw 0;
}
.bb1nr{}
.bb1z{
    width: 53.5%;
    float: left;
}
.bb1z a img{
    width: 100%;
}

.bb1y{
    width: 40%;
    float: right;
    padding-top: 0vw;
}
.bb1ywz{}
.bb1ywz h2{
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #343434;
    font-family: arialbi;
}
.bb1ywz h3{
    font-size: 26px;
    /* font-weight: normal; */
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #343434;
    margin-top: 15px;
    font-weight: bold;
    font-style: italic;
}
.bb1ywz h4{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 17px;
    letter-spacing: 2px;
    color: #333333;
    margin-top: 13px;
}
.bb1ywz h5{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 25px;
    text-align: justify;
	text-indent:2em;
}

.bb1ysz{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3vw;
}
.bb1ysz li{}
.bb1ysz li h2{
    font-size: 14px;
    font-weight: bold;
    font-family: fantasy;
}
.bb1ysz li h3 {
    position: relative;
}
.bb1ysz li h3 s1{
    font-size: 50px;
    font-weight: bold;
    font-family: fantasy;
}
.bb1ysz li h3 s2{
    position: absolute;
    font-family: fantasy;
}
.bb1ysz li h3 s3{
    position: absolute;
    width: 49px;
    font-size: 14px;
    bottom: 8px;
    margin-left: 4px;
    font-family: fantasy;
    font-weight: bold;
}


.bb1gd{
    width: 147px;
    height: 43px;
    background: url(../images/e14839417daec265d08b68c8a2bf111a6ae5e862.png) no-repeat;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: -1px;
    color: #333333;
    line-height: 43px;
    /*font-family: serif;*/
    padding-left: 12px;
    margin-top: 44px;
    transition: all ease-in-out 0.3s;
}

.bb1gd:hover{
    background: url(../images/9d922839724ac5e08643881406238c1b66d890ba.png) no-repeat;
    color: #0267b5;
    transition: all ease-in-out 0.3s;
}






.bblogo2{
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: -14px;
}
.bblogo2 img{transition: all ease-in-out 0.5s;}


.bblogo2on{
    transform: rotateZ(360deg);
    transition: all ease-in-out 0.5s;
}


.bblogo2 h2{
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: 0px;
    color: #999999;
    margin-top: 4px;
}
.bblogo2 h3{
    font-size: 7px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: 0px;
    color: #999999;
    margin-top: 4px;
}




.bblogo21{
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: -14px;
}
.bblogo21 img{transition: all ease-in-out 0.5s;}


.bblogo21on{
    transform: rotateZ(360deg);
    transition: all ease-in-out 0.5s;
}


.bblogo21 h2{
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: 0px;
    color: #999999;
    margin-top: 4px;
}
.bblogo21 h3{
    font-size: 7px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: 0px;
    color: #999999;
    margin-top: 4px;
}










.bb1xx{
    background: url(../images/bbf79470b3968fb85782dc891e64b1ec65f00040.png) no-repeat;
    height: 90px;
    background-size: 100.5% 100%;
}












.bb2x{
    background: url(../images/8cbd9c3a22aedfc17ddfb8bced3ed508ef7e5662.jpg) center fixed;
    padding-bottom: 7vw;
    min-height: 25vw;
}
.bb2nr{position: relative;}
.bb2nr video{position: absolute;left: -6%;height: 123%;top: 9%;width: 28%;mix-blend-mode: screen;
    opacity: 0.6;}

.bb2z{
    padding-top: 8vw;
    width: 300px;
    float: left;
    position: relative;
}
.bb2z h2{
    font-size: 38px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 44px;
    letter-spacing: 0px;
    color: #ffffff;
    width: 373px;
    font-family: arialbi;
    height: 44px;
    overflow: hidden;
}

.bb2z h5{
    font-size: 38px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 44px;
    letter-spacing: 0px;
    color: #ffffff;
    width: 373px;
    font-family: arialbi;
    height: 44px;
    overflow: hidden;
}

.bb2z h3{
    width: 82px;
    height: 2px;
    background-color: #0267b5;
    margin-top: 27px;
}
.bb2z h4{
    font-size: 33px; 
    font-weight: normal;
    font-stretch: normal;  
    line-height: 34px; 
    letter-spacing: 0px; 
    color: #ffffff;  
    /*font-family: serif;*/
    margin-top: 30px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
 
}

.typed-cursor{display: none;}


.bb2dz1{
     animation: dz1 2s steps(20), off .5s step-end infinite alternate;
     animation-delay:1s; 
     opacity:0;
     animation-fill-mode: forwards; 
}
.bb2dz2{
     animation: dz1 3s steps(35), off .5s step-end infinite alternate;
     animation-delay:2.5s; 
     opacity:0;
     animation-fill-mode: forwards; 
}
.bb2dz3{
     animation: dz1 3s steps(35), off .5s step-end infinite alternate;
     animation-delay:1s; 
     opacity:0;
     animation-fill-mode: forwards; 
}

    @keyframes dz1 {
        from {
            width: 0;
            opacity:1;
        }
        to{
            opacity:1;
        }
    }
    @keyframes off {
        50% {
            border-color: transparent;
        }
    }




.bb2y{
    width: 63.56%;
    float: right;
    padding-top: 8.3vw;
    /* /*font-family: serif;*/ */
}
.bb2y h2{
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height:2;
    letter-spacing: 0px;
    color: #ffffff;
	text-indent:2em;
}






.w1200 {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}


.bbbj{
    /*
    background: url(../images/d15c55cd94deea871c7044a28a0f61aefa9c1bf7.png) no-repeat top;
	*/
    background-size: 100% 130%;

}


.bb3x{
    padding-top: 0vw;	background:#fff;
}
.bb3bt{ padding-top: 3vw;}
.bb3bt .bb3btz{
    float: left;
    width: 35%;
}
.bb3bt .bb3btz h2{
    font-size: 35px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #343434;
    font-family: arialbi;
    float: left;
}
.bb3bt .bb3btz h3{
    float: left;
    /* height: 59px; */
    margin-left:1vw;
    position: relative;
    margin-top: 14px;
}
.bb3bt .bb3btz h3 img{}


.bb3bt .bb3btz h3 s1{
    position: absolute;
    bottom: 1px;
    font-size: 14px;
    width: 59px;
    font-family: arialbi;
}


.bb3bt .bb3bty{
    float: right;
    margin-top: 25px;
    overflow: hidden;
}
.bb3bt .bb3bty a{
    display: block;
}

.bb3bt .bb3bty h2{
    float: left;
    line-height: 34px;
    font-size: 19px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #4c4c4c;
    font-family: arialbi;
    margin-right: 36px;
    transition: all ease-in-out 0.3s; 
}
.bb3bt .bb3bty:hover h2{
    margin-right: 33px;
    color: #0267b5;
    transition: all ease-in-out 0.3s; 
}
.bb3bt .bb3bty:hover img{filter: grayscale(0%);}
.bb3bt .bb3bty img{
    float: right;
    width: 34px;
    height: 34px;
	filter: grayscale(100%);
}

.bb3nr{
    margin-top: 3vw;
}


.bb4x{
    margin-top: 5vw;	background:#dcdddd;
}
.bb4nr{
    margin-top: 3vw;
    padding-bottom: 3vw;
    position: relative;
    overflow: hidden;
    padding-top: 0vw;
}
.bb4nr li{
    transform: scale(0.97);
    margin-left: 0px;
}
.bb4nr li:hover{transform: scale(1.15);margin-left: 30px;margin-right: 35px !IMPORTANT;}

.bb4nr li .img{position: relative; overflow: hidden;}
.bb4nr li .img:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4) ;     
} 

.bb4nr li:hover .img:before{
    display: none;
    background: rgba(0, 0, 0, 0) ;     
} 

.bb4nr li .img img{
    width: 100%;
}
.bb4nr li:hover .img img{
   transform: scale(1.1);     transition: all ease-in-out 0.1s; 
}


.bb4nr li h2{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    /* line-height: 19px; */
    letter-spacing: 0px;
    color: #1a1a1a;
    text-align: center;
    margin-top: 28px;
}
 
.bb4nr .swiper-button-prev,.bb4nr .swiper-button-next{
    width: 11px;
    height: 12px;
    outline: none;
    top: 43%;
}
.bb4nr .swiper-button-prev{
    background: url(../images/18ac99407ef9fd5ecd7a982f5a27a644708ef083.png) no-repeat;
    left: 4%;
}
.bb4nr .swiper-button-next{
    background: url(../images/9fb49020bccb7ece47e6e2662f5471f95af0c029.png) no-repeat;
    right: 4%;
}




.bb2xx{
    background: url(../images/bbf79470b3968fb85782dc891e64b1ec65f00040.png) no-repeat;
    height: 90px;
    background-size: 100% 100%;
}












.bb5btz{
    float: left;
    width: 100%;
    overflow: hidden;
}

.bb5btz h2{
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    font-family: arialbi;
    float: left;
    color: #eee;
}
.bb5btz h3{
    float: left;
    height: 59px;
    margin-left: 0vw;
    position: relative;
    color: #eee;
}
.bb5btz h3 img{
    transform: translateY(-100px);
    filter: drop-shadow(#eee 0 100px);
}


.bb5btz h3 s1{
    position: absolute;
    bottom: 1px;
    font-size: 14px;
    width: 59px;
    /*font-family: serif;*/
    color: #eee;
}

.bb5zhx{
    width: 245px;
    height: 2px;
    background-color: #0267b5;
    float: left;
    margin-top: 3.5vw;
}

.bb5x{
    position: relative;
}

.bb5sp{position: absolute;width: 100%;height: 100%;top: -4px;padding-top: 4vw; background: url(../images/af8fa89240037531b397a20765a33753ef630302.png) no-repeat bottom right;  
    background-size: 60%;
}

.bb5w1530{ max-width: 1530px; margin: 0 auto; }



.bb5nr{}
.bb5z{
    float: left;
    width: 80%;
    margin-top: 20px;
}
.bb5zlx{
    float: left;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0px;
    color: #ffffff;
    /*font-family: serif;*/
    margin-top: 7.5vw;
    width: 100%;
}
.bb5zlx a{color: #ffffff;}
.bb5zdxx{
    float: left;
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 17px;
    letter-spacing: 0px;
    color: #ffffff;
    /*font-family: serif;*/
    margin-top: 9.5vw;
}
.bb5y{
    float: right;
}
.bb5y img{
    max-width: 100%;
    opacity:0.6; 
}















.bb6x{
    background: url(../images/d70dbd09817b6b8c72d5144a3c4c17a4f4ba1e77.png) no-repeat;
    padding-bottom: 6.8vw;
    background-size: 100.8% 100%;
}
@media (max-width: 990px) {
.bb6x{
    padding-bottom: 25.8vw;
}
}

.bb6nr{position: relative;background-color: #fff;padding: 0vw 5% 3vw;}

.bb6bd1{
    overflow: hidden;
    margin-top: 1.8vw;
}


.bb6dtb{position: absolute;bottom: 0;text-align: center;width: 77%;transform: translateY(14px);}
.bb6dtb img{transition: all ease-in-out 0.5s;}
.bb6dtbon{
    transform: rotateZ(360deg);
    transition: all ease-in-out 0.5s;
}



@media (max-width: 992px) {  


}


















.bblogo3{
    position: absolute;
    left: 7%;
    margin-top: -42.5px;
    z-index: 9;
}
.bblogo3 img{
    max-width: 85px;
    /* transition: all ease-in-out 0.5s; */
}
.bblogo3on{
    /* transform: rotateZ(360deg);
    transition: all ease-in-out 0.5s; */
}


.bbdb{
    background: url(../images/a96c20503a2b302b44cc092880d7037f45f12397.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    height: auto;
    overflow: hidden;
    padding-bottom: 10px;
}

.bbdxf{
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 5vw;
    top: 0;

}


.bbdnr{
    position: relative;
}
.bbdnr:before{content: '';height: 1px;position: absolute;background-color: #888;width: 100%;margin-top: 64px;} 
.bbddh{
    width: 51.25%;
    float: left;
}

.bbd_nav{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bbd_nav li{}
.bbd_nav li>a{
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 37px;
    letter-spacing: 0px;
    color: #888;
}
.bbd_nav li .x-nav-menu{
    margin-top: 60px;
}
.bbd_nav li .x-nav-menu dd{}
.bbd_nav li .x-nav-menu dd a{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #888;
}


.bbd_nav li .x-nav-menu dd:hover a{
    color: #fff;
}












.bbdlx{
    float: left;
    margin-left: 8%;
}
.bbdlx h2{
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 37px;
    letter-spacing: 0px;
    color: #888;
}
.bbdlx h3{
    margin-top: 60px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #888;
}

.bbdlogo{
    float: right;
    width: 12.6%;
}
.bbdlogo img{
    width: 100%;
}

.bbdewm{
    float: right;
}
.bbdewm li{
    float: left;
    margin-left: 13px;
	width:80px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #888;
    text-align: center;
}
.bbdewm li img{
    max-width: 100%;
}

.bbdxx{padding-bottom: 2.8vw;}
.bbdxx .bbdz{color: #888;}
.bbdxx .bbdz h2{
    float: left;
}
.bbdxx .bbdz h2 li{
    float: left;
}
.bbdxx .bbdz h2 li img{}
.bbdxx .bbdz h3{
    float: left;
    position: relative;
    margin-left: 24px;
}
.bbdxx .bbdz h3 a{
    color: #888;
    font-size: 14px;
    font-weight: normal;
}

.bbdxx .bbdz h3 a:after{
    content: '|';
    margin-left: 7px;
    position: absolute;
    margin-top: 8px;
}

.bbdxx .bbdz h4{
    float: left;
    margin-left: 17px;
}
.bbdxx .bbdz h4 .bbdso{
    float: left;
    margin-top: 5px;
}
.bbdxx .bbdz h4 .bbdso img{}

.bbdxx .bbdz h4 .bbdss{
    float: left;
    position: relative;
}
.bbdxx .bbdz h4 .bbdss form{}
.bbdxx .bbdz h4 .bbdss form #keyword{
    width: 206px;
    height: 30px;
    border: 1px solid #888;
    background: none;
    border-radius: 29px;
    margin-left: 18px;
    -webkit-text-fill-color: #888;
    font-size: 14px;
    padding-left: 13px;
}
.bbdxx .bbdz h4 .bbdss form #s_btn{
    position: absolute;
    left: -18px;
    height: 30px;
    background: none;
    border: none;
    font-size: 0;
    width: 26px;
}

.bbdy{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #888;
    float: right;
    margin-top: 35px;
}

.dbhx{
    width: 90%;
    margin: 0 auto;
    height: 3px;
    background-color: #0267b5;
}

.zhu_wap a{
    color: #ffffff;
}





@media (max-width: 1200px) {  
    .bb6nr{
        padding: 9vw 3.5% 7.3vw;
    }
.bb5y img{
    max-width: 20px;
}

 .bbdb{height: auto;}


}






@media (max-width: 992px) {  
    .bblogo1 img{width: 35px;}
    .bblogo1{
        right: 2%;
        margin-top: -17px;
    }
.bb1y{width: 100%; padding-top: 5vw; padding-bottom: 50px;}
.bb1ysz li h3 s1{
    font-size: 36px;
}
.bb1ysz li{width: 48%;padding-left: 8%;margin-bottom: 25px;}
.bb1ysz li h3{
}

.bb1ysz{
    margin-top: 30px;
}

.bb1ysz li h3 s2{
    font-size: 16px;
    margin-left: 3px;
}
.bb1ysz li h3 s3{
    font-size: 12px;
    width: auto;
}
    

.bb2nr video{display: none;}

.bb2z{
    width: 100%;
}
.bb2z h2{
    font-size: 24px;
    width: 100%;
    height: 40px;
    
}

.bb2z h4{
    font-size: 20px;
    margin-top: 13px;
}
.bb2z h3{
    margin-top: 15px;
}
.bb2y{
    width: 100%;
}
.bb2y h2{
    font-size: 14px;
}


.bb3bt .bb3btz h2{
    font-size: 18px;
    line-height: 24px;
}

.bb3bt .bb3btz h3{

    height: 29px;
    margin-left: 3vw;
    margin-top: 19px;
}
.bb3bt .bb3btz h3 img{
    height: 25px;
}
.bb3bt .bb3btz{
    width: 100%;
}

.bb3bt .bb3bty h2{
    margin-right: 10px;
    font-size: 14px;
}

.bb3bt .bb3bty{
    margin-top: 12px;
}

.bb3bt .bb3btz h3 s1{
    font-size: 12px;
}

.bb3nr{margin: 50px 0% 30px;}

.bb4nr{
    padding-top: 40px;
    padding-bottom: 64px;
}
.bb4nr li.swiper-slide-active{
    margin-left: 19px;
    margin-right: 24px !IMPORTANT;
}
.bb4nr .swiper-button-prev, .bb4nr .swiper-button-next{
    top: 48%;
}

.bb4nr li h2{
    font-size: 12px;
    margin-top: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bb1z{width: 100%;}


.bb5btz h2{font-size: 18px;line-height: 23px;}
.bb5btz h3{height: 42px;}
.bb5btz h3 img{height: 42px;}
.bb5zlx{
    font-size: 12px;
    line-height: 28px;
}

.bb5x video{ display: none;}


.bb5sp{
    position: relative;
    background: url(../images/d71a3ee44dce9ada61268ccf9c660b3b0ccb1159.png) no-repeat center;
    padding: 8vw 5%;
    background-size: auto 100%;
}



    
.bb6nr{
    padding: 7vw 5% 5.3vw;
}


.bb5y img{
    max-width: 19px;
}



.bblogo3 img{
    max-width: 35px;
}
    
  .bblogo3{
    left: 2%;
    margin-top: -16px;
}  

.bb6dtb{
    width: 96%;
}


.bbddh{display: none;}
.bbdlx{
    margin-left: 1%;
}
.bbdnr:before{
    margin-top: 46px;
}

.bbdlx h3{
    margin-top: 24px;
    line-height: 37px;
}

.bbdlogo{
    width: 23.6%;
    margin-top: 6px;
}

.bbdewm{
    margin-top: 17px;
    width: 100%;
}

.bbdxx .bbdz h4 .bbdss form #keyword{
    width: 85%;
}

.bbdxx .bbdz h4{
    display: none;
}

.bbdxx .bbdz h3 a:after{
    display: none;
}

.bbdxx{
    padding: 30px 0; text-align: center;
}


.bbdb .bbdxf{position: relative;}
.bbdb video{display: none;}

    














}












/* 关于我们 */

.wh1530{max-width: 1560px; margin: 0 auto; padding: 0 15px;}
.xypg-banner img{width: 100%; }

.p11x{padding-top: 5vw;background-color: #DBF1FE;}
.p11bt1{}
.p11nr{}
.p11nr img{width: 100%;}






.p12x{
    background-color: #f7f7f7;
    padding-bottom: 4.7vw;
}
.p12nr{}
.p12z{
    width: 42.5%;
    float: left;
    background-color: #f7f7f7;
    padding: 0px 0px;
    margin-top: 5vw;
    position: relative;
}
.p12z a img{
    width: 100%;
}

.p12y{
    width: 52.5%;
    float: right;
    padding-top: 5vw;
}
.p12ywz{}
.p12ywz h2{
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #343434;
    font-family: arialbi;
    font-size: 38px;
    font-weight: 800;
    font-style: italic;
}
.p12ywz h3{
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #343434;
    margin-top: 15px;
    /*font-family: serif;*/
}
.p12ywz h4{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 17px;
    letter-spacing: 2px;
    color: #333333;
    margin-top: 23px;
}
.p12ywz dd{
    width: 80px;
    height: 2px;
    background-color: #0267b5;
    margin-top: 1.5vw;
}


.p12ywz h5{
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 1.5vw;
    text-align: justify;
}












.p11bt1{
    float: right;
    width: 35%;
    padding-top: 4%;
}
.p11bt1 h2{
    font-size: 35px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #343434;
    font-family: arialbi;
    float: right;
    text-align: right;
}
.p11bt1 h3{
    float: right;
    height: 59px;
    position: relative;
    margin-right: 1vw;
}
.p11bt1 h3 img{}


.p11bt1 h3 s1{
    position: absolute;
    bottom: 1px;
    font-size: 14px;
    width: 59px;
    /*font-family: serif;*/
    margin-left: -80px;
}






.p13sz{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.p13sz li{
    margin-bottom: 42px;
    width: 25%;
}
.p13sz li h2{
    font-size: 14px;
    font-weight: bold;
    font-family: fantasy;
    color: #fff;
}
.p13sz li h3 {
    position: relative;
}
.p13sz li h3 s1{
    font-size: 50px;
    font-weight: normal;
    font-family: fantasy;
    color: #fff;
}
.p13sz li h3 s2{
    position: absolute;
    font-family: fantasy;
    color: #fff;
}
.p13sz li h3 s3{
    position: absolute;
    width: 49px;
    font-size: 14px;
    bottom: 8px;
    margin-left: 4px;
    font-family: fantasy;
    color: #fff;
    font-weight: bold;
}

.p13sz li h3 s4{
    font-size: 50px;
    font-weight: normal;
    font-family: fantasy;
    color: #fff;
}



.p13x{
    background: url(../images/21734ba959da1a03763907bbf6dbf7b1ccc12244.png) no-repeat;
    background-color: #f7f7f7;
    padding-bottom: 6vw;
    background-size: 100%;
}
.p13nr{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 14vw;
}
.p13z{
    width: 40%;
}
.p13img{
    width: 11.5%;
}
.p13img img{
    width: 100%;
}
.p13y{
    width: 40%;
}
.p13y li{padding-left: 17px;}

.p13wz{
    text-align: center;
    margin-top: 6.3vw;
}
.p13wz h2{
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 19px;
    letter-spacing: 5px;
    color: #ffffff;
}
.p13wz h3{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 13px;
    letter-spacing: 11px;
    color: #ffffff;
    margin-top: 30px;
}










.p14x{
    background-color: #f7f7f7;
    padding-top: 5vw;
    padding-bottom: 5vw;
}
.p14nr{
    position: relative;
    margin-top: 18vw;
    margin-bottom: 18vw;
    padding-top: 50px;
}
.p14s{}
.p14s img{
   
width: 100%;
}
.p14nr:before{
    content: '';
    width: 600%;
    height: 100%;
    position: absolute;
    top: 30%;
    background: url(../images/05d7596ec4da3a810bcac5f5a885a5ec811aa6a7.png);
    background-repeat: repeat-X;
    animation: dt3 70s infinite linear .65s;
    z-index: 999;
    background-size: 100%;
    
} 

.p14nr:after{
    content: '';
    width: 600%;
    height: 100%;
    position: absolute;
    top: 30%;
    background: url(../images/96e1079b00d1599e2af8e86d644bcfa138799e07.png);
    background-repeat: repeat-X;
    animation: dt3 140s infinite linear .65s;
    z-index: 999;
    background-size: 100%;
    
} 


    @keyframes dt3 {   
      0% {
         transform: translateX(-50%); 
      }
      100% {
        transform: translateX(0%); 
      }
    }


.p14ywzj{
    position: absolute;
    right: 4vw;
    font-size: 27.8px;
    top: -30px;
}



.p14fl{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.p14fl li{
    position: absolute;
    top: 20vw;
    width: 100px;
    min-height: 190px;
    background: url(../images/13dbc00c1f263dcafe877cd764234f2d5fa96f70.png) no-repeat 0px 30px;
    /*background-size: auto 100%;*/
}
.p14fl li h2{
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #0267b5;
    position: absolute;
    top: 0;
    left: 0;
}
.p14fl li h3{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #333333;
    padding-left: 15px;
    padding-top: 39px;
}
.p14fl li h4{}

.p14fl li.p14li1{
    top: -30%;
    left: 2%;
}
.p14fl li.p14li2{
    top: 87%;
    left: 7%;
}
.p14fl li.p14li3{
    top: -50%;
    left: 11.3%;
}
.p14fl li.p14li4{
    top: 96%;
    left: 16%;
}
.p14fl li.p14li5{
    top: -70%;
    left: 22.1%;
}
.p14fl li.p14li6{
    top: 90%;
    left: 25%;
}
.p14fl li.p14li7{
    top: -59%;
    left: 31.5%;
}
.p14fl li.p14li8{
    top: 95%;
    left: 37%;
    width: 120px;
}
.p14fl li.p14li9{
    top: -95%;
    left: 41%;
    width: 126px;
}
.p14fl li.p14li10{
    top: 88%;
    left: 48%;
    width: 180px;
    /*background: url(../images/83b22511ec4911991534a13daf8222174dabe59e.png) no-repeat 0px -91px !IMPORTANT;*/
}
.p14fl li.p14li11{
    top: -139%;
    left: 54%;
    width: 191px;
    min-height: 280px;
    /*background: url(../images/34e1666f19d436f902c9dc093d8e8fe18ef86342.png) no-repeat 0px 30px;*/
}
.p14fl li.p14li12{
     top: 101%;
     left: 67%;
     width: 268px;
     /*background: url(../images/83b22511ec4911991534a13daf8222174dabe59e.png) no-repeat 0px -91px !IMPORTANT;*/
}
.p14fl li.p14li13{
    top: -118%;
    left: 71%;
    width: 161px;
    min-height: 280px;
    /*background: url(../images/34e1666f19d436f902c9dc093d8e8fe18ef86342.png) no-repeat 0px 30px;*/
}
.p14fl li.p14li14{
    top: -130%;
    left: 85.5%;
    width: 197px;
    min-height: 324px;
    /*background: url(../images/34e1666f19d436f902c9dc093d8e8fe18ef86342.png) no-repeat 0px 30px !IMPORTANT;*/
    display: flex !IMPORTANT;
    flex-direction: column !IMPORTANT;
}
.p14fl li.p14li14 h2{
    bottom: auto !IMPORTANT;
}


.p14fl li:nth-child(2n){
    background: url(../images/6db75e7b0a78ea504b44e571cca979ca9786c67e.png) no-repeat 0px -27px;
    background-size: auto 100%;
    padding-bottom: 35px;
    display: flex;
    flex-direction: column-reverse;
}
.p14fl li:nth-child(2n) h2{
    top: auto;
    bottom: 0;
    left: 0;
}




.p14nr2{display: none;}
.p14li{}
.p14li li{
    background: url(../images/34e1666f19d436f902c9dc093d8e8fe18ef86342.png) no-repeat 0px 31px;
    min-height: 215px;
}
.p14li li h2{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #0267b5;
}
.p14li li h3{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #333333;
    padding-left: 15px;
    padding-top: 16px;
}
.p14li li h4{}






















.p15x{
    position: relative;
    background: url(../images/d0f3b64b9d5bebf74e440262524d41a0a8852cdf.png) no-repeat;
    padding-bottom: 8vw;
    background-size: 100%;
}


.p15sp{
    position: relative;
    width: 100%;
    height: 100%;
    top: 0px;
    padding-top: 5vw;  
}

.p15nr{
    margin-top: 8vw;
    width: 55%;
}
.p15nr li{
    width: 35%;
    float: left;
    margin-top: 44px;
    position: relative;
}
.p15nr li:nth-child(2n){width: 65%;
}
.p15nr li:nth-child(2n):after{
    display: none;
}
.p15nr li:after{content: '';width: 1px;height: 40px;position: absolute;background-color: #343434;right: 20%;top: 0;}     



.p15nr li h2{
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #fff;
    font-family: math;
    color: #343434;
}
.p15nr li h3{
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #fff;
    margin-top: 7px;
    color: #343434;
}

.p15wz{
    text-align: right;
}
.p15wz h2{
    font-size: 35px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 37px;
    letter-spacing: 0px;
    color: #ffffff;
}
.p15wz h3{
    font-size: 21px;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #ffffff;
    font-family: math;
    margin-top: 11px;
}














.p16bt{
}

.p16btz{
    float: left;
}
.p16btz h2{
    font-size: 35px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    font-family: arialbi;
    float: left;
    color: #eee;
}
.p16btz h3{
    float: left;
    height: 59px;
    margin-left: 1vw;
    position: relative;
    color: #eee;
}
.p16btz h3 img{
  
}


.p16btz h3 s1{
    position: absolute;
    bottom: 1px;
    font-size: 14px;
    width: 59px;
    /*font-family: serif;*/
    color: #eee;
    z-index: 99;
}

.p16bty{
    float: right;
    width: 47.5%;
}
.p16btysz{
    float: right;
}
.p16btysz li{
    float: left;
    position: relative;
    padding-right: 15px;
    margin-left: 38px;
}
.p16btysz li h2{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 2px;
    color: #ffffff;
    text-align: right;
    float: left;
    margin-top: 27px;
}
.p16btysz li h3{
    font-size: 68px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 55px;
    letter-spacing: 0px;
    color: #0267b5;
    float: left;
    margin-left: 4px;
    font-family: 'impact';
}
.p16btysz li h4{
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 23px;
    letter-spacing: 0px;
    color: #ffffff;
    float: left;
    position: absolute;
    right: 0;
    bottom: 0;
}

.p16btywz{
    float: right;
    width: 100%;
    text-align: right;
    font-size: 9px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 19px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 24px;
}


.p16nr{position: absolute;width: 100%;height: 100%;top: 0;z-index: 999;padding-top: 8vw;}
.p16x{
    position: relative;
    margin-top: -5px;
}
.p16img{}
.p16img img{width: 100%;}





.p17x{
    background: url(../images/7bcbb0fd14dbcdeae629dc8b1928de6a3b916bdd.png) no-repeat;
    padding-top: 5vw;
    padding-bottom: 5vw;
    background-size: cover;
}
.p17nr{
    margin-top: 6.4vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
}
.p17nr li{
    margin-bottom: 25px;
    width: 100%;
    text-align: center;
}
.p17nr li .img{}
.p17nr li img{
    
    width: 100%;
}

















@media (max-width: 1450px) {  
.p14fl li.p14li14{    width: 175px;}

}
@media (max-width: 1300px) {  
.p12z{margin-top: ;}
.p12y{
    padding-top: ;
}
.p12ywz dd{
    margin-top: 31px;
}

.p12ywz h5{
    margin-top: 2.5vw;
}
.p13nr{
    margin-top: 7vw;
}

.p13sz li h3 s1{
    font-size: 42px;
}
.p13sz li h3 s4{
    font-size: 42px;
}
.p13sz li h2{
    font-size: 12px;
}
.p13wz{
    margin-top: 3.3vw;
}

.p14nr{display: none;}
.p14nr2{display: block;margin-top: 60px;width:100%;
    overflow: hidden;}

}




@media (max-width: 1100px) { 
    .p12ywz h5{
    font-size: 12px;
    margin-top: 1.5vw;
}
.p12ywz h2{
    font-size: 22px;
}
.p12ywz h3{
    font-size: 22px;
    margin-top: 8px;
}
.p12ywz h4{
    font-size: 13px;
    margin-top: 9px;
}

.p12ywz dd{
    margin-top: 21px;
}

.p13z{
    width: 100%;
}

  .p13img{
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}  
.p13img img{
    max-width: 120px;
}

.p13x{
    background: url(../images/a18597fb4685f12f1745091b987c4f498bfd1f32.png) no-repeat;
    background-size: auto 100%;
    background-color: #f7f7f7;
}

.p13y{
    width: 100%;
}

.p15nr{width: 60%;}

.p15nr li{margin-top: 30px;}

.p15wz h2{font-size: 30px;}
.p15wz h3{font-size: 18px;}

.p16bty{width: 56%;}
.p16btysz li h3{font-size: 50px; line-height: 47px;}
.p16btysz li h2{    margin-top: 18px;}
.p16btywz{    margin-top: 15px;}
.p17nr li{width: 100%;  margin: 9px 2%;}
.p17nr {display: block;}
    
.p15x{
    background-size: 100% 100%;
}

}







@media (max-width: 992px) { 
    .p12z{margin-top: 30px;padding: 0;width: 100%;}
.p12y{
    width: 100%;
    margin-top: 14px;
}

.p11bt1{
    width: 60%;
}
.p11bt1 h2{
    font-size: 18px;
    line-height: 24px;
}

.p11bt1 h3{
  
    margin-right: 3vw;
    height: 29px;
    margin-top: 19px;
}

.p11bt1 h3 img{
    height: 25px;
}

.p13x{
    padding-top: 35px;
}

 .p13nr{
    margin-top: 70px;
}   
.p13sz li h2{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.p13sz li h3 s1{
    font-size: 30px;
}
.p13sz li h3 s3{
    font-size: 11px;
    margin-left: 2px;
    bottom: 0;
}
.p13sz li h3 s2{
    font-size: 12px;
}
.p13sz li{
    margin-bottom: 12px;
    padding-left: 6px;
}
.p13sz li h3 s4{
    font-size: 30px;
}

.p13sz li h3{
    margin-top: 5px;
}
    
.p13wz h3{font-size: 12px;letter-spacing: 1px;margin-top: 8px;}
.p13wz{
    margin-top: 33px;
}
    

.p15nr{width: 100%;}
.p15nr li:after{display: none;}
.p15nr li h2{font-size: 12px;line-height: 14px;}
.p15nr li h3{
    font-size: 15px;
}    

.p15nr li{
    margin-top: 7px;
}
.p15wz{margin-top: 30px;}
.p15wz h2{
    color: #1a1a1a;
    font-size: 22px;
}
.p15wz h3{
    font-size: 15px;
    color: #1a1a1a;
}


.p16nr{position: relative;background-color: #3e3e3e;}
.p16btz h2{
    font-size: 18px;
    line-height: 24px;
}
.p16btz h3{
    height: 39px;
    margin-left: 3vw;
}
.p16btz h3 img{
    height: 42px;
}

.p16bty{
    width: 100%;
    margin-top: 15px;
}
.p16btysz li h3{
    font-size: 30px;
    line-height: 38px;
}
.p16btysz li h2{
    margin-top: 6px;
    font-size: 12px;
}

.p16btysz li{
    padding-right: 11px;
    margin-left: 20px;
}
    
.p16btywz{padding-bottom: 20px;font-size: 12px;}
.p17nr li{
    margin: 15px 0%;
    width: 100%;
}
.p17nr li .img img{}
.p17nr li .img{
    height: 33px;
}
    

    
}














/* 联系我们 */



.p21btz{
    float: left;
    width: 100%;
    overflow: hidden;
}
.p21btz h2{
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    font-family: arialbi;
    float: left;
    color: #eee;
}
.p21btz h3{
    float: left;
    height: 59px;
    margin-left: 0;
    position: relative;
    color: #eee;
}
.p21btz h3 img{
    transform: translateY(-100px);
    filter: drop-shadow(#eee 0 100px);
}


.p21btz h3 s1{
    position: absolute;
    bottom: 1px;
    font-size: 14px;
    width: 59px;
    /*font-family: serif;*/
    color: #eee;
}

.p21zhx{
    width: 245px;
    height: 2px;
    background-color: #0267b5;
    float: left;
    margin-top: 3.5vw;
}

.p21x{
    background: url(../images/d71a3ee44dce9ada61268ccf9c660b3b0ccb1159.png) no-repeat;
    padding-top: 8.3vw;
    padding-bottom: 6.1vw;
    background-size:  100% 100%;
}
.p21nr{
    position: relative;
}
.p21z{
    float: left;
    width: 100%;
    margin-top: 20px;
}
.p21zlx{
    float: left;
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 37px;
    letter-spacing: 0px;
    color: #ffffff;
    /*font-family: serif;*/
    margin-top: 2.5vw;
    width: 100%;
}
.p21zlx a{color: #ffffff;}
.p21zdxx{
    float: left;
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 17px;
    letter-spacing: 0px;
    color: #ffffff;
    /*font-family: serif;*/
    margin-top: 9.5vw;
}


.p21zdh1{
    width: 100%;
    float: left;
}
.p21dhyxx{
    margin-top: 3vw;
    width: 50%;
    float: left;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.p21dhyxx li{
    width: 49%;
    position: relative;
}



.p21dhyxx li:nth-child(1),.p21dhyxx li:nth-child(2){
    border-top: 1px solid #b8b8b8;
}

.p21dhyxx li h2{
    border-bottom: 1px solid #b8b8b8;
    color: #fff;
    line-height: 45px;
    font-size: 16px;
    font-weight: bold;
    padding: 0 10px;
    padding-left: 0;

}
.p21dhyxx li .p21dhywz{
    display: none;
    width: 170%;
    position: absolute;
    left: 0px;
    background: #ebeced;
    padding: 20px 0 20px 20px;
    box-sizing: border-box;
    z-index: 999;
}

.p21dhyxx li:hover .p21dhywz{ display: block;}


.p21dhyxx li .p21dhywz h3{
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 6px;
}
.p21dhyxx li .p21dhywz h4{
    color: #666666;
    line-height: 1.8;
    font-size: 14px;
}
.p21dhyxx li .p21dhywz .img{
    margin-top: 15px;
}
.p21dhyxx li .p21dhywz .img img{
    max-width: 100%;
}





.p21y{
    float: right;
    display: flex;
    flex-direction: column-reverse;
    position: absolute;
    bottom: -30px;
    right: 0;
    width: 100px;
}
.p21y li{
    font-size: 9px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
} 
.p21y li img{
  max-width: 100%;
}

.p21y2{ right: 120px;}



@media (max-width: 990px) {
  .p21y2{ right: 0px;}
}


@media (min-width: 1200px) { 
  .p21x{
        background-size:  100% auto;
}
}

@media (max-width: 1200px) {  
    .p21zlx{width: 40%;}
    .p21dhyxx{width: 45%;}


}

@media (max-width: 992px) {  
    .p21zlx{width: 100%;}
.p21dhyxx{width: 100%;}
.p21dhyxx li{width: 100%;}
.p21dhyxx li:nth-child(2){border-top: none;}
.p21dhyxx li .p21dhywz{width: 90%;}
.p21x{
        background-size: auto 100%;
}

}




.p22x{
    background: url(../images/d70dbd09817b6b8c72d5144a3c4c17a4f4ba1e77.png) no-repeat;
    padding: 5vw;
    background-size: 100.8% 100%;
}

.w1740{ max-width: 1770px; margin: 0 auto;}
.p22dt img{width: 100%;}

.p22nr{
    margin-top: 6vw;
    background-color: #fff;
    position: relative;
    padding: 6vw 0 4.5vw;
}

.p22ly{
    margin-top: 4.2vw;
}
.p22ly form{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.p22ly form li{
    width: 46%;
    margin-bottom: 15px;
}
.p22ly form li #checkcode{
    width: 35% !IMPORTANT;
}

.p22ly form li h2{
    float: left;
    position: absolute;
    line-height: 40px;
    font-size: 14px;
    color: #333;
}

.p22ly form li input{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    border-bottom: 1px solid #999999;
    line-height: 40px;
    height: 40px;
    -webkit-text-fill-color: #666;
}
.p22ly form li textarea{
    border: none;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    background-color: #000;
    line-height: 32px;
    background-color: #efeff0;
}
.p22ly form li.lyli1{
    width: 100%;
    margin-top: 30px;
}
.p22ly form li.lyli1 h2{
    position: relative;
    color: #666;
    font-size: 15px;
}


.p22ly form li.lyli2{
    width: 100%;
    margin-top: 35px;
}
.p22ly form li.lyli2 .btn{
    margin: 0 auto;
    color: #fff;
    outline: none;
}
.p22ly form li.lyli2 .btn:hover{
    background: none;
}


.p22dtb{
    position: absolute;
    top: -14px;
    width: 100%;
    text-align: center;
}

.p22dtb1{
    position: absolute;
    bottom: -14px;
    width: 100%;
    text-align: center;
}






@media (max-width: 1200px) {  

.bb5y img{
    max-width: 20px;
}

}



@media (max-width: 992px) { 
.bb5btz h2{font-size: 18px;line-height: 23px;}
.bb5btz h3{height: 42px;}
.bb5btz h3 img{height: 42px;}
.bb5zlx{
    font-size: 12px;
    line-height: 28px;
}
.bb5y img{
    max-width: 19px;
}

.p21y{position: relative;width: 100%;display: block;text-align: center;padding-bottom: 35px;}
.p21y li{
    display: inline-block;
    vertical-align: middle;
    margin: 0 6%;
}

.p22x{
    padding: 0vw;
}

.p22nr{
    padding: 10vw 0 7.5vw;
}

.p22ly form li{
    width: 100%;
}
.p22ly form li.lyli2{
    margin-top: 0px;
}
.p22ly form li textarea{
    line-height: 23px;
}
.p22ly form li #checkcode{
    width: 50% !IMPORTANT;
}
    

}


.bbnty{
    background: #fff ;
    padding-top: 0;
    padding-bottom: 5vw;
    position: relative;
    background-size: 100%;
}






















.nnews{
    overflow: hidden;
    /* margin-top: 5.8vw; */
    margin-bottom: 70px;
}
.nnews li{}
.nnews li .bbnxw1{ }
.nnews li .bbnxw2{ }

.nnews li .bbnxw1{
    border-top: 0px solid #dfe0e0;
    border-bottom: 1px solid #dfe0e0;
    padding: 35px 0;
    position: relative;
}


.nnews li .bbnxw1 .nnewstb{
    width: 13px;
    height: 14px;
    background: url(../images/d579d0ecf816a0e4e6d47fcf4a88515e31d7144e.png) no-repeat;
    position: absolute;
    right: 0;
    top: 80%; 
} 






.nnews li .bbnxw1 .img{
    width: 30%;
    float: left;
    overflow: hidden;
}
.nnews li .bbnxw1 .img img{
    width: 100%;
    border-radius: 0px 0 0% 0px;
     transition: all ease-in-out 0.3s; 
}

.nnews li:hover .bbnxw1 .img img{
   transform: scale(1);     transition: all ease-in-out 0.3s; 
}

.nnews li .bbnxw1 .nnewswz{
    width: 46%;
    float: left;
    margin-left: 4.58%;
    padding-top: 1vw;
}
.nnews li .bbnxw1 .nnewswz h2{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 10px;
}
.nnews li .bbnxw1 .nnewswz h3{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 13px;
    text-indent: 25px; 
  
}

.nnews li .bbnxw1 .nnewssj{
    float: right;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 8px;
    letter-spacing: 0px;
    color: #666666;
    margin-top: 30px;
    /*font-family: serif;*/
}



.bbnxw2{
    border-bottom: 1px solid #dfe0e0;
    padding-top: 55px;
    position: relative;
    padding-bottom: 50px;
}



.bbnxw2 h2{
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 19px;
    letter-spacing: 0px;
    color: #333333;
}
.bbnxw2 h3{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: 0px;
    color: #485a61;
    margin-top: 15px;
}
.bbnxw2 h4{
    width: 13px;
    height: 14px;
    background: url(../images/8c0a0475a28a93464f57feef62ff167ca9d5aaea.png) no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
}



@media (max-width: 1200px) {  
    .bbnzt{
        padding: 9vw 3.5% 7.3vw;
    }
}





@media (max-width: 992px) {  

.bbnzt{
    padding: 7vw 2% 5.3vw;
}


.nnews li .bbnxw1{
    height: auto;
}
.nnews li .bbnxw1 .img{
    width: 100%;
}
.nnews li .bbnxw1 .nnewswz{
    width: 100%;
    margin-left: 0;
}

.bbnxw2{
    height: auto;
    padding: 35px 0;
    width: 100%;
    padding-right: 10%;
}

.nnews li .bbnxw1 .nnewswz h2{
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    text-overflow: ellipsis;
    margin-top: 20px;
}
.nnews li .bbnxw1 .nnewswz h3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.bbnxw2 h2{
    font-size: 16px;
    line-height: 25px;
}

.bbnxw2{
    margin-top: 15px;
}  



.bb6dtb{
    width: 96%;
}


.nnews li .bbnxw1 .nnewstb{
    top: 90%; 
} 



}













.casedh{
    height: 65px;
    background-color: #f7f7f7;
    position: relative;
    width: 100%;
    transform: translateY(-31px);
    
}
.casedh li{
    float: left;
    text-align: center;
    position: relative;
    padding: 0 4%;
}

.casedh li:first-child:after{
    content: '';
    width: 3px;
    height: 19px;
    position: absolute;
    background-color: #444;
    right: 0;
    top: 24px;
}   

.casedh li h2{
    font-size: 14px;
    color: #888;
    font-weight: normal;
    line-height: 65px;
}
.casedh li:hover h2{
    color: #333;
}

.casedh li.on h2{color: #0267b5; font-weight: bold;}


.casedhon{
    /* position: fixed; */
    position: absolute;
    top: 150px;
    z-index: 999;
    background: rgba(255, 255, 255, 1);
    max-width: 1530px;
}






.bbal{
    padding: 7.2vw 7.2% 0;
}
.bbal .li{
    display: flex;   justify-content: space-between;  flex-wrap: wrap; 
}
.bbal .li li{
    width: 65.5%;
    overflow: hidden;
    position: relative;
    margin-bottom: 40px;
}

.bbal .li li .img{overflow: hidden;}
.bbal .li li .img img{height: 410px;width: auto;  transition: all ease-in-out 0.3s;}
.bbal .li li:hover .img img{transform: scale(1.1);     transition: all ease-in-out 0.3s; }

.bbal .li li .bbalwz{
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    padding-left: 28px;
    padding: 20px;
}
.bbal .li li .bbalwz h2{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 17px;
    letter-spacing: 0px;
    color: #eee;
}
.bbal .li li .bbalwz h3{
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 10px;
    letter-spacing: 0px;
    margin-top: 12px;
    color: #eee;
}
.bbal .li li .bbalwz h4{
    position: absolute;
    right: 20px;
    bottom: 15px;
    font-size: 7px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 13px;
    letter-spacing: 0px;
    color: #eee;
}

.bbal .li li:nth-child(1),.bbal .li li:nth-child(4){
    width: 31.2%;
}

.bbal .li li:nth-child(1) img, .bbal .li li:nth-child(4) img{
}




@media (max-width: 1400px) { 
.bbal .li li .img img{height: 380px;}

 }


@media (max-width: 1200px) { 
.bbal .li li .img img{height: 320px;}

 }

@media (max-width: 1100px) { 
.bbal{padding: 7.2vw 2% 0;}
.bbal .li li .img img{height: 320px;}
}

@media (max-width: 992px) { 
.bbal{padding: 0vw 0% 0;}
.casedh{display: none;}
.casedh li{width: 25%; }
.casedh li h2{
    font-size: 12px; 
    }
.bbal .li li:nth-child(1), .bbal .li li:nth-child(4){
    width: 100%;
}
.bbal .li li{
    width: 100%;
    margin-bottom: 25px;
}
.bbal .li li .img img{width: 100%; height: auto;}
.bbal .li li .bbalwz{position: relative;padding: 15px 2%;}
.bbal .li li .bbalwz h3{
    margin-top: 8px;
}

}















.cplbbt{
    
    padding-bottom: 3vw;
    border-bottom: 3px solid #ededed;
    padding-top: 2vw;
}
.cplbz{
    float: left;
}
.cplbz h2{
    font-size: 27px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #888;
    font-family: arialbi;
}
.cplbz h3{}
.cplby{
    float: right;
}
.cplby h2{
    /*font-family: serif;*/
    font-size: 14px;
    color: #888;
    margin-top: 11px;
    position: relative;
}
.cplby h2:before{
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    left: -28px;
    background-color: #c8161f;
    border-radius: 22px;
}  



.cplb{
    padding: 0vw 0% 0;
}
.cplbnr{
    padding-bottom: 2vw;
    border-bottom: 3px solid #ededed;
    margin-bottom: 2vw;
}
.cplbfl{}
.cplbfl h3{
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #666;
}

.cplbli{
    margin-top: 5vw;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.cplbli li{
    width: calc(23.5%);
    margin-bottom: 2%;
    margin-right: 2%;
}
.cplbli li:nth-child(4n){margin-right: 0%;}


.cplbli li .img{
    overflow: hidden;
    position: relative;
}

.cplbli li .img img {display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.cplbnr:last-child{    border-bottom: none;}











.bbxq{}
.bbxqz{
    width: 28%;
    float: left;
}
.bbxqzwz{}
.bbxqzwz h2{
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 42px;
    /* letter-spacing: 7px; */
    color: #ffffff;
    font-family: arialbi;
}
.bbxqzwz h3{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #000000;
    height: 32px;
    background-color: #fff;
    border-radius: 0 33px 0 0;
    padding-left: 21px;
    margin-top: 12px;
    float: left;
    padding-right: 37px;
}
.bbxqzwz h4{
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 15px;
    /*font-family: serif;*/
}
.bbxqzwz h5{
    margin-top: 50px;
}
.bbxqzwz h5 dt{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 19px;
    letter-spacing: 0px;
    color: #888;
}
.bbxqzwz h5 dd{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #888;
    margin-top: 15px;
}
.bbxqzwz .bbxqzhx{
    width: 140px;
    height: 2px;
    background-color: #888;
    margin-top: 50px;
}

.bbxqsk{}
.bbxqsk .h2{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #888;
    margin-top: 3.5vw;
}



.bbxqhd1{
    margin-top: 40px;
}
.bbxqhd1 li{
    float: left;
    width: 25%;
    margin-bottom: 25px;
}

.bbxqhd1 li:first-child{
    display: none;
}

.bbxqhd1 li:nth-child(2){
    display: none;
}

.bbxqhd1 li img{
    width: 65%;
}

.bbxqhd2{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 76%;
    margin-top: 2vw;
}
.bbxqhd2 li{
    width: 24%;
    text-align: center;
    margin-bottom: 16px;
}
.bbxqhd2 li .img{}
.bbxqhd2 li .img img{
    max-width: 100%;
}
.bbxqhd2 li h2{
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #ffffff;
}

.bbxqy{
    width: 66.2%;
    float: right;
}

.bbxqybd{}
.bbxqybd li{}
.bbxqybd li img{width: 100%;      border-radius: 60px;}
.bbxqyimg{
    position: absolute;
    right: -5%;
    width: 14.5%;
    top: 0;
}
.bbxqyimg img{
    max-width: 100%;
}




.bbxqybd { position: relative; }
.bbxqybd li { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.bbxqybd li { opacity: 0; visibility: hidden; transition: all .5s ease; }
.bbxqybd li.on { position: static; opacity: 1; visibility: visible; }


.cpxqnr{
    padding-top: 6vw;
}
.cpxqnr h2{
    font-size:20px;
    line-height: 40px;
    color: #eee;
    font-weight: 700;
    margin-bottom: 30px;
}



@media (max-width: 1700px) {  

.bbxqyimg{
    right: 1%;
    width: 13.5%;
}


}



@media (max-width: 1300px) {  
    .cplbli li{width: 23%;     margin-right: 2%;}
    .cplbli li .cplbjj{
        padding: 20px 5% 48px;
    }


.bbxqhd2{width: 100%;}
.cplbli li .cplbjj{min-height: 228px;}





}

@media (max-width: 992px) {  
    .cplb{padding: 8vw 0% 0;}
.cplbbt{
    margin-top: 0;
    padding-top: 2vw;
    padding-bottom: 25px;
}

.cplbz h2{
    font-size: 20px;
    line-height: 20px;
}
.cplbfl h3{
    font-size: 20px;
}
.cplbli li{
    width: 49%;
    margin-right: 2%;
}
.cplbli li .img h2{
    font-size: 12px;
}

.cplbli li .cplbjj{
 min-height: 140px;
}
.cplbli li .cplbjj h2{
    font-size: 12px;
    line-height: 24px;
    -webkit-line-clamp: 3;
   
}

.cplbli li:nth-child(2n){margin-right: 0;}


.bbxqz{width: 100%;}
.bbxqzwz h2{
    font-size: 32px;
    line-height: 30px;
    letter-spacing: 5px;
}
.bbxqhd2 li{
    width: 22%;
}

.bbxqzwz h5{
    margin-top: 35px;
}

.bbxqy{
    width: 100%;
    position: relative;
}

.bbxqyimg{
    right: -2%;
    width: 16.5%;
}

.cpxqnr h2{font-size: 15px;  line-height: 30px;}



}















.w1280{max-width: 1310px; margin: 0 auto; padding: 0 15px;}
.p3bt1{
    margin-top: 11vw;
    padding-bottom: 6.8vw;
}
.p3bt1 h2{
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #333333;
}
.p3bt1 h3{
    margin-top: 43px;
    position: relative;
}
.p3bt1 h3 .img1{
    width: 100%;
    float: left;
}
.p3bt1 h3 .img1 img{
    width: 100%;
}
.p3bt1 h3 .img2{
    width: 44.2%;
    position: absolute;
    right: 0;
}
.p3bt1 h3 .img2 img{
    width: 100%;
}






.p3wz1{padding-bottom: 45px;}
.p31wz1{padding-bottom: 5.2vw;}


.p3wz1 h2{
    position: relative;
}
.p3wz1 h2 img{
    max-width: 100%;
}
.p3wz1 h2 s1{
    font-size: 31px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #0267b5;
    position: absolute;
    left: 0px;
    bottom: 0;
  
}
.p3wz1 h3{
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #1a1a1a;
    margin-top: 33px;
    text-align: justify;
}







.p31x{}
.p31nr{padding-bottom: 7.2vw; border-bottom: 2px solid #e3e3e3;}
.p31z{
    width: 34.2%;
    float: left;
    margin-top: 21px;
}
.p31z .p3wz1{}
.p31y{
    float: right;
    width: 57%;

}

.p311nr{
    padding-bottom: 2.5vw;
    border-bottom: none;}

.p311z{width: 45.468%; margin-top: 0;}
.p311y{width: 49.2%;     padding-top: 5.3vw;}

.p311xdz{
    font-size: 33px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 58px;
    letter-spacing: 0px;
    color: #0267b5;
    width: 120%;
    margin-top: 3vw;
}


.p31y img{
    width: 100%;
}

.p32x{padding-top: 7.5vw; padding-bottom: 11.8vw;}


.p32x .p3wz1{
    padding-bottom: 0;
}

.p32nr{
    margin-top: 8px;
    position: relative;
}
.bjimg{}
.bjimg img{width: 100%;}

.p32wzz{
    position: absolute;
    top: 7.8%;
    left: 10%;
    width: 18.5%;
    height: 92.2%;
}
.p32wzz li{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 0px;
    color: #1a1a1a;
    position: absolute;
}
.p32wzz .p32z1{
    text-indent: 2em;
    top: 0;
}
.p32wzz .p32z2{top: 45%;}
.p32wzz .p32z3{
    bottom: 6%;
    text-indent: 2em;
}

.p32wzy{
    position: absolute;
    top: 7.8%;
    width: 18.5%;
    height: 92.2%;
    right: 10%;
}
.p32wzy li{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 0px;
    color: #1a1a1a;
    position: absolute;
}
.p32wzy .p32y1{
    text-indent: 2em;
    top: 0;
}
.p32wzy .p32y2{
    top: 45%;
    right: 0;
}
.p32wzy .p32y3{
    bottom: 10%;
    text-indent: 2em;
}

.p32t{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.p32t li{
    position: absolute;
    top: 0;
    width: 15%;
    text-align: center;
}
.p32t li .img{}
.p32t li .img img{
    width: 100%;
}
.p32t li h2{
    height: 34px;
    position: absolute;
    width: 100%;
    bottom: 15%;
    background: url(../images/f0a2180e3f29cfa75276e898e7c72429d82805fe.png) no-repeat center;
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 33px;
    letter-spacing: 0px;
    color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.p32t li.p32tli1{
    left: 34%;
    top: -3%;
}
.p32t li.p32tli2{
    left: 52%;
    top: -3%;
}
.p32t li.p32tli3{
    left: 26%;
    top: 33%;
}
.p32t li.p32tli4{
    left: 43%;
    top: 33%;
}
.p32t li.p32tli5{
    left: 60%;
    top: 32%;
}
.p32t li.p32tli6{
    left: 34%;
    top: 68%;
}
.p32t li.p32tli7{
    left: 52%;
    top: 68%;
}










.p33x{
    background: url(../images/e5eb0f8c7d291141866dec817f9d381e2c79b80b.png) no-repeat top;
    padding-top: 25px;
    padding-bottom: 9vw;
}

.p33bt{}
.p33btz{
    float: left;
}
.p33btz h2{
    font-size: 44px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: 0px;
    color: #666;
    font-family: serif;
}


.p33btz h2 img{
    max-width:100%; height:auto !important;width:auto !important;
}
.p33btz h3{
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 30px;
}

.p33bty{
    float: right;
    margin-top: 46px;
}
.p33bty img{
    max-width: 100%;
}

.p33nr{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 7.8vw;
}
.p33nr li{
    width: 32.5%;
    position: relative;
    margin-bottom: 17px;
}
.p33nr li:nth-child(2){
    width: 66%;
}


.p33nr li .img{}
.p33nr li .img img{
    width: 100%;
}
.p33nr li .p33wz{
    position: absolute;
    bottom: 30px;
    right: 40px;
    padding-left: 34px;
    background: url(../images/3c644d955cb47f40d1944b5578314bc8e3bda849.png) no-repeat 0;
}
.p33nr li .p33wz h2{
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 17px;
    letter-spacing: 0px;
    color: #333333;
}
.p33nr li .p33wz h3{
    font-size: 8px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: -1px;
    color: #333333;
    margin-top: 7px;
    /*font-family: serif;*/
}

.p33nr li.p3wz1{
    padding-top: 3vw;
    padding-right: 4%;
}
.p33nr li.p3wz1 h2{}
.p33nr li.p3wz1 h3{
    margin-top: 18px;
}

.p33nr li.p33li5{}
.p33nr li.p33li5 h2{
    position: absolute;
    top: 57%;
    width: 100%;
    text-align: center;
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 19px;
    letter-spacing: 0px;
    color: #333333;
}







.w1380{max-width: 1410px; margin: 0 auto; padding: 0 15px;}

.p34x{}
.p34nr{
    background-color: #fff;
    padding-top: 8.6vw;
    margin-top: -60px;
    border-radius: 40px;
    padding-bottom: 8vw;
    box-shadow: 0 0 7px rgb(0 0 0 / 10%);
}
.p34nr .w1280{
    padding: 0 40px;
}

.p34nr .p34z{
    width: 35%;
    float: left;
}
.p34nr .p34z .p3wz1 p{
    margin-top: 1.8vw;
    width: 100%;
    height: 2px;
    background-color: #eceded;
    margin-bottom: 2.5vw;
}
.p34nr .p34y{
    width: 58.7%;
    float: right;
    padding-top: 48px;
}
.p34nr .p34y img{
    width: 100%;
}
.p34nr .p34d{
    width: 100%;
    transform: translateY(-16px);
}
.p34nr .p34d img{
    width: 100%;
}






.p35x1{
    background: url(../images/e5eb0f8c7d291141866dec817f9d381e2c79b80b.png) no-repeat top;
    padding-bottom: 13vw;
}

.p35x{
    margin-top: 6vw;
    padding-top: 1.3vw;
}
.p35bj{
  
    padding-top: 8.6vw;
    margin-top: 66px;
    border-radius: 40px;
    padding-bottom: 8vw;
  
}
.p35bj .p3wz1{}

.p35nr1{
    max-width: 845px;
    margin: 0 auto;
    position: relative;
}
.p35nr1 .img{}
.p35nr1 .img img{
    width: 100%;
}

.p35nr1 .p35z{
    position: absolute;
    top: 0;
    width: 37%;
    height: 100%;
    left: 2%;
}
.p35nr1 .p35z li{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 11%;
}
.p35nr1 .p35z li h2{
    width: 33%;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #1a1a1a;
    text-align: center;
    float: left;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
}
.p35nr1 .p35z li h3{
    width: 64%;
    float: right;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #1a1a1a;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    margin-right: 2%;
}

.p35nr1 .p35z li.p35z1{
    top: 8.5%;
}
.p35nr1 .p35z li.p35z2{
    top: 26%;
}
.p35nr1 .p35z li.p35z3{
    top: 44%;
}
.p35nr1 .p35z li.p35z4{
    top: 61.8%;
}
.p35nr1 .p35z li.p35z5{
    top: 79.5%;
}




.p35nr1 .p35y{
    position: absolute;
    top: 0;
    width: 37%;
    height: 100%;
    right: 0;
}
.p35nr1 .p35y li{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 11%;
}
.p35nr1 .p35y li h3{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #1a1a1a;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.p35nr1 .p35y li.p35y1{
    top: 9.3%;
}
.p35nr1 .p35y li.p35y2{
    top: 27%;
}
.p35nr1 .p35y li.p35y3{
    top: 45%;
}
.p35nr1 .p35y li.p35y4{
    top: 62.5%;
}
.p35nr1 .p35y li.p35y5{
    top: 80.5%;
}







.p36x{
    padding-top: 7vw;
    padding-bottom: 7vw;
    background-color: #fff;
    border-radius: 25px;
}
.p36nr{
    margin-top: 2.5vw;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 2.5vw auto 0;
}
.p36nr li{
    float: left;
    width: 27%;
    margin: 0 3% 3.5vw;
    position: relative;
}
.p36nr li .img{}
.p36nr li .img img{
    width: 100%;
}
.p36nr li .p36wz{
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
}
.p36nr li .p36wz h2{
    font-size: 38px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 31px;
    letter-spacing: 0px;
    color: #1a2023;
    /*font-family: serif;*/
}
.p36nr li .p36wz h3{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: 0px;
    color: #1a1a1a;
    margin-top: 10px;
}



.p32nr1{display: none;}
.p32nr1 img{width: 100%;}

.p35nr2{display: none; text-align: center;}
.p35nr2 img{max-width: 100%;}






@media (max-width: 1100px) {  
.p3wz1 h2 s1{font-size: 25px;}
.p3wz1 h3{
    overflow: hidden; display: -webkit-box;   -webkit-line-clamp: 10;     -webkit-box-orient: vertical; 
font-size: 14px;    
}
.p34nr .p34d{    transform: translateY(0px);     margin-top: 15px;}
.p33btz h2{
    font-size: 34px;
    line-height: 40px;
}
.p33x{    padding-top: 40px;}
.p33bty{ margin-top: 34px;}

.p32nr{display: none;}
.p32nr1{display: block;}

.p3bt1 h3 .img1{width: 100%;}
.p3bt1 h3 .img2{width: 100%;     position: relative;}


.p35nr1{display: none;}
.p35nr2{display: block;}



.p32wzz{width: 100%;position: relative;top: 0;left: 0;}
.p32wzz li{
    position: relative;
}
.p32nr1 .img{
    margin: 15px 0;
}
    
.p32wzy{width: 100%;position: relative;top: 0;left: 0;}
.p32wzy li{
    position: relative;
}


.p311xdz{font-size: 30px;}





}





@media (max-width: 992px) {  

.p3bt1 h2{font-size: 20px;}
.p3wz1 h2 s1{font-size: 20px;}
.p3wz1 h2 img{    max-width: 60px;}
.p31z{width: 100%;}
.p31y{width: 100%;}
.p32x .p3wz1 h3{margin-top: 15px;}
.p32nr1{margin-top: 35px;}

.p33btz h2{
    font-size: 24px;
    line-height: 28px;
}
.p33x{
    padding-top: 4px;
    background-size: auto 100%;
}
.p33bty{
    margin-top: 23px;
}
.p33bty img{
    max-width: 70px;
}
.p32x{}
.p33nr li{width: 100%;}
.p33nr li:nth-child(2){width: 100%;}
.p33nr{ margin-top: 70px;}
.p34nr{margin-top: 46px;padding-top: 50px;}
.p34nr .w1280{
    padding: 0 10px;
}

.p34nr .p34z{
    width: 100%;
}
.p34nr .p34z .p3wz1 h3{
    -webkit-line-clamp: initial;
}

.p34nr .p34y{
    width: 100%;
    padding-top: 2px;
}

.p36nr li{
    width: 44%;
    margin: 0 3% 4.5vw;
}

.p36nr li .p36wz h3{
    font-size: 12px;
    margin-top: 0px;
}

.p36nr li .p36wz h2{
    font-size: 30px;
}

.p35bj .p3wz1{
    padding-bottom: 13px;
}

.p3wz1 h3{    -webkit-line-clamp: inherit;}

.p311xdz{    
    width: 100%;
    line-height: 40px;
    font-size: 21px;
    margin-bottom: 25px;
}



}








.w1310{max-width: 1340px; margin: 0 auto; padding: 0 15px;}


.p41x{
    margin-top: 6vw;
}
.p41nr{
    position: relative;
}
.p41nr .p41bt{
    position: absolute;
    top: 3.5vw;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 23px;
    letter-spacing: 0px;
    color: #333333;
    /*font-family: serif;*/
}
.p41nr .img1{
    width: 100%;
}
.p41nr .img1 img{
    width: 100%;
}

.p41nr2{display: none;}
.p41nr2 img{width: 100%;}

.p41z{
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
}
.p41z li{
    position: absolute;
    top: 0;
    width: 100%;
}
.p41z li.p41zli1{
    top: 30%;
}
.p41z li.p41zli2{
    top: 43%;
}
.p41z li.p41zli3{
    top: 56%;
}
.p41z li.p41zli4{
    top: 70%;
}



.p41z li .img{
    max-width: 40px;
    float: left;
}
.p41z li .img img{
    width: 100%;
}
.p41z li .p41zwz{
    float: left;
    margin-left: 10px;
}
.p41z li .p41zwz h2{
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: 0px;
    color: #0267b5;
    margin-top: 7px;
}
.p41z li .p41zwz h3{
    font-size: 9px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: 0px;
    color: #272d30;
    margin-top: 5px;
}

.p41y{
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    height: 100%;
    text-align: right;
}
.p41y li{
    position: absolute;
    top: 0;
    width: 100%;
}


.p41y li .img{
    max-width: 40px;
    float: right;
}
.p41y li .img img{}
.p41y li .p41ywz{
    float: right;
    margin-right: 15px;
}
.p41y li .p41ywz h2{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: 0px;
    color: #0267b5;
    margin-top: 9px;
}
.p41y li .p41ywz h3{
    font-size: 9px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: 0px;
    color: #272d30;
    margin-top: 6px;
}

.p41y li.p41yli1{
    top: 30%;
    float: right;
}
.p41y li.p41yli2{
    top: 43%;
}
.p41y li.p41yli3{
    top: 56%;
}
.p41y li.p41yli4{
    top: 70%;
}


.p41nr .p41jj{
    position: absolute;
    bottom: 4%;
    width: 100%;
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #1a1a1a;
}








.p42x{
    margin-top: 5.2vw;
    position: relative;
    background: url(../images/079f684012681f40697b0a83d13906c39b257f31.png) no-repeat ;
    padding-bottom: 3vw;
    background-size: 100%;
}

.p42wz{

}
.p42nr{
    margin-top: 20%;
}
.p42nr .p42z{}
.p42nr .p42z h2{
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 0px;
    color: #ffffff;
    background: url(../images/c1798f0be9e592f3b96b77d45e1012c536088082.png) no-repeat 0;
    height: 164px;
    padding-left: 170px;
    /*font-family: serif;*/
    padding-top: 10px;
}
.p42nr .p42z h3{
    width: 254px;
    height: 29px;
    background: url(../images/612811a0eb9fe7258cb0d90c51d069d86c66bc5c.png) no-repeat 0;
    margin-top: 46px;
}
.p42nr .p42z h4{
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 0px;
    color: #ffffff;
    background: url(../images/422acc8d1959f30c7cfb78053e16e8f6e41b2bbb.png) no-repeat 0;
    height: 165px;
    padding-left: 104px;
    /*font-family: serif;*/
    padding-top: 63px;
    margin-top: 50px;
}

.p42nr .p42y{text-align: right;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: #ffffff;margin-top: -2vw;}













.w1680{max-width: 1710px; margin: 0 auto; padding: 0 15px;}


.p43x{
    padding-top: 11vw;
}
.p43nr{}

.p43nr li{
    background: url(../images/2271339b42f44d9d237e18184578ffa1c46e2fe6.png) no-repeat 0px 25px;
    background-size: 100%  calc(100% - 25px);
    padding-left: 10%;
    margin-bottom: 8vw;
    position: relative;
}

.p43nr li:before{content: '';width: 3px;position: absolute;height: 74%;top: 16%;left: 0;background-color: #717171;z-index: 9;}
.p43nr li:after{content: '';width: 3px;position: absolute;height: 0%;top: 16%;left: 0;z-index: 9;}    
.p43nr li:hover:after{background-color: #ff1c1c;z-index: 99; animation: dt1 1s  linear .65s; animation-fill-mode: forwards;}    

    @keyframes dt1 {   
      0% {
        height: 0%;
      }
      100% {
        height: 74%;
      }
    }




.p43nr li .p34bt{
}
.p43nr li .p34bt h2{
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #333333;
    /*font-family: serif;*/
}
.p43nr li .p34bt h3{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 13px;
    letter-spacing: 3px;
    color: #333333;
    margin-top: 12px;
}

.p43nr li .p43xq{margin-top: 4vw;padding-bottom: 5.3vw;position: relative;}

.p43nr li .p43liwz{
    width: 48.33%;
    float: left;
}
.p43nr li .p43liwz .h2{
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #415056;
    margin: 0;
    text-align: justify;
}

.p43nr li .p43liwz .p43db{
    margin-top: 2vw;
    background: url(../images/2f8fb26a6b89fc953f888a957201837a5bb8c579.png) no-repeat 46% 0;
}




.p43nr li .p43liwz .p43db .p43dbz{
    width: 41%;
    float: left;
    
}
.p43nr li .p43liwz .p43db .p43dbz h2{
    font-size: 21px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #415056;
}
.p43nr li .p43liwz .p43db .p43dbz h3{
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #415056;
    line-height: 25px;
    margin-top: 5px;
}

.p43nr li .p43liwz .p43db .p43dby{
    width: 42%;
    float: right;
}
.p43nr li .p43liwz .p43db .p43dby h2{
    font-size: 21px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #415056;
}
.p43nr li .p43liwz .p43db .p43dby h3{
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #415056;
    line-height: 25px;
    margin-top: 5px;
}

.p43nr li .p43t{
    width: 32.7%;
    float: left;
    margin-left: 5%;
    position: absolute;
    right: 15%;
    height: 80%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: right;
}
.p43nr li .p43t .img1{text-align: right; position: relative;}
.p43nr li .p43t .img1 img{
    max-width: 100%;
}
.p43nr li .p43t .img2{
    position: absolute;
    right: -38px;
    top: -25px;
}
.p43nr li .p43t .img2 img{
    max-width: 100%;
}

.p43nr li .p43yyw{
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 6px;
    letter-spacing: 5px;
    color: #ffffff;
    writing-mode: vertical-lr;
    float: right;
    margin-right: 3%;
    position: absolute;
    right: 0;
    height: 80%;
    text-align: center;
}





@media (max-width: 1300px) { 
    .p42x{background-size: auto 100%; }
.p42nr .p42z h2{
    height: 75px;
    padding-left: 97px;
    background-size: auto 100%;
    font-size: 20px;
    padding-top: 7px;
    line-height: 20px;
}
.p42nr .p42z h4{
    height: 75px;
    padding-left: 48px;
    background-size: auto 100%;
    font-size: 20px;
    padding-top: 7px;
    line-height: 20px;
}
.p43nr li{ padding-left: 5%;}
.p43nr li .p34bt{padding-left: 5%;}


 }



@media (max-width: 1100px) { 
.p41nr1{display: none;}
.p41nr2{display: block;} 
.p43nr li .p43liwz{ width: 56.33%;}
.p43nr li .p43t{margin-left: 0%; right: 8%;}
.p43nr li .p43yyw{margin-right: 2%;}
.p43nr li .p43liwz .h2{font-size: 14px;}
.p43nr li .p43liwz .p43db .p43dbz h3{font-size: 13px;}
.p43nr li .p43liwz .p43db .p43dby h3{font-size: 13px;}
.p43nr li .p43liwz .p43db .p43dbz h2{font-size: 17px;}
.p43nr li .p43liwz .p43db .p43dby h2{font-size: 17px;}
.p43nr li .p34bt h2{font-size: 20px;}
.p43nr li .p34bt{    
    padding-left: 3%;
    float: left;
    text-align: center;}
.p43nr li .p34bt h3{font-size: 12px;}
.p42nr .p42y{
    margin-top: -7vw;
    font-size: 12px;
    line-height: 25px;
}


 }




@media (max-width: 992px) { 
.p41nr .p41bt{
    position: relative;
    font-size: 20px;
    top: 0;
    margin-top: 20px;
    margin-bottom: 25px;
}
.p41nr .p41jj{
    position: relative;
    font-size: 14px;
    margin-top: 15px;
}

.p42nr .p42z h2{
    height: 50px;
    padding-left: 85px;
    background-size: auto 100%;
    font-size: 16px;
    padding-top: 0px;
    line-height: 15px;
}
.p42nr .p42z h3{
    width: 200px;
    height: 29px;
    background-size: 100%;
    margin-top: 14px;
}

.p42nr .p42z h4{
    height: 50px;
    padding-left: 39px;
    background-size: auto 100%;
    font-size: 16px;
    padding-top: 0px;
    line-height: 15px;
    margin-top: 18px;
}
.p42nr .p42y{
    line-height: 20px;
    margin-top: -1vw;
}
    


.p43nr li{
    background: none;
    padding-left: 0%;
    margin-bottom: 60px;
}

.p43nr li .p34bt{
    padding-left: 0%;
    float: left;
    text-align: left;
}
.p43nr li .p43liwz{width: 100%;}
.p43nr li .p43liwz .p43db{background: none;}
.p43nr li .p43liwz .p43db .p43dbz{width: 100%; margin-top: 35px;}
.p43nr li .p43liwz .p43db .p43dby{width: 100%; margin-top: 35px;}
.p43nr li .p43t{width: 100%;position: relative;margin-top: 35px;right: 0;}
.p43nr li .p43yyw{display: none;}
.p43nr li .p43t .img2{
    right: 5px;
    top: 5px;
}


.p43nr li:before{display: none;}
.p43nr li:after{display: none;}  



.banwz{top: 43%;}


    


}


.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display: none;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}






/*页面底部*/
.foot{background:#333;}
.f_nav{width:826px;margin-top:40px;}
.f_nav dl{float:left;width:136px;height:186px;overflow:hidden;}
.f_nav dt{margin-bottom:8px;font-size:19px;color:#333;font-weight:normal;}

.f_nav dd a{font-size:12px;color:#333;line-height:20px;}
.copyright{text-align:center;line-height:24px;}

/*内页左侧样式*/

.page-product-inquiry a{color: #fff;}