@charset "utf-8";
/* CSS Document */
/* 样式初始化
--------------------------------------------------*/
body{margin:0;padding:0;font-size:100%;font-family:"微软雅黑";-webkit-text-size-adjust:none;color:#5f5f5f; max-width:640px;onselectstart="return false"; min-width:320px;}
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; max-width:100%;}
ul,li{list-style-type:none;}
a{color:#5f5f5f;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;}
.appleinput{
-webkit-appearance: none;
	}

/*头部样式*/
.ss{width:0;height:35px;position:absolute;left:0;top:10PX;overflow:hidden;z-index:990;}
.ss_bd{width:55%; margin-left:12%;height:35px;border:none; float:left;color:#333333;padding:0 0 0 12%;font-family:"微软雅黑";border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:0.85em;}
.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;}
 
.heard{
	width:100%;
	padding:2% 0;
	background-color:#c65f00;}
.heard_search{
	width:8%;
	padding-left:2%;
	float:left;
	padding-top:1%;
	z-index:992;
	position:relative;
	}
.heard img{
	width:100%;}
.heard_log{
	width:79%;
	float:left;
	text-align:center;
	}
.heard_log img{ width:72%;}
.menu{
	width:8%;
	float:right;
	padding-right:2%;
	padding-top:1%;
 
 }
 
/*index*/
.banner{
	z-index:20;
	}
.com{
	width:100%;
	height:auto;
 	margin-top:-6em;
	overflow:hidden;
	z-index:30;
	position:relative;
	}
.com_t{
	width:32%;
	margin:0 auto;}
.f60{
	font-size:3.2em;
	color:#f79700;
	}
.f24{
	font-size:1.2em;
	color:#833f00;
	}
.f14{
	font-size:0.82em;
	color:#f79700;
	}
.com_s{
	width:100%;
	margin-top:5%;
	z-index:1;
	height:14em;
	background:url(../images/bg_s12.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100%;
	}
.com_more{
	width:14%;
	background-color:#c65f00;
	text-align:center;
	float:right;
	margin-right:18%
	}
.com_more a{
	color:#FFF;
	font-size:0.65em;}
.com_s2{
	width:15%;
	float:right;
	margin-top:31%;
	margin-right:6%;
	}
.com_s_img{
	width:25%;
	float:left;
	min-height:6.5em;
	margin:5% 0 0 2%;
	opacity:0;
	}
.com_s3{
	width:67%;
	height:7em;
	overflow:hidden;
	font-size:0.75em;
	line-height:1.8;
	color:#5d5d5d;
	float:right;
	margin-top:4%;
	margin-right:3%}
.new_index{
	margin-top:-2%}
.new_index_s{
	width:96%;
	min-height:18em;
	margin:0 auto;
	margin-top:5%;
	}
.new_index_lb{
	width:100%;
	height:auto;
	margin-bottom:6%;
	opacity:1;
	}
.new_index_lb_img{
	width:30%;
	float:left;
	box-shadow:#dddddd 0.5em 0.6em;
	}
.new_index_lb_t{
	width:65%;
	float:right;
	}
.new_index_lb_ta{
	font-size:0.85em;
	height:1.2em;
	overflow:hidden;
	width:100%;
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
	}
.new_index_lb_t p{
	width:86%;
	border-bottom:#dcdcdc solid 1px;
	padding:2.5% 7%;
	font-size:0.75em;
	color:#8a8a8a;
	background-image:url(../images/time.jpg);
	background-size:4.5%;
	background-position:left;
	background-repeat:no-repeat;
	}
.new_index_lb_t div{
	font-size:0.75em;
	color:#8a8a8a;
	text-indent:2em;
	line-height:2;
	padding-top:1%;
	overflow:hidden;
	height:3.5em;
	}
.new_index_lb_t div a{
	color:#c65f00;
	}
.new_more{
	width:30%;
	padding:1.8% 0;
	margin:0 auto;
	font-size:0.80em;
	border:#c65f00 solid 1px;
	text-align:center;
	z-index:43;

	}
.new_more a{
	color:#833f00;
	}
.inde_pro{
	width:100%;
	margin-top:6%;
 
	position:relative;
	z-index:10;}
.inde_pro_p{
	width:100%;
	margin-top:12%;
	}
.inde_pro_p li{
	width:29%;
	float:left;
	margin:3% 2%;
	opacity:1;
	}
.inde_pro_a{
	display:block;
	border:#c65f00 solid 1px;
	width:100%;
	padding:1% 0;
	}
.inde_pro_p span{
	width:100%;
	text-align:center;
	display:block;
	padding:10% 0;
	}
.pd1{
	top:-2.5em;
	position:relative}
.pro_more{
	width:85%;
	padding:5% 0;
	margin:0 auto;
	font-size:0.80em;
	border:#c65f00 solid 1px;
	text-align:center;
	}
.butt{
	width:100%;
	min-height:6em;
	background-image:url(../images/butt.png);
	background-position:bottom;
	background-repeat:no-repeat;
	background-size:100%;
	margin-top:-18%;
	position:relative;
	z-index:8;
	}
.butts{
	min-height:3.6em;
	background-color:#c65f00;
	position:relative;
	z-index:10;
	 }
.butts li{
	text-align:center;
	width:20%;
	float:left;
	color:#FFF;
	}
.butts li a{
	color:#FFF;
	font-size:0.80em;}
.butts_top{
	text-align:center;
	display:block;
	margin-top:-25%;
	position:relative;
	z-index:10;
	}
.butts_top img{
	width:55%;}
/*banner*/

#ban{ margin-top:1px;}

#ban img{ width:100%;}

#banner{ z-index:10}

.swipe{}

.swipe ul{}

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

#slider li{ float:left;}

#pagenavi{ position:absolute; bottom:10%; left:40%; width:100%; z-index:50; text-align:center; padding:10px 0; }

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

#pagenavi a.active{ background:#c65f00;}
.bann_bg{
	margin-top:-13%;
	height:10em;
	background-image:url(../images/h.png);
	background-position:center;
	background-repeat:no-repeat;
	z-index:25;
	position:relative;}

/*二级页样式*/
.ny_heard{
	width:100%;
	background-color:#c65f00;}
.back{
	width:8%;
	padding-left:2%;
	float:left;
	padding:2% 3%;
 
	background:url(../images/xt_1.jpg);
	background-position:right;
	background-repeat:repeat-y;
	}
.back img{
	width:100%;}
.ny_heard_log{
	width:70%;
	float:left;
	text-align:center;
	color:#FFF;
	padding:3% 0;
	}
.ny_heard_log img{ width:52%;}
.ny_menu{
	width:8%;
	float:right;
	padding:2% 3.6%;
	background:url(../images/xt_1.jpg);
	background-position:left;
	background-repeat:repeat-y;}
.products_list{
	position:relative;
	z-index:20
	}
.about{
	 padding-bottom:22%;
	background:url(../images/ny_bg.png);
	background-position:top;
	background-repeat:no-repeat;
	background-size:100%;}
.about p{
	color:#FFF;
	float:right;
	padding:2% 2% 0 0;
	font-size:0.85em;
	}
.about p a{
	color:#FFF;
	}
.about span a{
	color:#FFF;
	font-size:0.85em;
	padding:0 2%;
	
	}
.abou_cont{
	width:96%;
	margin:0 auto;
	height:auto;
	margin-top:-10%;
	}
.abou_cont a{
	width:18%;
	padding:1% 1%;
	border:#c65f00 solid 1px;
	color:#c65f00;
	font-size:0.75em;
	float:left;
	text-align:center;
	margin:0 1% 2% 1%;}
.cont_tile{
	width:92%;
	min-height:25em;
	margin:0 auto;
	font-size:0.8em;
	line-height:2;
	padding:4% 0;}
.tanchu{width:120px;height:25px;margin:0 auto;background:#c65f00;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;}
.cont_tile_o{
	text-align:center;
	font-size:1.3em;}
.cont_tile_t img{
	width:100%;}
.abou_time{
	width:25%;
	padding:2.5% 5%;
	font-size:1em;
	color:#8a8a8a;
	float:right;
	background-image:url(../images/time.jpg);
	background-size:11%;
	background-position:left;
	background-repeat:no-repeat;
	}
.page_s{
	width:80%;
	margin:0 auto;
	padding:2% 0;
	text-align:center;
	margin-bottom:5%;
	color:#c65f00;
	border:#c65f00 solid 1px;
	font-size:0.9em;}
.page_s a{
	width:70%;
	height:1.5em;
	line-height:1.5em;
	line-height:1.7;
	overflow:hidden;
	white-space:nowrap;
	color:#c65f00;
	display:block;
	float:left;
	font-size:0.9em;
	text-align:left;
}
 
.page_s span{
	padding-left:5%;
	line-height:1.5em;}
 
.ny_inde_pro_p{
	width:100%;
	min-height:19em;
	margin:0 auto;
	margin-top:1%;
	}
.ny_inde_pro_p li{
	width:29%;
	height:auto;
	float:left;
	margin:5% 2% 0 2%;
	opacity:1;
	position:relative;
	z-index:2;
	}
.ny_inde_pro_a{
	display:block;
	border:#c65f00 solid 1px;
	width:100%;
	padding:1%;
	}
.ny_inde_pro_s{
	width:100%;
	height:0.9em;
	font-size:0.85em;
	padding:8% 0;
	overflow:hidden;
	text-align:center;
	display:block;
	}
.pro_show_img{
	padding:2%;
	margin-top:3%;
	border:#c65f00 solid 1px;}
.t1{
	color:#c65f00;
	font-size:1.2em;
	padding-top:3%;
	display:block;
	line-height:2;
	}
.input_s{
	width:90%;
	padding:2.5% 0;
	}
.red{
	color:#ff0000}
.fx{
	width:98%;
	margin:0 auto;
	min-height:20em;}
.fx a{
	margin:2% 3%}
.list1{
	width:100%;
	border-bottom:#999 dashed 1px;
	padding:2% 0;
 
	color:#c65f00}
.list1 a{font-size:0.9em} 
.list1 span{
	font-size:0.85em;}
.pro_sj{
	width:100%;
 

	 }
.pro_sj a{
	 
	padding:1% 0;
	font-size:0.65em;
	color:#f79a08;
	border:#f79a08 solid 1px;
	
	}
.bg_sd{
	width:18%;
	padding:1% 1%;
	float:left;
	height:30px;
}
.bdsafsa{
		background-image:url(../images/xt_2.jpg);
	background-position:center 25px;;
	background-repeat:no-repeat;}
.bg_sd a{
	width:100%}

/*动画*/
.news_more1{transform:rotate(360deg);transition:transform 1s linear;-webkit-transition:transform 1s linear;-moz-transition:transform 1s linear;}
.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;}
.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;}


@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;}
	}