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-spacing: 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-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;}
/*<------------------------------------->*/	
.w1080{ width:1080px; margin:0 auto;}

.more{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 160px;height:36px;line-height:36px;text-align: center;
box-sizing: border-box;border: 1px solid #333;position: relative;z-index: 0;font-size: 14px;color: #333;border-radius:2px;overflow: hidden;}
.more01{background-color:#fff;border:none;}
.more02{ margin-top: 36px;border: 1px solid #555;}

.more01 i{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: inherit;color: inherit;height: 20px;margin-left: 10px;position: relative;}
.more:after{content: '';display: block;width: 0%;height: 100%;transition: all .3s;background-color: #333;position: absolute;left: 0;top: 0;z-index: -1;}
.more:hover:after{width: 100%;}
.more:hover{ color: #fff;}
.more01:hover i{border-color: #ea5412;}



/* header */
.headerwrap{width: 100%;position: absolute;top: 0;left: 0;z-index: 10;box-sizing: border-box;}
/* header */
.header{width: 100%;box-sizing: border-box;padding-left: 30px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.header .logo img{display: block;width: auto;height: 80px; margin:8px 0;}
.header .logo img.logo02{display: none;height: 80px;}
.header .right{box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center; height:80px; line-height:80px; margin-right:30px;}
.header .right .nav{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.header .right .nav a{display: block;font-size: 14px;color: #ffffff;width: 85px;position: relative;}
.header .right .nav a:after{content: '';display: block;width: 0%;height: 1px;background-color: #fff;position: absolute;left: 0;top:60px;transition: all .3s;}
.header .right .nav a:hover:after{width: 75%;}
.header .right .nav li{margin-right: 20px;position: relative;}
.header .right .nav li:last-child{margin-right: 0;}
.header .right .n-email{width: 140px;height: 36px; line-height:36px;opacity: 1;border:1px solid #fff; text-align:center;color: #fff; font-size:14px;}

.div2_1 .headerwrap,.div3 .headerwrap{position: fixed;background: #fff;opacity: 0;}
.div2_1 .header .logo img.logo01{display: none;}
.div2_1 .header .logo img.logo02{display: block;}
.div2_1 .header .right .n-email{opacity: 1; color:#333;border:1px solid #333;}
.div2_1 .header .right .nav a{padding-bottom: 0;padding-right: 0;color: #222222;}

.div2_1 .headerwrap{animation: header .4s ease-out .3s 1 forwards;-webkit-animation: header .4s ease-out .3s 1 forwards;}
.div2_1 .header .right .nav li>a {
    line-height: 80px;
}

@-webkit-keyframes header{
	0%{height: auto;transform: translateY(-100%);-webkit-transform: translateY(-100%);}
	100%{height: auto;transform: none;opacity: 1;}
}
@keyframes header{
	0%{height: auto;transform: translateY(-100%);-webkit-transform: translateY(-100%);}
	100%{height: auto;transform: none;opacity: 1;}
}


/* banner */
.banner{width: 100%;height: 100%;position: relative;}



/* indexwrap */
.indexwrap{width: 100%;position: relative;overflow: hidden;box-sizing: border-box;}
/* indx01wrap */
.indx01wrap{width: 100%;position: relative;padding: 130px 70px;box-sizing: border-box;}
.indx01wrap:after{content: '';display: block;width: 100%;height: 100%;background: #f7f7f7;position: absolute;left: 0;top: 0;z-index: 0;}
.indx01{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;}
.indx01left{width: 100%;box-sizing: border-box;margin: 0;}
.indx01left .swiper-slide{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.indx01left .swiper-slide .imgbox{width: 43%;box-sizing: border-box;overflow: hidden;}
.indx01left .swiper-slide .imgbox img{display: block;width: 100%;}
.indx01left .swiper-slide .text{box-sizing: border-box;width: 50%;padding-left: 40px;position: relative;}
.indx01left .swiper-slide .t-top p{font-size: 16px;color: #999;margin-bottom: 10px;}
.indx01left .swiper-slide .text h3,.i-text h3{font-size: 32px;color: #222222;font-weight:normal;line-height: 42px;margin-top: 10px;}
.indx01left .swiper-slide .text p{font-size:16px;line-height: 30px;color: #666666;margin-top: 40px;}
.indx01left .swiper-slide .text a{background-color:#f7f7f7;border:1px solid #bbb;margin-top: 30px;} 


/* i-cont */
.i-cont{width: 1080px;}
.i-text{margin: auto;margin-bottom: 50px;}
.i-text h4{letter-spacing: 1px;}

/* index02wrap */
.index02wrap{width: 100%;box-sizing: border-box;}

/* index03wrap */
.index03wrap{width: 100%;margin: 110px 0;position: relative;z-index: 0;}
.index03wrap .i-text { position:relative;}
.index03wrap .i-text h3{ font-size:40px; font-weight:normal; padding-bottom:10px;}
.index03wrap .i-text .more{ position:absolute; right:0; top:-30px;}
.index03 .swiper-slide{width: 100%;}
.index03 .swiper-slide a{display: block;width: 100%;overflow: hidden;position: relative;}
.index03 .swiper-slide a img{display: block;width: 100%;transition: all .6s;}
.index03 .swiper-slide a:hover img{transform: scale(1.1);}
.index03 .swiper-container{padding-left: calc((100% - 1300px)/2);box-sizing: border-box;padding-right: calc((100% - 1400px)/2);}
.index03 .swiper-slide a .r-text{ margin-top:20px;}
.index03 .swiper-slide a .r-text span{font-size: 14px;color: #333;letter-spacing: 2px;}

.index03 .page{display: flex;display: -webkit-flex;position: relative;width: 100%;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding-left: calc((100% - 1300px)/2); margin-top:60px;}
.index03 .page .swiper-pagination{position: relative;bottom: 0;left: 0;margin: 0;padding: 0;margin-left: 30px;}
.index03 .page .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background-color: #aaaaaa;margin-right: 10px;outline: none;}
.index03 .page .swiper-pagination-bullet:last-child{margin-right: 0;}
.index03 .page .swiper-pagination-bullet-active{background-color: #333;}

 

/* index04wrap */
.index04wrap{width: 100%;box-sizing: border-box;position: relative; padding:60px 0;}
.index04wrap .i-text { position:relative;}
.index04wrap .i-text h3{ font-size:40px; font-weight:normal; padding-bottom:10px;}
.index04wrap .i-text .more{ position:absolute; right:0; top:-30px;}

.index04{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;height: 100%;z-index: 1;}

.index04right{width: 100%;height: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.index04right>div{width: 100%;}
.index04right h3{font-size: 24px;color: #ffffff;}
.index04right strong{display: block;width: 40px;height: 2px;background-color: #FFFFFF;margin-top: 20px;}
.index04list{width: 100%; margin-top:10px;}
.index04list ul li{ float:left;width:30%; position:relative; margin-right:5%;}
.index04list ul li:nth-of-type(3){ margin-right:0;}
.index04list ul li .img{ width:100%; position:relative;}
.index04list ul li .img img{ width:100%;}
.index04list .item{display: block;width: 100%;box-sizing: border-box;padding: 20px 0;border-bottom: 1px solid rgba(255,255,255,0.3);position: relative;}
.index04list .item h3{font-size: 16px;color: #333;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index04list .item h4{font-size: 13px;line-height: 24px;opacity: 0.8;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.index04list .item:hover h3{color: #ea5412;}

/* index04wrap */
.index05wrap{width: 100%;box-sizing: border-box;position: relative; background:#f7f7f7; padding:60px 0;}
.index05wrap .i-text { position:relative; text-align:center;}
.index05wrap .i-text h3{ font-size:40px; font-weight:normal; padding-bottom:10px;}
.index05wrap .i-text p{ font-size:14px; font-weight:normal;}
.index05wrap .i-text h4{ margin-top:30px;}


.index05wrap .added-service dl { position: relative; margin-bottom: 150px; }
.index05wrap .added-service dl dt { width: 55%; }
.index05wrap .added-service dl dt img { display: block; width: 100%; }
.index05wrap .added-service dl dd { position: absolute; left:65%; width: 20%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.index05wrap .added-service dl dd .addedtitle { color: #4c4c4c; font-weight:normal; font-size:30px; margin-bottom: 20px; line-height:70px; }
.index05wrap .added-service dl dd .addedtitle .snum { font-size:28px;}
.index05wrap .added-service dl dd p { font-size:14px; line-height:30px; }
.index05wrap .added-service dl:nth-child(even) dt { float: right; }
.index05wrap .added-service dl:nth-child(even) dd { right: auto; left: 15%;}

.index05wrap .more { background:#f7f7f7; border:1px solid #bbb;}
 

/* index06wrap */
.index06wrap{width: 100%;position: relative;background-color: #f1f2f3;position: relative; padding:60px 0;}
.index06wrap .i-text { position:relative;}
.index06wrap .i-text h3{ font-size:40px; font-weight:normal; padding-bottom:10px;}
.index06wrap .i-text p{ font-size:14px; font-weight:normal;}
.index06wrap .i-text h4{ margin-top:30px;}
.index06{margin: auto;position: relative;z-index: 1;}
.index06left{width: 80%; margin:0 auto; text-align:center;position: relative;}
.index06left .min{margin: 30px 0;position: relative;}
.index06left ul li{ float:left;width:30%; position:relative; margin-right:5%; text-align:left;}
.index06left ul li:nth-of-type(3){ margin-right:0;}
.index06left ul li .img{ width:100%; position:relative; font-size:18px; line-height:50px;}
.index06left ul li .item{ width:100%; font-size:14px;color: #999;}
.index06left .more{ width:120px; height:45px; line-height:45px; margin:60px auto;background-color: #f1f2f3; border:1px solid #bbb;}

.clear{ clear:both;}

/* footer */
.footerwrap{width: 100%;box-sizing: border-box;}
.footertop{width: 100%;padding:80px 0 80px;background: #58595b;}
.footertop .f-con{ float:left; margin-right:30px;}
.footertop .f-con div{ font-size:12px;color:#ccc; line-height:25px;}
.footertop .f-con .fize1{ width:206px;}
.footertop .f-con .fize1 img{ width:206px;}
.footertop .f-con .fize2{ margin-top:5px; color:#ccc;}
.footertop .f-con .fize4 a{ font-size:12px;color:#ccc;}

.footertop .f-nav{ float:right;display: flex;display: -webkit-flex;}
.footertop .f-nav .li{ float:left;margin-left:20px;}
.footertop .f-nav .li1{font-size: 15px; line-height:40px;}
.footertop .f-nav .li li{line-height:35px;}
.footertop .f-nav a{display: block;font-size: 14px;color: #FFFFFF;}
.footertop .f-nav a:last-child{margin-right: 0;}
.footertop .f-nav a:hover{text-decoration: underline;}
.footertop .f-nav .li li a{color:#ccc;}
.copyright{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 70px;background-color: #0e0e0e;height: 60px;align-items: center;-webkit-align-items: center;}
.copyright .right{display: flex;display: -webkit-flex;}
.copyright .right h3,.copyright .right a{font-size: 13px;color: #FFFFFF;opacity: 0.5;margin-right: 30px;}
.copyright .right a:last-child{margin-right: 0;opacity: 0.2;}
.copyright .bdsharebuttonbox{}
.copyright .right a:hover{opacity: 1;}
.copyright .bdsharebuttonbox{display: flex;display: -webkit-flex;}
.copyright .bdsharebuttonbox a{background-image: none;font-size: 14px;color: #FFFFFF;opacity: 0.5;margin: 0;padding: 0;margin-right: 20px;}
.copyright .bdsharebuttonbox a:last-child{margin-right: 0;}
.copyright .bdsharebuttonbox a:hover{opacity:1;color:#fff;}

/* 关于 */
.innerbanner{width: 100%;position: relative;overflow: hidden;box-sizing: border-box;}
.innerbanner img{width: 100%;display: block;}
.innerbanner .text{width: 1400px;box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);padding-top:50px;}
.innerbanner .text h3{font-size: 46px;color: #ffffff;margin-bottom: 40px;font-weight: bold;}
.innerbanner .text h4{font-size: 16px;color: #ffffff;line-height: 32px;}

.innerwrap{width: 100%;overflow: hidden;    z-index: 0;position: relative; background:#f7f7f7;}

/* about01 */
.about01wrap{width: 100%;box-sizing: border-box;position: relative;padding: 60px 0; min-height:350px; padding-bottom:200px; text-align:justify; line-height:30px;}
.about01{margin: auto;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;position: relative;z-index: 1;}
.about01left{width: 100%;box-sizing: border-box;}
.about01left h3{font-size: 32px;color: #222222;font-weight:normal;}
.about01line{width: 100%;height: 1px;background-color: #DDDDDD;position: relative;margin: 30px 0;}
.about01line:before{content: '';display: block;width: 30px;height: 2px;position: absolute;left: 0;top: 0;background-color: #ea5412;}
.about01left p{line-height: 30px;text-align: justify;}

/* 新闻 */
.newstabwrap{width: 100%;box-sizing: border-box;border-bottom:1px solid #ccc;}
.newstab{width: 70%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-content: center; float:left;}
.newstab a{display: block;height: 75px;line-height: 75px;position: relative;font-size: 16px;color: #888888;padding: 0 40px;}
.newstab a:hover,.newstab a.active{ background:#e87717;color: #fff;}
.location{height: 75px;line-height: 75px; float:right; font-size:14px;}
.location a{font-size:14px;}
.location span{font-size:14px;color: #e87717;}

/* news01wrap */
.news01wrap{width: 100%;box-sizing: border-box; min-height:450px;}
.news01wrap .li{display: block;width: 100%;box-sizing: border-box;padding: 50px 200px;border-bottom: 1px solid #DDDDDD;transition: all .3s;}
.news01wrap .li:hover{background-color: #f1f2f3;}
.news01wrap .item{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;}
.news01wrap .item .imgbox{width: 30%;box-sizing: border-box;overflow: hidden;}
.news01wrap .item .imgbox img{display: block;width: 100%;transition: all .6s;}
.news01wrap .li:hover .item .imgbox img{transform: scale(1.1);}
.news01wrap .item .text{width: 70%;box-sizing: border-box;padding-left: 60px;padding-right: 200px;}
.news01wrap .item .text p{font-size: 14px;color: #aaaaaa;margin-bottom: 20px;}
.news01wrap .item .text h3{font-size: 20px;color: #222222;margin-bottom: 30px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news01wrap .item .text h4{font-size: 16px;line-height: 30px;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news01wrap .li:hover .item .text h3{color: #e41900;}

.fy,.nav-links{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;}

.fy a,.nav-links span,.nav-links a{display: block;width: auto;min-width: 32px;height: 32px;line-height: 30px;border-radius: 4px;border: 1px solid #DDDDDD;text-align: center;margin-right: 10px;transition: all .3s;font-size: 14px;color: #666;box-sizing: border-box;padding: 0 12px;}

.fy a:last-child{margin-right: 0;}

.fy a:hover,.fy a.active,.nav-links span,.nav-links a:hover{background-color: #e41900;border-color: #e41900;color: #FFFFFF;}


.n-fywrap{width: 100%;box-sizing: border-box;padding: 0 200px;margin: 50px auto 100px;}
.screen-reader-text{ display: none; }



/* 联系 */
.contact01{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 100px 0;position: relative;}
.contact01:after{content: '';width: 60%;box-sizing: border-box;height: 100%;position: absolute;right: 0;top: 0;background: url(../img/contact_bg.jpg)no-repeat fixed;background-size: cover;}
.contact01left{width: 40%;box-sizing: border-box;position: relative;z-index: 1;padding: 0 150px 0 calc((100% - 1400px)/2);}
.contact01left h3{font-size: 30px;color: #222222;font-weight: bold;}
.contact01left strong{display: block;margin: 30px 0;width: 40px;height: 1px;background-color: #e63327;}
.contact01left .list li{margin-bottom: 30px;}
.contact01left .list li:last-child{margin-bottom: 0;}
.contact01left .list li p{font-size: 20px;color: #222222;font-weight: bold;box-sizing: border-box;padding-left: 30px;position: relative;}
.contact01left .list li p img{display: block;width: auto;height: 20px;position: absolute;left: 0;top: 0;}
.contact01left .list font{font-size: 15px;line-height: 36px;color: #666666;}

/* contact01right */
.contact01right{width: 60%;box-sizing: border-box;padding: 0 calc((100% - 1400px)/2) 0 250px;position: relative;z-index: 1;}
.contact01right h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.c-form{width: 100%;box-sizing: border-box;}
.c-form input{width: 100%;height: 40px;border: 1px solid #DDDDDD;background-color: #ffffff;box-sizing: border-box;padding: 0 20px;font-size: 14px;color: #888888;outline: none;margin-bottom: 20px;}
.c-form textarea{width: 100%;height: 110px;border: 1px solid #DDDDDD;padding: 20px;box-sizing: border-box;font-size: 14px;caption-side: #888888;outline: none;resize: none;}
.c-form .more{background-color: #e63327;width: 140px;height: 40px;line-height: 40px;border-radius: 4px;margin-top: 30px;}

/* contact0101 */
.contact0101wrap{width: 100%;box-sizing: border-box;padding: 70px 0;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.contact0101wrap .left{width: 50%;box-sizing: border-box;padding-left: 50px;}
.contact0101wrap .left h3{display: block;width: 100%;overflow: hidden;}
.contact0101wrap .left h3 img{display: block;width: 100%;}
.contact0101wrap .right{width: 50%;box-sizing: border-box;padding-right: calc((100% - 1400px)/2);padding-left: 120px;}
.contact0101wrap .right .tl{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #dddddd;font-size: 30px;color: #222222;font-weight: bold;position: relative;margin-bottom: 30px;}
.contact0101wrap .right .tl:before{content: '';display: block;width: 50px;background-color: #ea5412;height: 2px;position: absolute;left: 0;bottom: 0;}
.contact0101wrap .right .list{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #dddddd;margin-bottom: 30px;}
.contact0101wrap .right .list li{width: 100%;box-sizing: border-box;padding-left: 40px;position: relative;display: flex;display: -webkit-flex;margin-bottom: 30px;}
.contact0101wrap .right .list li img{position: absolute;left: 0;tab-size: 0;}
.contact0101wrap .right .list li p{font-size: 20px;color: #222222;font-weight: bold;}
.contact0101wrap .right .list li font{font-size: 15px;color: #666666;line-height: 20px;margin-left: 20px;}
.contact0101wrap .right .list li:last-child{margin-bottom: 0;}
.contact0101wrap .right .share{width: 100%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.contact0101wrap .right .share h3{font-size: 20px;color: #222222;font-weight: bold;}
.contact0101wrap .right .share .bdsharebuttonbox{display: flex;display: -webkit-flex;margin-left: 20px;}
.contact0101wrap .right .share .bdsharebuttonbox a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;width: 38px;height: 38px;background-color: #f1f2f3;font-size: 16px;color: #444444;margin: 0;margin-right: 10px;padding: 0;background-image: none;}
.contact0101wrap .right .share .bdsharebuttonbox a:last-child{margin-right: 0;}
.contact0101wrap .right .share .bdsharebuttonbox a:hover{color: #ea5412;}

/* contact0102wrap */
.contact0102wrap{width: 100%;padding: 80px 0;background: url(../img/contact_bg.jpg)no-repeat fixed;background-size: cover;}
.contact0102{width: 1000px;margin: auto;}

.contact0102wrap h3{font-size: 30px;color: #222222;margin-bottom: 40px;font-weight: bold;text-align: center;}

.contact0102 .wpcf7-form,.contact0102 .wpcf7-form p{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;width: 100%;}

.contact0102 .wpcf7-form p span{display: block;width: 49%;margin-bottom: 20px;border: 1px solid #ddd;background-color: #fff;border-radius: 4px;outline: none;box-sizing: border-box;font-size: 15px;color: #88898b;height: 46px;position: relative;overflow: hidden;}

.contact0102 .wpcf7-form p span span{    position: absolute;top: 0;right: 0;width: auto;border: 0;font-weight: normal;font-size: 12px;letter-spacing: 0;line-height: 40px;color: #ea5412;}

.contact0102 .wpcf7-form input{display: block;width: 100%; border: 0px solid #ddd;background-color: #fff;border-radius: 4px;outline: none;box-sizing: border-box;font-size: 15px;color: #88898b;height: 46px; }

.contact0102 .wpcf7-form textarea{width: 100%;height: 110px;resize: none;outline: none;padding: 20px;border-radius: 4px;box-sizing: border-box;border: 0 solid #ddd;font-size: 15px;color: #88898b;}

.contact0102 .wpcf7-form button{margin: auto;margin-top: 30px;}

.contact0102 .wpcf7-form p br,.screen-reader-response{display: none;}

.contact0102 .wpcf7-response-output,.wpcf7-validation-errors{ display: block;color: #145c40;letter-spacing: 0;text-align: center;width: 100%;margin: 30px 0 0 0;}


.contact0102 .wpcf7-form p .textarea-761{width: 100%;height: auto;padding: 0;}
.contact0102 .wpcf7-form p .textarea-349{ height:auto;     width: 100%; }




/* contact02wrap */
.contact02wrap{width: 100%;box-sizing: border-box;padding: 150px 0;background-color: #f6f9fb;}
.contact02wrap .tl,.contact03wrap .tl{font-size: 30px;color: #222222;text-align: center;margin-bottom: 70px;font-weight: bold;}
.contact02{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.contact02 li{width: calc((100% - 180px)/4);}
.contact02 li h3{font-size: 24px;color: #222222;font-weight: bold;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #DDDDDD;text-align: center;}
.contact02 li .info{width: 100%;display: flex;display: -webkit-flex;-webkit-flex-flow: column;-ms-flex-flow: column;align-items: center;-webkit-align-items: center;}
.contact02 li .info h4{font-size: 18px;color: #222222;margin-bottom: 20px;font-weight: bold;}
.contact02 li .info p{font-size: 15px;color: #666666;display: flex;display: -webkit-flex;margin-bottom: 10px;}
.contact02 li .info p img{margin-right: 10px;width:15px;}
.contact02 li .info p:last-child{margin-bottom: 0;}

/* contact03wrap */
.contact03wrap{margin: 100px auto;}
.contact03 .map{width: 100%;height: 440px;}

/* 质量控制 */
.quality01{width: 800px;margin: 100px auto;text-align: center;}
.quality01 h3{font-size: 30px;color: #222222;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #DDDDDD;position: relative;font-weight:bold;}
.quality01 h3:before{content: '';display: block;width: 50px;height: 2px;background-color: #ffffff;position: absolute;left: 50%;bottom: 0;margin-left: -25px;}
.quality01 h4{font-size: 15px;line-height: 28px;color: #666666;}

/* quality02wrap */
.quality02wrap{width: 100%;box-sizing: border-box;padding: 80px 0 110px;background: url(../img/quality02.jpg)no-repeat fixed;background-size: cover;}
.quality02wrap .tl{font-size: 30px;color: #222222;font-weight: bold;text-align: center;}
.quality02{margin: auto;position: relative;}
.quality02circle{width: 62px;height: 62px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;margin: auto;position: relative;margin-top: 30px;cursor: pointer;}
.quality02circle:after,.quality02circle:before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(234,84,18,0.8);border-radius: 50%;-webkit-animation: ballScale 6s 0s linear infinite;-moz-animation: ballScale 6s 0s linear infinite;-ms-animation: ballScale 6s 0s linear infinite;animation: ballScale 6s 0s linear infinite;z-index: 0;}
.quality02circle:before{width: 32px;height: 32px;top: 15px;left: 15px;-webkit-animation: ballScale02 12s 0s linear infinite;-moz-animation: ballScale02 12s 0s linear infinite;-ms-animation: ballScale02 12s 0s linear infinite;animation: ballScale02 12s 0s linear infinite;z-index: 0;background-color: rgba(234,84,18,1);}
.quality02circle p{width: 42px;height: 42px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #ea5412;border-radius: 50%;position: relative;z-index: 1;}
@keyframes ballScale { 0% {-webkit-transform: scale(0.7);transform: scale(0.7);opacity: 1;} 100% {-webkit-transform: scale(1.3);transform: scale(1.3);opacity: 0; }}
@keyframes ballScale02 { 0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;} 100% {-webkit-transform: scale(1.4);transform: scale(1.4);opacity: 0; }}

/* quality02min */
.quality02min{width: 100%;position: relative;padding-top: 30px;}
.quality02min:before{content: '';display: block;width: 1px;height: 100%;position: absolute;left: 50%;top: 0;background-color: #cccccc;z-index: 1;}
.quality02min li{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-bottom: 110px;}
.quality02min li .imgbox{width: 60%;box-sizing: border-box;overflow: hidden;position: relative;z-index: 0;}
.quality02min li .text{width: 50%;margin-left: -10%;position: relative;z-index: 1;box-sizing: border-box;padding-left: 200px;}
.quality02min li .text p{font-size: 14px;color: #ea5412;position: relative;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;white-space: nowrap;}
.quality02min li .text p:before{content: '';display: block;width: 8px;height: 8px;background-color: #cccccc;border-radius: 50%;position: absolute;left: -204px;top: 50%;margin-top: -4px;}
.quality02min li .text p:after{content: '';display: block;width: 180px;height: 1px;background-color: #cccccc;position: absolute;left: -200px;top: 50%;}
.quality02min li .text h3{font-size: 24px;color: #222222;font-weight: bold;margin: 20px 0;}
.quality02min li .text h4{font-size: 16px;color: #666666;line-height: 30px;}

.quality02min li:nth-of-type(odd){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.quality02min li:nth-of-type(odd) .text{padding-left: 0;margin-left: 0;margin-right: -10%;}
.quality02min li:nth-of-type(odd) .text h4{padding-right: 200px;box-sizing: border-box;}
.quality02min li:nth-of-type(odd) .text p:before{left: initial;right: -4px;}
.quality02min li:nth-of-type(odd) .text p:after{width:100%;box-sizing: border-box;position: relative;top: 0;margin-left: 20px;left: 0;}
.quality02min li:last-child{margin-bottom: 0;}

/* quality03wrap */
.quality03wrap{margin: 100px auto;}
.quality03wrap .tl{text-align: center;}
.quality03wrap .tl h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom:40px;}
.quality03wrap .tl h4{font-size: 16px;color: #666666;line-height: 30px;}
/* .quality03 */
.quality03{width: 100%;margin-top: 50px;}
.quality03 a{width: 100%;box-sizing: border-box;}
.quality03 a .imgbox{width: 100%;height: auto;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #fff;    border: 6px solid #eceae9;}
.quality03 a .imgbox img{display: block;width: auto;height: auto;max-width: 100%;max-height: 100%;}
.quality03 a h3{font-size: 18px;color: #222222;margin: 20px 0;text-align: center;}
.quality03 a .more{margin: auto;border: 1px solid #ea5412;font-size: 14px;width: 150px;height: 42px;line-height: 40px;box-sizing: border-box;color: #ea5412;}
.quality03 a .more:after{background-color: #ea5412;}
.quality03 a .more:hover{color: #ffffff;}
.quality03wrap .swiper-pagination{position: relative;width: 100%;bottom: 0;left: 0;margin: 0;padding: 0;margin-top: 30px;}
.quality03wrap .swiper-pagination .swiper-pagination-bullet{margin: 0;width: 10px;height: 10px;opacity: 1;background-color: #aaaaaa;margin-right: 15px;}
.quality03wrap .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.quality03wrap .swiper-pagination .swiper-pagination-bullet-active{background-color: #ea5412;}

/* tc */
.tcwrap{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.5);transition: all .3s;display: none;z-index: 99;}
.tc{width: 100%;height: 100%;position: absolute;width: 100%;height: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.tc img{display: block;width: auto;max-width: 90%;    margin: auto;}


/* 产品中心 */
.product01{margin: 100px auto;}

/* product02 */
.product02wrap{width: 100%;box-sizing: border-box;padding: 110px 0 50px;background-color: #f1f2f3;}
.product02{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.product02 a{display: block;width: 48%;box-sizing: border-box;overflow: hidden;position: relative;margin-bottom: 60px;}
.product02 a img{display: block;width: 100%;transition: all .6s;}
.product02 a:hover img{transform: scale(1.1);}
.product02 a .bot{width: 100%;box-sizing: border-box;background-color: #ffffff;position: absolute;left: 0;bottom: 0;font-size: 18px;color: #222222;height: 60px;line-height: 60px;text-align: center;transition: all .3s;}
.product02 a .text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(38,38,38,0.8);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding: 0 80px;text-align: center;opacity: 0;visibility: hidden;transition: all .3s;}
.product02 a .text h3{font-size: 20px;color: #ffffff;margin-bottom: 20px;}
.product02 a .text h4{font-size: 14px;line-height: 24px;color: #ffffff;opacity: 0.75;}
.product02 a .text .more{width: 130px;height: 34px;line-height: 34px;border-radius: 2rem;background-color: #ea5412;border: none;color: #ffffff;overflow: hidden;margin: 30px auto 0;}
.product02 a .text .more:after{background-color: #ffffff;border-radius: 2rem;}
.product02 a .text .more:hover{color: #ea5412;}
.product02 a:hover .text{opacity: 1;visibility: visible;}
.product02 a:hover .bot{opacity: 0;visibility: hidden;}

/* product03 */
.product03{width: 1000px;margin: 100px auto;}
.product03 h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 40px;text-align: center;}
.p-form{width: 100%;box-sizing: border-box;}
.p-form input{display: block;width: 100%;font-size: 14px;color: #aaaaaa;background-color: #f4f5f6;border: 1px solid #aaaaaa;height: 46px;border-radius: 4px;box-sizing: border-box;padding: 0 30px;outline: none;margin-bottom: 20px;}
.p-form textarea{display: block;width: 100%;font-size: 14px;color: #aaaaaa;background-color: #f4f5f6;border: 1px solid #aaaaaa;height: 110px;border-radius: 4px;box-sizing: border-box;padding: 20px 30px;outline: none;margin-bottom: 20px;resize: none;}
.p-form .more{background-color: #e63327;width: 140px;height: 40px;line-height: 40px;border-radius: 4px;margin-top: 30px;border: 1px solid #e63327;overflow: hidden;margin: auto;}

/* 产品详情 */
.proinfotl{font-size: 40px;color: #222222;font-weight: bold;margin: 100px auto 50px;}
.proinfocont{margin: auto;box-sizing: border-box;padding-right: 240px;margin-bottom: 80px;}
.proionfo-tl{width: 100%;}
.proionfo-tl h3{font-size: 32px;color: #222222;font-weight: bold;}
.about01line{width: 100%;height: 1px;background-color: #DDDDDD;position: relative;margin: 30px 0;}
.about01line:before{content: '';display: block;width: 30px;height: 2px;position: absolute;left: 0;top: 0;background-color: #ea5412;}
.proionfo-tl h4{font-size: 15px;line-height: 26px;color: #666666;text-align: justify;margin-bottom: 20px;width: 70%;}
.proinfo01{width: 100%;box-sizing: border-box;margin-top: 50px;}
.proinfo01 img{display: block;width: 100%;}
.proinfo01 .swiper-pagination{width: 100%;display: flex;display: -webkit-flex;box-sizing: border-box;justify-content: flex-start;-webkit-justify-content: flex-start;padding-left: 40px;bottom: 40px;}
.proinfo01 .swiper-pagination-bullet{width: 100px;height: 4px;border-radius: 0;background-color: #ffffff;opacity: 0.34;margin-right: 10px;}
.proinfo01 .swiper-pagination-bullet:last-child{margin-right: 0;}
.proinfo01 .swiper-pagination-bullet-active{opacity: 1;}

/* proinfo02 */
.proinfo02list{width: 100%;box-sizing: border-box;}
.proinfo02list li{font-size: 16px;line-height: 36px;color: #666666;position: relative;box-sizing: border-box;padding-left: 20px;}
.proinfo02list li:before{content: '';display: block;width: 6px;height: 6px;background-color: #666666;border-radius: 50%;left: 0;top: 15px;position: absolute;}

/* proinfo03 */
.proinfo03{width: 100%;margin-top: 50px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.proinfo03 a{width: 31%;box-sizing: border-box;overflow: hidden;cursor: default;position: relative;}
.proinfo03 a img{display: block;width: 100%;transition: all .6s;}
.proinfo03 a:hover img{transform: scale(1.1);}
.proinfo03 a::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);content:'';-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);z-index: 1;}
.proinfo03 a:hover::before {
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0)
}
/* proinfo04 */
.proinfo04{width: 100%;}
.proinfo04 video{display: block;width: 100%;object-fit: cover;}
.proinfo04 iframe{display: block;width: 100%;height: 600px;object-fit: cover;}
.txp_video_container video{position: relative;width: 100%;height: auto;}

/* proinfo05 */
.proinfo05 img{display: block;width: auto;max-width: 100%;}
.proinfo05wrap .more01{width: 182px;height: 46px;line-height: 46px;border: 1px solid #e82116;background-color: #e82116;margin-top: 40px;}

/* proinfo06wrap */
.proinfo06wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;}
/* proinfo06 */
.proinfo06{box-sizing: border-box;padding-right: 340px;margin: auto;width: 1400px;}
.proinfo06 h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 40px;text-align: left;}
.proinfo06 .p-form input{background-color: #ffffff;}
.proinfo06 .p-form textarea{background-color: #ffffff;}
.proinfo06 .wpcf7 .more{margin: 0;margin-top: 40px;}

/* proinfo-fixed */
.proinfo-fixed{position: fixed;right: 0;background-color: #ffffff;z-index: 10;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);padding: 30px 40px 50px;top: 50%;right: 0;width: 200px;box-sizing: border-box;border-top-left-radius: 10px;border-bottom-left-radius: 10px;transform: translateY(-50%);-webkit-transform: translateY(-50%);opacity: 0;visibility: hidden;}
.proinfo-fixed a{display: block;width: 100%;line-height: 60px;border-bottom: 1px solid #DDDDDD;font-size: 15px;color: #222222;box-sizing: border-box;padding-left: 15px;position: relative;}
.proinfo-fixed a:before{content: '';display: block;width: 4px;height: 4px;position: absolute;left: 0;top: 28px;border-radius: 50%;background-color: #aaaaaa;}
.proinfo-fixed a:after{content: '';width: 0%;height: 1px;background-color: #ea540c;transition: all .3s;position: absolute;left: 0;bottom: -1px;}
.proinfo-fixed a:hover:after,.proinfo-fixed a.active:after{width: 100%;}
.proinfo-fixed a:hover:before,.proinfo-fixed a.active:before{background-color: #ea540c;}
.proinfo-fixed a:hover,.proinfo-fixed a.active{color: #ea540c;}
.proinfo-fixed.on{opacity: 1;visibility: visible;}

/* videolinkwrap */
.videolinkwrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;}
.videolink{margin: auto;height: 80px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.videolink p{font-size: 15px;color: #888888;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.videolink p img{display: block;width: auto;height: 18px;margin-right: 10px;}
.videolink strong{display: block;width: 1px;height: 20px;background-color: #888888;margin: 0 20px;}
.videolink a{display: block;margin-right: 20px;}
.videolink a:last-child{margin-right: 0;}
.videolink a img{display: block;width: auto;height: 18px;}

/* video01wrap */
.video01wrap{margin: 100px auto;}
.video01{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.video01 a{width: 48%;margin-bottom: 100px;}
.video01 a .video{width: 100%;height: 400px;}
.video01 a .video iframe{width: 100%;height: 100%;object-fit: cover;}
.video01 a h3{width:100%;line-height: 60px;font-size: 16px;color: #222222;transition: all .3s;box-sizing: border-box;padding: 0 10px;text-align: center;}
.video01 a:hover h3{color: #ffffff;background-color: #ea5412;}
/* v-fy */
.v-fy .fy{-webkit-justify-content: center;justify-content: center;}

/* 优势 */
.advantage01wrap{width: 90%;margin: 100px auto;}
.adv-item{width: 100%;position: relative;margin-bottom: 30px;}
.adv-item img{display: block;width: 100%;}
.adv-text{width: 50%;box-sizing: border-box;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 0 150px;}
.adv-text:before{content: '';display: block;width: 1px;height: 100%;background-color: #dddddd;left: 120px;top: -5px;position: absolute;}
.adv-text p{font-size: 12px;color: #888;text-transform: uppercase;margin-bottom: 20px;}
.adv-text h3{font-size: 30px;color: #222222;margin-bottom: 30px;font-weight: bold;}
.adv-text h4{font-size: 15px;line-height: 30px;text-align: justify;color: #555;}
.adv-item:last-child{margin-bottom: 0;}

/* 客户评价 */
.customer01wrap{width: 100%;box-sizing: border-box;padding: 100px 0 70px;background-color: #f1f2f3;}
.customer01{margin: auto;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.customer01 a{display: block;width: calc((100% - 15px)/4);box-sizing: border-box;position: relative;margin-right: 5px;margin-bottom: 30px;}
.customer01 a:nth-of-type(4n){margin-right: 0;}
.customer01 a .imgbox{width: 100%;box-sizing: border-box;height: 240px;border: 5px solid #dddddd;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #ffffff;position: relative;}
.customer01 a .imgbox>img{display: block;width: auto;max-width: 80%;height: auto;max-height: 80%;}
.customer01 a .imgbox .mask{position: absolute;width: 100%;height: 100%;background-color: rgba(22,23,27,0.88);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;opacity: 0;transition: all .3s;top: 0;left: 0;}
.customer01 a .imgbox .mask img{display: block;width: auto;height: 46px;}
.customer01 a h3{font-size: 18px;color: #222222;text-align: center;margin-top: 20px;}
.customer01 a:hover .imgbox .mask{opacity: 1;}
.customer01 a:hover .imgbox{border-color: #ea5412;}

/* 下载 */
.downloadwrap{margin: auto;box-sizing: border-box;padding: 100px 0;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.downloadwrap:before{content: '';display: block;width: 1px;height: 100%;background-color: #DDDDDD;position: absolute;top: 0;left: 25%;}
.prolist{width: 25%;box-sizing: border-box;padding-right: 50px;}

.downloadwrap{margin-bottom: 120px;padding-bottom: 0;}
.download{width: 75%;box-sizing: border-box;padding-left: 60px;} 
.download .tl{width: 100%;line-height: 60px;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #ffffff;background-color: #ea5412;}
.downloadmin{width: 100%;box-sizing: border-box;margin-top: 10px;}
.downloadmin a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-content: center;padding: 0 40px 0 20px;border-bottom: 1px solid #DDDDDD;height: 80px;transition: all .3s;}
.downloadmin a h3{font-size: 15px;color: #222222;}
.downloadmin a .more{width: 120px;height: 30px;line-height: 30px;background-color: transparent;border-color: #ea5412;color: #ea5412;margin: 0;font-size:12px;}
.downloadmin a .more i{font-size: inherit;color: inherit;margin-right: 5px;}
.downloadmin a .more:after{background-color: #ea5412;}
.downloadmin a:hover .more{color: #ffffff;}
.downloadmin a:hover .more:after{width: 100%;}
.downloadmin a:hover{background-color: #f2f2f3;}
.downloadmin a:hover h3{color: #ea5412;}
.downloadwrap .prolist .cont li a{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;box-sizing: border-box;padding: 0 20px;font-size: 16px;height: 50px;border-bottom: 1px solid #ddd;color: #222222;padding-left: 0;font-weight: bold;}
.downloadwrap .prolist .cont li a:hover{color:#ea5412;}
.downloadwrap .prolist .cont li a i{font-size: 14px;color: #222;}
.downloadwrap .prolist .cont li a:hover i{color:#ea5412;}
.downloadwrap .prolist .cont li a.open i{}
.downloadwrap .prolist .cont li .active{color:#ea5412;}
.downloadwrap .prolist .cont li .active i{color:#ea5412;}

.download02wrap{width: 100%;padding: 100px 0;background-color: #f1f2f3;}
.download02{margin: auto;}
.p-form input,.p-form textarea{background-color: #f4f5f6;}

/* 新闻详情 */
.newsinfowrap{margin: 100px auto;width: 1100px;}
.newsinfo{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;padding: 0px 0 50px; margin: auto;}

.newsinfo p{font-size: 16px;color: #666666;line-height: 32px;margin-bottom: 30px;}
.newsinfo p:last-child{margin-bottom: 0;}

.newsinfo p img{ display: block;width: 90%;height: auto;max-width: 100%;margin:auto;}
.newsinfowrap .page{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-top: 30px;}
.newsinfowrap .page a{font-size: 14px;color: #666666;}
.newsinfowrap .page a i{font-size: inherit;color: inherit;margin-right: 10px;}
.newsinfowrap .page a:last-child i{margin-right: 0;margin-left: 10px;}
.newsinfowrap .page a:hover{color: #e41900;}
.nnewsinfo p,.newsinfo span,.newsinfo font{font-size: 15px;color: #666666;line-height: 32px;}


.newsinfo img{ width: auto;height: auto;max-width: 100%; }
.newsinfobanner .text{padding-top: 120px;width: 1100px;}
.n-fx{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.n-fx h3{font-size: 18px;font-weight: bold;color: #e41900;}
.n-fx .bdsharebuttonbox{display: flex;display: -webkit-flex;margin-left: 20px;}
.n-fx .bdsharebuttonbox a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;border: 1px solid #dddddd;background-image: none;font-size: 14px;width: 36px;height: 36px;padding: 0;margin: 0;margin-right: 10px;}
.n-fx .bdsharebuttonbox a:last-child{margin-right: 0;}

.searchbanner{ display: block;overflow: hidden;position: relative;}
.searchbanner img{display: block;width: 100%;}
.searchbanner .text{ position: absolute;width: 100%;top: 50%;left: 0;}
.searchbanner .text p{ display: block;color: #fff;text-align: center;font-size: 30px;font-weight: bold;}
.searchbanner .text h3{display: block;color: #fff;text-align: center;font-size: 30px;font-weight: bold;}
.searchbanner .text form{display: block;width: 500px;overflow: hidden;position: relative;margin: 30px auto 0;}
.searchbanner .text form input{ font-size: 14px; display: block;width: 100%;border: 0;background: #fff;height: 50px;line-height: 50px;text-indent: 1em;}
.searchbanner .text form button{cursor: pointer;position: absolute; width: 100px;height: 50px;background: #ea5514;top: 0;right: 0;border: 0;color: #fff;font-size: 16px;line-height: 50px;}
.searchbanner .text form button .fa{    color: #fff;margin: 0 5px 0 0;}


.searchlist-titile{ display: block;width: 500px;margin: 50px auto;overflow: hidden;}
.searchlist-titile .page-title{ display: block;overflow: hidden;font-size: 16px;}
.searchlist-titile .page-title span{ color:#ea5514; }
.searchlist-titile .page-title1{ text-transform: uppercase;color: #ea5514;font-size: 16px;}



.searchlistcenter{}
.searchlistcenter .p-yjy{ overflow: hidden; display: block;width: 800px;margin: 0 auto;border-bottom: 1px solid #ccc;padding: 0 0 20px 0; }
.searchlistcenter .p-yjy a{ display: block;float: left;margin: 0 50px 0 0;font-size: 20px;padding: 0 5px;color: #666;}
.searchlistcenter .p-yjy .active,.searchlistcenter .p-yjy a:hover{color:#ea5514;}


.p-kn{width: 800px;margin: 0 auto;overflow: hidden;}
.p-kn .product01{margin: 50px auto;}
.p-kn dl{}
.p-kn dl a{ display: block;overflow: hidden;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;    margin: 0 0 50px 0;border-bottom: 1px solid #eee;padding: 0 0 50px 0;}
.p-kn dl a p{ display: block;overflow: hidden;width: 30%;}
.p-kn dl a p img{ display: block; width: 100%;}
.p-kn dl a h5{ display: block;width:65%;overflow: hidden;overflow: hidden;}
.p-kn dl a h5 span{ display: inline-block;color: #666;font-size: 18px;border-bottom: 1px solid #ccc;}
.p-kn dl a h5 font{display: block;margin: 20px 0;font-size: 14px;letter-spacing: 1px;text-align: justify;line-height: 24px;color: #999;}
.p-kn dl a h5 strong{}


.p-kn dl a h5 .more{text-align: center;    float: right; width: 120px;height: 30px;line-height: 30px;background-color: transparent;border-color: #ea5412;color: #ea5412;margin: 0;font-size:12px;}
.p-kn dl a h5 .more i{font-size: inherit;color: inherit;margin-right: 5px;}
.p-kn dl a h5 .more:after{background-color: #ea5412;}
.p-kn dl a h5:hover .more{color: #ffffff;}
.p-kn dl a h5:hover .more:after{width: 100%;}

.p-kn dl a:hover h5 span{ color: #ea5412; }

 





@media only screen and (max-width: 1600px){
.headertop{height: 50px;}
.header .right .nav a{width:100px;font-size:15px;}
.header .logo img{display: block;width: auto;height: 36px;}
.header .right .nav .nav02 a {font-size: 13px;line-height: 36px;padding: 0 10px;}
.header .right .nav .nav02 a i{margin-left:10px;}
.bannertext{width: 100%;padding-left: 200px;box-sizing: border-box;}
.bannertext h3{font-size: 46px;letter-spacing: 10px;margin-bottom:24px;}
.bannertext p{font-size: 24px;margin-bottom:24px;}
.bannertext h4{margin-bottom:24px;}
.more{width: 160px;height: 48px;line-height: 48px;}
.indx01wrap{padding: 110px 30px 110px 30px;}
.indx01left .swiper-slide .text{padding-left: 60px;}
.indx01left .swiper-slide .text h3, .i-text h3{font-size: 28px;line-height: 36px;}
.indx01left .swiper-slide .text h4, .i-text h4{margin-top: 30px;font-size:15px;}
.indx01right{width: 13%;}
.indx01right .swiper-wrapper a .t-mask h3{font-size:13px;}
.more{width: 170px;height: 44px;line-height: 44px;}
.i-cont{width: 1100px;}
.index03 .swiper-container,.index03 .page,.index04left{padding-left: calc((100% - 1100px)/2);}
.index04right{padding: 0 70px 0 60px;}
.index04left{width: 60%;}
.index02lsit li .text h3{font-size:20px;}
.index04wrap video{height: 90vh;}
.indx01left .swiper-slide .imgbox{width:70%;}

.index03 .swiper-slide a .r-text span{font-size: 12px;letter-spacing: 0px;}
.index03 .swiper-slide a .r-text:after{height: 60px;}
.index06right{padding: 60px 0;padding-left:100px;}
.footertop .f-nav a{font-size:15px;}
.copyright .right h3, .copyright .right a{font-size:12px;}
.wpcf7-form textarea{height: 82px;}
.index06right .tl{font-size: 20px;}


.innerbanner .text{width: 1100px;box-sizing: border-box;padding: 50px 0 0;}
.innerbanner .text h3{font-size: 42px;margin-bottom: 30px;}

.about04top .text{padding:30px 30px 0px;}
.about04bot{padding: 0 calc((100% - 1200px)/2);}
.about04bot .swiper-button-prev{left: calc((100% - 1100px)/2);}
.about04bot .swiper-button-next{right: calc((100% - 1100px)/2);}
.about03top li{padding: 0 100px;}
.about01left h4{font-size:15px;}
.index03 .swiper-container{padding-right: calc((100% - 1100px)/2);}


.n-fywrap{padding: 0;}
.n-fywrap .fy{width: 1100px;margin: auto;}

.contact01left{padding: 0 80px 0 calc((100% - 1100px)/2);}
.contact01right{padding: 0 calc((100% - 1100px)/2) 0 120px;}
.contact02 li{width: calc((100% - 110px)/4);}
.contact02wrap{padding: 120px 0;}
.contact02 li .info p{font-size:14px;}
.contact02 li h3{font-size:22px;}
.product01 .about01left{padding-right: 0;}

.proionfo-tl h4{width: 72%;}
.proinfotl{font-size: 34px;}
.proionfo-tl h3{font-size: 28px;}
.proinfo-fixed{width: 200px;padding: 20px 40px 40px;}
.proinfo-fixed a{line-height: 60px;}
.proinfo-fixed a:before{top: 29px;}



.adv-text{padding: 0 70px;}

.customer01 a .imgbox{height: 200px;}

.adv-text:before{left: 40px;}

.adv-text h3{font-size:24px;}
.adv-text h4{font-size: 14px;line-height: 26px;}

.contact0101wrap .right{padding-left: 80px;    padding-right: calc((100% - 1200px)/2);}
.contact0101wrap .right .tl{font-size:26px;}
.contact0101wrap .right .list li p{font-size:18px;}
.contact0101wrap .right .list li{    padding-left: 34px;}
.contact0101wrap .right .share h3{font-size:18px;}

.newsinfobanner .text h3{font-size: 30px;}
.customer01 a h3{font-size:16px;    margin-top: 15px;}
}

.more_btn{display:block;width:140px;height:40px;line-height:40px;text-align:center;color:#fff;position:relative; margin-top:30px;}
.more_btn span{position:absolute;width:100%;height:100%;left:0;z-index:5}
.more_btn:after{content:'';position:absolute;width:100%;height:100%;background:#f58220;left:0;top:0}
.more_btn i{position:absolute;width:20px;height:20px;background:#ac5205;display:block;z-index:2;transform-origin:center;transition:ease .5s}
.more_btn i:nth-child(1){top:0;left:0}
.more_btn i:nth-child(2){top:20px;left:0}
.more_btn i:nth-child(3){top:0;left:20px}
.more_btn i:nth-child(4){top:20px;left:20px}
.more_btn i:nth-child(5){top:0;left:40px}
.more_btn i:nth-child(6){top:20px;left:40px}
.more_btn i:nth-child(7){top:0;left:60px}
.more_btn i:nth-child(8){top:20px;left:60px}
.more_btn i:nth-child(9){top:0;left:80px}
.more_btn i:nth-child(10){top:20px;left:80px}
.more_btn i:nth-child(11){top:0;left:100px}
.more_btn i:nth-child(12){top:20px;left:100px}
.more_btn i:nth-child(13){top:0;left:120px}
.more_btn i:nth-child(14){top:20px;left:120px}
@media screen and (min-width:1200px){
.load_more:hover{color:#fff}
.case_cat a:hover{color:#f58220}
.more_btn:hover{color:#fff}
.more_btn:hover i{transform:scale(0)}
.more_btn:hover i:nth-child(1){transition:ease .4s 0s}
.more_btn:hover i:nth-child(2){transition:ease .4s .1s}
.more_btn:hover i:nth-child(3){transition:ease .4s .2s}
.more_btn:hover i:nth-child(4){transition:ease .4s .3s}
.more_btn:hover i:nth-child(5){transition:ease .4s .4s}
.more_btn:hover i:nth-child(6){transition:ease .4s .5s}
.more_btn:hover i:nth-child(7){transition:ease .4s .6s}
.more_btn:hover i:nth-child(8){transition:ease .4s .7s}
.more_btn:hover i:nth-child(9){transition:ease .4s .8s}
.more_btn:hover i:nth-child(10){transition:ease .4s .9s}
.more_btn:hover i:nth-child(11){transition:ease .4s 1s}
.more_btn:hover i:nth-child(12){transition:ease .4s 1.1s}
.more_btn:hover i:nth-child(13){transition:ease .4s 1.2s}
.more_btn:hover i:nth-child(14){transition:ease .4s 1.3s}
}