/*top样式*/
.top{width:100%;height:60px;position: relative;margin:0 auto;}
.top_c1{width: 70%;margin-left: 5%;height: 60px;}
.top_c1 h1{font-size:23px;color: #4ab344;line-height: 60px;}
.top_c1 h1 span{font-size:23px;color: #ccc;}
.nav{width: 100%;height: 400px;background:#fff;z-index: 555555;display:none;padding-top: 40px;position: absolute;top:60px;}
.nav ul li{width: 90%;float: none;font-size: 18px;background: none;margin-bottom: 25px;text-align: center;border-bottom: 1px #ebebeb solid;padding-bottom: 15px;margin-left: 5%;}
.nav ul li a{color: #747474;width:100%;margin-left:0px;border-bottom: none;padding-bottom: 0px;display: block;text-align: center;}
.nav ul li a:hover{background: none;color: #4ab344;border-bottom:none}
.nav ul li a.hover{background: none;color: #4ab344;border-bottom:none}
#checkbox:checked ~ .nav{display: block;}
#checkbox{display: none;}
#cd{width: 32px;height: 24px;cursor: pointer;position: absolute;top: 20px;right:25px;display: block;}
#cd img{width: 32px;height: 24px;}



/*banner样式*/
.banner{width:100%;height:240px;overflow:hidden;position:relative;margin:0 auto;}
.banner_c{width:100%;}
.banner_c li{height:240px;position:relative;width: 100%;}
.banner_c img{width:100%;height: 240px;}
.banner_l{position: absolute;top: 110px;}
.banner_l img{width: 41px;height: 41px;cursor: pointer;background:rgba(0,0,0, 0.1);border-radius: 7px;}
.zb{left:10px;}
.yb{right: 10px;}
.banner_l:hover{background:rgba(0,0,0, 0.3);border-radius: 7px;}

/*banner_b样式*/
.banner_b{width: 100%;height: 80px;margin:40px auto;overflow: hidden;}
.banner_b ul li{width:30%;height: 80px;float: left;overflow: hidden;margin-left:2%;cursor: pointer;background: #f1f1f1;margin-right: 0px;}
.banner_b ul li img{width: 35px;height: 35px;cursor: pointer;margin:5px 45px;}
.banner_b ul li p{font-size: 16px;color: #666;margin-top: 2px;text-align: center;}
.banner_b ul li a{color: #666}

/*场地样式*/
.qw{width: 100%;height:auto;margin:0 auto;overflow: hidden;}
.qw_t{width: 90%;height:auto;overflow: hidden;margin:0 auto 50px;}
.qw_t h1{width: 60px;height: 4px;background: #4ab344;margin:0 auto;}
.qw_t h2{text-align: center;font-size: 18px;color: #1b1b1b;margin-top: 25px;}
.qw_t p{font-size: 12px;color: #666;line-height: 24px;text-align: center;margin-top: 5px;height: 50px;overflow: hidden;}
.qw1{width:100%;height:40px;margin:50px auto 0px; }
.qw1 ul li{color: #666;font-size: 16px;float: left;width:22%;height: 40px;text-align: center;margin-left:3%;margin-right:5%;cursor: pointer;}
.qw1 ul li.on{color: #4ab344;border-bottom: 2px #4ab344 solid;}
.qw2{width: 96%;height: auto;overflow: hidden;position: relative;margin:30px 2%;}
.qw2 ul{width: 100%;height:auto;float: none;}
.qw2 ul li{float: none;width:100%;height:auto;}
.qw2_l{width: 100%; height: 300px;overflow: hidden;}
.qw2_l img{width:100%;height:100%;margin:0 auto;}
.qw2_r{width: 100%;height: 320px;float:none;background: #f1f1f1;margin:-10px auto;overflow: hidden;padding-bottom: 20px;}
.qw2_r h3{font-size: 22px;color: #555;padding-top:20px;font-weight: normal;text-align: center;}
.qw2_r1{width:26%;height:auto;float: left;overflow: hidden;margin-left: 4%;margin-right: 3%;margin-top: 30px;}
.qw2_r1 p{font-size: 12px;color: #666;margin-top: 5px;text-align: center;}
.qw2_r1 img{width: 100%;height:auto;transition: all 0.5s;cursor: pointer;margin-bottom: 0px;}
.qw2_r1 img:hover{transform: rotateY(180deg);}

/*定制样式*/
.fw_b{width: 96%;height:auto;margin:20px auto;overflow: hidden;}
.fw_t{width: 90%;height:auto;overflow: hidden;margin:0 auto 30px;}
.fw_t h1{width: 60px;height: 4px;background: #4ab344;margin:0 auto;}
.fw_t h2{text-align: center;font-size: 18px;color: #000;margin-top: 25px;}
.fw_t p{font-size: 12px;color: #666;line-height: 24px;text-align: center;margin-top: 5px;height: 50px;overflow: hidden;}
.fw_b1{width: 50%;height: 120px;float: left;margin-bottom:0px;overflow: hidden;}
.fw_b1 img{width: 100%;height:100%;}
.fw_b2{background: #4ab344;width: 50%;height: 120px;margin-bottom:0px;overflow: hidden;}
.fw_b2 img{width: 20%;height:auto;margin:10px 40% 0px;}
.fw_b2 h2{font-size: 14px;color: #fff;text-align: center;}
.fw_b2 h2 p{font-size: 12px;color: #fff;font-weight: normal;text-align: center;margin-top:5px;}
.fw_b3{float: right;}

/*产品样式*/
.an{width: 100%;height:auto;margin:40px auto 0px;overflow: hidden;}
.al_t{width: 90%;height:auto;overflow: hidden;margin:0 auto 30px;}
.al_t h1{width: 60px;height: 4px;background: #4ab344;margin:0 auto;}
.al_t h2{text-align: center;font-size: 18px;color: #000;margin-top: 25px;}
.al_t p{font-size: 12px;color: #666;line-height: 24px;text-align: center;margin-top: 5px;height: 50px;overflow: hidden;}
.an1{width: 100%;height:100px;margin:20px auto;}
.an1 ul li{color: #666;font-size: 16px;float: left;width: 40%;height: 40px;text-align: center;cursor: pointer;text-align: center;line-height: 40px;margin-left:4%;margin-right: 6%;margin-bottom: 20px;background: #f1f1f1}
.an1 ul li.on{color: #fff;background: #4ab344;}

.an2{width: 100%;height:auto;overflow: hidden;margin:20px 0% 0px;overflow: hidden;}
.an3{width: 46%;height:auto;margin-left: 2%;margin-right:2%;float: left;overflow: hidden;margin-bottom:0px;margin-top: 20px;}
.an3 img{width:110%;height: auto;transition: all 1s;cursor: pointer;}
.an3 a p{font-size: 16px;color: #666;text-align: center;margin-top: 10px;}


/*新闻样式*/
.xw{width: 100%;height:auto;margin:50px auto;overflow: hidden;}
.xw_t{width: 90%;height:auto;overflow: hidden;margin:0 auto 30px;}
.xw_t h1{width: 60px;height: 4px;background: #4ab344;margin:0 auto;}
.xw_t h2{text-align: center;font-size: 18px;color: #000;margin-top: 25px;}
.xw_t p{font-size: 12px;color: #666;line-height: 24px;text-align: center;margin-top: 5px;height: 20px;overflow: hidden;}
.xw_c{width: 100%;height: auto;margin:20px auto;}
.xw_l{width: 90%;height: 290px;float: left;overflow: hidden;margin-left: 5%;}
.xw_l img{width:100%; height: 100%;}
.xw_r{width: 100%;float: right;overflow: hidden;margin-top: 40px;}
.xw_r1{width: 90%;border-top: 1px #969595 dashed;margin-left:5%;float: left;padding-top: 20px;margin-bottom: 10px;overflow: hidden;height: 150px;}
.xw_r1 h1{font-weight: normal;color: #4ab344;font-size: 18px;margin-left: 0px;}
.xw_r1 h1 p{font-size: 18px;margin-top: 5px;}
.xw_r1 h1 a{color: #333137}
.xw_r1 h1 a:hover{color: #4ab344}
.xw_r2{font-size: 12px;color: #7d7d7e;line-height: 24px;margin-left:0px;margin-top: 10px;}
.xw_r2 a{color: #7d7d7e;}
.xw_r2 a:hover{color: #4ab344}

/*底部样式*/
.footer_bj{width: 100%;height:auto;background: #2b2b2b;float: left;margin-top: 30px;padding-bottom: 30px;}
.footer_bj h2{font-size: 24px;color: #4ab344;text-align: center;margin-top:25px;}
.footer{width: 100%;height:auto;background: #2b2b2b;margin:20px auto 0px;position: relative;border-top: 1px #535353 solid;}
.footer1{width:90%;height: 70px;margin-top: 15px;border-right:none;overflow: hidden;float: left;margin-left: 5%;}
.footer1 h1{font-size: 14px;color: #fff;font-weight: normal;margin-top: 10px;}
.footer1 h1 p{font-size: 30px;color: #4ab344;margin-top: 5px;}
.footer2{width:90%;overflow: hidden;margin:20px 5% 0px;height: auto}
.footer2 p{font-size: 14px;line-height: 28px;color: #fff;}
.footer3{width:90%;height:auto;font-size: 14px;color: #fff;float:left;line-height: 24px;margin-top:20px;margin-left: 5%;}
.footer3 a{color: #fff;}



/*内页*/
/*内页banner*/
.banner_de{width: 100%;height:160px;overflow: hidden;position:relative;}
.banner_de li{width: 100%;height: 160px;}


/*关于*/
.about{width:96%;height: auto;margin:10px 2%;}
.about1{width:100%;height: auto;margin:20px auto;overflow: hidden;}
.about1_l{width:100%;height:auto;float:left;}
.about1_l h1{font-size: 20px;color: #333;margin-top: 15px;margin-bottom:10px;text-align: center;}
.about1_l1{font-size: 14px;color: #999;line-height: 32px;text-indent: 2em;margin-top: 10px;}
.about1_r{width: 100%;height: auto;float: right;margin-top: 20px;}
.about1_r img{width:100%;height: 100%;}

.about2{width:100%;height:auto;margin:20px auto;overflow: hidden;}
.about2 h1{font-size: 20px;color: #333;margin-top: 15px;margin-bottom:10px;text-align: center;}
.about2_b1{font-size: 14px;color: #999;line-height: 32px;margin-top: 10px;margin-bottom: 30px}

/*案例*/
.pro{width:100%;height: auto;margin:50px auto;}
.pr1{width: 100%;height: 40px;margin:20px auto;overflow: hidden;}
.pr1 ul li{width: 30%;margin-left:2%;margin-right: 0%;font-size: 14px;}
.pr2{width: 100%;height: auto;margin:30px auto;}
.pr2 ul li{width:44%;height:auto;overflow: hidden;float: left;margin-left:4%;margin-bottom: 20px;}
.pr2 ul li a p{color: #333;font-size: 16px;text-align: center;margin-top: 10px;}
.pr2 ul li img{width:100%;height: 100%;}


/*产品内页*/
.cp_de{width:94%;height: auto;margin:45px 2%;}
.cp_de h2{font-weight: normal;font-size: 18px;color: #000;text-align: center;}
.cp_de img{width:100%;height: auto;margin-top: 20px;}
.cp_de1{font-size: 14px;color: #7d7d7e;line-height: 32px;margin-top: 20px;text-indent: 2em;width: 100%;}


/*新闻*/
.news{margin-top: 30px;width:100%;height: auto;}
.news1{width:100%;height: auto;margin-top: 0px;}

/*新闻内页*/
.case{width:94%;height: auto;margin:30px 3% 80px;padding-left:0px;padding-right:0px;}
.case h1{font-size: 20px;color: #333;font-weight: normal;width:100%;height: 80px;border-bottom: 1px #e5e5e5 solid;margin-bottom: 20px;}
.case h1 p{font-size: 14px;color: #999;margin-top: 10px;}
.case1{width:100%;height: auto;font-size: 16px;color: #666;line-height: 32px;margin-top:10px;text-indent: 0em;}
.case2{width:100%;height: auto;font-size: 14px;color: #666;line-height: 32px;margin-top:10px;padding-left:0px;}

/*联系我们*/
.contact{width:94%;height:auto;margin:40px 3% 20px;padding:0px;}
.contact_l{width:100%;height:auto;float: left;overflow: hidden;}
.contact_l h1{font-size: 18px;color: #4ab344;border-bottom: 1px #4ab344 solid;height: 50px;width: 100%;margin-bottom: 20px;}
.contact_l p{font-size: 14px;color: #666;margin-top: 20px;width: 100%;float: left;line-height: 26px;}

.contact_r{width: 100%;height:auto;float: right;overflow: hidden;margin-top: 30px;}
.contact_r h1{font-size: 16px;color: #4ab344;font-weight: normal;margin-bottom: 20px;}

.contact_r p{font-size: 14px;color: #333;margin-top:5px;width: 80%;float: left;margin-left:2%;}
.contact_r p input{width:70%;height: 35px;margin-top: 10px;margin-left: 15px;border:none;border:1px #ccc solid;box-shadow:none}
.contact_r p span{color: #c40000;font-size: 16px;margin-left: 10px;}
.contact_r .bc { width:90%; height: 100px; margin-top: 10px;font-size: 14px;color: #333;float: left;line-height: 22px;margin-left: 2%;}
#content{width:65%;height: 70px;border:none;margin-top: 10px;border:1px #ccc solid;padding-left: 20px;margin-left: 15px;padding-top: 5px;background: none}
.bc span{color: #c40000;font-size: 16px;margin-left: 20px;line-height: 50px;}
.tj{width:40%;height: 40px;background: #4ab344;color: #fff;line-height: 40px;text-align: center;font-size: 14px;margin-top: 20px;border-radius: 5px;float: left;cursor: pointer;margin-left: 2%;}
.tj a{color:#fff;}

.contact_b{width:100%;height: 200px;margin-top: 40px;float: left;overflow: hidden;}
.contact_b iframe{width: 100%;height: 100%;}

#top{top:250px;right: 0px;}



@media(max-width: 360px){
	.banner{height:220px;}
	.banner_c li{height:220px;}
	.banner_l{top: 100px;}
	.banner_b ul li img{margin:5px 35%;}
	.qw2_l{height: 280px;}
	.qw2_r{height: 310px;}
	.fw_b1{height: 110px;}
	.fw_b2 img{margin:5px 40% 0px;}
	.fw_b2 h2 p{line-height: 16px;}
	.banner_de li{height: 140px;}
	.banner_de li{height: 140px;}
	.contact_r .bc { width:90%;}
	#content{width:60%}
}
@media(max-width: 320px){
	.banner_b ul li p{font-size: 12px;}
	.qw2_l{height: 220px;}
	.qw2_r{height: 280px;}
	.fw_b1{height: 100px;}
	.fw_b2 h2 p{margin-top: 0px;}
	.footer_bj h2{font-size: 20px;}
	.footer1 h1 p{font-size: 24px;}
	.banner_de li{height: 120px;}
	.banner_de li{height: 120px;}
	.news{margin-top: 10px;}
}