html { background: #FFFFFF; }
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, fieldset, form, input, select, textarea, figure ,div,form,img,ul,ol,li,i,b,table,tr,td,th,fieldset,label,legend{ margin:0;padding:0;}
body { font-size: 12px; font-family: "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", Tahoma, Arial, STHeiti, sans-serif; _font-family: Tahoma, Arial, Helvetica, STHeiti, sans-serif; color: #333333; font-weight:normal; font-style:normal;}
ul, ol, menu { list-style: none; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, a img, iframe { border: 0 none; }
address, em, i { font-style: normal; }
input, select, button { vertical-align: middle; }
input, textarea, select { *font-size: 100%; }
button { overflow: visible; }
a,img,a img{border:0px;}
a{text-decoration:none;cursor:pointer;transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moztransition:all 0.2s ease-in-out; color:#333;}
a:hover{text-decoration:none; color:#fe7902;}
textarea{ outline:none; resize:none; border:1px solid #e3e3e3; font-size:12px;}
input.check{ vertical-align:middle; margin-right:2px;}
img{ vertical-align:top;}
.lt{float:left;}
.rt{float:right;}
.cl{ height: 0; line-height: 0; font-size: 0; clear: both;}
.clearfix { display: block; *zoom: 1; }
.none{ display:none;}

.fontcl1{ color:#0484cd;}
.fontcl2{ color:#ff6600;}
.pointcl{ color:#fd0202;}
.graycl{ color:#999;}
.whitecl{ color:#fff;}
.blackcl{ color:#000;}
.pagewd{ width:1200px; margin:0px auto;min-width:1200px;}
.smallpage{ width:1200px;margin:0px auto; min-width:1200px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.unline{ border-bottom:1px solid #eee;}
.blue_bg { background-color: #3C79C3; color: #FFFFFF; }
.indent { text-indent: 2em; }
p{line-height:30px; font-size: 14px; font-family: "Microsoft Yahei"; }
.btn{ display:inline-block;text-decoration:none; cursor:pointer;transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moztransition:all 0.2s ease-in-out;  height:35px; line-height:35px; opacity:1; filter:alpha(opacity=100);}
.btn:hover{ opacity:0.8;filter:alpha(opacity=80);}
.rap{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0;}
input{margin:0;padding:0;border:0; background:none;font-family:"Microsoft Yahei";}
table{ border-collapse:collapse;}
body{font-size:12px;color:#333; font-family:"Microsoft Yahei";background:url(bg.jpg) center top repeat-y;}
img,a{border:0; text-decoration:none;}
ol, ul {list-style: none; }
.clears{ clear:both;}
a{color:#333;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out;}
a:hover{color:#F00;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out;}

.web-width{width:1180px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.red{color:#f00;}
.height1{height:7px;}
.height2{ height:30px;}
.height3{ height:20px;}
.font14{ font-size:14px;}
.font12{ font-size:12px;}
.alignLeft{ text-align:left;}
.alignCenter{ text-align:center;}
.alignRight{ text-align:right;}
.green{color:#7ABD54;}
.orange{color:#f60;}
.hui{color:#999;}





/*top-bg*/
.top-bg{width:100%; height:620px; background:url(../images/top-bg.jpg)#162538 center top no-repeat;}
.top-bg .web-width{position:relative;height:620px; }
.message{ position:absolute;right:0;top:90px;width:345px; height:390px; background:#fff; padding:20px 20px 30px 20px; z-index:2;}
.messtitle{font-size:28px;color:#bc1b21; font-weight:400; height:24px; line-height:24px; text-align:center;margin:0 0 18px 0;}
.messlist{ height:35px;margin-bottom:2px;}
.messlist-input{width:200px; height:26px; background:#f1f1f1; font-size:18px;padding:2px; margin:5px; line-height:25px;}
.messlist-input100{width:100px; height:26px; background:#f1f1f1; font-size:18px;padding:2px; margin:5px; line-height:25px;}
.messosub{width:100%; height:50px; line-height:50px; font-size:24px;color:#fff; background:#bc1b21; text-align:center;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px; cursor:pointer;}
.messosub:hover{ background:#e5142e;}
.messtext{ font-size:18px; text-align:center;padding:10px 0;}
.messtext strong{ font-size:24px;color:#bc1b21;}
.messtip{border-top:#f1f1f1 1px solid;}
.messtip h3{height:30px; line-height:30px;color:#e3224f; font-size:14px; }
.messtip p{ font-size:12px; line-height:24px;}



/*头部样式开始*/
.ico { display:inline-block; vertical-align:middle; background:url('icoLi.png') no-repeat; }
.top_bar { font-size:14px; color:#333; background-color:#EBEBEB; width: 100%; height: 30px; min-width:1200px; }
.top_bar .left_side { line-height: 20px; color: #333; margin: 5px 0px 0px 0px; }
.top_bar .left_side span { margin-right:10px; }
.top_bar .left_side span i.ic_phone { width:18px; height:14px; background-position:0px 0px; }
.top_bar .left_side a { text-decoration: none; color: #333; }
.top_bar .right_side { line-height: 20px; margin: 5px; }
.top_bar .right_side a { color: #DD020A; margin:0px 2px; }
.top_bar .right_side a:hover { color: #000; }
.headerCont { width: 100%; height:70px; min-width:1200px; background:#FAFAFA; box-shadow:0 1px 0 rgba(0, 0, 0, 0.05); position:relative; z-index:20;}
.header { height: 70px; z-index: 3; }
.header .logo {  margin:10px 0px; }
.main_nav { width:auto; height: 70px; position: relative; }
.main_nav_menu li { float:left; font-size: 12px; vertical-align: top; display: inline-block; }
.main_nav_menu a { font:normal 16px/30px "微软雅黑"; display: block; text-align: center; height: 30px; padding: 20px 20px 20px 21px; color: #333; border-style:solid; border-width:0px 1px 0px 1px; border-color:#fafafa; z-index:2; position:relative; }
.main_nav_menu a:hover,
.main_nav_menu a.now { color: #242d3c; background-color: #fff; border-color:#e8e8e8; }
.main_nav_menu li.current a { color: #333; background:#fff; border-color:#e8e8e8; }
.main_nav_menu li.current span { padding-bottom: 3px; border-bottom: solid 3px #333; }
.main_nav_box { background-color: #FFF; width:100%; height: 0; position: absolute; z-index: 1; left: 0; top: 69px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; box-shadow: 0 4px 0 rgba(0, 0, 0, 0.25); }
.main_nav_box .cont { display: none; position: relative; font-size: 0; border:1px solid #EEE; }
.main_nav_box .cont dl { font-size: 12px; vertical-align: top; letter-spacing: normal; white-space: normal; display: inline-block; width:21%; padding: 10px 13px 10px 13px; margin: 10px 0 10px -1px; border-left: dotted 1px #CCC; text-align:center}
.main_nav_box .cont dt { font-size: 14px; font-weight: 600; line-height: 26px; }
.main_nav_box .cont dt a { color: #000; }
.main_nav_box .cont a { text-decoration: none; }
.main_nav_box .cont a dd { color: #777777; }
.main_nav_box .cont a:hover dt{ color:#ff6600;}
.main_nav_box .cont dd{ background-size:50px 50px;width:50px; height:50px; margin:0px auto; background:url('navIcon.jpg') no-repeat;}
.main_nav_box .cont dd.ico1{ background-position:0px -50px;}
.main_nav_box .cont dd.ico2{ background-position: -50px;}
.main_nav_box .cont dd.ico3{ background-position:-100px -50px;}
.main_nav_box .cont dd.ico4{ background-position:-150px -50px;}
.main_nav_box .cont dd.ico5{ background-position:-200px -50px;}
.main_nav_box .cont dd.ico6{ background-position:-250px -50px;}
.main_nav_box .cont dd.ico7{ background-position:-300px -50px;}
.header_banner { background-color: #FFF; width: 100%; height: 450px; text-align:center; overflow:hidden; min-width:1200px; }
.hunBanner{ width:100%; height:400px; overflow:hidden; text-align:center; background:url(hunqing_banner.jpg) 50% 50% no-repeat;}
/*头部样式结束*/

/*底部样式开始*/
.footer { background:#242D3C;  padding:0px 0px; min-width:1200px;}
.footer .footer_left { width:500px; }
.footer .footer_left .logo_weibo { margin-bottom:10px; }
.footer .footer_left .footer_logo img { width:150px; height:auto; }
.footer .footer_left .medium { margin-top:15px; margin-left:20px; }
.footer .footer_left .medium a { margin-left:10px; }
.footer .footer_left p { height:26px; color:#fff; line-height:26px; font-size:12px; }
.footer .footer_left p.link { color:#eee; }
.footer .footer_left p.link a { display:inline-block; color:#fff; margin:0px 5px; }
.footer .footer_left p.link a:hover { color:#80DCFF; text-decoration:underline; }
.footer .footer_left p.link a:first-child { margin-left:0px; }
.footer .footer_mid { width: 300px; color:#fff; }
.footer .footer_mid h2 { font-size:18px; font-weight:800; height:40px; line-height:40px; }
.footer .footer_mid .tel { background:url('icon_tel.png') no-repeat left center; padding-left:30px; height:28px; line-height:28px; font-size:18px }
.footer .footer_mid small { font-size:12px; margin-left:5px; color:#ddd; }
.footer .footer_mid .openqq { background:url('icon_qq.png') no-repeat left center; padding-left:30px; height:28px; line-height:28px; font-size:18px; margin-top:10px }
.footer .footer_mid .openqq a { color:#fff; }
.footer .footer_mid .openqq a:hover { color:#80DCFF; text-decoration:underline; }
.footer .footer_weixin { width:200px; text-align:center; color:#fff; line-height:24px; margin-top:10px; }
.footer .footer_weixin img { width:120px; height:120px; }
.cotactLink{ padding:15px 0px; background:#eee;line-height:24px; min-width:1200px;color:#666; }
.cotactLink a{ color:#666; display:inline-block; border-left:1px solid #999; height:12px; line-height:12px; margin-bottom:10px; padding:0px 15px;}
.cotactLink a:first-child{ border-left:none;}
.cotactLink a:hover{ color:#333;}
/*底部样式结束*/

/*右侧客服样式结束*/
.rtService { position: fixed; right: 10px; top: 150px; z-index: 100; width: 110px; height: 272px; }
.rtService .open_rtser { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url('open_im.png') no-repeat left top; display:none }
.rtService .se_main { background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB; }
.rtService .close_se { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.rtService .close_se a { display: block; width: 24px; height: 24px; background: url('close_im.png') no-repeat left top; }
.rtService .qq_a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.rtService .qq_a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.rtService .qq_hover { width: 70px; height: 70px; border-radius: 35px; position: absolute; left:20px; top: 10px; overflow: hidden; z-index: 9; }
.rtService .img_qq { max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.rtService .im_qq:hover .img_qq { max-width: 70px; left: 1px; top: 8px; position: absolute; }
.rtService .ser_tel { color: #000000; text-align: center; width: 109px; height: 120px; border-bottom: 1px solid #dddddd; padding:5px 0px; }
.rtService .ser_tel p { font-size:12px; line-height:24px; }
.rtService .ser_side { position:relative; }
.rtService .weixin_cont { width: 53px; height: 47px; border-right: 1px solid #dddddd; border-bottom-left-radius: 10px; background:#f5f5f5 url('weixing-icon.png') no-repeat center; cursor:pointer }
.rtService .go_top { width: 52px; height: 47px; border-bottom-right-radius: 10px; background:#f5f5f5 url('toTop-icon.png') no-repeat center; cursor:pointer }
.rtService .go_top a { display: block; width: 52px; height: 47px; }
.rtService .weixin_show { width:100px; padding:10px 5px; text-align:center; height:150px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; display:none; }
.rtService .weixin_show p { font-size:12px; line-height:24px; }
.rtService .weixin_show .weixin_sanjiao { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 110px; top: 134px; position: absolute; z-index: 2; }
.rtService .weixin_show .weixin_sanjiao_border { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 110px; top: 132px; position: absolute; }
.rtService .weixin_show .weixin_ma { width: 100px; height: 100px; margin-top:5px; }
/*右侧客服样式结束*/