.suban{position: relative;overflow: hidden;}
.suban:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.15);}
.suban .subanimg{width: 100%;  animation: myshow 4s;-moz-animation: myshow 4s;-webkit-animation: myshow 4s;-o-animation: myshow 4s;}
.suban .zh{font-size: 60px;color: #fff;font-weight: bold;z-index: 2;}
@keyframes myshow{from {transform: scale(1.1);} to {transform: scale(1);}} 

.submenu{border-bottom: 1px solid #e6e6e6;}
.submenu ul{margin-bottom: 0px;text-align: center;}
.submenu li{position: relative;display: inline-block;margin: 0 20px;padding:26px 0;}
.submenu li a{font-size: 16px;color: #333;padding: 0 10px;}
.submenu li.act{background: #45af33;}
.submenu li.act a{color: #fff;}
.submenu li.act:after{content: '';position: absolute;background-color: #45af33;
left: 0;top:100%;height: 12px;width: 100%;}

.subcon{padding: 60px 0;}
.subtit{margin-bottom: 40px;}
.subtit .h2{font-size: 38px;color: #333;position: relative;margin: 0;padding-bottom: 30px;}
.subtit .h2:after{content: '';position: absolute;bottom: 0;
left: 0;width: 60px;height: 8px;border-radius: 4px;background: #45af33;}
.subtitzj{text-align: center;}
.subtitzj .h2:after{left: 50%;margin-left: -30px;}
.subtitdes .h2{font-size: 34px;}


.ab{}
.abtop{font-size: 0;}
.abtop .able,.abtop .abri{width: 50%;vertical-align: top;display: inline-block;}
.abtop .able .h5{font-size: 26px;color: #333;margin: 0 0 20px 0;}
.abtop .able .txt p{margin-bottom: 0;font-size: 16px;color: #333333;line-height: 28px;}
.abtop .abri{padding-left: 40px;}

.abnum{display: flex;justify-content: space-between;padding: 80px 0;}
.abnum li{width: auto;padding: 0;}
.abnum li p{color: #45af33;}
.abnum li span{font-size: 26px;}
.swiabot{position: relative;}
.swiabot .swiper-container{margin-bottom: 30px;}
.swiabot .swiper-pagination{left: 50%;transform: translate(-50%,0);}
.swiabot .abotimg{position: relative;overflow: hidden;}
.swiabot .abotimg img{width: 100%;}
.swiabot .abotxt{font-size: 18px;color: #000;margin: 20px 0;position: relative;padding-left: 70px;}
.swiabot .abotxt .le{position: absolute;left: 0;tab-size: 0;}
.swiabot .abotxt .le img,.swiabot .abotxt .le span{display: inline-block;vertical-align: middle;}
.swiabot .abotxt .le img{width: 28px;}
.swiabot .abotxt .ri{text-align: right;}

.abothov{position: absolute;left: 0;top: 0;
width: 100%;height: 100%;opacity:0;
}
.abothov img.three{width: 100px;}
.abotimg:hover .abothov{ animation:rubberBand 1.6s ;
        -webkit-animation:rubberBand 1.6s;
		animation-fill-mode: forwards;}
@-webkit-keyframes rubberBand {
  from {
	  opacity:0;
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }
  30% {
	  opacity:0.3;
    -webkit-transform: scale3d(1.45, 1, 1.2);
    transform: scale3d(1.45, 1, 1.2);
  }
  40% {
	  opacity:0.4;
    -webkit-transform: scale3d(1, 1.45, 1.2);
    transform: scale3d(1, 1.45, 1.2);
  }
  50% {
	  opacity:0.5;
    -webkit-transform: scale3d(1.35, 1.05, 1.2);
    transform: scale3d(1.35, 1.05, 1.2);
  }
  65% {opacity:0.65;
    -webkit-transform: scale3d(1.15, 1.25, 1.2);
    transform: scale3d(1.15, 1.25, 1.2);
  }
  75% {opacity:0.75;
    -webkit-transform: scale3d(1.25, 1.15, 1.2) ;
    transform: scale3d(1.25, 1.15, 1.2);
  }
  to {opacity:1;
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }
}

@keyframes rubberBand {
 from {
 	  opacity:0;
   -webkit-transform: scale3d(1.2, 1.2, 1.2);
   transform: scale3d(1.2, 1.2, 1.2);
 }
 30% {
 	  opacity:0.3;
   -webkit-transform: scale3d(1.45, 1, 1.2);
   transform: scale3d(1.45, 1, 1.2);
 }
 40% {
 	  opacity:0.4;
   -webkit-transform: scale3d(1, 1.45, 1.2);
   transform: scale3d(1, 1.45, 1.2);
 }
 50% {
 	  opacity:0.5;
   -webkit-transform: scale3d(1.35, 1.05, 1.2);
   transform: scale3d(1.35, 1.05, 1.2);
 }
 65% {opacity:0.65;
   -webkit-transform: scale3d(1.15, 1.25, 1.2);
   transform: scale3d(1.15, 1.25, 1.2);
 }
 75% {opacity:0.75;
   -webkit-transform: scale3d(1.25, 1.15, 1.2) ;
   transform: scale3d(1.25, 1.15, 1.2);
 }
 to {opacity:1;
   -webkit-transform: scale3d(1.2, 1.2, 1.2);
   transform: scale3d(1.2, 1.2, 1.2);
 }
}

.swidev .swiper-container{padding: 280px 0;	}
.swidev .swiper-slide{position: relative;background: #dadada;width: 100%;height: 1px;margin-left: -116px;width: 300px;}
.swidev .swiper-slide:first-child{margin-left: 0px;}
.swidev .swiper-slide:after{content: '';position: absolute;left: 50%;bottom: -5px;background: #dadada;z-index: 1;margin-left: -5px;width: 10px;height: 10px;border-radius: 50%;}
.swidev .devtxt{position: absolute;left: 0;width: 100%;bottom: 0;padding-bottom: 140px;}
.swidev .devtxt .time{font-size: 22px;margin-bottom: 8px;}
.swidev .devtxt .p{font-size: 16px;line-height: 30px;height: 60px;}
.swidev .devtxt:before{content: '';position: absolute;left: 50%;bottom:140px ;background: #dadada;margin-bottom: -10px;margin-left: -5px;width: 10px;height: 10px;border-radius: 50%;}
.swidev .devtxt:after{content: '';position: absolute;left: 50%;bottom: 0%;background: #dadada;width: 1px;height: 140px;}
.swidev .swiper-slide:nth-child(2n) .devtxt{top: 100%;bottom: auto;padding-bottom: 0px;padding-top: 140px;}
.swidev .swiper-slide:nth-child(2n) .devtxt:before{top:140px ;bottom: auto;margin-top: -10px;margin-bottom: 0px;}
.swidev .swiper-slide:nth-child(2n) .devtxt:after{bottom: auto;top: 0%;height: 140px;}
.swidev .swiper-button-next, .swidev .swiper-button-prev{
	width: 60px;height: 60px;background-color: #fff;
	box-shadow: 1px 2px 27px rgba(168,183,166,0.27);top: 38%;
	background-size: 22px 12px;opacity: 1;border-radius: 50%;
	margin-top: 0;
}
.swidev .swiper-button-prev{
	background-image:url("../img/arrow-right.png");
	transform: rotate(180deg);
}
.swidev .swiper-button-next{
	background-image:url("../img/arrow-right-bai.png");
	background-color: #45af33;
}

.swidev .swiper-slide-active:after,
.swidev .swiper-slide-active .devtxt:before,.swidev .swiper-slide-active .devtxt:after
{background: #45af33;}
.swidev .swiper-slide-active .devtxt:after{width: 2px;margin-left: -1px;}
.subg{width: 100%;height: 100%;background-repeat: no-repeat;}
.abdevbg{
background-image: url("../img/abdevelop-bg.png");
background-size: auto 100%;
background-position: right center;
}
.aborganibg{
	background-image: url("../img/aborganiza-bg.png");
	background-size: 100% auto;
	background-position: center bottom;
}
.abhonorbg{
	background-image: url("../img/abhonor-bg.png");
	background-size: auto 885px;
	background-position: left bottom;
}
.aborganibg img{width: 100%;}

.abmarkbg{background-image: url("../img/abmark-bg.png");
	background-size: 100% auto;
	background-position: center bottom;}
.abmark{font-size: 0;width: 100%;padding-top: 60px;}
.abmark img{max-width: 100%;}
.abmark .abmarkle,.abmark .abmarkri{display: inline-block;vertical-align: top;}
.abmark .abmarkle{width: 26%;}

.abmark .abmarkle ul{margin-top: 40px;}
.abmark .abmarkle li{font-size: 18px;color: #333;position: relative;
padding-left: 46px;margin-bottom: 20px;}
.abmark .abmarkle li:before{content: '';position: absolute;
left: 0;top: 2px;width: 20px;height: 20px;
background: #fbbd00;}
.abmark .abmarkle li:nth-child(2):before{background: #4a04f7;}
.abmark .abmarkle li:nth-child(3):before{background: #c93200;}
.abmark .abmarkle li:nth-child(4):before{background: #8fcd4e;}
.abmark .abmarkle li span{padding-right: 20px;}
.abmark .abmarkri{width: 74%;float: right;}

.mapbg{position: relative;}
.mapbg img{}
.mdot{position: absolute;border-radius: 50%;}
.mdotgreen{background: #42a830;width: 10px;height: 10px;}
.mdotred{background: #c93200;width: 12px;height: 12px;}
.mdotpur{background: #4a04f7;width: 16px;height: 16px;}
.mdotyel{background: #fbbd00;width: 20px;height: 20px;}
.mdot1{left: 26%;top: 70%;}
.mdot2{left: 46%;top: 36%;}
.mdot3{left: 68%;top: 28%;}
.mdot4{left: 76%;top: 50%;}
.mdot5{left: 86%;top: 42%;}
.mdot6{left: 88%;top: 80%;}
.mdot span,.mdot p{
	position: absolute;display:block;
	width: 10px;height: 10px;border-radius:50%;
	animation: mdotbig 1.5s infinite linear;
	box-shadow: 0px 0px 1px #42a830;
}
.mdot span{animation-delay: 0.5s;}
.mdotred span,.mdotred p{width: 12px;height: 12px;box-shadow: 0px 0px 1px #c93200;}
.mdotpur span,.mdotpur p{width: 16px;height: 16px;box-shadow: 0px 0px 1px #4a04f7;}
.mdotyel span,.mdotyel p{width: 20px;height: 20px;box-shadow: 0px 0px 1px #fbbd00;}
@keyframes mdotbig{  
	20% {transform: scale(1.5);opacity: 1;}  
	40% {transform: scale(2);}  
	60% {transform: scale(2.5);}  
	80% {transform: scale(3);}  
	100% {transform: scale(3.5);opacity: 0;}  
}  

.company{}
.equip{padding-top: 60px;}
.equip .equipmenu{border-bottom: 1px solid #e6e6e6;text-align: center;margin-bottom: 0;}
.equip .equipmenu li{display: inline-block;margin: 0 35px;
padding: 18px;font-size: 20px;color: #999;cursor: pointer;
border-bottom: 2px solid transparent;}
.equip .equipmenu li.act{color: #37a125;border-bottom-color:#37a125;}
.swiequip{padding: 60px 0;}
.swiequip .cusdots{left: 50%;transform: translate(-50%,0);}
.equit{position: relative;}
.equit .equipimg{position: relative;border-radius: 10px;overflow: hidden;}
.equit .equipimg img{width: 100%;border-radius: 10px;}
.equit p{font-size: 16px;color: #333;text-align:center;margin: 20px 0;}
.equit .equiphov{margin-bottom: 0;position: absolute;left: 0;
top: -100%;width: 100%;height: 100%;background-color: rgba(0,0,0,0.55);
border-radius: 10px;}
.equit .equiphov .jdjz{width: 100%;text-align: center;}
.equit .equiphov ul li,.equit .equiphov ul li p{font-size: 16px;color: #fff;line-height: 36px;}
.equit.act .equipimg img,.equit:hover .equipimg img{box-shadow:5px 0 15px rgba(42,52,42,0.32);
transform: scale(1.04);}
.equit.act .equiphov,.equit:hover .equiphov{top: 0;}
.envir{overflow: hidden;}
.envir .container{font-size: 0;}
.envir .envirle,.envir .enviri{display: inline-block;vertical-align: top;padding-top: 70px;}
.envir .envirle{width: 20%;background: #fafafa;position: relative;}
.envir .envirle:before{content: '';
position: absolute;width: 100%;right: 0;
height: 100%;top: 100%;background: #fafafa;}
.envir .envirle:after,.envir .enviri:after{content: '';position: absolute;width: 100%;height: 100%;top: 0;}
.envir .envirle:after{left: -100%;background: #fafafa;height: 200%;}
.envir .enviri:after{right: -100%;background: #f0f1f5;}
.envir .envirle ul{margin-bottom: 0;}
.envir .envirle ul li{cursor: pointer;font-size: 18px;color: #333;line-height: 60px;position: relative;}
.envir .envirle ul li.act{color: #37a125;}
.envir .envirle ul li.act:after{content: '';
position: absolute;right: 0;top: 50%;transform: translate(0,-50%);
width: 0;height: 0;
    border-top: 10px solid transparent;border-right: 30px solid #f0f1f5;border-bottom: 10px solid transparent;
}
.envir .enviri{width: 80%;
background: #f0f1f5;position: relative;padding-left: 56px;
padding-bottom: 100px;}
.envir .enviri .abotimg img{width: 100%;}
.envir .enviri .swiper-slide p{font-size: 16px;margin: 20px 0;color: #333;text-align: center;}
.enviri .swiper-button-prev,.enviri .swiper-button-next{
	width: 50px;height: 50px;border: 1px solid transparent;
	background-size: 10px 18px;
	top: 90%;
}
.enviri .swiper-button-prev{background-image:url("../img/turn-left-hui.png");
border-color:#dadada;left: 56px;}
.enviri .swiper-button-next{background-image:url("../img/turn-right-bai.png");
border-color:#45af33;background-color: #45af33;
left: 126px;right: auto;}

.mould{padding: 50px 0 70px 0;}
.mouldboth{font-size: 0;padding-top: 20px;}
.mouldboth .mouldimg{background: #f5f5f5;border-radius: 10px;text-align: center;overflow: hidden;}
.mouldboth .mouldimg img{max-width: 100%;}
.mouldboth .mouldle,.mouldboth .mouldri{display: inline-block;vertical-align: top;width: 50%;}
.mouldboth .mouldle{padding-right: 20px;}
.mouldboth .mouldle .mouldimg{height: 680px;line-height: 680px;}
.mouldboth .mouldri{font-size: 0;}
.mouldboth .mouldri .mouldimg{width: 48%;display: inline-block;
margin-right: 4%;margin-bottom: 20px;
height: 330px;line-height: 330px;}
.mouldboth .mouldri .mouldimg:nth-child(2n){margin-right: 0;}
.quality{background-image: url("../img/quality-bg.png");
background-size: 130% auto;
background-position: center center;
padding: 60px 0;}

.qualtxt{font-size: 16px;color: #333;text-align: center;margin-bottom: 60px;}
.qualboth{font-size: 0;}
.qualboth .quaimg{border-radius: 10px;margin-bottom: 25px;}
.qualboth .quaimg img{width: 100%;border-radius: 10px;}
.qualboth .qualle,.qualboth .qualri{display: inline-block;vertical-align: top;}
.qualle{width: 68.5%;padding-right: 25px;}
.qualri{width: 31.5%;}
.qualle .quaimg{display: inline-block;vertical-align: top;}
.qualle .quaimgs{width: 27%;padding-right: 25px;}
.qualle .quaimgm{width: 44%;padding-right: 25px;}
.qualle .quaimgl{width: 46%;}
.qualle .quaimgx{width: 56%;}


/* 产品中心 */
.rowpro{margin-left: -13px;margin-right: -13px;}
.rowpro .col-lg-3{width: 25%;float: left;padding-left: 13px;padding-right: 13px;margin-bottom: 46px;}
.rowpro .proimg{position: relative;border-radius: 8px;}
.rowpro .proimg img{width: 100%;}
.rowpro .proimg:hover {box-shadow:  0  14px 30px rgba(116,141,111,0.3);}
.menubread{background: #f2f3f4;padding: 20px 0;box-shadow: inset 0px 10px 10px rgba(143,143,143,0.1);}
.crumbs,.crumbs a,.crumbs span{font-size: 16px;color: #999;}
.crumbs a.act{color: #333333;}
.crumbs a img{position: relative;top: -2px;margin-right: 4px;}

.returngreen{float: right;position: relative;z-index: 3;}
.returngreen span,.returngreen img{display: inline-block;vertical-align: middle;}
.returngreen span{font-size: 16px;color: #999999;padding-right: 8px;}

.bothswi{width: 100%;}
.gallery-thumbs .swiper-wrapper{ position: relative;}
.swiper-wrappersda{transform: translate3d(0px, 0px, 0px) !important;}
.bothswi .swiper-slide {background-size: cover;background-position: center;position: relative;text-align: center;}
.gallery-top {height: 80%;width: 100%;}
/* .gallery-top img{width: 60%;} */
.gallery-top .proimg img{width: 60%;}
.gallery-top .proimg img{
/* background-image: url("../img/jiaxinbg-hui.png"); */
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
}

.gallery-thumbs-box{position: relative;margin-top: 40px;padding: 0 130px;}
.gallery-thumbs-box .swiper-button-next,
.gallery-thumbs-box .swiper-button-prev{border-radius: 50%;
width: 60px;height: 60px;background-color: #f5f5f5;opacity: 1;
background-size: 10px auto;outline: none;margin-top: -30px;}
.gallery-thumbs-box .swiper-button-prev
{background-image:url("../img/turn-left-hui.png");left: 0;}
.gallery-thumbs-box .swiper-button-next
{background-image:url("../img/turn-right-bai.png");right: 0;
background-color: #45af33;}
.gallery-thumbs img{box-sizing: border-box;border: 1px solid transparent;width: 100%;border-radius: 8px;}
.gallery-thumbs .swiper-slide {height: 100%;}
.gallery-thumbs .swiper-slide-active img{border-color:#45af33;}


.prodes{padding-top: 90px;border-bottom: 10px solid #f6f6f6;
overflow: hidden;}
.prodes table{width: 100%;}
.editor .editxt{font-size: 16px;color: #333333;}
.editor .edimg img{width: 100%;}
.protj{padding-top: 60px;}
.rowprotj .col-lg-3{width: 20%;}

/* 工艺展示 */
.craftcon{background-image:url("../img/iab-bgri.png");background-position: -220px bottom;}
.craftin{font-size: 0;padding-top: 10px;padding-bottom: 8%;}
.craftin .craftle,.craftin .craftri{display: inline-block;vertical-align: top;}
.craftin .craftle{width: 60%;padding-right: 8%;}
.craftin .craftle .craftxt{font-size: 16px;color: #333;line-height: 36px;}
.craftin .craftri{width: 40%;}
.craftin .craftri img{width: 100%;}

/* 资料下载 */
.artli{position: relative;padding:20px 48px 20px 20px;background-color: #f2f3f4;margin-bottom: 26px;border-radius: 6px;}
.artlin{position: relative;padding-right: 80px;}
.artli .artxt{padding-left: 30px;}
.artli .artxt span{background-image: url("../img/dots-two.png");
width: 10px;height: 15px;background-size: 20px auto;
background-position: right center;position: absolute;left: 0;top: 7px;}
.artli .artxt .p{font-size: 20px;color: #333333;}
.artli .load{border-bottom: 1px solid #333333;padding-bottom: 8px;padding-left: 30px;position: absolute;right: 0;top: -2px;}
.artli .load b{left: 0;top: 4px;position: absolute;background-image: url("../img/arrow-down-two.png");width: 20px;height: 18px;background-size: 40px auto;background-position: right center;}
.artli .load span{font-size: 18px;color: #333;}
.artli:before{border-radius: 8px;
	content: '';position: absolute;top: 0;width: 100%;
	height: 100%;background-color:#42a830;z-index: -1;
	left:0%;transition: all 0.6s;
	-webkit-transition:all 0.6s;opacity: 0;
}
.artli:hover{background-color: #42a830;border-radius: 0;}
.artli:hover:before{opacity: 1;left:-2%;width: 104%;}
.artli:hover .artxt span,.artli:hover .load b{background-position: left center;}
.artli:hover .artxt .p{color: #fff;}
.artli:hover .load{border-color: #fff;}
.artli:hover .load span{color: #fff;}


/* 新闻中心 */
.rownews{margin-left: -30px;margin-right: -30px;}
.rownews .col-lg-3{width: 33.33%;float: left;padding-left: 10px;padding-right: 10px;}
.newit{padding:15px;margin-bottom: 20px;}
.newit-in{position: relative;box-shadow: 0 1px 10px rgba(54,87,63,0.1);box-sizing: border-box;}
.newimg img{width: 100%;}
.newtxt{padding: 10px 20px;}
.newtxt h3{font-size: 18px;color: #333;}
.newtxt p{font-size: 16px;color: #999;margin-bottom: 20px;}
.newtxt .time{font-size: 16px;color: #999;}
.newtxt .time img{float: right;opacity: 0;margin-top: 2px;margin-right: 10px;}
.newit:hover{box-shadow: 0 10px 30px rgba(54,87,63,0.15);}
.newit:hover .newit-in{box-shadow:none;}
.newit:hover .time img{opacity: 1;margin-right: 0px;}

.newlineall{}
.newlineall .newit {padding: 35px 0;border-top: 1px solid #e6e6e6;margin-bottom: 0;}
.newlineall .newit .newit-in{box-shadow:none;}
.newlineall .newit .newit-in a{font-size: 0;display: block;position: relative;}
.newlineall .newimg,.newlineall .newtxt{display: inline-block;vertical-align: top;}
.newlineall .newimg{width: 380px;}
.newlineall .newtxt{width: calc(100% - 380px);width: -moz-calc(100% - 380px);width: -webkit-calc(100% - 380px);
padding: 0 35px;}
.newlineall .newtxt h3{margin-top: 0;font-size: 22px;margin-bottom: 20px;}
.newlineall .newit .newico{position: absolute;right: 0;bottom: 0;}
.newlineall .newit:hover{padding-left: 35px;padding-right: 35px;}
.newlineall .newit:hover .newtxt h3{color: #42a830;}
.newsin .txt h2{font-size: 30px;color: #333;margin-top: 0;}
.newsin .txt p{font-size: 16px;color: #333;;line-height: 40px;margin-bottom: 0;}
.newsin .time{font-size: 16px;color: #999;}
.newsin img{max-width: 100%;}
.dewdpage{margin-top: 60px;padding-top:30px ;position: relative;border-top: 1px solid #e6e6e6;}
.npage a{font-size: 16px;color: #999;display: block;}
.npage a span{color: #333;}
.npage a:hover span{color: #42a830;}
.npage a:first-of-type{margin-bottom: 8px;}
.rpage{padding: 10px 20px;border: 1px solid #d2d2d2;position: absolute;right: 50px;bottom: 5px;}
.rpage span,.rpage b{display: inline-block;vertical-align: middle;}
.rpage span{ color: #999999;font-size: 14px;}
.rpage b{width: 19px;height: 15px;background-image: url("../img/bluereturn.png");background-size: 100% auto;background-position: center center;}
.rpage:hover{background-color: #42a830;border-color:transparent ;}
.rpage:hover span{color: #fff;}
.rpage:hover b{background-image: url("../img/whitereturn.png");}
.newsdesall{position: relative;padding-right: 450px;
min-height: 760px;}
.newstj{width: 300px;position: absolute;right: 0;top: 0;border-radius: 10px;box-shadow: 0 1px 20px rgba(150,167,153,0.16);}
.newstj .subtit{margin-bottom: 20px;padding-top: 20px;}
.newstj .subtit .h2{font-size: 22px;color: #333;padding-bottom: 20px;text-align: left;margin-left: 16px;}
.newstj .subtit .h2:after{height: 2px;border-radius: 0;width: 26px;margin-left:0;left: 0;}
.newstjul{background-color: #fff;padding-bottom: 30px;}
.newstjli{display: block;margin: 0 16px;border-bottom: 1px solid #e6e6e6;padding: 18px 0;}
.newstjli .p{font-size: 18px;color: #333;line-height: 30px;}
.newstjli .time{font-size: 16px;color: #999;line-height: 40px;}

/* 人才招聘 */
.ideabg{background-image: url("../img/idea-bg.png");
	background-size: 110% auto;
	background-position: center bottom;}

.ideabox{text-align: center;padding: 20% 0;position: relative;}
.ideaboxin{display: inline-block;position: relative;text-align: center;width: 210px;height: 210px;
border-radius: 50%;border: 20px solid #45af33;
box-shadow:inset 0 10px 20px rgba(43,99,34,0.2);}
.ideabox img{width: 67px;margin: 0 auto 10px;display: block;} 
.ideabox span{font-size: 20px;color: #42a830;} 
.ideaboxin:before,.ideaboxin:after{content: '';position: absolute;
border-radius: 50%;
border: 1px dashed #dadada;}
.ideaboxin:before{width: 200%;height: 200%;left:-50%;top: -40%;}
.ideaboxin:after{width: 240%;height: 240%;left: -70%;top: -70%;}

.ideali{position: absolute;left: 0;top: 0;}
.idealin{position: relative;}
.ideali .h5,.ideali .txt{display: inline-block;vertical-align: top;}
.ideali .h5{padding: 30px;position: relative;margin: 30px;}
.ideali .h5in{font-size: 26px;color: #333;
position: relative;background-color: #f3f3f3;
height: 140px;width: 140px;border: 1px solid #dadada;
border-radius: 50%;text-align: center;line-height: 140px;}
.ideali .txt{font-size: 18px;color: #333;width: 330px;text-align: left;
/* position: absolute;left: 0;top: 0; */}
.ideali .h5 span{background: #dadada;width: 16px;height: 16px;
border-radius: 50%;display: inline-block;
position: absolute;}
/* .ideali .h5 span:after{content: '';
position: absolute;left: 50%;top: 50%;
width: 100px;height: 1px;background-color: #dadada;
z-index: -1;} */
.ideali .h5in:before{
	content: '';
	position: absolute;left: 0%;top: 0%;
	width: 50%;height: 1px;background-color: #dadada;
	z-index: -1;
	transform: translate(-50%,-50%) rotate(45deg);
}

.ideali1{left: 6%;top: 16%;}
.ideali1 .h5 span{left: 0;top: 0;}
/* .ideali1 .h5in:before{
	right: -50%;left: auto;
	transform: translate(-50%,-50%) rotate(-45deg);} */
.ideali2{left: 54%;top: 26%;}
.ideali2 .h5 span{right: 0;top: 0;}
.ideali2 .h5in:before{
	right: -50%;left: auto;
	transform: translate(-50%,-50%) rotate(-45deg);}
.ideali3{left: 6%;top: 50%;}
.ideali3 .txt,.ideali4 .txt{vertical-align: bottom;}
.ideali3 .h5 span{left: 0;bottom: 0;}
.ideali3 .h5in:before{
	left: 0;bottom: 0;top: auto;
	transform: translate(-50%,-50%) rotate(135deg);
	}
.ideali4{left: 50%;top: 52%;}
.ideali4 .h5 span{right: 0;bottom: 0;}
.ideali4 .h5in:before{
	right: -50%;bottom: 0;top: auto;left: auto;
	transform:translate(-50%,-50%) rotate(-135deg);
	}
.ideali .h5.act .h5in{background-color: #f3f3f3;
border-color:#42a830;}
.ideali .h5.act .h5in:before{background-color:#42a830;}
.ideali .h5.act span{background:#42a830;}

.recrow{font-size: 0;margin-left: -20px;margin-right: -20px;}
.recrow .col-lg-4{width: 33.33%;float: left;margin-bottom: 40px;
padding-left: 20px;padding-right: 20px;}
.recli{position: relative;
background-color: #fff;box-shadow: 0px 1px 10px rgba(54,87,63,0.1);
padding: 20px 24px;border-radius: 6px;
}
.recli:after{opacity: 0;
background-image: url("../img/recli-bg.png");
background-position: right top;background-repeat: no-repeat;
background-size: 380px auto;
width: 100%;height: 100%;
content: '';position: absolute;left: -3%;top: -3%;width: 106%;height: 106%;
background-color:#379726;z-index: -1;border-radius: 6px;
transition:none;-webkit-transition:none;
}
.recli h5{font-size: 22px;color: #333;margin-top: 0;}
.recli ul{margin: 20px 0;}
.recli li{display: inline-block;vertical-align: middle;margin-right: 40px;}
.recli li img,.recli li span{display: inline-block;vertical-align: middle;}
.recli li img.icoact{display: none;}
.recli li span{color: #999999;font-size:16px;padding-left: 4px;}
.recli .rectxt{color: #999999;font-size:16px;line-height: 30px;}
.recli .rectxt .recp{height: 120px;}
.recli .recbtn{margin-top: 20px;position: relative;display: inline-block;}
.recli .recbtn b{position: absolute;left: 0;top: 2px;
background-image: url("../img/recbtn-right.png");
background-size:100% auto;
background-position: center center;
background-repeat: no-repeat;width: 33px;height: 19px;}
.recli .recbtn span{opacity: 0;font-size: 16px;color: #fff;}
.recli:hover{
background-color:transparent;box-shadow:none;
transition:none;-webkit-transition:none;
}
.recli:hover:after{opacity: 1;
	background-color: #379726;box-shadow:0 10px 30px rgba(54,87,63,0.16);
	transition:all 1.2s;-webkit-transition:all 1.2s;
}
.recli:hover h5,.recli:hover li span,.recli:hover .rectxt{color: #fff;}
.recli:hover .recbtn span{opacity: 1;transition-delay: 0.2s;-webkit-transition-delay: 0.2s;}
.recli:hover .recbtn b{left: 110%;background-image: url("../img/recbtn-right-act.png");}
.recli:hover li img.ico{display: none;}
.recli:hover li img.icoact{display: inline-block;}

.recdesin{text-align: center;}
.recdesin  ul{text-align: left;}
.recdesin  li{display: inline-block;margin-right: 40px;}
.recdesin  li span,.recdesin  li img{display: inline-block;vertical-align: middle;}
.recdesin .txt{font-size: 16px;color: #999999;line-height: 32px;}
.recdesin .txt h2{font-size: 30px;color: #333;}
.recdesin .txt p{margin-bottom: 0;}
.recdesin .txt div{text-align: left;}
.recbtn{text-align: left;display: block;}
.recbtn button{font-size: 16px;width: 140px;
height: 48px;line-height: 48px;text-align: center;
background: #42a830;border-radius: 6px;color: #fff;}

.shade{position: fixed;left: 0;top: 0;/* display: none; */
width: 100%;height: 100%;z-index: 9999;
background-color: rgba(0,0,0,0.1);}
.shadein{width: 60%;background-color: #fff;z-index: 10;
padding: 24px 0;}
.close{position: absolute;left: 100%;padding: 20px;border-radius: 8px;
display: inline-block;background-color: rgba(0,0,0,0.5);top: 0;opacity: 1;}
.close img{width: 20px;}
.shadein h2{font-size: 36px;color: #333;text-align: center;margin-top: 0;}
.form{padding: 0 50px;overflow: auto;}
.formli{position: relative;margin-bottom: 30px;padding-left: 80px;}
.formli span{position: absolute;left: 0;top: 0;width: 80px;text-align: right;
padding-right: 10px;font-size: 16px;color: #999999;}
.formli .formput{}
.formli .formput input,.formli .formput textarea{font-size: 16px;color: #333;
width: 100%;padding: 4px 10px;box-sizing: border-box;}
.formli .formput input{border-bottom: 1px solid #e6e6e6;}
.formli .formput textarea{border: 1px solid #e6e6e6;height: 100px;}
.shadein .recbtn{text-align: center;}

.xlwnmdz_input2 .radiobox
{
    position: relative;margin-bottom: 0;
    padding-left:0px;font-weight: normal;
    margin-right: 15px;padding-left: 28px;
}
.xlwnmdz_input2 .radiobox p{font-size: 16px;margin-bottom: 0;
color: #999;}
.xlwnmdz_input2 .radiobox p:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #777777;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 0px;
}
.xlwnmdz_input2 .radiobox input[type=radio]{outline: none;}
.xlwnmdz_input2 .radiobox input[type=radio]:checked ~ p:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #42a830;
    position: absolute;
    top: 6px;
    left: 3px;
}
.xlwnmdz_input2 .radiobox input[type=radio]:checked:before {
     content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #42a830;
    position: absolute;
    top: 6px;
    left: 3px;
}
.xlwnmdz_input2 .radiobox input[type=radio]{
    margin-right: 6px;
    width: 16px;height: auto;display: none;
}
.xlwnmdz_input2 .radiobox input[type=radio]:checked ~ p:before{
        border: 1px solid #42a830;
}


/* 联系我们 */
.address{}
.address ul{margin-bottom: 0;display: flex;justify-content: space-between;}
.address li{padding: 20px;border-radius: 10px;max-width: 24%;}
.address li b,.address li span{display: inline-block;vertical-align: middle;}
.address li b{width: 23px;height: 23px;
background-image: url("../img/contact1.png");
background-position: left center;
background-size: 46px auto;
}
.address li:nth-child(2) b{background-image: url("../img/contact2.png");}
.address li:nth-child(3) b{background-image: url("../img/contact3.png");}
.address li:nth-child(4) b{background-image: url("../img/contact4.png");}
.address li span{font-size: 16px;color: #333;padding-left: 6px;}
.address li p{font-size: 16px;color: #333;margin: 10px 0 0 0;}
.address li:hover{background-color: #45af33;
box-shadow: 0 10px 30px rgba(181,187,180,0.4);}
.address li:hover span,.address li:hover p{color: #fff;}
.address li:hover b{background-position: right center;}

.iframe-box{margin: 50px 0;}
.iframe-box iframe{width: 100%;height: 540px;border: none;outline: none;}
.msgcon{background-color: #fff;box-shadow: 0 10px 30px rgba(181,187,180,0.4);}
.msgin{padding: 60px 110px;}
.msgul>ul{font-size: 0;margin-bottom: 0;}
.msgul>ul>li{width: 46%;margin-right: 8%;display: inline-block;}
.msgul>ul>li:nth-child(2n){margin-right: 0;}
.msgul input,.msgul textarea{background: #f6f7f8;
font-size: 16px;color: #333;width: 100%;box-sizing: border-box;
border-radius: 20px;margin-bottom: 40px;}
.msgul input{padding: 12px 30px;}
.msgul textarea{height: 180px;padding: 18px 30px;border: none;}
.msgbtn{text-align: center;}
.msgbtn button{background: #42a830;font-size: 16px;border-radius: 54px;
    color: #fff;height: 54px;line-height: 54px;width: 238px;
}


@media all and (max-height:860px){
  .form{max-height: 500px;} 
}
@media all and (max-height:768px){
  .form{max-height:400px;}
}


@media screen and (max-width: 1460px){
	.suban .zh{font-size: 44px;}
	.subtit .h2{font-size: 30px;}
	.subtitdes .h2{font-size: 28px;}
	.abtop .able .h5{font-size: 24px;}
	.abtop .able, .abtop .abri{vertical-align: middle;}
	.iabnum li p{font-size: 32px;}
	
	.equip .equipmenu li{font-size: 16px;margin: 0 20px;}
	.envir .envirle ul li{line-height: 50px;}
	.mouldboth .mouldri .mouldimg{height: 300px;line-height: 300px;}
	.mouldboth .mouldle .mouldimg{height: 620px;line-height: 620px;}
	
	.qualle .quaimgs,.qualle .quaimgm,.qualle{padding-right: 15px;}
	.qualboth .quaimg{margin-bottom: 15px;}
	.quality{background-size: auto 100%;}
	
	.newsdesall{padding-right: 350px;}
	.newsin .txt h2{font-size: 20px;}
	
	.ideali .txt{width: 240px;}
	.ideali1{left: 2%;}
	.ideali2{left: 55%;top: 22%;}
	.shadein h2{font-size: 28px;}
}
@media screen and (max-width: 1230px){
	.suban .zh{font-size: 34px;}
	.subtit .h2{font-size: 26px;}
	.subtit .h2:after{width: 50px;}
	.subtitzj .h2:after{margin-left: -25px;}
	.subtitdes .h2{font-size: 24px;}
	.abtop .able .h5{font-size: 22px;}
	.iabnum li p{font-size: 26px;}
	.abnum li span{font-size: 20px;}
	
	.envir .envirle ul li{line-height: 43px;}
	
	.gallery-thumbs-box{padding: 0 100px;}
	.artli{margin-bottom: 20px;}
	.artli .artxt{padding-left: 20px;}
	.artli .artxt span{top: 5px;}
	.artli .artxt .p{font-size: 18px;}
	.artli .load span{font-size: 16px;}
	.artli .load b{top: 2px;}
	
	.newit{padding: 10px;}
	.rownews{margin-left: -5px;margin-right: -5px;}
	.rownews .col-lg-3{padding-left: 5px;padding-right: 5px;}
	.newtxt h3{margin-top: 10px;}
	
	.newstj .subtit .h2{font-size: 20px;}
	.newstjli{padding: 12px 0;}
	.newstjli .p{font-size: 16px;line-height: 26px;}
	.newstjli .time{font-size: 14px;line-height: 30px;}
	.rpage{position: relative;left: 0;right: auto;bottom: 0;display: inline-block;margin-top: 20px;}
	
	.iframe-box iframe{height: 400px;}
	.msgin{padding: 60px ;}
	
	.ideali .h5{margin: 20px;}
	.ideali .txt{font-size: 16px;}
	.ideali .h5in{font-size: 22px;width: 120px;height: 120px;line-height: 120px;}
	.ideali1{left: 0;top: 8%;}
	.ideali2{left: 50%;top: 6%;}
	.ideali3{left: 2%;top: 58%;}
	.ideali4{left: 50%;top: 56%;}
	.recrow {margin-left: -10px;margin-right: -10px;}
	.recrow .col-lg-4{padding-left: 10px;padding-right: 10px;}
	.recli{padding: 15px;}
	.recli li{margin-right: 20px;}
	.recli .recbtn b{width: 28px;}
	.recli h5{font-size: 20px;}
	.recli ul{margin: 15px 0;}
	
}
@media screen and (max-width: 991px){
	.suban .zh{font-size: 28px;}
	.submenu li{margin: 0;}
	.subtit .h2{font-size: 20px;padding-bottom: 20px;}
	.subtit .h2:after{width: 40px;}
	.subtitzj .h2:after{margin-left: -20px;}
	.subcon{padding: 40px 0;}
	.abtop .able, .abtop .abri{width: 100%;}
	.abtop .able .h5{font-size: 18px;}
	.abtop .abri{padding-left: 0;margin-top: 20px;}
	.abnum{display: block;padding: 30px 0 10px 0;font-size: 0;}
	.iabnum li{width: 33.33%;margin-bottom: 20px;}
	.swiabot .abotxt{font-size: 16px;padding-left: 50px;}
	.swiabot .abotxt .le img{width: 20px;}
	
	.equip .equipmenu li{padding: 10px;margin: 0 10px;}
	.subtit{margin-bottom: 20px;}
	.envir .envirle, .envir .enviri{padding-top: 50px;}
	.envir .enviri{padding-left: 15px;}
	.envir .envirle ul li{font-size: 16px;}
	.enviri .swiper-button-prev, .enviri .swiper-button-next{width: 40px;height: 40px;}
	.mouldboth .mouldri .mouldimg{height: 260px;line-height: 260px;}
	.mouldboth .mouldle .mouldimg{height: 540px;line-height: 540px;}
	
	.swidev .swiper-container{padding: 220px 0;}
	.swidev .devtxt .time{font-size: 18px;}
	.swidev .devtxt .p{font-size: 14px;line-height: 24px;}
	.swidev .swiper-button-next, .swidev .swiper-button-prev{width: 40px;height:40px;top: 46%;}
	.swidev .devtxt{padding-bottom: 100px;}
	.swidev .devtxt:after,.swidev .swiper-slide:nth-child(2n) .devtxt:after{height: 100px;}
	.swidev .devtxt:before{bottom: 100px;}
	.swidev .swiper-slide:nth-child(2n) .devtxt:before{top: 100px;}
	.swidev .swiper-slide:nth-child(2n) .devtxt{padding-top: 120px;}
	
	.rowpro{margin-left: -10px;margin-right: -10px;}
	.rowpro .col-lg-3{padding-left: 10px;padding-right: 10px;margin-bottom: 30px;}
	
	.newsdesall{padding-right: 0;min-height: auto;}
	.newstj{position: relative;width: 100%;margin-top: 40px;}
	.newstj .subtit{margin-bottom: 10px;}
	.dewdpage{text-align: center;}
	.dewdpage .npage{text-align: left;}
	.address ul{display: block;}
	.address li{width: 100%;max-width:100%;padding: 10px;}
	.msgin{padding: 40px;}
	.msgul>ul>li{width: 49%;margin-right: 2%;}
	.msgul input, .msgul textarea{margin-bottom: 30px;}
	.address li b{width: 20px;height: 20px;background-size: 40px auto;}
	
	.ideabox{overflow: hidden;}
	.ideali .h5{display: block;padding: 0;}
	.ideali .h5 span,.ideali .h5in:before,.ideali .txt{display: none;}
	.ideali1{left: 0;top: 0;right: auto;bottom: auto;}
	.ideali2{right:0;top: 0;left: auto;bottom: auto;}
	.ideali3{left:0;bottom: 0;right: auto;top: auto;}
	.ideali4{right:0;bottom: 0;left: auto;top: auto;}
	.recli li span{font-size: 14px;}
	.recdesin .txt h2{font-size: 22px;}
	.shadein h2{font-size: 24px;}
	.formli{margin-bottom: 24px;}
	.form{padding: 0 40px;}
	.close{padding: 15px;left: auto;right: 0;}
}
@media screen and (max-width: 768px){
	.subtit .h2{font-size: 18px;}
	.submenu li{padding: 16px 0;}
	.submenu li a{font-size: 14px;}
	.submenu li.act:after{display: none;}
	.abtop .able .h5{font-size: 16px;}
	.abtop .able .txt p{font-size: 14px;line-height: 26px;}
	.iabnum li{width: 50%;}
	.iabnum li p{font-size: 20px;}
	.abnum li span{font-size: 16px;}
	.swiabot .swiper-container{margin-bottom: 0;}
	.swiabot .abotxt{font-size: 14px;}
	.equit p,.envir .enviri .swiper-slide p{font-size: 14px;}
	.envir .enviri,.envir .envirle{padding-top: 30px;}
	.envir .enviri{padding-bottom: 60px;}
	.envir .envirle ul li{line-height: 36px;}
	.enviri .swiper-button-prev, .enviri .swiper-button-next{left: 50%;}
	.enviri .swiper-button-prev{margin-left: -60px;}
	.enviri .swiper-button-next{margin-left: 20px;}
	.mouldboth .mouldle, .mouldboth .mouldri{width: 100%;}
	.mouldboth .mouldle{padding-right: 0;margin-bottom: 20px;}
	.qualboth .qualle, .qualboth .qualri{width: 100%;}
	.qualboth .qualle{padding-right: 0;}
	.qualtxt{font-size: 14px;margin-bottom: 30px;}
	.equip .equipmenu li{margin: 0 4px;}
	.swidev .devtxt .time{font-size: 16px;}
	.abmark .abmarkle, .abmark .abmarkri{width: 100%;}
	.abmark .abmarkri{float: none;margin-bottom: 40px;}
	.abmark .abmarkle li{font-size: 16px;margin-bottom: 14px;padding-left: 36px;}
	.abmark .abmarkle li:before{width: 16px;height: 16px;top: 3px;}
	.abothov img.three{width: 60px;}
	
	.gallery-thumbs-box{padding: 0 55px;}
	.gallery-thumbs-box .swiper-button-next, .gallery-thumbs-box .swiper-button-prev{width: 40px;height: 40px;margin-top:-20px;}
	.prodes{padding-top: 60px;}
	.protj{padding-top: 40px;}
	
	.craftin .craftle, .craftin .craftri{width: 100%;}
	.craftin .craftle{padding-right: 0;margin-bottom: 40px;}
	.craftin .craftle .craftxt{font-size: 14px;line-height: 28px;}
	
	.artli{padding: 16px 20px;}
	.artli .artxt .p{font-size: 16px;}
	.artli .load span{font-size: 14px;}
	.artli .artxt span{top: 4px;}
	.artli:hover:before{display: none;}
	
	.rownews .col-lg-3{width: 50%;}
	.newtxt{padding: 10px;}
	.newtxt h3{font-size: 16px;}
	.newtxt p{font-size: 14px;}
	.newlineall .newimg{width: auto;}
	.newlineall .newit{padding: 20px 0;}
	.newlineall .newtxt{width: 100%;padding: 20px 0 0 0;}
	.newlineall .newtxt h3{font-size: 16px;margin-bottom: 10px;}
	
	.newsin .txt h2{font-size: 18px;text-align: center;}
	.newsin .time{text-align: center;display: block;}
	.newstj .subtit .h2{font-size: 18px;}
	
	.iframe-box iframe{height: 340px;}
	.msgin{padding: 30px 20px;}
	.msgul>ul>li{width: 100%;margin-right: 0;}
	.msgul input, .msgul textarea{margin-bottom: 15px;}
	.msgul textarea{height: 120px;}
	.msgbtn button{height: 42px;line-height: 42px;width: 200px;}
	
	.recrow .col-lg-4{width: 50%;}
	.recli h5{font-size: 16px;}
	.recli .rectxt{font-size: 14px;line-height: 28px;}
	.recdesin .txt h2{font-size: 20px;}
	.recdesin .txt .recbtn{text-align:center;}
	.shadein h2{font-size: 20px;}
	.shadein{width: 90%;}
}

@media screen and (max-width: 640px){
	.rowpro{margin-left: -6px;margin-right: -6px;}
	.rowpro .col-lg-3{width: 33.33%;padding-left: 6px;padding-right: 6px;}
	.gallery-top img{width: 100%;}

}



@media screen and (max-width: 540px){
	.crumbs, .crumbs a, .crumbs span{font-size: 14px;}
	.envir .envirle ul li{font-size: 14px;}
	.envir .envirle{width: 30%;}
	.envir .enviri{width: 70%;}
	.swiequip{padding: 30px 0 50px 0;}
	
	.enviri .swiper-button-prev, .enviri .swiper-button-next{width: 30px;height: 30px;top: 95%;}
	.envir .envirle ul li.act:after{border-right-width: 20px;}
	.mouldboth .mouldri .mouldimg{height: 200px;line-height: 200px;}
	.mouldboth .mouldle .mouldimg{height: 420px;line-height: 420px;}
	
	.qualle .quaimgs{width: 50%;padding-left: 7px;padding-right: 0;}
	.qualle .quaimgs1{padding-right: 7px;padding-left: 0;}
	.qualle .quaimgl{width: 100%;}
	.equip .equipmenu li{font-size: 14px;}
	.swidev .devtxt{text-align: center;}
	.swidev .swiper-slide{width: 100%;margin-left: 0;}
	.abothov img.three{width: 36px;}
	
	.rowpro .col-lg-3{width: 50%;}
	.rownews {margin-left: 0;margin-right: 0;}
	.rownews .col-lg-3{width: 100%;padding-left: 0;padding-right: 0;}
	
	.newsin .txt h2{font-size: 16px;}
	.newsin .txt p{font-size: 14px;line-height: 28px;}
	.dewdpage{margin-top: 40px;padding-top: 20px;}
	.npage a{font-size: 14px;}
	.newstj .subtit .h2{font-size: 16px;}
	.newstjli .p{font-size: 14px;}
	
	.address li p{font-size: 14px;}
	.msgin{padding: 20px 10px;}
	
	.ideabox{padding: 120px 0;}
	.ideali .h5in{font-size: 18px;width: 90px;height: 90px;line-height: 90px;}
	
	.recrow .col-lg-4{width: 100%;}
	.recdesin .txt h2{font-size: 18px;}
	.recdesin .txt{font-size: 14px;line-height: 28px;}
	.shadein h2{font-size: 18px;}
	.form{padding: 0 10px;}
	.formli{padding-left: 70px;}
	.formli span{font-size: 14px;width: 70px;}
	.recbtn button{font-size: 14px;line-height: 40px;height: 40px;}
	.close{padding: 10px;}
	
	.suban .subanimg{width: 200%;margin-left: -50%;}
}