/*公用样式部分*/
html{width:100%;overflow-x:hidden;}
body{line-height:2;}
.displaynone{display:none;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:0.4rem;}
.margin-center{margin-left:auto;margin-right:auto;}

/*****top*****/
.top{height:40px;line-height:40px;background:#f4f4f4;}
.top .top-right a{padding:0 10px;}

.logobox{height:122px;position:relative;}
.logobox .logo{margin-top:30px;}
.logobox .logo img{margin-top:10px;}
.logo .logobody span{font-size:22px;color:#757575;padding:0 10px;line-height:40px;border-left:1px solid #ddd;height:40px;display:block;margin-left:20px;margin-top:15px;}

.logoRight .logoTel{margin-top:35px;}
.logoRight img{padding-right:10px;}
.logoRight span{display:block;color:#dc1616;line-height:20px;font-size:16px;}
.logoRight strong{font-size:24px;font-weight:bold;color:#dc1616;line-height:25px;}
/*****nav*****/
#nav{background:#43ae4f;height:58px;}
#nav ul>li{float:left;width:14.28571%;text-align:center;position:relative;line-height:58px;}
#nav ul>li>a{display:block;font-size:16px;color:#FFF;background:url(../images/nav-line.png) right center no-repeat;}
#nav ul>li.none a{background:none;}
#nav ul>li.active>a{background:#fdfed2;color:#222422}
#nav ul .submenu{position:absolute;display:none;width:100%;top:58px;z-index:99;background:#43ae4f;}
#nav ul .submenu li{border-bottom:1px solid #53ba5f;line-height:25px;padding:10px 0;}
#nav ul .submenu li a{color:#FFF;}
.logobox button{position:absolute; right:0; top:25px; border:none; color:#43ae4f; font-size:24px; padding:5px 8px; display:none;border-radius:2px;background:none;}

/*banner*/
.banner{position: relative; width:100%;height:500px;}	
.banner .pic{position:relative; z-index:98;}	
.banner .pic li{height:500px;}	
.banner .hd{position:absolute;bottom:10px;left:0;z-index:99;text-align:center;margin:auto;width:100%;}
.banner .hd li{width:10px;height:10px;background:#FFF;display:inline-block;margin-left:5px;border-radius:50%;}
.banner .hd li.on{background:#43ae4f;}

/*search*/
.search-box{line-height:60px;height:60px;}
.search-box .link span{font-size:14px;padding-right:10px;}
.search-box .link a{padding:0 5px;}
.search{margin-top:13px;}
.search .sousu{width:240px;line-height:36px;background:#f5f5f5;padding:0 5px;color:#666;border:none;}
.search .sou-zi{width:60px;line-height:36px;background:#43ae4f;font-size:20px;color:#FFFFFF;border:none;border-radius:5px;cursor:pointer;}

/*公用标题*/
.index-title{text-align:center;}
.index-title h3{color:#43ae4f;font-size:24px;font-weight:bold;line-height:30px;}
.index-title p{font-size:18px;color:#666;text-transform:uppercase;}

/*productshow*/
.proshow-list .proshow-left{width:216px;float:left;}
.proshow-list .proshow-left h3{height:56px;background:#43ae4f;color:#fff;text-align:center;line-height:56px;font-size:18px;}
.proshow-list .proshow-left ul li a{display:block;background:#fdfed2;border-bottom:1px dashed #ddd;line-height:50px;text-align:center;}
.proshow-list .proshow-left ul li a:hover{background:#69bf73;color:#FFF;border-bottom:none;}
.proshow-list .proshow-right{float:right;width:904px;}
.proshow-list .proshow-right li{margin-top:12px;}
.proshow-list .proshow-right li a{display:block;position:relative;overflow:hidden;}
.proshow-list .proshow-right li a img{height:172px;text-align:center;}
.proshow-list .proshow-right li a p{position:absolute;bottom:0;left:0;right:0;display:block;height:24px;line-height:24px;color:#FFF;z-index:2;text-align:center;background:rgba(0,0,0,.6);display:none;}
.proshow-list .proshow-right li a:hover p{display:block;}
/*product*/
.product{background:#f5f5f5;overflow:hidden;zoom:1;padding:30px 0;}
.product .product-line{margin-top:15px;text-align:center;height:40px;}
.product .product-line a{background:#43ae4f;color:#FFF;padding:3px 10px;margin-right:10px;display: inline-block;}
.product .product-line a:hover{background:#fdfed2;color:#6f6f6f;}
.product .product-line a.active{background:#fdfed2;color:#6f6f6f;}
.product .product-list li{margin-top:10px;}
.product .product-list a{display:block;text-align:center;line-height:30px;overflow:hidden;}
.product .product-list a span{display:block;}
.product .product-list a span img{height:204px;margin:auto}
/*advantage*/
.advantage .advant-item{width:420px;}
.advantage .advant-body{width:254px;margin-left:15px;margin-top:8px;}
.advantage .advant-item li{position:relative;margin-top:15px;height:104px;}
.advantage .advant-item li strong{font-size:18px;color:#43ae4f;padding-left:130px;line-height:38px;}
.advantage .advant-item li p{color:#43ae4f;line-height:20px;padding-left:90px;}
.advantage .advant-item li img{position:absolute;left:0;top:0;z-index:-1;}
/*aboutus*/
.aboutus{background:#f5f5f5;overflow:hidden;zoom:1;padding:50px 0;}
.aboutus img{position:relative;z-index:2;margin-top:40px;}
.aboutus .layui-container{position:relative;}
.aboutus .about-body{width:690px;border:0px solid #43ae4f;padding:20px 20px 30px;position:absolute;right:0;z-index:3;top:0;}
.aboutus .about-cont{margin-left:80px;}
.aboutus .about-body h3{color:#43ae4f;font-size:24px;font-weight:bold;line-height:30px;}
.aboutus .about-body p{font-size:18px;color:#666;text-transform:uppercase;}
.aboutus .about-body .about-text{line-height:24px;color:#4a4a4a;margin:50px 0;}
.aboutus .about-body .about-more a{background:#43ae4f;padding:12px 34px;text-align:center;color:#FFF;}
/*probase*/
.probase-cont .baseScroll{width:100%;position:relative;}
.probase-cont .baseScroll .baseList li{width:33.33333%;float:left;}
.probase-cont .baseScroll .baseList li a{display:block;position:relative;margin:0 5px;}
.probase-cont .baseScroll .baseList li a img{height:300px;margin:auto;}
.probase-cont .baseScroll .baseList li a p{position:absolute;bottom:0;left:0;right:0;height:36px;line-height:36px;color:#FFF;text-align:center;background:rgba(0,0,0,.6);}
.probase-cont .baseScroll a.prev{position:absolute;top:140px;left:0;background:url(../images/base-left.png) no-repeat;width:38px;height:38px;z-index:2;}
.probase-cont .baseScroll a.next{position:absolute;top:140px;right:0;background:url(../images/base-right.png) no-repeat;width:38px;height:38px;z-index:2;}
/*news*/
.news{background:#f5f5f5;overflow:hidden;zoom:1;padding:30px 0;}
.news #newsTitle{border-bottom:1px solid #b2b5b2;line-height:58px;height:58px;}
.news #newsTitle li{float:left;font-size:24px;font-weight:bold;color:#666;margin-right:20px;}
.news #newsTitle li.active{color:#43ae4f;border-bottom:2px solid #43ae4f;line-height:57px;}
.news-img{width:504px;height:334px;position:relative;}
.news-img .hd{position:absolute;right:15px;bottom:18px;z-index:2;}
.news-img .hd ul li{width:10px;height:10px;background:#837b74;float:left;margin-left:6px;text-indent:-9999px;border-radius:50px;}
.news-img .hd ul li.on{background:#FFF;}
.news-img .bd ul li{position:relative;}
.news-img .bd ul li img{height:334px;width: 100%;}
.news-img .bd ul li span{position:absolute;bottom:0;left:0px;height:46px;background:rgba(0,0,0,.5);z-index:1;color:#FFF;line-height:46px;font-size:14px;width:100%;padding-left: 10px;}
.news-r{width:616px;}
.news-r h3{font-size:18px;}
.news-r p{line-height:22px;color:#666;}
.news-r .time{display:block;background:url(../images/ico-time.png) left center no-repeat;padding-left:22px;}
.news-r ul li{color:#666;height:38px;line-height:38px;}
.news-r ul li span{float:right;}
/*contact*/
.contact-l{background:url(../images/join.png) no-repeat;width:444px;height:414px;}
.contact-l .contact-tel{border:1px solid #43ae4f;margin-top:140px;margin-left:25px;padding:5px 20px;width:360px;}
.contact-l .contact-tel p{color:#f00;font-size:16px;}
.contact-l .contact-tel p b{font-size:24px;}
.contact-r{width:632px;background:#43ae4f;padding:20px;height:374px;}
.contact-r h3{text-align:center;font-size:18px;font-weight:normal;color:#fff;}
.contact-r ul li{float:left;margin-top:30px;}
.contact-r ul li label{float:left;width:80px;margin-right:10px;line-height:30px;text-align:right;color:#fff;}
.contact-r ul li input{height:30px;background:#6ec178;padding:0 5px;float:left;width:214px;border:none;color:#fff;}
.contact-r ul li textarea{float:left;padding:5px;background:#6ec178;color:#fff;width:530px;border:none;resize:none;}
.contact-r ul li.contact-formBtn{margin-left:90px;}
.contact-r ul li.contact-formBtn .btn_submit{width:116px;height:40px;border:1px solid #fdfed2;color:#fdfed2;text-align:center;line-height:40px;margin-right:15px;cursor:pointer;background:none;}
.contact-r ul li.contact-formBtn .btn_submit:hover{background:#fdfed2;transition:all .3s;color:#333;}
/*friendlink*/
.friendlink-cont{background:#f5f5f5;line-height:50px;padding-left:20px;}
.friendlink-cont b{color:#43ae4f;border-left:4px solid #43ae4f;padding-left:10px;}
.friendlink-cont a{padding:0 10px;}
/*footer*/
#footer{border-top:1px solid #43ae4f;background:#2c2c2c;overflow:hidden;zoom:1;padding:30px 0;}
#footer .fot-dl1{width:15%;float:left;}
#footer .fot-dl2{width:15%;float:left;}
#footer .fot-dl3{width:15%;float:left;}
#footer .fot-dl4{width:15%;float:left;}
#footer .contact{width:40%;float:left;}
#footer dl dt{font-size:16px;color:#fff;}
#footer dl dd a{color:#ababab;}
#footer .contact img{padding-right:10px;}
#footer .contact p{line-height:25px;color:#ababab;}

.Copyright{color:#FFF;text-align:center;border-top:1px solid #3a3a3a;line-height:22px;background:#43ae4f;padding:10px 0;}




@media only screen and (min-width: 320px) and (max-width: 640px) {
	.banner{height:180px;}
	.banner .pic li{height:180px !important;width:100%}
	.logobox button{display:inline-block; cursor:pointer;}
	#nav ul .submenu li{padding:0;}
	#nav{position:absolute; top:80px; width:100%; left:0; background:#43ae4f; display:none; z-index:999;height:auto;}
	/*#nav-box ul>li{width:100%;line-height:25px;}*/
	#nav ul>li{width:50%;line-height:25px;height:auto;border:none;}
	#nav ul>li>a{color:#fff;font-size:16px;font-weight:normal;border-right:none;background:none;}
	#nav ul li a{line-height:30px;padding:5px 0;}
	#nav ul>li.active>a{background:none;color:#FFF;}
	#nav ul li a:hover,#nav ul li a:active,#nav ul li a.current{background:#50b75b;color:#FFF;border-bottom:none;}
	.logobox{height:80px;}
	.logobox .logo,.proshow,.product,.advantage,.aboutus,.probase,.news,#footer{margin-top:15px;}
	.logobox .logo img{width:70%;}
	.product .product-list a span img{height:160px;}
	.probase-cont .baseScroll .baseList li a img{height:240px;}
	.probase-cont .baseScroll a.prev,.probase-cont .baseScroll a.next{top:90px;}
	.proshow-list .proshow-left,.proshow-list .proshow-right{width:100%}
	.proshow-list .proshow-left h3{line-height:36px;height:36px;}
	.proshow-list .proshow-left ul li a{width:50%;float:left;line-height:36px;}
	.proshow-list .proshow-right li a img{height:140px;width:100%;}
	.advant-item,.new-con .news-r{width:100% !important;}
	.advant-item2{float:left !important;}
	.aboutus .about-body{position:static;width:auto;border:none;padding-right:0; padding-left:0;}
	.aboutus .about-cont{margin-left:0;}
	.aboutus .about-body .about-text{margin:10px 0;}
	.aboutus,.product,.news{padding:15px 0;}
	#footer .contact{width:100%;}
	#footer dl{display:none;}
	.advantage .advant-item li strong {font-size: 14px;line-height: 30px;}
	.advantage .advant-item li p {font-size: 11px;}
	.probase-cont .baseScroll .baseList li {width: 100%;}
	.news-r {width:100%;}
}