@charset "utf-8";
* { font-family: 'PingFangSC-Regular,Microsoft YaHei'; }
body {
	margin: 0;
	padding: 0;
	 color:#6b6b6b;
}
h1, h2 {
	font-family: "宋体";
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height: normal;
}
@media (max-width:768px) {
* { font-size: 12px; color:#888; }
}
a {
	color: #6b6b6b;
	text-decoration: none;	
}
a:focus, a:hover {
	text-decoration: none;
}
img {
	display: block;
	max-width: 100%;
	height: auto
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
/* a:before,a:after{-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;}


/* public*/
p.more{ width:100%;}
p.more a{background: #0166ce; border-radius: 20px; font-size: 14px; color: #fff; padding: 9px 80px;  margin:3% auto;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out; display:table}
p.more a:hover{box-shadow: 0px 0px 10px #5d5d5d;}
.tran{transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;-moz-transition:all .5s ease-out;}



figure img{transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;-moz-transition:all .5s ease-out;}
figure:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}


section{ padding:40px 0;}

@media (max-width:768px){
	body#index section{  padding:35px 0;}
	body#index section h5{font-size:26px; color:#000;}
	section{ padding:20px 0!important;}
	*{font-size:14px;}
	}


.top {background:#F4F4F4; height:150px;overflow:hidden; }
.top h1,.top h2{ float:left; height:110px; min-width:550px; display:block;text-indent:-999px; margin-top:18px;}
.top .tel{ float:right; background:url(../images/tel.png) left 10px  no-repeat; padding-left:58px; line-height:30px; margin-top:42px; height:55px; color:#868686;}
.top .tel span{ color:#017AD7; font-size:30px; font-family:"Impact";}
.welcome{background:#EBEBEB; height:31px; line-height:31px;}
.welcome span a{margin-left:30px;}
.tel_m{ display:none;}
nav{height:57px;font-weight:normal;line-height:57px;background:#017AD7;position:relative;}
/*nav1{position:absolute;height:65px;line-height:65px;width:100%;z-index:100;top:-4px;overflow: hidden;width:1100px;}*/
nav .container{position:relative;}
nav ul{position:absolute; width:100%; top:-4px; left:0;z-index:999;}
nav ul li{display:block; float:left; width:14%}
nav ul li a{height:65px;color:#fff;font-size:16px;display:block;text-align:center;line-height:65px; width:100%;text-align:center;}
nav ul li a:hover,nav ul li a.hover{background:url(../images/nav.png) center no-repeat;color:#fff;}
nav ul li:last-child { display:none;}

@media (max-width:768px){
	nav{ height:auto;line-height:normal; }
	nav ul{ position:inherit;z-index:0; top:0; height:inherit;}
	nav ul li{ width:25%; height:40px; line-height:40px;margin:0;border-top:1px solid #fff;border-right:1px solid #fff; padding:0;}
	nav ul li a{ width:100%; margin:0; padding:0; height:100%;line-height:40px; font-size:13px;}
	nav ul li a:hover,nav ul li a.hover{background:none;}
	nav ul li:last-child { display:block;}
	
	nav ul li:nth-child(5),nav ul li:nth-child(6),nav ul li:nth-child(7),nav ul li:nth-child(8){border-bottom:1px solid #fff; }
	nav ul li:nth-child(1),nav ul li:nth-child(5){border-left:1px solid #fff;}
	.top {height:55px;}
	.top h1,.top h2 {overflow:hidden;margin:10px 0 0 10px;display:block; min-width:inherit; width:60%;}
    .tel_m{ display:block; float:right; margin-right:20px;color:#017AD7;  margin-top:13px; }
	.tel_m *{color:#017AD7;font-size:24px;}
	.tel_m span{font-weight:bold}
	.tel_m i{ margin-top:3px; float:left; padding-right:2px;}
	.tel_m .fIco{ margin-left:10px;}
	
	
	}


.banner{width:100%;text-align:center}
.banner img{width:100%;margin:0 auto;}

.search{ height:66px; line-height:66px;}
.search form{float:left;width:221px;height:30px;margin-top:17px;border:1px solid #b7b7b7;margin-left:10px;overflow:hidden;}
.search form .in{float:left;width:185px;height:30px;line-height:30px;background:none;color:#bcbbbb;vertical-align:bottom;font-size:13px;text-indent:12px; border:none; overflow:hidden}
.search form .button{float:right;font-weight:bold;width:34px;height:30px;line-height:30px;background: url(../images/search.png) no-repeat center center; border:none;color: #fff;cursor: pointer;}

.search span{float:left; padding-left:50px;}
.search span a{margin-right:30px;}
.search span a:hover{ text-decoration:underline;}

p.more{ padding-top:20px; overflow:hidden; clear:both; width:100%;}
 p.more a{display:table;border:1px solid #a6a6a6;background:#fff;color:#5b5b5b;text-transform:uppercase; padding:0 60px;height:39px;line-height:39px;margin:0 auto;}
p.more a:hover{background:#017AD7;color:#fff;border:1px solid #fff;}


p.titlebar{ width:100%;height:32px;line-height:32px;overflow:hidden;}
p.titlebar>span{ float:left;background: url(../images/about-x.png) no-repeat left bottom;color:#017AD7;font-weight:bold;font-size:16px; height:32px; overflow:hidden;}
p.titlebar>span>i{ font-style:normal;color:#4A4A4A;font-weight:bold;font-size:14px;font-weight:normal;font-size:14px; padding-left:5px; text-transform:uppercase;}
p.titlebar>a{float:right; color:#000;}
p.linkbar>span{ background:none; font-weight:normal; color:#494949}
p.linkbar>span>a:hover,p.linkbar>span>a.hover{font-weight:bold;color:#017AD7; background:url(../images/about-x.png) no-repeat left bottom;}
p.linkbar>span>a{ height:32px; line-height:32px; display:inline-block;}
@media (max-width:768px)
{
	p.titlebar{width:95%;margin:0 auto;}
	p.linkbar>span>a{ font-size:16px;}
	
	}

.marginbottom20{ margin-bottom:20px;}
footer{ color:#3A3A3A; }
footer .nav2{ background:#017AD7; height:50px; width:100%;}
footer .nav2 ul{  line-height:50px;}
footer .nav2 ul li{ float:left; background:url(../images/footer-n.png) no-repeat right center;}
footer .nav2 ul li a{ color:#fff; font-size:14px; padding:0 35px;}
footer .nav2 ul li:last-child{ background:none}
footer dl{ padding:20px 0; clear:both; width:100%; overflow:hidden; margin-bottom:0;}
footer dd{ line-height:2.3;}
footer dd:nth-child(1){ float:left}
footer dd:nth-child(2),footer dd:nth-child(3){ float:right}
footer dd:nth-child(3){ padding-right:50px;}

.fIco{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;}
@font-face{font-family:'icomoon';src:url('../ico/icomoon.eot');
src:url('../ico/icomoon.eot?#iefix') format('embedded-opentype'),url('../ico/icomoon.ttf') format('truetype'),url('../ico/icomoon.svg#icomoon') format('svg');
font-weight:normal;font-style:normal;}
span[date-url],cite{cursor:pointer;}

aside{width:100%;position: fixed;bottom:0;overflow:hidden;z-index:2;left:0;border-top:2px solid #DDDDDD; background:#22509E; padding-top:5px;}
aside ul{margin:0 auto 0;max-width:640px;}
aside ul li{float:left;width:25%;text-align:center;height:45px;line-height:15px;font-size:12px;cursor:pointer;color:#fff; overflow:hidden}
aside ul li .fIco{height:25px;font-size:20px;display:block;padding-top:5px;text-align:center;}
aside ul li .fIco1{background:url(../images/ico1.png) center no-repeat;}
aside ul li .fIco2{background:url(../images/ico2.png) center no-repeat;}
aside ul li .fIco3{background:url(../images/ico3.png) center no-repeat;}
aside ul li .fIco4{background:url(../images/ico4.png) center no-repeat;}

aside ul li span{text-align:center;font-size:13px;}
aside ul li a,aside ul li a *{color:#fff!important;font-size:13px;font-weight:bold;}
.show-m{display:none;}
@media (max-width:768px)
{
	footer{ display:none}
	 .show-m{display:block;}
	
}
/*------------返回顶部-------------*/
.right-bar{position: fixed;bottom: 10%;right: 4%;z-index: 9999;zoom: 1;}
.gotop{width:50px;height:50px; background:url(../images/totop.png) no-repeat center #017AD7;cursor: pointer;}


.page{ overflow:hidden;position:relative; text-align:center; margin:3% auto 5% auto; display:table; clear:both; padding:20px 0;}
.pagebj{ text-align:center; padding:7px 25px; background:#f5f5f5; display:inline-block;border-radius:30px; }
.pagebj span,.pagebj a{ color:#666; display:inline-block; *display:inline; height:33px; padding:0 13px;line-height:33px; text-align:center; margin:0 5px;border-radius:50%;}
.pagebj span,.pagebj a:hover{background:#0166ce;color:#fff;}
.pagebj span,.pagebj a.totalp:hover{background:none; color:#000;}
.pagebj span,.pagebj a.totalp{ font-weight:bold;}
.pagebj a.hover{background:#0166ce;color:#fff; display:inline-block; *display:inline; height:33px; padding:0 13px;line-height:33px; text-align:center; margin:0 5px;border-radius:50%;}




p.location{width:100%;height:40px;line-height:40px;padding:0 15px;background: #f7f7f7;border: 1px dashed #ccc;text-indent: 10px;overflow:hidden}
p.location strong{ color:#017AD7;font-size:15px; font-weight:bold; float:left;}
p.location span{ color:#ccc; float:right}
@media (max-width:768px)
{
	p.location strong{  float:right;}
p.location span{ float:left}
	p.location strong img{ margin-top:2px;}
}
 div.otherpages{overflow:hidden; margin:0 auto; width:70%;bolder-top:1px dashed #F1F1F1;}
  div.otherpages span{height:24px;overflow:hidden; line-height:24px; display:block}
 div.otherpages span:first-child{float:left; width:48%; margin-right:4%; text-align:right}
 div.otherpages span:last-child{float:left;border-left:1px solid #ccc;width:48%; padding-left:4%;}

@media (max-width:768px)
{
	div.otherpages{padding-top:5px; margin-top:5px;}
	div.otherpages span:first-child{float:none; width:100%; margin-right:0; clear:both}
 div.otherpages span:last-child{float:none;border-left:none;width:100%; padding-left:0;clear:both}
	
}