body{ font:16px/0.875em "Microsoft Yahei",Sans-serif; line-height:1.8em; color:#393939; background-color: #fff;}
img{ border:none; max-width: 100%; height: auto;}
a{ transition:all 0.3s ease; outline:none;}

#header{position: relative;}
#header .topcont{width: 100%; position: relative; z-index: 1; }
#header .logo{padding: 10px 0; position: relative;}
#header .topcont{background: rgba(0,0,0,.5); position: absolute;}
#header .menu{margin-left: 15px; }

@media (max-width:767px){
#header .menu{margin-left: 0;}
#header .topcont{z-index: 3;}
#header .search-form{display: none;}
.swiper-button-prev,.swiper-button-next{display: none !important; }
#header .logo{padding-left: 20px; padding-right: 80px;}
}
@media (min-width:768px){
#header .logo{text-align: center;}
.menu>ul>li:nth-child(2)>a::after,.menu>ul>li:nth-child(6)>a::after,.menu>ul>li:nth-child(4)>a::after,.menu>ul>li:nth-child(5)>a::after{content: "\f282"; font-family: "bootstrap-icons";  color: #fff;  padding-left:8px; font-size: 10px; font-weight: bold;}
.menu > ul > li:nth-child(2):hover>a::after,.menu > ul > li:nth-child(6):hover>a::after,.menu > ul > li:nth-child(4):hover>a::after,.menu > ul > li:nth-child(5):hover>a::after{color:  #ca142a;}
.menu > ul > li.active:nth-child(2)>a::after,.menu > ul > li.active:nth-child(6)>a::after,.menu > ul > li.active:nth-child(4)>a::after,.menu > ul > li.active:nth-child(5)>a::after{color:  #ca142a;}

}
@media (min-width:1680px){
#header .h-content{max-width: 1600px;}
#header .menu{margin-left: 80px; }
}

@media (min-width: 1200px) and (max-width:1679px){
#header .menu{margin-left: 50px;}
#header .menu > ul > li>a{padding:2.2em 1.19em;}
#header .topcont::after {width: 18.6%;}
}
@media (min-width: 992px) and (max-width:1199px){
#header .menu > ul > li>a{padding:1.6em .68em;}
}
@media (max-width:1199px){
#header .search{display: none;}
}
@media (min-width: 992px){

	#header .topcont::after{background: #fff;width: 29.6%; content: ""; position:absolute; height: 100%; left: 0; top: 0; z-index: -1;}
	#header .logo::after{background: #fff;width: 100%; content: ""; position:absolute; height: 100%; right:-30px; top: 0; z-index: -1;}
}
#header .search-form{position: relative;margin-top: 35px;}
#header .search-form .s-text{width: 100%;height: 40px; background:transparent; border: none; background: rgba(255,255,255,.2); padding:9px 10px;color: #ccc;border-radius: 5px;}
#header .search-form .s-text:focus{outline: none; }
#header .search-form .s-btn{position: absolute; right: 0; width: 42px; height: 42px; border: none; background:transparent; }
#header .search-form::before{content: "\f52a"; font-family: "bootstrap-icons";  color: #fff;  padding-left:8px; font-size: 18px; font-weight: 600;position: absolute; right: 15px; top:7px;}
#footer{background: url(../images/foot-bg.jpg) repeat;padding: 4.6% 0 0; color: #fff;}
#footer .title{font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 20px;}
#footer ul{list-style: none; margin: 0; padding: 0;}
#footer li{color: #afaeae; margin: 5px 0;}
#footer li a{color: #afaeae; text-decoration: none;}
#footer li a:hover{color: #fff;}
#footer p{line-height: 18px; margin-top: 10px; text-align: center; text-indent: 0;}
#footer .copyright{text-align: center;border-top: 1px solid #4e4941; margin-top:2.6%; color: #aeaeae; padding: 30px 20px; font-size: 14px;}
#footer .copyright a{color:#aeaeae; text-decoration: none; }
#footer .copyright a:hover{color: #fff;}
@media (max-width:767px){
	#footer .title{margin-top: 20px;}
	#footer ul{margin-bottom: 20px;}
}