@charset "utf-8";
*{margin:0 ;padding:0;}
a{text-decoration:none;outline:none;}
a:hover{text-decoration:none;}
img{outline:none;border:none;}
li{list-style:none;}
a,li,p{color:#1b1b1b;font-weight:400}
button{outline:none!important}

body{font-family:Helvetica LT Std, 'Noto Sans CJK SC', 'Noto Sans CJK', 'Noto Sans SC', sans-serif , Arial;}
/* html {overflow-y:scroll;font-family: 'Noto Sans SC', sans-serif;}
:root {overflow-y: auto;overflow-x: hidden;}
:root body {position: absolute;}
body {width: 100vw;overflow: hidden;} */


/*-------------------------------------导航-----------------------------------------*/
.navbar{background:url(../img/header_bg.png) repeat-x;padding-top:20px;padding-bottom:20px}

.header{padding:0}
.navbar-nav{flex-grow:1;justify-content:space-around}
.navbar-nav .nav-item{transition-duration:0.3s}
.navbar-nav .nav-item>a{color:#1b1b1b;white-space:nowrap;text-transform:uppercase;font-size:16px}
.navbar-nav .nav-item>a:hover{color:#0056b3}

.navbar-nav .active,.navbar-nav .nav-item:hover{border-bottom:2px solid #0056b3}
.navbar-nav .active>a,.navbar-nav .nav-item:hover>a{font-weight:bold;color:#0056b3;}

.dropdown-menu{padding:0 0 5px;margin-left:-40px;background:#fff}
.dropdown-menu .dropdown-item{text-align:center;border-bottom:1px solid #f0f0f0;line-height:35px;color:#a2a2a2;font-size:14px}
.dropdown-menu .dropdown-item:hover{border-bottom:1px solid #0056b3;color:#fff;background:#0056b3}

.header_right{color:#0056b3;align-items:center;font-size:18px}
.header_btn{font-size:18px;white-space:nowrap}
.header_btn i{font-weight:bold;margin-right:10px}

.search{position:relative}
.search_box{display:block}
.search_box form{display:flex}
.search_box input{border:none;line-height:30px;font-size:16px;padding:0 15px;border: 1px solid #f0f0f0;}
.search_box button{border:none;background:#0056b3;color:#fff;width:38px}
.shop_btn{overflow:hidden;padding:5px;background:#fff}
.shop_btn span{height:1px;margin:10px 0 3px;background:#f0f0f0}
/*-------------------------------------手机端导航-----------------------------------------*/
.nav_mobile{background:none;background-color:#fff!important;}
/*-------------------------------------公共部分-----------------------------------------*/
.inbanner{overflow:hidden}
.inbanner img{width:100%}

.crumbs_box{box-shadow:0 8px 20px 0px #e2e2e2;position:relative}
.subcat{margin:0;padding:0}
.subcat li{background:#dedede;margin-right:4px;margin-bottom:5px;line-height:40px;text-align:center;white-space:nowrap}
.subcat li a{color:#1b1b1b}
.subcat li:hover,.subcat .active{background:#0056b3}
.subcat li:hover a,.subcat .active a{color:#fff}
.crumbs{margin:10px 0;padding:0;color:#a2a2a2;font-size:14px}
.crumbs i{color:#a2a2a2;margin-right:5px;font-size:16px}
.crumbs a,.crumbs em{color:inherit;font-style:inherit}

.content_box{background:#f5f5f5;padding:60px 0}

.pages{margin:0 auto}
.pages li{margin:0 5px 10px;width:80px;text-align:center;background:#fff;color:#333;line-height:38px}
.pages li:hover,.pages .active{background:#0056b3;color:#fff}
.pages li:hover,.pages .active:hover{background:#0056b3}
.pages li:hover a{color:#fff}

/* .content_title{font-size:20px;color:#202020;font-weight:bold;border-right:1px solid #202020;border-left:1px solid #202020;padding:0 20px;margin:50px auto 30px}

.mobile_padding{padding-right:15px;padding-left:15px} */

/*-------------------------------------底部-----------------------------------------*/
.footer_link_bg{background:#0d0d0d;padding:10px 0}
.footer_link{color:#fff}
.footer_link a{color:#adb4ba;margin:0 10px}

.footer{background:url(../img/footer_bg.jpg) center repeat-y;background-color:#1c1c1c;padding:50px 0 0;overflow:hidden;border-bottom:1px solid #434343}
.footer .footer_box{align-items:flex-start;margin-bottom:30px}
.footer .footer_box h5{color:#fff;font-size:16px;margin-bottom:30px}
.footer .footer_box li{color:#8a8a8a;margin-bottom:15px;font-size:14px;margin-right:15px}
.footer .footer_box li a{color:inherit}
.footer .footer_box li a:hover{color:#fff}
.footer .footer_box .footer_phone{align-items:center}
.footer .footer_box .footer_phone img{margin-right:15px}
.footer .footer_box .footer_phone p{color:#fff;font-size:24px;margin:0}


.footer_copyright{padding:20px 0!important;font-size:14px}
.footer_copyright p{margin:0;color:#adb4ba}
.footer_copyright a{color:#adb4ba}
.footer_copyright a:hover{color:#fff}

/*-------------------------------------公共样式-----------------------------------------*/
.transition3{transition-duration:0.3s;-webkit-transition-duration:0.3s}

.flex_wrap{display:flex;flex-flow:wrap}
.flex_column{display:flex;flex-flow:column}
.vertical_center{display:flex;align-items:center;justify-content:center}
.flex_20{flex: 0 0 20%;}

.clamp1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clamp2,.clamp3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.clamp3{-webkit-line-clamp:3}

.w-service-fixed {
    position: fixed;
    bottom: 50%;
    right: 1px;
    margin-bottom: -160px;
    z-index: 2000;
    font-size: 14px;
}
.w-service-fixed .service-item {
    width: 46px;
    height: 46px;
    line-height: 46px;
    margin-bottom: 2px;
    position: relative;
    text-align: center;
}
.w-service-fixed .service-item-top .fa-caret-up {
    position: absolute;
    top: -11px;
    left: 18px;
    font-size: 16px;
}
/* .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} */
.w-service-fixed .service-item-top .top {
    color: #fff;
    font-size: 15px;
}
.w-service-fixed .icon_service {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 35px;
    height: 35px;
    background: url(../img/icon_service.png) no-repeat;
    vertical-align: middle;
	background-position: 0 -4px;
}
.w-service-fixed .service-item .service-popc {
    position: absolute;
    right: 46px;
    top: 0;
    width: 0;
    overflow: hidden;
    text-align: left;
    color: #fff;
}
.w-service-fixed .service-popc {
    background: #4585FF;
}
.w-service-fixed .service-item .service-popc .service-popc-in {
    padding: 10px 13px 11px;
    line-height: 1.5;
}
.w-service-fixed .service-item .service-popc .item {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
}
.w-service-fixed .service-item .service-popc a {
    color: #fff;
    text-decoration: none;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
}
.w-service-fixed .ic_s {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 25px;
    height: 25px;
    background: url(/Apps/Home/View/default/Public/img/ic_s.png) no-repeat;
    vertical-align: middle;
    margin-right: 5px;
}

.bg_s_default{background: #C0C0C0}

.w-service-fixed .icon_service_tel {background-position: 0 -39px}
.w-service-fixed .icon_service_qrCode {background-position: 0 -109px}
.w-service-fixed .icon_service_email {background-position: 0 -75px}

.w-service-fixed .ic_s_tel {background-position: 0 -25px}
.w-service-fixed .ic_s_email{background-position: 0 -174px}

.w-service-fixed .service-item .service-popc a:hover {
    opacity: 0.75;
    *filter: alpha(opacity=75);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
}
