/*reset*/
body,div,dl,dt,dd,ul,li,form,input,button,h1,h2,h3,h4,h5,h6,p{
	margin:0;
	padding:0;
}

body{margin: 0 auto;  max-width: 640px;}
ul,li,dl,dt,dd{
	display:block;
	list-style:none;
}
img{
	display:block;
	max-width:100%;
	border:0;
}
.clear{
	display:block;
	float:none;
	width:0;
	height:0;
	border:0;
	background:none;
	font-size:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}
.clear-fix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
a{
	text-decoration:none;
	outline:none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
body{
	position:relative;
	background:#FFF;
	overflow-x:hidden;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.jg{
	width:5%;
}
/*common module*/
/*all*/
.all{
	position:relative;
	z-index:10;
	right:0;
	background:#FFF;
}
/*header*/
header{
	position:relative;
}
.top{
	position:relative;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	background:#f3f3f3;
}
.logo{
	width:50%;
	cursor:pointer;
}
.btn-nav{
	position:absolute;
	top:16.25%;
	right:0;
	width:19.375%;
	cursor:pointer;
}
/*footer*/
/*one-touch*/
.one-touch{position:fixed; bottom:0; max-width:640px;
	width:100%;
	background:#0d111d;
	font:normal 1.375em/1 "Microsoft YaHei";
	text-shadow:1px 1px 1px #86888e;
}
.one-touch li{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:25%;
	border-left:1px solid #283458;
	border-right:1px solid #030306;
	float:left;
}
.one-touch li:nth-child(1){
	border-left:none;
}
.one-touch li:nth-child(4){
	border-right:none;
}
.one-touch li a{
	display:block;
	color:#FFF;
	padding:47% 0 10%;
	text-align:center;
}
.one-touch li a:visited{
	color:#fffffe;
}
li a.btn-tel{
	background:url(../images/icon7.jpg) center 20% no-repeat;
	background-size:25% auto;
}
li a.btn-ms{
	background:url(../images/icon8.jpg) center 20% no-repeat;
	background-size:25% auto;
}
li a.btn-map{
	background:url(../images/icon9.jpg) center 20% no-repeat;
	background-size:20.625% auto;
}
li a.btn-share{
	background:url(../images/icon10.jpg) center 20% no-repeat;
	background-size:28.125% auto;
}
/*bottom-infor*/
.bottom-infor{
	width:91.875%;
	text-align:center;
	padding:1em 0;
	color:#4a4a4a;
	font:normal 1em/normal "Microsoft YaHei";
	margin:0 auto;
	text-shadow:0 0 0 rgba(104,88,88,.8);
}
.bottom-infor a{
	color:#4a4a4a;
}
.bottom-infor a:visited{
	color:#4a4a4a;
}
/*bottom-nav*/
.bottom-nav{
	width:85%;
	margin:4.6875% auto 0;
}
.bottom-nav > li{
	float:left;
	width:14%;
	margin-right:7.5%;
	background:#ff6600;
}
.bottom-nav > li:nth-child(5){
	margin-right:0;
}
.bottom-nav li a{
	display:block;
	font:normal 1.375em/1 "Microsoft YaHei";
	color:#FFF;
	text-align:center;
	padding:0.5em 0;
}
.bottom-nav li a:visited{
	color:#fffffe;
}
/*panel*/
.panel{
	display:block;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	width:14em;
	height:100%;
	background:#fe6829;
	box-shadow:inset 0.125em 0 0.5em rgba(0,0,0,.4);
	border-left:1px solid #636e7d;
}
.panel > ul{
	width:100%;
	height:auto;
}
.panel-son{
	width:100%;
	font:normal 1.375em/1 "Microsoft YaHei";
	border-bottom:1px solid #f89369;
}
.panel-son > a{
	display:block;
	color:#FFF;
	text-indent:46%;
	padding:9% 0;
	border-bottom:1px solid #dc5218;
}
.panel-son  > a:visited{
	color:#fffffe;
}
.panel > ul > li:nth-child(1){
	background:url(../images/icon1.png) 14.87179487% center no-repeat;
	background-size:16.96428571% auto;
}
.panel > ul > li:nth-child(2){
	background:url(../images/icon2.png) 14.87179487% center no-repeat;
	background-size:12.94642857% auto;
}
.panel > ul > li:nth-child(3){
	background:url(../images/icon3.png) 14.87179487% center no-repeat;
	background-size:16.07142857% auto;
}
.panel > ul > li:nth-child(4){
	background:url(../images/icon4.png) 14.87179487% center no-repeat;
	background-size:15.625% auto;
}
.panel > ul > li:nth-child(5){
	background:url(../images/icon5.png) 14.87179487% center no-repeat;
	background-size:20.53571429% auto;
}
.panel > ul > li:nth-child(6){
	background:url(../images/icon6.png) 14.87179487% center no-repeat;
	background-size:18.75% auto;
}
/*page index*/
/*fla*/
.fla{
	background:#0d111d;
}
/*inav*/
.inav{
	width:83.4375%;
	margin:0 auto;
}
.inav li{
	float:left;
	width:32%;
	margin:2% 2% 2% 0;
	background:#303747;
	font:400 1.5em/1 "Microsoft YaHei";
	text-align:center;
}
.inav li:nth-child(3n){
	margin-right:0;
}
.inav li a{
	display:block;
	padding:6% 0;
	color:#FFF;
}
/*ipro*/
/*ipro-tl*/
.ipro-tl{
	position:relative;
	padding:1% 0;
	overflow:hidden;
	text-align:justify;
}
.ipro-tl .jg{
	display:inline-block;
	vertical-align:middle;
}
.ipro-tl h2{
	display:inline-block;
	margin:0 0 0 2.8125%;
	font:400 1.5em/1 "Microsoft YaHei";
	line-height:100%;
	color:#0d111d;
	text-shadow:1px 1px 1px rgba(194,195,198,.1);
	vertical-align:middle;
}
.ipro-tl h2 > span{
	color:#fe6b2a;
	text-shadow:none;	
}
/*btn-search*/
.btn-search{
	display:inline-block;
	width:19.375%;
	vertical-align:middle;
}
/*@isearch*/
.isearch{
	display:none;
	width:88.125%;
	margin:0 auto;
	padding:1% 0 2%;
}
.search-form{
	width:100%;
	border-radius:1.375em;
	background:#fe6829;
}
.search-txt{
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	width:78%;
	padding:2.38% 4%;
	border:none;
	background:none;
	font:normal 1.375em/1.375em "Microsoft YaHei";
	color:#FFF;
	text-shadow:0 0 0 rgba(255,255,255,.1);
	cursor:pointer;
}
.search-txt::-webkit-input-placeholder {
    color:#FFF;
}
.search-txt:-moz-placeholder {
    color:#FFF;
}
.search-input{
	width:7.8%;
	margin:0 0 0 4%;
	padding:2.38% 0;
	border:none;
	background:url(../images/bg5.png) center center no-repeat;
	background-size:100% auto;
	font:normal 1.375em/1.375em "Microsoft YaHei";
	color:#2f3742;
	cursor:pointer;
}
/*ipro-con*/
.ipro-con{
	width:94.375%;
	margin:0 2.8125%;
}
.ipro-son_a{
	width:49%;
	margin:0 2% 0 0;
}
.ipro-son_b{
	width:49%;
}
.ipro-son_c,.ipro-son_d,.ipro-son_e{ 
	width:31.8%;
	margin:2% 0.75% 2% 0.75%;
}
.ipro-son_e{
	margin-right:0;
}
/*inews*/
.inews{
	width:100%;
	margin:5% 0;
}
.inews-tl{
	width:14.0625%;}
.inews-con{
	width:82.5%;
}
.inews li{
	width:100%; 
	margin:0 0 4% 0; 
	padding:3% 0 3% 0;
	background:#0d111d;
	font:normal 1.125em "Microsoft YaHei";
	
	text-indent:2em;
}
.inews li a{
	display:block;
	color:#FFF;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.inews li a:visited{
	color:#fffffe;
}
/*page paging*/
/*p-tl*/
.p-tl{
	width:100%;
	margin:0 auto;
	padding:2% 0;
	background:#0d111d;
	font:normal 1.5em/1 "Microsoft YaHei";
	color:#FFF;
	text-shadow:1px 1px 0 #4a4d56;
	text-align:center;
}
/*btn-back*/
.btn-back {
	font:normal 1.375em/1 "Microsoft YaHei";
    margin: 0 auto 1em;
    text-align: center;
    width: 29.62962963%;
	border:1px solid #e65d01;
	background:#fe6600;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fe6600), to( #c95203));
	background-image: -webkit-linear-gradient( #fe6600, #c95203);
	background-image: linear-gradient( #fe6600, #c95203);
}
.btn-back a{
	color:#FFF;
	display:block;
    padding:6% 0;
	border:1px solid #ffbf94;
}
.btn-back a:visited{
	color:#fffffe;
}
/*pNC*/
.pNC{
	width:93.75%;
	margin:0 auto;
	padding:1em 0;
	font:normal 1.375em/2em "Microsoft YaHei";
	color:#4a4a4a;
}
.ptitle{
	width:84.0625%;
	margin:0 auto;
	font:400 1.5em/2em "Microsoft YaHei";
	text-shadow:1px 1px 0 rgba(0,0,0,.2);
	text-align:center;
	color:#000;
}
.pNC .ppic_wrap{
	padding:1em 0;
	text-align:center;
}
.pNC .ppic{
	max-width:90%;
	text-align:center;
	display:inline-block;
}
/*@pre-page1,next-page1*/
.pre-page1,.next-page1{
	width:93.75%;
	margin:0 auto 1em;
	padding:0.625em 0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background:#e3e3e3;
	text-indent:1em;
	font:normal 1.375em/1 "Microsoft YaHei";
	color:#4a4a4a;
}
.pre-page1 a,.next-page1 a{
	color:#104084;
}
.pre-page1 a:visited,.next-page1 a:visited{
	color:#104085;
}
/*pnews*/
.pnews{
	padding:1em 0 1.5em;
}
.pnews li{
	padding:0 1em;
	font:normal 1.375em/3em "Microsoft YaHei";
	border-bottom:1px solid #dedddc;
	text-shadow:0 0 0 rgba(47,55,66,.6);
}
.pnews li a{
	display:block;
	color:#2f3742;
	background:url(../images/bg3.png) right center no-repeat;
	background-size:3% auto;
	padding-right:6%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
/*page-fengye*/
.page-fenye{
	width:100%;
	text-align:center;
	margin-bottom:1em;
}
.pre-page,.next-page{
	display:inline-block;
	vertical-align:middle;
	border:1px solid #e65d01;
	background:#fe6600;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fe6600), to( #c95203));
	background-image: -webkit-linear-gradient( #fe6600, #c95203);
	background-image: linear-gradient( #fe6600, #c95203);
}
.pre-page > a,.next-page > a {
	display:block;
	font:normal 2.4em/1 "Microsoft YaHei";
    color:#FFF;
	padding:0 0.5em 0.125em;
	border:1px solid #ffbf94;
}
.pre-page > a:visited,.next-page > a:visited {
    color:#fffffe;
}
.page-num{
	text-align:center;
	display:inline-block;
	width:20%;
	color:#0e3975;
    font: 1.5em/1.5em "Microsoft YaHei";
	vertical-align:middle;
}
/*@ppro-cla*/
.ppro-cla{
	width:93.75%;
	margin:0 auto;
	padding:5% 0;
}
.ppro-cla .A{
	position:relative;
	font:normal 1.5em/1 "Microsoft YaHei";
	display:inline-block;
	border:1px solid #e65d01;
	background:#fe6600;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fe6600), to( #c95203));
	background-image: -webkit-linear-gradient( #fe6600, #c95203);
	background-image: linear-gradient( #fe6600, #c95203);
	color:#FFF;
	padding:0.5em 1em;
	cursor:pointer;
}
.ppro-cla .A .slogan{
	position:absolute;
	top:99%;
	left:50%;
	width:8.6%;
	margin:0 0 0 -4.3%;
}
.ppro-cla .B li{
	display:inline-block;
	font:normal 1.2em/1 "Microsoft YaHei";
	background:#a8a9ab;
	padding:0.5em 1em;
	margin:5% 2% 0 0;
}
.ppro-cla .B li a{
	color:#f0f3f8;
}
.ppro-cla .B li a:visited{
	color:#f0f3f9;
}
/*@ppro*/
.ppro{
	width:93.75%;
	margin:0 auto;
	padding:1em 0;
	font-family:"Î¢ÈíÑÅºÚ";
}
.ppro-son{
	width:48%;
	text-align:center;
	margin:0 4% 1em 0;
}
.ppro-son:nth-child(2n){
	margin-right:0;
}
.ppro-son .pic{
	display:inline-block;
	max-width:100%;
}
.ppro-son .txt{
	display:inline-block;
	width:100%;
	padding:0.375em 0;
	font:normal 1.125em/1.125em "Microsoft YaHei";
	color:#2f3742;
	text-shadow:0 0 1px rgba(47,55,66,.6);
}
.ppro-son .txt a{
	color:#2f3742;
}
.ppro-son .txt a:visited{
	color:#2f3743;
}

/* fenlei */
.productnav {  background-color:#ff6633;border-radius: 5px;font-family: Î¢ÈíÑÅºÚ; position:relative; padding:0;margin: 3% 1% 0% 3%; width:19.5%; text-align: right; color: #fff; }
.productnav span{ line-height:2;}
.productnav img { vertical-align: middle; margin-top: -2px; margin-right: 2px; width: 14%; }



.view_menumain { right:0; float: right;width: 130px; padding: 2px 0px 0px;display: none; position: absolute; z-index: 10; }
.view_menumain a { float: left; width: 100%; text-align: center; line-height: 2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-bottom: 1px solid #0d111d; background: #ff6633; font-size: 14px; color: #fff; }
.view_menumain a:hover { border-bottom: 1px solid #ff6633; background: #0d111d; color: #fff; }
/* fenlei */
/* liuyan */
.mess{}
.mess40{float:left;	width:40%;	border-radius:6px;	background:none; font:16px/40px 'sunsim';color:#939292;	text-indent:1em;border: 1px solid #CCCCCC;}
.mess60{width:60%;border-radius:6px;background:none;font:16px/30px 'sunsim';color:#939292;text-indent:1em;border: 1px solid #CCCCCC;}
.mess80{width:80%;border-radius:6px;background:none;font:16px/30px 'sunsim';color:#939292;text-indent:1em;border: 1px solid #CCCCCC;}
.messsumit{ float:left;border-radius:6px;width:100px;height:30px;text-align:center;font:16px/30px 'Î¢ÈíÑÅºÚ';color:#fff;margin:20px auto 10px; background-color:#0099ff;border:0;}
/* liuyan */
/* product */
.product2{width:100%;margin:0 auto;padding-top:15px;}
.product2 li{width:50%;float:left;text-align:center;font:14px/30px 'Microsoft YaHei';text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.picbox{display:block;width:85.43%;margin:0 auto;padding:2px;border:1px solid #ccc}
.picbox img{display:block;width:100%}
.product2 li a{color:#0d111d}




/* product */

/* pages */
.pages{width:160px; height:38px; margin:20px auto 0;padding-bottom:15px}
.pre-left{display:block;width:48px;height:38px;float:left;color:#217528;text-align:center;background:url(../images/page1.jpg) 0 0 no-repeat;background-size:100% 100%}
.pre-left2{display:block;width:48px;height:38px;float:left;color:#217528;text-align:center;background:url(../images/page3.jpg) 0 0 no-repeat;background-size:100% 100%}
.next-left{display:block;width:48px;height:38px;float:left; color:#fff;text-align:center;background:url(../images/page2.jpg) 0 0 no-repeat;background-size:100% 100%}
.next-left2{display:block;width:48px;height:38px;float:left; color:#fff;text-align:center;background:url(../images/page4.jpg) 0 0 no-repeat;background-size:100% 100%}
.pages span{display:block; width:64px; height:30px; text-align:center; font:500 20px/30px ËÎÌå; color:#0d111d; float:left}



/*ÊÖ»úbanne*/
.banner_box{width:100%;text-align:center;}
.banner_box img{vertical-align:middle;}
/*ÂÖ²¥*/
.roll_img_mb_01{overflow:hidden;position:relative;}
.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
.roll_img_mb_01 .img_box img{vertical-align:middle;min-height:100px;width:100%;}
.roll_img_mb_01 .nav_box{overflow:hidden;height:20px;position:absolute;left:44%;bottom:0px;}
.roll_img_mb_01 .nav_box li{width:10px;height:10px;font-size:1px;overflow:hidden;background:#ddd;border-radius:50px;float:left;margin:4px;}
.roll_img_mb_01 .nav_box .li_on{background:#01629a;}


/*media query*/
@media screen and (min-width:640px){
	.page_index,.page_paging{
		width:640px;
		margin:0 auto;
	}
}
@media screen and (max-width:540px){
	body,html{
		font-size:13.5px;
	}
}
@media screen and (max-width:480px){
	body,html{
		font-size:12px;
	}
}
