@charset "utf-8";
/* CSS Document */
body {font-family: "Microsoft YaHei"; font-size: 15px; overflow-x: hidden; color: #333;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,b{margin:0; padding:0; font-weight:normal;}
*{ box-sizing:border-box; margin:0; padding:0;}
ul,ol,li {list-style: outside none none; margin:0; padding:0;}
.clear{ clear:both}
a:hover, a:focus {text-decoration: none;color: inherit;outline: none;}
img {height: auto; -ms-interpolation-mode: bicubic; border: 0 ;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.l { float: left;}.r { float: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.red{color:#cd0510;}
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */

  @if $lte7 {
    *display: inline; /* 3 */
    *zoom: 1; /* 3 */
  }
}
.tc{ text-align:center;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-28{padding-bottom:28%;}
.rect-30{padding-bottom:30%;}
.rect-40{padding-bottom:40%;}
.rect-45{padding-bottom:45%;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-65{padding-bottom: 65%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rect-140{padding-bottom:140%;}
/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
.imgZoom img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
/*图片通用样式*/
.img-common{background-repeat: no-repeat;background-position: center;background-size: cover;-webkit-background-size: cover;}

/*图放大*/
.pic .img-tp{overflow:hidden;}
.pic .img-tp img{display:block;transition:all 1s;}

.pic:hover .img-tp img{transform:scale(1.1);
-webkit-transform: scale(1.1); /*Safari 和 Chrome*/
-moz-transform: scale(1.1); /*Firefox*/
-ms-transform: scale(1.1); /*IE9*/
-o-transform: scale(1.1); /*Opera*/
}
/*图放大*/

.img-text-sb{vertical-align:super;}
.img-text-middle{position: absolute;top: 50%;transform: translateY(-50%);}
.img-text-center{text-align: center;}
.img-text-transform{text-transform: uppercase;}
.img-text-left{text-align: left;}
.img-text-right{text-align: right !important;}
.img-text-bold{font-weight: bold;}
.img-text-underline{text-decoration:underline;}
.img-fl{float: left !important;}
.img-fr{float: right !important;}
.img-display{display:none;}
.img-display-black{display:block;}
.img-over{overflow: hidden;}
.img-line-top{border-top 1px solid #e3e3e3}
.img-line-bottom{border-bottom: 1px solid #e3e3e3}
.img-line-left{border-left 1px solid #e3e3e3}
.img-line-right{border-right: 1px solid #e3e3e3}

/*通用*/
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
/*page*/
.page{color: #777777; text-align: center;padding-top: 20px;clear:both;float: none;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #65ac1e;border: 1px solid #65ac1e;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}

/*header*/
header { background-color:#fff; height: 110px; padding: 10px 0 0; position: fixed; z-index: 1000; left: 0; top: 0; right: 0; width: 100%; box-sizing: border-box; }
header:hover, header.active, header.slided , header.static { background-color: #fff; }
/*header:hover .logo, header.active .logo, header.slided .logo , header.static .logo { background-image: url(../images/logo.png); }*/
header:hover .nav_list li a, header.active .nav_list li a, header.slided .nav_list li a , header.static .nav_list li a { color: #000; }
header:hover .tools a, header:hover .tools em, header:hover .tools span, 
header.active .tools a, header.active .tools em, header.active .tools span, 
header.slided .tools a, header.slided .tools em, header.slided .tools span,
header.static .tools a, header.static .tools em, header.static .tools span{ color: #000; }
header:hover .tools a, header.active .tools a, header.slided .tools a , header.static .tools a {  }
header .tools a:hover{color:#cc0000;}
header .in_con { width: 100%; display: block; }
header .logo { display: block;  height: 78px; background-repeat: no-repeat; background-image: url(../images/logo.png); margin-top:5px; }
header .nav_list { line-height: 100%; overflow: hidden; height: 68px; }
header .nav_list li { float: left; line-height: 62px; margin-left:6%; position: relative;z-index:9991;height:68px; }
header .nav_list li b { position: absolute; bottom: 0; left: 50%; margin-left: -10px; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 10px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #cc0000 transparent; border-top: none; display: none; }
header .nav_list li:hover a, header .nav_list li.active a { color: #cc0000; }
header .nav_list li.slided a { color: #cc0000; }
header .nav_list li.slided b { display: block; }
header .nav_list li a { color: #333; font-size:16px; font-weight: bold; text-decoration: none; display: block; line-height: 62px; height:68px; }
header .nav_list li a.active { color: #cc0000; }
header .tools { text-align:right; line-height: 30px; margin-right: 0 !important; border: 0 !important;height: auto !important; color: #666; }
header .tools span { color: #333; display: inline-block; vertical-align: middle; margin-left:10px;}
header .tools em { padding: 0 10px; font-size: 1.2rem; font-weight: 100; }
header .m_tools { float:right;}
header .m_tools .mobile_search{display:none; font-size: 20px;line-height:58px; cursor: pointer;width:30px;}
header .m_tools .mobile_search.cur{font-size:20px;overflow:hidden;text-indent: 89em;background-image:url(../images/fa-times_bg.png);background-position:left center;background-repeat:no-repeat;background-size:20px;}
header .tools .tx-input {width: 165px;height: 30px;background:#f0f0f0; padding-left: 10px;box-sizing: border-box;display: inline-block;}
header .tools .tx-input input[type=text] {width: 81%;height: 100%; float: left;}
header .tools .tx-input input {border: none;outline: none;background: none;display: block;}
header .tools .tx-input .bt{ float: left; width:28px; height: 28px; position:relative;background:none;font-family:'FontAwesome';}
header .tools .tx-input .bt:after{ content: "\f002";position:absolute; left:0;top:0; font-size:18px;width:28px; line-height:30px; color:#ccc;}
header .tools .tx-input .btn-default{ border: none;}
header .mobile-bar{float:right;height:64px;line-height:76px;overflow:hidden; display:none;padding:18px 0px;cursor:pointer;}
header .mobile-bar span{font-size:28px;color:#333;width:24px;}
header:hover .mobile-bar span,header.active .mobile-bar span,header.slided .mobile-bar span , header.static .mobile-bar span{color:#000;}
.sub_nav_body { display: none; border-top:3px solid #cc0000; background-color: #fff; padding: 30px 0; position: absolute; top: 110px; left: 0; width: 100%; box-sizing: border-box;z-index:9 }
.sub_nav_body .sub_tit { font-size: 1.5rem; color: #333; border-bottom: 1px solid #8cd4f4; padding-bottom: 10px; margin-bottom: 20px; font-weight: 700; margin-left: 10px; }
.sub_nav_body ul.sub_list { width: 100%; display: block; }
.sub_nav_body ul.sub_list li { float: left; width: 20%;}
.sub_nav_body ul.sub_list li:nth-child(1) a, .sub_nav_body ul.sub_list li:nth-child(7n) a { border-color: transparent; }
.sub_nav_body ul.sub_list li a {color: #333; padding-left: 30%; border-left: 1px solid #b5b5b5; }
.sub_nav_body .search_out input, .sub_nav_body .search_out a , .sub_nav_body .search_btn_ico{ vertical-align: middle; display: inline-block; box-sizing: border-box; }
.sub_nav_body .search_out input { height:60px;line-height: 60px; border: 0; width: calc(100% - 50px); background-color:transparent;border-bottom:1px solid #333; color:#333;}
.sub_nav_body .search_out input::-webkit-placeholder{color:#333;}
.sub_nav_body .search_out input::placeholder{color:#333;}
.sub_nav_body .search_out a.search_btn { border: 1px solid #333; width: 120px; height: 60px; line-height: 60px; font-size: 1.8rem; text-align: center; color: #333; }
.sub_nav_body .search_out a.search_btn_ico{color:#333;font-size:2.4rem;margin-left:1rem;display:inline-block;text-decoration:none;}
.sub_nav_body .pro_list { width: 100%; display: block; margin-bottom:10px; }
.sub_nav_body .pro_list li { float: left; width: 20%; box-sizing: border-box; padding: 10px 20px 10px 25px; border-left: 1px solid #b5b5b5; }
.sub_nav_body .pro_list li:first-child { border: 0; }
.sub_nav_body .pro_list li:last-child{padding-right:0;}
.sub_nav_body .pro_list li h3, .sub_nav_body .pro_list li a { color: #333; text-decoration: none; }
.sub_nav_body .pro_list li h3 a{border-bottom:1px solid #fff;padding-bottom:3px;color:#cc0000;}
.sub_nav_body .pro_list li h3 { font-size: 18px; margin-bottom: 20px; }
.sub_nav_body .pro_list li p { line-height: 24px; color:#666666;margin-bottom:5px;}
.sub_nav_body .pro_list li p a:hover{text-decoration: underline !important;}
.sub_nav_body .pro_list li p.s_1 { margin-bottom: 20px; line-height: 2rem; }
.sub_nav_body .pro_list li p.s_2 { color: #333; font-size: 1.5rem; line-height: 2.2rem; margin: 10px 0; }
.sub_nav_body .pro_list li p a { font-size: 1.5rem; text-decoration: none; }
.sub_nav_body .pro_list li h6 a { margin-right: 5px; display: inline-block; border: 1px solid #fff; 
padding: 5px 8px; font-size: 1.5rem; text-decoration: none; color: #fff; }
.sub_nav_body .pro_list li h6 a:last-child{margin-right:0;}
.sub_nav_body .pro_list li:last-child img{display:block;width:100%;}
.sub_nav_body .search_btn{text-decoration:none;}
.mobile_header_mask{background-color:rgba(0,0,0,.5);position: fixed;left:0;right:0;top:64px;bottom:0;display:none;z-index:5;}
.mobile_nav{position: fixed;left:0;right:0;bottom:0;top:64px;overflow-y:auto;display:none;z-index:99}
.mobile_nav ul{background-color:#fff;}
.mobile_nav ul li{border-bottom:1px solid #c9c9c9;}
.mobile_nav ul li a,.mobile_nav ul li h3{display:block;line-height:50px;height:50px;padding:0 20px;color:#333;cursor:pointer;text-decoration:none;outline: 0;position: relative;}
.mobile_nav ul li h3{display:block;font-size:1.6rem;font-weight:700;}
.mobile_nav ul li h3 i{display:inline-block;width:18px;height:10px;background-image:url(../images/mobile_nav_h3_i.png);background-size:cover;background-position:center;background-repeat:no-repeat;position: absolute;right:20px;top:21px;transition:all ease-out .3s;}
.mobile_nav ul li a i{display:inline-block;width:18px;height:10px;background-image:url(../images/mobile_nav_h3_i.png);background-size:cover;background-position:center;background-repeat:no-repeat;position: absolute;right:20px;top:21px;transform: rotate(-90deg)}
.mobile_nav ul li h3.cur i{transform: rotate(180deg);}
.mobile_nav ul li ul.sub_down{padding-bottom:20px;display:none; padding-left:20px;}
.mobile_nav ul li ul.sub_down li{border-bottom:0;}
.mobile_nav ul li ul.sub_down li a{display:block; height:33px;line-height:33px;color:#666;padding-left:40px;font-weight:100;}
.mobile_nav ul li ul.sub_down li h4{font-size:15px;height:33px;line-height:33px;color:#333;padding-left:40px;font-weight:700;}
.mobile_nav ul li ul.sub_down li h4 a{padding:0;font-weight:700;color:#333;}
.mobile_nav ul li ul.sub_down li p a{padding-left:60px; font-size:14px;}
@media only screen and (max-width: 1200px) {
header .nav_list li {margin-left:5.5%;}
}
@media only screen and (max-width: 1120px) {
header .nav_list li {margin-left:4.5%;}
}
@media only screen and (max-width: 992px){
header .nav_list {display: none;}
header {height: 64px;padding: 0;border-bottom: 1px solid #ccc}
header .container {padding-right: 0}
header .logo {margin-top: 7px;width: 179px;height: 49px;background-size:179px auto;}
header .nav_list {display: none}
header .mobile-bar {display: block}
header .tools span {padding: 0 20px}
header .tools .search_btn {display: none}
header .m_tools .mobile_search {display: inline-block}
header .col-xs-3 { padding-right:0px;}
.sub_nav_body {top: 64px;padding: 20px 0;}
.sub_nav_body .container{padding-right:15px;}
.sub_nav_body .search_out{border-bottom:1px solid #333;width:100%;overflow:hidden;}
.sub_nav_body .search_out input { line-height: 40px;border:0;opacity:.5;}
.search_body .search_input_bar .search_out{border-bottom:1px solid #333;}
.search_body .search_input_bar .search_out input{border-bottom:0;opacity:.5;}
.sub_nav_body .search_out .btn-default{ border:#fff;}
.search_body .search_details_con .list li h3 , .search_body .search_details_con .list li p{padding-right:35%;}
header .tools {display: block}
.tools {display: none}
}

/*foot*/

.footer{background-color:#101010; padding:60px 0 0px;}
.footer .main-nav{line-height:.625em;color:#909090; padding-bottom:30px;display:block}
.footer .main-nav .gray a{color:#909090!important; }
.footer .main-nav h3{text-transform:uppercase;font-size:.75em;font-weight:600;letter-spacing:.08em;margin-top:0}
.footer .main-nav ul{padding:12px 0}
.footer .main-nav ul:first-child{padding-top:0}
.footer .main-nav ul:last-child{padding-bottom:0}
.footer .main-nav li{font-weight:300;display:inline-block;padding-right:10px; font-size:16px;border-right:1px solid #909090;margin:0 6px 17px 0}
.footer .main-nav li:first-child{border:0}
@media (max-width:766px){
.footer{background-color:#101010; padding:30px 0 0px;}
.footer .main-nav li{ margin:8px 3px; font-size:15px;}
.footer .main-nav li:first-child{display:block;margin-bottom:10px}}
.footer .main-nav li:last-child{padding-right:0;margin-right:0;border:0}
.footer .main-nav li a{ color:#fff}
.footer .main-nav li a:hover{color:#f0f0f0;}
@media (min-width:767px){
.footer .main-nav h3{display:inline-block;width:153px;line-height:1.0833em;margin-bottom:3px}
.footer .main-nav li{margin:0 6px 9px 0}
.footer .main-nav li:first-child{float:left}
.footer .main-nav ul{margin:0;padding:0 0 15px;clear:left}
.footer .main-nav a{line-height:1.0833em}}
@media (min-width:1280px){
.footer .main-nav ul{padding:7px 0}
.footer .main-nav li{line-height:1em}
.footer .main-nav a{font-size:1em}
.footer .promo{font-size:16px;line-height:40px;}
.footer .promo img{float:right; margin:25px 0 0;display:block}
}
.footer .promo{padding-top:9px;border-top:1px solid silver;color:#fff;line-height:30px;}
.footer .promo .tit{font-weight:500;}
.footer .promo p{font-weight:300;margin:0}
.footer .promo span{ float:left; margin-right:10px;}
.footer .promo a{display:block;color:#fff; }
.footer .promo img{margin:25px 25% 30px; text-align:center;display:block}
@media (min-width:767px){.footer .promo{padding-top:48px;padding-bottom:41px}
.footer .promo .title{margin:0 0 13px}
.footer .promo img{margin:5px 0 0}}
@media (min-width:1280px){.footer .promo{padding-top:40px;padding-bottom:45px}
.footer .promo .tit{margin:0 0 21px}
.footer .promo img{margin:4px 0 0}
.footer .promo p{font-size:1em}
}
.footer .bottom{background-color:#000;padding:20px 0 15px;color:#ccc; font-weight:500;letter-spacing:.025em}
.footer .bottom a{color:#ccc; line-height:38px;}
.footer .bottom a:hover{color:#cc0000;}
.footer .copyright{color:#ccc; line-height:38px; margin-right:18px;}
.footer .footer-social .bdsharebuttonbox a { display: inline-block; width: 30px; height: 30px; padding: 0; margin: 0; margin-right: 10px; background: url(../images/ico-30.png) no-repeat 0 0; }
.footer .footer-social .bdsharebuttonbox .bds_weixin { background-position: -90px 0; }
.footer .footer-social .bdsharebuttonbox .bds_tqq { background-position: -120px 0; }
.footer .footer-social .bdsharebuttonbox .bds_tsina { background-position: -150px 0; }
.footer .footer-social .bdshare-button-style0-16 a{opacity:0.8;}
.footer .footer-social .bdshare-button-style0-16 a:hover{opacity:1;}

@media (min-width:767px){.footer .footer-social{float:right;text-align:right; }}
@media (max-width:767px){
.footer .copyright{color:#ccc; line-height:38px; }
}


.footer .share {text-align: right;}
.footer .share .foot-share .wechat { position: relative;}
.footer .share .foot-share .wechat:hover .vx { display: block;}
.footer .share .foot-share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.footer .share .foot-share .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
.footer .share .foot-share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.footer .share .foot-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.footer .share .foot-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.footer .share .foot-share a { margin-left:5px; float: right;}

/*通用page*/
.pages{font-size: 12px; color: #777777; text-align: center; margin-top: 40px;}
.pages a,.pages span { color: #777777;display: inline-block;border: 1px solid #ededed; background:#e5e5e5;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.pages .goprev{margin-right: 10px;}
.pages .gonext,.pages .count {margin-left: 10px;}
.pages i{color: #777777;display: inline-block;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.pages a:hover,.pages span{color:#fff; background: #cc0000;}
.pages span.count { border: 0;background: 0;color: #777777;}

#kefu {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 999;
  width: 60px;
  height: 60px;
}
#kefu .topBtn {
  width: 60px;
  height: 60px;
  background-color: #f2f2f2;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  -webkit-animation: wobble 250ms  infinite;
  animation: wobble 250ms  infinite;
  background-image: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20t%3D%221575450105478%22%20class%3D%22icon%22%20viewBox%3D%220%200%201220%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222883%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20d%3D%22M609.524%20103.522c-222.89%200-403.712%20178.472-403.712%20398.78%200%20220.31%20180.823%20398.782%20403.712%20398.782%20222.889%200%20403.712-178.473%20403.712-398.781%200-220.309-180.823-398.781-403.712-398.781v48.762c196.1%200%20354.95%20156.785%20354.95%20350.019s-158.85%20350.019-354.95%20350.019-354.95-156.785-354.95-350.02c0-193.233%20158.85-350.018%20354.95-350.018v-48.762z%22%20fill%3D%22%231296db%22%20p-id%3D%222884%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M786.578%20916.34c166.45-69.217%20278.408-231.055%20278.408-414.035%200-248.026-203.847-449.219-455.457-449.219-251.619%200-455.457%20201.188-455.457%20449.22%200%2055.397%2010.152%20109.367%2029.718%20159.975%204.855%2012.56-1.39%2026.677-13.949%2031.533-12.56%204.855-26.677-1.39-31.532-13.949a490.396%20490.396%200%200%201-3.042-8.078c-1.85%200.077-3.711%200.116-5.581%200.116C58.06%20671.903%200%20614.597%200%20543.903c0-65.005%2049.09-118.69%20112.68-126.91C153.65%20182.56%20360.56%204.324%20609.528%204.324c248.962%200%20455.877%20178.24%20496.85%20412.67%2063.583%208.225%20112.669%2061.907%20112.669%20126.909%200%2070.694-58.06%20128-129.686%20128-1.89%200-3.771-0.04-5.642-0.119-47.536%20129.702-148.34%20235.841-279.493%20290.027-1.161%2033.464-29.012%2060.24-63.2%2060.24-34.925%200-63.237-27.944-63.237-62.416%200-34.471%2028.312-62.415%2063.237-62.415%2017.892%200%2034.048%207.333%2045.551%2019.12z%22%20fill%3D%22%231296db%22%20p-id%3D%222885%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M609.528%20611.405c-58.933%200-112.056-10.644-158.472-28.342-16.123-6.147-30.211-12.702-42.138-19.208-6.926-3.777-11.447-6.59-13.437-7.972-19.24-13.373-44.428%205.446-37.059%2027.688%2035.296%20106.527%20136.054%20179.913%20251.106%20179.913%20115.05%200%20215.796-73.384%20251.092-179.913%207.37-22.243-17.82-41.062-37.06-27.687-1.99%201.383-6.51%204.195-13.434%207.972-11.926%206.505-26.012%2013.06-42.133%2019.207-46.413%2017.698-99.533%2028.342-158.465%2028.342z%22%20fill%3D%22%231296db%22%20p-id%3D%222886%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
#kefu .topBtn:active {
  background: #ddd;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20t%3D%221575450105478%22%20class%3D%22icon%22%20viewBox%3D%220%200%201220%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222883%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20d%3D%22M609.524%20103.522c-222.89%200-403.712%20178.472-403.712%20398.78%200%20220.31%20180.823%20398.782%20403.712%20398.782%20222.889%200%20403.712-178.473%20403.712-398.781%200-220.309-180.823-398.781-403.712-398.781v48.762c196.1%200%20354.95%20156.785%20354.95%20350.019s-158.85%20350.019-354.95%20350.019-354.95-156.785-354.95-350.02c0-193.233%20158.85-350.018%20354.95-350.018v-48.762z%22%20fill%3D%22%231296db%22%20p-id%3D%222884%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M786.578%20916.34c166.45-69.217%20278.408-231.055%20278.408-414.035%200-248.026-203.847-449.219-455.457-449.219-251.619%200-455.457%20201.188-455.457%20449.22%200%2055.397%2010.152%20109.367%2029.718%20159.975%204.855%2012.56-1.39%2026.677-13.949%2031.533-12.56%204.855-26.677-1.39-31.532-13.949a490.396%20490.396%200%200%201-3.042-8.078c-1.85%200.077-3.711%200.116-5.581%200.116C58.06%20671.903%200%20614.597%200%20543.903c0-65.005%2049.09-118.69%20112.68-126.91C153.65%20182.56%20360.56%204.324%20609.528%204.324c248.962%200%20455.877%20178.24%20496.85%20412.67%2063.583%208.225%20112.669%2061.907%20112.669%20126.909%200%2070.694-58.06%20128-129.686%20128-1.89%200-3.771-0.04-5.642-0.119-47.536%20129.702-148.34%20235.841-279.493%20290.027-1.161%2033.464-29.012%2060.24-63.2%2060.24-34.925%200-63.237-27.944-63.237-62.416%200-34.471%2028.312-62.415%2063.237-62.415%2017.892%200%2034.048%207.333%2045.551%2019.12z%22%20fill%3D%22%231296db%22%20p-id%3D%222885%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M609.528%20611.405c-58.933%200-112.056-10.644-158.472-28.342-16.123-6.147-30.211-12.702-42.138-19.208-6.926-3.777-11.447-6.59-13.437-7.972-19.24-13.373-44.428%205.446-37.059%2027.688%2035.296%20106.527%20136.054%20179.913%20251.106%20179.913%20115.05%200%20215.796-73.384%20251.092-179.913%207.37-22.243-17.82-41.062-37.06-27.687-1.99%201.383-6.51%204.195-13.434%207.972-11.926%206.505-26.012%2013.06-42.133%2019.207-46.413%2017.698-99.533%2028.342-158.465%2028.342z%22%20fill%3D%22%231296db%22%20p-id%3D%222886%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
#kefu span {
  width: 60px;
  height: 60px;
  background-color: #f2f2f2;
  position: absolute;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}
#kefu span.other {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  z-index: -1;
}
#kefu span.other:hover .tel {
  display: block;
}
#kefu span.other .tel {
  position: absolute;
  right: -70px;
  bottom: 70px;
  width: 150px;
  height: 50px;
  padding: 10px 10px 0 10px;
  background: rgba(255, 255, 255, 0.8);
  color: #333;
  font-size: 18px;
}
#kefu span.other .tel dt {
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
#kefu span.other .tel dt a{ color:#333;}
#kefu span.other .tel dd {
  font-size: 14px;
}
#kefu .eweima,
#kefu .tel {
  display: none;
}
#showKfList:checked + label {
  background: #ddd;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20t%3D%221575450105478%22%20class%3D%22icon%22%20viewBox%3D%220%200%201220%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222883%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20d%3D%22M609.524%20103.522c-222.89%200-403.712%20178.472-403.712%20398.78%200%20220.31%20180.823%20398.782%20403.712%20398.782%20222.889%200%20403.712-178.473%20403.712-398.781%200-220.309-180.823-398.781-403.712-398.781v48.762c196.1%200%20354.95%20156.785%20354.95%20350.019s-158.85%20350.019-354.95%20350.019-354.95-156.785-354.95-350.02c0-193.233%20158.85-350.018%20354.95-350.018v-48.762z%22%20fill%3D%22%231296db%22%20p-id%3D%222884%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M786.578%20916.34c166.45-69.217%20278.408-231.055%20278.408-414.035%200-248.026-203.847-449.219-455.457-449.219-251.619%200-455.457%20201.188-455.457%20449.22%200%2055.397%2010.152%20109.367%2029.718%20159.975%204.855%2012.56-1.39%2026.677-13.949%2031.533-12.56%204.855-26.677-1.39-31.532-13.949a490.396%20490.396%200%200%201-3.042-8.078c-1.85%200.077-3.711%200.116-5.581%200.116C58.06%20671.903%200%20614.597%200%20543.903c0-65.005%2049.09-118.69%20112.68-126.91C153.65%20182.56%20360.56%204.324%20609.528%204.324c248.962%200%20455.877%20178.24%20496.85%20412.67%2063.583%208.225%20112.669%2061.907%20112.669%20126.909%200%2070.694-58.06%20128-129.686%20128-1.89%200-3.771-0.04-5.642-0.119-47.536%20129.702-148.34%20235.841-279.493%20290.027-1.161%2033.464-29.012%2060.24-63.2%2060.24-34.925%200-63.237-27.944-63.237-62.416%200-34.471%2028.312-62.415%2063.237-62.415%2017.892%200%2034.048%207.333%2045.551%2019.12z%22%20fill%3D%22%231296db%22%20p-id%3D%222885%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M609.528%20611.405c-58.933%200-112.056-10.644-158.472-28.342-16.123-6.147-30.211-12.702-42.138-19.208-6.926-3.777-11.447-6.59-13.437-7.972-19.24-13.373-44.428%205.446-37.059%2027.688%2035.296%20106.527%20136.054%20179.913%20251.106%20179.913%20115.05%200%20215.796-73.384%20251.092-179.913%207.37-22.243-17.82-41.062-37.06-27.687-1.99%201.383-6.51%204.195-13.434%207.972-11.926%206.505-26.012%2013.06-42.133%2019.207-46.413%2017.698-99.533%2028.342-158.465%2028.342z%22%20fill%3D%22%231296db%22%20p-id%3D%222886%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
#showKfList:checked ~ span.other {
  -webkit-transform: translate(-70px, 0);
  transform: translate(-70px, 0);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-image: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20t%3D%221575462102341%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%2210475%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M512%201024a512%20512%200%201%201%20512-512%20512%20512%200%200%201-512%20512z%20m93.44-456.32L576%20596.48c-43.264-13.44-96.256-64-156.928-153.6l21.504-23.808a57.728%2057.728%200%200%200%201.792-75.136l-59.776-72.96a57.472%2057.472%200%200%200-78.72-9.856l-20.352%2015.104a113.92%20113.92%200%200%200-41.984%20123.008A587.648%20587.648%200%200%200%20358.4%20619.136Q448.896%20725.504%20625.536%20768a111.232%20111.232%200%200%200%20118.784-46.464l15.488-23.168a57.728%2057.728%200%200%200-10.368-75.648l-66.304-57.088a57.6%2057.6%200%200%200-77.696%202.048zM305.92%20307.2l20.352-15.104a19.2%2019.2%200%200%201%2026.24%203.328l59.776%2072.96a19.328%2019.328%200%200%201%200%2025.6l-41.984%2045.056%208.192%2012.8c73.728%20111.36%20139.264%20173.312%20199.168%20184.704l9.856%201.92%2044.672-43.136a19.072%2019.072%200%200%201%2025.6-0.768l66.304%2057.216a18.944%2018.944%200%200%201%203.456%2025.6l-15.36%2023.296a73.216%2073.216%200%200%201-77.952%2030.464C524.8%20704%20442.368%20658.432%20387.968%20594.304a546.432%20546.432%200%200%201-109.824-205.952A75.52%2075.52%200%200%201%20305.92%20307.2z%20m233.856%2098.048a74.624%2074.624%200%200%201%2017.024-1.92%2076.8%2076.8%200%200%201%2076.8%2076.8%2075.008%2075.008%200%200%201-0.896%2012.032%2011.008%2011.008%200%200%200-1.152%205.248v0.768a17.792%2017.792%200%200%200%2019.584%2016.384c10.112-0.768%2019.584-5.504%2019.584-16.128v-0.896a111.488%20111.488%200%200%200%201.28-17.408%20115.2%20115.2%200%200%200-115.2-115.2%20120.192%20120.192%200%200%200-15.232%201.024%2020.864%2020.864%200%200%200-18.432%2020.608c0%2010.24%206.528%2019.072%2016.64%2018.304zM710.4%20499.2c0%2010.368%2011.776%2015.36%2021.76%2014.592a16%2016%200%200%200%2016.64-17.024v-7.936-8.192a192%20192%200%200%200-192-192h-13.568A21.504%2021.504%200%200%200%20521.984%20307.2a18.176%2018.176%200%200%200%2017.792%2019.584%20150.144%20150.144%200%200%201%2017.024-0.896%20153.6%20153.6%200%200%201%20153.6%20153.6%20148.992%20148.992%200%200%201-1.152%2019.712z%22%20fill%3D%22%23fb2805%22%20p-id%3D%2210476%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
#showKfList {
  width: 60px;
  height: 60px;
  display: none;
}