@charset "utf-8";
/* CSS Document */
/* reset 默认样式重置 */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, q, em, ul, li, ol, dl, dt, dd, form, article, aside, embed, table, td, th, input, button, legend, fieldlset, blockquote, textarea, label, strong, img, cite { margin: 0; padding: 0; outline: none; }
body { font-family: "微软雅黑"; font-size: 12px; line-height: 1; margin: 0 auto; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
table { border-collapse: collapse; }
ul, li, ol, li { list-style: none; }
img { border: none; vertical-align: top; width: 100%; }
em, cite, address, i { font-style: normal; font-weight: normal; }
a { text-decoration: none; }
input { outline: none; border: none; background-color: transparent; }
input::-ms-clear {
display:none;
}
textarea { outline: none; resize: none; ; overflow: auto; border: none; background: transparent; }
/* 清浮动 */
.clearfix:after, .clearfix:before { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}

.fl { float: left; }
.fr { float: right; }
.show { display: block; }
.hide { display: none; }
/*--------------------头部固定导航-----------------------*/

.header { height: 120px; width: 100%; background: #fff; position: fixed; left: 0; top: 0; z-index: 9999; transition: top .5s; }
.headTop_s1 { top: -120px; }
.headTop_s0 { top: 0px; }
.headFixed { height: 100%; position: relative; width: 1200px; margin: 0 auto; }
.logo { width: 180px; height: 50px; margin-top:15px; float: left; }
.logo img { width: 100%; height: auto; }
.nav { height: 36px; margin-top: 42px;float: right; }
.navList { height: 100%; }
.navList li { float: left; height: 100%; }
.selPos { position: relative; }
.navList li a { float: left; margin-left:6px; height: 32px; font: 16px/32px "微软雅黑"; border: solid 2px transparent; border-radius: 20px; padding: 0 15px; color: #333; transition: all 0.5s; }
.navList .selPos .selBox { position: absolute; left: 0; top: 40px; background: url(../images/topBg.jpg) no-repeat; width: 120px; height: 208px; z-index: 100; display: none; }
.navList .selPos .selList { width: 100%; padding-top: 8px; }
.navList .selPos .selList dd { height: 40px; }
.navList .selPos .selList a { width: 100%; display: block; text-align: center; font: 14px/40px "微软雅黑"; padding: 0; color: #656565; border: none; height: 40px; border-radius: 0; }
.navList .selPos .selList a:hover { background: #ccc; }
.navList li .active { color: #EC9413; border: solid 2px #EC9413; }
.navList li a:hover { color: #EC9413; border: solid 2px #EC9413; }
.headBtn { height: 30px; width: 30px; position: absolute; right: 0; top: 45px; cursor: pointer; transition: all 0.3s; display: none; }
.headBtn i { font-family: "iconfont"; font-size: 30px; color: #EB961A; }
.navList .selPos .selList .active { color: #EF3333; }
/*--------------------------- footer ----------------------------*/
.footer { width:100%; height:110px;  background: #0F1A38; color: #999; }
.footerm{width:1200px; margin:0px auto;}
.footList { width:880px; padding-top:15px; float:left; height:80px;}
.footList dt{ width:120px; float: left; margin-top:8px;}
.footList dt img{height:40px; width:99px;}
.footList dd { width:680px;float: left;font: 14px/28px "微软雅黑";  }
.footList dd a{ color:#999;}
.footer .footer-menu { float: right; width:250px;text-align: right; overflow: hidden; font-size:14px; padding-top:15px; }
.footer .footer-menu a { display: inline-block; zoom: 1; padding: 0 10px; margin-right: -1px; border-right: 1px solid #e0e5e8; color:#eee; text-align: center; margin:4px auto;}
.footer .footer-menu a:hover { color: #EB961A }
/*--------------------------- welcome ----------------------------*/
.welcome { width: 100%; height: 100%; background: #fff; position: fixed; left: 0; top: 0; z-index: 80; }
.welBox { padding-top: 90px; }
.welList a { font: 20px/1em "微软雅黑"; color: #333; display: block; text-align: center; padding: 15px 0; }
.welList a:hover { color: #EF3333; background: #ccc; }
.comeList { width: 100%; display: none; }
.comeList a { font: 16px/1em "微软雅黑"; display: block; padding: 15px 0; }
.qqPopup { position: fixed; right: 3%; bottom: 100px; width: 110px; height: 66px; z-index: 81; }
.qqPopup img { width: 100%; height: 100%; }

.tellink{background: url(../images/infoIcon.png) -36px 0 no-repeat; width: 14px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 10px; }
.qq_link {background: url(../images/infoIcon.png) 0 0 no-repeat; width: 22px; height: 22px; display: inline-block;margin:12px auto auto 12px; }
.chat_link {background: url(../images/infoIcon.png) 0 -39px no-repeat; width: 24px; height: 22px; display: inline-block; margin:12px auto auto 12px; }


.SubmitBtn { width: 168px; height: 38px; border: solid 1px #fff; border-radius: 3px; line-height: 38px; text-align: center; color: #fff; display: block; font-size: 14px; position: relative; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.SubmitBtn:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #fff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.SubmitBtn:hover, .SubmitBtn:focus, .SubmitBtn:active { color: #ff5555; }
.SubmitBtn:hover:before, .SubmitBtn:focus:before, .SubmitBtn:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }

/*--------------------------- 响应式 ----------------------------*/
@media screen and (max-width:1400px) {
.qqPopup { bottom: 60px; }
}

@media screen and (max-width:1280px) {
.headFixed { width: 90%; margin: 0 auto; }
.navList li a { padding: 0 20px; }
}

@media screen and (max-width:1200px) {
.header { height: 90px; }
.logo { margin-top: 20px; }
.nav { margin-top: 27px; }
.headBtn { top: 30px; }
.headTop_s1 { top: -90px; }
.headTop_s0 { top: 0px; }
.qqPopup { bottom: 50px; }
}

@media screen and (max-width:1000px) {
.navList { display: none; }
.headBtn { display: block; }
.logo { margin-top:8px; }
.footerm{width:96%; margin:0px auto; overflow:hidden;}
.footList {width:100%; padding-top:15px; text-align:center;}
.footList dt{ display:none;}
.footList dd {font: 12px/28px "微软雅黑"; width:100%; clear:both;}
.footList dd a{ color:#999;}
.footer .footer-menu { display:none; }

}

@media screen and (max-width:600px) {
.header { height: 60px; }
.logo { margin-top:8px; width: 144px; height: 40px; }
.nav { margin-top: 12px; }
.headBtn { top: 18px; }
.headBtn i { font-size: 24px; }
.headTop_s1 { top: -60px; }
.headTop_s0 { top: 0px; }
.qqPopup { width: 88px; height: 53px; }
.qqPopup { bottom: 35px; }

.footerm{width:96%; margin:0px auto; overflow:hidden;}
.footList {width:100%; padding-top:15px; text-align:center;}
.footList dt{ display:none;}
.footList dd {font: 12px/28px "微软雅黑"; width:100%; clear:both;}
.footList dd a{ color:#999;}
.footer .footer-menu { display:none; }
}

@media screen and (max-width:480px) {
.footList { width: 90%; margin: 0 auto; padding: 50px 0; }
.footList li span { margin: 0 8px; }
.logo { margin-top:8px; }
.footerm{width:96%; margin:0px auto; overflow:hidden;}
.footList {width:100%; padding-top:15px; text-align:center;}
.footList dt{ display:none;}
.footList dd {font: 12px/28px "微软雅黑"; width:100%; clear:both;}
.footList dd a{ color:#999;}
.footer .footer-menu { display:none; }
}