@charset "utf-8";
body {font-family:Hiragino Sans GB, Microsoft Yahei, arial, sans-serif; font-size:12px; font-weight:normal; color: #424242; background: #fafafa}
*{margin:0; padding:0; border:0;}

ul,ol,li{ list-style:none;}
a{ text-decoration:none; color: #424242; 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: #424242;}
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{
width:100%; min-width:1180px; 
}


.header .dp-wrap{ width:100%; min-width:100%; height:auto; background:#fff;border-bottom:#F9F9F9 5px solid; }

.header .dp-wrap .dp-box{ width:100%;height:50px; margin:0 auto; position:relative;
border-bottom: #EAE4E4 1px solid;

}

.header .dp-wrap .dp-box .logo{ 
WIDTH:180px;height:50px;float:left;text-align:center;
}

.header .dp-wrap .dp-box .logo img {
margin-top:3px;
}

.header .dp-wrap .dp-box .h-block{ 
WIDTH:180px;height:50px;float:left;line-height:50px;text-align:center;
}

.header .dp-wrap .dp-box .h-block a{ 
  text-decoration:none;font-size:16px;margin:0px;
}
.header .dp-wrap .dp-box .h-block a:hover{ 
  text-decoration:none;font-size:16px; margin:0px;
}

.header .dp-wrap .dp-box .h-nav{ 
height:50px;float:left;line-height:50px;text-align:center;
}
.header .dp-wrap .dp-box .h-nav a{ 
line-height: 40px;font-size:14px;margin-right:10px;
  padding:2px 9px 4px 9px;border-radius: 15px;
}

.header .dp-wrap .dp-box .h-nav a:hover{ 
line-height: 40px;font-size:14px;color: #fff;
background:#EB0320;padding:3px 9px 3px 9px;border-radius: 15px;
}

.header .dp-wrap .dp-box .h-nav a.cl{ 
line-height: 40px;font-size:14px;color: #fff;
background:#EB0320;padding:3px 9px 3px 9px;border-radius: 15px;
}

.header .dp-wrap .dp-box .h-nav a.cl:hover{ 
line-height: 40px;font-size:14px;color: #fff;
background:#A60000;padding:3px 9px 3px 9px;border-radius: 15px;
}
.header .dp-wrap .dp-box .h-nav li{ 
height:50px;float:left;line-height:50px;margin:0px 12px;
}

.header .dp-wrap .dp-box .user-box{ 
WIDTH:480px;height:50px;float:right;margin-right:10px;
}
.header .dp-wrap .dp-box .user-box a{ 
  text-decoration:none;font-size:14px; margin:0px;
}
.header .dp-wrap .dp-box .user-box a:hover{ 
  text-decoration:none;font-size:14px; margin:0px;
}

.header .dp-wrap .dp-box .user-box .usert{ 
WIDTH:200px;float:left;font-size:14px; height:50px;line-height:50px;text-align:right;margin-right:10px;
}
.header .dp-wrap .dp-box .user-box .spacer{ 
overflow: hidden; margin: 15px 8px; width: 0px; height: 18px; border-left: #EAE4E4 1px solid;float: left;
  }
.header .dp-wrap .dp-box .user-box .userm{ 
WIDTH:80px;float:left;text-align:center; height:50px;line-height:50px;
}
.header .dp-wrap .dp-box .user-box .userq{ 
WIDTH:80px;float:left;text-align:center; height:50px;line-height:50px;
}
.footer{
width:100%; 
}
.footer .footer-box{
WIDTH: 100%;
  PADDING: 0px;
  MARGIN-top: 100px;
  float:left;background: #F9F9F9;
}
.footer .footer-box span{
WIDTH: 100%;height:80px;line-height:80px;float:left;
text-align: center;COLOR: #848484;
}

.footer .footer-box span a{ 
COLOR: #848484;
}
.footer .footer-box span a:hover{ 
COLOR: #848484;
}

@media screen and (max-width:767px){
.footer .footer-box{
MARGIN-top:20px;height:auto;
}
.footer .footer-box span{
height:auto;line-height: 32px;margin:10px 0px;
}




}

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

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

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