@charset "utf-8";
/*
Description: 广州浪三科技有限公司
Version: 1.3 版本号
Author: Nine
Author URI: www.langsan.com
*/

* {padding:0;margin:0;outline:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html,body {padding:0;margin:0;font-size:14px;color:#666;font-family:Microsoft YaHei,Arial,sans-serif;/*清除移动端点击色块*/-webkit-tap-highlight-color:rgba(0,0,0,0);}
img {border:0;max-width:100%;vertical-align:middle;}
button,table{ border:none; background:none; margin:0; padding:0;}
textarea{ resize:none;outline:none; }
button,input,select,textarea{ margin:0; padding:0; border:0; outline:none;-moz-border-radius:0px; -webkit-border-radius:0; -khtml-border-radius:0;border-radius:0;}
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei'; }
input,table,tr,td{ margin:0; padding:0; border:none;}
a {color:#333;text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);/*去掉手机点击显示块状*/}
a:hover,a:focus {color:#333;text-decoration:none;}
ul,ol,li,dl,dd,dt {margin:0;padding:0;list-style:none;}

/*iphone*/
textarea,input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance:none;}

/*浮动*/
.fl {float:left;}
.fr {float:right;}
/*清除浮动*/
.clearfix:after {display:block;content:"";clear:both;overflow:hidden;}
.clearfix {zoom:1;}

::-webkit-input-placeholder {/* WebKit,Blink,Edge */    color:#ccc;}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */   color:#ccc;}
::-moz-placeholder {/* Mozilla Firefox 19+ */   color:#ccc;}
:-ms-input-placeholder {/* Internet Explorer 10-11 */   color:#ccc;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {width:10px;height:10px;background-color:#fff;}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {background-color:transparent;}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {border-radius:5px;background-color:#DDD;}
::-webkit-scrollbar-thumb:hover {background-color:#BBB;}

/* 布局 */
.container{max-width: 1200px; margin: 0 auto;}
@media (max-width:1200px) {
	.container{padding: 0 15px;}
}
/* header */
.header{position: relative;width: 100%;background: #fff;}
.header-top{height: 60px;border-bottom: 1px solid #f3f3f3;}
.logo{float: left;margin-top: 10px;}
.logo img{max-width: 100%;}
@media(max-width: 768px) {
	.logo img{max-width: 100%; height: 40px;}
}

@media (max-width:768px) {
    .header{}
	.navSearch{display: none;}
}

/* tel */
.header-tel{float:right; margin-top: 10px;text-align:right; width:160px;line-height:40px;font-size:18px;font-family:'DIN-Medium';font-weight: bold;color:#333;}
.header-tel i{ font-size:24px;color:#e61717;margin-right:5px; }
@media (max-width:768px) {
.header-tel{display: none;}
}
/* open */
.nav-open {position: absolute; top: 50%; right: 15px; z-index: 1; margin-top: -20px; width: 40px;height: 40px;  cursor: pointer;display: none; }
.nav-open span {display: block;width: 30px;height: 2px;background-color: #666;margin: 0 auto;}
.nav-open span:first-child {margin-top: 11px;}
/* 
.nav-open span:nth-child(2) {margin-top: 8px;}
.nav-open span:last-child {margin-top: 8px;} 
*/

/*  */
@media(max-width: 768px) {
	.nav-open {display: block;}
	.nav-open span {display: block;width: 20px;}
	.nav-open span:nth-child(2) {margin-top: 6px;}
	.nav-open span:last-child {margin-top: 6px;}
}

/* ------ 左侧导航 ------ */
.navbox {width:100%;height:50px;display:block;}
@media (max-width:768px) {
	.navbox{display: none;}
}
/* nav */
.nav-menu{width: 100%;}
.nav-menu>li{float: left; margin-right:50px; }
.nav-menu>li>a{display:block;position: relative; text-align: center; line-height:50px;color:#333; font-size:18px; }
.nav-menu>li>a:hover{color:#e61717}
.nav-menu>li>a:after{content: "";
    background-color: rgb(199, 0, 11);
    font-weight: bold;
    height: 3px;
    position: absolute;
    left: 50%;
    right: 50%;
    top: 48px;
    display: block;
    -webkit-transition: all .45s;
    transition: all .45s;}
.nav-menu>li.on>a:after,.nav-menu>li:hover>a:after{display:block;left:0%;right:0%;}
/* shiyong */
.nav-menu>.shiyong{float:right; margin-left:5px;}
.nav-menu>.shiyong a{width:150px;height:50px;line-height:50px;background-color: #e61717;font-size: 18px; letter-spacing: 2px; color: #fff;display:block; text-align:center;color:#fff;cursor: pointer;}
.nav-menu>.shiyong a:hover{color:#fff;}
/* xiala */
.sub-menu{width: 100%;position: absolute;left: 0;top: 100%; z-index: 3; text-align: center;padding: 15px 0px;background-color: #fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);visibility: hidden; opacity: 0; transform: translateY(10px);  }
.sub-menu ul {width: 1200px; margin: 0 auto;}
.sub-menu li{float: left;margin-right:50px; }
.sub-menu li a{line-height: 32px !important;display: block;margin: 0 !important;font-size: 14px;color: #2f4858;}
.sub-menu li a:hover{border-bottom-color:#e61717; color: #e61717;}
.nav-menu>li:hover .sub-menu{ visibility: visible; opacity: 1; transform: translateY(0);}

@media (max-width:860px) {
	.nav-menu>li>a{display:block; text-align: center; line-height: 45px; font-size:16px;}
	.sub-menu{ top: 45px; }
}

/* ------ 手机样式 ------ */
/* m-nav */
.m-nav {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:200;visibility:hidden;opacity:0;transform:translateX(120px);transition:all .3s;}
.m-navmenu .shiyong{display: none;}
.m-navmenu {height: 100%;max-height: 100vh;overflow:scroll;overflow-x:visible;overflow-y:auto;}
.m-navmenu li {padding: 15px 20px;border-bottom: 1px solid #e5e5e5;}
.m-navmenu li a {font-size: 16px;color: #33;}
/* close */
.m-nav-close {position: absolute;top: 5px;right: 5px;width: 35px;height: 35px;}
.m-nav-close span {position: absolute;top: 17px;left: 6px;width: 25px;height: 2px;background-color: #000;}
.m-nav-close span:first-child {transform: rotate(45deg);}
.m-nav-close span:last-child {transform: rotate(-45deg);}
/* onshow */
.on-show {opacity: 1;visibility: visible;transform: translateX(0);}

/* ------ 底部样式 ------ */
.footer-bg {width:100%; display:block;overflow:hidden; background-color:#f3f3f3;color: #333;}
.footer-nav-content{width:100%; display:block;overflow:hidden; padding: 30px 0px;border-bottom:1px solid #e2e2e2}
.footer-nav{float: left; width: 30%;}
.footer-nav dl{float: left; width: 50%;}
.footer-nav dl dt{padding-bottom: 15px; font-size: 18px; color: #333;}
.footer-nav dl dd{ padding-bottom:10px; }
.footer-nav dl a{color: #666;}
/* address */
.footer-address{float: left;width: 30%; padding:0 25px;}
.footer-address h3{padding-bottom: 15px; font-size: 18px;  color: #333;}
.footer-address p{ padding-bottom: 10px; color: #666;}
/* info */
.footer-info{float: left;width: 15%;border: none; text-align: center;}
.footer-info img {max-width:120px;}
.footer-info p {line-height: 35px;}
/* tel */
.footer-tel{float: left;width: 25%; padding-top: 5px; padding-left: 35px;}
.footer-tel p{font-size: 18px; color: #333; }
.footer-tel p i{font-size: 36px; color: #333; }
.footer-tel p span{ margin-left:5px;}
.footer-tel h3{font-size: 12px; color: #333; padding: 5px 0;}
.footer-tel a{display: inline-block; padding: 0 25px; margin: 15px 0; font-size: 24px; background-color: #e61717; line-height: 36px; color: #fff;}

@media (max-width:1150px) {
	.footer-nav{float: left; width: 50%;}
	.footer-address{width: 50%;padding: 0 15px;}
	.footer-tel{width: 100%; padding:0 ;text-align: center;}
	.footer-info{width: 100%;}
}

@media (max-width:768px) {
	.footer-nav{display: none;}
	.footer-address{display: none;}
	.footer-info,
	.footer-tel{float: left; height: auto; border-right: none; margin-top: 10px; margin-bottom: 10px;}
}
/* copyright */
.footer-copyright-wrapper{width:100%; display:block;overflow:hidden; padding: 15px 0px;}
.footer-copyright{float:left;}
.footer-copyright span{xdisplay:inline-block;margin-right:10px;font-size:14px;}
.footer-copyright span i{display:inline-block;width:17px;height:17px;margin-right:2px;vertical-align:middle;background-size:100% 100%}
.footer-copyright span i.beianico{background-image:url(../images/gaba.png)}
.footer-law{float:right;overflow:hidden;}
.footer-law>li{display:inline-block;font-size:14px;}
.footer-law>li+li:before{content:"|";margin-left:10px;margin-right:10px}
.footer-link{-webkit-transition:.2s;transition:.2s}
.footer-link:hover{color:#c7000b}
@media (max-width:768px) {
	.footer-copyright-wrapper{padding-top:10px;padding-bottom:70px}
	.footer-copyright{ float: none;display: block;text-align: center;padding-top:10px;}
	.footer-copyright span{line-height: 25px;}
    .footer-law{ float: none;display: block;text-align: center;padding-top:10px;}
}


/*客服*/
.quick_nav{position:fixed;right: 5px;bottom: 30%;margin-top:-100px;box-shadow: 0 0 5px rgba(0,0,0,0.1);z-index: 100;}
.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: #e61717; color:#fff;}
.quick_nav2 li:hover .pd{color:#fff;}
.quick_nav2 li:hover .box{ display:block;}

.quick_kf .h3{ font-size:24px; color: #e61717; 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: #e61717; 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: #e61717;}
.quick_fw .h3{ font-size:20px; color:#333;font-weight: bold;height:30px;line-height:30px;}
.quick_fw .p{ font-size:20px;  color: #e61717;height:30px;line-height:30px;}
.quick_fw .p a{color: #e61717;}

.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: #000; 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: #e61717;}
.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: #ff544d; color:#fff; text-align:center; line-height:30px; cursor:pointer; display:block;}
}

 /* 将PC端的弹出窗口最小化时紧贴右下角 */
#nbWebImLightContainer.minMessageContainer {right: 5px !important;bottom: 0 !important;}