@charset "utf-8";
body {font-family:Hiragino Sans GB, Microsoft Yahei, arial, sans-serif; font-size:12px; font-weight:normal; color: #2A2B2D; BACKGROUND: #F9FAFC;
}
*{margin:0; padding:0; border:0;}

ul,ol,li{ list-style:none;}
a{ text-decoration:none; color: #2A2B2D;}
a:hover{ text-decoration:none; color: #2A2B2D;}
img{ vertical-align:middle;}
a,img,button,input,textarea{ -webkit-tap-highlight-color:rgba(255,255,255,0);}
table{ border-collapse:collapse; border-spacing:0;}
section{ display:block;}
em,i{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
p{ word-wrap:break-word; word-break:break-all;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear{ clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}


.header_wrap{ width:100%; min-width:1000px; height:auto; 
border-top: #4E86B9 3px solid;
/*border-bottom: #CCDCEB 1px solid;box-shadow: 0 0 10px 0 rgba(0,42,116,0.06);*/
background: #fff;

}
.header_wrap .fixed{ width:100%; height:100%; padding-bottom:100px; background:#000; -webkit-opacity:0.9; opacity:0.9; position:fixed; left:0; top:0; z-index:9999; overflow:hidden;}
.header{ width:1000px;height:88px; margin:0 auto; position:relative;

}
.header .logo{ float:left;background:#fff;
WIDTH:170px;height:88px;PADDING:0px;MARGIN:0px;text-align:left;line-height:88px;
}
.header .logo img{
}
.header .title-box{ 
float:left;WIDTH:660px;height:88px;PADDING:0px;MARGIN:0px;PADDING-TOP:0px;text-align:center;
}
.header .title-box h1{ 
font-size: 24px;text-align:center;MARGIN-top:16px;
}
.header .title-box i{ 
font-size: 14px;text-align:center;
}
.header .class-box{ 
float:left;WIDTH:170px;height:88px;PADDING:0px;MARGIN:0px;PADDING-TOP:0px;text-align:left;
}
.header .class-box .nav-mobile {
 cursor: pointer; position: absolute; float: left; top: 0; right: 0; background: url(../images/nav.svg) no-repeat center center;
    height: 42px;width: 42px; margin-top:25px; margin-right:16px;
}

.nav{ height:50px; margin:0 auto; position:relative;background:#D3E1ED;
box-shadow: 0 0 10px 0 rgba(0,42,116,0.06);
}
.nav ul{width:1000px; height:50px; margin:0 auto; line-height:50px;position:relative;}
.nav ul li{ width:100px;height:50px; margin:0 auto; line-height:50px;float:left;text-align:center;}
.nav ul li i {
  position: absolute; float: left; margin-top: 13px; height: 17px; width: 1px; border-right: #A7C3DC 0px solid;
}

.nav ul li a{
  text-decoration:none;FONT-SIZE: 18px;COLOR:#2A2B2D; PADDING: 1px 6px 2px 6px; MARGIN: 0px;   border-radius: 3px;

}
.nav ul li a:hover{ 
  text-decoration:none;FONT-SIZE: 18px;COLOR: #2A2B2D; PADDING: 1px 6px 2px 6px; MARGIN: 0px; BACKGROUND-color: #fff;  border-radius: 3px;

}

.nav ul li a.cur{ 
  PADDING: 1px 6px 2px 6px; MARGIN: 0px; BACKGROUND-color: #fff;  border-radius: 3px;
}
.nav ul li a.cur:hover{ 
  PADDING: 1px 6px 2px 6px; MARGIN: 0px; BACKGROUND-color: #fff;  border-radius: 3px;
}
.footer_wrap{ width:100%; min-width:1000px; height:auto; BACKGROUND: #4E86B9; border-top:3px solid #F1AEB1;}
.footer_wrap.fixed{ width:100%; height:100%; padding-bottom:100px; background:#000; -webkit-opacity:0.9; opacity:0.9; position:fixed; left:0; top:0; z-index:9999; overflow:hidden;}
.footer{ width:1000px; height:auto; margin:0 auto; position:relative;}
.footer .links{ width:1000px;  margin:0px;margin-top:20px;float:left; text-align:left; line-height:25px;
}
.footer .links .lktitle{
float:left; margin-left:5px;font-weight: bolder;
}
.footer .links a{ 
  text-decoration:none;float:left; margin-left:10px;
}
.footer .links a:hover{ 
  text-decoration:none;float:left;margin-left:10px;
}
.footer .finf_box{ width:1000px; margin:0px;float:left;  BACKGROUND: #fff;box-shadow: 0 0 10px 0 rgba(0,42,116,0.06);  margin-top: 20px;}
.footer .finf_box .inf_con{ width:95%;margin:0px;float:left;text-align:center;line-height:25px;margin-top:20px;margin-left:10px; }
.footer .finf_box .inf_sec{ width:100%; margin:0px;float:left;text-align:center;line-height:25px; }

.menu_box {
display:none;z-index: 999;position: fixed;top: 0px; WIDTH: 100%;PADDING: 0px; MARGIN: 0px auto;text-align: left; BACKGROUND-color: #e6e6e6 ; opacity: 0.95; filter: alpha(opacity=95); height: 100%;border-top: #4E86B9 3px solid;
}
.menu_box .menu_title {
width:1000px; height:auto; margin:0 auto; position: relative;  
}

.menu_box .menu_title .logo{ float:left;background:#fff;
WIDTH:170px;height:70px;PADDING:0px;MARGIN:0px;text-align:left;line-height:70px;font-family:arial;font-size:25px;font-weight:bolder;border-radius: 0px 0px 8px 8px;margin-bottom: 20px;
}
.menu_box .menu_title .logo img{ 
margin-left:10px;
}
.menu_box .menu_title .title-box{ 
float:left;WIDTH:615px;height:75px;PADDING:0px;MARGIN:0px;PADDING-TOP:0px;text-align:center;margin-bottom: 20px;
}
.menu_box .menu_title .class-box{ 
float:left;WIDTH:170px;height:75px;PADDING:0px;MARGIN:0px;PADDING-TOP:0px;text-align:left;margin-bottom: 20px;
}
.menu_box .menu_title .class-box .nav-mobile {
 cursor: pointer; position: absolute; float: left; top: 0; right: 0; background: #e6e6e6 url(../images/nav.svg) no-repeat center center; height: 42px; width: 42px; margin-top:16px; margin-right:16px;
}
.menu_box ul {
width:1000px; height:auto; margin:0 auto; 
}
.menu_box li { width: 12.9%; float: left; display: inline; padding: 0px;line-height: 28px; height: 28px; border: #4E86B9 1px solid; margin-left: 10px;margin-top: 10px; border-radius: 3px;BACKGROUND-color: #4E86B9;  
}
.menu_box a.cat {
width: 100%;height: 28px; font-size: 14px; font-weight: normal; color: #ffffff; font-family: 微软雅黑;float: left;line-height: 28px;text-align: center;
}
.menu_box .mclose {
  margin-top: 30px;float: left;width: 100%;text-align: center;
}

.page {
	WIDTH:1180px;
	float:left;
	padding-top:39px!important;
	padding-bottom:30px!important;
	padding-top:23px;
	text-align:left;
}
.page a.click {
	padding:0 10px;
	line-height:22px;
	float:left;
	background-color:#1E394E;
	margin-bottom:8px;
	margin-left:8px;
	color:#ffffff;
}
.page a.normal {
	padding:0 10px;
	line-height:22px;
	float:left;
	background-color:#fff;
	margin-left:8px;
	margin-bottom:8px;
	color:#2A2B2D;
	TEXT-DECORATION:none;
}
.page a.normal:active {
	padding:0 10px;
	line-height:22px;
	float:left;
	background-color:#fff;
	margin-left:8px;margin-bottom:8px;
	color:#2A2B2D;
	TEXT-DECORATION:none;
}
.page a.normal:visited {
	padding:0 10px;
	line-height:22px;
	float:left;
	background-color:#fff;
	margin-left:8px;margin-bottom:8px;
	color:#2A2B2D;
	TEXT-DECORATION:none;
}
.page a.normal:hover {
	padding:0 10px;
	line-height:22px;
	float:left;
	background-color:#1E394E;
	margin-left:8px;margin-bottom:8px;
	color:#fff;
	TEXT-DECORATION:none;
}
.page .font1 {
	padding:0 10px;
	line-height:22px;
	float:left;
	background-color:#ffffff;
	font-size:14px;
	margin-left:8px;
	color:#2A2B2D;
}

@media screen and (max-width:767px){
.header_wrap{ min-width:100%; }
.header{ width:100%;height:55px; }
.header .logo{width:23%;height: 55px;float:left;margin-top:0px;margin-left:0px;border-radius: 0px ;line-height:80px;
}
.header .logo img {
width:80px;height:31.3px;margin-top:11px;margin-left:6px;
vertical-align:baseline;
}
.header .title-box{
width:58%;height:55px;
}
.header .title-box h1{
MARGIN:9px 0px 1px 0px;font-size: 1.3em;font-weight:700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.header .title-box i{
font-size: 1em;
}
.header .class-box{
width:18%;height:50px;
}
.header .class-box .nav-mobile{
margin-top:8px;
margin-right:8px;
}


.nav{
  width: 100%;height: 70px;border-radius:0px;
}
.nav ul{
height: auto;  width: 100%;
}
.nav ul li{
width: 24.8%;height: 35px;line-height: 35px;
}

.nav ul li a{
  width: 100%;height: 35px;font-size: 1.3em;
}
.nav ul li a:hover{
  width: 100%;height: 35px;font-size: 1.3em;
}

.page{
  width: 100%;
}

.footer{
width:100%;
}
.footer .finf_box{
width:100%;
}
.menu_box {
  MARGIN: 0px auto;
}
.menu_box .menu_title {
width:100%;height:50px; background: #fff;
}
.menu_box .menu_title .logo{
width:22%;height: 50px;float:left;margin-top:0px;margin-left:0px;border-radius: 0px ;margin-bottom: 10px;
}
.menu_box .menu_title .logo img{ 
width:80px;height:31.3px;float:left;margin-top:11px;margin-left:3px;
}
.menu_box .menu_title .title-box{ 
width:60%;height:50px;margin-bottom: 10px;
}
.menu_box .menu_title .class-box{ 
width:18%;height:50px;margin-bottom: 10px;
}

.menu_box .menu_title .class-box .nav-mobile {
margin-top:8px;margin-right:8px;background: #fff url(../images/nav.svg) no-repeat center center;
}

.menu_box ul {
width:100%; height:auto; margin:0 auto; 
}

.menu_box li {
 width: 29%; float: left;display: inline; padding: 0px; line-height: 28px; height: 28px; margin-left: 10px;margin-top: 10px;border-radius: 3px;
}

.menu_box a.cat {
 width: 100%;height: 28px;font-size: 1.3em; font-weight: normal; color: #ffffff;font-family: 微软雅黑; float: left;line-height: 28px;text-align: center;
}

.menu_box a.cat:hover {
BACKGROUND-color: #1E394E;  float: left;
}

.menu_box .mclose {
 margin-top: 30px; float: left; width: 100%;text-align: center;
}
}


