@charset "utf-8";
body {font-family:Hiragino Sans GB, Microsoft Yahei, arial, sans-serif; font-size:12px; font-weight:normal; color: #333333;background: linear-gradient(to bottom, #F6F4F4, rgba(255, 255, 255, 0));}
*{margin:0; padding:0; border:0;}

ul,ol,li{ list-style:none;}
a{ text-decoration:none; color: #333333; outline:none; blr:expression(this.onFocus=this.blur()); -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
a:hover{ text-decoration:none; color: #333333;}
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;}


.top-wrap{ height:auto; 
width: 100%;min-width: auto;background:#D7181F;
}
.top-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;}
.top-wrap .main-top{ width:1200px;height:60px; margin:0 auto; position:relative;
}
.top-wrap .main-top .nav{ 
float:right;WIDTH:840px;height:60px;PADDING:0px;MARGIN:0px;PADDING-TOP:0px;text-align:right;margin-bottom:10px;
}

.top-wrap .main-top .nav ul{ 
list-style: none;float:right;height:60px;
}
.top-wrap .main-top .nav ul li{ 
margin-top:20px;
float: left;
font-size: 15px;
}


.top-wrap .main-top .nav ul li a {
 width:86px; height:40px; font-size:16px; color:#ffffff; float:left; line-height:39px; text-align:center; margin-left:6px; 
}
.top-wrap .main-top .nav ul li a:visited {
 width:86px; height:40px; font-size:16px; color:#ffffff; float:left; line-height:39px; text-align:center; margin-left:6px;
}
.top-wrap .main-top .nav ul li a:hover {
 width:86px; height:40px; font-size:16px; color:#ffffff; float:left; line-height:39px; text-align:center; TEXT-DECORATION:none; background:#EC4F52; border-radius: 6px 6px 0px 0px; margin-left:6px;
}
.top-wrap .main-top .nav ul li a.current {
 width:86px; height:40px; font-size:16px; color:#515F69;font-weight: 700; float:left; line-height:39px; text-align:center; background:#fff; border-radius: 6px 6px 0px 0px; margin-left:6px;
}
.top-wrap .main-top .nav ul li a.current:hover {
 width:86px; height:40px; font-size:16px; color:#515F69;font-weight: 700; float:left; line-height:39px; text-align:center; TEXT-DECORATION:none; background:#fff; border-radius: 6px 6px 0px 0px; margin-left:6px;
}

.top-wrap .main-top .logo{ 
float:left;WIDTH:350px;height:60px;PADDING:0px;MARGIN:0px;text-align:left;color:#fff;
}
.top-wrap .main-top .logo .sitedomain{ 
WIDTH:170px;height:60px;PADDING:0px;MARGIN:0px;float:left;
}
.top-wrap .main-top .logo .sitedomain img{ 
MARGIN-top:15px;float:left;
}

.top-wrap .main-top .logo .webname{ 
WIDTH:130px;height:60px;PADDING:0px;MARGIN:0px;float:left;line-height:65px;
}
.top-wrap .main-top .logo .webname a{ 
  text-decoration:none;font-size:18px;color:#fff;
}
.top-wrap .main-top .logo .webname a:hover{ 
  text-decoration:none;font-size:18px;color:#fff;
}

.top-wrap .wpbn{
display:none;
}

.nav-wrap{ width:100%; min-width:955px; height:auto; background:#fff;}
.nav-wrap .cat-nav{ width:1200px;height:48px; margin:0 auto; position:relative;line-height:50px;}
.nav-wrap .cat-nav span {
 margin-left:9px;
}
.nav-wrap .cat-nav span i{
 font-size:12px;color:#fff;line-height:48px;text-align:center;TEXT-DECORATION:none;background:#786260; border-radius: 10px; padding:1px 5px 1px 5px;
}

.nav-wrap .cat-nav a {
 width:97px;font-size:14px;color:#515F69;line-height:48px;text-align:center;margin-left:5px;padding:2px 4px 2px 4px;
}

.nav-wrap .cat-nav a:hover {
 width:97px; font-size:14px;color:#fff;line-height:48px;text-align:center;TEXT-DECORATION:none;background:#333333; border-radius: 30px;  margin-left:5px;padding:2px 4px 2px 4px;
}

.nav-wrap .cat-nav a.cl {
 width:97px;font-size:14px;color:#fff;line-height:48px;text-align:center;background:#333333; border-radius: 30px;margin-left:5px;padding:2px 4px 2px 4px;
}

.nav-wrap .cat-nav a.cl:hover {
 width:97px; font-size:14px;color:#fff;line-height:48px;text-align:center;TEXT-DECORATION:none;background:#333333; border-radius: 30px; margin-left:5px;padding:2px 4px 2px 4px;
}

.top-top-wrap{ width:100%; min-width:955px; height:auto; }
.top-top-wrap .nav-box{
width:955px;height:38px;margin:0 auto; position:relative;border-top: #D8D8D8 1px solid;background:#FFF4F4;
}

.nav{
line-height:38px;margin-left:15px;
}

.page-box{
  float: left; margin: 30px 0px; WIDTH: 100%; 
}
.page {
 float: left;font-size: 16px;margin-left:22px;
}

.page .font1 {
  padding: 0 10px; line-height: 22px; float: left; background-color: #ffffff; margin-left: 8px;
}

 .page .click {
  padding: 0 10px; line-height: 22px; float: left; background-color: #333; border: 1px solid #333; margin-left: 8px; color: #ffffff; font-weight: 700;border-radius: 30px;
}

.page a {
  padding: 0 10px; line-height: 22px; float: left; background-color: #ffffff; border: 1px solid #EAE4E4; margin-left: 8px;color: #333333; TEXT-DECORATION: none;border-radius: 30px;
}
 .page a:hover {
  padding: 0 10px; line-height: 22px; float: left; background-color: #333; border: 1px solid #333; margin-left: 8px; color: #ffffff; font-weight: 700;border-radius: 30px;
}


.footer_wrap{ width:100%; min-width:1200px; height:auto; BACKGROUND: #4E86B9;}
.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:1200px; height:auto; margin:0 auto; position:relative;}

.footer .links{ width:1200px;  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 .abtbox{ width:1200px;  margin:0px;margin-top:30px;float:left; text-align:center; line-height:25px;}
.footer .abtbox a{ 
  text-decoration:none; margin:0px 10px 0px 10px;
}
.footer .abtbox a:hover{ 
  text-decoration:none;margin:0px 10px 0px 10px;
}
.footer p{ width:1200px; height:100px; margin:0px;margin-top:10px;float:left; text-align:center; line-height:25px;}

@media screen and (max-width:767px){
.top-wrap{
width: 100%;min-width: auto;background:#D7181F;
}
.top-wrap .main-top{
width: 100%; height:124px;background: #fff;
}
.top-wrap .main-top .logo{
width: 100%;height:50px;background: #D7181F;
}
.top-wrap .main-top .logo .sitedomain{
width:50%;height:50px;
}
.top-wrap .main-top .logo .sitedomain img{
width:136px;height:27px;MARGIN: 12px 0px 0px 12px;
}
.top-wrap .main-top .logo .webname{
width:50%;height:50px;line-height: 50px;text-align:center;
}
.top-wrap .main-top .logo .webname a{ 
font-size:1.3em;
}
.top-wrap .main-top .logo .webname a:hover{ 
font-size:1.3em;
}

.top-wrap .main-top .nav{
width: 100%;height:auto;float: left;text-align: left;
}
.top-wrap .main-top .nav ul{
width:96%;float: left;height:auto;margin:5px 4px 5px 4px;
}
.top-wrap .main-top .nav ul li{
MARGIN:0px;width:25%;
}
.top-wrap .main-top .nav ul li a.current {
 width:100%; height:32px; font-size:1.0em; color:#515F69;font-weight: 500; float:left; line-height:32px; text-align:center; background:#fff; border-radius: 6px 6px 0px 0px; margin-left:0px;
}
.top-wrap .main-top .nav ul li a.current:hover {
 width:100%; height:32px; font-size:1.0em; color:#515F69;font-weight: 500; float:left; line-height:32px; text-align:center; TEXT-DECORATION:none; background:#fff; border-radius: 0px; margin-left:0px;
}
.top-wrap .main-top .nav ul li a {
 width:100%; height:32px; font-size:1.0em; color:#515F69; float:left; line-height:32px; text-align:center; margin-left:0px;
}
.top-wrap .main-top .nav ul li a:visited {
 width:100%; height:32px; font-size:1.0em; color:#515F69; float:left; line-height:32px; text-align:center; margin-left:0px;
}
.top-wrap .main-top .nav ul li a:hover {
 width:100%; height:32px; font-size:1.0em; color:#515F69; float:left; line-height:32px; text-align:center; TEXT-DECORATION:none; background:#fff; border-radius:0px; margin-left:0px;
}


.top-wrap .wpbn{
width:100%;height:32px;display:flex;float:left;
}
.top-wrap .wpbn .wpbn-line{
display:inline-block;flex:1;margin-top: 0px;
}
.top-wrap .wpbn .wpbn-btn{
width:68px;
}

.top-wrap .wpbn .wpbn-btn a{ 
font-size:1.0em; background:#fff ;color: #3e3e3e;padding:0px 5px 0px 5px;
height: 20px;
line-height: 20px;
border-radius:0px 0px 5px 5px;
text-decoration:none;text-align:center; MARGIN:0px;WIDTH:58px;float:left;
}
.top-wrap .wpbn .wpbn-btn a:hover{ 
font-size:1.0em; background:#F9F9F9;color: #fff;padding:0px 5px 0px 5px;
height: 20px;
line-height: 20px;
border-radius:0px 0px 5px 5px;
text-decoration:none;text-align:center; MARGIN:0px;WIDTH:58px;float:left;
}

.top-wrap .wpbn .wpbn-btn .wpcla {
  cursor: pointer;
  float: left;
  top: 0;
  right: 0;
  background: url(../images/cal.svg) no-repeat center center;
  height: 20px;
  width: 46px;
  margin-top: 0px;
  margin-left:6px;
}

.top-wrap .nav-wrap{
min-width:auto;display:none; border-top: #F6F4F4 1px solid;
}
.top-wrap .nav-wrap .cat-nav{
width: 100%;height:auto;line-height: 30px;float:left;background:#fff;padding:8px 0px;
}
.top-wrap .nav-wrap .cat-nav span{
width: 95%;float:left;margin:0px 0px 0px 10px;padding:0px;color:#515F69;text-align:left;
height:33px;line-height:30px;
}
.top-wrap .nav-wrap .cat-nav span i{
line-height:30px;
}
.top-wrap .nav-wrap .cat-nav a {
 width:32%;font-size:1.2em;color:#515F69;line-height:32px;text-align:center;padding:0px; float:left;margin:0px;white-space: nowrap;
overflow: hidden;text-overflow: ellipsis;
}

.top-wrap .nav-wrap .cat-nav a:hover {
 width:32%; font-size:1.2em;color:#515F69;background:#fff;line-height:32px;text-align:center;TEXT-DECORATION:none;margin:0px;padding:0px; float:left;white-space: nowrap;
overflow: hidden;text-overflow: ellipsis;
}

.top-wrap .nav-wrap .cat-nav a.cl {
 width:32%;font-size:1.2em;color:#515F69;line-height:32px;text-align:center;padding:0px; float:left;margin:0px;white-space: nowrap;
overflow: hidden;text-overflow: ellipsis;background:#F6F4F4;border-radius:5px;
}

.top-wrap .nav-wrap .cat-nav a.cl:hover {
 width:32%; font-size:1.2em;color:#fff;background:#fff;line-height:32px;text-align:center;TEXT-DECORATION:none;margin:0px;padding:0px; float:left;white-space: nowrap;
overflow: hidden;text-overflow: ellipsis;background:#A4A3A3;border-radius:5px;
}

.footer_wrap{
min-width:auto;
}
.footer{
width: 100%;
}

.footer .abtbox{ width: 90%;height:auto; margin:20px 0px 0px 12px;}
.footer .abtbox a{ 
  text-decoration:none; margin:0px 10px 0px 10px;
}
.footer .abtbox a:hover{ 
  text-decoration:none;margin:0px 10px 0px 10px;
}

.footer p{
width: 90%;height:auto; margin:20px 0px 20px 12px;font-size:1.2em;
}
}

@media screen and (max-width:375px){
}

@media screen and (max-width:360px){
}

@media screen and (max-width:320px){
}