*{
	margin:0;
	padding: 0;
	outline: none;
	box-sizing: border-box;
	text-decoration: none;
	list-style: none;
}

.w1400{
	width: 92%;
	max-width: 1400px;
	margin: 0 auto;
}

.w1680{
	width: 92%;
	max-width: 1680px;
	margin: 0 auto;
}

.w1580{
	width: 96%;
	max-width: 1580px;
	margin: 0 auto;
}
.w100{
	width: 100%;
	display: block;
}

.page_wrap {
    text-align: center;
    margin-top: clamp(10px, 1.04vw, 20px);
    margin-bottom: clamp(20px, 2.08vw, 40px);
}

.page_wrap ul {
    font-size: 0;
}

.page_wrap ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    font-size: 12px;
}

.page_wrap ul li a {
    display: inline-block;
    vertical-align: middle;
    color: #353535;
    line-height: 24px;
    border: 1px solid #d4d4d4;
    padding: 0 8px;
}


.page_wrap .current{
    background: #084c9d;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    border: 1px solid #084c9d;
    padding: 0 8px;
}


.page_wrap ul li a:hover {
    border-color: #4E4E4E;
    color: #4E4E4E;
}

.page_wrap ul li a.on {
    background: #4E4E4E;
    border-color: #4E4E4E;
    color: #fff;
}
/*index*/
 .videolist { position:relative;  }
	  .videolist:hover{ cursor: pointer; }
	  .videoed { display:block; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
	  .videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-550px; margin-top:-310px; z-index:100; width:1100px; height: 619px;  }
	  .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }


	@media (max-width: 1300px ) {
		.videos { width: 800px; height: 450px; margin-left: -400px; margin-top: -225px; }
	}

	@media (max-width: 1199px ) {
		.videos { width: 600px; height: 338px; margin-left: -300px; margin-top: -169px; }
	}

@media ( max-width: 767px ) {
	.videoed { width: 30px; height: 30px; }
		.videos { width: 300px; height: 169px; margin-left: -150px; margin-top: -84px; }
	}



.site_map{
	padding-left:clamp(6px,0.83vw,16px);
	padding-right:clamp(6px,0.83vw,16px);
	display: flex;
	border-radius: 30px;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #003c83;
	font-size: 14px;
}
.google_map{
	padding-left:clamp(6px,0.83vw,16px);
	padding-right:clamp(6px,0.83vw,16px);
	display: flex;
	border-radius: 30px;
	align-items: center;
	justify-content: center;
	background: #e60012;
	color: #fff;
	font-size: 14px;
	margin-left:clamp(6px,0.625vw,12px);
}



.h100{
	height: 100%;
	display: block;
}



#changeMem{
    transform: translateY(-20px);
   
    opacity: 0;
}
#changeMem.active{
    transform: translateY(0px);
    opacity: 1;
}


.adv_wrap{
	background: url("../images/youshi_bg.jpg") no-repeat center center;
	background-size: cover;
	
	padding-top:clamp(30px,6.04vw,116px);
}




.bannert{
	min-height: 180px;
}

.bannert img{
	display: block;
	width: 100%;
	opacity: 0;
}

.banner{
	min-height: 400px;
}
.hidd {
    overflow: hidden;
}

.hidd1 {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.hidd2 {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hidd3 {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.hidd4 {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
/*w*/
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	text-decoration: none;
	list-style: none;
	font-family: "微软雅黑";
}
.w1400{
	width: 94%;
	max-width: 1400px;
	margin: 0 auto;

}

.w100{
	width: 100%;
	display: block;
}
.tops{
	
	background: #07b3ff;
}

.tops_center{
	
	display: flex;
	justify-content: space-between;
}

.tops_left{
	height: 40px;
	display: flex;
	align-items: center;
	font-size:12px;
	color: #fff;
}
.tops_right{
	height: 40px;
	align-items: center;
	display: flex;
}

.tops_right a,.tops_right span{
	font-size: 12px;
	color: #fff;
}
.tops_right span{
	margin-left: 6px;
	margin-right: 6px;
}

.navs_center{
	height: 150px;
	align-items: center;
	display: flex;
	justify-content: space-between;

}
.navs_center>a{
	display: flex;
	width: clamp(300px,31.458vw,604px);
}

.navs_center_r_t1{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom:clamp(6px,0.52vw,10px);
}

.navs_center_r_t1_d1{
	width: 28px;
	margin-right:clamp(6px,0.52vw,10px);

}
.navs_center_r_t1_d2{
	height: 28px;
	line-height: 28px;
	color: #;
}


.navs_center_r{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.navs_center_r_t2{
	width: clamp(180px,10.98vw,211px);
}

.anniu_w{
	
	background: #07b3ff;
}

.anniu_w_s{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 72px;
}

.anniu_w_s a{
	height: 44px;
	padding-left:clamp(10px,1.1458vw,22px);
	padding-right:clamp(10px,1.1458vw,22px);
	display: flex;
	font-size: 16px;
	color: #fff;
	align-items: center;
}

.anniu_w_s a.active,.anniu_w_s a:hover{
	border-radius:4px;
	background: #448ff0;
	box-shadow: 4px 4px 8px rgba(0,0,0,0.2)
}
.aboutx_content{
	margin-top:clamp(24px,2.6vw,50px);
	margin-bottom:clamp(24px,2.6vw,50px);
}

.aboutx_content img{
	width: 100%;
	display: block;
	max-width: 100%;
}