@charset "utf-8";

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}
ul,ol{list-style:none;}
em { font-style: normal; }
dt { font-weight: normal; }

/* HTML5 重置为较旧版本的浏览器 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q{ quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing: 0; }

/* 按钮样式 */
input, button, textarea, select { outline:none; resize:none}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}

/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }

/*浮动*/
.fl { float: left !important;}
.fr { float: right !important;}
.clear{display:block;height:0;overflow:hidden;clear:both;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clearfix{zoom:1;}html{overflow-y:scroll;}

/*a 链接*/
a { text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); color:#666; }
a:hover{color:#f30; text-decoration:none; }

/*图片居中*/
.middle { display:table-cell; *display:block; overflow:hidden; font:0px/0px 'Arial'; text-align:center; vertical-align:middle;}
fieldset, img { border:0; vertical-align:middle;padding-bottom: 3px;}

/*常量*/
.hide{display:none !important;}
.show{display:block !important;}
.invisible{visibility:hidden;}
.noBg{background:none !important;}
.noBorder{border:none !important;}
.noMargin{margin:0 !important;}
.noPadding{padding:0 !important;}

/* common */
body { overflow-x:hidden; -webkit-text-size-adjust:none; font-family: Microsoft YaHei,Arial; color:#666; }
.wrap { width: 1200px; margin: 0 auto; }

.topArea {  position: relative; width: 1200px;background: #fff; z-index:10;}
.logo { height: 78px;  margin-bottom: 26px;}

.nav {  height: 36px; }
.nav li { float: left;  width:146px; margin: 0 12px; }
.nav li>a { display: block; color: #333; line-height: 36px; text-align: center; font-size: 14px; font-weight: bold; }
.nav li>a:hover,.nav li>a.current, .nav li>a.cur { position: relative; background:#114ebd; color: #fff; transition: background 0.3s ease 0s; }
.nav li>a:hover:before,.nav li>a.current:before,.nav li>a.cur:before{ position: absolute;content: ""; left: 50%; bottom: -10px; margin-left: -5px;  border:5px solid transparent;  border-width:5px 7px;  border-top-color:#0162b3;  background:transparent;  z-index: 4;  }

.nav .subNavBox { position:absolute; width: 100%; left: 0; top:35px; padding-top:6px; height: 49px; z-index: 3; display:none;}
.nav .subNavBox .subNav { padding-left: 33px; line-height: 49px; background: url("/images/subnav.jpg") repeat-x; border-radius: 8px;}
.nav .subNavBox .subNav dl{float:left;}
.nav .subNavBox .subNav dl dt { display: inline-block; font-size: 12px; }
.nav .subNavBox .subNav a { display: inline-block; padding: 0 7px 0 10px; font-size: 12px; color: #333; }
.nav .subNavBox .subNav a:hover {  color: #0751a8; }

.nav .subNavBox .subNav_2{padding-left:300px;}
.nav .subNavBox .subNav_3{padding-left:420px;}
.nav .subNavBox .subNav_4{padding-left:460px;}
.nav .subNavBox .subNav_5{padding-left:550px;}
.nav .subNavBox .subNav_6{padding-left:600px;}
.nav .subNavBox .subNav_7{padding-left:650px;}

.set { width:50px;}
.searchbox { width: 247px; height: 32px; border: 1px solid #e8e6e6; border-radius: 8px;  }
.searchbox .input-box { float: left; margin-top: 4px; height: 24px; padding-left: 8px; width: 200px; border-right: 1px solid #e8e6e6; }
.searchbox .input-box input { border: none; background: none; line-height: 24px; }
.searchbox .btn-box { float: left; width: 30px; height: 24px; margin:4px 0 0 3px; background: url("/images/search_btn.jpg") no-repeat; }
.searchbox .btn-box button { display: block;width: 30px; height: 24px; border: none; background: none; cursor: pointer;  }

.en { width:50px; height: 32px; color: #333; font-size: 14px; border: 1px solid #e8e6e6; border-radius: 8px; text-align: center; line-height: 32px; text-transform: uppercase;background:url('/images/flag.jpg') no-repeat;background-size:100% 100%;}
.en a { color: #333; }

.banner {position:relative; width:100%; text-align:center; overflow:hidden; height:664px; z-index:0;}
.banner .bd{ position: absolute;  left: 50%; margin-left: -960px; width:1920px; height:664px; z-index:0;}
.banner .bd li{ vertical-align:top; zoom:1;}
.banner .hd {position: absolute; width: 100%; text-align: center; bottom: 40px; z-index: 2; }
.banner .hd li{ display: inline-block; margin: 0 6px; width: 10px; height: 10px; border-radius: 10px; background: #99cfe8; cursor:pointer; text-indent:999em; }
.banner .hd li:hover,.banner .hd li.on { background: #fff; border-radius: 4px; width: 33px; transition: all 0.3s ease 0s;  }

.banner .aPrev,.banner .aNext { position: absolute; top: 50%; margin-top: -68px; cursor:pointer;}
.banner .aPrev { left: 10%; }
.banner .aNext { right: 10%; }

.footer { background: #2C68D6; }
.foot { background: #114EBD;  padding: 45px 0; }
.foot dl { float: left; width: 150px; margin-left: 20px; }
.foot dl dt { height: 35px; font-size: 14px; }
.foot dl dt a { color: #fff; }
.foot dl dd { line-height: 20px; font-size: 12px; }
.foot dl dd a { color: #cdd8e0;  }
.foot dl dd a:hover{color:#fff;}

.foot-message { position: relative; padding: 35px 0 5px 22px; }
.foot-message .tit { height: 35px; padding-left: 35px; margin-bottom: 10px; line-height: 35px; font-size: 12px; color: #fff; background:url("/images/foot_pen.jpg") no-repeat left top; }
.foot-mess-wrap li { margin-bottom: 12px; }
.foot-mess-wrap .input-name { float: left; width:172px; height: 37px; margin-right: 10px; background:#f5f8fa url("../images/user_icon.jpg") no-repeat right; }
.foot-mess-wrap .input-phone { float: left; width:247px; height: 37px; background:#f5f8fa url("../images/phone_icon.jpg") no-repeat right; }
.foot-mess-wrap .input-name input,.foot-mess-wrap .input-phone input {width:90%; padding-left:10px; height:37px; line-height:37px; font-size:12px; color:#708b9e; border:none; background:none; }
.foot-mess-wrap .textarea-box { width: 550px; height: 60px; background:#fff; }
.foot-mess-wrap .textarea-box textarea { width: 90%; padding: 10px; font-size: 12px; color: #708b9e; border: none; background:none; }
.foot-mess-wrap .btn-box button { border: none; background: none; text-align: center; line-height: 40px; color: #708b9e; width: 184px; height: 40px; border-radius: 4px; background: #fff; cursor: pointer; }
.foot-message .weixin { position: absolute; top: 56px; right: 20px; width: 278px; height: 157px; }

.copyright { position: relative; padding: 20px 0 38px 128px; border-top: 1px solid #0751a8; background: url("/images/ftlogo.jpg") no-repeat left top;  color: #fff; font-size: 12px; }
.copyright .ft-fx { position: absolute; top: 16px; right: 12px; }

.aside_float{width:78px; position:fixed; top:50%; right:0; margin-top:-138px; z-index:100; cursor: pointer;}
.aside_float .p{ text-align:right; padding-right:10px;}
.aside_sort{padding-top:8px;}
.aside_sort li{position:relative; width:78px; height:50px; padding-top:2px; font-size:14px;}
.aside_sort li a{position:absolute; top:0; right:0; display:block; width:66px; height:50px; line-height:50px; background:#007ac7; color:#fff; overflow:hidden; padding-left:12px; border-radius:6px 0 0 6px; overflow:hidden;}
.aside_sort li a em{float:left; width:21px; height:24px; margin:14px 4px 0 0; background:url(/images/kf-tel.png) no-repeat; display:none;}
.aside_sort li.li_qq a em{background:url(/images/kf_qq.png) no-repeat center;}
.aside_sort li a span{display:none;}
.aside_sort li a:hover{color:#fff; background:#ff9000; font-weight:bold;}
.aside_sort li a:hover em, .aside_sort li a:hover span{display:inline;}











