@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;font-family:"微软雅黑";-webkit-text-size-adjust:none;color:#000;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;width:100%;}
input{-webkit-appearance: none;}
ul,li{list-style-type:none;}
a{color:#000;text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}

/*header*/
.logo{position:fixed; top:0; left:0; width:100%;z-index:999;}
.search{width:30px;position:absolute;left:77%;top:10px;z-index:8;}

.ss{width:0;height:35px;position:absolute;left:0;top:7px;overflow:hidden;z-index:7;}
.ss_bd{width:68%;height:35px;border:none;background:#fff;float:left;color:#333333;padding:0 0 0 12%;font-family:"微软雅黑";border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:16px;}
.ss_btn{width:20%;float:left;line-height:35px;background:#ffc600;border:none;color:#fff;font-family:"微软雅黑";border-radius:3px;
-moz-border-radius:3px;-webkit-border-radius:3px;font-size:18px;}
.top{width:40px;position:absolute;left:2%;top:8px;}
/*index*/
.company{padding:3%;font-size:15px;line-height:1.5;opacity:0;border-bottom: 1px dashed #bfbfbf;margin-bottom: 5%i }
.com_pic{width:30%;float:left;padding:0 2% 0 0;}
.com_pic .p1{background: #00ab79;padding: 5% 0;color:#fff;text-align: center;border-radius:5px 5px 0px 0px;}
.com_pic .rili{border:1px dashed #bfbfbf;border-top: 0px;border-radius:0px 0px 5px 5px ;margin-bottom: 10%}
.com_pic .p2{text-align: center;font-size: 30px;color:#00ab79;}
.com_pic .p3{text-align: center;font-size: 14px;color:#00ab79;padding-bottom: 3%}
.com_con{width:65%;float: left;padding:0 2% 0 0;}
.com_con .title{color:#00ab79;font-size: 16px;font-size: 16px;margin: 3% 0}
.com_con .con{color:#999;}




.com_title{color:#191919;font-size:20px;text-align:center;padding:3% 0 0 0;}
.yinwen_title{color:#191919;font-size:18px;text-align:center;padding:0 0 0 0;}
.heng_title{background: #00ab79;width:35px;height:3px;margin:0 auto;}

.com_tm{opacity:1;
transition:opacity 1s linear;
-webkit-transition:opacity 1s linear;
-moz-transition:opacity 1s linear;
-ms-transition:opacity 1s linear;
-0-transition:opacity 1s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;}

.top_list{clear:both;padding:0 0 3% 0;overflow:hidden;}
.top_list li{width:30%;float:left;padding:2% 0 0 2.7%;position:relative;}
.top_list li a{color:#fff;}
.top_list_t{width:80%;position:absolute;bottom:0%;left:5%;color:#fff;font-size:12px;text-align:left;padding-left: 15%;}
.top_list_b{width:80%;position:absolute;bottom:0%;background: #00ab79;height:18px;opacity:0.8}

.news{background-size:100% 100%;padding:0 2% 2% 2%;overflow:hidden;}
.news_title{color:#fff;font-size:20px;text-align:center;padding:3% 0;}
.news li{width:96%;padding:2% 2%;color:#999999;font-size:15px;text-align:right;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:0 0 3% 0;}
.news li a{color:#999999;float:left;}
.news li span{font-weight: bold;}
.news_title a{color:#fff;}
/*.news li{background:#de172e;width:96%;padding:3% 2%;color:#fff;font-size:15px;text-align:right;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:0 0 3% -100%; -webkit-animation:mymar 1s linear; opacity:0;-webkit-animation-fill-mode: forwards }
@-webkit-keyframes mymar{
	0%{margin:0 0 3% -100%; opacity:0;}
	20%{margin:0 0 3% -80%; opacity:0.2;}
	40%{margin:0 0 3% -60%; opacity:0.4;}
	60%{margin:0 0 3% -40%; opacity:0.6;}
	80%{margin:0 0 3% -20%; opacity:0.8;}
	100%{margin:0 0 3% 0; opacity:1;}}*/
.news_more a{width:40px;height:40px;display:block;margin:0 auto;background:#fff;font-size:15px;line-height:40px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#000;}
.news_more a:hover{background:#de172e;color:#fff;transform:rotate(360deg);
transition:background 1s linear,color 1s linear,transform 1s linear;
-webkit-transition:background 1s linear,color 1s linear,transform 1s linear;
-moz-transition:background 1s linear,color 1s linear,transform 1s linear;
-ms-transition:background 1s linear,color 1s linear,transform 1s linear;
-0-transition:background 1s linear,color 1s linear,transform 1s linear;}
/*.news_more1{transform:rotate(360deg);transition:transform 1s linear;-webkit-transition:transform 1s linear;-moz-transition:transform 1s linear;}
*/

.news_more2{width:97%;height:40px;display:block;color:#fff;margin:0 auto;background:#00ab79;font-size:15px;line-height:40px;
	text-align:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#000;
	box-shadow: 2px 2px 0px 2px #006245;cursor: pointer;
}
.news_more2 a{color:#fff;}
.product{overflow:hidden;}


.pro_title{color:#191919;font-size:20px;text-align:center;padding:4% 0;}
.pro_text{color:#fff;height:30px;line-height:30px;font-size:16px;background:#1f2229;}
.pro_nr {margin-top: 5%}
.pro_nr li{width:29%;float:left;text-align:center;margin:0 2% 4% 2%;background:#fff;
/*transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
animation:fz 1s linear;
-webkit-animation:fz 1s linear;
-moz-animation:fz 1s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;*/
opacity:1;}
.pro_nr_pic{background:url(../images/Preloader_1.gif) no-repeat 50% 50%;border:none;}
.pro_nr_pic img{width:100%;}
.pro_zz{opacity:0;
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-0-transform: rotateY(360deg);
transition:transform 1s linear,opacity 1s linear;
-webkit-transition:transform 1s linear,opacity 1s linear;
-moz-transition:transform 1s linear,opacity 1s linear;
-ms-transition:transform 1s linear,opacity 1s linear;
-0-transition:transform 1s linear,opacity 1s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;}


@keyframes fz{
	0%{transform: rotateY(0deg); opacity:1;}
	20%{transform: rotateY(60deg);opacity:0.8;}
	40%{transform: rotateY(120deg); opacity:0.6;}
	60%{transform: rotateY(180deg); opacity:0.6;}
	80%{transform: rotateY(120deg); opacity:0.8;}
	90%{transform: rotateY(60deg); opacity:0.8;}
	100%{transform: rotateY(0deg); opacity:1;}
	}

@-webkit-keyframes fz{
	0%{transform: rotateY(0deg); opacity:1;}
	20%{transform: rotateY(60deg);opacity:0.8;}
	40%{transform: rotateY(120deg); opacity:0.6;}
	60%{transform: rotateY(180deg); opacity:0.6;}
	80%{transform: rotateY(120deg); opacity:0.8;}
	90%{transform: rotateY(60deg); opacity:0.8;}
	100%{transform: rotateY(0deg); opacity:1;}
	}
@-moz-keyframes fz{
	0%{transform: rotateY(0deg); opacity:1;}
	20%{transform: rotateY(60deg);opacity:0.8;}
	40%{transform: rotateY(120deg); opacity:0.6;}
	60%{transform: rotateY(180deg); opacity:0.6;}
	80%{transform: rotateY(120deg); opacity:0.8;}
	90%{transform: rotateY(60deg); opacity:0.8;} 
	100%{transform: rotateY(0deg); opacity:1;}
	}	

/*footer*/
.copyright{color:#b7b7b7;font-size:16px;text-align:center;line-height:30px;background: #f2f2f2;padding:6% 0 15% 0;}
.footer{background-size:cover;width:100%;position:fixed;left:0;bottom:0;background: #00ab79;padding: 2.1% 0}
.footer li{width:20%;float:left;text-align:center;color:#fff;font-size:20px;line-height:30px;}
.footer .bot_right{width:20%;float:right;text-align:center;color:#fff;font-size:20px;line-height:30px;}

.footer li a{color:#fff;}
.footer li img{width:30px;}
.footer_text a{width:100%;display:block;font-size:18px;color:#fff;}

.index{position:fixed;left: 40%;width:20%;bottom:35px}

/*top*/
.to-top{display:none;color:#fff;font-size:15px;width:130px;height:130px;position: relative;overflow: hidden}
.to-top div{border-radius: 100px;bottom: 5%;line-height: 50px;line-height: 30px;background:#cccccb;width:150px;height:150px;position: absolute;left:50px;top:50px;padding-left: 25%;padding-top: 15%}
/*loading*/
/*@-webkit-keyframes line-scale {
  0% {-webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }
@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }
.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div {
  background-color: #fff;
  width: 3px;
  height: 30px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }
*/




/*banner*/

#ban{ margin-top:1px;}

#ban img{ width:100%;}

#banner{}

.swipe{}

.swipe ul{}

#slider{ position:relative; overflow:hidden;}

#slider li{ float:left;}

#pagenavi{ position:absolute; bottom:0; width:100%; z-index:1; text-align:right; padding:10px 0;right:20px;}

#pagenavi a{ width:12px; height:12px; line-height:99em; background:#FFF; border-radius:90px;margin:0px 2px 0px 2px; overflow:hidden; cursor:pointer; display:inline-block;}

#pagenavi a.active{ background:#00ab79;}




.box_main {
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.cent{
	width: 100%;
}

.cent p{
	font-size: 100%;
	color: #000;
	
}
.cent3g p img{width: 100%;}
.cent p img{width: auto;text-indent: 0em;}
/*分类样式*/

.index_liebiao{
	width:94%;
	padding-top: 2%;
	padding-bottom:8%; 
}

.index_liebiao li{
	float: left;
	background: #2c2f34;
	padding:2% 2%;
	margin-bottom:2%;
	margin-left:1.5%; 
	border-radius:5px; 
}
.index_liebiao a{

	font-size: 100%;
	color:#fff;
}

/*新闻列表样式*/
.list1{
	border-radius:8px;
	width:94%;
	/*background: #de172e;*/
	padding: 2% 0;
	margin-top:3%;
}
.list1 a{
	color:#999999;
	text-align: left;
}
.list span{
	color:#999999;
	float: right;
}


/*新闻详细页*/
.news_show_cont{line-height: 35px}
.news_show_cont p{
	font-size: 100%;
	color:#de4e3c;
	margin-bottom: 2%;
	line-height: 200%
}
.news_show_cont span{
	font-size: 100%;
	color:#262626;
}

.page1 {
	width: 100%;
	margin:0 auto;
	padding: 15px 0 15px 0;
}

.page1 li {
	width: 20%;
	float: left;
	text-align: center
}
.page1 .page_22{float: right;padding-right: 3%}
.page_33{width: 40%;background:#f2f2f2;display: block;margin:0 auto;height:35px;text-align: center;line-height: 35px}
.page_33  a{color:#353535!important}

.page1 li div {
	width: 80%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #00ab79;
	color: #fff;
	margin:0 auto;
/*	border-radius:5px;*/
}

.page1 li div a {
	color: #fff
}



.products_list{
	width:94%;
	padding: 3%;
}
.products_list li{
	float: left;
	width:30%;
	margin:2% 0 0 2.7%;
	margin-bottom:5%;
	position: relative;
}
.products_list_pic{background:url(../images/Preloader_1.gif) no-repeat 50% 50%;border:none;}
.products_list_pic img{width:100%;border:none;}
.products_list_t{height:30px;line-height:30px;color: #fff;position: absolute;bottom: 8%;left:8%;}
.products_list_t2{position:absolute;bottom:10%;background: #00ab79;width:70%;height:20%;opacity: 0.8}
/*图文详情*/
.products_con{
	width:94%;
	padding:0 3%;
	padding-bottom: 3%;
	position: relative;
	margin: 10% 0;
}
.products_con img{ width:60%;}
.products_con .products_con_img3{
	font-size:160%;
	color:#fff;
	padding-bottom: 3%;
	position: absolute;
	bottom: 6%;
	left:28%;

}
.products_con .products_con_img2{
	position: absolute;
	bottom: 10%;
	width:40%;
	background: #00ab79;
	height:40px;
	left:22%;
	opacity: 0.8;
}
.products_con span{
	font-size:100%;
	color: #262626;
}
.pro_show_con{color:#00ab79;text-align: left;padding-left: 3%}
.pro_show_con2{width:93%;display: block;margin:0 auto;line-height:35px;color:#979797;}

/*更多*/
.com_more{width:40px;height:40px;display:block;margin:0 auto 3% auto;background:#FCBA5A;font-size:15px;line-height:40px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff;}
.com_more a{color:#fff;}
.pro_more{width:40px;height:40px;display:block;margin:0 auto 3% auto;background:#000;font-size:15px;line-height:40px;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff;}
.pro_more a{color:#fff;}
.tanchu{width:120px;height:25px;margin:0 auto;background:#000;text-align:center;color:#fff;font-size:14px;position:fixed;top:50%;left:50%;margin-left:-50px;z-index:9999;display:none;line-height:25px;}



/*首页的导航*/
.nav_list{padding:30px 10px ;background: #f2f2f2;overflow:hidden;}
.nav_list li{width:18%;float: left;margin: 0% 1%;position: relative;}
.nav_list_t{width:95%;position:absolute;top:20%;right:8%;color:#fff;font-size:14px;text-align:right;}
.top2{width:20%;float: left;color: #00ab79;margin-top: 10%}
.top2 img{float: left;width:50%;}
.top2 a,.top4 a{color:#00ab79;}
.top3{width:60%;float: left}
.top4{width:20%;float: right;color:#00ab79;margin-top: 10%}
.top4 img{float: left;width:50%;}
.top2 a span{float: right;margin-top: 10%}
.top4 span{float: left;margin-top: 5%}
.fenlei{background: #00ab79;width:20%;position: absolute;right:0.1%;top:80%;z-index: 999;line-height: 35px;color;padding: 5%;display: none}
.fenlei a{color:#fff;}
.fenlei li{border-bottom: 1px solid #12dca1;}
/*栏目*/
.lanmu{
	width:94%;
	margin-top: 3%;
/*	background: url(../images/cp.png);*/
	background-size:100% 100%;
	height:100%;
	margin-left: 3%;
	border-bottom: 1px solid #c7c7c7;
	position: relative;
}