/*header*/
*{ padding: 0; margin: 0;}
li{ list-style: none;}
i{ font-style:normal;}
/*body{ font-size:15px ; font-family: "微软雅黑";}*/
.clear::after{ content: ""; display: block;clear: both; 
				font-size:0; height:0; overflow:hidden; zoom:0;}

.header-inner{ background-color: #808080; height:49px;}
.fr{ float: right;}
.fl{float: left;}
.menu-list{background: #CCCCCC;}
.menu-list>li{border-bottom: 1px solid #F2F2F2;}
.menu-list>li>a{ display: block; padding: 15px 20px; color: #fff; text-decoration: none; outline: none;}
.menu-list>li.active{ background: #C1C1C1;}
.menu-list>li>a:hover{ background: #C1C1C1;}
.btn{ padding: 4px 6px;margin-right:12px ; margin-top: 5px;}
.menu-btn .logo{ width: 25%;padding: 4px 6px; margin-left:15px ; margin-top: 8px;}
.btn .i-con{ display: block; width: 25px; height: 2px; background: #e31f2a; margin: 6px 0;}
.up{ width: 3%;float: right; padding-top: 2px;}

.second-nav1>li>a{ display: block; padding: 6px 30px; font-size: 14px;color: #fff; text-decoration: none; outline: none;}
.second-nav2>li>a{ display: block; padding: 6px 30px; font-size: 14px;color: #fff; text-decoration: none; outline: none;}
.nav-four{ padding-bottom: 10px;}

/*header结束*/

body{ font-family: "微软雅黑"; margin: 0;padding: 0;}
.clearfix{ clear: both;float: none; }
.box-banner .banner-img{ display: block; width: 100%; }
.box-nav{margin: 0; padding: 0 30px; list-style: none; margin-left: 9px; margin-top: 50px;    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.box-nav a{ float: left; border: 2px solid  #333333; padding: 5px 7px ; letter-spacing: 1px; margin-right: 6px; color: #333;
		font-size: 12px;text-decoration: none;}
		
@media (max-width: 360px) {
	.box-nav a{
		float: left;
	    border: 2px solid #333333;
	    padding: 5px 2px;
	    margin-right: 2px;
	    color: #333;
	    font-size: 12px;
	    text-decoration: none;
	}
	    
}
.box-nav .box-nav1 a{ color: #e31f2a;border: 2px solid #e31f2a;text-decoration: none;}
.nav-img{margin-left: 178.5px; margin-top: 30px;}
.relevant{ padding: 0 30px; margin-top: 30px;position: relative;}
.relevant .img1{ width: 100%;}
.relevant .img2{ width: 15%; position: absolute; left: 260px; top: -26px;}
.relevant-text{ position: absolute; left: 60px; top: 24px;}
.relevant-text h2{ color: #e31f2a; font-size: 18px; margin: 0; letter-spacing: 2px;}
.relevant-text h4{ color: #999; font-size: 12px; margin: 0;letter-spacing: 1px;}
.relevant-h5{ color: #666; text-align: center; margin: 10px 0 0 0;letter-spacing: 1px; padding: 0 40px;}
.relevant-box {background-color: #f2f2f2; margin: 20px 30px 0 30px; padding-top:15px ; padding-bottom: 15px;;}
.relevant-border{ border: 2px solid #fff; margin: 0 15px;} 
.relevant-img1{ width: 100%;}
.relevantbox-h5{text-align: center; margin: 20px 0 0 0;letter-spacing: 2px;}
.relevantbox-h6{text-align: center; margin: 10px 0 20px 0;}
.relevant-img2{margin-left: 133.5px;}
.honor-box {background-color: #f2f2f2; margin: 20px 30px 0 30px; padding-top:15px ; padding-bottom: 15px; position: relative;}
.honor-border{ border: 2px solid #fff; margin: 0 15px; height: 200px;padding: 10px;} 
#container{ width: 100%; height: 200px; overflow: hidden; position: relative;}
#imgList{width: 1300px;height: 200px; position: absolute; z-index: 2;}
#imgList img{ width: 260px; height: 200px;float: left;}
.arrow{ float: left; width:6%;position: absolute; z-index: 100;}
#prev{ left: 5px; top: 100px;}
#next{right: 5px;top: 100px;}
.culture-dibu{position: relative;padding: 0 30px;}
.dibu-img{ width: 100%; margin: 25px 0 0 0;}

/*头部导航*/
.header-nav{ margin: 0; padding: 0;line-height: 34px; padding-top: 16px;}
.logo{ width: 30%; margin-left: 30px;}
.mainbutton{ width: 7%; float: right; margin-right: 30px;}
/*头部导航结束*/
/*底部*/
.footer{ background-color: #333; width: 100%; margin-top: 40px; height: 100%;}

.menu-list1{background: #CCCCCC;}
.menu-list1>li{border-bottom: 1px solid #F2F2F2;}
.menu-list1>li>a{ display: block; padding: 15px 20px; color: #fff; text-decoration: none; outline: none;}
.menu-list1>li.active{ background: #4e4e4e;}
.menu-list1>li>a:hover{ background: #4e4e4e;}
.second-nav3>li>a{ display: block; padding: 6px 30px; font-size: 14px;color: #fff; text-decoration: none; outline: none;}
.second-nav4>li>a{ display: block; padding: 6px 30px; font-size: 14px;color: #fff; text-decoration: none; outline: none;}
.footer a{color: #fff; text-decoration: none; outline: none;}
.menu-list1>li{border-bottom: 1px solid #808080;}

.footer-content{ margin: 50px 0 30px 0; text-align: center;}
.footer-content img{ margin: 0 10px; }
.footer-code{ margin-bottom: 50px;text-align: center;}
.footer-code img{ width: 50%; height: 50%;}
.footer-code h5{ color: #ccc; letter-spacing: 2px; margin: 10px 0;}
.footer-code p{  font-size: 12px;color: #fff; letter-spacing: 2px; line-height: 20px;}
/*底部结束*/
#container img{
	width: 100%;
	height:100%
}
.swiper-button-prev{
	outline: none;
}
.swiper-button-nextp{
	outline: none;
}