@charset "utf-8";

/* CSS Document */
/*2024.6.18*/

.box {
	
	
}

.container {
	max-width: 1630px;
	width: 90%;
}
.top{	
	 padding: 23px 0 23px;	

    position: sticky;
    top: 0;
    z-index: 111;
    background: #fff;
}

.logo{
	text-align: left;
}
.top-right{
	text-align: right;
}
/*顶部弹出搜索样式*/
/*header-top*/

.header-top {
	color: #fff;
	position: absolute;
	top: -6px;
	right: 15px;
	text-align: right;
}

.search-btn {
	font-size: 18px;
	cursor: pointer;
	text-align: center;
	color: #333;
	margin-top: 11px;
}

.search-btn:hover {
	opacity: .9;
	text-decoration: none;
}

.search-box {
	height: 0;
	overflow: hidden;
	opacity: 0;
	top: 0;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	position: relative;
	z-index: 1000;
	background: #fff;
}

.search-box h2 {
	font-size: 24px;
	color: #555;
	margin-bottom: 30px;
	margin-top: 30px;
}

.search-box .container {
	position: relative;
}

.search-box .close {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 14px;
	cursor: pointer;
	color: #b71c22;
}

.search-box .close i {
	font-style: normal;
}

.search-form {
	margin-bottom: 10px;
	width: 100%;
	position: relative;
}

.search-form .form-text {
	width: 100%;
	border: none;
	border-bottom: 1px solid #ccc;
	font-style: italic;
	height: 60px;
	font-size: 16px;
	box-shadow: none;
	/*padding: 0 100px 0 15px;*/
	border-radius: 0;
}

.search-form .form-text:focus {
	border: none;
	border-bottom: 1px solid #ccc;
	font-style: normal;
	border-bottom-color: #475499;
}

.search-form .form-submit {
	position: absolute;
	right: 0;
	top: 0px;
	width: 100px;
	height: 60px;
	line-height: 60px;
	background: none;
	border: none;
	outline: none;
	color: #666;
	font-weight: bold;
	font-size: 20px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.search-form .form-submit:hover {
	background: #475499;
	color: #fff;
}

/*顶部弹出样式 end*/
.wc-menu {
  width: 88%;
  float: right;
  margin-top: 15px;
}

.wc-menu ul {
	/*转化为table 并且，宽度百分百，*/
	
	text-align: center;
	width: 100%;
	margin:  0;
	padding: 0;
	/*display: flex;*/
	display: table;
	width: 100%;
	margin:  0;
	padding: 0;
	/*flex-wrap: wrap;
	justify-content: space-between;*/
	
	
}

.wc-menu ul li {
	line-height: 49px;
	position: relative;
	/*居中并且转为table-cell*/
	text-align: center;
	/*display: table-cell;*/
	/*float: left;*/
	list-style: none;
	/*margin: 0 20px;*/
	margin: 0px;
	display: table-cell;
}

.wc-menu ul li a {
	font-size: 20px; 
	color: #333;
	position: relative;
	display: block;
	/*transition: all 0.2s;*/
	text-decoration: none;	
	
}

.wc-menu ul li a.active,
.wc-menu ul li a.move,
.wc-menu ul li a.selected,
.wc-menu ul li a.parent,
.wc-menu ul li a:hover {
	color: #475499;

	
}

.wc-menu ul li .ernav {
	position: absolute;
	/*position: relative;*/
	left: -25%;
	top: 100%;
	width: 150%;
	z-index: 111 !important;
	display: none;
	opacity: 1;
	/*border-top: 2px solid #4abad2;*/
 

}

.wc-menu ul li .ernav ul {
	padding-left: 0;
	display: block;
	margin-bottom: 0;
	text-align: left;
	border: none;
}

.wc-menu ul li .ernav ul li {
	/*text-align: center;*/
	float: none;
	display: block;
	/*二级下拉有影响，需要转化为块状*/
	background: none;
	text-align: center;
	line-height: 26px;
	border: none;
	margin: 0;
	margin-bottom: 1px;
	background: rgba(71,84,153,0.85);	
}

.wc-menu ul li .ernav ul li a {
	line-height: 30px;
	font-size: 16px;
	/*text-align: center;*/
	background: none;
	box-shadow: none;
	border-radius: 0;
	color: #fff;
	margin: 0;
	display: block;
	padding: 10px 5px;
	border-bottom: none;
	font-weight: normal;
	text-decoration: none;
	
	text-transform: capitalize;
	
	
}

.wc-menu ul li .ernav ul li a:hover {
	background: rgba(71,84,153,1);		
	color: #fff;
}

/*menu End*/

img {
	max-width: 100%;
}

.banner{
	
	
}
.banner .swiper-container {
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.banner .swiper-wrapper {
	width: 100%;
}

.banner .swiper-container .swiper-slide {
	/*text-align: right;*/
	position: relative;
}

.banner .swiper-container .swiper-slide a {

	text-decoration: none;
	display: block;
	position: relative;
}
.banner .swiper-container .swiper-slide a span.bg{
	display: block;
	width: 100%;
	height: 100%;
	 background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
z-index: 1;
position: absolute;
left: 0px;
bottom: 0;
}



.banner .swiper-pagination {
	bottom: 45px;
	left: 60px;
	width: 100%;
	float: none;
	z-index: 11;
	text-align: left;
}


.banner .swiper-container .swiper-pagination-bullet {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: #fff;
	cursor: pointer;
	opacity: 0.45;
	border-radius:100%;
	margin-right:15px;
	text-align: center;

}

.banner .swiper-container .swiper-pagination-bullet-active {
	opacity: 1;

}

.ban-pp {
	position: absolute;
	left: 55px;
	bottom: 88px;
	width: 100%;
	z-index: 11;
	text-align: left;

	
}

.ban-pp p {
	font-size:42px;
	color: #fff;
	font-weight: bold;
	     line-height:52px;
	     overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp:2;
            -webkit-box-orient: vertical;  
            margin-bottom: 0;  
            max-width: 40%;   
}
/*banner end*/

.newsbg{
	background: url(../img/newbg.jpg) repeat-x center bottom;
	min-height: 500px;
	padding-top: 55px;
	
}
.new-top{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
    /*border-bottom:3px solid #333;*/
   background: url(../img/xian.jpg) repeat-x right 90%;
 
}
.new-top .new-tit{
	display: block;
	font-size: 32px;
	color: #143e6c;
	font-weight: bold;
	position: relative;	
	background: #fff;
	padding-right: 80px;
	
}
.new-top .new-tit span{
	font-size: 20px;
	font-weight: bold;
	color: #bbb;	
	display: block;
	text-transform: uppercase;
}


.new-top .new-more{
	
}
.new-top .new-more a{
	text-decoration: none;
	color: #999;
	font-size: 16px;
	
}


.new-leftcon{
	margin-top: 45px;
}
.new-leftcon .new-li{
	margin-bottom: 40px;
	
}
.new-leftcon .new-li a{
	display: block;
	text-decoration: none;
	
}
.new-leftcon .new-li a .new-img{
	overflow: hidden;
	
}


.new-leftcon .new-li a img {
  transform: scale(1.0);
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
.new-leftcon .new-li a:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transition: all 0.2s linear;
    }
.new-leftcon .new-li a .new-text{
	padding-top: 20px;
	border-bottom:1px solid #8e8e8e;
	
}
.new-leftcon .new-li a .new-text span{
	display: block;
	font-size: 18px;
	color: #475499;
	margin-bottom: 5px;
	
}
.new-leftcon .new-li a .new-text p{
	font-size: 18px;
	color: #333;
    height: 52px;
	margin-bottom: 10px;
	           overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
}
.new-leftcon .new-li a:hover .new-text p{
	color: #475499;
}

.notice-ul2{
	padding-top: 45px;
}
.notice-ul2 .notice-li2{
	margin-bottom: 19px;
	padding-bottom: 18px;

    position: relative;
}
.notice-ul2 .notice-li2:hover{
	/*border-bottom: 1px solid #b01212;*/
}

.notice-ul2 .notice-li2 a{
	display:flex;
	text-decoration: none;	

}
.notice-ul2 .notice-li2 a i{
	    position: absolute;
    right: 0;
    bottom: 5px;

}
.notice-ul2 .notice-li2 a .no-ldate{
	border:1px solid #455399;
width: 78px;
height: 83px;
text-align: center;
padding-top:5px;
}
.notice-ul2 .notice-li2 a .no-ldate span{
	display: block;
	font-size: 32px;
	color: #455399;
	
}
.notice-ul2 .notice-li2 a .no-ldate p{
	font-size: 16px;
	color: #455399;
	margin-bottom: 0;
	margin-top: -8px;
}
.notice-ul2 .notice-li2 a .no-ltt{
	width: calc(100% - 78px);
    padding: 5px 0 5px 0px;
    border-bottom:1px solid #153e6c;
    margin-left: 22px;
    position: relative;
}
.notice-ul2 .notice-li2 a .no-ltt p{
	font-size: 18px;
	color: #333;
	line-height:30px;
	margin-bottom: 0;
	 overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
	
}

/*rebg*/

.rebg{
	background: url(../img/rebg.jpg) no-repeat center center;
	background-size: cover;
	min-height: 200px;
	padding: 75px 0 30px;
	
}


.new-top2{
	
}
.new-top2 span{
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #bbb;
	margin-bottom: 3px;
	
}
.new-top2 p{
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0;
}

.re-con{
	margin-top: 45px;
	
}
.re-con .swiper-container{
	padding-bottom: 140px;
}
.re-con .swiper-slide{
	
}
.re-con .swiper-slide a{
	display: flex;
	text-decoration: none;
	/*height: 205px;*/
	margin-bottom:30px;
}
.re-con .swiper-slide a .re-img{
	 background: #fff;
	 width: 150px;
	 text-align: center;
	float: left;
	height: 205px;
	display: flex;
	justify-content: center;
    align-items: center;
}
.re-con .swiper-slide a .re-text{
	 width: calc(100% - 150px );
	 background: rgba(71,84,153,0.75);
	 float: left;
	height: 205px;
	padding: 20px 30px 20px 20px;
	transition: all 0.4s ease-out;
}
.re-con .swiper-slide a:hover .re-text{
	background: rgba(71,84,153,0.95);
	transition: all 0.4s ease-out;
}



.re-con .swiper-slide a .re-text .re-topt{
	
}
.re-con .swiper-slide a .re-text .re-topt h5{
	font-size: 18px;
	color: #fff;
    height: 44px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.re-con .swiper-slide a .re-text .re-topt span{
	display: block;
	font-size: 16px;
	color: #fff;
	margin-bottom: 12px;
	           overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
}
.re-con .swiper-slide a .re-text .re-tt{
	padding-top: 8px;
	border-top:1px solid #8e8e8e;
	
	
}
.re-con .swiper-slide a .re-text .re-tt p{
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;
	line-height: 24px;
	/*white-space:nowrap; */
}

.re-con .swiper-button-next,.re-con .swiper-button-prev{
bottom: 20px;
top: auto;
	width: 81px;
	height: 26px;
	display: inline-block;
	background: none;
}
.re-con .swiper-button-next img,.re-con .swiper-button-prev img{
	width: 81px;
	height: 26px;
	
}


.re-con .swiper-pagination {
	bottom: 15px;
	width: 50%;
	left: 25%;
	float: none;
	z-index: 11;
	text-align: center;
}


.re-con .swiper-container .swiper-pagination-bullet {
	display: inline-block;
	width: 36px;
	height: 36px;
	background: rgba(255,255,255,0.25);
	cursor: pointer;

	border-radius: 100%;
	margin-right:33px;
	text-align: center;
	line-height: 36px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	opacity: 1;
}

.re-con .swiper-container .swiper-pagination-bullet-active {
	opacity: 1;
	background: #64b6c8;
	color: #fff;
}








.mediabg{
	padding-top: 56px;
	padding-bottom: 52px;
}

.media-lcon{
	padding-top: 44px;
}
.media-lcon .menia-li{
	
}
.media-lcon .menia-li a{
	display: block;
	position: relative;
	border:1px solid #b6b9d1;
	padding: 35px;
	text-decoration: none;
	transition: all 0.4s ease-out;
}
.media-lcon .menia-li a i{
	position: absolute;
	left: 25px;
	top: -10px;
	background: url(../img/date1.png) no-repeat left top;
	width: 155px;
	height: 36px;
	text-align: center;
	color: #fff;
	line-height: 36px;
	font-style: normal;
	font-size: 18px;
	
	
}
.media-lcon .menia-li a span{
	display:block;
	font-size: 18px;
	color: #333;
	line-height: 30px;
    height: 60px;
    margin-bottom: 20px;
      overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
	
}
.media-lcon .menia-li a p{
	font-size: 14px;
	color: #999;
	line-height: 26px;
	margin-bottom: 0;
	           overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            min-height: 75px;
}
.media-lcon .menia-li a:hover{
	background: #b6b9d1;
	transition: all 0.4s ease-out;
}
.media-lcon .menia-li a:hover span{
	color: #fff;
}
.media-lcon .menia-li a:hover p{
	color: #fff;
}

.media-ul{
	margin-top:21px;
}
.media-ul ul{
	padding: 0;
	margin: 0;
	
}
.media-ul ul li{
 padding: 18px 0;
 background: url(../img/xian1.jpg) repeat-x left bottom;
}

.media-ul ul li a{
display: block;
text-decoration: none;
font-size: 18px;
color: #333;
 background: url(../img/place.png) no-repeat right center;
transition: all 0.3s ease-out;
}
.media-ul ul li a:hover{
	color: #007dc6;
	background: url(../img/place1.png) no-repeat right top;
	transition: all 0.3s ease-out;
}



/*footer*/
.footer{
	background: #192140;
	padding: 50px 0 20px;
	
}
.f-logo  img{
	padding: 0 52px;
}
.f-pp{
	margin-top: 35px;
}
.f-pp p{
	margin: 0;
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	
}
.f-pp p:last-child{
	color: #717794;
	
}


/*.wc-copyEnd*/

@media (min-width: 1200px) {

.new-left{
	    flex: 0 0 73%;
        max-width:  73%;
        margin-right:2%;
}
.media-left{
	flex: 0 0 73%;
        max-width:  73%;
        margin-right:2%;
}








.ke-left{
	flex: 0 0 62.333333%;
        max-width:  62.333333%;
}
.ke-right{
	   flex: 0 0 36.366667%;
        max-width: 36.366667%;
        margin-left: 1.3%;
}	
	
	
	
	
	
	
	
	
}

@media (min-width: 1400px) {
	
	
		
}



@media (max-width: 1600px) {
   
   .notice-ul2 .notice-li2 {
    margin-bottom: 11px;
    padding-bottom: 15px;
}
   
   
   
   
   
   
   
   

}

@media (max-width: 1440px) {
	.new-top .new-tit {
    padding-right: 50px;
    font-size: 28px;
}
.ban-pp p{
	font-size: 38px;
	
}	
.media-lcon .menia-li a{
	padding: 35px 30px 15px;
}
.wc-menu{
	width: 100%;
}





	
	
	
	
	
}
@media (max-width: 1400px) {
	.banner .swiper-pagination{
	bottom: 25px;
   }
.ban-pp{
	bottom: 55px;
}

.notice-ul2 .notice-li2{
	margin-bottom: 6px;
        padding-bottom:6px;
}
.new-leftcon {
    margin-top: 30px;
}
.notice-ul2 {
    padding-top: 30px;
}
    .ban-pp p {
        font-size: 32px;
    }


	
	
	
}





@media (max-width: 1300px) {
	
.wc-menu ul li a{
	font-size: 16px;
	
}
.newsbg{
	padding-top: 25px;
	
}
.new-top .new-tit span{
	font-size: 16px;
}
.new-top .new-tit{
	font-size: 24px;
}
.new-top .new-more a{
	font-size: 14px;
	
}
.notice-ul2 .notice-li2 a .no-ldate span{
	font-size: 30px;
	
}

.rebg{
	padding-top: 50px;
}
.re-con .swiper-container {
    padding-bottom: 110px;
}

.mediabg{
	padding: 30px 0;
}
.new-top2 p{
	font-size: 26px;
	
}
.re-con .swiper-container .swiper-pagination-bullet{
	width: 30px;
	height: 30px;
	font-size: 18px;
	line-height: 30px;
}

}
@media (max-width: 1200px) {
	/*中等屏幕设备 桌面*/
 .notice-ul2 .notice-li2 a .no-ldate{
 	height: 80px;
 	
 }
 .new-top .new-tit{
 	padding-right: 30px;
 	
 	
 }
 .notice-ul2 .notice-li2 a .no-ltt p{
 	font-size: 16px;
 }
 .media-lcon .menia-li a span{
 	margin-bottom: 15px;
 	
 }
 
 .media-ul ul li a{
 	font-size: 16px;
 	
 }
 
 
 
 


}


@media (max-width: 991px) {
	/*小屏幕设备 平板*/
	.container {
		width: 94%;
	}
.logo1 img{
	max-width: 60%;
}

.ban-pp{
	bottom: 20px;
	left: 10px;
}
	.ban-pp p{
		font-size: 20px;
		width: 100%;
		max-width: 100%;
		-webkit-line-clamp:1;
	}
.banner .swiper-pagination {
        bottom: 10px;
        left: 10px;
    }	
	
.new-leftcon .new-li{
	width: 50%;
}
.new-leftcon .new-li a .new-img{
	text-align: center;
}
.new-leftcon .new-li a .new-img img{
	width: 100%;
}
.notice-ul2 .notice-li2 a .no-ldate span{
	font-size: 26px;
	
}
.notice-ul2 .notice-li2 a .no-ldate {
	height: 70px;
}
.new-leftcon .new-li a .new-text p{
	font-size: 16px;
	
}
.new-leftcon .new-li a .new-text span{
	font-size: 14px;
}
.rebg{
	/*margin-top: 30px;*/
	padding-top: 20px;
	
	
}
.newsbg{
	padding-bottom: 15px;
}


.new-top2 span{
	font-size: 16px;
}
.new-top2 p{
	font-size: 22px;
}
.media-lcon {
    padding-top: 25px;
}
.media-lcon .menia-li {
    margin-bottom: 35px;
}
.new-top .new-tit{
	font-size: 20px;
	
}
.new-top .new-tit span{
	font-size: 14px;
}
.media-lcon .menia-li a p{
	min-height: auto;
}

.re-con .swiper-button-next img, .re-con .swiper-button-prev img{
	width: 50px;
}
.re-con .swiper-button-next, .re-con .swiper-button-prev{
	width: 50px;
}
.re-con .swiper-container .swiper-pagination-bullet{
	font-size: 16px;
	font-weight: normal;
}
.re-con {
    margin-top: 25px;
}
.re-con .swiper-slide a .re-text .re-tt{
	padding-top: 12px;
	
}


	
	
	
}

@media (max-width: 767px) {
	/*超小屏幕设备 手机*/
	.right-nr table td,
	.right-nr table th {
		white-space: nowrap;
	}
	.logo1 {
		padding-bottom: 1px;
		text-align: left;
		float: left;
	}
	
	.mobile-header-btn {
		top: 2px;
	}
	.mobile-header-btn i {}
	#img {}
	.logo1 img {
		/*height: 50px;*/
	}
	.container {
		width: 100%;
	}
.ban-pp p{
	font-size: 16px;
	font-weight: normal;
	
}
.banner .swiper-container .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	margin: 0 5px;
}
.ban-pp{
	bottom: 10px;
	left: 0;
	padding: 0 10px;
}
.new-top .new-tit span {
        font-size: 12px;
    }
.new-top .new-tit{
	font-size: 18px;
	
}
.new-leftcon .new-li a .new-text{
	padding-top: 10px;
}
.new-leftcon {
        margin-top: 20px;
    }
.new-leftcon .new-li {
    margin-bottom: 28px;
}
.notice-ul2 {
        padding-top: 20px;
    }
.notice-ul2 .notice-li2 {
        margin-bottom: 13px;
        padding-bottom: 13px;
    }

.re-con .swiper-button-next, .re-con .swiper-button-prev{
	display: none;
}
.re-con .swiper-pagination{
	width: 100%;
	left: 0;
}
.re-con .swiper-container {
        padding-bottom: 60px;
    }
.re-con .swiper-container .swiper-pagination-bullet{
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 0 10px;
	font-size: 12px;
}
.re-con .swiper-slide a .re-text .re-topt h5{
	line-height: 1.5;
	font-size: 16px;
}
.re-con .swiper-slide a .re-text .re-topt span{
	font-size: 14px;
	
}
.re-con .swiper-slide a .re-img{
	width: 140px;
	
}
.rebg{
	min-height: 100px;
	padding-bottom: 20px;
	padding-top: 25px;
}




.new-top2 span {
        font-size: 14px;
    }
.new-top2 p{
	font-size: 18px;
}




.media-lcon .menia-li a span{
	font-size: 16px;
	
}
.media-ul {
    margin-top: 10px;
}
.media-lcon .menia-li a span {
        margin-bottom: 10px;
    }


	
.footer{
	padding-top: 28px;
	
}
.f-logo img{
	margin-bottom: 20px;
	
}
.f-pp{
	margin-top: 0;
}
.f-pp p{
	line-height: 24px;
	margin-bottom: 5px;
}




}

@media (max-width: 600px) {
	

	
	
}