body{  margin:0; font-family:"微软雅黑"; max-width:100%;}
a{ text-decoration:none;}
.clear{ clear:both;}
img{ max-width:100%;}
html ,h1 ,h2 ,h3 ,h4 ,p  ,form{ font-weight:normal;padding:0;margin:0;}
ul{ list-style:none;padding:0;
margin:0;}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{zoom:1}
.header {
    overflow: hidden;
    padding:3% 1%;
text-align:center;

}
.header a{
	display:block;
}
.header h1{
font-weight:600;
color:#111;
font-size:18px;
padding:14px 0;

}
.header p{
color:#999;
font-size:12px;
letter-spacing: 0.2px;
}
.about-con{
  width:94%;
  margin:10px auto;
  padding:0 0 12px 0;
}
.about-con p{
    line-height: 28px;
}
.menu{
	padding:0;
	width:100%;
	margin:0 auto;
	}

.menu ul{
	width: 100%;
	padding:0;
    margin:0 auto;

	}
.menu ul li{
	float:left;
	width:33.3%;
	text-align:center;
	line-height:30px;
	background: #1861ae;
	}
.menu ul li a{
	display: block;
    padding: 7.5% 0%;
    font-size: 14px;
    color: #fff;
    border-right: 1px solid #17579a;
	border-bottom: 1px solid #17579a;
}

.banner{ width:100%; overflow:hidden; position:relative;font-size:0;margin:0 auto;height:180px;}
.banner img{
   display:block;
   width:100%;height:180px;
   margin:0 auto;
}



.content_index{
	background:#004e98;
	width:100%;	
}
	
.pro-nav{
	width:94%;
	background:#fff;
	margin:0 3%;
	margin-top:10px;
	float:left;
	text-align:center;
}
.pro-nav h3{
	font-size:20px;
	color:#004e98;
}
.pro-nav ul{
	padding:20px 0;
	width:94%;
	margin:0 auto;
}
.pro-nav ul li{
	line-height:46px;
	font-size:18px;
	border-bottom:1px #d1d1d1 dashed;
}
.pro-nav ul li a{
	color:#333;
}

.message-show,.serve,.youshi{
width: 94%;
    background: #fff;
    margin: 0 3%;
    margin-top: 10px;
    float: left;
	    margin-bottom: 10px;

}

.mbx{
   width:94%;
   margin:2% 3%;
   border-bottom:1px dashed #ddd;
   padding:10px 0;
   font-size:16px;
}
.mbx a{
color:#333;
}

.page{

	width:80%;
	margin:10px auto;
	border-radius:4px;
	text-align:center;
	
}
.page a{
	color:#fff;
	line-height:36px;
font-size:16px;	
}
	







.con-top{
	text-align:center;font-size:26px;color:#111;display:block;
	padding:10px 0;
    margin:1% 2%;
}

.con-top-en{
	text-align:center;font-size:12px;color:#004e98;display:block;
    width:100px;
	background:#f35f2a;
	margin:2px auto;
	height:2px;
}
.new-show{
	width:94%;
	background:#fff;
	margin:0 3%;
	margin-top:10px;
	float:left;
	padding-bottom:20px;
}
.new-show ul{
	width:96%;
	margin:0 auto;
	padding-bottom:20px;
}
.new-show ul li{
	border-bottom:1px #d1d1d1 dashed;
	padding:15px 0;
	overflow:hidden;
	
}
.new-show ul li a{
	color:#da251c;
	font-size:20px;
	display:block;
	height:34px;
	line-height:34px;
	width:100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new-show ul li p{
	color:#888;
	font-size:14px;
	line-height:26px;
}
	
.about-show,.index_news{
	width:94%;
	background:#fff;
	margin:0 3%;
	margin-top:10px;
	float:left;
	padding-bottom:20px;
}
.about-show img{
	display:block;
	width:96%;margin:10px auto;
}
.about-show p{
	font-size:18px;
	color:#333;
	line-height:30px;
	text-align:center;
	width:96%;
	margin:0 auto;
	padding:2%;
	overflow: hidden;
}
.more{
	background:#da251c;
	width:80%;
	margin:0 auto;
	border-radius:4px;
	text-align:center;
}
.more a{
	line-height:36px;
	font-size:16px;	
	color:#fff;
}


.index_new_bot{background:#eee;padding:10px;}

.proview{
	width:94%;
	background:#fff;
	margin:0 3%;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	padding:20px 0;
}
.proview h3{
	color:#333;
	font-size:24px;
	text-align:center;
	padding:20px 0;
}
.proview img{
	width:100%;
	margin:0 auto;
	display:block;
}
.protext{
	padding:0 15px 50px 15px;
	text-align:left;
}
.protext  h4{
	font-size:16px;
	color:#333;
border-bottom:1px #d1d1d1 dashed;
padding-bottom:10px;
}
.protext  p{
	color:#666;font-size:16px;
	padding-top:10px;
}
.pro-page-top,.pro-page-down{
	color:#666;
	font-size:16px;
	text-align:left;
	
	padding:10px 0 0 15px;
}
.pro-page-top a ,.pro-page-down a{
   color:#333;
}


.newsview,.aboutview{
	width:94%;
	background:#fff;
	margin:0 3%;
	margin-top:10px;
	    margin-bottom: 10px;
	float:left;
	padding-bottom:20px;
	padding-top: 10px;
}
.newsview h3{
	color:#666;
	font-size:18px;
	text-align:center;
}
.time{
	color:#888;
	font-size:14px;
	text-align:center;
	padding:4px 0;
}
.newsview p,.aboutview p{
	padding:10px 15px;
	color:#666;
	font-size:14px;
	line-height:30px;
}


	
.foot{
	background:#333;
	padding: 20px 0 70px 0;
    margin-top:0px;
	}
.foot_bot{
	color:#ccc;
	text-align:center;
	font-size:16px;
	}
.foot_bot h4{
	font-size:14px;
	line-height: 26px;
	}
.foot_bot span{
	font-weight:normal;
	color:#f35f2a;
	}
	
.foot-top{
	background:#fff;
	width:100%;
	height:15px;
}

.foot-float {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #272727;
    height: 60px;
	z-index:999;

}
.foot-float  li {
    width: 25%;
    text-align: center;
    font-size: 12px;
    color: #fff;
    float: left;
	padding-top:6px;
}
.foot-float li a {
    color: #fff;
}

.book_title{background:#EAF5FC;border:1px solid #BEDAF0;line-height:30px;padding:0 15px;}
.book_title span{float:right;color:#333;}
.book_Content{border:1px solid #BEDAF0;border-top:0;line-height:22px;padding:5px 15px 10px 15px;margin:0 0 10px 0;background:#fff;}
.book_Content div{border-top:1px dashed #ccc;padding:5px 0;margin:5px 0 0 0;}
.book_Content b{color:#f30;}

.book_add{margin:0;padding:0;list-style:none;padding-top: 16px;}
.book_add input{vertical-align:middle;border:1px solid #ccc;padding:4px 10px;font-size:12px;background:#fff;}
.book_add textarea{vertical-align:top;border:1px solid #ccc;padding:4px 0px;overflow:hidden;    width: 98%;}
.book_add li{padding:2px 10px;clear:both;font-size:12px;}
.book_add li span{display:block;float:left;width:73px;line-height:25px;}
.book_add #showmsg{position:absolute;color:#f30;margin:-18px 0 0 130px;*margin:8px 0 0 20px;}


.serve_con,.youshi_con{margin:12px 0;}
.serve_con li{width:96%;margin:3% 2%;border:1px solid #0e59d8;border-radius:5px;}
.serve_con li .serve-l{width:26%;float:left;}
.serve_con li .serve-l img{display:block;margin:0 auto;padding-top: 16%;}
.serve_con li .serve-r{width:72%;padding-right:2%;float:right;}
.serve_con li .serve-r h2{font-size:18px;font-weight:normal;border-bottom:1px dashed #d1d1d1;line-height:40px;padding:2% 0 1% 0;}
.serve_con li .serve-r h2 span{float:right;color:#da251c;}
.serve_con li a{color:#fff}
.serve_con li .serve-r p{color:#666;font-size:14px;padding:4% 0;}


.youshi_con li{width:96%;margin:3% 2%;border:1px solid #0e59d8;}
.youshi_con li .youshi-l{width:12%;float:left;}
.youshi li .youshi-l img{display:block;}
.youshi li .youshi-r{width:86%;padding:0 2% 2% 0;;float:right;}
.youshi_con li .youshi-r h2{color:#d9261d;font-size:18px;font-weight:600;line-height:36px;}
.youshi_con li .youshi-r p{color:#666;font-size:12px;line-height:22px;}



.index_con_three {
 width: 94%;
    background: #fff;
    margin: 0 3%;
    margin-top: 10px;
    float: left;
    padding-bottom: 20px;
}
.three_top {
    background: #004e98;
    height: 45px;
	    width: 96%;
    margin: 2%;
}
.three_top .on {
    background: #da251c;
}
.three_top ul li {
    float: left;
    height: 45px;
    line-height: 45px;
    width: 50%;
    text-align: center;
}
.three_top ul li a {
    color: #fff;
    display: block;
}
.three_bot {
    width: 96%;
    margin: 2%;
}
.three_bot ul li {
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: #333;
    overflow: hidden;
	border-bottom: 1px dashed #ddd;
}

.three_bot ul li a {
        color: #666;
    width: 66%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.three_bot ul li i {
      float: right;
    width: 20%;
    display: block;
    text-align: right;
    color: #666;
    font-style: italic;
    padding-right: 12px;
}


.content_index-in{background:#eee;width:100%;padding:1% 0;}
.content_index-in .pro-show{
	width:96%;margin:2%;background:#fff;
}



.showpage,.showpage ul{ margin:0px; padding:0px; list-style:none;border:none; }
.showpage{ margin:10px auto;text-align:center;}
.showpage ul li{
    border-bottom: 0;
    margin: 0 10px;
    width: 36px;
    text-align: center;
    height: 36px;
 }
.showpage ul li span{line-height: 36px;
    padding: 0;
    border: 0; }
.showpage ul li a{     color: #333;
    font-size: 14px;
    display: inline-flex;
    background: #dadada;
    padding: 2px 0;
    line-height: 36px;
    border: 0;
    height: 36px;}
.showpage ul li a:hover{ background:#dadada}


.List_page {
    text-align: center;
    margin: 8px;
    font-family: "宋体";
    clear: both;
}
.List_page a {
    background: #fff;
    margin: 1px;
    padding: 4px 6px;
    border: 1px solid #7CBBED;
    color: #333;
    font-family: "宋体";
}
.List_page span {
    background: #7CBBED;
    color: #fff;
    margin: 1px;
    padding: 4px 6px;
    border: 1px solid #7CBBED;
    font-family: "宋体";
}