@charset "utf-8";

/* style.css */
header, section, footer, aside, nav, main, article, figure { display: block }
strong { font-weight: bold }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 }
body, html { font-size: 100%; padding: 0; margin: 0 }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { margin: 0; padding: 0 }
body, button, input, select, textarea, option { font-family: '微软雅黑', 'Arail', tahoma, Srial, helvetica, sans-serif; color: #333 }
body { background-color: #f4f4f4 }
form { display: block }
em { font-style: normal }
ul, ol, li { list-style: none }
a { text-decoration: none; color: #333 }
a:hover { text-decoration: none }
img { border: 0px }
table { border-collapse: collapse; border-spacing: 0 }
.fl { float: left }
.fr { float: right }
.clear { clear: both; text-indent: -9999px }
.clearfix:before, .clearfix:after { content: " "; display: table }
.clearfix:after { clear: both }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; font-family: '微软雅黑', "microsoft yahei", Arial, Verdana, sans-serif, 'Tahoma' }
select, option, input, textarea { padding: 0; margin: 0; border: none }
select:hover { cursor: pointer }
input[type="submit"]:hover { cursor: pointer }
* html .clearfix { height: 1% }
.clearfix { display: block }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.hide { opacity: 0; filter: opacity(0); }
.none { display: none }
.block { display: block }
.inline-block { display: inline-block }
.whole-a { display: block; width: 100%; height: 100% }
.whole-img { width: 100%; height: 100% }
.text-center { text-align: center }
.text-right { text-align: right }
.text-left { text-align: left }
a, p, i, span { font-size: inherit; color: inherit; line-height: inherit }
a, li, input, select, textarea, .tran02 { transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out }
.tran06 { transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out }
.w { width: 1200px; margin: 0 auto }
.mcolor { color: #e03838 !important; }
.white { color: #fff !important; }
.gray { color: #666 !important; }
.yellow { color: #f90 !important; }
.red { color: #fb0504 !important; }
@font-face { font-family: engra; src: url('../fonts/engra.ttf'); }
.text-shadow { text-shadow: #666 2px 2px 3px; }
.box-shadow { box-shadow: rgba(0, 0, 0, .3) 2px 2px 3px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.hfit { height: 100%; }
.wfit { width: 100%; }
.overhide { overflow: hidden !important; }
.f14{font-size:14px !important;}

/*button*/
.button { padding: 5px 16px; font-size: 14px; background-color: #f6f6f6; color: #333; border-color: #ddd; }
.button.radius { border-radius: 4px; }
.button.border { border-width: 1px; border-style: solid; }
.button.btn-sm { padding: 2px 6px; font-size: 12px; }
.button.btn-big { padding: 6px 46px; font-size: 14px; }
.button:hover { background-color: #f9f9f9; }
.button.btn-main { background-color: #e03838; color: #fff; border-color: #ddd; }
.button.btn-main:hover { background-color: #073466; }
.button.btn-main-em { background-color: #fff; color: #e03838; border: 1px solid #e03838; }
.button.btn-main-em:hover { background-color: #eee; }
.button.btn-white { color: #073466; background: #fff; opacity: 1; filter: opacity(100); }
.button.btn-white:hover { opacity: .8; filter: opacity(80); }
.button.btn-white-em { background-color: transparent; color: #fff; border: 1px solid #fff; }
.button.btn-white-em:hover { background-color: rgba(255, 255, 255, 0.3); }

/*link*/
a.mlink { color: #073466; }
a.mlink:hover { color: #e03838; }
a.graylink { color: #666; }
a.graylink:hover { color: #e03838; }
a.whitelink { color: #fff; }
a.whitelink:hover { color: #e03838; }

/* form-inline */
.form-inline { }
.form-inline .form-group { height: 34px; clear: both; margin-bottom: 10px; }
.form-inline .form-group .input-group { float: left; width: 30%; height: 100%; margin-right: 3%; }
.form-inline .form-group .input-group.long { width: 60%; }
.form-inline .form-group .input-group .input-label { font-size: 13px; line-height: 34px; }
.form-inline .form-group .input-group .input-tip { width: 100%; height: 20px; font-size: 13px; line-height: 20px; }
.form-inline .form-group .form-control { width: 440px; height: 100%; background: #fff; padding: 0 8px; font-size: 14px; line-height: 32px; border: 1px solid #bbb; border-radius: 2px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
.form-inline .form-group .form-control:focus { border-color: #073466; }
.form-inline .form-group .form-control.short { width: 100px; }
.form-inline .form-group .form-control.long { width: 600px; }
.form-inline .ml10 { margin-left: 10px; }
.form-inline .form-bottom { padding-top: 10px; line-height: 34px; }

/* form-adjust */
.form-adjust { }
.form-adjust .form-group { width: 100%; height: 32px; clear: both; margin-bottom: 10px; }
.form-adjust .form-control { width: 100%; height: 100%; background: #fff; padding: 0 8px; font-size: 12px; line-height: 30px; border: 1px solid #bbb; border-radius: 4px; }
.form-adjust .form-control:focus { border-color: #ffbc09; }
.form-adjust .form-bottom { line-height: 24px; color: #fff; font-size: 12px; }
.form-adjust .form-bottom a:hover { text-decoration: underline; }
.button.btn-yellow, .button.btn-yellow2 { background: url(../images/btn_yellow_bg2.png) no-repeat 140px center, url(../images/btn_yellow_bg1.png) repeat-x left center; border: 1px solid #666; border-radius: 4px; color: #fff; padding-right: 30px; text-align: center; font-size: 14px; }
.button.btn-yellow2 { background: url(../images/btn_yellow_bg3.png) no-repeat 140px center, url(../images/btn_yellow_bg1.png) repeat-x left center; }

/* banner图滚动模板 */
.focus { position: relative; width: 100%; height: 100%; background-color: #fff; }
.focus img{ width: 100%; height: 100%;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:30px; line-height: 28px; display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:5px; right:10px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#ff1d2d;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  

/* .mk_tag */
.mk_tag { width: 100%; height: auto; }
.mk_tag .tag_h { width: 100%; height: 49px; border-bottom: 5px solid #ff1d2d;/* background: #a6ce39; */	/* margin-bottom: 6px; */ }
.mk_tag .tag_h a { position: relative; display: block; float: left; width: auto; padding: 0 20px; border-radius: 4px 4px 0 0; height: 44px; border: 1px solid #ddd; color: #444; border-bottom: 0; background: #ececec; margin-right: 4px; font-size: 16px;/* font-weight: bold; */ line-height: 43px; text-align: center; }
.mk_tag .tag_h a:hover { color: #ff1d2d; }
.mk_tag .tag_h a.on { background: #ff1d2d; color: #fff; border-color: #b50303; }
.mk_tag .tag_m { position: relative; border: 1px solid #ddd; width: 100%; border-radius: 0 0 6px 6px; box-shadow: 2px 2px 14px #eee; border-top: 3px solid #b50303; height: 844px; }
.mk_tag .tag_m .tag_b { display: none; width: 100%; height: auto; position: absolute; top: 0; left: 0; padding: 20px; }
.mk_tag .tag_m .tag_b.on { display: block; }

/*.mk_tag .tag_m .tag_b .tag_c{
	max-height: 900px;
	overflow: auto;
}*/
.foot .foot-add{font-size:12px; line-height:25px;
}
/*在线客服样式*/
.main-im { position: fixed; right: 10px; top: 200px; z-index: 100; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; color: #c00; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq { width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq { width: 106%; left: -2px; top: -2px; position: absolute;  }
.main-im .im_main { background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB; display: none; }
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: auto; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div { font-weight: bold; font-size: 12px; margin: 10px 0; }
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15; }
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container { width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center; float: left; }
.main-im .im_main .weixing-show { width: 154px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -154px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 260px; top: 134px; position: absolute; z-index: 2; }
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 260px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { height: 143px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt { position: absolute; top: 140px; left: 30px; width: 100px; margin: 0 auto; text-align: center; }
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/totop-icon.png) no-repeat center center; float: right; }
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }
.pagecon { width: 1000px; margin: 0 auto; background: #fdd000; }