﻿/*公用样式部分*/
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 !important;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.bordernone{border:none !important;}
.margin-center{margin-left:auto;margin-right:auto;}
.main-body{transform: translateX(0px); transition: all 0.5s;}
.media-body{margin-top:0;}

/*top*/
.top{height:40px;line-height:40px;background:#F5F6F7;}
.top .top-right a{padding:0 10px;transition:all .3s;}
/*****logobox*****/
.logobox{padding-top:.35rem;padding-bottom:.35rem;position:relative;}
.logo img{padding-right:10px;}
.logori{padding-left:10px;border-left:1px solid #ddd;margin-top:10px;}
.logo strong{font-size:28px;line-height:30px;color:#175842;}
.logo p{color:#333;line-height:20px;font-size:20px;}
.media, .media .media{margin-top:0;}
.logobox .logoright img{padding-right:10px;margin-top:12px;}
.logobox .logoright strong{color:#175842;font-size:22px;line-height:1;font-weight:normal;}
.logobox .logoright p{font-size:18px;color:#333;}
.logobox button{cursor:pointer;border:none; color:#000; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}
/*nav*/
#nav{background:#175842;height:65px;}
#nav ul>li{float:left;width:11%;text-align:center;position:relative;line-height:65px;}
#nav ul>li>a{display:block;font-size:16px;color:#fff;}
#nav ul>li.active>a{background:#EBC806;}
#nav ul .submenu{position:absolute;display:none;width:100%;top:65px;z-index:99;background:#EBC806;}
#nav ul .submenu li{line-height:25px;padding:10px 0;}
#nav ul .submenu li a{color:#FFF;}
/*banner*/
.banner{position: relative; width:100%;}	
.banner .pic{position:relative; z-index:2;}	
.banner .pic li{height:550px;}	
.banner .hd{position:absolute;bottom:10px;left:0;z-index:3;text-align:center;margin:auto;width:100%;}
.banner .hd li{width:14px;height:14px;background:#fff;display:inline-block;margin-left:5px;border-radius:50%;}
.banner .hd li.on{background:#EBC806;}

/*search*/
.search-box{line-height:80px;height:80px;background:#F2F2F2;}
.search-box .link span{padding-right:10px;background:url(../images/keywords.png) left center no-repeat;padding-left:22px;font-weight:bold;font-size:16px;display:inline-block;}
.search-box .link a{padding:0 10px;}
.search{margin-top:20px;border-radius:5px;background:#fff;}
.search .sousu{width:240px;line-height:40px;background:none;padding-left:5px;color:#666;border:none;border:1px solid #E1E0E0;}
.search .sou-zi{width:42px;line-height:42px;background:#00573F;font-size:18px;color:#fff;border:none;cursor:pointer;}
/********index********/
.index-title{text-align:center;}
.index-title h3{font-size:32px;color:#000;font-weight:bold;line-height:1.5;}
.index-title p{font-size:16px;}
.index-title span{width:45px;height:2px;background:#175842;display:block;margin:auto;}
/********quality********/
.qualityList li{margin-top:10px;}
.qualityList li .qualityBox{background:url(../images/qualityList1.png) center no-repeat;width:282px;height:357px;}
.qualityList li .qualityBox .qualityImg{height:124px;line-height:124px;text-align:center;width:100%;}
.qualityList li .qualityBox h3{margin:20px 0 15px 0;font-size:24px;text-align:center;font-weight:bold;}
.qualityList li .qualityBox p{padding:0 40px;}
.qualityList li .qualityBox:hover{background:url(../images/qualityList2.png) center no-repeat;}

/********quality********/
.product{background:url(../images/indexproducts.png) repeat;padding:40px 0;}
.product-left .product-title span{background:#175842;width:50px;height:3px;display:block;}
.product-left .product-title h3{font-size:26px;font-weight:bold;color:#175842;}
.product-left li{font-size:16px;padding:10px 0;margin-top:10px;background:#dedede url(../images/list.png) 10px center no-repeat;padding-left:25px;}
.product-right li{margin-top:15px;}
.product-right li a{display:block;border:1px #e5e5e5 solid;text-align:center;}
.product-right li a span{display:block;}
.product-right li a span img{height:2.4rem;}
.product-right li a p{background:#e5e5e5;padding:10px 0;}
.product-right li a:hover{border:1px #00573F solid;}
.product-right li a:hover p{background:#00573F;color:#fff;}
/********advant********/
.advant{background:url(../images/Advantage.png) top center no-repeat;padding:40px 0;}
.advant .advant-title img{margin:auto;}
.advantBox{background:url(../images/advantageListBG.png) bottom center no-repeat;height:800px;}
.advantBox li{background:url(../images/advantagelist1.png) no-repeat;width:210px;height:280px;float:left;margin:0 12px 0 12px;color:#fff;text-align:center;}
.advantBox li strong{font-size:22px;padding:15px 0;display:block;}
.advantBox li p{padding:0 15px;}
.advant01{margin-top:120px !important;}
.advant02{margin-top:45px !important;}
/********ban********/
.ban{background:url(../images/advantageBanner.png) center no-repeat;height:254px;}
.ban .banRight{float:right;margin-top:30px;color:#fff;margin-right:20px;}
.ban .banRight strong{font-size:24px;font-weight:bold;}
.ban .banRight a{display:block;border-radius:20px;padding:5px 30px;background:#FCC065;color:#fff;text-align:center;}
/********case********/
.case-cont a{display:block;overflow:hidden;position:relative;}
.case-cont a p{position:absolute;bottom:0;left:0;right:0;background:rgba(23,88,66,0.8);text-align:center;padding:5px 0;transition:all .3s;color:#fff;}
.case-cont .caseLeft a img{height:530px;}
.case-cont .caseRight li{margin-bottom:20px;}
.case-cont .caseRight li a img{height:255px;}
.case-cont a:hover p{background:#FCC065;}
/********aboutus********/
.aboutus{background:url(../images/indexabout.png) top center no-repeat;padding:40px 0 80px;background-size:cover;}
.aboutus .index-title,.aboutus .index-title h3{color:#fff;}
.aboutus .aboutusTxt{color:#fff;text-indent:2em;}
/********zixunBox********/
.zixunBox{background:#fff;margin-top:-50px;padding:15px;}
.news .news-title{border-bottom:2px solid #175842;overflow:hidden;}
.news .news-title span a{float:right;line-height:56px;}
.news .news-title ul li a{float:left;font-size:.18rem;padding:0 30px;line-height:56px;}
.news .news-title ul li.active a{background:#175842;color:#fff;}

.news_txt{margin-top:15px;}
.news_txt .news_imgbox{width:364px;background:#f3f3f5;}
.news_txt .news_imgbox img{width:364px;height:227px;}
.news_txt .news_imgbox strong a{font-size:16px;line-height:1.5;padding:2px 5px;}
.news_txt .news_imgbox p{color:#666;padding:2px 5px;}

.news_list{float:right;width:400px;}
.news_list li{clear:both;overflow:hidden;border-bottom:1px solid #eaeaea;padding:12px 0;}
.news_list li:last-child{border:none;}
.news_list .newList_l{float:left;width:80px;text-align:center;border-right:1px solid #ddd;}
.news_list .newList_l span{display:block;font-size:28px;color:#000;font-weight:bold;line-height:1.5;}
.news_list .newList_l p{color:#7f7f7f;}
.news_list .newList_r{float:right;width:300px;margin-top:8px;color:#666;}
.news_list .newList_r strong a{font-size:16px;font-weight:normal;}

.problem-title{border-bottom:2px solid #175842;}
.problem-title a{float:right;line-height:56px;}
.problem-title span{background:#175842;font-size:18px;padding:0 30px;color:#fff;line-height:56px;display:inline-block;}
.problem .bd{height:280px;overflow: hidden;margin-top:15px;}
.problem ul li{margin-bottom: 18px;border-bottom: 1px solid #dbdbdb;padding-bottom: 10px;box-sizing: border-box;}
.problem ul li h3{background:url(../images/wen-w.png) left center no-repeat;padding-left:35px;line-height:30px;}
.problem ul li h3 a{font-size:16px;color:#2e2e2e;line-height: 16px;}
.problem ul li h3 a:hover{color:#ffcc01;}
.problem ul li p{font-size:14px;color:#929292;background:url(../images/wen-d.png) left 1px no-repeat;padding-left:36px;line-height: 25px;margin-top:10px}

.footer{background:#2B2C2F;padding:40px 0;overflow:hidden;}
.fot-nav{width:220px; float:left;}
.fot-nav a{color:#fff;width:102px;float:left;display:block;text-align:center;line-height:36px;}
.fot-contact{float:left;margin-left:40px;color:#fff;line-height:36px;}
.fot-erweima{text-align:center;color:#fff;}

.copy{background:#00573F;padding:10px 0;color:#fff;text-align:center;line-height:1.5;}


@media only screen and (min-width: 320px) and (max-width: 640px) {
	.banner .pic li,.case-cont .caseRight li a img{height:140px;}
	.logobox{text-align:center;padding-top:.3rem;padding-bottom:.3rem;}	
	.logobox .logo{text-align:center;}
	.logobox .logo img{width:2.1rem;margin-top:0;float:none !important;}
	.logobox button{display:block;margin-top:5px;}
	#nav ul .submenu li,.qualityList li .qualityBox p,.advantBox li strong{padding:0;}
	#nav{position:fixed;width:100px;top:0;left:-100px;bottom:0; background:#000;z-index:10000;height:100%;padding-top:50px;transition:all .5s;}
	#nav .layui-container{padding:0;}
	#nav ul>li{width:100%;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 a:hover,#nav ul li a:active,#nav ul li a.current{background:#EBC806;color:#FFF;border-bottom:none;}
	.qualityList li .qualityBox{background:none;width:auto;height:auto;}
	.qualityList li .qualityBox h3,.zixunBox,.advantBox,.fot-contact{margin:0 !important;}
	.qualityList li .qualityBox .qualityImg{display:none;}
	.quality,.product,.aboutus,.footer{margin-top:15px;}
	.product,.advant,.aboutus,.footer{padding:15px 0;}
	.index-title h3{font-size:24px;}
	.qualityList li .qualityBox h3{font-size:18px;}
	.product-left li{float:left;width:50%;padding:0;padding-left:25px;box-sizing:border-box;}
	.news .news-title ul li a{padding:0 15px;}
	.advantBox li{background:#00573F;width:auto;height:auto;margin:0 !important; margin-top:10px !important;}
	.advantBox{height:auto;}
	.news_list .newList_l{display:none;}
	.news_list,.news_list .newList_r{float:none;width:100%;}
	
}
