html,body{width: 100%;font-size:16px;overflow-x:hidden}
*{ margin:0; padding:0;}
em{ font-style:normal;}
img {border: 0 none;height: auto;vertical-align: middle;}
ul{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
div{box-sizing: border-box;}
/*::-webkit-scrollbar {display:none}*/
li{list-style: none;}
.relative{position: relative;}
.absolute{position: absolute;}
a{text-decoration: none;background: transparent;outline: none;color:#333;height:100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
a:hover, .tran, .pagenum td{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.cuya{font-family: "impact";}

.s_width{ width:1350px; margin:0 auto; position:relative}
.liuyan{ padding:0 0 30px 0; width:1350px; margin:0 auto 50px auto; height:545px;}

/*主导航多级菜单*/
.tel_header{display: none}
.hbg{width: 100%;height: 134px;position:fixed;top: 0px;z-index: 9999;text-align: center; background: url("../images/nav.png") no-repeat left top;}
#logo{transition: .5s;position: absolute; left:2%; top: 21px; width: auto;}
#logo:hover{left: 5%;}
#logo img{ width:100%}

.hbg .nav{ height:110px; width:53%; position: absolute; right: 15%;  }
.hbg .nav ul li{float: left;width: calc(100%/8);height:110px;line-height:110px;text-align: center;}
.hbg .nav ul li a{color:#fff;position: relative;z-index:1;font-size:18px; display:block}
.hbg .nav ul li a.active{background-color:#8ec31f;}
.hbg .nav ul li i{position: absolute;width:100%;height:0;background-color:#8ec31f;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.hbg .nav ul li a:hover i, .hbg .nav ul li a.active i{height:100%;}
.hbg .nav ul li a:hover, .hbg .nav ul li a.active{color:#fff;}


.nav li div {display:none;width:165px;text-align:center;color:#fff;position:absolute;top:100%;background: linear-gradient(to right, #14ae67,#8ec31f); z-index:9999 ;  box-sizing:border-box;}
.nav li div a {display:block;COLOR: #fff; LINE-HEIGHT:45px; HEIGHT:45px;FONT-SIZE: 16px!important;font-weight:normal; margin-top:0; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.nav li div a:hover {color:#333;  background:#fdb813!important; border-top:0; border-right:0; border-left:0; font-weight:normal;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }

.hbg .call{margin-top:25px;height:70px;background:url(../images/call.png) left center no-repeat;padding-left:72px; position:absolute; right:1%; text-align:left}
.hbg .call p{font-size:18px;color:#fff;padding:3px 0 2px 0;}
.hbg .call h3{font-size:32px;color:#fff;font-family: georgia,serif;}

.hbg.bg{ background: url("../images/navh.png") no-repeat left top; height:82px;}
.hbg.bg #logo img{height:50px !important;margin-top:-1rem;}
.hbg.bg .nav{ height:67px; width:53%; position: absolute; right: 15%;  }
.hbg.bg .nav ul li{float: left;width: calc(100%/8);height:67px;line-height:67px;text-align: center;}
.hbg.bg .nav ul li a{color:#fff;position: relative;z-index:1;font-size:18px; display:block}
.hbg.bg .nav ul li a.active{background-color:#8ec31f;}
.hbg.bg .nav ul li i{position: absolute;width:100%;height:0;background-color:#8ec31f;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.hbg.bg .nav ul li a:hover i, .hbg .nav ul li a.active i{height:100%;}
.hbg.bg .nav ul li a:hover, .hbg .nav ul li a.active{color:#fff;}

.hbg.bg .call{margin-top:0px;height:70px;background:url(../images/call.png) left center no-repeat;padding-left:56px; position:absolute; right:1%; text-align:left}
.hbg.bg .call p{font-size:16px;color:#fff;padding:3px 0 2px 0;}
.hbg.bg .call h3{font-size:26px;color:#fff;font-family: georgia,serif;}

@media( max-width:1279px){
.tel_header{display: none}
.hbg{width: 100%;height: 120px;position:fixed;top: 0px;z-index: 9999;text-align: center; background: url("../images/navh.png") no-repeat left 30% top;}
#logo{transition: .5s;position: absolute; left:2%; top: 12px; width: auto;}
#logo:hover{left: 5%;}
#logo img{ width:75%}
.hbg .nav ul li{float: left;width: calc(100%/8);height:67px;line-height:67px;text-align: center;}
.hbg .nav ul li a{color:#fff;position: relative;z-index:1;font-size:15px; display:block}
.hbg .nav ul li a.active{background-color:#8ec31f;}
.hbg .nav ul li i{position: absolute;width:100%;height:0;background-color:#8ec31f;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
	
.hbg .call{margin-top:2px;height:70px;background:url(../images/call.png) left center no-repeat;padding-left:56px; position:absolute; right:1%; text-align:left}
.hbg .call p{font-size:14px;color:#fff;padding:11px 0 2px 0;}
.hbg .call h3{font-size:20px;color:#fff;font-family: georgia,serif;}
	
.hbg.bg{ background: url("../images/navh.png") no-repeat left 30% top; height:70px;}
.hbg.bg #logo img{height:50px !important;margin-top:0rem;}
.hbg.bg .nav{ height:67px; width:53%; position: absolute; right: 15%;  }
.hbg.bg .nav ul li{float: left;width: calc(100%/8);height:67px;line-height:67px;text-align: center;}
.hbg.bg .nav ul li a{color:#fff;position: relative;z-index:1;font-size:15px; display:block}
.hbg.bg .nav ul li a.active{background-color:#8ec31f;}
.hbg.bg .nav ul li i{position: absolute;width:100%;height:0;background-color:#8ec31f;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.hbg.bg .nav ul li a:hover i, .hbg .nav ul li a.active i{height:100%;}
.hbg.bg .nav ul li a:hover, .hbg .nav ul li a.active{color:#fff;}

.hbg.bg .call{margin-top:0px;height:70px;background:url(../images/call.png) left center no-repeat;padding-left:56px; position:absolute; right:1%; text-align:left}
.hbg.bg .call p{font-size:14px;color:#fff;padding:3px 0 2px 0;}
.hbg.bg .call h3{font-size:20px;color:#fff;font-family: georgia,serif;}
}

@media only screen and (max-width:750px ){
.hbg{display: none;}
.tel_header{background:#f2f2f2;border-bottom-left-radius: 0.8rem;background-size: 100; display: block;}
.tel_header .head {padding: 0.5rem;overflow: hidden; width:65%}
.tel_header .head img{ width:50%; display:block}
.tel_header .nav{overflow: hidden; width:100%; background:#14ae67;}
.tel_header .nav li{float: left;width: 13.8%;text-align: center;font-size:16px;line-height:3rem;}
.tel_header .nav li a{color: #fff;display: block;}
.tel_header .nav li.active a { font-weight:bold;}

}

/* ------------------------ */
#banner{position:relative;overflow:hidden;width:100%;}
#banner ul{position:relative;overflow:hidden;width:300%;margin: 0;}
#banner ul li{width:33.333%;float:left}
#banner ul li img{width:100%;display:block;}
#banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner aside span{display:block;width:65px;height:65px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner:hover aside span{opacity:1;}
#banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner aside span.prev{float:left;}
#banner aside span.next{float:right;}
#banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner #bannerBtnS{width:85px;position:absolute;right:0;left:0;bottom:3%;margin:auto}
#banner  #bannerBtnS em{display:block;float:left;width:18px;height:18px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
#banner  #bannerBtnS em.act{background:#21b24b}
.sl{width: 100%;}
.sl,.st,.st div,.sl div{overflow:hidden;}
.nextinfo{width:100%;overflow:hidden;}
.nextinfo span{background:#eee;margin:20px 1%;width:48%;float:left;text-align:center;border-radius:20px;font-size: 14px;}
.nextinfo span a{color: #000}


/*产品分类*/
.prolist{ width:100%; margin:0 auto; padding:5rem 0 3rem 0; background: #f5f5f5; }
.prolist h2{  text-align:center; width:100%; height:110px; position:relative; margin:0 auto 2rem auto; font-size: 56px; color: #14ae67;}
.prolist h2 i{ color:#8ec31f; font-style: normal; margin-left: 20px;}
.prolist h2 em:before{ content:""; width:131px; height:3px; background:url("../images/left.png") no-repeat center top; display:inline-block; margin:0 20px 20px 0;}
.prolist h2 em:after{ content:""; width:131px; height:3px; background:url("../images/right.png") no-repeat center top; display:inline-block; margin:0 0 20px 20px;}
.prolist h2 span{ font-weight:normal; position:absolute; z-index:2; bottom:0;left:0; right:0; font-size:18px; color:#666;}

.tx_index_pro{ overflow:hidden;	width:100%; padding:20px 0; clear:both;  position:relative;}
.inbg{height: 320px;}
.tx_index_pro_right{float: right;position: relative;z-index: 999999;}
.cssimg img{-webkit-transition-duration:.5s;transition-duration:.5s;}
.cssimg:hover img{-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}
.rtCont{position:relative;width: 90%;margin: 0 auto;overflow: hidden;}
.rtCont ul{margin:0 auto;width:208px;overflow:hidden;}
.rtCont li{float:left;text-align:center;margin:0 2%;}
.rtCont li a{display:block;position: relative;transition:all .2s ease;padding-top: 20px;}
.rtCont li a img{display:block;font-size:0px;width:215px;height:215px;transition:all .2s ease;border:6px solid #14ae67;border-radius: 50%;-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.1);
box-shadow: 0 0px 15px rgba(0,0,0,0.1);margin: 0 auto;}
.rtCont li a p{margin-top: 15px;font-size: 18px;color: #333;margin-bottom: 0;}
.rtCont li a:hover img{-webkit-box-shadow: 0 0px 15px rgba(20,174,103,1);border-color: #8ec31f;}
.rtCont li a:hover p{color: #03a77e}
.rtCont>a{transition: .5s;}
.rtCont>a:hover{background: #fff;color: #999;box-shadow: 0 0px 10px rgba(0,0,0,0.3);}

@media only screen and (max-width:750px ){
.prolist{ padding:2rem 0 1rem 0;}
.prolist h2{  height:77px; font-size: 28px; color: #14ae67;}
.prolist h2 i{ color:#8ec31f; font-style: normal; margin-left: 20px;}
.prolist h2 em:before{ display: none;}
.prolist h2 em:after{ display: none;}
.prolist h2 span{ font-size:15px;}
	
.tx_index_pro{ padding:0px 0; }
.inbg{height: 220px;}
.rtCont li{margin:0 1%;}
.rtCont li a img{display:block;font-size:0px;width:150px;height:150px;transition:all .2s ease;border:4px solid #14ae67;border-radius: 50%;-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.1);}

}

/*pro*/
.pro{width:100%;   padding:20px 0 50px 0; background:#14ae67 url("../images/pro_top.jpg") no-repeat center top; }
.pro h2{  text-align:center; width:100%; height:110px; position:relative; margin:85px auto 2rem auto; font-size: 56px; color: #fff;}
.pro h2 i{ color:#f1ee15; font-style: normal; margin-left: 20px;}
.pro h2 em:before{ content:""; width:131px; height:3px; background:url("../images/left2.png") no-repeat center top; display:inline-block; margin:0 20px 20px 0;}
.pro h2 em:after{ content:""; width:131px; height:3px; background:url("../images/right2.png") no-repeat center top; display:inline-block; margin:0 0 20px 20px;}
.pro h2 span{ font-weight:normal; position:absolute; z-index:2; bottom:0;left:0; right:0; font-size:18px; color:#fff;}
#top_scroll {height:900px;overflow: hidden;max-width:90%;margin:65px auto 0px auto;}
#top_scroll ul li{float: left;width:24%;margin:0.5%; background:#fff;}
#top_scroll ul li .img{overflow: hidden; }
#top_scroll ul li img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;width:100%}
#top_scroll ul li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
#top_scroll ul li h3{color:#333;font-size:18px; font-weight:normal; line-height:60px; border-bottom:1px solid #f2f2f2; text-align:center;}
#top_scroll ul li:hover{background-image: -webkit-linear-gradient(left,#0bb354, #037c39);}
#top_scroll ul li:hover h3{color:#fff;}
.pro_bottom{width:100%;  background:url("../images/pro_bottom.jpg") no-repeat center top; height: 96px; }

@media only screen and (max-width:750px ){
.pro{width:100%;   padding:20px 0 50px 0; background:#14ae67 url("../images/pro_top.jpg") no-repeat center top; background-size: 100%; }	
.pro h2{  height:77px; font-size: 36px; color: #fff;margin:45px auto 2rem auto;}
.pro h2 i{ color:#8ec31f; font-style: normal; margin-left: 20px;}
.pro h2 em:before{ display: none;}
.pro h2 em:after{display: none;}
.pro h2 span{ font-size:15px;}
	
#top_scroll {margin:1rem auto 0px auto;height:500px;}
#top_scroll ul li{float: left;width:49%;margin:0.5%; background:#fff;}
#top_scroll ul li .img{overflow: hidden; }
#top_scroll ul li img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;width:100%}
#top_scroll ul li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
#top_scroll ul li h3{color:#333;font-size:17px; font-weight:normal; line-height:40px; border-bottom:1px solid #f2f2f2; text-align:center;}
#top_scroll ul li:hover{background-image: -webkit-linear-gradient(left,#0bb354, #037c39);}
#top_scroll ul li:hover h3{color:#fff;}
.pro_bottom{background-size: 100%; height: 23px; }
}

/*公司简介*/
.about{ width: 80%; margin: 5rem auto 3rem auto;}
.about_img{ width:45%; height:auto; overflow:hidden;}
.about_img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.about_img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}

.about_cont{ width:53%;}
.about_cont .about_jj{ width:100%;padding:20px 30px;  }
.about_cont .about_jj h3{ font-size:38px; line-height:31px; font-weight:bold; text-align:left; margin-top:10px; color:#14ae67;}
.about_cont .about_jj h3 span{ display: block; font-weight: normal; font-size: 16px; color: #666; padding: 8px 0; }
.about_cont .about_jj h3:after{content:""; width: 150px; height: 5px; background: #8ec31f; display: block;}
.about_cont .about_jj p{ font-size:16px; line-height:31px; text-align:left; color:#333; margin-top: 40px;}
.about_cont .about_jj .about_more{width:250px; height: 50px; line-height: 50px; text-align: center; background: #14ae67;border-radius: 30px; margin-top: 50px;}
.about_cont .about_jj .about_more a{color:#fff;}

@media( max-width:1279px){
.about_cont .about_jj h3{ font-size:30px; line-height:31px; font-weight:bold; text-align:left; margin-top:0px; color:#14ae67;}
.about_cont .about_jj p{ font-size:14px; line-height:28px; text-align:left; color:#333; margin-top: 15px;}
.about_cont .about_jj .about_more{ display: none;}
}

@media only screen and (max-width:750px ){
.about{ width: 95%; margin: 1rem auto 2rem auto;}
.about_img{ width:100%;}
.about_cont{ width:100%;}
.about_cont .about_jj{ width:100%;padding:10px 0px;  }
.about_cont .about_jj h3{ font-size:28px; line-height:31px; font-weight:bold; text-align:left; margin-top:10px; color:#14ae67;}
.about_cont .about_jj h3 span{ display:none;}
.about_cont .about_jj h3:after{ margin-top: 10px;}
}

/* 优势 */
.adv{width: 100%;background:url(../images/adv.jpg) top center no-repeat;padding:200px 0px 0 0;overflow: hidden; height: 1165px; position: relative;}
.adv h2{ text-align:center; width:100%; height:160px; position:relative; margin:0 auto;}
.adv h2 i{ position:absolute; z-index:1;font-family: impact; font-size:110px; color:#b3e0fb; font-style:normal; text-transform: uppercase; top:-31px; left:0; right:0}
.adv h2 em{ position:absolute; z-index:2; font-size:38px; color:#fff;left:50%;top:10px; width: 245px; margin-left: -122px; height: 50px; background: #14ae67; line-height: 50px;border-radius:30px}
.adv h2 img{ position: absolute; bottom: 0; left:50%; width: 724px; margin-left: -362px;}

.adv_img{ width:560px; height: 560px; border-radius: 50%;  position: absolute; left: 50%; margin-left: -280px; bottom: 0; z-index: 1}
.adv_img img{ overflow:hidden; border-radius: 50%; border: 10px solid #fff; }
.adv_img em{position:absolute; z-index:2; font-size:38px; color:#fff;left:54%;bottom:10px; width:290px; margin-left: -145px; height: 50px; background: #14ae67; line-height: 50px;border-radius:30px; font-family: Times New Roman;}
.adv_img em i{background:url(../images/b1.png) center left no-repeat; display: inline-block; width: 28px; height: 30px; margin-left: 20px;}

.adv_cont{ width:1200px; margin: 0 auto; position: relative; height: 620px;}
.adv_a{ position: absolute; top:135px; left:108px; z-index: 2 }
.adv_b{ position: absolute; top:410px; left:0px; z-index: 2  }
.adv_c{ position: absolute; top:135px; right:60px;  z-index: 2 }
.adv_d{ position: absolute; top:410px; right:0px; z-index: 2  }
.yshover{background: #14ae67;width: 200px;height: 200px;border-radius: 50%; font-weight:bold; text-align: center;border: 10px solid rgba(20, 174, 103, 0.527); background-clip: padding-box; margin: auto;position: absolute; } 
.yshover h3,.yshover2 h3{color: #fff; font-size: 26px; margin-top: 26px;}
.yshover p,.yshover2 p{	color: #fff; transition: all .5s;position: absolute; padding: 15px 10px 0 10px; transition: all .5s; font-weight: normal; }
.yshover2{background: #8ec31f;width: 200px;height: 200px;border-radius: 50%; font-weight:bold; text-align: center;border: 10px solid rgba(142, 195, 31, 0.527); background-clip: padding-box; margin: auto;position: absolute; } 


@media only screen and (max-width:750px ){
.adv{padding:154px 0px 0 0; height: 800px;}
.adv h2{ text-align:center; width:100%; height:110px; position:relative; margin:0 auto;}
.adv h2 i{ position:absolute; z-index:1;font-family: impact; font-size:50px; color:#b3e0fb; font-style:normal; text-transform: uppercase; top:-31px; left:0; right:0}
.adv h2 em{ position:absolute; z-index:2; font-size:38px; color:#fff;left:50%;top:10px; width: 245px; margin-left: -122px; height: 50px; background: #14ae67; line-height: 50px;border-radius:30px}
.adv h2 img{ position: absolute; bottom: 0; left:50%; width: 380px; margin-left: -190px;}

.adv_img{display: none;}

.adv_cont{ width:100%; margin: 0 auto; position: relative; height: 525px;}
.adv_a{ top:50px; left:0; }
.adv_b{ top:280px; left:0px;}
.adv_c{top:50px; right:0;}
.adv_d{ top:280px; right:0px; }
.yshover{background: #14ae67;width: 200px;height: 200px;border-radius: 50%; font-weight:bold; text-align: center;border: 10px solid rgba(20, 174, 103, 0.527); background-clip: padding-box; margin: auto;position: absolute; } 
.yshover h3,.yshover2 h3{color: #fff; font-size: 26px; margin-top: 26px;}
.yshover p,.yshover2 p{	color: #fff; transition: all .5s;position: absolute; padding: 15px 10px 0 10px; transition: all .5s; font-weight: normal; }
.yshover2{background: #8ec31f;width: 200px;height: 200px;border-radius: 50%; font-weight:bold; text-align: center;border: 10px solid rgba(142, 195, 31, 0.527); background-clip: padding-box; margin: auto;position: absolute; } 

	
}

/*case*/
.case{ width:100%; margin:0 auto; padding:3rem 0 2rem 0; }
.case h2{  text-align:center; width:100%; height:110px; position:relative; margin:0 auto 2rem auto; font-size: 56px; color: #14ae67;}
.case h2 i{ color:#8ec31f; font-style: normal; margin-left: 20px;}
.case h2 em:before{ content:""; width:131px; height:3px; background:url("../images/left.png") no-repeat center top; display:inline-block; margin:0 20px 20px 0;}
.case h2 em:after{ content:""; width:131px; height:3px; background:url("../images/right.png") no-repeat center top; display:inline-block; margin:0 0 20px 20px;}
.case h2 span{ font-weight:normal; position:absolute; z-index:2; bottom:0;left:0; right:0; font-size:18px; color:#666;}

#case_scroll {height:600px;overflow: hidden;max-width:90%;margin:65px auto 0px auto;}
#case_scroll ul li{float: left;width:24%;margin:0.5%; background:#fff;}
#case_scroll ul li .img{overflow: hidden; }
#case_scroll ul li img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;width:100%}
#case_scroll ul li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
#case_scroll ul li h3{color:#333;font-size:18px; font-weight:normal; line-height:60px; border-bottom:1px solid #f2f2f2; text-align:center;}
#case_scroll ul li:hover{background-image: -webkit-linear-gradient(left,#0bb354, #037c39);}
#case_scroll ul li:hover h3{color:#fff;}

@media only screen and (max-width:750px ){
.case{  margin:0 auto 2rem auto; padding: 0}	
.case h2{  height:77px; font-size: 36px; color: #14ae67;margin:34px auto 2rem auto;}
.case h2 i{ color:#8ec31f; font-style: normal; margin-left: 20px;}
.case h2 em:before{ display: none;}
.case h2 em:after{display: none;}
.case h2 span{ font-size:15px;}	
#case_scroll ul li{width:49%;}
}
	

/*news*/
.news{ width:100%; margin:4rem 0 0 0; padding-top: 3rem; background:url(../images/news.jpg) no-repeat right top;}
.news h2{  text-align:center; width:100%; height:110px; position:relative; margin:30px auto 4rem auto; font-size: 56px; color: #fff;}
.news h2 i{ color:#f1ee15; font-style: normal; margin-left: 20px;}
.news h2 em:before{ content:""; width:131px; height:3px; background:url("../images/left2.png") no-repeat center top; display:inline-block; margin:0 20px 20px 0;}
.news h2 em:after{ content:""; width:131px; height:3px; background:url("../images/right2.png") no-repeat center top; display:inline-block; margin:0 0 20px 20px;}
.news h2 span{ font-weight:normal; position:absolute; z-index:2; bottom:0;left:0; right:0; font-size:18px; color:#fff;}

.xinwen{ width:80%; margin:0 auto;background:rgba(255,255,255,1); padding:2% 1%;}
.news_cont{ background:#f6f6f6; width:48%; margin:0 1% 2% 1%;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }
.news_tou_pic{ width:25%; height:120px; margin:15px;}
.news_tou_pic img{width:100%;}
.news_tou_con{ width:68%; padding-right: 1%; padding-top: 2%; }
.news_tou_con a{ display:block; color:#282828; font-size:18px;line-height:31px; font-weight:bold}
.news_tou_con p{  color:#717171; font-size:13px; line-height:25px; margin-top: 10px;}
.news_cont:hover{ background:#07aa50}
.news_cont:hover a{ color:#fff;}
.news_cont:hover p{ color:#fff;}

@media only screen and (max-width:750px ){
.news{width:100%;   padding:20px 0 50px 0; background:#14ae67 url("../images/news.jpg") no-repeat center top; background-size: 100%; }	
.news h2{  height:77px; font-size: 36px; color: #fff;margin:15px auto 2rem auto;}
.news h2 i{ color:#8ec31f; font-style: normal; margin-left: 20px;}
.news h2 em:before{ display: none;}
.news h2 em:after{display: none;}
.news h2 span{ font-size:15px;}
	
.xinwen{ width:90%; padding:2% 1%;}
.news_cont{ background:#f6f6f6; width:100%; margin:0 0% 2% 0%; }
.news_tou_pic{ width:25%; height:60px; margin:15px;}
.news_tou_pic img{width:100%;}
.news_tou_con{ width:65%; padding-right: 1%; padding-top: 2%; }
.news_tou_con a{ display:block; color:#282828; font-size:18px;line-height:31px; font-weight:bold}
.news_tou_con p{ display: none;}

}

/*footer*/
.footer{ background:url(../images/end.jpg) no-repeat center top;color: #fff; font-size:15px; line-height:29px; margin-top:50px;}
.footer .s_width{ width:80%;}
.fenlei{width: 33%;height: 100%;padding: 60px 0px 0 70px;}
.fenlei h2{ color:#fff; line-height:50px;}
.fenlei h2:after{ content:""; display:block; width:30px; height:2px; background:#f8de07}
.fenlei .fenlei_ul{ margin-top:31px;}
.fenlei .fenlei_ul li{height:31px; line-height:31px;display:block;margin:0 15px 10px 0; text-align:left; float:left; width: 42%; font-size:16px;}
.fenlei .fenlei_ul li a{ color:#fff; }
.fenlei .fenlei_ul li a:hover{ color:#fff; }

.lianxiUs{width:  33%;height: 100%;border-left:1px solid transparent; ;border-right:1px solid transparent; border-color: rgba(255, 255, 255, 0.3); padding: 60px 0px 96px 50px;}
.lianxiUs h2{ color:#fff;padding-bottom:35px; line-height:50px;}
.lianxiUs h2:after{ content:""; display:block; width:30px; height:2px; background:#f8de07}
.lianxiUs p{ line-height:31px; float:left; font-size: 16px;}
.lianxiUs img{ width:209px; height:209px; float:right; margin-right:75px;}

.aboutUs{width:  33%;height: 100%;padding: 50px 0px 0 30px;}
.aboutUs h2{ color:#fff;padding-bottom:35px; line-height:50px;}
.aboutUs h2:after{ content:""; display:block; width:30px; height:2px; background:#f8de07}
.aboutUs  li{display:block;text-align:center; float:left; width:122px; margin-right:15px;}
.aboutUs  li img{ width:100%}
.aboutUs li em{ color:#fff; text-align:center }
.aboutUs li a:hover{ color:#fff; }

.copyright{width: 100%;height: 70px;line-height: 70px;background-color: #8ec31f;text-align: left;font-size: 17px;color:#fff;}
.copyright a{color:#fff;}
.copyright img{ float:right; padding-top:8px;}

@media only screen and (max-width:750px ){
.footer{ background:#14ae67}
.footer .s_width{ width:100%;}
.fenlei{width: 100%;padding: 1rem 0px 0 1rem;}
.fenlei .fenlei_ul li{margin:0 1% 1% 0; width: 49%; }
.fenlei .fenlei_ul li:nth-child(3n){margin-right:0}

.lianxiUs{width:  100%;padding: 1rem 0px 0 1rem;}
.lianxiUs p{ line-height:31px; float:left; font-size: 16px;}
.lianxiUs img{ width:209px; height:209px; float:right; margin-right:75px;}

.aboutUs{width:  100%;padding: 1rem 0px 0 1rem;}
.aboutUs  li{display:block;text-align:center; float:left; width:122px; margin-right:15px;}
.aboutUs  li img{ width:100%}

.copyright{width: 100%;height:50px;line-height: 50px;background-color: #8ec31f;text-align: left;font-size: 12px;color:#fff;}
.copyright a{color:#fff;display: none;}
}
/*网站内页*/
@keyframes breathe{
	from {
		transform:scale(1.2);
		}
	to {transform:scale(1.0);}
}
.ny_banner{width: 100%;height:500px;position: absolute;top: 0;left: 0;z-index: 1;animation: breathe 2s; overflow:hidden;}
.header{ width:100%; position:relative; height:500px;}
.ny_prolist{ width:100%; position:absolute; z-index:10;  top:32%; height:300px;}
.ny_prolist p{ color:#fff!important;}
.main{ width:80%; margin:4% auto;}
.main h2{  text-align:center; width:100%; height:110px; position:relative; margin:0 auto 2rem auto; font-size: 56px; color: #14ae67;}
.main h2 i{ color:#8ec31f; font-style: normal; margin-left: 20px;}
.main h2 em:before{ content:""; width:131px; height:3px; background:url("../images/left.png") no-repeat center top; display:inline-block; margin:0 20px 20px 0;}
.main h2 em:after{ content:""; width:131px; height:3px; background:url("../images/right.png") no-repeat center top; display:inline-block; margin:0 0 20px 20px;}
.main h2 span{ font-weight:normal; position:absolute; z-index:2; bottom:0;left:0; right:0; font-size:18px; color:#666;}
.main_cont{ font-size:16px;  line-height:31px; color:#333;}
.main_cont p{ padding-bottom:15px!important;text-indent:2em;}

@media only screen and (max-width:750px ){
.header{ width:100%; position:relative; height:85px;}
.ny_banner{width: 100%;height:85px;position:relative;top: 0;left: 0;z-index: 1;animation: breathe 2s; overflow:hidden;}
	.ny_banner img{width: 100%;}
.main{  margin:0 auto 2rem auto; padding: 0;width: 100%;}	
.main h2{  height:43px; font-size: 36px; color: #14ae67;margin:34px auto 2rem auto;}
.main h2 i{ color:#8ec31f; font-style: normal; margin-left: 20px;}
.main h2 em:before{ display: none;}
.main h2 em:after{display: none;}
.main h2 span{ font-size:15px; display: none;}	
.main_cont{width: 90%; margin: 0 auto;}
}
.main_read h3{ text-align:center; font-size:25px; font-weight:normal; padding:50px 0 10px 0; }
.main_read .main_date{ text-align:center; font-size:15px; color:#666; line-height:35px;border-bottom: 1px solid #E0E0E0; margin-bottom:50px; }
.main_read img{ width:100%; max-width:650px; margin:0 auto 15px auto; display:block;}
.main_read .main_read_cont{font-size:16px;  line-height:31px; color:#333; width:80%; margin:0 auto;}
.main_read .main_read_cont p{ padding-bottom:15px!important;text-indent:2em;}

.main .main_l{25%}
.box_one{width: 260px;background-color: #21b24b;padding: 10px 10px}
.box_one .title{text-align: center;margin-bottom:20px;}
.box_one .title h3{color:#fff;font-weight:bold;font-size:30px;margin:20px 0 10px 0;}
.box_one .title p{color:#fff;font-size:16px;}
.box_one ul li{line-height:50px;background-color:#fff;margin-bottom:5px;text-align:left;}
.box_one ul li a{color:#333;position: relative;z-index:1;font-size:17px; display:block; padding-left:20px;}
.box_one ul li i{position: absolute;width:100%;height:0;background-color:#21b24b;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.box_one ul li a:hover i, .box_one ul li a.active i{height:100%;}
.box_one ul li a:hover, .box_one ul li a.active{color:#fff;}

.main .main_r{ width:75%}



.mbx{ width:100%; height:60px; border-bottom:1px solid #eaefed;}
.mbx .espcms_path{ width:1280px; margin:0 auto; font-size:16px; line-height:60px;}
.mbx .espcms_path li{display: inline-block;}
.mbx .espcms_path > li + li:before {padding: 0 5px;color: #ccc;content: "/\00a0";}


.espcms_page_botton{text-align: center;border-top: 1px solid #E0E0E0;padding:50px 0px 15px 0;}
.btn-default {color: #333;background-color: #fff;border-color: #ccc;outline: 0px;}
.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.btn-group, .btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;}

.btn-default {color: #333;background-color: #f2f2f2;outline:0px; margin-right:1px;}
.btn-default:focus,.btn-default.focus {color: #333;background-color: #e6e6e6;border-color: #8c8c8c;outline:0px}
.btn-default:hover {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active,.btn-default.active {color: #fff;background-color: #00af5f;outline:0px}
.btn-default:active:hover,.btn-default.active:hover,.open > .dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open > .dropdown-toggle.btn-default:focus,.btn-default:active.focus,
.btn-default.active.focus,.open > .dropdown-toggle.btn-default.focus {color: #fff;background-color: #00af5f;}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,
.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #fff;border-color: #ccc;}
.btn-default .badge {color: #fff;background-color: #333;}

.espcms_info_pager{ width:80%; margin:0 auto 147px auto;}
.espcms_info_pager li{ width:100%; float:left; text-align:center; background:#f2f2f2; line-height:33px; margin-right:5%}
.espcms_info_pager li:nth-child(2n){ margin-right:0px;}

/*内页产品展示*/
.se_tuandui { width:100%; margin:0 auto;  padding:0px 0 20px 0}
.se_tuandui ul{ width:100%;}
.se_tuandui li{float:left; padding:0; width:29.8%; margin:0 5% 25px 0; position:relative; overflow:hidden; background:#fff; border:1px solid #eee;}
.se_tuandui li .p-img{ width:100%; text-align:center;  position:relative; overflow:hidden }
.se_tuandui li .p-name{ height:85px; line-height:85px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:22px; background-image: -webkit-linear-gradient(left,#14ae67, #8ec31f); color:#fff;}
.se_tuandui li .p-name em{ display:block; font-size:19px; color:#fff;}
.se_tuandui li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_tuandui li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_tuandui p{ font-size:16px; line-height:35px; color:#666;}
.se_tuandui p span{ font-size:17px;  color:#af1318;}
.se_tuandui li:nth-child(3n){ margin:0 0 25px 0;}

.main_about{ width:1280px; margin:0 auto;background: #fafafa;color: #444;height: 50px;line-height: 50px;font-weight: bold;font-size: 15px; height:520px;}
.main_about h2 i{background: #C4005B;width: 2px;height: 30px;display: block;float: left;margin: 10px 10px 0px 0px;}

@media( max-width:1279px){
.se_tuandui li .p-name{ height:55px; line-height:55px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:20px;  color:#fff;}	
}
	
@media only screen and (max-width:750px ){
.main_read .main_read_cont{width:95%; margin:0 auto;}
.se_tuandui li{float:left; padding:0; width:48%; margin:0 0.5% 25px 0.5%; position:relative; overflow:hidden; background:#fff; border:1px solid #eee;}
.se_tuandui li .p-name{ height:55px; line-height:55px;font-size:18px; }
.se_tuandui p{ font-size:14px; line-height:35px; color:#666;}
}
/*se_hangye*/
.se_news_con{ padding:40px 0 0 0; width:100%; margin:0 auto;}
.se_news_con ul{ }
.se_news_con li{  margin-bottom:15px;position:relative; overflow:hidden; cursor: pointer;position:relative; top:0; padding:25px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; border-bottom:1px solid #eee}
.se_news_con li:hover { background:#00af5f; top:20px;}
.se_news_con .se_news_da{ width:1380px; margin:0 auto}
.se_news_l{ width:300px; position:relative; overflow:hidden; height:200px; }
.se_news_l img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_news_l:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.se_news_r{ width: 976px; position: relative; z-index: 2; padding:10px 20px 0 0}
.se_news_r span{ display:block; background:url(../images/yuan.png) no-repeat left center; line-height:35px; font-size:14px; color:#888; padding:0 0 0 20px;}
.se_news_r h2{  font-size:14px; color:#555555; padding:5px 0 10px 0; font-weight:normal;}
.se_news_r h2 a{  font-size:23px; color:#333; text-transform:uppercase; display:block; line-height:50px;transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;}
.se_news_r h2 a:hover{   color:#0f58ce; }
.se_news_r p{ line-height:28px; color:#777; padding:10px 0 10px 0; font-size:15px;}
.se_news_r .se_news_more{ width:120px; border:1px solid #f2f2f2; background:#f2f2f2; line-height:30px; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.se_news_r .se_news_more a{ color:#00af5f; font-size:14px;}
.se_news_r .se_news_more a:hover{ color:#fff; }
.se_news_con li:hover .se_news_more{ background:#fff; border:1px solid #fff; }
.se_news_con li:hover .se_news_more a{ color:#ca2c2c; }
.se_news_con li:hover .se_news_r h2 a{ color:#fff; }
.se_news_con li:hover .se_news_r h2{ color:#fff; }
.se_news_con li:hover .se_news_r p{ color:#fff; }

@media( max-width:1279px){
.se_news_con .se_news_da{ width:1080px; margin:0 auto}
.se_news_l{ width:300px; position:relative; overflow:hidden; height:200px; }
.se_news_l img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_news_l:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.se_news_r{ width: 755px; position: relative; z-index: 2; padding:10px 20px 0 0}
.se_news_r span{ display:block; background:url(../images/yuan.png) no-repeat left center; line-height:35px; font-size:14px; color:#888; padding:0 0 0 20px;}
.se_news_r h2{  font-size:14px; color:#555555; padding:5px 0 10px 0; font-weight:normal;}
.se_news_r h2 a{  font-size:23px; color:#333; text-transform:uppercase; display:block; line-height:50px;transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;}
.se_news_r h2 a:hover{   color:#0f58ce; }
.se_news_r p{ line-height:28px; color:#777; padding:10px 0 10px 0; font-size:15px;}
.se_news_r .se_news_more{ width:120px; border:1px solid #f2f2f2; background:#f2f2f2; line-height:30px; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.se_news_r .se_news_more a{ color:#00af5f; font-size:14px;}
.se_news_r .se_news_more a:hover{ color:#fff; }
.se_news_con li:hover .se_news_more{ background:#fff; border:1px solid #fff; }
.se_news_con li:hover .se_news_more a{ color:#ca2c2c; }
.se_news_con li:hover .se_news_r h2 a{ color:#fff; }
.se_news_con li:hover .se_news_r h2{ color:#fff; }
.se_news_con li:hover .se_news_r p{ color:#fff; }
}
@media only screen and (max-width:750px ){
.se_news_con{ padding:0px 0 0 0; }
.se_news_con ul{ }
.se_news_con li{  margin-bottom:15px;position:relative; overflow:hidden; cursor: pointer;position:relative; top:0; padding:25px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; border-bottom:1px solid #eee}
.se_news_con .se_news_da{ width:100%; margin:0 auto}
.se_news_l{ width:100%; position:relative; overflow:hidden; height:200px; }

.se_news_r{ width: 100%; position: relative; z-index: 2; padding:1rem 20px 0 1rem}
.se_news_r span{ font-size:14px; color:#888; padding:0 0 0 20px;}
.se_news_r h2{  font-size:14px; color:#555555; padding:5px 0 10px 0; font-weight:normal;}
.se_news_r h2 a{  font-size:21px; color:#333; text-transform:uppercase; display:block; line-height:30px;transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;}
.se_news_r p{ font-size:14px;}
	
}
	
/*se-contact*/
.main_contact{ width:1280px; margin:50px auto;}
.main_contact ul{ margin:0px auto;}
.main_contact li{ width:415px;  float:left; text-align:center; padding-bottom:15px; margin-right:15px;}
.main_contact li:nth-child(3){ margin-right:0px;}
.main_contact li img{ margin-top:30px;}
.main_contact li i{ display:block; text-align:center; font-style:normal; padding:20px 0 10px 0; font-size:20px;}
.main_contact li em{ display:block; padding:15px 0 0 0; font-size:18px; line-height:30px;}
.main_contact li span{display:block; font-size:16px; line-height:31px; color:#666; text-align:center;}