* { margin: 0; padding: 0;}
ul, ol { list-style-type: none;}
a,a:hover { text-decoration: none;}

img{display: block; max-width: 100%;}
a,p,span,div,li{font-size: 16px; color: #333;}
ul{padding: 0; margin: 0;}
li{list-style-type: none;}
span{color: #949ea6;}
p{margin-bottom: 10px;}

@media (min-width: 1280px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1280px !important;
}
}

/*top*/
.top{
	height: 109px;
}
.logo{
	align-items: center;display: flex;
}
.top-b{
  border-width: 1px;
  border-color: rgb(229, 229, 229);
  border-style: solid;
  background-color: rgb(245, 246, 246);
  padding: 5px 15px;
	color: #2292a3;
	border-radius: 100px;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	line-height: 30px;
	margin-left: 15px;
}
.top-b img{display: block; margin-right: 10px;}
.top-b span{color: #333}
.top-r{display: flex;line-height: 30px; justify-content: flex-end; padding-top: 36px}
.nav-a{align-items: center;display: flex;}
.nav-c{
	align-items: center;display: flex; height: 56px; font-size: 16px; flex: 1; 
}
.xiangmu{
	background: #2292a3;
	color: #fff;
	text-align: center;
	width: 230px;
	border-radius: 8px 8px 0 0;
	height: 50px;
	line-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.xiangmu a{color: #fff}
.xiangmu img{
	display: block; margin-left: 8px; margin-top:2px;
}
.nav-c div{
	flex: 1;
	text-align: center;height: 56px;
}
.nav-c div a{color: #fff; position: relative; display: block; width: 100%; height: 56px; line-height: 56px;}
.nav-c div a:hover{color: #e9ddc8; outline: none; text-decoration: none; transition: 0.3s}
.nav-c div a:hover::before{
	content: "";
	width: 30px;
	height: 2px;
	background: #e9ddc8;
	position: absolute;
    bottom: 10px; left:50%; margin-left: -15px;
}
.head{height: 115px; position: relative;    z-index: 2;}
/*top*/

/*pc竖向导航*/
.dwo-wrap { position: relative; width: 100%; height: 520px; margin: 0 auto; z-index: 1;}
.nav-wrapper { width: 230px; background-color: #fff; background-color: rgba(105, 101, 101, 0.6); height: 520px;}
.nav-ban { position: relative; padding: 20px 0; margin: 0}
.nav-item.active .children { display: block;}
.nav-item:hover .nav-item-link { background-color: #2292a3;}
.nav-item:hover .children { display: block;}
.nav-item-link { display: flex; height: 60px; align-items: center;padding-left: 56px; line-height:60px; font-size: 16px; color: #fff;
/* background-image: url(../img/arraw.png); background-position: 200px; background-repeat: no-repeat; background-size: 14px 14px; */
 }
.children { display: none; position: absolute; left: 230px; top: 0; border: 1px solid #e0e0e0; border-left: 0; font-size: 0; background-color: #fff; box-shadow: 0 8px 16px rgba(0,0,0,.18);}
.nav-item-link:hover{text-decoration: none;color: #fff; padding-left: 62px; transition: 0.3s}
.nav-item-link img{width: 30px; height: 30px; display: block; margin-right: 10px;}
.children-col-2 { width: 312px;height: 600px;}
.children-col-3 { width: 744px;}
.children-col-1 { width:166px;height: 600px;}
.children-list { display: inline-block;  padding: 10px 20px; font-size: 14px; vertical-align: top;width: 100%;}
.children-col-2 .children-list li{float: left; width: 125px;}
.children-col-2 .children-list li:nth-child(2n+1){ margin-right: 20px;}
.children-list li a { display: block; text-align: center; height: 45px; line-height: 45px; color: #333; font-size:14px; border-bottom: 1px dashed #e6e6e6}
.children-list li a:hover { color: #2292a3;border-bottom: 1px solid #2292a3; transition: 0.3s;}
.children-list li a span { display: inline-block; width: 158px; font-size: 14px; overflow: hidden; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap;}

/*pc竖向导航*/

/*banner*/
.gray .nav svg { fill: #00beff;}
.white .nav svg { fill: #fff;}

.swiper-container { z-index: 1;}
.swiper-lazy { background-position: 50% 50%;}
.swiper-lazy a { display: block; height: 520px;}
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 15px;}

.swiper-pagination-bullet { width: 12px; height: 12px;  opacity: 1;background: hsla(0,0%,0%,0.3);}
.swiper-pagination-bullet-active{background: #ab9168; border: 1px solid #ab9168}
.gray .swiper-pagination-bullet { border-color: #666; background-color: #666;}
.gray .swiper-pagination-bullet-active { background-color: transparent;}

.white .swiper-pagination-bullet { border-color: #fff; background-color: #fff;}
.white .swiper-pagination-bullet-active { background-color: transparent;}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px;}
@media screen and (max-width: 1024px) {
	.dwo-wrap,.swiper-lazy a{height: 400px}
	.swiper-lazy{background-size: auto 100%;}
}
@media screen and (max-width: 680px) and (min-width: 0px){
	.dwo-wrap,.swiper-lazy a{height: 106px}
	.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 15px;}
}
/*banner*/

/*移动端导航*/
.a_txt{display:none}
.moblie_head{display: none}
.lf{float:left}
.rg{float:right}
.clear{clear:both;height:0px;line-height:0px;font-size:0px}

@media screen and (max-width: 1024px) and (min-width: 0px){
	
.head,.nav-f{display:none}
.moblie_head{display:block;height:70px;background:#fff;width:100%;z-index:9999;border-bottom:1px solid #ddd;
/*	position:fixed;top:0px;left:0px;*/
	}
.moblie_head .lf{padding-top:10px;padding-left:3%}
.moblie_head .lf img{height:50px}
.moblie_head .rg{padding-right:3%;padding-top: 26px;}
.moblie_head .rg a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow: auto;}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url(../img/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../img/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none;padding-left: 30px;}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
.a_closed img{margin-left: 20px;}
}
@media screen and (max-width: 680px) and (min-width: 0px){
/*	.moblie_head{height: 60px}.moblie_head .rg{padding-top: 21px;}*/
	.moblie_head .lf img{height:44px;}
	.moblie_head .lf{padding-top: 13px;}
	
}
/*移动端导航*/

.bottom{
	background: #333;
	margin-top: 20px;
	padding-top: 30px;
    padding-bottom: 10px;
}
.bm-t div h1{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	margin-bottom:20px;
}

/*
.bm-t div h1::after{
	content: "";
	width: 35px;
	height: 2px;
	background: #fff;
	position: absolute;
	bottom: -12px;
	left: 0
}
*/
.bm-t div p,.bm-t div a{
	display: block;
	color: #c1c1c1;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 0
}
.bm-t div.bm-item a{line-height: 36px;}
.bm-t div a{text-align: center}
.bm-t div p span{
	font-size: 20px;
	font-weight: bold;
	color: #c1c1c1;
}
.bm-t>div>img{
	width:122px; margin: 0 auto
}
.bm-t div{
	margin-bottom: 30px;
}
.bm-item a{
	float: left;
	width: 50%
}
.bottom2{
	background: #252525;
	height: 56px
}

.bottom2 p{
	text-align: center;
	font-size: 16px;
	color: #fff;
	margin: 0;
	line-height: 56px;
	
}
.bm-item{padding-top: 50px}
.ewm{padding-top: 70px}
@media screen and (max-width: 992px){
	.bm-item{padding-top: 0px}
.ewm{padding-top: 0px}
}
.search{
	display: block;
    width:300px;
    height: 45px;
    line-height: 45px;
	padding: 0 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    color: #777;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #fa0102;
	border-radius: 5px 0 0 5px;
   outline: none;
    box-shadow: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.top-r a{display: block; height: 45px; line-height: 45px; width: 80px; text-align: center; font-size: 16px; background: #fa0102; color: #fff; border-radius: 0 5px 5px 0}


.nav-b div{
	position: relative;
}
.sub-nav {
  
  display: none; 
    position: absolute;
    background-color: #ffffffe3;
    padding: 10px 5px;
    list-style: none;
    border-radius: 10px;
    width: 190%;
    left: -45%;
	z-index: 999;
    box-shadow: 0px 0px 8px 0px #0000002b;
}
.nav-b div a{
    display: block;
	}
.sub-nav li a{
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	color: #333;
	font-size: 15px;
}
	
.sub-nav li a:hover{
	color: #8c6933
}
	
.sub-nav li a:before{content: none !important}
.nav__link:hover + .sub-nav {
  display: block;
}

.sub-nav:hover {
  display: block;
}