@charset "utf-8";


/** {padding:0;margin:0;outline:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}*/







a {color:#333;text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);/*去掉手机点击显示块状*/}






/*客服*/
.quick_nav{position:fixed; /*right: 5px;bottom: 18%;margin-top:-100px;box-shadow: 0 0 5px rgba(0,0,0,0.1);*/ z-index: 999;}
.quick_nav1 a{ color:#fff;}
.quick_nav1 a:hover{text-decoration:underline}；
.quick_nav1{position:relative}
.quick_nav1 li{ background:#323235; margin-bottom:1px; padding:10px 0;transition:0.3s; border-radius:3px;}
.quick_nav1 li:hover{ background:#e10000; color:#fff;}
.quick_nav1 li:hover a{ color:#fff;}
.quick_nav1 .h3{ font-size:16px; line-height:1; position:relative; margin-bottom:7px;}
.quick_nav1 .h3:before{ content:'\20'; width:10px; height:2px; background:#e10000; position:absolute; left:15px; top:50%; margin-top:-1px;}
.quick_nav1 .p{ font-size:12px; line-height:18px; text-align:left; padding:0 0 0 10px; overflow:hidden;}
.quick_nav1 .p span,.quick_nav1 .p a{ margin-right:8px; float:left; color:#acacac;}
.quick_nav1 .p a:hover{ text-decoration:underline; color:#fff;}
.quick_nav1 li:nth-child(3) .p{ padding:0px;}
.quick_nav1 li:nth-child(3) .p span,.quick_nav1 li:nth-child(3) .p a{ width:50%; margin-right:0px; text-align:center;}

.quick_nav2{display:block;}
.quick_nav2 li{background: #fff;width:70px;height:80px;text-align:center;display:block;position:relative; text-decoration:none;border-top:1px solid #e0e0e0;}
.quick_nav2 .pd{ color:#666; display:block;}
.quick_nav2 .pd i{ display:block;font-size:28px!important;line-height:28px;padding-top:15px}
.quick_nav2 .pd strong{ font-weight:normal;}
.quick_nav2 .pd:hover{ color: #252b3b;}
.quick_nav2 .box{ position:absolute; right:65px; top:0px; width:392px; text-align:left; color:#888888; font-size:14px; display:none;}

.quick_close{ display:none;}
.quick_nav2 .npd{ background:#fff; margin-right:20px; padding:20px; border:1px solid #e8e8e8; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:3px; overflow:hidden;}
.quick_nav2 .npd:before{ content:'\20'; background:url(../images/sj.png) no-repeat; width:12px; height:22px; display:block; position:absolute; right:10px; top:15px;}
.quick_nav2 li:hover{background: #1f2024; color:#fff;}
.quick_nav2 li:hover .pd{color:#fff;}
.quick_nav2 li:hover .box{ display:block;}

.quick_kf .h3{ font-size:24px; color: #1f2024; line-height:30px; padding:0 0 20px 38px; border-bottom:1px solid #ececec; position:relative;}
.quick_kf .h3 i{ font-size:36px; position:absolute; left:0px; top:0px; height:30px; line-height:30px; color:#888888;}
.quick_kf .p{ padding:15px 0; margin-bottom:5px;}
.quick_kf .m{ overflow:hidden;}
.quick_kf .m a{ width:33.3333%; float:left; display:block; color:#555555; text-align:center; padding:15px 0 12px 0; background:#f9f9f9;}
.quick_kf .m i{ display:block; font-size:28px; color: #1f2024; position:relative; display:block; height:34px; line-height:34px; width:34px; margin:0 auto;}
.quick_kf .m i:after{ content:'\20'; width:14px; height:14px; background:url(../images/xiaoxi.gif) no-repeat; background-size:cover; position:absolute; right:-8px; top:-5px;}
.quick_kf .m span{ display:block;}
.quick_kf .m a:hover{ background:#f1f1f1;}

.quick_fw .i{width:70px;border-right:1px solid #ececec;height:90px;line-height:90px;float:left;margin-right: 15px;}
.quick_fw .i i{ font-size:50px; color: #1f2024;}
.quick_fw .h3{ font-size:20px; color:#333;font-weight: bold;height:30px;line-height:30px;}
.quick_fw .p{ font-size:20px;  color: #1f2024;height:30px;line-height:30px;}
.quick_fw .p a{color: #1f2024;}

.quick_wx{display:block;}
.quick_wx .box{ position:absolute; right:65px; top:0px; width:200px; text-align:left; color:#888; font-size:14px; display:none;}
.quick_wx .npd:before{ top:auto; bottom:20px;}
.quick_wx img{ width:100%; height:auto; display:block;}
.quick_wx span{ display:block;padding-top:0px; text-align:center;}
.quick_top{ display:none;}
.body_top .quick_top{ display:block;}

@media (max-width:768px) {
.quick_bg{ background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; right:0px; bottom:0px; display:none;}
.quick_nav{ top:auto; left:0px;right: 0px; width:auto; bottom:0px; margin:0px; -webkit-transform:none;}
.quick_nav1{ display:none;}
.quick_nav2{border-top: 1px solid rgba(255,255,255,0.5);}
.quick_nav2 li{float:left;width:25%;height: 100%;border-top: 0px;padding:0px;display:block;/* position:static; */}
.quick_nav2 .pd{ background: #1f2024; padding:10px 0; color:#fff;}
.quick_nav2 .pd i{ height:28px; line-height:28px; font-size:26px;padding-top: 0px;}
.quick_nav2 .pd strong{ display:block; line-height:16px; font-size:12px;}
.quick_nav2 .pd:hover {background: #1f2024;}
.quick_nav2 .box{ position:fixed; left:50%; bottom:auto; top:50%; right:auto;}
.quick_nav2 .npd{ margin:0;}
.quick_nav2 .npd:before{ transform:rotate(90deg); right:auto; left:50%; bottom:5px; top:auto; display:none;}
.quick_nav2 li:hover .box{ display:none;}
.quick_kf .box{ margin:-120px 0 0 -196px;}
.quick_fw .box{ margin:-66px 0 0 -196px;}
.quick_wx .box{ margin: -122px 0 0 -93px;}
.quick_close{ position:absolute; left:50%; bottom:-40px; margin:0 0 0 -15px; width:30px; height:30px; border-radius:50%; background:#1f2024; color:#fff; text-align:center; line-height:30px; cursor:pointer; display:block;}
}