@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;} */


/*-------------------------------------顶部-----------------------------------------*/
.top{background:#f5f5f5}
.top_box{display:flex;justify-content:space-between}
.top_box p{margin-bottom:0;font-size:14px;line-height:38px;color:#999}
.top_box p a{color:inherit}
.top_box p a:hover{color:#ff4242}
.top_box p i{margin-right:3px}

.logo_box{display:flex;justify-content:space-between;padding:25px 0}
.logo_box img{margin-right:12px}
.logo_right{align-items:center}
.logo_right span{color:#999;font-size:14px}
.logo_right strong{color:#ff4242;font-size:28px;line-height:1}

/*-------------------------------------导航-----------------------------------------*/
.navbar{padding-top:10px;padding-bottom:10px;background:#262626}

.navbar-nav{}
.navbar-nav .nav-item{transition-duration:0.3s;margin-right:50px}
.navbar-nav .nav-item>a{color:#fff;white-space:nowrap;text-transform:uppercase;font-size:16px}

.navbar-brand{padding:0}
.navbar-brand img{max-width:100%}

/* .navbar-nav .active,.navbar-nav .nav-item:hover{border-bottom:2px solid #0168b7} */
.navbar-nav .active>a,.navbar-nav .nav-item:hover>a{color:#ff4242}

.dropdown-menu{border-top:3px solid #ff4242;min-width:140px}
.dropdown-menu ul{}
.dropdown-menu ul a{line-height:30px;color:#3e3a39!important;font-size:14px;padding:0 20px}
.dropdown-menu ul a:hover{background:#ff4242;color:#fff!important}
/*-------------------------------------手机端导航-----------------------------------------*/
.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_box{margin:0;align-items:center}
.subcat_box>li{padding:0 5px;border-right:1px solid #262626;white-space:nowrap}
.subcat_box>li>a{padding:0px 8px;color:#262626;font-size:16px;border-radius:5px}
.subcat_box>li:first-child{border-left:1px solid #262626}
.subcat_box>li:hover>a,.subcat_box>.active>a{background:linear-gradient(to right,#ff8888,#ff4242);color:#fff}
.child_list{display:none;position:absolute;background:#fff;border:1px solid #ff4242;top:40px;padding:5px 0}
.child_list li{display:inline-block;}
.child_list li:hover a{color:#ff4242}

.crumbs{margin:10px 0;padding:0;color:#999;font-size:14px}
.crumbs i{color:#inherit;margin-right:5px;font-size:16px}
.crumbs a,.crumbs em{color:inherit;font-style:inherit}

/* .content_box{padding:60px 0} */

.pages{margin:0 auto}
.pages li{margin:0 5px 10px;text-align:center;background:#fff;color:#999;border-radius:3px;border:1px solid #d6d6d6}
.pages li a{color:inherit;padding:3px 11px;display:block;font-size:14px}
.pages li:hover,.pages .active{background:linear-gradient(to right,#ff8888,#ff4242);color:#fff;border-color:rgba(255,255,255,0)}
.pages li:hover a{color:#fff}

/*-------------------------#goToTop-------*/
#goToTop{display:none;-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;}
#goToTop.show{display:block;}
#goToTop a{display: inline-block;width:100%;background:#ff4242;text-align:center;line-height:45px;-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;box-shadow:1px 2px 3px #888;}
#goToTop a:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg);}

/* .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{background:#0f0f0f;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:#797979;margin-bottom:10px;font-size:14px;margin-right:15px}
.footer .footer_box li a{color:inherit}
.footer .footer_box li:hover{color:#fff}
/* .footer .footer_box p{color:#8a8a8a;font-size:14px;line-height:28px;text-align:justify}
.footer .footer_box p a{color:#fff} */


.footer_copyright{padding:20px 0;font-size:14px;background:#0f0f0f}
.footer_copyright p{margin:0 15px 0 0;color:#797979}
.footer_copyright a{color:#797979}

/*-------------------------------------公共样式-----------------------------------------*/
.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}