@charset "utf-8";
/* CSS Document */

.wz{    color: #666;width:96%; margin: 0px auto;
    line-height: 2;
    padding: 3% 0;
    font-size: 1em;}




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; width:100%;max-width:640px;z-index:999;}
.search{width:26px;position:absolute;left:2%;top:9px;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:#363636;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;}

/*top*/
.to-top{display:none;}
.to-top img{border-radius:5px;width:37px;}

/*banner*/
#ban img{ width:100%;}
#slider{ position:relative; overflow:hidden;}
#slider li{ float:left;}
#pagenavi{ position:absolute; bottom:0; width:100%; z-index:1; text-align:center; padding:10px 0;}
#pagenavi a{ width:10px; height:10px; line-height:99em; background:#FFF; border-radius:90px;margin:0px 2px 0px 2px; overflow:hidden; cursor:pointer; display:inline-block;}
#pagenavi a.active{ background:#038e34;}

/*更多*/
.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;}

/*-------------------------------------------------------------------*/
/*首页顶部列表*/
.top_list{padding:4% 0 7% 0;background:#fff;}
.index_p_tit span{text-align: center;line-height:2;color: #333333;font-size: 1.3em;display: block;}
.index_p_tit p{text-align: center;color: #888888;line-height:1.2;font-size: 0.9em;text-transform:uppercase;}
.index_p_pic{width:93%;margin:1% auto;}

.abc1{display: block;width:100%;height:100%;}
.top_list ul{margin-top:6%;}
.top_list ul li{display: block;width:25%;margin:0 4%;float: left;padding:0;}
.top_list ul li .top_l_pic{width:68%;margin:0 auto;}
.top_list ul li .top_l_pic img{background:url(../images/top_h.png);background-size:100% 100%;}
.top_list ul li .top_l_pic img:hover{background:url(../images/top_b.png);background-size:100% 100%;}
.top_list ul li .top_l_tit{padding:12% 0;text-align: center;border-bottom:1px solid #d4d4d4;}
.top_list ul li .top_l_tit span{font-size:1.1em;color:#333;}
.top_list ul li .top_l_tit p{font-size:0.8em;color:#888888;text-transform:uppercase;}


.dohang {}
.dohang li{ width:25%; float:left; text-align:center; height:30px; line-height:30px; background:#038e34;}
#navigation { padding:0px; border: 0px solid red;  clear:both; overflow:hidden}
#navigation table{background:#f8f5e4; /*????????????*/width:100%; margin:0px auto; border-spacing:1px; border-collapse:separate}
#navigation td{background:#038e34; /*???????????????*/}
#navigation a{line-height:38px;font-size:16px;color:#fff;overflow:hidden;display:block;text-align:center;}
#navigation999 a{line-height:30px;font-size:14px;color:#fff;overflow:hidden;display:block;text-align:center;}
#navigation a.current{ background:#038e34; color:#fff}
#navigation { padding:0px; border: 0px solid red; background-color:#dddddd; clear:both; overflow:hidden}
#navigation { width: 100%;  margin: 0px auto; }
/*首页产品展示*/
.index_pro{padding-top:3%;background:#f2f2f2;}
.index_pro ul{padding:6% 0 4% 0;}
.index_pro ul li{background:#ff7f00;  display: block;width:45%;float: left;margin:1% 2.5%;opacity:1;}
.index_pro ul li .img{border:1px solid #eaeaea;background:#fff;position: relative;  }
.index_pro ul li .tit{padding:4% 0;text-align: center;}
.index_pro ul li .tit p{color:#fff;line-height:2;font-size:1em;}
.index_pro ul li .tit p a{color:#fff;}
.index_pro ul li .tit span{color:#fff;font-size:0.9em;}
.index_pro ul li .opac{display: none;width:100%;height:100%;background:#090909;opacity:0.9;position: absolute;top:0;left:0;}
.index_pro ul li .opac .mag{width:25%;margin:0 auto;padding-top:20%;}
.index_pro ul li:hover .opac{display: block;}
.index_pro ul li:hover .tit p{color:#fff;}
.index_pro ul li:hover .tit span{color:#fff;}
.idxmore1{background:#038e34;text-align: center;font-size:1em;}
.idxmore1 a{padding:3% 0;color:#fff;text-transform:uppercase;}
.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;}
}


/*首页关于我们*/
.idxabo{background:#363636;padding-top:6%;padding-bottom:5%;}
.company{padding:0 2%;opacity:0;}
.lxwm{opacity:0;}
.company .cont{color:#bcbcbc;line-height:2;padding:3% 0;font-size:1em;}
.aboimg{text-align: center;}
.aboimg img{width:auto;max-width:100%;}
.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;
}

/*首页新闻资讯*/
.idxnews{padding:6% 0;background:#fff;}
.newlist1{padding:0 2%;overflow:hidden;}
.idxnews .newlist1 dl{display: block;margin-bottom:3%;}
.idxnews .newlist1 dl dt{border-bottom:1px dashed #c8c8c8;line-height:3;}
.idxnews .newlist1 dl dt span{float: left;color:#333333;font-size:1.1em;}
.idxnews .newlist1 dl dt em{float: right;font-style:normal;color:#888888;font-size:1em;padding-top:2px;}
.idxnews .newlist1 dl .d1{color:#666;margin:1% 0 3.5% 0;line-height:1.7;}
.idxnews .newlist1 dl .d2 span{display: inline-block;padding:0.9% 6%;color:#666666;font-size:0.9em;border:2px solid #9f9f9f;}
.idxnews .newlist1 dl:hover .d2 span{color:#fff;background:#038e34;border:2px solid #038e34;}


/*首页联系我们*/
.index_contact{background:#038e34;padding-top:6%;}
.idx_kefu_img{float: left;width:34%;margin:1% 0% 0 4%; }
.idx_kefu_img img{width:auto;max-width:100%;}
.idx_kefu_con{width:57%;float: left;margin-top:4%;margin-left:4%;}
.idx_kefu_con p{color:#fff;line-height:30px;}
.idx_kefu_con img{width:auto;}
.idx_kefu_con p img{float: left;padding-right:4%;padding-top:8px;}

/*footer*/
.foot{position: fixed;bottom:0;width:100%;max-width:640px;background:#363636;}
.foot ul li{float: left;width:25%;text-align: center;padding:2% 0;}
.foot ul li img{width:23px;}
.foot ul li p{color:#fff;padding-top:2%;font-size:1em;}


/*单页*/
.aboline{background:#f6f6f6;padding:0 2%;}
.location{padding:4% 0;color:#888;font-size:0.9em;}
.location img{width:auto;float: left;padding:1px 5px 0 0;}
.location span{color:#038e34;}
.location a{color:#888;}
.location a:hover{color:#038e34;}
.abocate{text-align: left;padding-bottom:4%;}
.abocate a{display: inline-block;background:#323232;color:#fff;padding:1% 3%;margin:0 1%;margin-bottom:3%;}
.abocate a:hover,.abocate a.on{background:#038e34;}
.abocont{padding:3% 2% 7% 2%;background:#fff;line-height:2;font-size:1em;color:#666666;}
.abocont img{width:auto;max-width:100%;}

/*图文页*/
.prolist{background:#fff;padding-top:0;padding-bottom:7%;}
.promore{background:#038e34;color:#fff;display: block;width:40%;padding:2.5% 0;margin:0 auto;text-align: center;border-radius:25px;}

.proshow{background:#fff;padding:3% 2% 5% 2%;}
.protit{border-bottom:1px dashed #c8c8c8;text-align: center;padding-bottom:2%;}
.protit .tit1{color:#038e34;font-size:1.2em;line-height:1.6;margin-bottom:1%;}
.protit .tit2{color:#9d9d9d;font-size:0.9em;line-height:2;}
.proimg{width:95%;margin:0 auto;border-bottom:1px solid #eaeaea;padding:6% 0 4% 0;text-align: center;}
.proimg img{width:auto;max-width:100%;}
.procon{margin:4% 0;color:#666666;line-height:2;font-size:1em;}
.procon img{text-align: center;width:auto;max-width:100%;}
.propage{background:#f5f5f5;padding:2% 3.5%;line-height:1.8;color:#555555;}
.propage p{margin:1.5% 0;font-size:0.9em;}
.propage p a{color:#555555;}
.propage p a:hover{color:#038e34;}


.procon9{margin:4% 0;color:#666666;line-height:2;font-size:1em;max-width:100%}
.procon9 img{text-align: center;width:auto;max-width:100%;}
.propage{background:#f5f5f5;padding:2% 3.5%;line-height:1.8;color:#555555;}
.propage p{margin:1.5% 0;font-size:0.9em;}
.propage p a{color:#555555;}
.propage p a:hover{color:#038e34;}

/*新闻页*/
.news_tw{padding-top:3%;}

/*搜索列表*/
.seachlist{padding:4% 3% 6% 3%;}
.seachlist li{padding:2% 0;line-height:2;font-size:1em;border-bottom:1px dashed #c8c8c8;}
.seachlist li a{color:#555;}

/*在线留言*/
.mess{padding:4% 3% 5% 3%;}
.main_but{margin:3% 0;}
.main_but .span1{float: left;color:#666666;line-height:3;padding-right:5px;}
.main_but .put1{line-height:3;border:1px solid #cccccc;padding:0 1%;width:50%;font-family:'微软雅黑';font-size:1em;color:#666;}
.main_but .span2{margin-left:1%;color:#fe0000;}
.main_but .put2{line-height:1.5;border:1px solid #cccccc;padding:0 1%;width:71%;height:150px;font-family:'微软雅黑';font-size:1em;color:#666;resize:none;}
.submit{width:86%;text-align: right;margin:5% 0 3% 0;}
.submit input{border:none;background:#038e34;color:#fff;font-size:1em;padding:1.5% 3% 1.5% 5%;}