@charset "utf-8";
/* body{min-width:1190px;} */
html {color: #555;}
body {color: #555;font: 14px/1.5 "Microsoft Yahei",Helvetica,sans-serif;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img, iframe {margin: 0;padding: 0;}
select, input, button, textarea, option {font: 14px "Microsoft Yahei",Helvetica,sans-serif;outline: medium none;}
img, iframe {border:none;}
table {border-collapse: collapse;border-spacing: 0;}
textarea {resize: none;}
li {list-style-type: none;}
a{ text-decoration:none;color: #555;word-break: break-all;word-wrap: break-word;}

a:focus {outline:none; -moz-outline:none;}
em  , i{font-style: normal;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important;  }
.wBreak {word-break: break-all; word-wrap: break-word;}
.Arial{font-family:Arial;}
.L {float: left;}
.R {float: right !important;}
.aL {text-align: left;}
.aR {text-align: right;}
.aC {text-align: center;}
.mt-5{margin-top:-5px;}
.mt0 {margin-top: 0 !important;}
.mt4{margin-top:4px;}
.mt5{margin-top:5px;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb60{margin-bottom:60px !important;}
.mb75{margin-bottom:75px !important;}
.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30{margin-right:30px !important;}
.mr35 {margin-right: 35px !important;}
.mr50 {margin-right: 50px !important;}
.mr80 {margin-right: 80px !important;}
.ml10 {margin-left: 10px !important;}
.pt10 {padding-top: 10px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pr10 {padding-right: 10px !important;}
.pl5{padding-left:5px !important;}
.pl10 {padding-left: 10px !important;}
.pl20 {padding-left: 20px !important;}
.pl40 {padding-left: 40px !important;}
.pl260 {padding-left: 260px !important;}
.pl320 {padding-left: 320px !important;}
.pt5{ padding-top:5px !important;}
.pb5{ padding-bottom:5px !important;}
.pb35{ padding-bottom:35px !important;}
.pt15{ padding-top:15px !important;}
.pt30{ padding-top:30px !important;}
.pt50{ padding-top:50px !important;}
.pr20{ padding-right:20px !important;}
.relative {position: relative;}
.absolute {position: absolute;}
.f12 {font-size: 14px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px !important;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f24 {font-size: 24px;}
.fB {font-weight: 900;}
.fNB {font-weight: 400;}
.red {color: #ff3333;}
.org{ color:#ff5700;}
.yellow{ color:#ff6600;}
.green{color:#71a13a;}
.blue{ color:#11a6e4;}
.blue2{ color:#1962db;}
.gray{ color:#999;}
.color-111{ color:#111;}
.color-333{ color:#333;}
.color-777{ color:#777;}
.color-999{ color:#999;}
.c-555{color:#555;}
.block {display: block;}
.hide {display: none;}
.clear {clear: both;}
.clearfix:after {clear: both;content: " ";display: block; height: 0;}
.nobg { background: none!important; background:none;}
.border{ border:1px solid #e5e5e5;}
.no-border{
    border:0 !important;
}
.border-r{  border-right:1px solid #e9e9e9;}
.border-b{  border-bottom:1px solid #e9e9e9;}
.b-radius3{-webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
.gray-bg{background:#f5f5f5;}
.blue-bg {
    background: #e6f8ff;
}
.o-hidden {
    overflow: hidden;
}
img{
	vertical-align: bottom;
}
.arial{
	font-family: arial;
}
.o-hidden{
	overflow: hidden;
}
/*hhl-08-30*/
.wrap{
	width:1190px;
	margin: 0 auto;
}
@media screen and (max-width:1190px ) {
	.wrap{
		width:950px;
	}
}
.wrap-950{
	width:950px;
	margin: 0 auto;
}
.dirlog{
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  display: none;
}
.dirlog-bg{
	width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  cursor: pointer;
}
.popup{
	position: absolute;
	left:50%;
	top:50%;
	display: none;
	background: #fff;
	border-radius: 3px;
	width:460px;
	margin-left: -260px;
}

/*头部-导航start*/
.topnav{ background:#f3f3f3; color:#777777; border-bottom:1px solid #e8e8e8;  font-size:14px;}
.topnav a{ color:#848484;}
.topnav a.blue{ color:#fd5555;}
.topnav li .nav-title {  padding-right:16px;  }
.topnav li a span.news{  display: inline-block;  width:18px;  height:18px;  background: #ff0000;  }
.topnav .wrap{ height:38px; line-height:38px;}
.topnav .wrap{margin-left: auto; margin-right: auto;width:1200px;  min-width:1200px;}
.topnav .wel{ float:left; height:27px; overflow:hidden; margin-left:5px;}
.topnav .quick-menu li{ position:relative;  padding:0 5px 0 10px; float:left;}
.topnav .quick-menu li:hover{
    background: #ffffff;
}
.topnav .quick-menu li .iconfont , .topnav li .nav-title{  background: url("../images/icon1.png") no-repeat;  }
.topnav .quick-menu li .iconfont{  display:block;  width: 20px;  height:15px;  float: left;  margin-top:12px;  background-position: 0 0;  }
.topnav li .nav-title {  background-position:51px -14px;  }
.topnav .nav-content {
    /*display: none;*/
    border: solid 1px #ebebeb;
    border-top: none;
    background-color: #fff;
    position: absolute;
    z-index: 99;
    display: none;
}
.topnav .topnav-my .nav-content{
    width:226px;
    position: absolute;
    left:0;
}
.topnav .topnav-collection .nav-content{
    width:113px;
    left:0;
}
.topnav .nav-content dl {
    float: left;
    padding: 0 12px 8px;
    line-height:24px;
    font-size:14px;
}
.topnav .nav-content dl dt{
    padding-top:10px;
}
.topnav .nav-content dl dt a{
    font-weight: 700;
    color: #333333 !important;
}
.topnav .nav-content dl dd{
    line-height:24px;
}
/*0327*/
.topnav .phone{
    width:83px;
    height:38px;
    line-height:38px;
    float: left;
    position: relative;
    padding-left:5px;
    cursor: pointer;
}
.topnav .phone:hover{
    background: #fff;
}
.topnav .iconphone{
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    margin-top: 12px;
    background: url("../images/icon1.png") no-repeat 0 -185px;
}
.topnav .phone-detail{
    width:265px;
    border:1px solid #ebebeb;
    border-top:0;
    position: absolute;
    background: #fff;
    z-index:10000;
    top:38px;
    left:0;
    display: none;
}
.topnav .phone-detail .phone-d-t{
    height:36px;
    line-height:36px;
    border-bottom:1px solid #ebebeb;
    font-size:14px;
    padding-left:20px;
}
.topnav .phone-detail .phone-d-img{
    padding:15px 0 0 20px;
}
/*--end*/

.required2::-webkit-input-placeholder {
  color: red;
}
.required2:-moz-placeholder {
  color: red;
}
.required2:-ms-input-placeholder {
  color: red;
}