@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;color: #666666; outline:none; blr:expression(this.onFocus=this.blur()); }
a:link { color:#666; }
a:visited { color:#666; }
a:hover, a:active{color:#323232!important; text-decoration:none; }


fieldset, img { border:0;}




.wrap{width: 1200px;margin: 0 auto;}
html{font-size: 16px;color: #666666;}

/* common */
body{overflow-x: hidden;}
.common-section-top{position: fixed;z-index: 2000;left: 0;right: 0;top: 0; filter:alpha(opacity:90); opacity:0.9;}
.common-section-top .bg{position: absolute;left: 0;right:0;top: 0;bottom: 0; background: white;}
.common-section-top .top{position: relative;}
.common-section-top .top .wrap{width: 100%;min-width: 1200px;}
.common-section-top .top .bottom-line{position: absolute;height: 6px;background: url("../images/hsjkska_03.jpg") repeat left top;left: 0;right: 0;bottom: -6px;opacity:0.4;filter:Alpha(opacity=40);}
.common-section-top .top .nav{font-size: 0;}
.common-section-top .top .logo img{display: block;}
.common-section-top .top .nav a{display: inline-block;width: 124px;height: 80px;text-align: center;line-height: 80px;font-size: 16px;color: #666666;transition: all 0.4s;}
.common-section-top .top .nav a:hover,.common-section-top .top .nav a.on{background:#323232;color: white!important; }
.common-section-top .top .share-link{width:190px;height: 80px;text-align: center;line-height: 80px;font-size: 0;background: #f2f2f2;}
.common-section-top .top .share-link a{width: 24px;height: 24px;display: inline-block;vertical-align: middle;margin: 0 6px;}

.common-section-top .top .share-link a img{width:100%;height:100%;display: block;}
.common-section-top .top .share-link a.weixin:hover .weixin-code{display: block!important;}

.common-section-foot{height: 456px;overflow: hidden;}
.common-section-foot .wrap{height: 456px;position: relative;}
.common-section-foot .wrap img.pic-bg{position: absolute;top:0;left: 50%;width: 1910px;margin-left: -955px;}
.common-section-foot .wrap .mask-bg{position: absolute;top:0; left: 50%;width: 1920px;margin-left: -960px;height: 100%;background: black;opacity:0.5;filter:Alpha(opacity=50);}
.common-section-foot .wrap .foot-top{padding-top: 70px;}

.foot-middle-right{width: 430px;position: relative;z-index: 110;padding-top: 10px;}
.foot-middle-right .text{line-height: 26px;font-size: 12px;color: #ffffff;margin-bottom: 14px;padding-left: 26px;}
.foot-middle-right .name-wrap{float: left;margin-right: 10px;position: relative;}
.foot-middle-right .name-wrap img.bg{position: absolute;right: 12px;top: 9px;z-index: 20;}
.foot-middle-right .name-wrap .line{position: absolute;right: 38px;top: 9px;height: 20px;width: 1px;background: #adb5b9;}
.foot-middle-right .name-wrap input[type='text']{width: 120px;padding-right: 40px; height: 38px;line-height: 38px; padding-left:12px;background: white;border: none;font-size: 12px;}
.foot-middle-right .tel-wrap{float: left;position: relative;}
.foot-middle-right .tel-wrap img.bg{position: absolute;right: 12px;top: 6px;z-index: 20;}
.foot-middle-right .tel-wrap .line{position: absolute;right: 38px;top: 9px;height: 20px;width: 1px;background: #adb5b9;}
.foot-middle-right .tel-wrap input[type='text']{width: 196px;height: 38px;line-height: 38px; padding-left: 12px;padding-right: 40px; background: white;border: none;font-size: 12px;}
.foot-middle-right .textarea-wrap{margin-top: 10px;float: left;width: 100%;background: white;}
.foot-middle-right .textarea-wrap textarea{display: block;height:40px;border: none;font-size: 12px;line-height: 20px;padding: 10px 12px;width: 480px; }
.foot-middle-right input[type='submit']{float: left;margin-top: 20px;width: 180px;height: 40px;line-height: 40px;text-align: center; background: #ffffff;border: none;border-radius: 4px;font-size: 14px;color: #666666;}

.weixin-wrap{width: 201px;height: 243px;position: relative; }
.weixin-wrap img{width: 118px;height: 118px;display: block;margin: 101px auto; }

.foot-bot{text-align: center;font-size: 12px;color: white;position: absolute;z-index: 1000;left: 0;right: 0;bottom: 76px;}
.foot-bot a{color:white;}
.foot-bot a:hover{color:#999999!important;}
.foot-bot img{vertical-align: middle;}