@charset "utf-8";


/* Basic CSS starts */
.w1440{width: 1440px;max-width: 92%;margin: 0 auto;}
.relative{position: relative;}
.culture .swiper-container{margin: 0 50px;}
.img100 img{vertical-align: bottom;width: 100%;}
.fl{ float: left;}
.fr{float: right;}
.title26{margin: 30px;}
.title26 h2{font-size: 26px;}
.title26 span{display: block;text-transform: uppercase;color: #676767;margin-top: 5px;}
.des2em p{color: #666;line-height: 2em;}
.margin-b30{margin-bottom: 30px;}

.bgf7 {
    /*background: #f7f7f7;*/
}



.index-ywly-in{
	display: block;
	width: 100%;
	height: auto;
	padding: 24px 32px;
	border: 1px solid #f2f2f2;
	font-size: 16px;
	line-height: 28px;
	color: #828282;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
	min-height: 326px;
	
}

.bk .img100{width: 54.44%;}
.bk-con{width: 39%;}
.margin-b30{margin: 30px;}
.linkblack{ color:#666}

.ywbk .padding-tb80{padding-bottom: 120px;}
.ywbk{margin-bottom: 90px;}

.ywbk-top{position: absolute;bottom:0px;width: 100%;left: 0;background: #f1f1f1; display: flex;justify-content: center;}
.ywbk-foot{position: absolute;top:0px;width: 100%;left: 0;background: #f1f1f1;}


.ywbk-top li{float: left;width: 13.8%;box-sizing: border-box;text-align: center;transition: all .4s;position: relative;}
.ywbk-top li i{position: absolute;right: 0;top:0;height: 100%;width: 2px;background: url("../images/two.png") no-repeat center;background-size: cover;}
.ywbk-top li:last-child i{display: none !important;}
.ywbk-top li.active i{display: none;}
.ywbk-top li img{display: inline-block;vertical-align: middle;width: 74px;filter: brightness(0);transition: all .4s;justify-content: center;align-items: center;max-width: 100%;
  height: auto;}

.ywbk-r{display: inline-block;vertical-align: middle;}
.ywbk-top li a{display: block;padding: 20px 0;}
.ywbk-top-con{display: inline-block;text-align: center;}



.ywbk-r h2{font-size: 18px;color: #000; font-weight:normal; margin-top: 0px;margin-bottom: 0px;filter: brightness(100);}
.ywbk-r span{color: #999999;display: block;text-transform: uppercase;margin-top: 6px;}
.ywbk .padding-tb80{padding-bottom: 120px;margin-bottom: 20px;}
.ywbk{margin-bottom: 90px;}
.ywbk-top li.active{background: url("/statics/images/xjys2024//bg_lan.png") no-repeat center;background-size: cover;}
.ywbk-top li.active h2{color: #3273ce;}
.ywbk-top li.active span{color: #fff;}
.ywbk-top li.active img{filter: brightness(100);}
.ywbk-top li:hover{background: url("/statics/images/xjys2024//bg_lan.png") no-repeat center;background-size: cover;}
.ywbk-top li:hover h2{color: #3273ce;filter: brightness(100);}
.ywbk-top li:hover span{color: #fff;}
.ywbk-top li:hover img{filter: brightness(100);}

.slideUp,.swiper-slide-active .banner-des{
    animation:slideUp 1s both;-webkit-animation:slideUp 1s both;
}

@media (max-width:1000px){
	.ywbk-top{background: #f1f1f1;}
	.index-new-con{margin-right: 0;}
	.index-new-sp{position: relative;height: 250px;width: 100%;}
	.bk-con,.bk .img100,.lxfs-l,.lxfs-r{float: none;width: auto;}
	.ywbk-top li img{display: block;margin: 0 auto;}
	.bk-con{margin: 30px 0;}
	.ywbk-top li a{padding: 20px 0;}
	.footer-nav{display: none;}


.index-ywly-in{height: 650px;}
.ywbk-top{position: absolute;bottom:0px;width: 100%;left: 0;background: #f1f1f1; display: flex;justify-content: center;}
.ywbk-foot{position: absolute;top:0px;width: 100%;left: 0;background: #f1f1f1;}



	.ywbk-top-con{text-align: center;/*background: #f2f2f2;*/}
	.new-ban h2{font-size: 24px;}
	.new-ban h2:nth-child(2), .new-ban p{margin-left: 48px;}
	.new-ban .ban-des{margin-left: 40px;margin-bottom: 0;}
	.xw .img100{width: 280px;}
	.xw-con{margin-left: 320px;}
	.xw-con h3{margin-top: 0;}
	.lxfs-l{margin-bottom: 30px;}
}
@media (max-width:700px){

.ywbk-r h2{font-size: 12px;color: #000; font-weight:normal; margin-top: 0px;margin-bottom: 0px;}
.ywbk-top{position: absolute;bottom:0px;width: 100%;left: 0;background: #f1f1f1;}
.ywbk-foot{position: absolute;top:0px;width: 100%;left: 0;background: #f1f1f1;}


.index-ywly-in{
	display: block;
	width: 100%;
	height: 580px;
	padding: 24px 6px;
	border: 1px solid #f2f2f2;
	font-size: 16px;
	line-height: 28px;
	color: #828282;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
	min-height: 326px;
	background: #f1f1f1;
}

	.ywbk-top{background: #f1f1f1;}
}











@media (max-width:360px){
	.ny-navs a{font-size:11px;}
	.ywbk-top{background: #f1f1f1;}

}