@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
fieldset, img { border: 0; }
/* remember to define focus styles! */
address, caption, cite, code, dfn, em, th, var, optgroup { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
abbr, acronym { border: 0; font-variant: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
code, kbd, samp, tt { font-size: 100%; }
/*[url=]!*@purpose[/url] To enable resizing for IE *!
[url=]!*@branch[/url] For IE6-Win, IE7-Win *!*/
input, button, textarea, select { *font-size: 100%; }
:focus { outline: none; }
ol, ul, li { list-style: none; }
/* remember to highlight anchors and inserts somehow! */
:link, :visited, ins { text-decoration: none;  }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
body {font: normal 14px/1 "Microsoft Yahei",Simsun,Arial,sans-serif; color: #000; max-width:1920px;min-width:1000px;margin:0 auto; background: #fff;}
html { -webkit-text-size-adjust: none; }
/*::selection { text-shadow:none;}*/
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
sup, sub { font-size: 80%; line-height: 1px; }
a{color:inherit}
img{ vertical-align: middle;}
input,textarea,button{ border: 0;}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*common style*/
.fl-left { float: left; }
.fl-right { float: right; }
.fl-none { float: none; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }
.pos-0 { position: static!important; }
.pos-rel { position: relative; }
.pos-abs { position: absolute; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.pr20{padding-right:20px;}
.mt50{ margin-top: 50px;}
.mt40{ margin-top: 40px;}
.sl-wrapper { width: 100%; }
.sl-container { width: 1200px; margin-left: auto; margin-right: auto; }
.clearfix:after{display:block; clear:both; content:""; visibility:hidden; height:0}
.clearfix{ zoom:1}
.links a:hover{ color: #c40000; text-decoration: underline;}
.links1 a:hover{ text-decoration: underline;}


/*dingbu*/
.top{ color: #fff; height: 30px; line-height: 30px; background: #2c2c2a; }
.top li{ float: left; position: relative; padding-left: 22px; margin-left: 22px; background: url("../images/sprites.png") no-repeat 0 0;}
.top .top-search{ background: 0; padding-left: 0;}
.top .top-zx{ background-position: 0 -22px;}
.top .top-guanzhu{ position: relative; background-position: 0 -52px;}
.top .top-weixin{ display: none; position: absolute; left: 50%; margin-left: -56px; top: 30px; }
.top .top-guanzhu:hover .top-weixin{ display: block; }
.top-search input{ background: #fff; font-size: 12px; height: 20px; line-height: 20px; padding: 0 5px;}
.top-search button{ background: #c40000; color: #fff; line-height: 20px; height: 20px; padding: 0 10px; cursor: pointer;}
.top .top-xiaochengxu{ padding-left: 25px; background: url("../images/mini-program.png") no-repeat left center; }
.top .top-xiaochengxu:hover .top-weixin{ display: block;}

.logo{ padding: 25px 0;}
.logo h1 a{ display: block; width: 300px; height: 50px; background: url("../images/logo.png") no-repeat center;}
.logo ul.fl-right > li{ float: left; line-height: 50px; }
.logo-globe{ position: relative; font-size: 18px; padding-left: 35px; margin-right: 60px; background: url("../images/sprites.png") no-repeat 0 -82px; cursor: pointer;}
.logo-rexian b{ font-size: 18px; color: #e60012; }
.dingbu-xiala{ display: none; position: absolute;  left: 0; top: 50px; width: 100%; background: #fff; border: 1px solid #ccc; z-index: 99;}
.dingbu-xiala li a{ display: block; line-height: 40px; text-align: center; font-size: 14px; }
.dingbu-xiala li:hover{ background: #f0f0f0;}
.logo-globe:hover .dingbu-xiala{ display: block;}
/*dingbu end*/

/*nav*/
.nav{ background: #f0f0f0; border-top: 1px solid #b4b4b4;}
.nav-list{ padding: 0 5px;}
.nav-list > li{ position: relative; float: left; width: 120px; margin: 0 25px; text-align: center; font-size: 18px; line-height: 60px; border-top: 2px solid transparent; margin-top: -1px;}
.nav-list > li > a{ display: block;}
.nav-sub{ display: none; position: absolute; left: 0; top: 60px; width: 100%; padding: 15px 0; text-align: center; background: rgba(255,255,255,.92); font-size: 16px; border-bottom: 5px solid #e44445; z-index: 999; }
.nav-sub li{ line-height: 40px;}
.nav-list > li:hover{ border-top-color: #c40000;}
.nav-list > li:hover .nav-sub{ display: block;}
.pro-sub{ padding: 45px 45px 40px; text-align: left; }
.pro-sub dl{ float: left; width: 110px;}
.pro-sub dl + dl{ margin-left: 20px;}
.pro-sub .dl2{ width: 430px;}
.pro-sub .dl2 dd{ float: left; width: 143px;}
.pro-sub dt,.pro-sub dd{ color: #333;}
.pro-sub dt{ font-size: 24px; line-height: 1; padding-bottom: 20px; margin-bottom: 8px; border-bottom: 1px solid #b4b4b4;}
.pro-sub dd{ font-size: 15px; line-height: 32px; width: 139px;}
.pro-sub dd sup{ position: relative; display: inline-block; width: 28px; height: 11px; background: url(../images/hot.gif) no-repeat center; }


/*slogen*/
.slogen{ padding: 20px 0; background: #f7f7f7;}
.slogen ul{ padding-right: 45px; border-right: 1px solid #666;}
.slogen li{ float: left; text-align: center;}
.slogen li + li{ margin-left: 60px;}
.slogen li p{ font-size: 18px; margin-top: 10px; font-weight: 700;}
.slogen .txt{ padding: 6px 0; line-height: 34px; font-size: 18px; }
.slogen .txt b{ color: #ba0000; font-weight: 400;}
.slogen .tel b{ font-size: 24px; font-weight: 700;}




/*footer*/
.footer{ color: #fff; background: #333;}
.footer-top{ padding: 35px 0 20px;}
.footer dl{ float: left; line-height: 30px;}
.footer dl + dl{ margin-left: 45px; }
.footer dt{ margin-bottom: 8px; font-size: 18px; font-weight: 700;}
.footer .last dt{ margin-top: 15px; }
.footer .dl2{ width: 292px; margin-right: 0;}
.footer .dl2 dd{ float: left; width: 86px; margin-right: 60px;}
.footer-wechat .tit{ margin: 8px 0 18px; font-size: 18px; font-weight: 700;}
.footer-wechat li{ float: left; }
.footer-wechat li + li{ margin-left: 40px; }
.footer-wechat li p{ text-align: center; padding-top: 12px;}
.footer .copy{ border-top: 1px solid #646464; padding: 20px 0; line-height: 28px; }
.footer-lianxi .pic{ margin-right: 20px; padding-top: 7px; }
.footer-lianxi dt{ border-bottom: 1px solid; padding-bottom: 5px;}
.footer-lianxi dt img{ margin-right: 10px;}


/*crumbs*/
.crumbs{ padding: 15px 0; color: #333; margin-bottom: 10px;}
/*.crumbs span{ color: #888;}*/

/*biaodan*/
.biaodan ul{ margin: 0 -20px;}
.biaodan li{ position: relative; line-height: 36px; margin-bottom: 20px; float: left; width: 50%; padding: 0 20px 0 130px;}
.biaodan .saytext{ width: 100%;}
.biaodan .bixu{ position: absolute; top: 2px; left: 20px; font-weight: 700; color: #c40000;}
.biaodan label{ position: absolute; top: 0; left: 30px; font-size: 15px;}
.biaodan .input,.biaodan select,.biaodan textarea{ padding: 0 10px 0 40px; height: 36px; width: 100%; border: 1px solid #787878; background: #fff url("../images/icon-name.png") no-repeat 10px 9px;}
.biaodan textarea{ display: block; height: 100px; resize: none; padding-top: 8px; background-image: url("../images/icon-liuyan.png");}
.biaodan .mycall input{ background-image: url("../images/icon-tel.png");}
.biaodan .email input{ background-image: url("../images/icon-email.png");}
.biaodan select{ background: #fff; padding-left: 10px;}
.biaodan .submit,.biaodan .reset{ width: 170px; height: 36px; text-align: center; font-size: 20px; color: #fff; background: #c40000;}
.biaodan .submit{ margin: 0 25px 0 110px; }

#myform .LV_validation_message{ position: absolute; bottom: -16px; left: 130px; top: auto; right: 0; line-height: 1; font-size: 13px; height: 14px; font-weight: 400;  color: #c40000;}
#myform .LV_valid{ font-size: 0;}


/*go&top*/
.go-top a {width:40px;height:40px;display:none;cursor:pointer;background:#ff3333;right:0px;bottom:50px;transition: all 0.2s ease;position:fixed !important;z-index:10;}
.go-top a:hover{width:80px;transition: all 0.2s ease;border-radius:5px 0px 0px 5px;background: #666;display:block;}
.go-top a:hover .go1{display:block}
.go-top .go1{display:none;width:40px;height:40px;line-height:40px;color:#fff;text-align:center;font-size:12px;}
.go2{width:40px;height:40px;background:url(../images/top.png) no-repeat 11px ;position:absolute;right:0;top:0;}




/*biaoge*/
.table{ width: 100%; margin: 5px 0; }
.table td,.table th{ padding: 5px 5px; vertical-align: middle; text-align: center;text-indent: 0; border: 1px solid #ccc; }
.table th{ font-weight: 700; background: #ba0000; color: #fff;}