@font-face{
	font-family:"calibri";
	src: url("../font/proximanova.ttf");     
}
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:'calibri';line-height:1;font-weight: normal;}
body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{display: block;}
a{ color:#333; text-decoration:none;}
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: calibri;}

/*IE*/
	.web-ie2018{ font-family: calibri,"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-spacing: 2px;margin: 0 auto 30px;}
	.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 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;}
/*<------------------------------------->*/	

/* header */
.headerwrap{width: 100%;box-sizing: border-box;background-color: #FFFFFF;padding: 0 5%;border-bottom: 1px solid #DDDDDD;position: fixed;left: 0;top: 0;z-index: 3;}
.headerwrap .header{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;position: relative;}
.headerwrap .header .logo{position: absolute;left: 0;}
.headerwrap .header .logo img{width: auto;height: 60px;}
.headerwrap .header .nav{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;-webkit-justify-content: center;justify-content: center;height: 98px;}
.headerwrap .header .nav li a{font-size: 20px;color: #333333;}
.headerwrap .header .nav li{margin-right: 0;padding:  0 20px;}
.headerwrap .header .nav li:last-child{margin-right: 0;}
.headerwrap .header .right{position: absolute;right: 0;display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;-webkit-align-items: center;align-items: center;}
.more{display: block;width: 164px;height: 40px;text-align: center;line-height: 40px;border-radius: 2rem;background-color: #f6ab00;font-size: 14px;color: #ffffff;border: 1px solid #f6ab00;position: relative;z-index: 0;overflow: hidden;text-transform: uppercase;}
.more:after{content: '';display: block;width: 0%;height: 100%;transition: all .3s;position: absolute;left: 0;top: 0;background-color: #FFFFFF;z-index: -1;}
.more:hover:after{width: 100%;}
.more:hover{z-index: 1;color: #333333;}
.headerwrap .header .right .language{padding: 0 20px;border-left: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;margin-left: 40px;}
.headerwrap .header .right .language i{font-size: 20px;}
.headerwrap .header .right .language i:first-child{margin-right: 10px;}

.headerwrap .header .nav li{position: relative;height: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.headerwrap .header .nav li::after{content: '';display: block;width: 0%;height: 2px;background-color: #f6ab00;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.headerwrap .header .nav li .navdown{width: auto;min-width: 100%;background-color: #FFFFFF;box-shadow: 0px 5px 5px rgba(0,0,0,0.3);position: absolute;left: 50%;top: 98px;opacity: 0;visibility: hidden;transition: all .3s;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.headerwrap .header .nav li .navdown a{display: block;line-height: 40px;font-size: 14px;color: #222;box-sizing: border-box;padding: 0 20px;white-space: nowrap;transition: all .3s;text-align: center;}
.headerwrap .header .nav li:hover::after{width: 100%;}
.headerwrap .header .nav li:hover>a{color: #f6ab00;}
.headerwrap .header .nav li .navdown a:hover{background-color: #F6AB00;color: #FFFFFF;}
.headerwrap .header .nav li:hover .navdown{opacity: 1;visibility: visible;}




/* bannerwrap */
.bannerwrap{width: 100%;box-sizing: border-box;position: relative;height: calc(100% - 99px);overflow: hidden;margin-top: 99px;}
.bannerwrap .banner{width: 100%;height: 100%;}
.bannerwrap .banner .swiper-container{height: 100%;}
.bannerwrap .banner .swiper-slide{overflow: hidden;}
.bannerwrap .banner img{display: block;width: auto;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 0;min-width: 100%;height: 100%;}
.bannerwrap .banner .text{width: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 2;box-sizing: border-box;padding: 0 5%;text-align: center;white-space: nowrap;}
.bannerwrap .banner .text p{font-size: 30px;color: #ffffff;text-shadow: 0px 0px 5px rgba(0,7,2,0.3);margin-bottom: 50px;}
.bannerwrap .banner .text h3{font-size: 60px;color: #FFFFFF;text-shadow: 0px 0px 5px rgba(0,7,2,0.3);text-transform: uppercase;letter-spacing: 2px;font-family: calibri;font-weight: bold;margin-bottom: 50px;}
.bannerwrap .banner .text .b-link{width: 100%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.bannerwrap .banner .text .b-link a{display: block;width: 206px;height: 52px;line-height: 52px;text-align: center;font-size: 16px;color: #333333;background-color: rgba(255,255,255,0.8);margin-right: 30px;border-radius: 2rem;font-size: 16px;color: #333333;text-transform: uppercase;border: none;}
.bannerwrap .banner .text .b-link a:last-child{margin-right: 0;}
.bannerwrap .banner .swiper-button-next,.bannerwrap .banner .swiper-button-prev{width: 20px;background-size: 100%;height: 30px;}
.bannerwrap .banner .swiper-button-next{right: 5%;}
.bannerwrap .banner .swiper-button-prev{left: 5%;}
.bannerwrap .banner .text .b-link a:after{background-color: #f6ab00;}
.bannerwrap .banner .text .b-link a:hover{color: #FFFFFF;}

.bannerwrap .banner .scroll{display: block;width: 28px;height: 34px;border: 1px solid #FFFFFF;border-radius: 5px;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom: 50px;z-index: 2;}
.bannerwrap .banner .scroll i{display: block;width: 5px;height: 5px;background-color: #FFFFFF;transform: translateX(-50%);-webkit-transform: translateX(-50%);position: absolute;left: 50%;top: 10%;animation: scroll 2s ease-out .5s infinite;}

@keyframes scroll{
	0%{top: 10%;opacity: 1;}
	100%{top: 90%;opacity: 0;}
}
@-webkit-keyframes scroll{
	0%{top: 10%;opacity: 1;}
	100%{top: 90%;opacity: 0;}
}




.innerwrap{width: 100%;overflow: hidden;box-sizing: border-box;}

/* index01 */
.index01{width: 90%;margin: 100px auto;box-sizing: border-box;text-align: center;}
.i-titl{font-size: 40px;color: #333333;text-align: center;margin-bottom: 30px;text-transform: uppercase;font-family: calibri;font-weight: bold;}
.index01 h4{font-size: 16px;color: #333333;line-height: 26px;width: 75%;margin: auto;margin-bottom: 40px;}
.index01 a{margin: auto;width: 170px;font-size: 14px;}

.index02wrap{width: 100%;position: relative;box-sizing: border-box;margin-bottom: 200px;}
/* productsimg */
.index02wrap .index02{width: 80%;margin: auto;margin-top: 60px;}
.index02wrap .index02 .imgbox{display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;background-color: #f0efed;height: 600px;}
.index02wrap .index02 .imgbox img{display: block;width: auto;margin: 0 auto;height: auto;max-width: 80%;max-height: 80%;}
.index02wrap .index02 .text{width: 100%;margin-top: 60px;text-align: center;}
.index02wrap .index02 .text h3{font-size: 40px;color: #333;font-weight: bold;margin-bottom: 40px;font-family: "calibri";}
.index02wrap .index02 .text h4{font-size: 16px;color: #333;line-height: 26px;margin-bottom: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.index02wrap .index02 .text .more{margin: auto;}
.index02wrap .index02 .swiper-slide .text{opacity: 0;transition: all 1s;}
.index02wrap .index02 .swiper-slide-active .text{opacity: 1;}
.index02wrap .index02 .swiper-button-next,.index02wrap .index02 .swiper-button-prev{background-color: rgba(0,0,0,0.6);width: 60px;height: 125px;top: 50%;margin-top: -140px;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.index02wrap .index02 .swiper-button-next{right: 0;-webkit-border-bottom-left-radius: 10px;border-bottom-left-radius: 10px;-webkit-border-top-left-radius: 10px;border-top-left-radius: 10px;}
.index02wrap .index02 .swiper-button-prev{left: 0;-webkit-border-bottom-right-radius: 10px;border-bottom-right-radius: 10px;-webkit-border-top-right-radius: 10px;border-top-right-radius: 10px;}

/* index03 */
.index03{width: 100%;box-sizing: border-box;position: relative;padding: 200px 0;background: url(../img/a_1.jpg) fixed;background-size: cover;}
.index03 a{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 200px;}

/* index04 */
.index04{width: 80%;margin: 100px auto;box-sizing: border-box;}
.index04 .cont{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;margin-top: 60px;position: relative;margin-bottom: 60px;}
.index04 .cont a{display: block;width: 30%;position: relative;margin-right: 5%;}
.index04 .cont a:last-child{margin-right: 0;}
.index04 .cont a .imgbox{width: 100%;overflow: hidden;position: relative;}
.index04 .cont a .imgbox img{display: block;width: 100%;transition: all .6s;}
.index04 .cont a:hover .imgbox img{transform: scale(1.1);}
.index04 .cont a .imgbox .data{width: 82px;height: 82px;background-color: #FFFFFF;padding: 10px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;position: absolute;top: 20px;left: 20px;box-sizing: border-box;}
.index04 .cont a .imgbox .data p{font-size: 42px;color: #333333;}
.index04 .cont a .imgbox .data font{font-size: 14px;color: #333333;}
.index04 .cont a .text{width: 100%;box-sizing: border-box;padding-top: 30px;padding-bottom: 30px;border-bottom: 1px solid #DDDDDD;}
.index04 .cont a .text h3{font-size: 16px;color: #333333;line-height: 30px;}
.index04 .cont a:hover .text h3{color: #f6ab00;}
.index04 .cont a .text p{font-size: 16px;color: #f6ab00;}
.index04 .cont a .text p i{font-size: inherit;color: inherit;margin-left: 5px;transition: all .3s;margin-top: 30px;}
.index04 .cont a:hover .text p i{margin-left: 30px;}

.index04 .cont .item-r{height: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;-webkit-flex-flow: column;position: absolute;right: 0;width: 30%;}
.index04 .cont .item-r a{display: flex;display: -webkit-flex;width: 100%;background-color: #f5f5f5;padding: 25px;box-sizing: border-box;margin: 0;-webkit-flex-flow: column;flex-flow: column;transition: all .3s;}
.index04 .cont .item-r a font{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 16px;color: #666666;margin-bottom: 20px;}
.index04 .cont .item-r a font::before{content: '';display: block;width: 35px;background-color: #666666;height: 1px;margin-right: 10px;}
.index04 .cont .item-r a h4{font-size: 16px;color: #333333;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;min-height: 60px;}
.index04 .cont .item-r a:hover{background-color: #f6ab00;}
.index04 .cont .item-r a:hover font{color: #FFFFFF;}
.index04 .cont .item-r a:hover h4{color: #FFFFFF;}
.index04 .cont .item-r a:hover font::before{background-color: #FFFFFF;}
.index04 .more{margin: auto;font-size: 14px;}

/* footerwrap */
.footerwrap{width: 100%;box-sizing: border-box;border-top: 7px solid #f6ab00;}
.footerwrap .footer{width: 80%;margin: 70px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.footerwrap .footer li .f-logo{margin-bottom: 40px;display: block;}
.footerwrap .footer li .f-logo img{display: block;width: 170px;}
.footerwrap .footer li p{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;font-size: 16px;color: #333333;margin-bottom: 20px;}
.footerwrap .footer li p img{display: block;width: auto;height: 20px;margin-right: 10px;}
.footerwrap .footer li .item{width: 100%;}
.footerwrap .footer li .item .t-l{font-size: 16px;color: #333333;margin-bottom: 14px;font-weight: bold;display: block; font-family: "calibri";}
.footerwrap .footer li .item .min{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-flow: column;flex-flow: column;}
.footerwrap .footer li .item .min a{font-size: 16px;color: #333333;margin-bottom: 6px;position: relative;padding-bottom: 5px;}
.footerwrap .footer li .item .min a:hover{color: #f6ab00;text-decoration: underline;}
.footerwrap .footer li .item:nth-of-type(2){margin-top: 30px;}
.footerwrap .footer li .item .fx{display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;}
.footerwrap .footer li .item .fx a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 16px;color: #3333333;background-image: none;margin-bottom: 6px;}
.footerwrap .footer li .item .fx a i{font-size: 18px;margin-right: 5px;color: #000000;}
.footerwrap .footer li .item .fx a:last-child i{background-color: #000000;color: #FFFFFF;box-sizing: border-box;padding: 2px;border-radius: 5px;font-size: 14px;}  
.footerwrap .footer li .item .fx .bds_weixin{padding-left: 0;}
.footerwrap .footer li .item .fx .bds_tsina{padding-left: 0;}
.footerwrap .footer li .item .fx .bds_qzone{padding-left: 0;}
.footerwrap .footer li .item .fx .bds_fbook{padding-left: 0;}
.footerwrap .footer li:nth-of-type(1) { width: 25%; border-right: 1px solid #ddd;}



.Copyright{width: 100%;border-top: 1px solid #c1c1c1;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding: 30px 10%;}
.Copyright .left{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.Copyright .left h3,.Copyright a{font-size: 14px;color: #333333;}
.Copyright .left h3{margin-right: 10px;}

/* about */
/* innerbanner */
.innerbanner{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;margin-top: 99px;}
.innerbanner img{display: block;width: 100%;}
.innerbanner .text{width: 1300px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.innerbanner .text h3{font-size: 40px;color: #ffffff;margin-bottom: 20px;text-transform: uppercase;}
.innerbanner .text h4{width: 600px;border-top: 1px solid rgba(255,255,255,0.5);padding-top: 20px;font-size: 14px;color: #ffffff;}

.about01{width: 1300px;box-sizing: border-box;margin: 90px auto;}
.about01 .top{font-size: 26px;color: #333333;font-weight: bold;text-align: center;margin-bottom: 40px;}
.about01 ul{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}
.about01 ul li{width: 45%;}
.about01 li h3{font-size: 16PX;color: #333333;line-height: 30px;margin-bottom: 40px;}
.about01 li h3:last-child{margin-bottom: 0;}

.about02{width: 100%;box-sizing: border-box;padding-top: 70px;position: relative;}
.about02::before{content: '';display: block;width: 100%;height: 80%;background: url(../img/gy_bj.jpg);background-size: cover;position: absolute;left: 0;top: 0;z-index: 0;}
.about02 .top-text{width: 1300px;margin: auto;box-sizing: border-box;margin-bottom: 70px;position: relative;z-index: 2;}
.about02 .top-text .t-tl{font-size: 30px;margin-bottom: 60px;color: #FFFFFF;text-align: center;font-weight: bold;}
.about02 .top-text ul{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.about02 .top-text ul li{box-sizing: border-box;padding-left: 30px;position: relative;padding-top: 40px;}
.about02 .top-text ul li p{font-size: 100px;color: rgba(255,255,255,0.2);position: absolute;left: 0;top: 0;font-family: arial;font-weight: bold;}
.about02 .top-text ul li h3{font-size: 24px;color: #ffffff;}
.about02 .top-text ul li strong{display: block;width: 80px;background-color: #F6AB00;height: 2px;margin: 20px 0;}
.about02 .top-text ul li h4{font-size: 16px;color: rgba(255,255,255,0.8);line-height: 26px; width: 200px}

.about02 .imgswiper{width: 100%;box-sizing: border-box;padding: 0 2%;margin-bottom: 80px;position: relative;z-index: 2;}
.about02 .imgswiper .swiper-slide img{display: block;width: 100%;}
.about02 .imgswiper .swiper-pagination{position: relative;margin-top: 30px;bottom: 0;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.about02 .imgswiper .swiper-pagination-bullet{width: 10px;height: 10px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border: 1px solid #d3d3d3;border-radius: 50%;background-color: transparent;padding: 0;opacity: 1;}
.about02 .imgswiper .swiper-pagination-bullet::after{content: '';display: block;width: 6px;height: 6px;background-color: #d3d3d3;border-radius: 50%;}
.about02 .imgswiper .swiper-pagination-bullet-active{border-color: #F6AB00;}
.about02 .imgswiper .swiper-pagination-bullet-active::after{background-color: #F6AB00;}

/* about03 */
.about03{width: 1300px;margin: 80px auto;box-sizing: border-box;}
.about03 .top{width: 100%;text-align: center;}
.about03 .top h3{font-size: 30px;color: #333333;font-weight: bold;margin-bottom: 30px;text-transform: uppercase;}
.about03 .num-gd{margin-top: 60px;}
.about03 .top h4{font-size: 16px;color: #333333;line-height: 30px;}
.about03 .num-gd .mumping_mun{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.about03 .num-gd .mumping_mun li{width: 17.5%;}
.about03 .num-gd .mumping_mun li h2{font-size: 50px;color: #333333;font-weight: bold;text-align: center;}
.about03 .num-gd .mumping_mun li strong{display: block;width: 70px;height: 2px;background-color: #f6ab00;margin: 25px auto;}
.about03 .num-gd .mumping_mun li h3{font-size: 16px;color: #333333;line-height: 30px;text-align: center;}

/* about04wrap */
.about04wrap{width: 100%;box-sizing: border-box;padding: 70px 0;background-color: #f5f5f5;}
.about04wrap .about04{width: 1300px;margin: auto;box-sizing: border-box;position: relative;}
.about04wrap .about04 img{display: block;width: 100%;}
.about04wrap .about04 .cont{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.about04wrap .about04 .cont .item{position: absolute;}
.about04wrap .about04 .cont .item span{position: absolute;width: 6px;height: 6px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index: 2;background-color: #F6AB00;}
/* 产生动画（向外扩散变大）的圆圈  */
.about04wrap .about04 .cont .item i{position: absolute;width: 40px;height: 40px;left: -19px;top: -19px;border: 3px solid #F6AB00;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index: 1;opacity: 0;-webkit-animation: warn 2s ease-out;-moz-animation: warn 2s ease-out;animation: warn 2s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.about04wrap .about04 .cont .item font{position: absolute;width: 40px;height: 40px;left: -19px;top: -19px;border: 3px solid #F6AB00;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index: 1;opacity: 0;-webkit-animation: warn1 2s ease-out;-moz-animation: warn1 2s ease-out;animation: warn1 2s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;}

.about04wrap .about04 .cont .item01{top: 17%;left: 38%;}
.about04wrap .about04 .cont .item02{top: 30%;left: 20%;}
.about04wrap .about04 .cont .item03{top: 42%;left: 20%;}
.about04wrap .about04 .cont .item04{bottom: 30%;left: 32%;}
.about04wrap .about04 .cont .item05{top: 27%;right: 22%;}
.about04wrap .about04 .cont .item06{top: 36%;right: 22%;}
.about04wrap .about04 .cont .item07{top: 72%;right: 22%;}
.about04wrap .about04 .cont .item08{top: 66%;right: 48%;}
.about04wrap .about04 .cont .item09{top: 50%;right: 32%;}
.about04wrap .about04 .cont .item10{top: 56%;right: 52%;}
.about04wrap .about04 .cont .item11{top: 38%;right: 52%;}
.about04wrap .about04 .cont .item12{top: 44%;right: 56%;}
.about04wrap .about04 .cont .item13{top: 43%;right: 48%;}
.about04wrap .about04 .cont .item14{top: 31%;right: 52%;}
.about04wrap .about04 .cont .item15{top: 26%;right: 49%;}
.about04wrap .about04 .cont .item16{top: 30%;right: 45%;}
.about04wrap .about04 .cont .item17{top: 34%;right: 48%;}
.about04wrap .about04 .cont .item18{top: 43%;right: 50%;}
.about04wrap .about04 .cont .item19{top: 35%;right: 55%;}
.about04wrap .about04 .cont .item20{top: 39%;right: 46%;}
.about04wrap .about04 .cont .item21{top: 27%;right: 44%;}
.about04wrap .about04 .cont .item22{top: 30%;right: 48%;}



@keyframes warn {
            0% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.0;
            }
            25% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.1;
            }
            50% {
                transform: scale(0.5);
				-webkit-transform: scale(0.5);
                opacity: 0.3;
            }
            75% {
                transform: scale(0.8);
				-webkit-transform: scale(0.8);
                opacity: 0.5;
            }
            100% {
                transform: scale(1);
				-webkit-transform: scale(1);
                opacity: 0.0;
            }
        }
		@-webkit-keyframes warn{
		            0% {
		                transform: scale(0.3);
						-webkit-transform: scale(0.3);
		                opacity: 0.0;
		            }
		            25% {
		                transform: scale(0.3);
						-webkit-transform: scale(0.3);
		                opacity: 0.1;
		            }
		            50% {
		                transform: scale(0.5);
						-webkit-transform: scale(0.5);
		                opacity: 0.3;
		            }
		            75% {
		                transform: scale(0.8);
						-webkit-transform: scale(0.8);
		                opacity: 0.5;
		            }
		            100% {
		                transform: scale(1);
						-webkit-transform: scale(1);
		                opacity: 0.0;
		            }
		        }
        @keyframes warn1 {
            0% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.0;
            }
            25% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.1;
            }
            50% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.3;
            }
            75% {
                transform: scale(0.5);
				-webkit-transform: scale(0.5);
                opacity: 0.5;
            }
            100% {
                transform: scale(0.8);
				-webkit-transform: scale(0.8);
                opacity: 0.0;
            }
        }
		@-webkit-keyframes warn1 {
            0% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.0;
            }
            25% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.1;
            }
            50% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.3;
            }
            75% {
                transform: scale(0.5);
				-webkit-transform: scale(0.5);
                opacity: 0.5;
            }
            100% {
                transform: scale(0.8);
				-webkit-transform: scale(0.8);
                opacity: 0.0;
            }
			}
/* news */
.news01{width: 1300px;margin: 80px auto;box-sizing: border-box;}
.news01 a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;border-bottom: 1px solid #DDDDDD;padding: 20px 0;}
.news01 a:first-child{border-top: 1px solid #DDDDDD;}
.news01 a .imgbox{width: 30%;box-sizing: border-box;overflow: hidden;}
.news01 a .imgbox img{display: block;width: 100%;transition: all .6s;}
.news01 a:hover .imgbox img{transform: scale(1.1);}
.news01 a .text{width: 70%;box-sizing: border-box;padding: 0 100px;}
.news01 a .text font{font-size: 16px;color: #f6ab00;margin-bottom: 20px;display: block;}
.news01 a .text h3{font-size: 22px;color: #333333;font-weight: bold;margin-bottom: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news01 a .text h4{font-size: 16px;color: #333333;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 30px;}
.news01 a:hover .text h3{color: #F6AB00;}




.fy{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-bottom: 90px;}
.fy a{display: block;width: auto;min-width: 40px;height: 40px;box-sizing: border-box;border: 2px solid transparent;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;padding: 0 8px;font-size: 17px;color: #333333;margin-right: 10px;}
.fy a:last-child{margin-right: 0;}
.fy .activ,.fy a:hover{border-color: #F6AB00;}
/*.fy a:first-child,.fy a:last-child{border-color: #00000000!important;}*/

/*
.fy a:first-child::after,.fy a:last-child::before{content: '';display: block;width: 20px;height: 1px;background-color: #333333;}
.fy a:first-child::before{content: '';display: block;width: 6px;height: 6px;border-top: 1px solid #333;border-right: 1px solid #333;transform:rotate(-135deg); -webkit-transform:rotate(-135deg);margin-right: -7px;}
.fy a:last-child::after{content: '';display: block;width: 6px;height: 6px;border-top: 1px solid #333;border-right: 1px solid #333;transform:rotate(45deg); -webkit-transform:rotate(45deg);margin-left: -7px;}
*/



.fy a .next,.fy a .previdivus{ display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.fy a .next::before{ content: '';display: block;width: 20px;height: 1px;background-color: #333333; }
.fy a .next::after{content: '';display: block;width: 6px;height: 6px;border-top: 1px solid #333;border-right: 1px solid #333;transform:rotate(45deg); -webkit-transform:rotate(45deg);margin-left: -7px;}

.fy a .previdivus::before{content: '';display: block;width: 6px;height: 6px;border-top: 1px solid #333;border-right: 1px solid #333;transform:rotate(-135deg); -webkit-transform:rotate(-135deg);margin-right: -7px;}
.fy a .previdivus::after{content: '';display: block;width: 20px;height: 1px;background-color: #333333;}


/* case */
.casewrap{width: 1300px;margin: 90px auto 30px;box-sizing: border-box;overflow: hidden;display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.casewrap li{width: 30%;margin-right: 5%;margin-bottom: 30px;}
.casewrap li:nth-of-type(3n){margin-right: 0;}
.casewrap li .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;}
.casewrap li .imgbox img{display: block;width: 100%;transition: all .6s;}
.casewrap li:hover .imgbox img{transform: scale(1.1);}
.casewrap li .text{width: 100%;box-sizing: border-box;}
.casewrap li .text .icon{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-top: 20px;margin-bottom: 20px;}
.casewrap li .text .icon h3{display: block;display: flex;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 16px;color: #666;text-transform: uppercase;margin-right: 10px;}
.casewrap li .text .icon h3:last-child{margin-right: 0;}
.casewrap li .text .icon h3 i{font-size: inherit;color: inherit;margin-right: 10px; display: none;}
.casewrap li .text h4{font-size: 16px;color: #333333;}

/* product */
.productlink{width: 1300px;margin: 90px auto 0;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;background-color: #eeeeee;border-radius: 10px;}
.productlink a{display: block;width: auto;box-sizing: border-box;padding: 0 40px;font-size: 18px;color: #f6ab00;height: 48px;line-height: 48px;text-transform: uppercase;border-radius: 10px;transition: all .3s;}
.productlink a:hover,.productlink .active{background-color: #F6AB00;color: #FFFFFF;}

.productwrap{width: 100%;box-sizing: border-box;overflow: hidden;}
.productwrap li{width: 100%;box-sizing: border-box;padding: 100px 0;}
.productwrap li:nth-of-type(even){background-color: #f5f5f5;}
.productwrap li .cont{width: 1300px;box-sizing: border-box;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding: 0 100px;}
.productwrap li .cont .imgbox{width: 35%;box-sizing: border-box;padding-right:80px;}
.productwrap li .cont .imgbox img{display: block;width: 100%;}
.productwrap li .cont .text{width: 65%;}
.productwrap li .cont .text h3{font-size: 26px;color: 3f6ab00;font-weight: bold;color: #f6ab00;margin-bottom: 20px;text-transform: uppercase;}
.productwrap li .cont .text h4{font-size: 16px;color: #666666;line-height: 26px;margin-bottom: 20px;width: 80%;}
.productwrap li .cont .text p{font-size: 20px;color: #f6ab00;text-transform: uppercase;margin-bottom: 20px;}
.productwrap li .cont .text .down{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.productwrap li .cont .text .down a{display: block;width: 32%;background-color: #fef6e5;color: #333333;font-size: 14px;text-align: center;height: 44px;border: 1px solid #f6ab00;line-height: 44px;margin-bottom: 2%;transition: all .3s;margin-right: 1%;}
.productwrap li .cont .text .down a:nth-of-type(3n){margin-right: 0;}
.productwrap li .cont .text .down a i{font-size: 14px;color: #f6ab00;margin-right: 10px;}
.productwrap li .cont .text .down a:hover{background-color: #F6AB00;color: #FFFFFF;}
.productwrap li .cont .text .down a:hover i{color: #FFFFFF;}

/* contact */
.contact{width:80%;box-sizing: border-box;margin: 90px auto;box-sizing: border-box;}
.contact .top{width: 100%;box-sizing: border-box;}
.contact .item h3{font-size: 20px;color: #333333;margin-bottom: 20px;}
.contact .item .min{width: 100%;box-sizing: border-box;}
.contact .item .min p{font-size: 16px;line-height: 30px;color: #828088;}
.contact .c-tl{width: 100%;display: block;font-size: 20px;color: #333333;margin-top: 70px;margin-bottom: 30px;}
.contact .list{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.contact .list li{width: 30%;margin-right: 5%;}
.contact .list li:nth-of-type(3n){margin-right: 0;}
.contact .item h4{font-size: 18px;color: #333333;margin-bottom: 20px;}

/* download */
.doenloadwrap{width: 1300px;margin: 90px auto;box-sizing: border-box;overflow: hidden;}
.d-search{width: 800px;box-sizing: border-box;border: 1px solid #DDDDDD;margin: auto;background-color: #fafafa;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.d-search input{display: block;width: calc(100% - 66px);height: 66px;background-color: transparent;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: rgba(51,51,51,0.5);border: none;outline: none;}
.d-search button{outline: none;width: 66px;height: 66px;text-align: center;line-height: 66px;font-size: 20px;color: #FFFFFF;background-color: #f6ab00;border: none;}
.d-search button i{color: #FFFFFF;font-size: 20px;}
.doenloadwrap .doenload01{width: 100%;box-sizing: border-box;margin-top: 70px;}
.doenloadwrap .doenload01 li{width: 100%;margin-bottom: 80px;}
.doenloadwrap .doenload01 li:last-child{margin-bottom: 0;}
.doenloadwrap .doenload01 li h3{font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 20px;text-transform: uppercase;}
.doenloadwrap .doenload01 li .min{width: 100%;box-sizing: border-box;}
.doenloadwrap .doenload01 li .min a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding: 12px 0;border-bottom: 1px solid #DDDDDD;}
.doenloadwrap .doenload01 li .min a p{width: 90%;font-size: 16px;color: #666666;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.doenloadwrap .doenload01 li .min a i{font-size: 20px;color: #666666;}
.doenloadwrap .doenload01 li .min a:first-child{border-top: 1px solid #DDDDDD;}
.doenloadwrap .doenload01 li .min a:hover p{color: #f6ab00;}
.doenloadwrap .doenload01 li .min a:hover i{color: #F6AB00;}

/* newsinfo */
.newsinfowrap{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;margin-top: 99px;padding-top: 80px;margin-bottom: 90px;}
.newsinfowrap .newsinfo{width: 80%;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;position: relative;}
.newsinfowrap .newsinfo::after{content: '';display: block;width: 1px;height: 100%;background-color: #DDDDDD;position: absolute;right: 30%;top: 0;display: none;}
.newsinfowrap .newsinfo .min{width: 70%;box-sizing: border-box;padding-right: 0;margin: auto;}
.newsinfowrap .newsinfo .min .top{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-bottom: 30px;border-bottom: 1px solid #DDDDDD;margin-bottom: 30px;}
.newsinfowrap .newsinfo .min .top .toback{font-size: 18px;color: #333333;}
.newsinfowrap .newsinfo .min .top .toback i{font-size: inherit;color: inherit;margin-right: 10px;}
.newsinfowrap .newsinfo .min .top .fx{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.newsinfowrap .newsinfo .min .top .fx p{font-size: 16px;color: #f6ab00;margin-right: 10px;text-transform: uppercase;}
.newsinfowrap .newsinfo .min .top .fx .link a{background-image: none;font-size: 16px;color: #333333;padding: 0 10px;border-right: 1px solid #333333;}
.newsinfowrap .newsinfo .min .top .fx .link a:first-child{border-left: 1px solid #333333;}
.newsinfowrap .newsinfo .min .cont{width: 100%;box-sizing: border-box;}
.newsinfowrap .newsinfo .min .cont .tl{margin-bottom: 30px;}
.newsinfowrap .newsinfo .min .cont .tl h3{font-size: 24px;color: #333333;margin-bottom: 20px;}
.newsinfowrap .newsinfo .min .cont .tl font{font-size: 16px;color: #666666;}
.newsinfowrap .newsinfo .min .cont .info{width: 100%;box-sizing: border-box;}
.newsinfowrap .newsinfo .min .cont .info img{display: block;width: auto; max-width:100%; margin-bottom: 30px;height: auto;}
.newsinfowrap .newsinfo .min .cont .info p,.newsinfowrap .newsinfo .min .cont .info span{font-size: 16px;color: #333333;line-height: 30px;margin-bottom: 30px;}
.newsinfowrap .newsinfo .list{width: 30%;box-sizing: border-box;padding-left: 50px;}
.newsinfowrap .newsinfo .list h3{font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 40px;}
.newsinfowrap .newsinfo .list a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 50px;}
.newsinfowrap .newsinfo .list a .text{width: 60%;box-sizing: border-box;padding-right: 50px;}
.newsinfowrap .newsinfo .list a .text h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 18px;color: #333333;line-height: 26px;}
.newsinfowrap .newsinfo .list a .text font{font-size: 14px;color: #666666;}
.newsinfowrap .newsinfo .list a .imgbox{width: 40%;overflow: hidden;}
.newsinfowrap .newsinfo .list a .imgbox img{display: block;width: 100%;transition: all .6s;}
.newsinfowrap .newsinfo .list a:hover .imgbox img{transform: scale(1.1);}

.totop{width: 60px;height: 60px;border: 1px solid #f6ab00;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;font-size: 30px;color: #FFFFFF;position: fixed;right: 30px;bottom: 60px;background-color: #f6ab00;}










@media only screen and (max-width: 1600px){
	.bannerwrap .banner .text h3{font-size: 48px;}
	.index02wrap .imgbox img{width: auto;max-width: 90%;}
	.index02wrap .index02 .tab{margin-bottom: 100px;}
	.index02wrap .index02 .min .item .text h3{font-size: 36px;margin-bottom: 25px;}
	.index02wrap .index02 .min .item .text h4{font-size: 16px;margin-bottom: 30px;line-height: 24px;}
	.index02wrap .index02 .min .item img{top: -60px;}
	.index02wrap{margin-bottom: 150px;}
	.index03 img{width: auto;min max-width: 100%;height: 300px;}
	.index04{width: 90%;}
	.index04 .cont .item-r a h4{font-size: 16px;}
	.index04 .cont .item-r a{padding: 20px 20px;}
	.index04 .cont a .text h3{font-size: 16px;}
	.index04 .cont a .imgbox .data p{font-size: 32px;}
	.index04 .cont a .imgbox .data{width: 62px;height: 62px;}
	.footerwrap .footer{width: 90%;margin: 50px auto;}
	.footerwrap .footer li .item .min a{margin-bottom: 4px;font-size: 14px;padding-bottom: 4px;}
	.footerwrap .footer li .item .t-l{margin-bottom: 10px;font-size: 14px;}
	.footerwrap .footer li .item:nth-of-type(2){margin-top: 20px;}
	.footerwrap .footer li .item .fx a{margin-bottom: 4px;font-size: 14px;padding-bottom: 4px;}
	.footerwrap .footer li p img{height: 15px;}
	.footerwrap .footer li p{font-size: 14px;}
	.footerwrap .footer li .item .fx a i{font-size: 16px;}
	.footerwrap .footer li .f-logo{margin-bottom: 30px;}
	.footerwrap .footer li .f-logo img{width: 160px;}
	.Copyright{padding: 20px 5%;}
	.index01,.index04{margin: 80px auto;}
	
	.headerwrap .header .nav li a{font-size: 18px;}
	.more{width: 152px;font-size: 14px;height: 38px;line-height: 38px;}
	.headerwrap .header .right .language{margin-left: 20px;}
	.headerwrap{padding: 0 2%;}
	.headerwrap .header .logo img{height: 50px;}
	.bannerwrap .banner .text .b-link a{height: 42px;line-height: 42px;width: 200px;}
	.headerwrap .header .nav{height: 85px;}
	.bannerwrap{margin-top: 86px; height: calc(100% - 86px)}
	
	.news01,.about01,.about02 .top-text,.about03,.about04wrap .about04,.casewrap,.productlink,.productwrap li .cont,.doenloadwrap{width: 1200px;}
	.innerbanner .text{width: 1200px;}
	
	.innerbanner{margin-top: 86px;}
	
	
	.productwrap li .cont{padding: 0 60px;}
	
	.index02wrap .index02{width: 90%;}
	
	.headerwrap .header .nav li .navdown{top: 85px;}
	
}

@media only screen and (max-width: 1440px){
	.index02wrap .imgbox img{width: 100%;}
}


/* pc */
.pc-1200px{ display: none; }

@media only screen and (max-width:1200px)
{
.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999; display: none;}
.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-spacing: 1px;line-height: 1em;margin-bottom: 2em;}
.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}
}