/* 织梦铺（dedepu.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
/*CSS reset*/
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;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
vertical-align: top;
}
address, caption, cite, code, dfn, em, strong, 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: '';
}
abbr, acronym {
border: 0;
font-variant: normal;
}
sup {
vertical-align: baseline;
}
sub {
vertical-align: baseline;
}
legend {
color: #000;
}
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;
}
@font-face {
font-family: "iconfont";
src: url('../fonts/iconfont.eot');
src: url('../fonts/iconfont.eot') format('embedded-opentype'),  url('../fonts/iconfont.woff') format('woff'),  url('../fonts/iconfont.ttf') format('truetype'),  url('../fonts/iconfont.svg#iconfont') format('svg');
}
.font {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
body {
font-family: "微软雅黑";
font-size: 12px;
color: #333;
background: #fff;
}
/* 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;
}
.n-back:after, .n-back-1:after, .kefu_q3 .bor-ul:after, .view:after, .news-list:after, .zhaopin li:after {
visibility: hidden;
display: block;
font-size: 0;
content: ".";
clear: both;
height: 0;
line-height: 0;
overflow: hidden
}
/***== 字体 ==***/
.ht {
font-family: '黑体' !important;
}
.ar {
font-family: 'Arial' !important;
}
.st {
font-family: '宋体' !important;
}
.blod {
font-weight: bold !important;
}
.nobold {
font-weight: normal !important;
}
.upper {
text-transform: uppercase;
}
.t-color {
color: #75c01f;
}
/* 字号 */
.f10 {
font-size: 10px;
}
.f11 {
font-size: 11px;
}
.f13 {
font-size: 18px;
}
.f14 {
font-size: 14px;
}
.f15 {
font-size: 15px;
}
.f16 {
font-size: 16px;
}
.f17 {
font-size: 17px;
}
.f18 {
font-size: 18px;
}
.f19 {
font-size: 19px;
}
.f20 {
font-size: 20px;
}
.f21 {
font-size: 21px;
}
.f22 {
font-size: 22px;
}
.f23 {
font-size: 23px;
}
.f24 {
font-size: 24px;
}
.f25 {
font-size: 25px;
}
.f30 {
font-size: 30px;
}
.f36 {
font-size: 36px;
}
.f40 {
font-size: 40px;
}
.f50 {
font-size: 50px;
}
.f60 {
font-size: 60px;
}
/* 字体颜色 */
.white, .white a {
color: white;
}
.yellow, .yellow a {
color: yellow;
}
.blue, .blue a {
color: blue;
}
.red, .red a {
color: red;
}
.a66 {
color: #666;
}
.a99 {
color: #999;
}
.a28 {
color: #282828;
}
/***== 公用属性 ==***/
.hg1, .hg5, .hg6, .hg7, .hg8, .hg9, .hg10, .hg11, .hg12, .hg13, .hg14, .hg15, .hg16, .hg17, .hg18, .hg19, .hg20, .hg23, .hg25, .hg26, .hg28, .hg30, .hg35, .hg38, .hg40, .hg42, .hg44, .hg45, .hg48, .hg50, .hg55, .hg60, .hg65, .hg70, .hg75, .hg80, .hg130, .hg683 {
width: 100%;
clear: both;
}
.hg1 {
height: 1px;
}
.hg5 {
height: 5px;
}
.hg6 {
height: 6px;
}
.hg7 {
height: 7px;
}
.hg8 {
height: 8px;
}
.hg9 {
height: 9px;
}
.hg10 {
height: 10px;
}
.hg11 {
height: 11px;
}
.hg12 {
height: 12px;
}
.hg13 {
height: 13px;
}
.hg14 {
height: 14px;
}
.hg15 {
height: 15px;
}
.hg16 {
height: 16px;
}
.hg17 {
height: 17px;
}
.hg18 {
height: 18px;
}
.hg19 {
height: 19px;
}
.hg20 {
height: 20px;
}
.hg22 {
height: 22px;
}
.hg23 {
height: 23px;
}
.hg25 {
height: 25px;
}
.hg26 {
height: 26px;
}
.hg28 {
height: 28px;
}
.hg30 {
height: 30px;
}
.hg35 {
height: 35px;
}
.hg38 {
height: 38px;
}
.hg40 {
height: 40px;
}
.hg42 {
height: 42px;
}
.hg44 {
height: 44px;
}
.hg45 {
height: 45px;
}
.hg48 {
height: 48px;
}
.hg50 {
height: 50px;
}
.hg55 {
height: 50px;
}
.hg60 {
height: 60px;
}
.hg65 {
height: 65px;
}
.hg70 {
height: 70px;
}
.hg75 {
height: 75px;
}
.hg80 {
height: 80px;
}
.hg683 {
height: 683px;
}
.hg130 {
height: 130px;
}
/* 行距 */
.line18 {
line-height: 18px;
}
.line20 {
line-height: 20px;
}
.line22 {
line-height: 22px;
}
.line24 {
line-height: 24px;
}
.line25 {
line-height: 25px;
}
/* 宽度 */
.width100 {
width: 100%;
}
.wul105 {
width: 105%;
}
.wul110 {
width: 110%;
}
.width500 {
width: 500px;
}
.kwidth, .wrap, .main {
width: 1150px;
height: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
padding-bottom: 25px;
}
.nocontainer {
width: 1150px;
margin: 0 auto;
position: relative;
padding-bottom: 15px;
}
.kwidth.nopd, .nocontainer.nopd {
padding-bottom: 0 !important;
}
.width783 {
width: 783px;
margin: 0 auto;
}
.width832 {
width: 832px;
margin: 0 auto;
}
.width945 {
width: 945px;
margin: 0 auto;
}
.width956 {
width: 956px;
margin: 0 auto;
}
.clear {
width: 100%;
clear: both;
}
.fl {
float: left;
}
.fr {
float: right;
}
.hide {
display: none;
}
.block {
display: block;
}
.text-left {
text-align: left !important;
}
.text-center {
text-align: center !important;
}
.text-right {
text-align: right !important;
}
/*定位*/
.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;
}
.bbor {
border-bottom: 1px solid #f0f0f0;
}
i.footer-bor {
display: block;
width: 100%;
min-width: 1180px;
height: 1px;
background: #f0f0f0;
}
/*边距*/
.m10 {
margin: 10px;
}
.m15 {
margin: 15px;
}
.m30 {
margin: 30px;
}
/* 外上边距 */
.mt5 {
margin-top: 5px;
}
.mt8 {
margin-top: 8px;
}
.mt10 {
margin-top: 10px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
.mt25 {
margin-top: 25px;
}
.mt30 {
margin-top: 30px;
}
.mt35 {
margin-top: 35px;
}
.mt45 {
margin-top: 45px;
}
.mt50 {
margin-top: 50px;
}
.mt55 {
margin-top: 55px;
}
.mt60 {
margin-top: 60px;
}
.mt80 {
margin-top: 80px;
}
.mt100 {
margin-top: 100px;
}
/* 外下边距 */
.mb5 {
margin-bottom: 5px;
}
.mb8 {
margin-bottom: 8px;
}
.mb10 {
margin-bottom: 10px;
}
.mb15 {
margin-bottom: 15px;
}
.mb20 {
margin-bottom: 20px;
}
.mb25 {
margin-bottom: 25px;
}
.mb30 {
margin-bottom: 30px;
}
.mb35 {
margin-bottom: 35px;
}
.mb45 {
margin-bottom: 45px;
}
.mb50 {
margin-bottom: 50px;
}
.mb55 {
margin-bottom: 55px;
}
.mb100 {
margin-bottom: 100px;
}
/* 外左边距 */
.ml5 {
margin-left: 5px;
}
.ml10 {
margin-left: 10px;
}
.ml15 {
margin-left: 15px;
}
.ml20 {
margin-left: 20px;
}
.ml30 {
margin-left: 30px;
}
.ml35 {
margin-left: 35px;
}
.ml50 {
margin-left: 50px;
}
.ml100 {
margin-left: 100px;
}
/* 外右边距 */
.mr5 {
margin-right: 5px;
}
.mr10 {
margin-right: 10px;
}
.mr15 {
margin-right: 15px;
}
.mr20 {
margin-right: 20px;
}
.mr30 {
margin-right: 30px;
}
.mr35 {
margin-right: 35px;
}
.mr50 {
margin-right: 50px;
}
.mr100 {
margin-right: 100px;
}
.pt0 {
padding-top: 0 !important;
}
.pt5 {
padding-top: 5px;
}
.pt8 {
padding-top: 8px;
}
.pt10 {
padding-top: 10px;
}
.pt15 {
padding-top: 15px;
}
.pt18 {
padding-top: 18px;
}
.pt20 {
padding-top: 20px;
}
.pt25 {
padding-top: 25px;
}
.pt28 {
padding-top: 28px;
}
.pt30 {
padding-top: 30px;
}
.pt35 {
padding-top: 35px;
}
.pt40 {
padding-top: 40px;
}
.pt45 {
padding-top: 45px;
}
.pt50 {
padding-top: 50px;
}
.pt55 {
padding-top: 55px;
}
.pt60 {
padding-top: 60px;
}
.pt65 {
padding-top: 65px;
}
.pt70 {
padding-top: 70px;
}
.pt75 {
padding-top: 75px;
}
.pt80 {
padding-top: 80px;
}
.pb0 {
padding-bottom: 0 !important;
}
.pb0 {
padding-bottom: 0 !important;
}
.pb3 {
padding-bottom: 3px;
}
.pb5 {
padding-bottom: 5px;
}
.pb8 {
padding-bottom: 8px;
}
.pb10 {
padding-bottom: 10px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pb25 {
padding-bottom: 25px;
}
.pb28 {
padding-bottom: 28px;
}
.pb30 {
padding-bottom: 30px;
}
.pb35 {
padding-bottom: 35px;
}
.pb40 {
padding-bottom: 40px;
}
.pb45 {
padding-bottom: 45px;
}
.pb50 {
padding-bottom: 50px;
}
.pb55 {
padding-bottom: 55px;
}
.pb60 {
padding-bottom: 60px;
}
.pb65 {
padding-bottom: 65px;
}
.pb70 {
padding-bottom: 70px;
}
.pb75 {
padding-bottom: 75px;
}
.pb80 {
padding-bottom: 80px;
}
.npt {
padding-top: 0 !important;
}
.npb {
padding-bottom: 0 !important;
}
.npb20 {
padding-bottom: 20px !important;
}
.pr0 {
padding-right: 0 !important;
}
.pr5 {
padding-right: 5px;
}
.pr8 {
padding-right: 8px;
}
.pr10 {
padding-right: 10px;
}
.pr15 {
padding-right: 15px;
}
.pr20 {
padding-right: 20px;
}
.pr25 {
padding-right: 25px;
}
.pr28 {
padding-right: 28px;
}
.pr35 {
padding-right: 35px;
}
.pr40 {
padding-right: 40px;
}
.pr45 {
padding-right: 45px;
}
.pr50 {
padding-right: 50px;
}
.pr55 {
padding-right: 55px;
}
.pr60 {
padding-right: 60px;
}
.pr70 {
padding-right: 70px;
}
.pr75 {
padding-right: 75px;
}
.pr80 {
padding-right: 80px;
}
.pl0 {
padding-left: 0 !important;
}
.pl5 {
padding-left: 5px;
}
.pl15 {
padding-left: 15px;
}
.pl8 {
padding-left: 8px;
}
.pl10 {
padding-left: 10px;
}
.pl15 {
padding-left: 15px;
}
.pl20 {
padding-left: 20px;
}
.pl25 {
padding-left: 25px;
}
.pl28 {
padding-left: 28px;
}
.pl35 {
padding-left: 35px;
}
.pl40 {
padding-left: 40px;
}
.pl45 {
padding-left: 45px;
}
.pl50 {
padding-left: 50px;
}
.pl60 {
padding-left: 60px;
}
.pl70 {
padding-left: 70px;
}
.pl75 {
padding-left: 75px;
}
.pl80 {
padding-left: 80px;
}
/**==========================  网站公共模块  ===========================**/
.header {
height: 200px;
width: 100%;
background: #fff;
-moz-box-shadow: 0px 1px 4px #f3f4f5;
-webkit-box-shadow: 0px 1px 4px #f3f4f5;
box-shadow: 0px 1px 4px #f3f4f5;
}

.header .toptxt{height:35px;line-height:35px;background:#414040;color:#fff;}
.header .toptxt a{color:#fff;margin: 0px 10px;}

.fixed {
width: 100%;
position: fixed;
top: 0;
_position: absolute;
_top: 0;
z-index: 9999;
}
.n-fixed {
width: 100%;
position: fixed;
top: 0px;
_position: absolute;
_top: 0px;
z-index: 999;
background: #fff;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
/* 下拉 */
#navhide {
display: none;
}
#nofixed {
position: fixed;
top: 0;
z-index: 9999;
}
/* logo =============== */
.logo {
display: table-cell;
max-width: 300px;
height: 60px;
vertical-align: middle;
overflow: hidden;
}
.logo img {
vertical-align: middle;
}
/* nav =============== */
.nav{height:55px;border-top: 2px solid #fafafa;}
.nav ul li {
position: relative;
min-height: 61px;
text-align: center;
float: left;
-webkit-perspective: 60px;
-moz-perspective: 60px;
-ms-perspective: 60px;
perspective: 60px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
z-index: 9999;
}
.nav ul li .nav-one {
display: block;
height: 32px;
width:100px;
line-height: 32px;
margin-top: 14px;
padding: 0 20px;
overflow: hidden;
}
.nav ul li, .nav ul li a, .nav ul li .childer, .nav ul li .childer a {
transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
}
.nav ul li a {
display: block;
}
.nav ul li .childer {
position: absolute;
width: 140px;
height: auto;
top: 61px;
left: 0;
padding-bottom: 5px;
background: transparent;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-transform-origin: 0px 0px;
-moz-transform-origin: 0px 0px;
-ms-transform-origin: 0px 0px;
transform-origin: 0px 0px;
-webkit-transform: rotateX(-63deg);
-moz-transform: rotateX(-63deg);
-ms-transform: rotateX(-63deg);
transform: rotateX(-63deg);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 9999;
}
.nav ul li .childer a {
height: 35px;
line-height: 35px;
text-align: left;
color: #fff;
padding-left: 15px;
border-left-width: 2px;
border-right-width: 0;
border-top-width: 0;
border-bottom-width: 0;
border-style: solid;
border-color: transparent;
overflow: hidden;
}
.nav ul li .childer a:hover {
background: #fbfbfb;
color: #0e94eb;
border-left-width: 2px;
border-right-width: 0;
border-top-width: 0;
border-bottom-width: 0;
border-style: solid;
border-color: #0e94eb;
}
.nav ul li.on {
background: transparent
}
.nav ul li.on .nav-one a {
color: #fff;
}
/*0,1*/
.nav.nav_num_0 ul li.on a.cn, .nav.nav_num_1 ul li.on a.cn {
margin-top: 0;
}
.nav.nav_num_0 ul li:hover a.cn, .nav.nav_num_0 ul li.on a.cn, .nav.nav_num_1 ul li:hover a.cn, .nav.nav_num_1 ul li.on a.cn, .nav.nav_num_2 ul li.on .nav-one .en, .nav.nav_num_3 ul li.on .nav-one .en {
color: #fff !important;
}
.nav.nav_num_0 ul li.on .childer, .nav.nav_num_1 ul li.on .childer, .nav.nav_num_2 ul li.on .childer, .nav.nav_num_3 ul li.on .childer {
-webkit-transform: rotateX(-63deg);
-moz-transform: rotateX(-63deg);
-ms-transform: rotateX(-63deg);
transform: rotateX(-63deg);
}
.nav ul li.on a.cn, .nav.nav_num_2 ul li.on .nav-one .cn, .nav.nav_num_3 ul li.on .nav-one .cn {
margin-top: -32px;
}
.nav.nav_num_0 ul li:hover .childer, .nav.nav_num_1 ul li:hover .childer, .nav.nav_num_2 ul li.on:hover .childer, .nav.nav_num_3 ul li.on:hover .childer {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
}
/* 处理灰色或者白色 */
#navwhite a {
color: #333 !important;
}
/* 幻灯片切换 ================== */
.nbanner, .nbanner a {
width: 100%;
display: block;
margin-top: 0px;
background-repeat: no-repeat;
background-position: center top;
background-attachment: local;
}
/* 高级设置 */
.swiper-slide {
min-width: 1150px;
text-align: center;
font-size: 18px;
background: #fff;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img {
display: block;
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 3% !important;
top: 58% !important;
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 15px 0 !important;
}
.swiper-button-next, .swiper-button-prev {
width: 27px !important;
height: 33px !important;
background: url(../images/arrow_45.png) no-repeat 0 0 !important;
}
.swiper-button-next {
right: 2% !important;
background-position: -93px 0 !important;
}
.swiper-button-prev {
left: 2% !important;
}
.swiper-button-prev, .swiper-button-prev.swiper-button-disabled, .swiper-button-next, .swiper-button-next.swiper-button-disabled {
opacity: 0;
}
.swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next {
opacity: 1;
}
.swiper-container .swiper-button-prev:hover {
background-position: 0 -68px !important;
}
.swiper-container .swiper-button-next:hover {
background-position: -93px -68px !important;
}
.swiper-pagination-bullet-active {
background: #fff !important;
}
.swiper-pagination-bullet {
background: #fff !important;
opacity: 0.2;
}
.wrapper-intro {
position: absolute;
overflow: hidden;
}
.wrapper-intro p {
padding-top: 10px;
}
.wrapper-intro p {
color: #fff;
}
/* 页脚 ================== */
/* 普通风格  */
#footer {
min-width: 1150px;
padding: 50px 0 0
}
.left-nav ul li {
min-width: 185px;
float: left;
}
.left-nav ul li h3 {
font-size: 16px;
color: #333;
}
.left-nav ul li a {
color: #666;
display: block;
padding-top: 15px;
}
.footer-right {
margin-top: 35px;
}
.footer-right .phone {
float: right;
min-width: 220px;
text-align: right;
}
.footer-right .phone strong {
color: #666;
}
.footer-right img.code {
margin-left: 20px;
border: 6px solid #fff;
}
.footer-right .phone span {
display: block;
color: #666;
}
.footer-right .phone strong {
font-size: 32px;
color: #666;
padding: 3px 0;
}
.footer-right .phone a.qq {
float: right;
display: block;
width: 100px;
height: 28px;
line-height: 28px;
text-align: center;
background: #7d7d7d;
color: #fff;
border-radius: 45px;
}
.bq {
height: 55px;
line-height: 55px;
border-top: 1px solid #f0f0f0;
color: #999
}
.bq span.zhichi a {
padding-left: 3px;
color: #999
}
/* 白色 */
.back-footer .left-nav ul li h3, .back-footer .phone strong {
color: #fff;
}
.back-footer .left-nav ul li a, .back-footer .footer-right .phone span, .back-footer .bq span.zhichi a {
color: rgba(255,255,255,.8);
}
.back-footer .footer-right .phone a.qq {
background: rgba(125,125,125,.8);
}
.back-footer .bq {
border-color: rgba(240,240,240,.4);
color: rgba(255,255,255,.8);
}
/* 简洁风格  */
#footer-0, #footer-0 a {
color: #fff;
}
#footer-0 p.copy {
padding: 20px 0;
}
/* 白色 */
#footer-0.white-footer, #footer-0.white-footer a {
color: #666;
}
/* ========在线客服 =========*/
/* 风格一 */
.kefu_q1 ul li:first-child, .kefu_q1 ul li a.animate {
background: url(../images/q1.png) no-repeat
}
.kefu_q1 {
position: fixed;
z-index: 101
}
.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/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/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: 101;
}
.kefu_q2 {
font-family: 'Arial';
font-size: 14px;
width: 110px;
height: 370px;
}
.kefu_q2 ul li {
background: url(../images/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/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: 101;
}
.kefu_q3 .default {
position: absolute;
cursor: pointer;
width: 45px;
height: 131px;
background: url(../images/q3.png) no-repeat 0 0;
}
.default-hide {
margin-right: -120%
}
.kefu_q3 .ico-bg {
background: url(../images/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;
top: 50%;
color: #fff;
left: 50%;
width: 480px;
height: 282px;
background: url(../images/qq.png) no-repeat;
text-align: center;
z-index: 999;
overflow: hidden;
}
.layer-qq h3 {
font-size: 42px;
text-transform: uppercase;
font-weight: bold;
padding-top: 70px;
}
.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);
}
}
/* 音乐设置 */
.music {
width: auto;
height: auto;
position: fixed;
z-index: 99999;
}
.aplayer {
background: transparent !important;
box-shadow: none !important;
}
.music.m-true .aplayer {
margin: 0;
}
.music.m-true .aplayer-narrow {
width: 45px !important;
height: 45px !important;
}
.music.m-true .aplayer .aplayer-pic {
width: 45px !important;
height: 45px !important;
}
/* 列表 */
.music.m-false {
min-width: 512px;
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 1px;
}
.music.m-false .aplayer {
margin: 3px;
}
.music.m-false .aplayer .aplayer-pic {
width: 45px;
height: 45px;
border-radius: 50px;
overflow: hidden;
}
.music.m-false .aplayer .aplayer-info {
height: 48px !important;
padding: 0 7px 0 0px !important;
}
.music.m-false .colse-music {
position: absolute;
right: 10px;
top: 4px;
display: block;
width: 19px;
height: 19px;
background: url(../images/close_music.png) no-repeat;
z-index: 99999;
cursor: pointer;
}
.music.m-false .aplayer .aplayer-info .aplayer-music {
margin-bottom: 8px;
margin-top: 5px;
}
.icp{color: #fff;}

.dede_pages {width: 100%;text-align: center;padding: 30px 0px;height: auto;overflow: hidden;clear: both;font-size: 12px;color: #555555;font-family: 微软雅黑;}
.dede_pages ul {margin: 0px;padding: 0px;list-style: none;}
.dede_pages span font {color: #fff;background: rgb(20,113,239);padding: 6px 13px;margin: 0 5px;cursor: pointer;}
.dede_pages a {display: inline-block;color: #555;padding: 6px 13px;margin: 0 5px;cursor: pointer;background-color: #e6e6e6;text-decoration: none;}
.dede_pages a:hover {background: rgb(20,113,239);color: #fff;text-decoration: none;}
.nolink {margin: 0 5px;padding: 6px 13px;cursor: pointer;color: #555;background-color: #e6e6e6;}
.nolink:hover {background: rgb(20,113,239);color: #fff;}
.total{display: none;}
.jump {display: none;}
.current {display: none;}