@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0px;  font-family:"Microsoft YaHei"; font-size:14px; line-height:24px; color:#000000;}
p{margin:0px; padding:0px;}
ul,li{list-style:none; margin:0px; padding:0px;}
input,textarea {border:0; outline:none;}
img{border:0px;}
a{text-decoration:none;}
.fr{float:right;}
.clear{clear:both;}

.header{width:100%; height:90px;  line-height:90px; position:fixed; top:0; z-index:999999; color:#ffffff; background: url(../images/icon52.png);}
.f-cb {
  zoom: 1; }

.f-cb:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: "."; }

.fl {
  float: left;
  display: inline; }

.fr {
  float: right;
  display: inline; }
.w90{width:90%; margin:0 auto;}
.w80{width:80%; margin:0 auto;}
.w60{width:60%; margin:0 auto; padding-left:5%; padding-right:5%; padding-top:2%; padding-bottom:2%;}
.w60_b{width:60%; margin:0 auto;}
.w70{width:70%; margin:0 auto; padding-top:2%; padding-bottom:2%;}
.w70_b{width:70%; margin:0 auto;}



/* Search Form */
.nav > li.nav-search > form {
	position: relative;
	width: inherit;
	height: 54px;
	z-index: 510;
	margin-top:15px;
	
}

.nav > li.nav-search input[type="text"] {
	display: block;
	float: left;
	width: 1px;
	height: 24px;
	padding: 5px 0;
	line-height: 24px;
	font-size: 16px;
	color: #333333;
	

	background: #ffffff;
border-bottom:1px solid #000000;
	-webkit-transition: all .3s ease 1s;
	-moz-transition: all .3s ease 1s;
	-o-transition: all .3s ease 1s;
	-ms-transition: all .3s ease 1s;
	transition: all .3s ease 1s;
}

.nav > li.nav-search input[type="text"]:focus { color: #333333; }

.nav > li.nav-search input[type="text"]:focus,
.nav > li.nav-search:hover input[type="text"] {
	width: 110px;
	padding: 15px 20px;

	-webkit-transition: all .3s ease .1s;
	-moz-transition: all .3s ease .1s;
	-o-transition: all .3s ease .1s;
	-ms-transition: all .3s ease .1s;
	transition: all .3s ease .1s;
}

.nav > li.nav-search input[type="submit"] {
	display: block;
	float: left;
	width: 20px;
	height: 54px;
	padding: 0 25px;
	cursor: pointer;

	background: url(../images/icon04.png) no-repeat center center;

	border-radius: 0 3px 3px 0;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.nav > li.nav-search input[type="submit"]:hover { background-color: #ffffff; }










/* Search Form */
.nav2 > li.nav-search > form {
	position: relative;
	width: inherit;
	height: 54px;
	z-index: 510;
	margin-top:15px;
	
}

.nav2 > li.nav-search input[type="text"] {
	display: block;
	float: left;
	width: 0px;
	height: 20px;
	padding: 5px 0;
	line-height: 20px;
	font-size: 16px;
	color: #ffffff;
	

	background: url(../images/icon53.png);
border-bottom:1px solid #ffffff;
	-webkit-transition: all .3s ease 1s;
	-moz-transition: all .3s ease 1s;
	-o-transition: all .3s ease 1s;
	-ms-transition: all .3s ease 1s;
	transition: all .3s ease 1s;
}

.nav2 > li.nav-search input[type="text"]:focus { color: #ffffff; }

.nav2 > li.nav-search input[type="text"]:focus,
.nav2 > li.nav-search:hover input[type="text"] {
	width: 110px;
	padding: 15px 20px;

	-webkit-transition: all .3s ease .1s;
	-moz-transition: all .3s ease .1s;
	-o-transition: all .3s ease .1s;
	-ms-transition: all .3s ease .1s;
	transition: all .3s ease .1s;
}

.nav2 > li.nav-search input[type="submit"] {
	display: block;
	float: left;
	width: 20px;
	height: 54px;
	padding: 0 25px;
	cursor: pointer;

	background: url(../images/icon04_1.png) no-repeat center center;

	border-radius: 0 3px 3px 0;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.nav2 > li.nav-search input[type="submit"]:hover { background-color: #; }






.page_header{width:100%; height:90px; background:#ffffff; line-height:90px; position:fixed; top:0; z-index:999999; }

.page_header_r ul{float:right;}
.page_header_r ul li{float:left; padding-left:30px; padding-right:30px; font-size:16px;}
.page_header_r ul li a:link{color:#000000;}
.page_header_r ul li a:visited{color:#000000;}
.page_header_r ul li a:hover{color:#006835;}
.page_header_r ul li a:active{color:#006835;}



.page_header_r2 ul{float:right;}
.page_header_r2 ul li{float:left; padding-left:30px; padding-right:30px; font-size:16px;}
.page_header_r2 ul li a:link{color:#ffffff;}
.page_header_r2 ul li a:visited{color:#ffffff;}
.page_header_r2 ul li a:hover{color:#006835;}
.page_header_r2 ul li a:active{color:#006835;}


.page_banner{width:100%; position:relative; margin-top:90px;}
.page_banner_text{width:30%; position:absolute;  margin-left:35%; margin-top:10%;}
.pagebanner_title{color:#ffffff; font-size:72px; text-align:center; line-height:140px;}
.pagebanner_line{width:25%; height:1px; background: url(../images/icon03.png) repeat; margin:0 auto;}
.pagebanner_text{color:#ffffff; text-align:center; font-size:16px; line-height:80px; margin-bottom:50px;}
.pagebanner_list{width:380px;margin:0 auto;}
.pagebanner_list li{width:130px; height:45px; text-align:center; float:left; margin-right:30px; margin-left:30px; font-size:16px;line-height:45px;}
.pagebanner_list li a{width:130px; height:45px; display:block; border:1px solid #ffffff; }
.pagebanner_list li a:link{color:#ffffff;}
.pagebanner_list li a:visited{color:#ffffff;}
.pagebanner_list li a:hover{color:#000000; background:#ffffff;}
.pagebanner_list li a:active{color:#000000; background:#ffffff;}
.pagebanner_list li a.here{color:#000000; background:#ffffff;}



.pagebanner_list2{width:570px;margin:0 auto; }
.pagebanner_list2 li{width:130px; height:45px; text-align:center; float:left; margin-right:30px; margin-left:30px; font-size:16px;line-height:45px;}
.pagebanner_list2 li a{width:130px; height:45px; display:block; border:1px solid #ffffff; }
.pagebanner_list2 li a:link{color:#ffffff;}
.pagebanner_list2 li a:visited{color:#ffffff;}
.pagebanner_list2 li a:hover{color:#000000; background:#ffffff;}
.pagebanner_list2 li a:active{color:#000000; background:#ffffff;}
.pagebanner_list2 li a.here{color:#000000; background:#ffffff;}


.product_lei{width:100%; border-top:1px solid #000000; border-bottom:1px solid #000000; margin-top:30px; margin-bottom:80px;}
.product_nav p{width:5%; text-align:center; line-height:40px;}
.productlei_list {width:95%;}
.productlei_list li a{padding-left:10px; padding-right:10px; float:left;line-height:40px;}
.productlei_list li a:link{ color:#000000; }
.productlei_list li a:visited{ color:#000000; }
.productlei_list li a:hover{ color:#006835; }
.productlei_list li a:active{ color:#006835; }

.pro{margin-bottom:100px;}
.pro_t{font-size:24px; color:#000000; font-weight:bold; margin-bottom:20px;}
.pro_text{width:60%; font-size:16px;  margin-bottom:20px;}
.prolist li {float:left; width:246px; margin-right:20px; margin-left:20px; margin-bottom:30px;}
.prolist li img{width:100%; height:340px; overflow:hidden; margin-bottom:10px;}
.pro_num{font-size:16px; }
.pro_title{font-size:16px;}
.prolist li a:link{color:#000000; width:246px; height:400px; display:block;}
.prolist li a:visited{color:#000000; width:246px; height:400px; display:block; }
.prolist li a:hover{color:#000000;  width:246px; height:400px; display:block; 　}
.prolist li a:active{color:#000000;  width:246px; height:400px; display:block; 　　}

.prolist2 li {float:left; width:236px; margin-right:20px; margin-left:20px; margin-bottom:30px;}
.prolist2 li img{width:100%; height:326px; overflow:hidden;}
.prolist2 li a:link{color:#000000; width:236px; height:380px; display:block;}
.prolist2 li a:visited{color:#000000; width:236px; height:380px;  display:block; }
.prolist2 li a:hover{color:#000000;  width:236px; height:380px;  display:block; 　}
.prolist2 li a:active{color:#000000;  width:236px; height:380px;  display:block; 　　}

.navigation-link {
	display: block;
	position: relative;
	padding: 5px 0px;
	text-decoration: none;
	color: #000000;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

.navigation-link:before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 0;
	border-bottom: solid 2px;
}

.navigation-link:before {
	left: 0;
}

.navigation-link:hover {
	color: #000000;
}

.navigation-link:hover:before {
	width: 100%;
}

.navigation-link:before {
	-webkit-transition: width .2s ease-in-out;
	transition: width .2s ease-in-out;
}




.gray{background:#f7f7f7; }
.pad_2{padding-top:120px; padding-bottom:30px;}
.pad_4{padding-top:60px; padding-bottom:30px;}
.white{background:#ffffff; margin-bottom:40px;}



.footer_bg{width:100%; border-top:1px solid #dddddd; padding-top:5px;}
.footer_bottom{ border-top:1px solid #dddddd; height:40px; line-height:40px; margin-top:5px;}
.footer_r{width:33.3%; padding-top:50px; padding-bottom:20px;}
.footimg img{width:30%;}
.footer_m{width:33.3%; border-left:1px solid #dddddd;border-right:1px solid #dddddd;  padding-top:50px;padding-bottom:20px;}
.footer_l{width:28.3%; padding-left:5%; padding-top:50px; padding-bottom:20px;}
.footlist01 > li{width:30%; float:left; height:130px;}
.footlist01 > li p{font-weight:bold; }
.footlist02 li{line-height:30px;}
.footlist02 li a:link{color:#000000;}
.footlist02 li a:visited{color:#000000;}
.footlist02 li a:hover{color:#006835;}
.footlist02 li a:active{color:#006835;}
.footerm_t{text-align:center; font-size:20px; line-height:40px; margin-top:30px;}
.footerm_t2{text-align:center; font-size:16px; margin-top:50px; color:#999999;}
.footerr_p{text-align:center; font-size:16px; line-height:32px;}
a.button01{width:80px; height:40px; border:1px solid #000000; display:block;line-height:40px; font-size:16px;}
a.button01:link{ background: url(../images/icon01.png) no-repeat 20px; padding-left:50px; color:#000000;}
a.button01:visited{ background: url(../images/icon01.png) no-repeat 20px; padding-left:50px; color:#000000;}
a.button01:hover{ background: url(../images/icon02.png) no-repeat 20px #000000; padding-left:50px; color:#ffffff;}
a.button01:active{ background: url(../images/icon02.png) no-repeat 20px #000000; padding-left:50px; color:#ffffff;}
.footerrbox{width:60%; margin:30px auto;}
.footerm_t2 span{font-size:24px;color:#000000; line-height:40px;}
.logo2img img{width:40%;}


.product_t1{font-size:14px; margin-bottom:30px;}
.product_t1 a:link {color:#000000;}
.product_t1 a:visited {color:#000000;}
.product_t1 a:hover {color:#000000;}
.product_t1 a:active {color:#000000;}
.product_t2{font-weight:bold; font-size:24px;}
.product_t3{font-weight:bold; font-size:30px;line-height:60px; border-bottom:1px solid #cccccc; margin-bottom:20px; padding-bottom:20px;}
.product_img{margin-bottom:40px;}
.product_img img{width:100%;}
.product_t4{font-size:18px; font-weight:bold; line-height:40px;}
.product_t4_line{width:50px; height:2px; background:#000000; margin-bottom:10px;}
.product_t5{font-size:16px; line-height:32px; margin-bottom:20px;}


.details-bot {
 
  padding-bottom: 30px;
  border-bottom: 1px solid #d2d2d2;
  box-sizing: border-box;
}
.details-bot .back {
  height: 38px;
  width: 170px;
  background: #333333;
  font-size: 14px;
  line-height: 38px;
  color: #ffffff;
  position: relative;
  font-size: 14px;
  margin-top: 15px;
}
.details-bot .back:hover:hover:after {
  width: 100%;
  transition: .6s ease-in-out;
}
.details-bot .back:after {
  position: absolute;
  width: 18px;
  height: 100%;
  background: #006835;
  transition: .6s ease-in-out;
  content: "";
  left: 0;
  top: 0;
}
.details-bot .back a {
  color: #ffffff;
  display: block;
  position: relative;
  z-index: 2;
  padding-left: 70px;
}
.details-bot .back a:after {
  position: absolute;
  content: "";
  left: 40px;
  width: 17px;
  height: 1px;
  background: #fff;
  top: 0;
  bottom: 0;
  margin: auto;
}
.details-bot .prev, .details-bot .next {
  display: block;
  width: 65px;
  height: 65px;
  border: 1px solid #b7b7b7;
  border-radius: 50%;
}
.details-bot .next {
  background: url(../images/a12.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.details-bot .next:hover {
  background: url(../images/a11.png) #006835 no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.details-bot .prev {
  background: url(../images/a13.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.details-bot .prev:hover {
  background: url(../images/a14.png) #006835 no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
  .details-bot .anniu {
    width: 150px;
  }


.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#3e3e3e url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#3e3e3e url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#3e3e3e url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#3e3e3e url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


.ask li{margin-bottom:40px;}
.ask li a{display:block; color:#000000; width:100%; background:#ffffff; padding-left:2%; padding-right:2%; padding-top:2%; padding-bottom:2%; height:60px; line-height:60px; font-size:16px;}
.ask li a:hover{
	
-webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);}
	
	
.ask li a:active{	-webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);}
	
	
	
	
	
	.ask2 li{margin-bottom:40px;}
.ask2 li a{display:block; color:#000000; width:100%; background:#ffffff; padding-left:2%; padding-right:2%; padding-top:2%; padding-bottom:2%; height:60px; line-height:60px; font-size:16px;}
.ask2 li a:hover{
	
-webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);}
	
	
.ask2 li a:active{	-webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);}
	.ask_r2{width:5%; background:url(../images/x45.png) no-repeat 2px; width:49px; height:5px; padding-top:60px;}
	.ask_l2{width:95%; overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;}
.ask_r2 img{display:block; margin:0px auto; margin-top:25px;}
	
.ask_r{width:5%; background:url(../images/x45.png) no-repeat 2px; width:49px; height:5px; padding-top:60px;}
.ask_l{width:5%;background: url(../images/x44.png) no-repeat 2px; width:50px; height:50px;}
.ask_m{width:88%; overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;}
.ask_l img{display:block; margin:0 auto;}
.ask_r img{display:block; margin:0px auto; margin-top:25px;}

.pagelist li{float:left;width:34px; height:34px;  stext-align:center; line-height:34px; font-size:12px; margin-right:10px;   color:#333333; margin-bottom:10px; text-align:center;}
.pagelist li a:link{color:#333333;width:34px; height:34px;  display:inline-block; border-radius:50%; }
.pagelist li a:visited{color:#333333;width:34px; height:34px;   display:inline-block; border-radius:50%;}
.pagelist li a:hover{background:#000000; color:#ffffff; width:34px; height:34px;   display:inline-block; border-radius:50%; }
.pagelist li a:active{background:#000000; color:#ffffff;width:34px; height:34px;  display:inline-block; border-radius:50%;}
.pagelist li a.on{background:#000000; color:#ffffff;width:34px; height:34px;  display:inline-block; border-radius:50%;}
.pagelist {margin:20px auto 0px; width:350px; margin-bottom:50px;}


.pro_tedian li{margin-bottom:40px;}
.pro_tedian_r{width:83%; }
.pro_tedian_l{width:15%; padding-top:2%; }
.pro_icon{width:100px; height:100px; border-radius:50%; border:1px solid #000000; margin:0 auto; }
.pro_tedian_t{font-size:28px;}
.pro_tedian_line{width:30px; height:2px; background:#000; margin-top:20px; margin-bottom:20px;}
.pro_tedian_text{font-size:14px; line-height:24px; text-indent:2rem;}

.pro_tedian li a{display:block; color:#000000; width:100%; background:#ffffff; padding-left:2%; padding-right:2%; padding-top:2%; padding-bottom:2%; height:150px; }
.pro_tedian li a:hover{
	
-webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);}
	
	
	.pro_tedian li a:active{	-webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);}
	
.prolist5 li{width:25%; text-align:center; float:left; margin-bottom:120px;}
.prolist5.prolist_img img{width:35%; }
.prolist_p{font-size:20px;margin-top:40px;}


.prolist6 li{border-radius:10px; margin-right:70px; margin-left:70px; margin-bottom:80px; float:left; text-align:center; }
.prolist6 li a{width:300px; height:170px;  background:#ffffff;  display:block; padding:50px; border-radius:10px;padding-top:70px; }
.prolist6 li a:link{color:#000000;}
.prolist6 li a:visited{color:#000000;}
.prolist6  li a:hover{-webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
	
background: -moz-linear-gradient(top, #ffffff, #e2fcf6 50%);
background: -webkit-gradient(linear, 0 0, 0 50%, from(#e2fcf6), to(#ffffff));
	
	}
	
	.prolist6  li a:active{-webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
	
	background: -moz-linear-gradient(top,  #e2fcf6, #ffffff 50%);
background: -webkit-gradient(linear, 0 0, 0 50%,  from(#fe2fcf6), to(#ffffff));
	}
.prolist6 .prolist_img img{width:30%; }



.prolist17 li{border-radius:10px; width:25%; float:left; text-align:center; margin-bottom:40px;}
.prolist17 li a{width:60%; height:240px;  background:#ffffff;  display:block; padding:40px; border-radius:10px;padding-top:20px; margin:0 auto; }
.prolist17 li a:link{color:#000000;}
.prolist17 li a:visited{color:#000000;}
.prolist17  li a:hover{-webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
	
background: -moz-linear-gradient(top, #ffffff, #e2fcf6 50%);
background: -webkit-gradient(linear, 0 0, 0 50%, from(#e2fcf6), to(#ffffff));
	
	}
	
.prolist17  li a:active{-webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
	
	background: -moz-linear-gradient(top,  #e2fcf6, #ffffff 50%);
background: -webkit-gradient(linear, 0 0, 0 50%,  from(#fe2fcf6), to(#ffffff));
	}


.prolist17_img img{width:30%;}
.prolist17_title{font-size:18px; line-height:60px;}
.prolist17_text{font-size:14px; text-align:left;}



.prolist7 li{border-radius:10px; margin-right:70px; margin-left:70px; margin-bottom:80px; float:left; text-align:center; }
.prolist7 li a{width:300px; height:270px;  background:#ffffff;  display:block; padding:50px; border-radius:10px;padding-top:30px; }
.prolist7 li a:link{color:#000000;}
.prolist7 li a:visited{color:#000000;}
.prolist7  li a:hover{-webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
	
background: -moz-linear-gradient(top, #ffffff, #e2fcf6 50%);
background: -webkit-gradient(linear, 0 0, 0 50%, from(#e2fcf6), to(#ffffff));
	
	}
	
	.prolist7  li a:active{-webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
	
	background: -moz-linear-gradient(top,  #e2fcf6, #ffffff 50%);
background: -webkit-gradient(linear, 0 0, 0 50%,  from(#fe2fcf6), to(#ffffff));
	}
.prolist7 .prolist_img img{width:30%; }
.prolist_p2{font-size:20px;margin-top:20px; margin-bottom:20px;}
.prolist_text{text-align:center;}



.prolist8 li{border-radius:10px; margin-right:70px; margin-left:70px; margin-bottom:80px; float:left; text-align:center; }
.prolist8 li a{width:300px; height:200px;  background:#ffffff;  display:block; padding:50px; border-radius:10px;padding-top:60px; }
.prolist8 li a:link{color:#000000;}
.prolist8 li a:visited{color:#000000;}
.prolist8  li a:hover{-webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
	
background: -moz-linear-gradient(top, #ffffff, #e2fcf6 50%);
background: -webkit-gradient(linear, 0 0, 0 50%, from(#e2fcf6), to(#ffffff));
	
	}
	
	.prolist8  li a:active{-webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
	
	background: -moz-linear-gradient(top,  #e2fcf6, #ffffff 50%);
background: -webkit-gradient(linear, 0 0, 0 50%,  from(#fe2fcf6), to(#ffffff));
	}
.prolist8 .prolist_img img{width:30%; }

.zhao_p{font-size:16px; line-height:32px; margin-bottom:40px;}
.zhao_t{font-weight:bold; font-size:18px; margin-bottom:30px;}
.zhao_r{width:85%;}
.zhao_l{width:12%;}

.zhao_list{width:100%;}
.zhao_list li{width:50%; float:left; margin-bottom:50px; }
.zhao_l_img{width:100%;}
.zhao_l_img img{width:100%;}
.zhao_r_t{font-size:16px; font-weight:bold; line-height:32px;}
.zhao_r_text{font-size:14px; color:#666666; width:50%;}




.zs_a{font-size:70px; font-weight:bold; text-align:center; margin-bottom:60px;}
.zs_a span{color:#006835;}
.zs_b{font-size:18px; color:#666666; text-align:center; line-height:36px;}
.zsc_p{text-align:center;font-size:18px; color:#666666; line-height:56px;}
.zsc_img img{width:40%;}
.zs_c li{float:left; width:25%;}
.zs_c{margin-top:40px;}

.zs_d{margin-top:100px; margin-bottom:100px;}
.zs_d_r{width:50%; text-align:right;}
.zs_d_l{width:40%;}
.zs_d_title{font-size:70px; margin-bottom:40px; font-weight:bold;}
.zs_d_title2{font-size:30px; line-height:60px;  margin-bottom:40px; }
.zs_d_text{font-size:18px; color:#666666; line-height:36px;}
.zs_d_l img{width:100%;}
.zs_d span{color:#006835;}
.zs_d_r img{width:100%;}


.zs_e_r{width:50%;}
.zs_e_l{width:50%;}
.zs_e_list li{float:left; width:45%; margin-right:2%;}
.zs_e_list li img{width:100%;}
.zs_e_title{font-size:70px; margin-bottom:40px; font-weight:bold; padding-top:50px;}
.zs_e_title2{ font-size:30px; line-height:60px;  margin-bottom:105px;}
.zs_e_title span{color:#006835;}
.zs_e_r img{width:100%;}




.zs_f{margin-top:100px; margin-bottom:100px;}
.zs_f_r{width:50%; text-align:right;}
.zs_f_l{width:50%;}
.zs_f_title{font-size:70px; margin-bottom:40px; font-weight:bold; padding-top:100px;}
.zs_f_title2{font-size:30px; line-height:60px;  margin-bottom:40px; }
.zs_f_text{font-size:18px; color:#666666; line-height:36px;}
.zs_f_l img{width:100%;}
.zs_f span{color:#006835;}
.zs_f_r img{width:100%;}
.zs_g{margin-bottom:100px;}
.zs_g img{width:80%;}


.zs_h_title{color:#000000;text-align: center;font-size:60px;}
.zs_h_title:before,.zs_h_title:after{content: "";width: 420px;border-top: 1px #cccccc solid; display: inline-block;
vertical-align: middle;}
.zs_h_title:before{margin-right: 10px;}
.zs_h_title:after{margin-left: 10px;}
.zs_h_title2{text-align:center; font-size:18px; line-height:36px; margin-top:40px; margin-bottom:20px;}
.zs_h_main{background:url(../images/zs_6.jpg) no-repeat; width:100%; min-height:400px; padding-top:50px; padding-bottom:50px; font-size:16px; line-height:32px;}
.zs_h_mainall{ background:url(../images/icon50.png) repeat; padding:50px;}

.input01{width:80%; height:30px; line-height:30px;}
.input02{width:91%; height:200px; line-height:24px;}
.zs_h_td{height:80px;}
.zs_h_td span{color:#900;}
a.button02{width:120px; height:40px; line-height:40px; text-align:center; color:#ffffff; display:block; background:#000000; }
a.button03{width:120px; height:40px; line-height:40px; text-align:center; color:#ffffff; display:block; background:#898787; }

.news-box {
  padding-top: 90px;
  padding-bottom: 125px;
  box-sizing: border-box;
}

.news-ul {
  margin-bottom: 70px;
}
.news-ul .items {
  width: 33.3333333333%;
  float: left;
  padding: 35px;
  padding-top: 30px;
  box-sizing: border-box;
  font-size: 14px;
  color: #888888;
  border-right: 1px solid #dddddd;
  box-sizing: border-box;
  line-height: 1;
  transition: .5s ease-in-out;
  
}
.news-ul .items:hover {
  transition: .5s ease-in-out;
  background: #09ad85;
  color: #ffffff;
}
.news-ul .items:hover .t0 {
  transition: .5s ease-in-out;
  color: #ffffff;
}
.news-ul .items:hover .more0 {
  background: url(../images/o13.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.news-ul .items:hover .img2 img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.news-ul .items .t0 {
  line-height: 30px;
  height: 60px;
  color: #222222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 10px;
  transition: .5s ease-in-out;
  margin-bottom: 20px;
}
.news-ul .items .t2 {
  margin-bottom: 20px;
}
.news-ul .items .p {
  line-height: 25px;
  height: 50px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 50px;
}
.news-ul .items .more0 {
  width: 75px;
  height: 13px;
  background: url(../images/o12.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.news-ul .items .img2 {
  width: 360px;
  height: 208px;
  overflow: hidden;
}
.news-ul .items .img2 img {
  transition: .5s ease-in-out;
  width: 100%;
}
.news-ul .items:nth-child(3n+1) {
  border-left: 1px solid #dddddd;
}

.ft19 {
  font-size: 19px;
}

.xx_all{font-size:16px; line-height:32px;}
.pageadd{color:#999999; line-height:36px; margin-bottom:50px;}
.pageadd a:link{color:#999999;}
.pageadd a:visited{color:#999999;}
.pageadd a:hover{color:#006835;}
.pageadd a:active{color:#006835;}





.line{width:30px; background:#000000; height:1px; float:right;margin-right:10px;margin-top:20px;}

/*****************************************/





.clearfix:before,
.clearfix:after {
    content: '';
    display: table
}

.clearfix:after {
    clear: both
}







.t_img,.t_images{
    width: 1200px;
    height: 760px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 200;
}
.t_images{
    z-index: 300;
}
#grid li:hover a img{
     transition: all ease 1s;
     transform:scale(1.4);
}


.grid-wrap {
    clear: both;
    margin: 0 auto;
    padding: 0;
    max-width: 1260px
}

.grid {
    margin: 30px auto;
    padding: 0;
    list-style: none;
    min-height: 500px
}

.js .grid {
    background: url(../images/loading.gif) no-repeat 50% 100px
}

.js .grid.loaded {
    background: 0 0
}

.grid li {
    display: inline-block;
    overflow: hidden;
    width: 314px;
    text-align: left;
    vertical-align: top
}

.js .grid li {
    display: none;
    float: left
}

.js .grid.loaded li {
    display: block
}

.title-box h2 {
    display: block;
    margin: 7px;
    padding: 20px;
    background: #ffffff;
    color: #d3eee2;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300
}

.title-box h2 a {
    display: block;
    font-weight: 900
}

.title-box h2 a:hover {
    color: #d3eee2
}

.grid li>a,
.grid li img {
    border-radius: 2px;
    display: block;
    outline: 0;
    border: 0
}

.grid li>a {
    position: relative;
    overflow: hidden;
    margin: 7px
}

.grid .curtain {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: #ffffff;
}

.grid.swipe-right .curtain {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.grid.swipe-down .curtain {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.grid.swipe-rotate .curtain {
    width: 200%;
    height: 200%;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.grid .curtain::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    content: ''
}

.grid.swipe-right .curtain::after,
.grid.swipe-rotate .curtain::after {
    left: -100%
}

.grid.swipe-down .curtain::after {
    top: -100%
}

.grid li h3 {
    position: relative;
    bottom:0;
    left: 0;
    margin: 0;
    padding-bottom: 60px;
    width: 100%;
    background: #ffffff;
    color: #000000;
font-weight:normal;
    -webkit-transition: -webkit-transform .2s, color .2s;
    transition: transform .2s, color .2s
}

.grid li>a::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100.5%;
    height: 100.5%;
    border: 0;
    background: transparent;
    content: '';
    -webkit-transition: border-width .2s, border-color .2s;
    transition: border-width .2s, border-color .2s
}
.h3_r{width:60%; text-align:right; font-size:16px; padding-right:10px;line-height:30px;}
.h3_l{width:30%; font-size:12px; padding-left:10px;line-height:36px;}
.grid li.shown:hover h3 {
    color: #000000;
    -webkit-transform: translate3d(0, -0px, 0);
    transform: translate3d(0, -0px, 0)
}




.grid li.shown:hover>a::before {
    border-width: 14px;
    border-color: #ffffff
}

.grid.swipe-right li.animate .curtain {
    -webkit-animation: swipeRight 1.5s cubic-bezier(.6, 0, .4, 1) forwards;
    animation: swipeRight 1.5s cubic-bezier(.6, 0, .4, 1) forwards
}

@-webkit-keyframes swipeRight {
    0% {}
    50%,
    60% {
        -webkit-transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0)
    }
}

@keyframes swipeRight {
    0% {}
    50%,
    60% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate(0)
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.grid.swipe-down li.animate .curtain {
    -webkit-animation: swipeDown 1.5s cubic-bezier(.6, 0, .4, 1) forwards;
    animation: swipeDown 1.5s cubic-bezier(.6, 0, .4, 1) forwards
}

@-webkit-keyframes swipeDown {
    0% {}
    50%,
    60% {
        -webkit-transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 100%, 0)
    }
}

@keyframes swipeDown {
    0% {}
    50%,
    60% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    100% {
        transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.grid.swipe-rotate li.animate .curtain {
    -webkit-animation: swipeRotate 1.5s ease forwards;
    animation: swipeRotate 1.5s ease forwards
}

@-webkit-keyframes swipeRotate {
    0% {}
    50%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -90deg)
    }
}

@keyframes swipeRotate {
    0% {}
    50%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg)
    }
}

.grid li.animate .curtain::after {
    -webkit-animation: fadeOut 1.5s ease forwards;
    animation: fadeOut 1.5s ease forwards;
    -webkit-animation-delay: inherit;
    animation-delay: inherit
}

@-webkit-keyframes fadeOut {
    0% {}
    50%,
    60% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {}
    50%,
    60% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.js .grid li img,
.js .grid li h3 {
    visibility: hidden
}

.grid li.animate img,
.grid li.animate h3 {
    -webkit-animation: showMe 1.5s step-end forwards;
    animation: showMe 1.5s step-end forwards
}

@-webkit-keyframes showMe {
    from {
        visibility: hidden
    }
    60%,
    100% {
        visibility: visible
    }
}

@keyframes showMe {
    from {
        visibility: hidden
    }
    60%,
    100% {
        visibility: visible
    }
}

.grid li.shown img,
.grid li.shown h3 {
    visibility: visible
}

owMe {
    from {
        visibility: hidden
    }
    60%,
    100% {
        visibility: visible
    }
}

.grid li.shown img,
.grid li.shown h3 {
    visibility: visible
}
.joblist  li{width:33.3%; float:left; text-align:center; background:#ffffff;}
.joblist2{height:50px; line-height:50px; background:#b4b4b4; color:#ffffff; padding-left:20px; margin-bottom:20px; }

.joblist2 li{width:33.3%; float:left; text-align:center; font-size:16px;}


.lia_box{width:40%; margin-left:30%; position:absolute; z-index:111; text-align:center; margin-top:8%;}
.lia_t1{font-size:30px; color:#006835; line-height:60px; margin-bottom:30px;}
.lia_t2{font-size:16px; line-height:32px; margin-bottom:50px;}
.li_b{width:70%; margin-left:15%; position:absolute; z-index:111; top:-250px;}
.li_b img{width:100%;}

.lic_box{width:50%; margin-left:20%; position:absolute; z-index:300; text-align:center;top:0px; background:#ffffff; padding:100px 80px; display:block;-moz-box-shadow:0px 3px 3px #8A8A8A; -webkit-box-shadow:0px 3px 3px #8A8A8A; box-shadow:0px 3px 3px #8A8A8A;}
.line2{width:50px; height:1px; background:#006835; margin:0 auto; margin-bottom:50px;}

.about_a{position:relative;}
.abouta{width:60%; position:absolute; margin-left:18%; margin-top:8%;}
.abouta_t1{font-size:60px; color:#006835; line-height:100px; margin-bottom:30px; font-weight:bold;}
.abouta_text{font-size:16px; text-indent:2rem; line-height:32px; margin-bottom:20px;}

.about_b box{position:relative;}
.aboutb{width:60%; position:absolute; margin-left:18%; margin-top:8%;}


.aboutb_t{font-size:48px; line-height:80px;}
.aboutb_line{width:80px; height:2px; background:#000000; margin-top:50px; margin-bottom:30px;}
.aboutb_video{width:380px; height:326px; margin:0 auto;}
.aboutb_video img{width:100%;}

#full-screen-slider { width:100%; height:900px; float:left; position:relative}
#slides { display:block; width:100%; height:900px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:25%; top:840px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#006835;}




.about_d box{position:relative;}
.aboutd{width:70%; position:absolute; margin-left:15%; margin-top:8%;}
.aboutd_text{font-size:18px; line-height:32px; margin-bottom:40px;}

.aboutd_list li{width:21%; margin-left:2%; margin-right:2%; background:#ffffff;  margin-bottom:4%; float:left; }
.aboutd_img{width:100%;height:170px; overflow:hidden;}
.aboutd_img img{width:100%;}
.aboutd_list li p{border-top:1px solid #e5e5e5; font-size:14px; padding-top:20px; margin-top:20px;}

.img{display: block;width: 100%;height: 100%;transition: all 1s;}
.img:hover{ transform: scale(1.2); }
.aboutd_list li a{display:block; color:#000000; padding:3%; padding-bottom:10%;}
.aboutd_list li a:hover{-moz-box-shadow:0px 3px 3px #8A8A8A; -webkit-box-shadow:0px 3px 3px #8A8A8A; box-shadow:0px 3px 3px #8A8A8A;}
.aboutd_list li a:active{-moz-box-shadow:0px 3px 3px #8A8A8A; -webkit-box-shadow:0px 3px 3px #8A8A8A; box-shadow:0px 3px 3px #8A8A8A;}

.page1_t{font-size:72px; color:#ffffff; line-height:150px;}
.page1_text{font-size:18px; color:#ffffff; line-height:36px;}
.page1box{padding-top:25%;}
.page a{color:#ffffff;}

.page2box{padding-top:10%;}
.page2_en{font-size:36px; line-height:40px; font-family: "Times New Roman", Times, serif; margin-bottom:30px; color:#ffffff;}
.page2main{width:90%; height:160px; background: url(../images/icon54.png) repeat; color:#ffffff; margin:100px auto 0px;padding-top:20px; padding-bottom:20px;}
.page2list li{width:33%; float:left; border-right:1px solid #ffffff;height:110px;  line-heihgt:110px; text-align:center; font-size:24px; font-weight:bold;}
.li_a{padding-top:50px;}


a.button04{width:80%; height:40px;  display:block;line-height:40px; font-size:16px; text-align:center; border-radius:50px;}
a.button04:link{ border:1px solid #ffffff; color:#ffffff;}
a.button04:visited{ border:1px solid #ffffff; color:#ffffff;}
a.button04:hover{ border:1px solid #ffffff; color:#000; background:#ffffff}
a.button04:active{  border:1px solid #ffffff; color:#000; background:#ffffff}

.table1{margin-top:100px; width:30%;}


.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}