@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; }
/*html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}*/
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; 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;left:0;top:0;z-index:9999; transition: top .5s;overflow:hidden;}
.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:35px;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;height:35px;font:16px/32px "微软雅黑";border:solid 2px transparent;padding:0 20px;margin-left:10px;color:#333;transition:all 0.5s;}
/*.navList li a {-moz-border-radius:20px;-webkit-border-radius:20px;border-radius: 20px;}*/
.navList li a:hover{border-bottom:2px solid #204f83;color:#204f83;}
.navList li a.active{border-bottom:2px solid #204f83;color:#204f83;}

.navList .selPos .selBox{position:absolute;left:0;top:40px;background: url(../images/topBg.jpg) no-repeat;width:120px;height:208px;z-index:100;background:#EF3333;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 .nav_list1{color:#204f83;background:url(../images/nav_list_bg1.png) no-repeat}
.navList li .nav_list1_active:hover{color:#204f83;background:url(../images/nav_list_bg1.png) no-repeat transparent}
.navList li .nav_list2{color:#204f83;background:url(../images/nav_list_bg2.png) no-repeat }
.navList li .nav_list2_active:hover{color:#204f83;background:url(../images/nav_list_bg2.png) no-repeat transparent}*/

/*.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:#EF3333;}*/
.navList .selPos .selList .active{color:#EF3333;}

/*--------------------------- footer ----------------------------*/
.footer{width:100%;text-align: center;background:#333;color:#878787;}
.footList{padding:60px 0;}
.footList li{font:12px/28px "微软雅黑";}
.footList li a{color:#878787;}
.footList li span{margin:0 13px;}
.footList li a:hover{text-decoration: underline;}

/*--------------------------- 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%;}


/* 侧边栏  */
.infor{position:fixed;left:0;top:50%;width:42px;z-index:90;margin-top:-43px;}
.infor li{width:100%;height:42px;position:relative;margin-bottom:2px;}
.infor li img{position:absolute;left:0;top:0;width:100%;height:100%;}
.infor .ewms .ewmBox{position:absolute;left:-162px;top:0;width:162px;height:162px;}
.ewmBox img{width:100%;}


.telBox{position:absolute;left:-162px;bottom:0;width:162px;height:162px;background:#fff;}
.telBox .telTit{height:32px;width:100%;background:#333;color:#fff;line-height:32px;}
.telBox .telTit span{float:left;padding-left:11px;font-size:14px;}
.telBox .telTit strong{float:right;width:32px;height:32px;}
.telBox .telTit em{float:right;padding-right:11px;background:url(../images/infoIcon.png) -39px -41px no-repeat;width:10px;height:10px;margin-top:11px;cursor: pointer; }
.telText{height:81px;border-bottom:solid 1px #ddd;background:#f5f5f5;text-align: center;}
.telText h5{font-size:16px;color:#666;line-height:48px;}
.telText h5 i{background:url(../images/infoIcon.png) -36px 0 no-repeat;width:14px;height:20px;display:inline-block;vertical-align:middle;margin-right:10px;}
.telText h6{font-size:20px;color:#333;font-weight:bold;}
.contact{height:48px;}
.contact dd{width:99.5%;text-align: center;height:100%;}
.contact dd a{display:block;width:100%;height:100%;}
.contact .active{border-right:solid 1px #ddd;margin-right:-1px;}
.contact .qq_link{background:url(../images/infoIcon.png) 0 0 no-repeat;width:22px;height:22px;display:inline-block;margin-top:12px;}
.contact .chat_link{background:url(../images/infoIcon.png) 0 -39px no-repeat;width:24px;height:22px;display:inline-block;margin-top:12px;}

/*--------------------------- 响应式 ----------------------------*/

@media screen and (max-width:768px){
    .headFixed {width:100%;}
   .header{height:60px;}
   .logo{margin-top:20px;width:60px;height:40px;}
   .navList{margin-top:-30px;}
   .navList li a{font:12px/32px "微软雅黑"}
   .navList li a{padding:0;}
   
   .footList{width:90%;margin: 0 auto;padding:30px 0;}
   .footList li span{margin:0 8px;}
}