/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:14px;font-family:' '; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}

img{max-width: 100%;}
.lan{line-height: 30px;background: #422A0C;height: 30px;width: 100%;}

.head {background: #2D1B08;}
.menu ul li{display: inline-block;/* width: 120px; */text-align: center;line-height: 88px;text-align: center;font-size: 14px;position: relative;padding: 0 30px;}
.menu ul li dl{line-height: 34px;position: absolute;left: 0;right: 0;top: 88px;background: #2D1B08;z-index: 99;display: none;}
.menu ul li dl dd:hover{background: #FF8029;}
.menu ul li:hover dl{display: block;}
.menu ul li.cur{background: #FF8029;}
.menu ul li:hover{background: #FF8029;}
.menu ul li a{color: #fff;}



.phone{display: none;}

.phonehead{padding: 15px 0;}
.phonehead .menuicon a{color: #000;font-size: 20px;}
.nav {position:absolute; display: none;right:0px; top:71px; height:100%; width:200px; background-color:#fff; z-index: 8; overflow-y:auto; transition:right .3s; border-left:1px solid #f3f3f3;}
.nav.open {right:0;}
.nav ul {padding-bottom:71px;}
.nav li {float:none; padding:0; position:relative;}
.nav li a {line-height: 53px; padding:10px 1.5em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.nav li a:hover:after, .nav li.cur > a:after, .nav li.on > a:after {display:none;}
.nav li.cur > a {background-color:#eee;}	
.nav li em.on{transform: rotate(90deg);}
.nav li em {transform: rotate(0deg);transition:all .3s;position:absolute; right: 10px; top:10px; display:block;  cursor:pointer;font-style: normal;}
.nav li em:after{content: '>';font-family: simsun;font-size: 20px;line-height: 30px;width: 30px;text-align: center;display: block;}
  
.navDrop {position:static; display:none; left:auto; top:auto;}
.navDrop.open, .navDrop.show.open {display:block;}
.navDrop .inner {width:auto;}
.navDrop ul {padding:0;}
.navDrop li {display:block;}
.navDrop li a {text-align:left; padding:10px 1.5em 10px 2.5em;}
.navDrop .preview, .threeNav, .navDrop.show {display:none;}
.navDrop .info {width:auto; float:none; padding:0;}

.subNav {float:none; width:auto;}
.subNav dd {border:none; line-height: normal;}
.subNav dd a {padding:10px 1.5em 10px 2.5em;}
.subNav dd a:after {display:none;}
/*navBtn*/
.navBtn {cursor:pointer; display:block; position:relative; cursor:pointer; width:70px; height:70px; float:left; border-left:0px solid #f3f3f3;}
.navBtn span {display:block; width:20px; height:2px; background-color:#c2c2c2; position:absolute; top:50%; left:50%; margin-top:-1px; margin-left:-10px; line-height: normal;}
.navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:2px; background-color:#c2c2c2; position:absolute; left:0; top:-7px; transition:transform .3s; transition:transform .3s;}
.navBtn span:after {top:auto; bottom:-7.5px;}
.navBtn.open span {height:0;}
.navBtn.open span:before {transform:rotate(45deg); top:0;}
.navBtn.open span:after {transform:rotate(-45deg); bottom:auto; top:0;}

.pad{padding: 55px 0;}

.con {width: 100%;padding: 55px 0;}
.tit{text-align: center;margin-bottom: 20px;}
.tit h3{color: #FF7C07;font-weight: normal;font-size: 40px;margin-bottom: 20px;}
.tit span{display: inline-block;font-size: 18px;color: #333;border: 1px solid #E0DDDB;width: 240px;line-height: 42px;text-align: center;}

.con ul li{width: calc((94% - 12px) / 6);margin: 1% 0.5%;float: left;}
.con ul li .imgarea{overflow: hidden;position: relative;}
.con ul li .imgarea img{transition: all 1s;}
.con ul li .imgarea:hover img{transform: scale(1.1);}
.con ul li .imgarea h3{line-height: 40px;position: absolute;left: 0;right: 0;bottom: 0;z-index: 9;background: rgba(0, 0, 0, 0.5);font-weight: normal;color: #fff;font-size: 16px;text-align: center;}

.con2{background: #F3F3F3;}
.w25{width: 25%;}
.w73{width: 73%;}
.w49{width: 49%;}
.w30{width: 30%;}
.w68{width: 68%;}
.w40{width: 40%;}
.w58{width: 58%;}


.tit2 h3{font-size: 28px;color: #2C1A06;font-weight: normal;margin-bottom: 25px;}
.tit2 h3 span{color: #777;font-size: 18px;}

.con2 .nr{font-size: 14px;line-height: 2;margin-bottom: 50px;}
.more a{display: block;width: 120px;text-align: center;line-height: 40px;background: #2D1B08;border-radius: 20px;font-size: 14px;color: #fff;}
.more a:hover{background: #693E15;}

.con3{background: #E0E0E0;}
.con3 ul li{width: 21%;margin: 1%;padding: 3% 1%;background: #F6F6F6;text-align: center;float: left;}
.con3 ul li .limain{}
.con3 ul li .limain .wenzi{position: relative;}
.con3 ul li .limain .wenzi h3{font-size: 48px;opacity: 0.1;color: #333;}
.con3 ul li .limain .wenzi span{display: block;background: #f6f6f6;color: #333;line-height: 1.2;font-size: 16px;position: absolute;left: 0;right: 0;top: 24px;}
.con3 ul li .limain .wenzi2 {color: #767676;font-size: 14px;}

.con5{background: #EEEEEE;}
.nmore{width: 140px;line-height: 32px;border: 1px solid #E0DDDB;text-align: center;font-size: 14px;margin-bottom: 20px;}
.nmore a{color: #5F5F5F;}
.nmore:hover{background:#2D1B08;}
.nmore:hover a{color: #fff;}
.con5 .left h3{    color: rgb(0, 0, 0);font-size: 18px;margin: 20px 0;}
.con5 .left span{display: block;color: #767676;font-size: 14px;font-weight: bold;}
.con5 .right ul li{margin-bottom: 30px;}
.con5 .right h3{font-size: 14px;color: #5F5F5F;font-weight: normal;}
.con5 .right h3:hover{color: #333;}
.con5 .right .spa{display: block;margin: 5px 0;color: #8E8E8E;height: 34px;overflow: hidden;}
.con5 .right .spa2{font-size: 14px;color: #9A9A9A;}
.con5 .lileft{max-height: 115px;overflow: hidden;}

.con6 ul li{width: 10.5%;margin: 1%;float: left;margin-bottom: 15px;}
.con6 ul li .limain{border: 1px solid #DDDDDD;padding: 3%;overflow: hidden;}
    .con6 ul li .limain img {
        transition: all 1s;
        width: 100%;
        height: 70px;
        object-fit: contain;
    }
.con6 ul li .limain:hover img{transform: scale(1.1);}
.con6 .more a{margin: 0 auto;}

.con7 .c7pad{padding: 70px 65px;background: rgba(251, 141, 68, 0.7);}
.con7 .left h3{font-size: 22px;color: #fff;padding-left: 60px;font-weight: normal;margin-bottom: 40px;}
.con7 .left .tel{padding-left: 60px;}
.con7 .left .tel .spa{color: #fff;font-size: 14px;}
.con7 .left .tel h4{color: #fff;font-size: 30px;margin-bottom: 10px;}
.con7 .left .tel .spa2{line-height: 34px;background: #fff;color: #FB8D44;display: block;font-size: 14px;}
.con7 .right{background: rgba(255, 255, 255, 0.5);}
.con7 .right .c7pad{background: none;}
.label{margin-bottom: 10px;}
.label span{display: block;font-size: 14px;color: #333;margin-bottom: 10px;}
.label input{line-height: 36px;border: 1px solid #DADADA;width: 96%;padding: 0 2%;}
.label textarea{width: 100%;border: 1px solid #DADADA;}
.label .text{width: 30%;}

.foot{background: #2D1B08;}

.foot .left{width: 30%;}
.foot .left ul li{font-size: 14px;color: #fff;margin-bottom: 10px;}
.foot .center{width: 46%;padding: 0 2%;}
.foot .center dl{width: 50%;float: left;}
.foot .center dl dt{font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.foot .center dl dd{margin-bottom: 10px;width: 50%;float: left;}
.foot .center dl dd a{color: #fff;font-size: 14px;}
.foot .right{width: 20%;}
.foot .right dl{}
.foot .right dl dt{font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.foot .right dl dd span{display: block;font-size: 16px;color: #fff;}
.copy{line-height: 40px;text-align: center;font-size: 14px;color: #BBBBBB;}

.iNewleft img{max-height: 320px;width: 100%;object-fit: cover;}
.iPartList{display: flex;flex-wrap: wrap;}
.con6 .iPartList ul li .limain{height: 100%;box-sizing: border-box;display: flex;justify-content: center;align-items: center;}
.con7Warp{display: flex;flex-wrap: wrap;justify-content: space-between;}
.con7Warp .left .c7pad{height: 100%;box-sizing: border-box;}


@media screen and (max-width: 760px){
	.wapper{width:90%;padding: 0 5%;}
	.pc{display: none;}
	.phone{display: block;}
	
	.pad{padding: 30px 0;}
	
	.tit h3{color: #FF7C07;font-weight: normal;font-size: 24px;margin-bottom: 20px;}
	.tit span{display: inline-block;font-size: 14px;color: #333;border: 1px solid #E0DDDB;width: 240px;line-height: 42px;text-align: center;}
	
	.con ul li{width: calc((99% - 4px) /2);margin: 1% 0.5%;float: left;}
	
	.w25{width: 100%;}
	.w73{width: 100%;}
	.w49{width: 100%;}
	.w30{width: 100%;}
	.w68{width: 100%;}
	.w40{width: 100%;}
	.w58{width: 100%;}
	
	
	.tit2 h3{font-size: 16px;color: #2C1A06;font-weight: normal;margin-bottom: 25px;}
	.tit2 h3 span{color: #777;font-size: 14px;}
	
	.con3 ul li{width: 46%;margin: 1%;padding: 3% 1%;background: #F6F6F6;text-align: center;float: left;}
	
	.con5 .right{margin-top: 20px;}
	
	
	.con6 ul li{width: 48%;margin: 1%;float: left;margin-bottom: 15px;}
	.con7 .c7pad{padding: 15px;background: rgba(251, 141, 68, 0.7);}
	
	.foot .left{width: 100%;}
	.foot .center{width: 100%;padding: 2% 0;}
	.foot .right{width: 100%;}
}

.about .atit h3{color: #FF7C07;font-size: 32px;margin-bottom: 20px;}

.about2 ul li{width: 18%;margin: 1%;float: left;}
.about2 ul li .limain{padding: 3%;border: 1px solid #EEEEEE;}

.tit4 h3{color: #2C1A06;font-size: 24px;margin-bottom: 20px;text-align: center;}
.tit4 .line{width: 60px;height: 2px;background: #000;margin:0 auto;margin-top: 20px;}

.contact ul li{width: 48%;margin: 1%;text-align: center;float: left;}
.contact ul li h3{font-size: 16px;color: #000;margin-top: 20px;margin-bottom: 50px;}
.contact ul li dl dd{font-size: 14px;color: #868686;margin-bottom: 10px;}

.plist dl dt{line-height: 55px;padding: 0 20px;background: #2D1B08;font-size: 22px;color: #fff;}
.plist dl dd{line-height: 40px;border-bottom: 1px solid #FAFAFA;background: #EAEAEA;color: #333;font-size: 16px;padding: 0 20px;}
.plist dl dd a{color: #333;}
.plist dl dd a:hover{color: #000;}
.bread{font-size: 14px;color: #767676;line-height: 2;}
.bread a:hover{color: #000;}

.imga{width: 100%;height: 20px;margin-bottom: 10px;}
.search{margin-bottom: 20px;border: 1px solid #DDDDDD;}
.search input{line-height: 40px;width: calc(96% - 29px);padding: 0 2%;}
.search img{margin-top: 6px;}

.product ul li{width:31.3%;margin: 1%;float: left;}
.product ul li .imgarea{overflow: hidden;}
.product ul li .imgarea img{transition: all 1s; }
.product ul li .imgarea:hover img{transform: scale(1.1);}
.product ul li h3{font-size: 16px;color: #333;font-weight: normal;text-align: center;line-height: 40px;}

.prodetail .right h3{font-size: 24px;color: #333;margin-bottom: 20px;}
.prodetail .right span{display: block;color: #838383;line-height: 2;font-size: 14px;}


.news .right ul li{margin-bottom: 30px;}
.news .right h3{font-size: 18px;color: #333;font-weight: ;}
.news .right h3:hover{color: #000;}
.news .right .lit{margin-bottom: 20px;}
.news .right .spa1{display: block;margin: 5px 0;color: #8E8E8E;font-size: 14px;}
.news .right .spa2{font-size: 14px;color: #9A9A9A;}
@media screen and (max-width: 760px){
	.product ul li{width:48%;margin: 1%;float: left;}
	.about2 ul li{width: 48%;margin: 1%;float: left;}
	.about .atit h3{color: #FF7C07;font-size: 20px;margin-bottom: 20px;}
	.contact ul li{width: 46%;margin: 2%;text-align: center;float: left;}
}



.w_add1{background: #f7f7f7;}
.w_add1_Swiper{position: relative;width: 100%;height: 100%;overflow: hidden;}
.w_add1_Swiper .swiper-slide{width: auto;}
.w_add1_menu .swiper-button-next,.w_add1_menu .swiper-button-prev{background-size: 13px;filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);}
.w_add1_menu .swiper-button-next{right: 0;}
.w_add1_menu .swiper-button-prev{left: 0;}
.w_add1_menu{padding: 0 20px;position: relative;box-sizing: border-box;}
.w_add1_menu a{display: inline-block;color: #58595b;font-size: 18px;padding: 30px;position: relative;}
.w_add1_menu a:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 3px;
	background-color: #e36f1e;
	transform: translateY(100%);
	transition: transform .25s;
}
.w_add1_menu .swiper-slide.cur a{color: #e36f1e;}
.w_add1_menu .swiper-slide.cur a:after{transform: translateY(0);}

.w_add2{width: 100%;position: relative;overflow: hidden;}
.w_add2_item{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.w_add2_item .img{width: 50%;overflow: hidden;font-size: 0px;}
.w_add2_item .img img{width: 100%;height: 100%;object-fit: cover;}
.w_add2_item .desc{width: 50%;display: flex;align-items: center;}
.w_add2_item .box{width: 75%;padding: 5% 8%;box-sizing: border-box;margin-left: auto;}
.w_add2_item .tag{font-size: 16px;color: #999;margin: 10px 0;}
.w_add2_item .t1{font-size: 50px;color: #58595b;font-weight: bold;}
.w_add2_item .t2{font-size: 18px;color: #e36f1e;font-weight: bold;margin-top: 15px;}
.w_add2_item .t3{font-size: 25px;color: #58595b;font-weight: bold;margin-top: 15px;}
.w_add2_item .info{font-size: 18px;color: #58595b;margin-top: 20px;}

.w_add2 .w_add2_item:nth-child(even) .img{order: 0;}
.w_add2 .w_add2_item:nth-child(even) .desc{order: 1;}
.w_add2 .w_add2_item:nth-child(even) .box{margin-left: 0;}

.wUl1 li{margin: 10px 0;padding-left: 30px;box-sizing: border-box;position: relative;line-height: 1.8;}
.wUl1 li:before{position: absolute;top: 2px;left: 0;width: 20px;height: 20px;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: #fff;background: #e36f1e;color: #fff;content: "√";font-size: 14px;}

.w_add3{width: 100%;padding: 80px 0;border-top: 1px solid #eee;text-align: center;margin-top: 120px;}
.w_add3 h3{font-size: 37px;color: #58595b;font-weight: bold;}
.w_add3 .info{font-size: 18px;color: #58595b;font-weight: bold;margin: 20px 0;}
.w_add3_more a{display: inline-block;padding: 15px 45px;background: #e36f1e;color: #fff;font-weight: bold;font-size: 15px;border-radius: 30px;}
.w_add3_more a:hover{background: #b75917;}


.w_add4 .w_add2_item .desc{order: 1;}
.w_add4 .w_add2_item .img{order: 0;}
.w_add4 .w_add2_item .box{margin-left: 0;}
.w_add4_btn{display: block;width: 100%;height: 100%;position: relative;}
.w_add4_btn:before{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;content: "";background: url(images/play.png) center no-repeat;background-size: 80px;}
.w_add4_btn:hover:before{background-image: url(images/dian.png);}

.w_add4 .w_add2_item:nth-child(even) .img{order: 1;}
.w_add4 .w_add2_item:nth-child(even) .desc{order: 0;}
.w_add4 .w_add2_item:nth-child(even) .box{margin-left: auto;}

.w_add4 .w_add2_item:nth-child(2){background: #cbd5c8;}
.w_add4 .w_add2_item:nth-child(3){background: #dce3ec;}

.tcClose2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 8;}
.i2-video2{width: 50%;position: relative;z-index: 9;}
.i2-video2 video{width: 100%;height: auto;max-height: 100%;}

.tanchuang{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;background: rgba(0,0,0,0.3);display: none;}
.tanchuang.active{display: block;}
.tanchuang .tcWarp{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.tcClose{font-size: 20px;cursor: pointer;position: absolute;top: -45px;right: 0;}
.tcClose img{width: 25px;filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);}

.w_add5{width: 100%;padding: 80px 0;background: #dce3ec;}
.w_add5 ul{display: flex;flex-wrap: wrap;}
.w_add5 ul li{width: 25%;padding: 0 10px;box-sizing: border-box;margin-bottom: 20px;text-align: center;}
.w_add5 ul li .icon img{width: 70px;}
.w_add5 ul li h3{font-size: 20px;font-weight: bold;color: #555;margin-top: 35px;}
.w_add5 ul li .info{font-size: 16px;color: #666;margin-top: 15px;}

.w_add6 .w_add2_item .box{margin-left: 0;}

.w_add7{width: 100%;position: relative;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
.w_add7 .item{width: 50%;}
.w_add7 .part{width: 100%;height: 100%;position: relative;display: block;}
.w_add7 .part .img{width: 100%;height: 100%;overflow: hidden;font-size: 0px;}
.w_add7 .part .img img{width: 100%;height: 100%;object-fit: cover;transition: 0.3s;}
.w_add7 .part .imgTop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.w_add7 .part .desc{text-align: center;color: #FFFFFF;}
.w_add7 .part h3{font-size: 50px;font-weight: bold;}
.w_add7 .part .more{font-size: 15px;font-weight: bold;transition: 0.3s;}
.w_add7 .part .more span{border-bottom: 2px solid #e36f1e;transition: 0.3s;}
.w_add7 .part:hover .img img{transform: scale(1.1);}
.w_add7 .part:hover .more{color: #e36f1e;}

.w_add8{width: 100%;padding: 80px 0;}
.w_add8 .title{text-align: center;font-size: 50px;color: #555;font-weight: bold;}
.w_add8List{margin-top: 30px;}
.w_add8List ul{display: flex;flex-wrap: wrap;justify-content: center;}
.w_add8List ul li{width: 16.6%;padding: 10px;box-sizing: border-box;}
.w_add8List .img{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.w_add8List .img img{width: auto;height: auto;max-width: 100%;max-height: 100%;}

.banner{width:100%; position:relative; overflow:hidden;}
.swiper-container{width:100%; position:relative; overflow:hidden;}
.banVideo{width:100%; position:relative; overflow:hidden; font-size:0px;}
.banVideo video{width:100%;}

@media only screen and (max-width: 1600px) {
.w_add1_menu a{padding: 20px;font-size: 16px;}
.w_add2_item .t1{font-size: 32px;}
.w_add2_item .t2{font-size: 16px;}
.w_add2_item .t3{font-size: 20px;}
.w_add2_item .tag{font-size: 14px;}
.w_add2_item .info{font-size: 16px;}
.w_add2_item .box{width: 95%;}
.w_add3 h3{font-size: 32px;}
.w_add7 .part h3{font-size: 32px;}
.w_add8 .title{font-size: 32px;}



}

@media only screen and (max-width: 1200px) {
.w_add2_item .box{width: 100%;}
.w_add2_item .t1{font-size: 26px;}
.w_add2_item .t2{font-size: 14px;}
.w_add2_item .t3{font-size: 18px;}
.w_add2_item .tag{font-size: 12px;}
.w_add2_item .info{font-size: 14px;}
.w_add3 h3{font-size: 26px;}
.w_add3 .info{font-size: 16px;}
.w_add3_more a{padding: 12px 25px;}
.w_add4_btn:before{background-size: 50px;}
.w_add5 ul li .icon img{width: 50px;}
.w_add5 ul li h3{font-size: 18px;}
.w_add5 ul li .info{font-size: 14px;}
.w_add7 .part h3{font-size: 26px;}
.w_add8 .title{font-size: 26px;}



}

@media only screen and (max-width: 780px) {
.w_add1_menu a{padding: 15px;font-size: 14px;}
.w_add2_item .desc{width: 100%;order: 0 !important;}
.w_add2_item .img{width: 100%;order: 0 !important;}
.w_add2_item .box{padding: 20px 10px;}
.w_add3{padding: 80px 10px;box-sizing: border-box;}
.i2-video2{width: 90%;}
.w_add5 ul li{width: 100%;}
.w_add7 .item{width: 100%;min-height: 280px;}
.w_add8List ul li{width: 33.3%;padding: 5px;}
.w_add1 .wapper{padding:0;}



}