@charset "utf-8";
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
li,a,p,span{transition: all .5s;-moz-transition: all .5s;/* Firefox 4 */-webkit-transition: all .5s;/* Safari 和 Chrome */-o-transition: all .5s;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul , li{list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;color:#ff1717;} /*for ff f6n.net*/
a:hover {text-decoration: none; color:#ff1717;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-table; } /* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.btn { position: relative; z-index: 10; overflow: hidden; display: inline-block; font-weight: 700; cursor: pointer; border: 2px solid rgba(255, 255, 255, 0.4); background: transparent; outline: none;
  -moz-transition: 0.2s all ease;
  -webkit-transition: 0.2s all ease;
  -o-transition: 0.2s all ease;
  transition: 0.2s all ease;
  text-transform: uppercase;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); letter-spacing: .12em; font-family: Verdana; padding: 16px 30px; font-size: 16px; line-height: 20px; border-radius: 6px;
}


/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}

/*其他*/
.cur{cursor:pointer;}
.imgauto{width:264px;height:220px;position:relative;background:#fff;text-align:center;}
.imgauto img{max-width:100%;}

/*原reset*/
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;border:1px;}
input,select{vertical-align:middle;}
body{font:14px/1.5 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:14px; font-family: "微软雅黑"; position:relative;}
.wrap{margin:0 auto; width:1200px;}
/**/
.topbox{ background: #f3f3f3; height: 40px; line-height: 40px; overflow: hidden;}
.topbox .lianxi{}
.topbox .lianxi span{ display: inline-block; padding-left: 28px; margin-right: 10px;}
.topbox .lianxi span.phone{background: url(../images/tel-phone.png) left center no-repeat;}
.topbox .lianxi span.email{background: url(../images/tel-email.png) left center no-repeat;}
.topbox .lianxi span.mobile{background: url(../images/tel-mobile.png) left center no-repeat;}
/**/
.header{ height: 80px; padding: 20px 0;}
.header .logo{}
.header .logo img{height: 80px;}
.header ul.navbox{margin-top:15px;}
.header ul.navbox>li{ float: left; margin: 0 15px; height: 50px; line-height: 50px; border-bottom: 3px solid #fff; position: relative;}
.header ul.navbox>li a{ display: block; padding: 0 15px; font-size: 16px;color: #333;}
.header ul.navbox>li.on,.header ul.navbox>li:hover{border-bottom: 3px solid #4c7ee6;}
.header ul.navbox ul.subnav{ position: absolute;top: 50px; z-index: 10; width: 180%; background: #2a4f9e;padding:0px 0;display:none;}
.header ul.navbox ul.subnav li{height: 50px;line-height: 50px;text-align: center;}
.header ul.navbox ul.subnav li a{ display: block; padding: 0;color:#fff;}
.header ul.navbox ul.subnav li:hover{background:#4c7ee6;}
/**/
.headerfixed{position: fixed; top: 0; background: #f5f5f5; width: 100%; z-index: 999;}
.headerfixed ul.navbox>li{border-bottom: 3px solid #f5f5f5;}
.headerfixedbg{display:none;background: url(../images/headerfixed.png) 0 bottom repeat-x;padding-bottom:5px;position: relative; top: 20px;z-index: 9;}
/*search*/
.search { overflow:hidden; width:100%;padding:10px 0; background-color:#f0f0f0}
.search p{ line-height:40px; float:left; font-size:14px; color:#8b8b8b;}
.search p a{ color:#8b8b8b}
.search p a:hover{ color:#333}
.search .sbox {overflow:hidden; width:373px; height:40px; background-color:#3f68bf; float:right}
.search .sk{display:block; float:left; width:308px; height:38px; margin:1px; border:none; outline:none; line-height:38px; font-size:13px; color:#b1b1b1; padding:0 10px;}
.search .ss{ display:block; width:43px; height:40px; float:right; background:url(../images/ssbg.png) no-repeat center center; cursor:pointer}

/*尾部*/
.footer{overflow:hidden; width:100%;background: #4c4c4c;}
.footer .footer_Nav{width:100%;background-color:#1b3d84; height:78px;}
.footer .footer_Nav .dbdh{ width:1200px; margin:0 auto;line-height:78px; text-align:center;}
.footer .footer_Nav a{color:#FFF;font-size:16px;padding:0px 30px}
.footer .footer_Nav a:hover{ color:#000}
.footer .foot_content{ margin:30px 0;}
/*.footer .foot_content .footer_LOGO{float:left;}
.footer .foot_content .footer_LOGO img{ margin-top:20px;}
.footer .foot_content .footer_middle{overflow:hidden; width:550px;float:left;}
.footer .foot_content .footer_middle p{ padding-left:15px;font-size:14px; color:#464646; line-height:34px;}
.footer .foot_content .footer_right{color:#1b3d84;float:right;text-align:center;}*/
.footer .wp{padding: 40px 0;text-align: center;} 
.footer .wp li{display: inline-block;width: 222px;color: #fff;padding-left: 73px;background-repeat: no-repeat;background-position: left center;text-align: left;vertical-align: top;} 
.footer .wp li.li1{background-image: url(../images/icon8.png);} 
.footer .wp li.li2{background-image: url(../images/icon9.png);} 
.footer .wp li.li3{background-image: url(../images/icon10.png);} 

.footer .wp li.li4{background-image: url(../images/icon11.png);} 
.footer .wp li h3{margin-bottom: 0px;font-size: 14px;font-weight: 400;} 
.footer .wp li p{font-size: 16px;line-height: 35px;} 
.footer .wp li.li1 p{font-weight: 600;font-size: 22px;} 
/**/
.bdsharebuttonbox{position:relative;}
.bdsharebuttonbox.bdshare-button-style0-16 a{background-position: 0 0;width: 25px;height: 25px;margin: 5px 14px 5px 0;line-height: 25px;padding-left: 0;} 
.bdsharebuttonbox.bdshare-button-style0-16 a:hover{opacity: 1;} 
.bdsharebuttonbox .bds_sqq{background-image: url(../images/qq.png);} 
.bdsharebuttonbox .bds_sqq:hover{background-image: url(../images/qq-hover.png);} 
.bdsharebuttonbox .bds_weixin{position: relative;background-image: url(../images/weixin.png);} 
.bdsharebuttonbox .bds_weixin:hover{background-image: url(../images/weixin-hover.png);} 
.bdsharebuttonbox .bds_weixin .pic{display: none;position: absolute;bottom: 0;left: -48px;width: 116px;height: 132px;padding: 29px 10px 16px 10px;background-repeat: no-repeat;background-position: center center;background-image: url(../images/bj4.png);-webkit-background-size: contain;background-size: contain;transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;} 
.bdsharebuttonbox .bds_weixin .pic img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;} 
.bdsharebuttonbox .bds_weixin:hover .pic{display: block;bottom: 0;} 

.bdsharebuttonbox .bds_tsina{background-image: url(../images/weibo.png);} 
.bdsharebuttonbox .bds_tsina:hover{background-image: url(../images/weibo-hover.png);} 
/*.footer .footer_right h3{ font-size:14px}*/
/**/
.footer .copy{padding: 17px 0;overflow: hidden;background-color: #1a1a1a;} 
.footer .copy p{float: left;font-size: 12px;color: #aaa;} 
.footer .copy p a{color: #d8d8d8;} 
.fd-link{float: right;} 
.fd-link li{float: left;} 
.fd-link li a{display: block;font-size: 12px;color: #aaa;padding: 0 7px;border-right: 1px solid #aaa;transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;} 
.fd-link li:last-child a{padding-right: 0;border-right: 0;} 
.fd-link li a:hover{color: #fff;} 
/**/
.gotop{width:36px;height:36px;position: fixed;bottom: 36px;right: 36px;display:none;}
.gotop a{display:block;width:36px;height:36px;border-radius: 18px;background:#d72d1b url(../images/gotop.png) no-repeat center center;}
/*客服*/
.kf { width: 190px; position: fixed; right: -190px; top: 200px; z-index: 9;} 
.kt-top { height: 40px; line-height: 40px; background: url("../images/kefu.png") 12px center no-repeat #ff2808;-o-background-size: auto 20px;-ms-background-size: auto 20px;-moz-background-size: auto 20px;-webkit-background-size: auto 20px;background-size: auto 20px; padding-left: 46px; font-size: 14px; color: #fff;} 
.kt-top span:hover{   transform: rotate(90deg);} 
.kt-top span { width: 18px; height: 16px; float: right; position: relative; margin: 10px 10px 0px 0px; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;} 
.kt-top span b { width: 100%; height: 2px; background: #fff; display: block; position: absolute; top: 50%; left: 0;} 
.kt-top span b:first-child { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);} 
.kt-top span b:last-child { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);} 
.kf .con { overflow: hidden; background: #fff;} 
.kf .qq li { height: 36px; line-height: 36px; border-bottom: #f5f5f5 solid 1px; padding-left: 16px;} 
.kf .qq li a { height: 36px !important; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: initial; display: block;} 
.kf .qq li a img{ padding-right: 6px;} 
.kf .con h5{ height: 26px; line-height: 26px; margin-top: 12px; background: url('../images/lianxi.png') 16px center no-repeat; padding-left: 45px; color: #666; font-size: 14px;} 
.kf .contact { margin-top: 1px;} 
.kf .contact p{ height: 26px; line-height: 26px; color: #666; font-size: 14px; padding-left: 22px;} 
.kf .contact p:nth-child(2n){ padding-left: 32px;color: #ff0208;font-size: 16px;} 
.kf .con h5.qr-icon{ background: url('../images/erweima.png') 16px center no-repeat;} 
.kf .con .qr{ margin-top: 10px; padding-left: 40px;} 
.kf .con .qr img{ width: 110px; height: 110px;} 
.kf-side{ padding: 18px 10px 10px; background: #ff0208; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: -34px; cursor: pointer;} 
.kf-side b{ display: block; color: #fff; line-height: 18px; font-size: 14px; font-weight: normal;} 
.kf-side span.arrow{ width: 12px; height: 12px; background: url('../images/jt-1.png') no-repeat;-o-background-size: auto 12px;-ms-background-size: auto 12px;-moz-background-size: auto 12px;-webkit-background-size: auto 12px;background-size: auto 12px; display: block; margin-top: 10px;} 
.kf-side span.on{ background: url('../images/jt-2.png') no-repeat; -o-background-size: auto 12px; -ms-background-size: auto 12px; -moz-background-size: auto 12px; -webkit-background-size: auto 12px; background-size: auto 12px;}