@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()); }
a:link { color:#666; }
a:visited { color:#666; }
a:hover, a:active, a:focus {color:#1f7b8a; 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}

/*常量*/
.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; background: #f4f4f4; font-family: Microsoft YaHei,Arial; color:#666; }

.wrap { position:relative; width: 1100px; margin:0 auto; }

.topArea { position: absolute; width: 100%; height: 93px; left: 0; top: 0; background: rgba(255,255,255,0.95); z-index: 5; }
.topArea .logo { position: absolute; left: 0; top: 10px;}
.nav { float: left; padding: 0 0 0 260px; }
.nav ul li { float: left; position: relative; height: 93px; }
.nav ul li>a { display: block; padding:35px 18px; color: #012953; font-size: 14px; }
.nav ul li>a:hover,.nav ul li>a.on { background: url("../images/navline.png") repeat-x;}
.set { float: right; padding: 36px 0 0; }
.set a { display: inline-block; margin: 0 4px; position: relative;}
.set .weixin { position: absolute; right: -30px; top: 30px; display: none; }


.subnavwrap { position: absolute; bottom: -38px; left: 0; width: 500px; display: none; }
.subnavwrap .subnav { position: relative; float: left; height: 38px; padding-right: 10px; line-height: 38px; background: rgba(3,77,159,0.85); }
.subnavwrap .subnav:before { position: absolute; content: ""; left: 30px; top: -10px;  border:5px solid transparent;  border-width:5px 7px;  border-bottom-color:rgba(3,77,159,0.85); background:transparent; }
.subnavwrap .subnav a { display: inline-block; color: #fff; font-size: 14px; padding: 0 10px; }

.banner{position:relative; width:100%; text-align:center; overflow:hidden; height:497px;}
.banner .bd{ position: absolute;  left: 50%; margin-left: -960px; width:1920px; height:497px; z-index:0; }
.banner .bd li{ vertical-align:top; zoom:1;}
.banner .hd {position: absolute; width: 100%; text-align: center; bottom: 33px; z-index: 2; }
.banner .hd li{ display: inline-block; margin: 0 5px; width: 9px; height: 9px; border-radius: 9px; border: 1px solid #012953; cursor:pointer; text-indent:999em; transition-duration: 0.5s;}
.banner .hd li.on,.banner .hd li:hover{ background: #012953; width: 36px; border-radius: 12px; }

.footer { background: url("../images/footer.jpg") no-repeat top center; height: 417px; }
.footer .wrap { position: relative;}
.foot-message { position: relative; padding: 45px 0 54px 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.png") 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:#fff url("../images/user_icon.jpg") no-repeat right; }
.foot-mess-wrap .input-phone { float: left; width:247px; height: 37px; background:#fff 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; 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;  text-align: center; line-height: 40px; width: 184px; height: 40px; border-radius: 4px; background: #fe7247; font-size: 14px; color: #fff; cursor: pointer; font-weight: bold; }
.foot-message .f_erweima { position: absolute; right: 32px; top: 111px; width:174px; text-align: center; color: #fff; line-height: 28px; font-size: 12px;  }

.copyright { position: relative; padding: 24px 0 0 50px; height: 70px;  border-top: 1px solid rgba(247, 247, 247, 0.17);; background: url("../images/ftlogo.png") no-repeat left 15px;  color: #fff; font-size: 12px; }
.copyright a { color: #fff; }

.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{transition:1s all; -webkit-transition:1s all;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-moz-:scale(1.1,1.1);}





















