/*top样式*/
.top{width:100%;height:100px;position: relative;margin:0 auto;}
.top_c1{width: 70%;margin-left: 5%;height: 100px;}
.top_c1 h1{font-size:26px;color: #4ab344;line-height: 100px;}
.top_c1 h1 span{font-size:26px;color: #ccc;}
.nav{width: 100%;height: 480px;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: 40px;right:25px;display: block;}
#cd img{width: 32px;height: 24px;}



/*banner样式*/
.banner{width:100%;height:460px;overflow:hidden;position:relative;margin:0 auto;}
.banner_c{width:100%;}
.banner_c li{height:460px;position:relative;width: 100%;}
.banner_c img{width:100%;height: 360px;}
.banner_l{position: absolute;top: 210px;}
.banner_l img{width: 51px;height: 51px;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: 70px;margin:40px auto;overflow: hidden;}
.banner_b ul li{width:30%;height: 70px;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:17px 15px 0px 60px;}
.banner_b ul li p{font-size: 16px;color: #666;margin-top: 2px;text-align:left;}
.banner_b ul li a{color: #666}

/*场地样式*/
.qw{width: 100%;height:700px;margin:20px 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:10%;height: 40px;text-align: center;margin-left:2%;margin-right:2%;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: 65%; height: 450px;overflow: hidden;float: left;}
.qw2_l img{width:100%;height:100%;margin:0 auto;}
.qw2_r{width: 35%;height:450px;float:right;background: #f1f1f1;margin:0px auto;overflow: hidden;padding-bottom: 0px;}
.qw2_r h3{font-size: 22px;color: #555;padding-top:20px;font-weight: normal;text-align: center;}
.qw2_r1{width:45%;height:auto;float: left;overflow: hidden;margin-left:3%;margin-right: 0%;margin-top: 30px;}
.qw2_r1 p{font-size: 16px;color: #666;margin-top: 10px;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: 25%;height: 150px;float: left;margin-bottom:0px;overflow: hidden;margin-right: 0%;margin-left: 0%;}
.fw_b1 img{width: 100%;height:100%;}
.fw_b2{background: #4ab344;}
.fw_b2 img{width: 20%;height:auto;margin:10px 40% 10px;}
.fw_b2 h2{font-size: 16px;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:left;}

/*产品样式*/
.an{width: 100%;height:600px;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:40px;margin:20px auto;}
.an1 ul li{color: #666;font-size: 16px;float: left;width: 16%;height: 40px;text-align: center;cursor: pointer;text-align: center;line-height: 40px;margin-left:2%;margin-right:0%;margin-bottom: 20px;background: #f1f1f1;padding:0px;}
.an1 ul li.on{color: #fff;background: #4ab344;}

.an2{width: 100%;height:auto;overflow: hidden;margin:20px 0% 0px;overflow: hidden;}
.an3{width: 22%;height:auto;margin-left: 2.5%;margin-right:0%;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: 40%;height: 400px;float: left;overflow: hidden;margin-left: 2%;margin-top: 15px}
.xw_l img{width:100%; height: 100%;}
.xw_r{width: 58%;float: right;overflow: hidden;margin-top:0px;}
.xw_r1{width: 44%;border-top: 1px #969595 dashed;margin-left:5%;float: left;padding-top: 20px;margin-bottom: 30px;overflow: hidden;height: 130px;}
.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;height: 100px;overflow: hidden;}
.xw_r2 a{color: #7d7d7e;}
.xw_r2 a:hover{color: #4ab344}


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


/*关于*/
.about{width:96%;height: auto;margin:10px 2%;}
.about1{width:100%;height: auto;margin:20px auto;overflow: hidden;}
.about1_l{width:55%;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: 40%;height: auto;float: right;margin-top: 20px;}
.about1_r img{width:100%;height: 100%;}

.about2{width:100%;height:auto;margin:40px 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: 14%;margin-left:3%;margin-right: 0%;}
.pr2{width: 100%;height: auto;margin:30px auto;}
.pr2 ul li{width:22%;height:auto;overflow: hidden;float: left;margin-left:2.5%;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: 22px;color: #000;text-align: center;}
.cp_de img{width:100%;height: auto;margin-top: 40px;}
.cp_de1{font-size: 16px;color: #7d7d7e;line-height: 36px;margin-top: 30px;text-indent: 2em;width: 100%;}

/*新闻*/
.news{margin-top: 30px;width:100%;height: auto;}
.news1{width:100%;height: auto;margin-top: 0px;}
.xw_r1{width: 44%;float: left;margin-left: 3%;margin-right: 2%;margin-top: 20px;}
/*新闻内页*/
.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:30%;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: 62%;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:46%;float: left;margin-left:2%;}
.contact_r p input{width:70%;height: 35px;border:none;margin-top: 10px;border:1px #ccc solid;background:#fff;margin-left: 15px;}
.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:70%;height: 70px;border:none;margin-top: 10px;border:1px #ccc solid;padding-left: 20px;margin-left: 15px;padding-top: 5px;}
.bc span{color: #c40000;font-size: 16px;margin-left: 20px;line-height: 50px;}
.tj{width:30%;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: 300px;margin-top: 40px;float: left;overflow: hidden;}
.contact_b iframe{width: 100%;height: 100%;}




/*底部样式*/
.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:25%;height: 70px;margin-top: 15px;border-right:none;overflow: hidden;float: left;margin-left: 2%;margin-right: 0px;}
.footer1 h1{font-size: 14px;color: #fff;font-weight: normal;margin-top: 10px;}
.footer1 h1 p{font-size: 26px;color: #4ab344;margin-top: 5px;}
.footer2{width:40%;overflow: hidden;margin:15px 0% 0px;height: auto;margin-left: 2%;}
.footer2 p{font-size: 14px;line-height: 28px;color: #fff;}
.footer3{width:30%;height:auto;font-size: 14px;color: #fff;float:right;line-height: 24px;margin-top:20px;margin-left:0%;overflow: hidden;}
.footer3 a{color: #fff;}

@media(min-width: 415px) and (max-width: 700px){
	.banner{height:320px;}
	.banner_c li{height:320px;}
	.banner_l{top: 140px;}
	.banner_b ul li img{margin:17px 8px 0px 20px;}
	.qw2_l{width: 100%; height: 400px;}
	.fw_b1{height: 170px;}
	.fw_b2 img{margin:10px 40% 10px;}
	.footer1{width: 90%;margin-left: 5%;}
	.footer2{width: 90%;margin-left: 5%;}
	.footer3{width: 90%;margin-left: 5%;float: left;}
	
}