@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;}
h1,h2,h3,h4,h5{color:#2e2e2e}
a,li,p{color:#2e2e2e;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;} */

:root {
    --main-color:#0c0c0c;
	--vice-color:#2e2e2e;
	--order-color:#efefef;
	--yellow-color:#f4b307;
	--red-color:#bf272d;
	--line-color:#e1e1e1;
	--text1-color:#6E6E6E;
	--text2-color:#9d9d9d;
	--text3-color:#6f6f6f;
	--text4-color:#a0a0a0;
	--bg-color:#f0f2f3;
}
.red_text{color:var(--red-color)!important}


.top_div{padding:8px 0;background:#ededed;font-size:14px}
.top_div p{margin-bottom:0}
.top_div span{color:var(--red-color)}
.top_div a{font-size:14px}
.top_div i{margin-right:5px}
/*-------------------------------------导航-----------------------------------------*/
.navbar{padding:15px 0}

.header_left img{}
.header_right{display:flex;justify-content:flex-end}
.header_right .navbar-nav{justify-content:flex-end;align-items:start;line-height:1}
.header_right .navbar-nav span{padding:20px 0}
.header_right .navbar-nav .nav-item{padding:20px 22px}
.header_right .navbar-nav .nav-link{font-size:16px;font-weight:500;position:relative;color:var(--text1-color);padding:0;line-height:1}
.header_right .navbar-nav .nav-link:before{content:"";position:absolute;bottom:-10px;left:0;width:0;transition-duration:0.3s;-webkit-transition-duration:0.3s;background:var(--red-color);height:2px}
.header_right .navbar-nav .active .nav-link,.header_right .nav-item:hover .nav-link{color:var(--red-color)}
.header_right .navbar-nav .active .nav-link:before,.header_right .nav-item:hover .nav-link:before{width:100%}
.header_right .navbar-nav .dropdown-toggle::after{content:none}

.header_right .navbar-nav .dropdown-menu{border:none;border-radius:0;padding:0;top:96%;min-width:auto;box-shadow:0 0 10px 5px #e0e0e0}
.header_right .navbar-nav .dropdown-menu .dropdown-item{padding:10px;text-align:center;font-size:14px;color:#3e3a39}
.header_right .navbar-nav .dropdown-menu .dropdown-item:hover{color:var(--red-color);background:#fff}

.header_right .navbar-nav .nav-item:last-child{padding-right:0;border-right:none}

.header_phone{margin-left:40px}
.header_phone img{height:36px;margin-right:10px}
.header_phone span{font-size:22px;color:#bf272d;font-weight:bold}

.nav_mobile .nav-item{padding:0 20px}

/* 
.search{position:relative}
.search_box{display:none;position:absolute;right:-10px;top:58px;z-index:99}
.search_box form{display:flex}
.search_box input{border:1px solid #dbdbdb;height:30px;}
.search_box button{border:1px solid #dbdbdb;background:#fff;width:38px} */
/*-------------------------------------手机端导航-----------------------------------------*/
/* .nav_mobile{background:none;background-color:#fff!important;} */




/*-------------------------------------公共部分-----------------------------------------*/
.inbanner{overflow:hidden;position:relative}
.inbanner img{width:100%}

.crumbs_box{position:absolute;bottom:0;left:0;width:100%}
.crumbs{margin:10px 0;padding:0;color:#fff;font-size:14px}
.crumbs i{color:#fff;margin-right:5px;font-size:16px}
.crumbs a,.crumbs em{color:inherit;font-style:inherit}


.content_box{padding:60px 0}
.content_kuang{background:var(--bg-color);padding:35px 40px}

.inner_title{margin-bottom:60px}
.inner_title h4{font-size:32px;font-weight:bold}
.inner_title label{font-size:16px;color:#9d9d9d}
.inner_title span{align-items:flex-end}
.inner_title strong{background:var(--red-color);height:2px;width:50px}
.inner_title span:after,.inner_title span:before{content:"";background:var(--line-color);height:1px;flex-grow:1}

.pages{margin:30px auto 0;justify-content:center}
.pages li{margin:0 5px 10px;width:30px;text-align:center;line-height:28px;background:var(--line-color)}
.pages li:hover,.pages .active{background:var(--red-color);color:#fff}
.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{background:#00763a!important}
.footer_link span{color:var(--white)}
.footer_link a{color:#adb4ba;margin:0 10px} */
.footer_nav{background:#0050a0;padding:10px 0;overflow:hidden;color:var(--white);border-bottom:1px solid #2d6dad}
.footer_nav a{color:var(--white);padding:10px 15px;line-height:1}

.footer{padding:30px 0 20px;overflow:hidden;background-color:#0050a0}
.footer hr{border-bottom:1px solid var(--white);margin:0 0 20px}
.footer .footer_box{margin:20px 0}
.footer .footer_box ul{margin-bottom:0}
.footer .footer_box h5{color:var(--white);font-size:22px;margin-bottom:5px;line-height:1.4;font-weight:bold}
.footer .footer_box li{color:var(--white);margin-bottom:15px;font-size:16px;line-height:1}
.footer .footer_box li a{color:#8aadd1;display:flex}
.footer .footer_box li span{color:var(--white);white-space:nowrap}
.footer .footer_box li:hover{color:var(--white)}


.footer .footer_box span{color:var(--text3-color);font-size:16px}
.footer .footer_box p{text-align:justify;margin:0;line-height:28px}

.footer_feedback .feedback_box li input,.footer_feedback .feedback_box li textarea{background:none;border-bottom:1px solid #2d6dad;outline:none;line-height:36px}
.footer_feedback .feedback_box li button{background:var(--white);border-bottom:1px solid #2d6dad;color:#2e2e2e}

.footer_erwei{justify-content:space-between}
.footer_erwei p{color:var(--text3-color);font-size:14px;text-align:center!important}

.footer_copyright{padding:20px 0!important;font-size:14px;background:#00366b}
.footer_copyright p{margin:0;color:var(--white)}
.footer_copyright a{color:inherit}

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