@@charset "utf-8";

*{margin: 0;padding: 0;border-radius: 0;}
body{font-size:12px;font-family: "微软雅黑";}
ul,li{list-style: none;margin: 0;padding: 0;}
a{text-decoration: none;}
img{border: none;}

/*top样式*/
.top{width:1200px;height: 100px;margin:0 auto;min-width: 960px; overflow:hidden;}
.top_t{width:32%;height: 100px;background: #fff; line-height:50px;margin:0 auto;float: left;}
.top_t img{ height:90px; margin-top:-18px;}
.top_t h1{font-size: 32px;color: #4ab344;}
.top_t h1 span{color: #cccccc;}
.top_r{float:right;}
.nav{height:40px;float: left;margin-top: 30px;}
.nav ul li {float: left;font-size: 16px;text-align: center;width: 100px;margin-left: 10px;line-height: 40px;height:40px;}
.nav ul li a{color: #666;display: block;}
.nav ul li a:hover{background: #4ab344;color: #fff;border-radius: 4px;}
.nav ul li a.hover{background: #4ab344;color: #fff;border-radius: 4px;}

.en {
  float: right;
  width: 57px;
  font-size: 15px;
  color: #808080;
  line-height:36px;
  height: 36px;
  background: url(../images/en.png) no-repeat left center;
  background-size: 19px;
  padding-left: 25px;
  margin-top: 32px;
  margin-left: 40px;
  position: relative;
  cursor: pointer;
}


.en .lang em {
  width: 80px;
  position: absolute;
  left: 0px;
  top: 30px;
  background: #fff;
  z-index: 120;
  box-shadow: 0px 0px 11px 6px rgba(0, 0, 0, 0.10);
  border-radius: 4px;
  padding: 5px 0px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: all 0.4s ease
}

.en .lang em:before {
  width: auto;
  content: "";
  border-left: 7px transparent solid;
  border-right: 7px transparent solid;
  border-bottom: 7px #fff solid;
  position: absolute;
  left: 30px;
  top: -5px;
}

.en .lang em a {
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #222;
  font-style: normal;
}

.en .lang:hover em {
  opacity: 1;
  visibility: visible;
  transform: scale(1)
}

.en .lang em:hover a {
  color: #4ab344
}


/*banner样式*/
.banner{width:100%;height:600px;overflow:hidden;position:relative;min-width: 1200px;margin:0 auto;}
.banner_c{width:100%;}
.banner_c li{height:600px;position:relative;width: 100%;}
.banner_c img{width:100%;height:600px;}
.banner_l{position: absolute;display: block;cursor: pointer;color: #fff;text-align: center;font-size: 60px;top:270px; font-family:"宋体";}
.zb{left:40px;} a.banner_l:hover { color:rgba(255,255,255,0.5);}
.yb{right:40px;}


/*产品欣赏*/
.cp_t{width: 1200px;height:570px;margin:50px auto;overflow: hidden;}
.cpt_l{width:500px;height: 570px;float: left; position:relative; overflow:hidden;}
.cpt_l img{width: 500px;height: 570px;} .cpt_l p{ position:absolute; height:40px; padding:10px 20px; line-height:20px; font-size:14px; background:rgba(0,0,0,0.5); color:#ffffff; bottom:-80px; left:0px; width:100%;transition: all 0.4s ease;}
.cpt_l:hover p{bottom:-12px; }
.cpt_r{width:650px;height: 570px;float: right;}
.cpt_r li{width: 285px;height: 270px;float: left;margin-left: 25px;margin-bottom: 25px; position:relative; overflow:hidden;}
.cpt_r li p{ position:absolute; height:40px; padding:10px 20px; line-height:20px; font-size:14px; background:rgba(0,0,0,0.5); color:#ffffff; bottom:-80px; left:0px; width:100%;transition: all 0.4s ease;}
.cpt_r li:hover p{bottom:-20px; }

/*产品*/
.cp{width: 1200px;overflow:hidden;margin:70px auto;}
.cp1{width: 100%;height: 60px;margin:0 auto;}
.cp1 li{width:100px;height: 60px;float: left;font-size: 16px;color: #666666;cursor: pointer;text-align: center;line-height: 45px;margin-right: 15px;}
.cp1 li.on{border-bottom:2px #4ab344 solid;color: #4ab344;}
.cp1 li a{display:block;color: #666666;height: 60px;}
.cp1 li a.on,.cp1 li a:hover{border-bottom:2px #4ab344 solid;color: #4ab344;}

.cp2{width: 100%;height: auto;margin-top: 50px;}
.cp2 ul li{width: 22%;float: left;margin-right: 3%;margin-bottom: 25px;overflow: hidden;}
.cp2 ul li:nth-child(4n){margin-right: 0%;}
.cp2 ul li div{overflow:hidden; height:265px;}
.cp2 ul li p{font-size: 16px;color: #333;margin-top: 15px;}.cp2 ul li:hover p{color: #4ab344;}
.cp2 ul li img{width: 100%;transition: all 0.4s ease;}.cp2 ul li:hover img{transform: scale(1.1);}
.ye{width: 100%;height:auto;margin:30px auto 0px;float: left;text-align: center;}
.ye1{display:inline-block;    margin-bottom: 37px;}
.ye1 a{display: block;padding:5px 12px;background: #fff;color: #666;font-size: 14px;text-align: center;float: left;display:inline-block;border:1px #ccc solid;border-radius: 3px;margin-left: 10px;}
.ye1 a.hover{color: #fff;background:#4ab344;border:1px #4ab344 solid;}
.ye1 a:hover{color: #fff;background:#4ab344;border:1px #4ab344 solid;}

/*关于我们*/
.gy_bj{width:100%;height: 740px;overflow:hidden;margin-top: 60px;}
.gy{width: 1200px;height: 740px;margin:0 auto;}
.gy1{width: 695px;height: 585px;background: #fff;float: right;margin-top: 60px;overflow: hidden;}
.gy1_l{width: 150px;height: 535px;float: left;padding-top: 40px;}
.gy1_l li{width: 150px;height: 80px;font-size: 32px;color: #000;text-align: center;overflow: hidden;border-bottom: 5px #f1f0ec solid;padding-top: 20px;}
.gy1_l li p{font-size: 12px;color: #666666;}
.gy1_r{width: 460px;/*height: 340px;*/float: right;margin-top: 10px;padding-bottom: 30px;margin-right: 40px;position: relative;}
.gy1_r h2{font-weight: normal;font-size: 22px;color: #1b1b1b;}
.gy1_r p{font-size: 15px;color: #666666;line-height: 30px;margin-top: 25px;}
.gd{width: 105px;height: 40px;background: #4ab344;line-height: 40px;text-align: center;font-size: 16px;cursor: pointer;border-radius: 5px; overflow:hidden;position: absolute;bottom: 0px;left: 0px;}
.gd a{display: block;width: 105px;height: 40px;color:#fff}.gd a:hover{background:#f1f0ec; color:#4ab344;}

/*照片*/
.zp{width: 1200px;height: auto;margin:50px auto;}
.zp h2{width:100px;height: auto;margin:0px auto;}
.zp h2 img{width: 31px;height: 28px;margin:0px 34px;}
.zp h2 p{text-align: center;margin-top: 5px;font-size: 22px;font-weight: normal;}
.zp ul li{width: 385px;height: 500px;overflow:hidden;float: left;margin-right: 20px;margin-top: 30px;}
.zp ul li:nth-child(3n){ margin-right: 0px;}
.zp ul li img{width: 385px;height: 500px;}

/*底部样式*/
.footer_bj{width: 100%;height: auto;background: #333;float: left;padding-bottom: 30px;margin-top:40px;padding-top: 30px}
.footer2 li{text-align: center;font-size: 14px;color: #fff;line-height: 40px;}

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

/*产品*/
.cp_de{width: 1200px;height: auto;margin:70px auto;}
/*产品中心*/
.products .cp_b1 ul li a .cp_b1_2 h3{color: #fff;}
.products .cp_b1 ul li:hover a .cp_b1_2 h3{color: #999;}

/*产品中心内页*/
.list{width: 94%;height: 95px;line-height: 95px;overflow: hidden;font-size: 16px;color: #595757;margin:0px auto;max-width: 1400px;}
.list a{color: #595757;}
.list a:hover{color: #000;}
.products .cp_b1{width: 100%;}
.pr_de{width: 94%;height: auto;overflow: hidden;margin: 0px auto;max-width: 1400px;}
.pr_del{width: 48%;height: auto;overflow: hidden;float: left; padding-top:10px;}
.pr_del_t{width: 99%;height: auto;overflow: hidden;border:1px #999 solid;}
.pr_del_t ul{width: 100%;height: auto;overflow: hidden;}
.pr_del_t ul li{width: 100%;height: auto;overflow: hidden;float: left;}
.pr_del_t ul li img{max-width: 100%;height: auto;vertical-align: middle;margin:0px auto;display: block;}
.pr_del_b{width: 100%;height: auto;overflow: hidden;margin-top: 25px;}
.pr_del_b ul{width: 100%;height: auto;overflow: hidden;}
.pr_del_b ul li{width: 22.2%;height: auto;overflow: hidden;float: left;margin-left: 3%;border:1px #999 solid;cursor: pointer;}
.pr_del_b ul li img{max-width: 90%;height: auto;vertical-align: middle;display: block;margin:1px auto;}
.pr_der{width: 48%;height: auto;overflow: hidden;float: right;}
.pr_der1{font-size: 36px;color: #000;}
.pr_der1 p{font-size: 20px;margin-top: 10px;}
.pr_der2{width: 100%;height: auto;overflow: hidden;margin-top: 50px;}
.pr_der2 h2{font-weight: normal;font-size: 20px;color: #000;border-bottom: 2px #000 solid;height: 38px;width: 100%;margin-bottom: 15px;}
.pr_der2 p{font-size: 16px;color: #595757;line-height: 28px;}
.pr_der2 li{font-size: 16px;color: #595757;line-height: 28px;width: 50%;float: left;}
.pr_der3{width: 100%;height: auto;overflow: hidden;margin-top: 40px;}
.pr_der3 a{display: block;float:left;}
.pr_der3 a img{width: 211px;height: 76px;}
.pr_deb{width: 94%;height: auto;overflow: hidden;margin: 80px auto 30px;max-width: 1400px;}
.pr_deb1{width: 99.8%;height: 53px;border:1px #ccc solid;line-height: 53px;}
.pr_deb1 ul li{font-weight: normal;font-size: 20px;color: #595757;width: 159px;border-top: 2px #ccc solid;border-right: 1px #ccc solid;display: block;text-align: center;float:left;cursor:pointer;}
.pr_deb1 ul li:hover{border-top: 2px #000 solid;}
.pr_deb1 ul li.hover{border-top: 2px #000 solid;}
.pr_deb2{width: 100%;height: auto;overflow: hidden;margin:20px auto;}
.pr_deb2 ul{width: 100%;float:left;}
.pr_deb2 ul img{max-width: 100%;height: auto;overflow: hidden;margin: 0px auto;display: block;}
.pr_deb2 ul iframe{max-width: 100%;height: auto;display: block;margin:30px auto;}
.ship{width: 94%;height: auto;overflow: hidden;margin: 0px auto 50px;max-width: 1400px;}
.ship h1{font-weight: normal;font-size: 42px;color: #000;text-align: center;}
.ship .ship1{width: 100%;height: auto;overflow: hidden;margin: 30px auto 0px;}
.ship .ship1 iframe{max-width: 100%;height: auto;display: block;margin:0px auto;}


/*新闻动态*/
.news{width: 1200px;height:auto;margin:50px auto;}
.news ul li{width: 100%; height: 89px;border-bottom: 1px #e5e5e5 dashed;margin-bottom: 20px;}
.news ul li h2{font-weight: normal;color: #333333;font-size: 18px;}
.news ul li span{display:block; color:#333;float: right;}
.news ul li h2 a{color: #333;}.news ul li:hover{border-bottom: 1px #4ab344 solid;}
.news ul li:hover a h2{color: #4ab344}
.news ul li p{width: 70%;height: auto;margin-top: 10px;overflow: hidden;font-size: 14px;color: #737373}

/*新闻内页*/
.ne_de{width: 1140px;min-height: 500px;margin:50px auto;padding: 0px 30px;}
.ne_de h2{font-weight: normal;font-size: 24px;color: #333;height: 100px;border-bottom: 1px #e5e5e5 solid;}
.ne_de dt{font-size: 14px;color: #666;font-weight: bold;margin-top: 30px;}
.ne_de dd{font-size: 14px;color: #666;margin-top: 30px;line-height: 28px;}
.ne_de img{max-width:100%;}

/*加入*/
.se_bj{width:100%;height: 450px;overflow:hidden;margin-top: 60px;float: left;}
.se{width: 590px;height: 330px;margin:60px auto;}
.se p{width: 590px;height: 40px;margin-bottom: 30px;font-size: 16px;color: #666;line-height: 40px;}
.se p input{width: 520px;height: 40px;border:none;background:none;border:1px #ccc solid;background: #fff;margin-left: 15px;}
.se p span{line-height: 50px;color: #f00;float: right;}
.se .ly{width: 590px;height: 100px;font-size: 16px;color: #666;}
.se .ly textarea{width: 520px;height: 100px;border:none;background:none;border:1px #ccc solid;background: #fff;margin-left: 15px;}
.se .ly strong{font-weight: normal;margin-top: 40px;float: left;}
.se .ly span{line-height: 120px;color: #f00;float: right;}
.tj{width: 230px;height: 40px;background: #85c300;font-size: 14px;line-height: 40px;text-align: center;cursor: pointer;margin-left: 48px;margin-top: 30px;}
.tj a{color: #fff}

/*关于我们*/
.about{width: 1200px;height: auto;margin:50px auto;}
.about1{font-size: 14px;color: #666;line-height: 32px;margin-bottom: 30px;}
.about img{margin-bottom: 30px;width: 1200px;height: auto;margin-top: 20px;}
.case{width: 1180px;height: auto;margin:30px auto 60px;padding-left: 10px;padding-right: 10px;}
.case h1{font-size: 26px;color: #333;font-weight: normal;width: 1200px;height: 114px;border-bottom: 1px #e5e5e5 solid;}
.case h1 p{font-size: 14px;color: #999;margin-top: 20px;}
.case1{width: 1180px;height: auto;font-size: 14px;color: #666;line-height: 36px;margin-top: 30px;}
.banner_de{width: 100%;height: auto;overflow: hidden;margin:0px auto;}
.banner_de img{width: 100%;height: auto;vertical-align:middle;}



.box_swipe{display: none;}
.banner{display: block;}


@media (max-width: 1024px) and (min-width: 0px){
	body{max-width: 640px;height: auto;background: #fff;margin:0px auto;}
	.top{width: 100%;height: auto;min-width: 100%;overflow: hidden; position:relative;}
	
	.top_t{width:94%;height:50px; line-height:50px;overflow: hidden;float:none;}
	.top_t img{height:40px;}
	
	.top_t h1{width: 100%;font-size: 22px;height: 50px;}
	.top_t h1 span{display: none;}
	.top_r{ float:none;}.en{position:absolute; top:-25px; right:0px;}
	.nav{width: 100%;height: auto;margin-right: 0px;overflow: hidden;margin-top:0px;background: #4ab344;height: 50px;}
	.nav ul li{width: 20%;margin-left: 0px;margin-top: 0px;font-size: 14px;text-align: center;height: 50px;border-radius: 0px;}
	.nav ul li a{width: 100%;margin-left: 0px;border-bottom: 0px;padding-bottom: 0px;line-height: 50px;color: #fff;border-radius: 0px;height: 50px;border-radius: 0px;}
	.nav ul li a.hover{border-bottom: 0px;background: #e7f9e6;color: #4ab344;border-radius: 0px; border-top:0px #4ab344 solid;}
	.nav ul li a:hover{border-bottom: 0px;background: #fff;color: #4ab344;border-radius: 0px;}

	.banner{display: none;}
	.box_swipe{overflow:hidden;position:relative;display: block;}
	.box_swipe ul li{width: 100%;height: auto;}
	.box_swipe ul li img{width: 100%;height: auto;vertical-align: middle;}
	.box_swipe>ol{height:30px;position: relative;z-index:10;text-align:center;    position: absolute;bottom:0px; width: 100%;}
	.box_swipe>ol>li{display:inline-block;margin:5px;width: 32px;height: 5px;background: #fff;}
	.box_swipe>ol>li.on{background-color:#4ab344;}
	
	.banner_b{width: 100%;height: auto;overflow: hidden;margin:30px auto;}
	.banner_b ul li{width: 20%;height: auto;margin-left: 0%;margin-right: 0px;}
	.banner_b ul li img{max-width: 60%;height: auto;display: block;margin:0px auto;vertical-align: middle;}

	.cp_t{width: 100%;height: auto;overflow: hidden;margin:40px auto 0px;}
	.cpt_l{display: none;}
	.cpt_r{width: 100%;height: auto;overflow: hidden;}
	.cpt_r li{width: 45.5%;margin-left: 3%;margin-bottom: 20px;height: auto;}
	.cpt_r li img{width: 100%;height: auto;vertical-align: middle;}

	.cp{width: 100%;height: auto;margin:20px auto 0px;}
	.cp1{height: 40px;line-height: 40px;}
	.cp1 li{width: 20%;margin-left: 2%;font-size: 14px;line-height: 40px;border:1px #4ab344 solid;text-align: center;height: 40px;margin-right: 0px;}
	.cp1 li.on{border:1px #4ab344 solid;}
	.cp2{overflow: hidden;margin-top: 20px;}
	.cp2 ul li{width: 45.5%;height: auto;margin-left: 3%;margin-right: 0px;margin-bottom: 10px;}.cp2 ul li div{height:auto;}
	.cp2 ul li img{width: 100%;height: auto;vertical-align: middle;}
	.cp2 ul li p{text-align: center;font-size: 14px;margin-top: 7px;}
	
	.pr_del{width: 100%;}
	.pr_del_b{margin-top: 15px;}
	.pr_del_b ul li{width: 22%;}
	.pr_der{width: 100%;margin-top: 25px;}
	.pr_der1{font-size: 24px;}
	.pr_der2{margin-top: 30px;}
	.pr_der2 p{font-size: 14px;}
	.pr_der2 dd{font-size: 14px;}
	.pr_der3 a{display: block;float: left!important;margin-bottom: 20px;margin-right: 5%;}
	.pr_der3 a img{width: 211px;height: 76px;}
	.pr_deb{margin:40px auto;}
	.pr_deb1{width: 100%;height:23px;border:0px #ccc solid;line-height: 23px;}
	.pr_deb1 ul li{font-size: 20px;color: #000;border-bottom: 2px #000 solid;padding-bottom: 15px;border-top: 0px #ccc solid;border-right: 0px #ccc solid;width:100%; float:none; text-align:left;}
	.pr_deb1 ul li.hover{border-top: 0px #000 solid;}
	.pr_deb1 h2{font-size: 18px;}

	.se1{height: 400px!important;}
	.se1_1{padding: 60px 3%;}
	.se1_1 p{font-size: 16px;line-height: 38px;}
	.se_c1 li p{font-size: 14px;line-height: 24px;}

	.gy_bj{height: auto;margin-top: 20px;background: #f1f0ec!important;overflow: hidden;}
	.gy{width: 100%;height: auto;overflow: hidden;}
	.gy1{width: 94%;margin-left: 3%;float: left;margin-top: 20px;height: auto;overflow: hidden;}
	.gy1_l{height: auto;width: 26%;padding-top: 10px;}
	.gy1_l li{width: 100%;height: auto;font-size: 24px;}
	.gy1_r{width: 60%;float: right;height: auto;margin-top: 0px;margin-right: 0px;padding:18px 5%;}
	.gy1_r h2{font-size: 18px;}
	.gy1_r p{margin-top: 7px;font-size: 13px;line-height: 26px;text-indent: 2em;}
	.gd{position: unset;font-size: 14px;margin-top: 10px;}

	.zp{width: 100%;margin:40px auto;}
	.zp ul li{width: 31%;margin-right: 3%!important;height: auto;margin-top: 15px;height: auto;}
	.zp ul li:nth-child(3n){ margin-right:0%!important;}
	.zp ul li img{width: 100%;height: auto;vertical-align: middle;}
	
	.news{width: 94%;margin:40px auto;}
	.news ul li{width: 100%;height: auto;padding-bottom: 15px;}
	.news ul li h2{line-height: 25px;height: 25px;overflow: hidden;font-size: 16px;}
	.news ul li h2 a{display: block;overflow: hidden;height:25px;}
	.news ul li p{height: 57px;overflow: hidden;}

	.ne_de{width: 94%;min-height: auto;margin:40px auto;padding:0px;}
	.ne_de h2{height:auto;text-align: center;font-size: 20px;line-height: 32px;padding-bottom: 20px;}

	.se_bj{height: auto;margin-top: 40px;}
	.se{width: 94%;height: auto;margin:40px auto;}
	.se p{width: 100%;}
	.se p input{width:82%;margin-left: 2%;}
	.se p span{float: right;}
	.se .ly{width: 100%;}
	.se .ly textarea{width:82%;margin-left: 2%;}
	.tj{width: 60%;margin-left: 0px;margin:30px auto;}

	.about{width: 94%;margin:40px auto 0px;overflow: hidden;}
	.about1{line-height: 28px;text-indent: 2em;}
	.about img{width: 100%;height: auto;display: block;}


	.case{width: 94%;padding-left: 0%;padding-right: 0px;margin:30px auto;}
	.case h1{font-size: 22px;width: 100%;}
	.case1{width: 100%;}
	.case2{width: 100%;padding-left: 0%;}

	.cp_de h1{text-align: center;height: auto;padding-bottom: 20px;}

	
	.footer_bj{height: auto;padding: 20px 0px;min-width: 100%;}
	.footer_bj h2{font-size: 24px;margin-top: 5px;}
	.footer{width: 94%;height: auto;overflow: hidden;margin-top: 10px;}
	.footer1{width: 100%;height: auto;margin-right: 0px;margin-left: 0px;border-right: none;}
	.footer3{width: 100%;height: auto;text-align: center;}

	.banner_de{height: auto;min-width: 100%;}
	.banner_de img{height: auto;}

	

	

}