@charset "utf-8"; :root{ --color:#0a6fa9; --color2:#00489a; --border:#e4e4e4; } @font-face { font-family: "SourceHanSansCN-Normal"; src: url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"), url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"), url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"), url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"), url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"); font-weight: normal; font-style: normal; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;box-sizing: border-box; } table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;vertical-align:top;} address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;} del,ins{text-decoration:none;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} hr{ margin: 0; border-width: 1px 0 0 0; border: 0; height: 1px; background: #f0f0f0; } abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:baseline;} sub{vertical-align:baseline;} legend{color:#666;} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; outline: none;} input,button,textarea,select{*font-size:100%;} a{text-decoration: none;color:#333;} a:hover{ color: #333; } body {font-family:'SourceHanSansCN-Normal','Source Han Sans','思源黑体',source-han-sans-simplified-c,sans-serif; font-size: 14px; color: #333; background: #fff; } .after:after, .kefu_q3 .bor-ul:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;line-height:0;overflow:hidden} /* 行距 */ p{ line-height: 22px; } /* 宽度 */ .container{ width: 1200px;min-width: 1200px;margin: 0 auto; } .wap_width{ margin: 0 auto; } .clear{width: 100%; clear: both;} .clear-hg{clear:both;height:1px;width: 100%;} .fl{float: left;} .fr{float: right;} .hide{display: none;} .block{display: block;} /*定位*/ .tl{text-align:left;} .tc{text-align:center;} .tr{text-align:right;} .bc{margin-left:0;margin-right:0;} .cl{clear:left;} .cr{clear:right;} .vm{vertical-align:middle;} .pr{position:relative;} .pa{position:absolute;} .abs-right{position:absolute;right:0} .zoom{zoom:1;} .hidden{visibility:hidden;} .none{display:none;} /* webkit内核 滚动条*/ ::-webkit-scrollbar {width:8px;background-color:#006eff;} ::-webkit-scrollbar-thumb {width:8px;background-color:#aeaeae;} ::-webkit-scrollbar-track-piece {width:8px;background-color:#f8f8f8;} ::-webkit-scrollbar-thumb:hover {width:8px;background-color:#006eff;} /**========================== 网站公共模块 ===========================**/ .plate{ width: 100%;overflow: hidden; } .fixed{ width:100%;position:fixed;top:0;z-index:999; } .dask-opac{ position: fixed;top: 0;left: 0; width: 100%;height: 100%;background: rgba(0,0,0,.8); z-index: 100;overflow: hidden; } /* ======== 在线客服 =========*/ /* 风格一 */ .kefu_q1 ul li:first-child, .kefu_q1 ul li a.animate{ background: url(../images/qq/q1.png) no-repeat; } .kefu_q1{ position: fixed;z-index: 1001; } .kefu_q1 ul li{position: relative;width: 45px;height: 45px;background: #1b1b1d;margin-bottom: 1px;} .kefu_q1 ul li:first-child{height: 50px;font-family: "Arial";background-position: 0 0;color: #fff;cursor: pointer;} .kefu_q1 ul li a.animate{position: absolute;left: 0;width: auto;height: 45px;line-height: 45px;color: transparent;} .kefu_q1 ul li a.animate, .kefu_q1 ul li.q1_code span{-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;transition:all 0.2s ease-in;} .kefu_q1 ul li.q1_code span p{width: 135px;text-align: center;font-size: 12px; line-height: 15px;background: #fff;} .kefu_q1 ul li.q1_qq a, .kefu_q1 ul li.q1_zx a{width: 62px;padding-left: 46px;} .kefu_q1 ul li.q1_qq a{background-position: 0 -50px;} .kefu_q1 ul li.q1_tel a{width: 119px;padding-left: 46px;background-position: 0 -96px;} .kefu_q1 ul li.q1_zx a{background-position: 0 -142px;} .kefu_q1 ul li.q1_code{cursor:pointer;background:#1b1b1d url(../images/qq/q1.png) no-repeat 0 -188px;} .kefu_q1 ul li.q1_code span{position: absolute;top: -115px;left: -147px;display: inline-block;width: 140px;height: 165px;display: none;background:#fff;border: 1px solid #eee;} .kefu_q1 ul li.q1_code img{width: 133px;height: 133px;padding: 4px;} .kefu_q1 ul li:first-child:hover{background-position: -55px 0;} .kefu_q1 ul li.q1_qq:hover a, .kefu_q1 ul li.q1_zx:hover a, .kefu_q1 ul li.q1_tel:hover a{background: #dd001a url(../images/qq/q1.png) no-repeat;} .kefu_q1 ul li.q1_qq:hover a{color: #fff;left: -63px;background-position: 0 -50px;} .kefu_q1 ul li.q1_zx:hover a{color: #fff;left: -63px;background-position: 0 -142px;} .kefu_q1 ul li.q1_tel:hover a{width: 107px;padding-left: 57px;color: #fff;left: -119px;background-position: 10px -96px;} .kefu_q1 ul li.q1_code:hover span{display: block;} /* 风格二 */ .kefu_q2,span.close{position: fixed;text-align: center;z-index: 1001;} .kefu_q2{font-family: 'Arial';font-size: 14px;width:110px;height: 370px;} .kefu_q2 ul li{background: url(../images/qq/q2_1.png) no-repeat 0 0;} .kefu_q2 ul li:first-child{height: 113px;} .kefu_q2 ul li b.b1{padding-top: 18px;padding-bottom:6px;display: block;} .kefu_q2 ul li:nth-of-type(2){font-weight: bold;height: 80px;line-height: 110px;color: #fff;background-position: 0 -114px;} .kefu_q2 ul li:nth-of-type(3){height: 135px;background-position: 0 -194px;} .kefu_q2 ul li:nth-of-type(3) b.b3{display: block;padding-top: 9px;} .kefu_q2 ul li img{width: 92px;height: 92px;padding-top: 10px;} .kefu_q2 ul li.q2_top{cursor: pointer;height: 40px;background-position: 0 -329px;position: relative;} .kefu_q2 ul li.q2_top a{position: absolute; display: block;width: 16px;height: 16px;top: 14px;} .kefu_q2 ul li.q2_top a.get_top{left: 36px;} .kefu_q2 ul li.q2_top a.close-2{left: 64px;} span.close{right: -120%; display: block;width: 29px;height: 84px;background: url(../images/qq/q2_1.png) no-repeat -271px 0;cursor: pointer;} .kefu_q2 ul li, .kefu_q2 ul li a{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in;} .kefu_q2 ul li:first-child:hover{background-position:-130px 0;} .kefu_q2 ul li:first-child:hover b, .kefu_q2 ul li:nth-of-type(3):hover b, .kefu_q2 ul li:first-child:hover a{color: #fff;} .kefu_q2 ul li:nth-of-type(2):hover{background-position:-130px -114px;} .kefu_q2 ul li:nth-of-type(3):hover{background-position:-130px -194px;} /* 风格三 */ .kefu_q3{position: fixed;text-align: center;z-index: 1001;} .kefu_q3 .default {position: absolute;cursor: pointer;width: 45px;height: 131px;background: url(../images/qq/q3.png) no-repeat 0 0;} .default-hide{ margin-right: -120%} .kefu_q3 .ico-bg{background: url(../images/qq/q3.png) no-repeat;} .kefu_q3 .top-1{width: 112px;height: 36px;background-position:-61px 0;} .kefu_q3 .top-1 span.colse{float: right;display: block;width: 25px;height: 25px;cursor: pointer;margin-right: 8px;} .kefu_q3 .bor-ul{background: #fff;border: 1px solid #f0f0f0;border-width: 0 1px;} .kefu_q3 .bor-ul span.qq-tx{display: block;width: 67px;height:67px;margin: 0 auto;background-position:-61px -63px;} .kefu_q3 .bor-ul span.qq-tx:hover{background-position: -153px -63px;} .kefu_q3 .bor-ul p{padding-top: 10px;padding-bottom: 10px;color: #1e488a;font-weight: bold;border-bottom: 1px solid #f0f0f0;} .kefu_q3 .bor-ul li{height: 42px;line-height: 42px;text-align: center;border-bottom: 1px solid #f0f0f0;background-position: 19px -210px;padding-left: 7px;} .kefu_q3 .bor-ul .em{position: relative;width: 54px;height: 50px;border-right: 1px solid #f0f0f0;} .kefu_q3 .bor-ul .em i.ico-code{display: block;width: 22px;height: 22px;background-position: -186px -14px;margin: 14px;cursor: pointer;} .kefu_q3 .bor-ul .em i.ico-code:hover{background-position: -222px -14px;} .kefu_q3 .bor-ul .get-top i.get-ico-code:hover{background-position:-45px -149px;} .kefu_q3 .bor-ul .get-top{width: 55px;height: 50px;} .kefu_q3 .bor-ul .get-top i.get-ico-code{display: block;width: 28px;height: 28px;margin: 14px;cursor: pointer;background-position:0 -149px;} .kefu_q3 .bottom-1{width: 100%;height: 8px;background-position:0 -292px;} .kefu_q3 .show-em{display: none;position: absolute;left: -121px;top: -78px;width: 117px;height: 163px;background-position:-133px -163px;} .kefu_q3 .show-em img{width: 92px;height: 92px;margin: 9px 8px 0px 0px;} .kefu_q3 .em:hover .show-em{display: block;} /* 弹窗客服 =============== */ .layer-qq{animation:layerqq .7s ease-out;position: fixed;left:50%;top: 50%;color:#fff;width:480px;height:282px;text-align: center; z-index: 1001;overflow: hidden;} .layer-kefysys{width:95%;position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .layer-qq h3{font-size: 42px;text-transform: uppercase;font-weight: bold;} .layer-qq strong{font-size: 22px;} .layer-qq a.linkqq{display:block;width:138px;height:38px;line-height:38px;border:1px solid rgba(255,255,255,.5);text-align:center;font-size:14px; border-radius: 45px;color:#fff;margin:25px auto 0;} .layer-qq a.qq-close{display: block;width: 28px;height: 28px;position: absolute;top: 20px;right: 20px;background: url(../images/QQclose.png) no-repeat; cursor: pointer; } /* 动画 */ @-webkit-keyframes layerqq{ from{-webkit-transform: scale(0);transform: scale(0);} to{-webkit-transform: scale(1);transform: scale(1);} } @keyframes layerqq{ from{transform: scale(0);} to{transform: scale(1);} } /** 热门标签 **/ .tables-list{ border: 1px solid #eee; } .tables-list h5{ padding: 0 15px; height: 55px;line-height: 55px;border-bottom: 1px solid #eee;font-size: 16px;font-weight: bold; } .tables-list ul{ padding:20px 15px; } .tables-list ul li{ float: left;margin:0 15px 10px 0; } /** citys **/ .citys{ margin: 30px 0; } .citys ul li span { width: 80px; float: left; display: block; font-size: 14px;color: #000;font-weight: bold; } .citys ul li p{ float: left; width: calc(100% - 80px); } .citys ul li a { display: inline-block; font-size: 14px;color: #666;margin: 0 20px 0 0; } .citys ul li a:hover{ color: #e95412; } /** sitemap **/ .sitemap{ padding: 0 0 20px; } .sitemap ul li{ padding: 20px 0 10px; border-bottom: 1px solid #f0f0f0; } .sitemap ul li:last-child{ border-bottom: 0; } .sitemap ul li h5 a{ font-size: 16px;color: #333; } .sitemap ul li .sub-lower:after{ display: block;content: "";clear: both; } .sitemap ul li .sub-lower{ padding: 10px 0 0; } .sitemap ul li .sub-lower a{ display: block;float: left;margin:0 15px 10px 0; }