body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px; font-family:'arial','微软雅黑'; line-height:1;font-weight: normal;letter: 0.3px;}
body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{display: block;}
a{ color:#333; text-decoration:none; font-size: 16px;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}
/*IE*/
	.web-ie2018{ font-family: microsoft yahei;   position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
	.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
	.web-ie2018 dl #img{    display: block;margin: 50px auto;}
	.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter: 2px;margin: 0 auto 30px;}
	.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter: 2px;margin: 50px auto 50px;}
	.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
	.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
	.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
	.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}
/*<------------------------------------->*/	

/* pc */
.pc-1200px{display: none;}
@media only screen and (max-width:1260px){
.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}
.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}
.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}
.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter: 1px;line-height: 1em;margin-bottom: 2em;}
.pc-1200px p span{ display: block;text-align: center;color: #eee;letter: 1px;font-size: 16px;}
}

/* headerwrap */
.headerwrap{width: 100%;box-sizing: border-box;background-color: #373434;padding: 22px 0 0;position: fixed;z-index: 10;top: 0;left: 0;/* border-bottom: 5px solid #707070; */}
.headerwrap:before{content: '';display: block;width: 100%;height: 5px;background-color: #707070;bottom: 0;position: absolute;}
.header{width: 90%;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin: auto;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.logo{display: block;margin-bottom: 0;order: 1;}
.logo img{display: block;width: auto;height: 44px;transition: all .3s;}
/* h-link */
.h-link{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;order: 2;}
.h-link a{font-size: 13px;color: #FFFFFF;opacity: 0.6;}
.h-link a i{font-size: inherit;color: inherit;margin-right: 10px;}
.h-link strong{display: block;width: 1px;height: 13px;background-color: rgba(255,255,255,0.6);margin: 0 10px;}
.h-link a:hover{opacity: 1;}

.h-link .hdshare{ display: flex ; width:32px; height:32px; justify-content: center; align-items: center; overflow: hidden; background: #000; border-radius: 50px; margin:0 0 0 10px;    opacity: 1; }
.h-link .hdshare img{display: block; width: auto; height: 24px;}
.h-link .hdshare:hover{ background: #f6ab00;}
.h-link .hdshare:hover img{ filter: brightness(0) invert(1); }



/* nav */
.nav{display: flex;display: -webkit-flex;order: 3;width: calc(100% - 230px);}
.nav li a{font-size: 16px;color: #ffffff;line-height: 70px;}
.nav li>i{display: block;width: 1px;height: 20px;background-color: #FFFFFF;margin-top: 25px;}
.nav li{margin-right: 40px;position: relative;}
.nav li:before{content: '';display: block;width: 0%;height: 5px;background-color: #FFFFFF;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.nav li:hover:before{width: 100%;}
.nav li:last-child{margin-right: 0;}
.nav li .nav02{position: absolute;box-sizing: border-box;padding: 0;z-index: 5;width: 610px;left: -30px;margin-left: 0px;text-align: center;display: block;justify-content: center;flex-flow: row;white-space: nowrap;transition: all .3s;top: 70px;opacity: 0;visibility: hidden;transition: all .3s;}
.nav li .nav02 a{display: inline-block;width: auto;font-size: 15px;color: #ccc;line-height: 40px;margin: 0;float: none;margin-right: 0;position: relative;text-align: left;padding-left: 30px;padding-right: 10px;}
.nav li .nav02 a:last-child{margin-right: 0;}
.nav li .nav02 a:hover{color: #FFFFFF;}
.nav li .nav02 a:before{content: '';display: inline-block;width: 3px;height: 14px;background-color: #FFFFFF;position: absolute;top: 14px;left: 10px;opacity: 0;}
.nav li .nav02 a:hover:before{opacity: 1}
.nav li .nav02 a i{opacity: 0;transition: all .6s;font-size: inherit;color: inherit;}
.nav li .nav02 a:hover i{opacity: 1;}
.nav li .nav02{background-color: #000;padding: 0;width: 180px;box-shadow: 0px 2px 2px rgba(34,34,34,0.3)}
.nav li .nav02 a{display: block;display: flex;justify-content: space-between;align-items: center;}

.nav li:hover .nav02{opacity: 1;visibility: visible;}




/* h-rform */
.h-rform{width: 230px;height: 36px;background-color: #252323;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;order: 4;}
.h-rform input{display: block;width: calc(100% - 36px);box-sizing: border-box;padding: 0 10px;font-size: 13px;color: #a7a2a2;border: none;outline: none;height: 36px;background-color: transparent;}
.h-rform button{display: block;width: 36px;height: 36px;text-align: center;line-height: 36px;box-sizing: border-box;border: none;border-left: 1px solid #eba403;font-size: 16px;color: #FFFFFF;outline: none;background-color: #eba403;cursor: pointer;transition: all .3s;}
.h-rform button i{font-size: 14px;color: #FFFFFF;}

/* div2_1 */
.div2_1 .headerwrap{padding-top:0;}
.div2_1 .logo{margin-right: 30px;margin-bottom: 0;}
.div2_1 .logo img{height: 36px;}
.div2_1 .nav{order: 2;width: auto;}
.div2_1 .h-rform{order: 3;background-color: transparent;}
.div2_1 .h-link{order: 4;margin-left: 30px;}
.div2_1 .h-rform input{opacity: 0;visibility: hidden;}
.div2_1 .h-rform{flex-grow: 1;}
.div2_1 .h-rform button{border-radius: 50%;line-height: 34px;}


/* banner */
.bannerwrap{width: 100%;height:auto;position: relative;box-sizing: border-box;overflow: hidden;z-index: 0;padding-top: 132px;background-color: #373434;}
.banner{position: relative;height: 100%;overflow: hidden;}
.bannerwrap .swiper-container{width: 100%;height: 100%;}
.bannerwrap .box{position: relative;overflow: hidden;width: 100%;height: 100%;z-index: 0;}
.bannerwrap .box:before{content: '';display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;z-index: 1;}
.bannerwrap .box img{display: block;width: 100%;height: auto;}
.centerBig .box img{-webkit-animation-name:centerBig;animation-name:centerBig;}
.h5img{display: none !important;}
/* @-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}}
.swiper-slide .box img{animation-duration:5s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards;
} */
.bannerwrap .swiper-pagination{position: absolute;height: auto;width: 100%;bottom: 50px;left: 0;z-index: 2;}
.bannerwrap .swiper-pagination-bullet{width: 60px;height: 5px;background-color: #707376;border-radius: 0;outline: none;opacity: 1;margin-right: 10px;}
.bannerwrap .swiper-pagination-bullet:last-child{margin-right: 0;}
.bannerwrap .swiper-pagination-bullet-active{background-color: #f6ab00;}
.bannerwrap .swiper-button-next,.bannerwrap .swiper-button-prev{background-image: none;font-size:40px;color: #FFFFFF;height: auto;width: auto;margin-top: -20px;}
.bannerwrap .swiper-button-next{right: 5%;}
.bannerwrap .swiper-button-prev{left: 5%;}
/* bannertext */
.bannertext{width: 50%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 1;padding: 0 340px 0 60px;box-sizing: border-box;}
.bannertext p{font-size: 40px;color: #ffffff;line-height: 54px;margin-bottom: 30px;}
.bannertext h3{font-size: 20px;color: #ffffff;letter: 4px;margin-bottom: 40px;}
/* more */
.more{width: 200px;height: 54px;background-color: #f6ab00;color: #FFFFFF;font-size:15px;text-align: center;line-height: 54px;position: relative;overflow: hidden;z-index: 0;display: block;}
.more:before{content: '';display: block;width: 0;height: 100%;background-color: #FFFFFF;position: absolute;top: 0;left: 0;z-index: -1;transition: all .3s;}
.more:hover:before{width: 100%;}
.more:hover{color: #f6ab00;}

/* innerwrap */
.innerwrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;}
/* i-cont */
.i-cont{width: 1400px;}
/* index01 */
.index01wrap{width: 100%;box-sizing: border-box;padding: 150px 0;background: url(../img/bg1_1.jpg)no-repeat center;background-size: cover;}
.index01{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
/* index01imgbox */
.index01imgbox{width: 50%;position: relative;box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.4);}
.index01imgbox img{display: block;width: 100%;position: relative;z-index: 1;}
.index01imgbox:before{content: '';display: none;width: 100%;height: 100%;background: url(../img/i-bg01.png)no-repeat;background-size: cover;bottom: -10px;left: -10px;position: absolute;}
/* index01text */
.index01text{width: 50%;box-sizing: border-box;padding-right: 100px;}
.index01text img{display: block;width: auto;height: 56px;margin-bottom: 30px;}
.index01text h3{font-size: 40px;    color: rgba(34, 34, 34, 0.77);;font-weight: bold;margin-bottom: 30px;}
.index01text strong{display: block;width: 100%;height: 1px;background-color: #DDDDDD;position: relative;margin-bottom: 30px;}
.index01text strong:before{content: '';display: block;width: 80px;height: 2px;background-color: #f6ab00;position: absolute;left: 0;bottom: -1px;}
.index01text h4{font-size: 16px;line-height: 36px;color: #222222;text-align: left;margin-bottom: 30px;letter: 2px;}
.index01text .more{border: 1px solid #f6ab00;background-color: transparent;color: #f6ab00;}
.index01text .more:before{background-color: #f6ab00;}
.index01text .more:hover{color: #FFFFFF;}

/* index02 */
.index02{width: 100%;position: relative;}
.index02 .bg{display: block;width: 100%;height: 70vh;object-fit: cover;}
.index02 .bo{position: absolute;top: 50%;left: 50%;width: 60px;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);cursor: pointer;}

/* videomaskwrap */
.videomaskwrap{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.8);z-index: 9999;display: none;}
.videomask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.tcvideowrap{width: 60%;position: relative;}
.tcvideo{width: 100%;height: 100%;background-color: transparent;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;position: relative;}
.tcvideo video{display: block;width: 100%;}
.tcvideowrap .close{position: absolute;display: block;width: auto;height: 30px;position: absolute;right: -30px;top: -30px;transition: all .3s;cursor: pointer;}
.tcvideowrap .close:hover{transform: rotate(360deg);}

/* index03wrap */
.index03wrap{width: 100%;box-sizing: border-box;padding: 50px 0;background: url(../img/i-bg02.png.jpg)no-repeat;background-size: cover;}
/* index03 */
.index03{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;padding: 0 60px;}
.index03 img{display: block;width: 100px;margin: auto;}
.index03 h3{    font-size: 16px;    color: black;margin-top: 6px; font-weight: bold; width: 155px;text-align: center;    margin: auto;}
.index03 p{    font-size: 13px;    color: #444444; width: 200px;text-align: center;line-height: 1.5;margin-top: 13px;}

/* index04wrap */
.index04wrap{margin: 110px auto;}
/* i-tl */
.i-tl{text-align: center;}
.i-tl h3{font-size: 40px;color: #383635;font-weight: bold;margin-bottom: 30px;}
.i-tl h4{font-size: 16px;color: #666666;margin-bottom: 40px;    line-height: 1.5;}
/* index04 */
.index04{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.index04 .item{width: 49%;position: relative;}
.index04 .item img{display: block;width: 100%;}
.index04 .item .hovertext{width: 94%;height: 94%;border: 1px solid transparent;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;transition: all .5s;opacity: 1;position: absolute;top: 3%;left: 3%;}
.index04 .item .hovertext .cont{width: 85%;transform: translateY(49px);transition: all .3s;}
.index04 .item .hovertext .cont font{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 21px;color: #fff;font-weight: bold;margin-bottom: 50px;}
.index04 .item .hovertext .cont font::after{content: '';display: block;width: 30px;height: 1px;background-color: #FFFFFF;margin-left: 10px;}
.index04 .item .hovertext .cont .tl{margin-bottom: 50px;}
.index04 .item .hovertext .cont .tl h3{font-size: 36px;color: #fff;font-weight:bold;}
.index04 .item .hovertext .cont h4 {font-size: 16px;line-height: 34px;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;width: 44%;text-align: left;letter: 0;}
.index04 .item .hovertext .cont .more{width: 170px;height: 50px;line-height: 50px;margin-top: 50px;opacity: 0;transition: all .3s;}

.index04 .item:hover .hovertext{background-color: rgba(0,0,0,0.3);border-color: rgba(255,255,255,0.5);opacity: 1;}
.index04 .item:hover .hovertext .cont .more{opacity: 1;}
.index04 .item:hover .hovertext .cont{transform: none;}

/* index05wrap */
.index05wrap{width: 100%;box-sizing: border-box;padding: 90px 0;background: url(../img/bg3.jpg)no-repeat;background-size: cover;}
.index05{margin: auto;}
.i05-tl{text-align: center;font-weight: bold;font-size: 40px;color: #FFFFFF;margin-bottom: 50px;}
.index05list{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.index05list .item{width: calc((100% - 60px)/4);}
.index05list .item .imgbox{width: 100%;box-sizing: border-box;padding: 30px 0;background-color: rgba(255,255,255,0.9);position: relative;transition: all .3s;}
.index05list .item .imgbox:before{content: '';display: block;width: 50px;height: 5px;background-color: #f6ab00;position: absolute;left: 50%;margin-left: -25px;bottom: -3px;opacity: 0;transition: all .3s;}
.index05list .item .imgbox .img{margin: auto;width: 74px;}
.index05list .item .imgbox .img img{display: block;width: 100%;}
.index05list .item .imgbox h3{font-size: 20px;color: #444444;margin-top: 20px;text-align: center;}
.index05list .item .text{width: 100%;text-align: center;box-sizing: border-box;padding: 0 30px;}
.index05list .item .text h4{font-size: 15px;line-height: 28px;color: #ffffff;margin: 30px 0 20px;}
.index05list .item .text i{display: block;width: 30px;height: 30px;border: 1px solid #fff;line-height: 30px;text-align: center;box-sizing: border-box;font-size: 14px;color: #FFFFFF;border-radius: 50%;margin: auto;transition: all .3s;opacity: 0;}
.index05list .item:hover .imgbox:before{opacity: 1;}
.index05list .item:hover .text i{opacity: 1;}
.index05list .item:hover .imgbox{background-color: rgba(255,255,255,1);}


.nav li .nav02{width: 320px;}



.Articlesfy{display: block; margin: 30px auto;}
.Articlesfy .screen-reader-text{display: none;}
.Articlesfy .nav-links{display: flex ; align-items: center; justify-content: center;}
.Articlesfy .nav-links span,.Articlesfy .nav-links a{width: 36px; border: 1px solid #eba403; height: 36px; display: flex ; align-items: center; justify-content: center; border-radius: 50%; margin: 0 5px; color: #eba403; font-size: 14px;}
.Articlesfy .nav-links a:hover,.Articlesfy .nav-links span{background: #eba403; color: #fff;}

.mbx{margin: 10px auto; display: flex ;}
.mbx a,.mbx i{display: block; color: #666; font-size: 14px; margin: 0 10px 0 0;}
.mbx a:hover{ color:#eba403; }


/* footer */
.footerwrap{width: 100%;box-sizing: border-box;padding: 80px 0 0;background-color: #373434;border-top: 5px solid #f6ab00;}
.footer{margin: auto;}
/* footer-top */
.footer-top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.f-nav{width: 70%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.f-nav li .item h3 a,.f-lx .text h3{font-size: 15px;color: #FFFFFF;font-weight: bold;}
.f-nav li .item h3{margin-bottom: 20px;}
.f-nav li .item .min p,.f-nav li .item .min .xcxhover{margin-bottom: 20px;position: relative;}
.f-nav li .item .min a,.f-lx .text a{font-size: 14px;color: #9fa3a6;position: relative;}
.f-nav li .item .min a:hover{color: #FFFFFF;}
.f-nav li .item{margin-bottom: 40px;}
.f-nav li .item:last-child{margin-bottom: 0;}
/* f-line */
.f-line{width: 1px;background-color: rgba(255,255,255,0.5);margin: 0 100px;}
/* f-lx */
.f-lx{width: 31%;box-sizing: border-box;}
.f-lx .text{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,0.5);}
.f-lx .text h3{margin-bottom: 20px;}
.f-lx .text a{display: block;margin-bottom: 20px;color: #fff;width: 200px;height: 40px;line-height: 40px;}
.f-lx .text a:hover{color: #9fa3a6;}
.f-lx .text a:last-child{margin-bottom: 0;}
/* f-ewm */
.f-ewm{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.f-ewm img{display: block;width: 105px;}
.f-ewm .info{width: calc(100% - 130px);}
.f-ewm .info h3{font-size: 12px;color: #ffffff;margin-bottom: 10px;}
.f-ewm .info p{font-size: 9px;line-height: 24px;color: #a0a0a0;}
/* copyright */
.copyright{width: 100%;box-sizing: border-box;border-top: 1px solid rgba(255,255,255,0.5);display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;height: 90px;margin-top: 40px;}
.copyright p,.copyright a{font-size: 13px;color: #a0a0a0;}
.copyright h3{display: flex;display: -webkit-flex;}
.copyright h3 p{margin-right: 20px;}


/* innerbanner */
.innerbannerwrap{width: 100%;overflow: hidden;box-sizing: border-box;padding-top: 132px;background-color: #373434;}
.innerbannerwrap .innerbanner{width: 100%;overflow: hidden;position: relative;overflow: hidden;}
.innerbannerwrap .innerbanner img{width: 100%;height: auto;display: block;object-fit: cover;}
.innerbannerwrap .innerbanner .innerbannertext{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.innerbannerwrap .innerbanner .innerbannertext h3{font-size: 48px;color: #fff;padding-bottom: 30px;padding-left: 50px;font-weight: bold;}
.innerbannerwrap .innerbanner .innerbannertext h4{font-size: 16px;color: #fff;padding-left: 50px;}
.innerbannerwrap .innerbanner .innerbannertext::before{content: '';display: block;width: 3px;height: 100%;position: absolute;top: 0;background-color: rgb(235,164,3);}

/* contactus */
.contactuswrap{width: 100%;overflow: hidden;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;background: url(../img/bg3.jpg) no-repeat center;background-size: cover;display: none;}
.contactuswrap .contactus{padding: 110px 0;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;flex-direction: column;}
.contactuswrap .contactus h3{font-size: 36px;color: #fff;}
.contactuswrap .contactus h4{font-size: 16px;padding: 34px 0;color: #fff;}
.contactuswrap .contactus h4 a{text-decoration:underline;color: #fff;}
.contactuswrap .contactus .more{width: 160px;height: 46px;line-height: 46px;}



/* contact */
.contact02wrap{width: 100%;overflow: hidden;display: flex;display: -webkit-flex;justify-content: center;align-items: center;padding: 100px 0;}
.contact02wrap .i-cont{display: flex;display: -webkit-flex;justify-content: space-between;}
.contact02wrap .left{display: flex;display: -webkit-flex;flex-direction: column;flex: 5.5;justify-content: space-between;}
.contact02wrap .left .text{position: relative;}
.contact02wrap .left .text::before{content: '';display: block;height: 1px;width: 100%;position: absolute;background-color: #ccc}
.contact02wrap .left h3{font-size: 30px;margin: 50px 0 36px 0;position: relative;color: rgba(0,0,0,.8);font-weight: bold;letter: 2px;}
.contact02wrap .left .text .code{text-align: center;position: absolute;right: 20px;top: 22%;}
.contact02wrap .left .text .code::before{content: '';display: block;height: 100%;width: 1px;position: absolute;background-color: #ccc}
.contact02wrap .left .text .code img{width: 105px;height: 105px;display: block;margin: 0 0 10px 50px;}
.contact02wrap .left .text .code h5{font-size: 14px;margin-left: 50px;}
.contact02wrap .left .text:last-child::after{content: '';display: block;height: 1px;width: 100%;position: absolute;background-color: #ccc}
.contact02wrap .left h4{font-size: 16px;font-weight: 500;color: #000;    width: 550px;    line-height: 30px;}
.contact02wrap .left h4:last-child{margin-bottom: 50px;}
.contact02wrap .right{height: 776px;flex: 4.5;margin-left: 5%;border: 1px solid #fff;box-shadow:0 0 10px #CCC;-webkit-box-shadow:0 0 20px #CCC;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.contact02wrap .right .rightbox{display: flex;display: -webkit-flex;flex-direction: column;width: 80%;}
.contact02wrap .right h3{font-size: 30px;margin-bottom: 30px;color: rgba(0,0,0,.8);font-weight: bold;letter: 2px;}
.contact02wrap .right .text{height: 40px;margin: 8px 0;border-radius: 5px;outline: medium;border: 1px solid rgba(0,0,0,.3); color: rgba(0,0,0,.9); padding-left: 20px;letter: 1px;}
.contact02wrap .right textarea{resize:none;height: 120px;margin: 8px 0;border-radius: 5px;outline: medium;border: 1px solid rgba(0,0,0,.3); color: rgba(0,0,0,.9); padding-left: 20px;letter: 1px;padding-top: 20px;}
.contact02wrap .right .submit{width: 136px;height: 40px;border-radius: 5px;outline: medium;border: 1px solid #fff;background-color: rgb(253,164,3);color: #fff;font-size: 14px;letter: 5px;cursor: pointer;margin-top: 30px;}



/* about */

.about02wrap{width: 100%;overflow: hidden;position: relative;background: url(../img/about_03.jpg)no-repeat center;background-size: cover;}
.about02wrap .left{width: 50%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);overflow: hidden;z-index: 9;}
.about02wrap .left img{width: 90%; height: auto;display: block;}
.about02wrap .right{width: 44%;float: right;padding:176px 6% 176px 30%;}
.about02wrap .right .text{text-align: left;}
.about02wrap .right .text h2{font-size: 32px;color: rgba(0,0,0,.8);font-weight: bold;}
.about02wrap .right .text h3{font-size: 16px;margin: 48px 0;    color: #222222d1;line-height: 32px;letter: 2px;}
.about02wrap .right .text h4{font-size: 16px;margin:20px 0;line-height: 32px;}
.about02wrap .right .text h4:nth-of-last-type(1){margin-bottom:0;}


.about03wrap{width: 100%;padding: 130px 0;overflow: hidden;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.about03wrap .i-cont .title{width: 90%;position: relative;}
.about03wrap .i-cont .title h3{font-size: 36px;color: rgba(0,0,0,.8);font-weight: bold;position: relative;margin-left: 10%;    width: 1800px;}
.about03wrap .i-cont .title h3::before{content: '';display: block;width: 4px;height: 100%;position: absolute;top: 0;left: -11%;background-color: rgb(235,164,3);}
.about03wrap .i-cont .title h4{font-size: 20px;text-align: left;color: rgba(0,0,0,.8);line-height: 32px;margin: 42px 0 120px 10%;position: relative;}
.about03wrap .i-cont .title::before{content: '';display: block;width: 2px;height: 100%;position: absolute;top: 0;background-color: #ccc;}
.about03wrap .i-cont .content{display: flex;display: -webkit-flex;flex-direction: row;overflow: hidden;}
.about03wrap .i-cont .content .left{width: 50%;background-color: rgb(56,52,53);display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.about03wrap .i-cont .content .left .show{width: 80%;}
.about03wrap .i-cont .content .left .show h2{font-size: 36px;color: #fff;font-weight: bold;margin-bottom: 30px;}
.about03wrap .i-cont .content .left .show .showh3{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}
.about03wrap .i-cont .content .left .show h3{font-size: 20px;color: #fff;font-weight: bold;line-height:24px;}
.about03wrap .i-cont .content .left .show .showline{width: 66%;height: 1px;background-color: #fff;opacity: 0.5;}
.about03wrap .i-cont .content .left .show h4{font-size: 16px;text-align: left;color: #fff;letter: 1px;opacity: 0.8;line-height: 30px;margin-bottom: 30px;}
.about03wrap .i-cont .content .left .show h4:last-child{margin-bottom: 0;}
.about03wrap .i-cont .content img{width: 50%;height: auto;display: block;}


.about04wrap{width: 100%;display: flex;display: -webkit-flex;overflow: hidden;}
.about04wrap img{width: 50%;height: auto;display: block;z-index: 9;}
.about04wrap .right{width: 35%;padding:0 10% 0 5%;background: url(../img/about_06.jpg)no-repeat center;background-size: cover;display: flex;display: -webkit-flex;flex-direction: column;justify-content: center;}
.about04wrap .right h3{font-size: 36px;color: rgba(0,0,0,.8);font-weight: bold;margin-bottom: 44px;}
.about04wrap .right h4{font-size: 16px;margin: 0 0 20px 0;line-height: 32px;}
.about04wrap .right h4:nth-of-last-type{margin-bottom:0;}

.about05wrap{width: 100%;padding: 100px 0;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.about05wrap .i-cont{display: flex;display: -webkit-flex;justify-content: space-between;}
.about05wrap .i-cont a{width: 32%;overflow: hidden;display: block;}
.about05wrap .i-cont a:hover .content .mask{background-color: rgba(0,0,0,0.6);}
.about05wrap .i-cont a:hover img{transform: scale(1.15);}
.about05wrap .i-cont a .content{width: 100%;overflow: hidden;position: relative;}
.about05wrap .i-cont a .content img{width: 100%;height: auto;display: block;transition:all .6s;}
.about05wrap .i-cont a .content .mask{width: 100%;height: 100%;overflow: hidden;position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,0.3);transition: all .6s;}
.about05wrap .i-cont a .content .text{position: absolute;bottom: 15%;left: 10%;}
.about05wrap .i-cont a .content .text h3{font-size: 28px;color: #fff;font-weight: bold;}
.about05wrap .i-cont a .content .text h4{font-size: 16px;color: #fff;margin-top: 20px;}



/* history */

.history01wrap{width: 100%;overflow: hidden;box-sizing: border-box;padding-top: 132px;background-color: #373434;}
.history01wrap .historybanner{width: 100%;overflow: hidden;position: relative;overflow: hidden;}
.history01wrap .historybanner img{width: 100%;height: auto;display: block;object-fit: cover;}
.history01wrap .historybanner .historytext{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.history01wrap .historybanner .historytext h3{font-size: 48px;color: #fff;padding-bottom: 30px;padding-left: 50px;font-weight: bold;}
.history01wrap .historybanner .historytext h4{font-size: 16px;color: #fff;padding-left: 50px;}
.history01wrap .historybanner .historytext::before{content: '';display: block;width: 3px;height: 100%;position: absolute;top: 0;background-color: rgb(235,164,3);}

.history02wrap{width: 100%;overflow: hidden;display: flex;display: -webkit-flex;justify-content: center;align-items: center;padding-top: 100px;background: url(/style/img/history_bg.jpg) center 0 / cover;background-attachment: fixed;}
.history02wrap .i-cont{position: relative;}
.history02wrap .i-cont::before {content: '';position: absolute;top: 0;left: 0;width: 5px;height: calc(100% - 90px);background: rgb(241,241,241);}
.history02wrap .i-cont .period{width: 100%;border-top: 3px solid rgb(241,241,241);position: relative;display: flex;display: -webkit-flex;justify-content: flex-end;padding-bottom: 90px;}
.history02wrap .i-cont .period .year {position: absolute;left: -45px;top: -45px;line-height: 90px;width: 90px;height: 90px;color: rgb(235,164,3);font-size: 22px;text-align: center;font-weight: bold;background: #fff;border-radius: 50%;}
.history02wrap .i-cont .period .content{width: 92%;overflow: hidden; position: relative;top: -3px;background: #ffffff;box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);display: flex;display: -webkit-flex;padding: 66px 0;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.history02wrap .i-cont .period .content .text{padding-left: 60px;padding-right:60px;}
.history02wrap .i-cont .period .content .text h3{font-size: 20px;font-weight: bold;color: #000;padding-top: 30px;    line-height: 30px;}
.history02wrap .i-cont .period .content .text h4{font-size: 16px;line-height: 30px;letter: 0px;text-align: left;padding-top: 20px;}
.history02wrap .i-cont .period .content img{display: block;padding-right: 60px;width: 25%;}
.history02wrap .i-cont .period .content::after {content: '';position: absolute;left: 56px;top: 50px;width: 40px;height: 40px;background: url(/style/img/history_quote.jpg) no-repeat center 0 / cover;}



/* download */
.download01wrap{width: 100%;overflow: hidden;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;padding: 46px 0 100px 0;}
.download01wrap .download01{}
.download01wrap .download01 .title{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;margin-bottom: 56px;flex-direction: row;}
.download01wrap .download01 .title .more{display: block;width: 192px;height: 49px;line-height: 49px;text-align: center;font-size: 16px;background-color: rgb(238,238,238);color: #000;float: left;margin-right: 30px;}
.download01wrap .download01 .title .more:before{background-color: rgb(235,164,3);}
.download01wrap .download01 .title .more:hover{color: #fff;}
.download01wrap .download01 .title .active{background-color: rgb(235,164,3);color: #fff;}
.download01wrap .download01 .content{width: 100%;border-top: 1px solid rgba(0,0,0,.3);}
.download01wrap .download01 .content ul{width: 100%;position: relative;display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;}
.download01wrap .download01 .content ul li{width: 45%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;-webkit-align-items:center;align-items: center;border-bottom: 1px solid rgba(0,0,0,.3);padding: 30px 0;}
.download01wrap .download01 .content ul li .left{width: 70%;}
.download01wrap .download01 .content ul li .left i{float: left;font-size: 17px;margin-right: 20px;}
.download01wrap .download01 .content ul li .left h3{font-size: 17px;text-align: left;color: #000;}
.download01wrap .download01 .content ul li .more{display: block;width: 139px;height: 35px;line-height: 35px;text-align: center;background-color: rgb(238,238,238);color: #000;}
.download01wrap .download01 .content ul li .more::before{background-color: rgb(235,164,3);}
.download01wrap .download01 .content ul li .more:hover .textbox i{color: #fff;}
.download01wrap .download01 .content ul li .more:hover .textbox h4{color: #fff;}
.download01wrap .download01 .content ul li .more .textbox{width: 80%;height: 35px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;}
.download01wrap .download01 .content ul li .more .textbox i{margin: 0 10px;font-size: 13px;}
.download01wrap .download01 .content ul li .more .textbox h4{    font-size: 12px;}




/* solution */
.solution01wrap{width: 100%;overflow: hidden;}
.solution01wrap .solution01nav{width: 100%;background-color: rgb(238,238,238);display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;}
.solution01wrap .solution01nav>div{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items:center;}
.solution01wrap .solution01nav>div i{width: 1px;height: 20px;background-color: rgb(170,170,170);}
.solution01wrap .solution01nav>div a{display: block;position: relative;    font-size: 16px;    width: 400px;height: 84px;line-height: 84px;text-align: center;color: rgb(68,68,68);}
.solution01wrap .solution01nav>div a::before{content: '';display: block;width: 0;height: 3px;background-color: rgb(235,164,3);position: absolute;left: 0;bottom: -2px;transition: all .3s;}
.solution01wrap .solution01nav>div a:hover::before{width: 100%;}
.solution01wrap .solution01nav>div a:hover{color: rgb(235,164,3);}
.solution01wrap .solution01nav>div .active{color: rgb(253,164,3);}
.solution01wrap .solution01nav>div .active::before{width: 100%;}
.solution01wrap .solution01tabs{width: 100%;overflow: hidden;position: relative;}
.solution01wrap .solution01tabs .taball{width: 100%;}
.solution01wrap .solution01tabs .taball .solution01title{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content:center;padding: 90px 0 45px 0;}
.solution01wrap .solution01tabs .taball .solution01title h3{font-size: 34px;font-weight: bold;color: rgb(34,34,34);margin-bottom: 30px;}
.solution01wrap .solution01tabs .taball .solution01title h4{font-size: 20px;    color: rgba(34, 34, 34, 0.77);line-height: 1.5;}
.solution01wrap .solution01tabs .taball .solution01tool{width: 100%;border: 1px solid rgb(204,204,204);border-bottom: 0;background-color: rgb(252,251,255);display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;overflow: hidden;}
.solution01wrap .solution01tabs .taball .solution01tool .tool{width: 100%;overflow: hidden;}
.solution01wrap .solution01tabs .taball .solution01tool img{display: block;width: 100%;height: auto;}
.solution01wrap .solution01tabs .taball .solution01content{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;padding: 80px 0;border-top: 1px solid rgb(204,204,204);}
.solution01wrap .solution01tabs .taball .solution01content>div{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;overflow: hidden;}
.solution01wrap .solution01tabs .taball .solution01content>div img{display: block;width: 45%;height: auto;}
.solution01wrap .solution01tabs .taball .solution01content>div .text{width: 50%;}
.solution01wrap .solution01tabs .taball .solution01content>div .text h3{font-size: 24px;color: rgb(34,34,34);font-weight: bold;letter: 1.5px;margin-bottom: 35px;}
.solution01wrap .solution01tabs .taball .solution01content>div .text h4{font-size: 16px;color: rgb(102,102,102);text-align: left;letter: 2px;line-height: 30px;}


/* train */
.train01wrap{width: 100%;overflow: hidden;}
.train01wrap .train01title{width: 100%;padding: 46px 0 42px 0;display: flex;display: -webkit-flex;;justify-content: center;-webkit-justify-content: center;}
.train01wrap .train01title .title{display: flex;display: -webkit-flex;flex-wrap: wrap;flex-direction: row;}
.train01wrap .train01title .title .more{display: block;width: 192px;height: 49px;line-height: 49px;text-align: center;font-size: 16px;background-color: rgb(238,238,238);color: #000;float: left;margin-right: 30px;}
.train01wrap .train01title .title .more:before{background-color: rgb(235,164,3);}
.train01wrap .train01title .title .more:hover{color: #fff;}
.train01wrap .train01title .title .active{background-color: rgb(235,164,3);color: #fff;}
.train01wrap .train01content{width: 100%;overflow: hidden;}
.train01wrap .train01content .train01show{width: 100%;border-bottom: 1px solid rgb(221,221,221);display: flex;display: -webkit-flex;;justify-content: center;-webkit-justify-content: center;padding: 54px 0;cursor: pointer;overflow: hidden;}
.train01wrap .train01content .train01show:nth-child(5n+1){border-top: 1px solid rgb(221,221,221);}
.train01wrap .train01content .train01show .train01showbox{display: flex;display: -webkit-flex;position: relative;align-items: flex-start;-webkit-align-items: flex-start;}
.train01wrap .train01content .train01show .train01showbox img{display: block;width: 26%;margin: 0 0;}
.train01wrap .train01content .train01show .train01showbox .right{width: 56%;margin: auto 0;margin-left: 4%;}
.train01wrap .train01content .train01show .train01showbox .right h3{font-size: 20px;color: rgb(34,34,34);font-weight: bold;letter: 1.5px;}
.train01wrap .train01content .train01show .train01showbox .right .text h4{font-size: 16px;color: rgb(102,102,102);margin-top: 34px;letter: 1.2px;line-height: 30px;text-align: left;}
.train01wrap .train01content .train01show .train01showbox i{display: none;}
.train01wrap .train01content .active{background-color: rgb(241,242,243);}
.train01wrap .train01content .active .train01showbox{display: flex;display: -webkit-flex;position: relative;}
.train01wrap .train01content .active .train01showbox i{display: block;width: 48px;height: 48px;line-height: 48px;text-align: center;background-color: rgb(235,164,3);color: #fff;font-size: 20px;border-radius: 50%;position: absolute;right: 0;top: 84px;}
.train01wrap .train01content .train01show .train01showbox .right .text h4{display: none;}
.train01wrap .train01content .train01show .train01showbox .right .text h4:first-child{display: block;}
.train01wrap .train01content .active .train01showbox .right .text h4{display: block;}
.train01wrap .train01content .train01footer{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;}
.train01wrap .train01pagewrap{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;padding: 44px 0 74px 0;}
.train01wrap .train01pagewrap .train01page{display: flex;display: -webkit-flex;}
.train01wrap .train01pagewrap .train01page a{display: block;width: 32px;height: 32px;line-height: 32px;text-align: center;border: 1px solid rgb(184,184,184);color: rgb(184,184,184);border-radius: 5px;margin-right: 25px;cursor: pointer;font-size: 18px;}
.train01wrap .train01pagewrap .train01page span{display: block;width: 32px;height: 32px;line-height: 32px;text-align: center;border: 1px solid rgb(235,164,3);background-color: rgb(235,164,3);color: #fff;border-radius: 5px;margin-right: 25px;font-size: 18px;}
.train01wrap .train01pagewrap .train01page .next,.train01wrap .train01pagewrap .train01page .prev{width: 90px;font-size: 18px;}
.train01wrap .train01pagewrap .train01page a:hover{background-color: rgb(235,164,3);border: 1px solid rgb(235,164,3);color: #fff;}


/* certification */
.certification01wrap{width: 100%;overflow: hidden;}
.certification01wrap .certification01title{width: 100%;padding: 46px 0 42px 0;display: flex;display: -webkit-flex;;justify-content: center;-webkit-justify-content: center;border-bottom: 1px solid rgb(221,221,221);}
.certification01wrap .certification01title .title{display: flex;display: -webkit-flex;flex-wrap: wrap;flex-direction: row;}
.certification01wrap .certification01title .title .more{display: block;width: 192px;height: 49px;line-height: 49px;text-align: center;font-size: 16px;background-color: rgb(238,238,238);color: #000;float: left;margin-right: 30px;}
.certification01wrap .certification01title .title .more:before{background-color: rgb(235,164,3);}
.certification01wrap .certification01title .title .more:hover{color: #fff;}
.certification01wrap .certification01title .title .active{background-color: rgb(235,164,3);color: #fff;}
.certification01wrap .certification01content{width: 100%;overflow: hidden;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;padding: 70px 0 85px 0;}
.certification01wrap .certification01content .content{display: flex;display: -webkit-flex;flex-direction: column;}
.certification01wrap .certification01content .content .theme{width: 100%;background-color: rgb(238,238,238);display: flex;display: -webkit-flex;justify-content: space-evenly;-webkit-justify-content:space-evenly;padding: 35px 0;border-bottom: 1px solid rgb(221,221,221);}
.certification01wrap .certification01content .content .information{width: 100%;display: flex;display: -webkit-flex;justify-content: space-evenly;-webkit-justify-content:space-evenly;padding: 35px 0;border-bottom: 1px solid rgb(221,221,221);}
.certification01wrap .certification01content .content .theme li{font-size: 20px;font-weight: bold;color: rgb(34,34,34);width: 120px;}
.certification01wrap .certification01content .content .information li{font-size: 18px;color: rgb(102,102,102);width: 120px;}


/* product */
.product01wrap{width: 100%;overflow: hidden;padding-bottom: 106px;}
.product01wrap .product01title{width: 100%;overflow: hidden;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;background-color: rgb(238,238,238);}
.product01wrap .product01title .title{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
.product01wrap .product01title .title a{padding: 15px 0;opacity: 0.6;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-right: 200px;}
.product01wrap .product01title .title a:last-child{margin-right: 0;}
.product01wrap .product01title .title a:hover{opacity: 1;}
.product01wrap .product01title .title a img{display: block;width: 100px;margin: auto;}
.product01wrap .product01title .title a h3{font-size: 20px;margin-left: 10px;color: rgb(34,34,34);font-weight: bold;}
.product01wrap .product01content{width: 100%;overflow: hidden;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;}
.product01wrap .product01content .content .series{margin-top: 80px;}
.product01wrap .product01content .content .series .title{font-size: 36px;font-weight: bold;color: rgb(34,34,34);margin-bottom: 50px;}
.product01wrap .product01content .content .series .region{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.product01wrap .product01content .content .series .region .show{width: 49%;overflow: hidden;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;padding: 30px 0 60px 0;border-top: 1px solid rgb(221,221,221);}
.product01wrap .product01content .content .series .region .show:nth-child(1),.product01wrap .product01content .content .series .region .show:nth-child(2){border-top: 0;}
.product01wrap .product01content .content .series .region .show:nth-child(2n-1){border-right: 1px solid rgb(221,221,221);}
.product01wrap .product01content .content .series .region .show img{display: block;width: 40%;height: auto;margin-left: 20px;}
.product01wrap .product01content .content .series .region .show .right{position: relative;width: 46%;margin-left: 6%;}
.product01wrap .product01content .content .series .region .show .right h3{font-size: 30px;font-weight: bold;color: rgb(34,34,34);margin-bottom: 43px;}
.product01wrap .product01content .content .series .region .show .right h4{font-size: 16px;color: rgb(102,102,102);line-height: 24px;margin-bottom: 46px;text-align: left;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:10; }
.product01wrap .product01content .content .series .region .show .right .more{width: 148px;height: 40px;line-height: 40px;background-color: #fff;font-size: 14px;color: rgb(55,52,52);border: 1px solid rgb(58,55,55);overflow: visible;}
.product01wrap .product01content .content .series .region .show .right .more:before{background-color: rgb(58,55,55);}
.product01wrap .product01content .content .series .region .show .right .more:hover:before{width: 100%;border-right: 1px solid rgb(58,55,55);border-bottom: 1px solid rgb(58,55,55);}
.product01wrap .product01content .content .series .region .show .right .more:hover{color: #fff;}


/* customized */
.customized01wrap{width: 100%;overflow: hidden;padding-bottom: 106px;}
.customized01wrap .customized01content{width: 100%;overflow: hidden;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;}
.customized01wrap .customized01content .content .series{margin-top: 80px;}
.customized01wrap .customized01content .content .series .region{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.customized01wrap .customized01content .content .series .region .show{width: 49%;overflow: hidden;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;padding: 30px 0 60px 0;border-top: 1px solid rgb(221,221,221);}
.customized01wrap .customized01content .content .series .region .show:nth-child(1),.customized01wrap .customized01content .content .series .region .show:nth-child(2){border-top: 0;}
.customized01wrap .customized01content .content .series .region .show:nth-child(2n-1){border-right: 1px solid rgb(221,221,221);}
.customized01wrap .customized01content .content .series .region .show img{display: block;width: 40%;height: auto;margin-left: 20px;}
.customized01wrap .customized01content .content .series .region .show .right{position: relative;width: 46%;margin-left: 6%;}
.customized01wrap .customized01content .content .series .region .show .right h3{font-size: 30px;font-weight: bold;color: rgb(34,34,34);margin-bottom: 43px;}
.customized01wrap .customized01content .content .series .region .show .right h4{font-size: 16px;color: rgb(102,102,102);line-height: 24px;margin-bottom: 46px;text-align: left;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; }
.customized01wrap .customized01content .content .series .region .show .right .more{width: 148px;height: 40px;line-height: 40px;background-color: #fff;font-size: 14px;color: rgb(55,52,52);border: 1px solid rgb(58,55,55);overflow: visible;}
.customized01wrap .customized01content .content .series .region .show .right .more:before{background-color: rgb(58,55,55);}
.customized01wrap .customized01content .content .series .region .show .right .more:hover:before{width: 100%;border-right: 1px solid rgb(58,55,55);border-bottom: 1px solid rgb(58,55,55);}
.customized01wrap .customized01content .content .series .region .show .right .more:hover{color: #fff;}


/* proinfo */
.proinfoleft{margin-left: 110px;}
.proinfo01wrap{width: 100%;overflow: hidden;padding-top: 132px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;}
.proinfo01wrap .proinfo01{width: 100%;display: flex;display: -webkit-flex;flex-direction: column;align-items: flex-start;-webkit-align-items:flex-start;}
.proinfo01wrap .proinfo01 .title::before{content: '';display: block;width: 3px;height: 100%;position: absolute;top: 0;background-color: rgb(235,164,3);}
.proinfo01wrap .proinfo01 .title{position: relative;margin: 80px 0 50px calc(15.6% + 110px);}
.proinfo01wrap .proinfo01 .title h3{font-size: 38px;color: rgb(34,34,34);font-weight: bold;padding-left: 36px;}
.proinfo01wrap .proinfo01 .proinfo01img{width: 66%;margin-left: 15.6%;background-color: rgb(238,238,238);position: relative;border: 1px solid rgb(230,230,230);}
.proinfo01wrap .proinfo01 .swiper-slide{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;overflow: hidden;}
.proinfo01wrap .proinfo01 .swiper-slide img{display: block;width: 50%;height: auto;}
.proinfo01wrap .proinfo01 .swiper-button-next, .proinfo01wrap .proinfo01 .swiper-button-prev{font-size: 30px;background: none;width: 50px;height: 50px;border: 1px solid rgb(173,173,173);background: #fff;text-align: center;line-height: 50px;border-radius: 50%;font-size: 20px;color: rgb(71,71,71);opacity: 0.3;}
.proinfo01wrap .proinfo01 .swiper-button-next:hover, .proinfo01wrap .proinfo01 .swiper-button-prev:hover{opacity: 0.8;}
.proinfo01wrap .proinfo01 .textbox{width: 70%;margin-left: 15.6%;}
.proinfo01wrap .proinfo01 .textbox .text{padding: 74px 0;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;border-bottom: 1px solid rgb(221,221,221);}
.proinfo01wrap .proinfo01 .textbox .text h2{font-size: 30px;font-weight: bold;color: rgb(34,34,34);width: 150px;}
.proinfo01wrap .proinfo01 .textbox .text .showbox{margin-left: 50px;}
.proinfo01wrap .proinfo01 .textbox .text .show{margin-bottom: 30px;display: flex;display: -webkit-flex;}
.proinfo01wrap .proinfo01 .textbox .text .show:last-child{margin-bottom: 0;}
.proinfo01wrap .proinfo01 .textbox .text .show h3{font-size: 18px;font-weight: bold;color: rgb(34,34,34);width: 200px;}
.proinfo01wrap .proinfo01 .textbox .text .show h4{font-size: 18px;color: rgb(102,102,102);margin-left: 100px;}
.proinfo01wrap .proinfo01 .return{display: block;margin-left: calc(15.6% + 110px);padding: 49px 0;}
.proinfo01wrap .proinfo01 .return div{display: block;font-size: 16px;color: rgb(102,102,102);opacity: 0.8;}
.proinfo01wrap .proinfo01 .return div:hover{opacity: 1;color: rgb(34,34,34);}


/* video */
.video01wrap{width: 100%;overflow: hidden;padding: 90px 0 60px 0;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;}
.video01wrap .video01 .region01{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.video01wrap .video01 .region01 .show{width: 30%;overflow: hidden;margin-bottom: 70px;margin-left: 5%;}
.video01wrap .video01 .region01 .show .showvideo{width: 100%;overflow: hidden;margin-bottom: 34px;position: relative;}
.video01wrap .video01 .region01 .show .showvideo .bg{display: block;width: 100%;height: auto;border: 1px solid #fff;}
.video01wrap .video01 .region01 .show .showvideo .bo{position: absolute;top: 50%;left: 50%;width: 60px;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);cursor: pointer;}
.video01wrap .video01 .region01 .show .showvideo .videohide{width: 100%;height: 100%;display: none;position: absolute;top: 0;object-fit:fill}
.video01wrap .video01 .region01 .show:nth-child(3n+1){margin-left: 0;}
.video01wrap .video01 .region01 .show h3{font-size: 16px;text-align: left;line-height: 24px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video01wrap .video01 .region02{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.video01wrap .video01 .region02 .show{width: 30%;overflow: hidden;margin-bottom: 70px;margin-left: 5%;}
.video01wrap .video01 .region02 .show .showvideo{width: 100%;overflow: hidden;margin-bottom: 34px;position: relative;}
.video01wrap .video01 .region02 .show .showvideo .bg{display: block;width: 100%;height: auto;cursor: pointer;}
.video01wrap .video01 .region02 .show .showvideo .bo{position: absolute;top: 50%;left: 50%;width: 60px;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);cursor: pointer;}
.video01wrap .video01 .region02 .show:nth-child(3n+1){margin-left: 0;}
.video01wrap .video01 .region02 .show h3{font-size: 16px;text-align: left;line-height: 24px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video01wrap .video01 .line{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;justify-content: space-between;-webkit-justify-content:space-between;margin-bottom: 85px;color: rgb(34,34,34)}
.video01wrap .video01 .line>i{width: 560px;height: 1px;background-color: rgb(204,204,204);}
.video01wrap .video01 .line .more{width: 148px;height: 40px;line-height: 40px;background-color: #fff;font-size: 14px;color: rgb(55,52,52);border: 1px solid rgb(58,55,55);overflow: visible;margin: 0 auto;}
.video01wrap .video01 .line .more:hover{color: #fff;box-shadow: 3px 3px 8px 4px rgba(0,0,0,0.15);}
.video01wrap .video01 .line .more::before{background-color: rgb(58,55,55);opacity: 0;content: '';display: block;width: 0%;height: 100%;position: absolute;top: 0;left: 50%;z-index: -1;-webkit-transform: translateX(-50%);transform: translateX(-50%);transition: all .3s;}
.video01wrap .video01 .line .more:hover::before{width: 100%;opacity: 1;}
.video01wrap .video01>h2{width: 100%;font-size: 30px;font-weight: bold;text-align:center;margin-bottom: 38px;}


.vxmaskwrap{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.8);z-index: 9999;display: none;}
.vxmaskwrap .vxmask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.vxmaskwrap .vxmask .tcvxwrap{width: 20%;position: relative;}
.vxmaskwrap .vxmask .tcvxwrap .tcvx{display: block;;width: 100%;height: auto;}
.vxmaskwrap .vxmask .tcvxwrap .vxclose{position: absolute;display: block;width: auto;height: 30px;position: absolute;right: -30px;top: -30px;transition: all .3s;cursor: pointer;}
.vxmaskwrap .vxmask .tcvxwrap .vxclose:hover{transform: rotate(360deg);}




@media only screen and (max-width: 1600px){
	.logo img{height: 36px;}
	.headerwrap{padding: 18x 0 12px;}
	.logo{margin-bottom: 10px;}
	.nav{width: calc(100% - 200px);}
	.h-rform{width: 200px;height: 32px;}
	.h-rform input{height: 100%;}
	.div2_1 .h-rform{width: 100px;}
	.div2_1 .logo img{height: 30px;}
	.nav li a{font-size: 14px;}
	.nav li{margin-right: 30px;}
	.h-rform button{width: 32px;height: 32px;line-height: 30px !important;}
	.h-link a{font-size: 12px;}
	.h-rform button i{font-size: 12px;}
	
	/* index */
	.bannerwrap{padding-top: 113px;}
	.bannertext{padding: 0 5% 0 40px;}
	.bannertext p{font-size: 42px;margin-bottom: 20px;line-height: 50px;}
	.bannertext h3{font-size: 24px;}
	.more{width: 160px;height: 46px;line-height: 46px;font-size: 14px;}
	
	.index01wrap{padding: 100px 0;}
	.i-cont{width: 1160px;}
	.index01text img{height: 46px;margin-bottom: 20px;}
	.index01text h3{font-size: 30px;margin-bottom: 20px;}
	.index01text h4{font-size: 15px;line-height: 32px;    text-align: justify;}
	.index01text strong{margin-bottom: 20px;}
	.index03 img{height: 100px;}
	.index03 p{font-size: 18px;}
	.index04wrap{margin: 100px auto;}
	.i-tl h3,.i05-tl{font-size: 34px;}
	.index04 .item .hovertext .cont .tl h3{font-size: 30px;}
	.index04 .item .hovertext .cont .tl{margin-bottom: 40px;}
	.index04 .item .hovertext .cont font{font-size: 20px;margin-bottom: 40px;}
	.index04 .item .hovertext .cont h4{font-size: 14px;line-height: 30px;}
	.index04 .item .hovertext .cont .more{width: 140px;height: 40px;line-height: 40px;margin-top: 40px;}

	

	/* innerbanner */
	.innerbannerwrap{padding-top: 113px;}
	.innerbannerwrap .innerbanner .innerbannertext h3{font-size: 34px;padding-bottom: 20px;padding-left: 40px;}
	.innerbannerwrap .innerbanner .innerbannertext h4{font-size: 15px;padding-left: 40px;}

	/* contactus */
	.contactuswrap .contactus{padding: 80px 0;}
	.contactuswrap .contactus h3{font-size: 27px;}
	.contactuswrap .contactus h4{font-size: 15px;padding: 27px 0;}
	.contactuswrap .contactus .more{width: 126px;height: 38px;line-height: 38px;font-size: 13px;}


	/* contact */
	.contact02wrap {padding: 75px 0;}
	.contact02wrap .i-cont{}
	.contact02wrap .left h3{font-size: 26px;margin: 38px 0 27px 0;}
	.contact02wrap .left h4{font-size: 14px;margin: 14px 0;    width: 400px;}
	.contact02wrap .left h4:last-child{margin-bottom: 30px;}
	.contact02wrap .left .text .code h5{font-size: 12px;}
	.contact02wrap .right h3{font-size: 26px;margin-bottom: 24px;}
	.contact02wrap .right .text{height: 36px;margin: 6px 0;}
	.contact02wrap .right .submit{width:120px;height: 36px;margin-top: 20px;}


	/* about */
	.about02wrap .right .text h2 {font-size: 23px;}
	.about02wrap .right .text h3 {font-size: 15px;line-height: 30px;margin: 30px 0;letter: 0.3px;}
	.about02wrap .right .text h4 {font-size: 15px;line-height: 28px;    text-align: justify;}
	.about02wrap .right{float: right;padding: 140px 4% 140px 30%;   width: 46%;}
	.about03wrap{padding: 100px 0;}
	.about03wrap .i-cont .title h3{font-size: 27px;}
	.about03wrap .i-cont .title h4{font-size: 15px;line-height: 28px;margin: 32px 0 90px 10%;    text-align: justify; }
	.about03wrap .i-cont .content .left .show h2{font-size: 27px;margin-bottom: 20px;}
	.about03wrap .i-cont .content .left .show .showh3{margin-bottom: 20px;}
	.about03wrap .i-cont .content .left .show h3{font-size: 16px;}
	.about03wrap .i-cont .content .left .show h4{font-size: 15px;letter: 0.5px;line-height: 26px;margin-bottom: 20px;}
	.about03wrap .i-cont .content .left .show h4:last-child{margin-bottom: 0;    text-align: justify;}
	.about04wrap .right h3{font-size: 27px;margin-bottom: 33px;}
	.about04wrap .right h4{font-size: 15px;margin-bottom: 16px;line-height: 26px;    text-align: justify;}
	.about04wrap .right h4:nth-of-last-type(1){margin-bottom:0;}
	.about05wrap .i-cont a .content .text h3{font-size: 26px;}
	.about05wrap .i-cont a .content .text h4{font-size: 14px;}
	
	
	/* history */
	.history-cont{width: 1000px;}
	.history02wrap .i-cont .period .year {}
	.history02wrap .i-cont .period .content .text{width: 55%;}
	.history02wrap .i-cont .period .content .text h3{}
	.history02wrap .i-cont .period .content .text h4{font-size:15px;line-height:28px;}
	.history02wrap .i-cont .period .content::after{width: 30px;height: 30px;}
	.history02wrap .i-cont .period .content img{width: 30%;}
	

	/* download */
	.download01wrap{padding: 34px 0 75px 0;}
	.download01wrap .download01 .title{margin-bottom: 42px;}
	.download01wrap .download01 .title .more{width: 152px;height: 38px;line-height: 38px;font-size: 12px;}
	.download01wrap .download01 .content ul li{padding: 20px 0;}
	.download01wrap .download01 .content ul li .left i{font-size: 14px;margin-right: 14px;}
	.download01wrap .download01 .content ul li .left h3{font-size: 14px;}
	.download01wrap .download01 .content ul li .more{width: 110px;height: 30px;line-height: 30px;}
	.download01wrap .download01 .content ul li .more .textbox{height: 30px;}
	.download01wrap .download01 .content ul li .more .textbox i{font-size: 12px;}
	.download01wrap .download01 .content ul li .more .textbox h4{font-size: 8px;}


	/* solution */
	.solution01wrap .solution01nav>div a{font-size: 13px;height: 63px;line-height: 63px;}
	.solution01wrap .solution01tabs .taball .solution01title{padding: 78px 0 30px 0;}
	.solution01wrap .solution01tabs .taball .solution01title h3{font-size: 26px;margin-bottom: 20px;}
	.solution01wrap .solution01tabs .taball .solution01title h4{font-size: 16px;}
	.solution01wrap .solution01tabs .taball .solution01content{padding: 60px 0;}
	.solution01wrap .solution01tabs .taball .solution01content>div .text h3{font-size: 18px;margin-bottom: 24px;letter: 1px;}
	.solution01wrap .solution01tabs .taball .solution01content>div .text h4{font-size: 13px;line-height: 24px;letter: 1.5px;}

	/* train */
	.train01wrap .train01title{padding: 34px 0 30px 0;}
	.train01wrap .train01title .title .more{width: 152px;height: 38px;line-height: 38px;font-size: 12px;}
	.train01wrap .train01content .train01show{padding: 42px 0;}
	.train01wrap .train01content .train01show .train01showbox .right h3{font-size: 16px;letter: 0.8px;}
	.train01wrap .train01content .train01show .train01showbox .right .text h4{font-size: 12px;margin-top: 26px;letter: 1px;line-height: 24px;    text-align: justify;}
	.train01wrap .train01content .active .train01showbox i{width: 36px;height: 36px;line-height: 36px;text-align: center;font-size: 16px;right: 0;top: 63px;}
	.train01wrap .train01pagewrap{padding: 33px 0 56px 0;}
	.train01wrap .train01pagewrap .train01page a{width: 26px;height: 26px;line-height: 26px;margin-right: 18px;font-size: 14px;}
	.train01wrap .train01pagewrap .train01page span{width: 26px;height: 26px;line-height: 26px;margin-right: 18px;font-size: 14px;}
	.train01wrap .train01pagewrap .train01page .next, .train01wrap .train01pagewrap .train01page .prev{width: 78px;font-size: 14px;}


	/* certification */
	.certification01wrap .certification01title{padding: 34px 0 30px 0;}
	.certification01wrap .certification01title .title .more{width: 152px;height: 38px;line-height: 38px;font-size: 12px;}
	.certification01wrap .certification01content{padding: 54px 0 64px;}
	.certification01wrap .certification01content .content .theme{padding: 24px 0;}
	.certification01wrap .certification01content .content .information{padding: 24px 0;}
	.certification01wrap .certification01content .content .theme li{font-size: 16px;}
	.certification01wrap .certification01content .content .information li{font-size: 14px;}

	/* product */
	.product01wrap{padding-bottom: 80px;}
	.product01wrap .product01title .title a{margin-right: 160px;padding: 10px;}
	.product01wrap .product01title .title a img{height: 100px;}
	.product01wrap .product01title .title a h3{font-size: 18px;margin-left: 6px;}
	.product01wrap .product01content .content .series{margin-top: 60px;}
	.product01wrap .product01content .content .series .title{font-size: 27px;margin-bottom: 38px;}
	.product01wrap .product01content .content .series .region .show{padding: 22px 0 45px 0;}
	.product01wrap .product01content .content .series .region .show img{margin-left: 15px;}
	.product01wrap .product01content .content .series .region .show .right h3{font-size: 20px;margin-bottom: 32px;}
	.product01wrap .product01content .content .series .region .show .right h4{font-size: 12px;line-height: 18px;margin-bottom: 34px;    text-align: justify;}


	/* customized */
	.customized01wrap{padding-bottom: 80px;}
	.customized01wrap .customized01content .content .series{margin-top: 60px;}
	.customized01wrap .customized01content .content .series .region .show{padding: 22px 0 45px 0;}
	.customized01wrap .customized01content .content .series .region .show img{margin-left: 15px;}
	.customized01wrap .customized01content .content .series .region .show .right h3{font-size: 20px;margin-bottom: 32px;}
	.customized01wrap .customized01content .content .series .region .show .right h4{font-size: 12px;line-height: 18px;margin-bottom: 34px;}
	

	/* proinfo */
	.proinfoleft {margin-left: 80px;}
	.proinfo01wrap{padding-top: 113px;}
	.proinfo01wrap .proinfo01 .title{margin: 60px 0 36px calc(15.6% + 80px);}
	.proinfo01wrap .proinfo01 .title h3{font-size: 29px;padding-left: 27px;}
	.proinfo01wrap .proinfo01 .swiper-button-next, .proinfo01wrap .proinfo01 .swiper-button-prev{width:38px;height: 38px;line-height: 38px;font-size: 16px;}
	.proinfo01wrap .proinfo01 .textbox .text{padding: 56px 0;}
	.proinfo01wrap .proinfo01 .textbox .text h2{font-size: 22px;width: 115px;}
	.proinfo01wrap .proinfo01 .textbox .text .showbox{margin-left: 38px;}
	.proinfo01wrap .proinfo01 .textbox .text .show{margin-bottom: 22px;}
	.proinfo01wrap .proinfo01 .textbox .text .show h3{font-size: 14px;width: 160px;}
	.proinfo01wrap .proinfo01 .textbox .text .show h4{font-size: 14px;margin-left: 75px;}
	.proinfo01wrap .proinfo01 .return{margin-left: calc(15.6% + 80px);padding: 37px 0;}
	.proinfo01wrap .proinfo01 .return div{font-size: 12px;}

	
	/* video */
	.video01wrap{padding: 68px 0 45px 0;}
	.video01wrap .video01 .region01 .show{margin-bottom: 53px;}
	.video01wrap .video01 .region01 .show .showvideo{margin-bottom: 26px;}
	.video01wrap .video01 .region01 .show h3{font-size: 12px;line-height: 18px;}
	.video01wrap .video01 .region02 .show{margin-bottom: 53px;}
	.video01wrap .video01 .region02 .show .showvideo{margin-bottom: 26px;}
	.video01wrap .video01 .region02 .show h3{font-size: 12px;line-height: 18px;}
	.video01wrap .video01 .line{margin-bottom: 63px;}
	.video01wrap .video01 .line>i{width: 420px;}
	.video01wrap .video01>h2{font-size: 24px;margin-bottom: 29px;}

	.contact02wrap .left .text .code img{width: 85px;height: 85px;}
	.contact02wrap .right{height:600px;}


	.h-link .hdshare{margin: 0 0 0 6px; width: 30px; height: 30px;}
	.h-link .hdshare img{ height: 20px; }

}