﻿@charset "utf-8";
*{ padding:0px; margin:0px; list-style-type:none;}
body,div,dl,dt,dd,ul,li,form,input,button,h1,h2,h3,h4,h5,h6,p,tabel,tr,td{margin:0;padding:0;border: 0;} 
html{overflow-x:hidden;-webkit-text-size-adjust:none;}
ul,li,dl,dt,dd{display:block;list-style:none;}
img{border:0;max-width:100%; display:block;}
body{position:relative;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}

/*头部*/
.wrapper{position:relative;z-index:10;right:0;background:#fbfbfb; font-family:"微软雅黑";}
.head{ background:none; width:100%; position:relative; float:left;}
.head_logo{ width:54.6875%; display:block; float:left;}
.head_menu{ width:20px; height:17px; position:absolute; top:14px; right:3%; cursor:pointer; float:left;}
.head_back{ width:3.125%; position:absolute; top:30%; left:3%;}
.head_logo_nei{ width:47.5%; display:block; margin:0 auto;}


.index_nav{ width:100%; float:left; height:71px; position:relative; background:#0163be;}
.index_nav_la{ width:100%; height:1px; float:left; position:absolute; top:36px; left:0; background:#fff;}
.index_nav_lb{ width:1px; height:71px; float:left; position:absolute; top:0px; left:33.3%; background:#fff;}
.index_nav_lc{ width:1px; height:71px; float:left; position:absolute; top:0px; left:66.6%; background:#fff;}
.index_nav li{ width:33.3%; height:36px; float:left; text-align:center; color:#fff; font-size:14px; line-height:36px; overflow:hidden;}
.index_nav li a{ color:#fff;}

/*大图切换*/
#banner #flash{ width:100%; overflow:hidden;}
#banner #flash .flexslider{ position:relative; overflow:hidden;}
#banner #flash .slides{ position:relative; z-index:1;}
#banner #flash .slides li { overflow:hidden;}
#banner #flash .flex-control-nav{ position:absolute; bottom:0.5em; z-index:2; width:100%; text-align:center; margin:0 auto; float:left;}
#banner #flash .flex-control-nav li{display:inline-block;margin:0 5px;*display:inline;zoom:1; width:0.6em; height:0.6em;}
#banner #flash .flex-control-nav a{display:block;overflow:hidden; line-height:9999px; width:100%; height:100%; background:#fff; border-radius:5px; cursor:pointer;}
#banner #flash .flex-control-nav .flex-active{ background:#0163be;}

.in_nav{ width:100%; background:#fff; float:left; text-align:center; border-top:#e9e9e9 1px solid; border-bottom:#e9e9e9 1px solid; margin-top:3%;}
.in_nav li{ width:25%; float:left; text-align:center; margin-top:3%; margin-bottom:3%;}
.in_nav li span{ width:100%; float:left; text-align:center; display:block;}
.in_nav li span img{ width:39%; float:left; margin-left:30%;}
.in_nav li em{ width:100%; float:left; text-align:center; font-size:14px; font-style:normal; color:#333;}
.in_nav li em a{ color:#333;}

.news_boxa{ width:100%; float:left; margin-top:3%;}
.news{ width:100%; float:left; }
.news dt{ width:100%; height:37px; float:left; position:relative; line-height:35px; overflow:hidden;}
.news dt em{ float:right; height:20px; text-align:center; padding-left:6px; padding-right:6px; color:#fff;border-radius:3px; line-height:20px; overflow:hidden; background:#0163be; font-style:normal; font-size:14px;}
.news dt em a{ color:#fff;}
.news dt li{ width:50%; height:35px; float:left; text-align:center; font-size:16px; color:#333; cursor:pointer;background:#f6f6f6;border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9;}
.news dt li.listbtns{ width:50%; height:35px; float:left; color:#0163be; cursor:pointer; text-align:center; font-size:16px; background:#fff;border-bottom:1px solid #fff; border-top:1px solid #e9e9e9;}
.news dt li.listbtns a{ color:#0163be;}
.news dt i{ width:1px; height:36px; float:left; top:0; left:50%; background:#e9e9e9; position:absolute;}

/*新闻部分*/
.news_box{ width:100%; float:left; background-color:#FFF; font-family:微软雅黑; border-bottom:1px solid #e9e9e9; padding-bottom:6px; margin-top:2%;}
.news_bt p{ width:100%; border-bottom:#e5e5e5 1px solid; padding:2.5% 0;  text-align:center; font-size:1.3em; color:#b30101;}
.news_box li{ width:94%; float:left; margin-left:3%; height:30px; line-height:30px; overflow:hidden; font-size:14px;}
.news_box li img{ float:left; padding-top:1%; padding-right:2%;}
.news_box li p{ width:60%; float:left; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; color:#333;}
.news_box li time{ float:right; color:#888;}



.chanpin{ width:100%; float:left; background:#fff; border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9; margin-top:3%;}
.chanpin dt{ width:94%; height:20px; float:left; margin-left:3%; display:inline; margin-top:3%;}
.chanpin dt span{ float:left; height:20px; border-left:3px solid #0163be; color:#0163be; font-size:16px; line-height:19px; overflow:hidden; padding-left:8px;}
.chanpin dt em{ float:right; height:20px; text-align:center; padding-left:6px; padding-right:6px; color:#fff;border-radius:3px; line-height:20px; overflow:hidden; background:#0163be; font-style:normal; font-size:14px;}
.chanpin dt em a{ color:#fff;}
.chanpin dd{ width:100%; float:left; margin-bottom:3%;}
.chanpin dd li{ width:45.5%; float:left; margin-left:3%; display:inline; margin-top:3%;}
.chanpin dd li span{ float:left; border:1px solid #e9e9e9; width:99.5%;}
.chanpin dd li span img{ width:100%;height: 150px;}
.chanpin dd li em{ width:100%; float:left; text-align:center; color:#333; font-size:14px; font-style:normal; height:25px; line-height:35px; overflow:hidden;}
.chanpin dd li em a{ color:#333;}


/*底部*/
.foot{ width:100%; background:none;/* position:fixed; */bottom:0px; display:block; text-align:center; font-size:14px; line-height:28px; overflow:hidden; }
.foot ul{ max-width:640px; margin:0 auto; border-top:1px solid #e9e9e9; background:#fbfbfb; padding-top:10px; padding-bottom:10px;}
.foot ul a{ color:#333;}
.foot ul span{ margin:0 auto;background:#0163be;text-align:center; color:#fff;border-radius:3px; padding:4px 10px;}


/*导航*/
.panel{
	display:block;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	width:14em;
	height:100%;
	background:#0163be;
	box-shadow:inset 0.125em 0 0.5em rgba(0,0,0,.4);
	border-left:1px solid #015cb1;
}
.panel > ul{
	width:100%;
	height:auto;
}
.panel-son{
	width:100%;
	font:normal 1.375em/1 "Microsoft YaHei";
	border-bottom:1px solid #7eafdc;
}
.panel-son > a{
	display:block;
	color:#FFF;
	 text-align:center;
	padding:10% 0;
}
.panel-son  > a:visited{
	color:#fffffe;
}



/*内页栏目部分*/
.all_title{ width:95%; float:left; border-bottom:#0163be 2px solid; padding:3% 0; position:relative; margin-left:2.5%;}
.all_title span{  font-size:16px; color:#0163be;}


.pp_fenlei{ width:100%; overflow:hidden;}
.pinpai_box{ width:46.25%; float:left; margin:2.5% 0% 0% 2.5%;}
.pinpai_box li{ width:100%; text-align:center; border-radius:20px; text-align:center; background:#fff; color:#333; float:left;}
.pinpai_box li a:link{ width:100%; padding:2.6% 0; color:#333; border-radius:20px; background:#fff; text-align:center; float:left;border:#e9e9e9 1px solid; }
.pinpai_box li a:visited{width:100%; padding:2.6% 0;  color:#333; border-radius:20px; background:#fff;  text-align:center; float:left;border:#e9e9e9 1px solid; }
.pinpai_box li a:hover{width:100%; padding:2.6% 0;  color:#0163be;border-radius:20px; background:#fff; text-align:center; float:left;border:#0163be 1px solid; }

#pp_hover a:link{width:100%;padding:2.6% 0;  color:#0163be;border-radius:20px; background:#fff; text-align:center; float:left;border:#0163be 1px solid; }
#pp_hover a:visited{width:100%;padding:2.6% 0;  color:#0163be;border-radius:20px; background:#fff; text-align:center; float:left;border:#0163be 1px solid; }
#pp_hover a:hover{width:100%;padding:2.6% 0;  color:#0163be;border-radius:20px; background:#fff; text-align:center; float:left;border:#0163be 1px solid;}


/*关于*/
.about{width:94%; float:left; margin-top:3%; line-height:28px; overflow:hidden; color:#000;border-top:#e9e9e9 1px solid; padding:3%;}
.about img{ width:100%; max-width:100%; height:auto; float:left; margin:6px auto;}
.about p{ color:#000; padding-top:3%; font-size:14px; line-height:30px; overflow:hidden; }

.news_boxb{ width:100%; float:left; font-family:微软雅黑; padding-bottom:6px; margin-top:3%;border-top:#e9e9e9 1px solid;}
.news_boxb li{ width:94%; float:left; margin-left:3%; height:35px; line-height:36px; overflow:hidden; font-size:14px; border-bottom:#e9e9e9 1px dashed;}
.news_boxb li p{ width:60%; float:left; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; color:#333;}
.news_boxb li time{ float:right; color:#888;}



/*.case_body{ width:100%; float:left; margin-top:3%;}
.page{ width:95%; text-align:right; float:left; margin-left:2.5%; margin-top:5%;}
.page a{ margin-left:3%; font-size:0.9em; border:#CCC 1px solid; padding:0.2% 1%; color:#656565;}
.page a.page_next{ color:#28a472; border:none; padding:inherit;}
.page a.page_on{ background-color:#42c490; color:#FFF;border:none;}
.nav_bt{ width:28%; position:absolute; right:2%; top:25%; font-size:0.8em; color:#4d4d4d;}
.nav_bt img{ float:right; padding-top:3%; padding-right:5%;}
.nav_bt span{ float:right;}
.nav_li{position:absolute;padding:0 1.5%;width:20%;right:0;display:none}
.nav_li ul{right:0;}
.nav_li li{float:left;width:100%; border-bottom:#494949 1px solid;}
.nav_li a{ padding:5% 0;width:100%; text-align:center; color:#fff;text-align:center; float:left; font-weight:normal ;font-size:0.9rem;background:#3a3a3a;opacity:0.9;}
.nav_li li a:hover{background-color:#f6a048;opacity:1}*/




/*分页*/
.fenye{ width:100%; text-align:center; padding:3% 0; float:left; color:#000;}
.fenye a{ color:#000;}


/*message.html*/
/*.message{width:95%; margin-left:2.5%; float:left; margin-top:0.5%; background-color:#FFF;}
.message form{ margin-top:15%; margin-left:10%; padding-bottom:10%;}
.message label{ width:75px; float:left; font-size:0.9em;}
.msg_name{ border:#CCC 1px solid; width:40%; padding:1% 0; margin-bottom:3%;}
.msg_tel{ border:#CCC 1px solid; width:50%; padding:1% 0;margin-bottom:3%;}
.msg_text{border:#CCC 1px solid; width:60%; padding:1% 0;margin-bottom:3%;}
.msg_yzm{border:#CCC 1px solid; width:35%; padding:1% 0;margin-bottom:3%; float:left;}
.message img{ width:16%; float:left; margin-left:3%;}
.msg_submit{ margin-top:5%; background-color:#28a472; padding:2% 5%; color:#FFF; border-radius:5px; margin-left:30%; cursor:pointer; font-weight:bold;}
.msg_more{ width:95%; float:left; margin-left:2.5%; margin-top:5%; background-color:#28a472; padding:2% 0; text-align:center;}
.msg_more a{ color:#FFF; padding:0 20%;}*/
/************** *****************************/

/*contact.html*/
/*.contact{width:95%; margin-left:2.5%; float:left; margin-top:1%; padding-bottom:20%; color:#666;}
.contact p{ color:#808080; padding-top:3%; line-height:3; font-size:0.9em; padding-left:5%;}
.contact_map{ width:95%; margin-left:5%; float:left; margin-top:5%;}
.contact_map span{ color:#28a472; line-height:3; font-size:1.2em;}
.contact_map img{ border:#CCC 1px solid; box-sizing:border-box; width:95%;}*/
/************** *****************************/

/*message_p.html*/
/*.msg_p{width:95%; margin-left:2.5%; float:left; margin-top:0.5%; background-color:#FFF; padding-bottom:15%;}
.msg_p_box{width:95%; margin-left:2.5%; float:left; margin-top:5%; border-bottom:#CCC 1px solid;}
.msg_p_box p{ font-size:0.85em; color:#808080; line-height:2;}
.msg_p_box p span{ color:#000; padding-right:5%;}
.msg_p_box time{ float:right;color:#b3b3b3; font-size:0.8em; line-height:2;}*/



/*详细页*/
.news_p{width:94%; padding:3%; margin:0 auto;}
.news_p_bt{width:100%; float:left; border-bottom:#0163be 2px solid; padding:2% 0; text-align:center;}
.news_p_bt p{ color:#0163be; font-size:16px; line-height:27px; overflow:hidden;}
.news_p_bt time{ color:#000; font-size:12px;}
.news_p_txt{ width:100%; float:left; margin-top:3%;line-height:28px; overflow:hidden; color:#000; text-align:left; font-size:14px;}
.news_p_txt img{ width:100%; max-width:100%; height:auto; text-align:center; margin:5px auto;}

.news_p_page{width:94%; float:left; margin-left:3%; display:inline; margin-bottom:3%;}
.news_p_page li{ background:#FFF; border:#e9e9e9 1px solid; margin-top:3%; padding:2.5% 0; color:#333; font-size:12px; padding-left:3%;}



.n_cp_box{ width:100%; float:left;}
.n_chanpin{ width:100%; float:left;}
.n_chanpin dt{ width:100%; height:37px; float:left; position:relative; line-height:35px; overflow:hidden;}
.n_chanpin dt li{ width:33.3%; height:35px; float:left; text-align:center; font-size:16px; color:#333; cursor:pointer;background:#f6f6f6;border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9;}
.n_chanpin dt li.listbtns{ width:33.3%; height:35px; float:left; color:#0163be; cursor:pointer; text-align:center; font-size:16px; background:#fff;border-bottom:1px solid #fff; border-top:1px solid #e9e9e9;}
.n_chanpin dt li.listbtns a{ color:#0163be;}
.n_chanpin dt i{ width:1px; height:36px; float:left; top:0; left:33.3%; background:#e9e9e9; position:absolute;}



@media screen and (min-width:640px){.all{ width:100%; max-width:640px;margin:0 auto; overflow:hidden;}}
@media screen and (max-width:540px){body,html{font-size:15px}}
@media screen and (max-width:480px){body,html{font-size:14.5px}}
@media screen and (max-width:420px){body,html{font-size:14px}}
@media screen and (max-width:360px){body,html{font-size:13.5px}}
@media screen and (max-width:320px){body,html{font-size:12px}}

/*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 #84ce60;
	background:#a1ce38;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #a1ce38), to( #48b610));
	background-image: -webkit-linear-gradient( #a1ce38, #48b610);
	background-image: linear-gradient( #a1ce38, #48b610);
}
.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 #FFF;
}
.pre-page > a:visited,.next-page > a:visited {
    color:#fffffe;
}
.page-num{
	text-align:center;
	display:inline-block;
	width:20%;
	color:#04a7b8;
    font: 1.5em/1.5em "Microsoft YaHei";
	vertical-align:middle;
}

.fenye{ height:5em; margin-top:1.5em;}
.fenye span{ padding:1em; border:1px solid #ebebeb; color:#999; margin-top:1em; background:#FFF; margin-left:0.5em;margin-right:0.5em;}
.fenye a{ padding:1em; border:1px solid #ddd;margin-top:1em; background:#FFF;margin-left:0.5em;margin-right:0.5em;}