@charset "gb2312";
/* CSS Document */
html{font-size:62.5%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;overflow-y:scroll;}
body{color:#333;font: 1.4rem/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; background-color: #f8f8f8;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,legend��figure,input,textarea,blockquote,td,tr,th,thead,tbody{padding:0px; margin:0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline}
audio:not([controls]) {display: none;height: 0}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
:before, :after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
img,i{border:0;vertical-align:middle; font-style: normal; -ms-interpolation-mode: bicubic}
table{border-collapse:collapse;border-spacing:0px}
p{word-wrap:break-word}
ol,ul {list-style:none;}
li{list-style-type:none;}
b, strong {font-weight: bold;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:inherit}
dfn {font-style: italic}
hr {-webkit-box-sizing: content-box;box-sizing: content-box;height: 0;}
mark {background: #ff0;	color: #000}
code, kbd, pre, samp{font-family: monospace, serif;_font-family: 'courier new', monospace;	font-size: 1em}
q {	quotes: none}
q:before, q:after {content: ''; content: none}
svg:not(:root) {overflow: hidden;_zoom: 1}
legend {border:0;padding:0;white-space: normal;*margin-left:-7px;}

/* other */
.fl{float:left}
.fr{float:right}
.clear{clear:both;overflow:hidden;}
.clearfix {*zoom:1}
.clearfix:before, .clearfix:after {content: " ";	display: table}
.clearfix:after {clear: both;}
.hidden{display:none;}
.show{display:block;}
.hand{cursor:pointer;}
.overflow{overflow:hidden;}
.noBorder{border:none;}

.container{*zoom:1;margin:0 auto;}
.container:before, .container:after {content: " ";	display: table}
.container:after {clear:both;}

/* color */
a{color:#333; text-decoration:none;outline:none;}
a:hover { color:#ff3000; text-decoration:none;}
a.textline{text-decoration:underline;}

.cWhite,.cWhite:visited,.cWhite a{color:#fff}
a.cWhite:hover{color:#ff0}
.cYellow,.cYellow:visited{color:#ff0}
.cGray,.cGray:visited,.cGray a{color:#aaa}
.cRed,.cRed:visited,.cRed a{color:#f63}
.cRed a:hover,a.cRed:hover,.cGray a:hover,a.cGray:hover{color:#ff3000}

.cweb,.cweb:visited,.cweb a{color:#ff3000}
.cweb a:hover,a.cweb:hover,.cweb a:hover,a.cweb:hover{color:#c00}

.desc_red{color:#e55252}
.desc_green{ color:#3b9300}
.desc_blue{ color:#0f52dc}
/*text-align*/
.textcenter{text-align:center;}
.textright{text-align:right;}
.textleft{text-align:left;}

/*font*/
.f12px{font-size:12px;}
.f16px{font-size:16px;} 
.f18px{font-size:18px;}
.f24px{font-size:20px;}
.fB{font-weight:bold;}
.lh150{line-height:150%;}
.lh200{line-height:200%;}
.text-2{text-indent:2.0em;}

/*vertical*/
.ver_mid{vertical-align:middle;}
.ver_top{vertical-align:top;}
.ver_btm{vertical-align:bottom;}
.ver_super{vertical-align:super;}
.ver_sub{vertical-align:sub;}

/*position*/
.pabs{position:absolute;height: 100%}
.prel{height: 100%}

/*center*/
.marc{ margin:0 auto;}

/*margin*/
.mar20{margin:20px;}
.martb20{margin-top:20px; margin-bottom:20px;}
.marb20{margin-bottom:20px;}
.marb10{margin-bottom:10px;}
.mart20{margin-top:20px;}
.marl20{margin-left:20px;}
.marr20{margin-right:20px;}

/*padding*/
.pad20{padding:20px;}
.padtb20{padding-top:20px; padding-bottom:20px;}
.padb20{padding-bottom:20px;}

/* table input select textarea format */
button, input, select, textarea {font-size:100%;vertical-align:middle;outline: 0;font-family:"Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}
button, input {	line-height: normal;}

button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;	cursor: pointer;*overflow:visible;}
button[disabled], html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {	-webkit-box-sizing: border-box;	box-sizing: border-box;	padding: 0;*height:13px;*width:13px;}
input[type="search"] {	-webkit-appearance: textfield;	-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
textarea{overflow: auto;vertical-align: top;}
table{border-collapse: collapse;border-spacing: 0;width:100%;}

.inputradio {vertical-align: text-bottom;margin-bottom: 2px;*margin-bottom: -2px; }
.format_form,.format_form2{border:1px solid #e6e6e6;vertical-align:middle; margin-right:5px; padding:0 8px;}
.format_form{line-height:32px;height:32px;}
.format_form2{line-height:26px;height:26px;}

/* header */
.header {position:relative;height:80px;z-index: 999; background-color:#0c2c4b;}
.header .logo {height:80px; line-height: 80px;}
.header .logo img{ max-height: 60px;  vertical-align: middle;}
.header .logo h2{font-size: 2.8rem; color: #fff; vertical-align: middle; padding-left: 1rem; font-weight: bold; display: none;}
.header .menu{   position: absolute;
    top: 0;
    float: left;
    left: 27%;}
.header .header_tel{position:absolute; top:21px; right:0;}
.header .header_tel .tel_box{background: linear-gradient(to right,#ff6e02 0%,#f00 100%);height:38px; line-height:38px; color:#fff;font-size:1.6rem; padding: 0 1.6rem; border-radius: 19px; }
/*menu*/
.menu{font-size:1.8rem;}
.menu > ul > li{position:relative;float:left;line-height:80px;height: 80px;min-width:10px}
.menu > ul > li > a{       font-size: 20px;
    position: relative;
    display: block;
    color: #fff;
    padding: 0px 21px;
    z-index: 192;}
.menu > ul > li > ul{position:absolute;z-index:999;top:79px;left:50%;text-align:center;background:rgba(255,255,255,0.90);margin-left:-50%;display: inline; display: none;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90FFFFFF,endColorstr=#90FFFFFF);}
.menu > ul > li > ul > li > a{white-space:nowrap;line-height:36px;height:36px;font-size:14px; padding: 0 10px; display: block;}
.menu > ul > li > ul > li > a:hover{background:#ff3000; color: #fff;}
.menu > ul > li.menuhover > a{color:#fff06a; }
.menu > ul > li:before{ width:100%;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s; transition: all ease-in-out .3s;position: absolute; content: ""; top: 50%; left: 0; margin-top: -19px; border: 1px dashed rgba(255,255,255,0.70); height: 38px; z-index:191; opacity: 0; border-radius: 19px;}
.menu > ul > li.menuhover:before{opacity: 1; }
.menu b{position:absolute; bottom:0; left:0; border-bottom:1px solid #fff06a;}

/*location*/
.location{padding: 2rem 0; border-bottom: 1px solid #dbdee1;}
.location h2{line-height: 100%;}
.location h2 i{font-size: 1.8rem; padding-right: 5px; vertical-align: bottom;}
.location h2 span{ font-family: simsun;padding:0 3px;}

/*footer*/
.footer{background:#0c2c4b; background-size: cover;clear: both; overflow: hidden;color:rgba(255,255,255,0.90); }
.footer a{color:rgba(255,255,255,0.90); }
.footer a:hover{color:rgba(255,255,0,0.90); }

.footer .footer_link{ padding: 3rem 0;}
.footer .footer_link h2{ padding:1rem 0 ; font-size: 1.8rem; font-weight: bold;}
.footer .footer_link .link_add ul li{padding-bottom: 1rem;}
.footer .footer_link .link_add ul li i{font-size: 2rem; padding-right:0.5rem;}
.footer .footer_link .link_url ul li{padding-bottom: 1rem;}
.footer .footer_link .link_about ul li{display: inline-block;}
.footer .footer_link .link_about h3{padding-bottom: 1rem;}
.footer .footer_link .link_about p{padding-top:0.5rem; text-align: center}

.footer .copyright{color:rgba(255,255,255,0.90); padding:1.5rem 0; line-height: 200%;text-align: center; border-top: 1px solid rgba(255,255,255,0.30)}

.web_top{position: fixed; bottom: 160px; right: 10px;z-index: 99; cursor: pointer;}
.web_top i{font-size: 3.6rem; color: #aaa}
.web_top:hover i{color: #666}