/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#eef0f2b3;/*font-family:'Microsoft YaHei';*/ background:#101217;font-family: 'Noto Sans SC';}
a{color:#eef0f2b3;}
 a:hover{ color:#f60; /*text-decoration:underline;*/} 
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1216px; margin:0 auto; width: 90%;}


.jbbj{ border-radius: 5px;  background-image: linear-gradient(to right, #3D5A80 ,#98C1D9);}

.header-bg{ position: fixed; top: 0; left: 0; width: 100%; z-index: 9;}
.header{ display: flex;  align-items: center;justify-content: space-between; height: 80px;}
.logo{ display: flex; align-items: center;}
.logo .img{ display: flex; justify-content: center;  align-items: center; width: 40px; height: 40px; margin-right: 10px; transition: all 0.5s; }
.logo .img img{ max-width: 100%; max-height: 100%;}
.logo .img:hover{ transform: scale(1.1);}
.logo .title{ text-align: left;}
.logo .title .h1{ font-size: 18px; font-weight:bold; display: block; color: #fff;}
.logo .title .h2{ font-size: 12px; color: #98c1d9; display: block;}

/*menu*/
.menu{height:36px;line-height:36px;}
.menu ul li{ float:left; position:relative; width:auto;}
.menu ul li span>a{ padding:0 16px; border-radius: 5px;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:35px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; z-index:99 }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; position: relative; }
.menu ul li dl dd>dl{ position: absolute; left: 100%; top: 10px;}
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:14px;color:#eef0f2cc; text-decoration:none; font-weight:normal;display:block;text-align:center;}
.menu a:hover{color:#fff;}
a.menu_hover{ background:#3d5a804d;color:#fff;}
/* .menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;} */


.ljze{}
.ljze a{ padding: 12px 24px; font-size: 14px; color: #294256; font-weight: bold;}
.ljze a:hover{ box-shadow: 0px 0px 15px #ccc;}


.header-bg.on{     background-color: #111317f2;}
.sp_header{ display: none;}
.sjj_nav{ display: none;}
@media only screen and (max-width: 980px) {
	.header-bg{ display: none;}


.sp_header{height: 64px;overflow:hidden;position:fixed;z-index:10;width:100%;box-sizing: border-box;padding: 0 16px;display: flex;align-items: center;justify-content: space-between; top: 0;}
.sp_header.on{background-color: #111317f2;}
.sp_logo{height: 40px;width: 40px;display: flex;justify-content: center;align-items: center;}
.sp_logo img{margin:auto;max-height: 100%;max-width: 100%;}
.sp_nav{width: 40px;position:relative;cursor:pointer;height: 40px;background: #3d5a804d;border-radius: 5px;}
.sp_nav span{display:block;background: #98c1d9;width: 21px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top: 9px;}
.sp_nav span:nth-of-type(2){top: 18px;}
.sp_nav span:nth-of-type(3){top: 27px;}
.sp_nav_se span:nth-of-type(1){top: 17px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top: 18px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;/* background:#eee; */width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: block;}
.nav_show{top: 64px;}
/* .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;} */
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{/* margin-left:20px; */position:relative;line-height: 1.5;font-size: 16px;padding: 12px 16px;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color: #eef0f2cc;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
.geu{background-color: #111317f2;border: 1px solid #98c1d933;margin: 0 24px;padding: 3%;box-sizing: border-box;border-radius: 20px;}

.sjj_nav .dee{ width: 100%; text-align: center;}
.sjj_nav .dee a{width: 100%;display: block;font-size: 16px;color: #111317;font-weight: 600;}

}


.banner{position:relative;}
/* .track>.img{ width: 100%; height: 100vh;}
.track>.img img{ width: 100%; vertical-align: bottom; height: 100%; object-fit: cover;} */

.track {
	width: 100%;
	height: 100vh;
	border-radius: 24px;
	/* 关键：没有任何背景色，完全透明 */
	background: transparent;
	cursor: default;
	box-shadow: 0 20px 30px -10px rgba(0,0,0,0.8);
}

/* 图片容器 - 负责裁剪，完全透明 */
.frame {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: transparent;  /* 绝对透明，不露底色 */
	position: relative;
}

/* 图片本身 - 覆盖满，可移动 */
#pic {
	width: 100%;
	height: 100%;
	object-fit: cover;        /* 确保图片填满且不变形 */
	display: block;
	transform: translate(0, 0);
	transition: transform 0.08s cubic-bezier(0.2, 0.0, 0.0, 1.0);
	will-change: transform;
	pointer-events: none;      /* 鼠标事件全由track层处理 */
	background: transparent;   /* 图片自身无背景 */
}

/* 确保所有父级透明 */
.track, .frame, #pic {
	background-color: transparent !important;
}
.banner01{ position:absolute; top: 50%; left: 50%;   transform: translate(-50%, -50%); display: flex;   align-items: center;justify-content: space-between; }
.banner01_l{ width: 48%;}
.banner01_l>.h1{ font-size: 14px; color: #98c1d9; background: #e0fbfc4d; padding: 8px 16px; border-radius: 30px;  display:inline-flex;   align-items: center; font-weight: bold;}
.banner01_l>.h1:before {content: ""; width: 8px; height: 8px; background: #98c1d9; border-radius: 50%; overflow: hidden; margin-right: 10px; display: block;}
.banner01_l .title{ display: flex;  align-items: center;margin-bottom:2%;}
.banner01_l .title .img01{ width: 64px; height: 64px; display: flex; justify-content: center;  align-items: center;}
.banner01_l .title .img01 img{ max-width: 100%; max-height: 100%;}
.banner01_l .title .tonut{}
.banner01_l .title .tonut h2{ font-size: 72px; color: #fff; display: block;    font-weight: 700;}
.banner01_l .title .tonut span{ font-size: 20px; color: #98c1d9; display: block;}

.h_1{ height: 4px; width:128px;  background-image: linear-gradient(to right, #3D5A80, #98C1D9); display: block; margin-bottom:2%;}
.banner01_l>.h2{ display: block; font-size: 30px; font-weight: 500;background-image: -webkit-linear-gradient(bottom,#98c1d9,#E0FBFC);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; }
.banner01_l>.h3{ display: block; font-size: 18px; color: #eef0f2b3; line-height: 1.625; margin: 3% 0;}
.txerc{ display: flex;  align-items: center;}
.txerc a{ font-size: 16px; font-weight:600; padding: 12px 24px; border: 2px solid #98c1d9; border-radius: 5px; box-sizing: border-box; margin-right: 3%; color: #98c1d9;}
.txerc a:last-child{margin-right: 0%;}
.txerc a:hover{ background: #98c1d9; color: #111317;}
.txerc a.lxem{  border: 2px solid transparent;border-radius: 5px;background:linear-gradient(to right, #3D5A80, #98C1D9) border-box; color:#111317;transition: all 0.5s;}
.txerc a.lxem i{ font-size:18px ; margin-left: 10px; }
.txerc a.lxem:hover{ transform: scale(1.1);}

.ghz{ border-top: 1px solid #98c1d933; margin-top: 3%; padding-top: 4%;}
.ghz ul { display: flex;  align-items:flex-start;justify-content: space-between;}
.ghz ul li{ width: 33%;text-align: center;}
.ghz ul li .nr_box .img{ width: 20px; height: 20px;  display: flex; justify-content: center;  align-items: center; margin: 0  auto;}
.ghz ul li .nr_box .img svg,.ghz ul li .nr_box .img img{ max-width: 100%; max-height: 100%; color: #98c1d9;}

.ghz ul li .txtbg { }
.ghz ul li .txt {}
.ghz ul li .txt .h2 {font-size: 30px;line-height: 1.5em;height: 1.5em;color: #e0fbfc;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: 700;}
.ghz ul li .txt .h2 em{ font-style: normal; font-size: 18px; color: #98c1d9;}
.ghz ul li .txt .h3 {font-size: 14px;line-height: 1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #eef0f299;}

.banner01_r{width: 36%;position: relative;}
.banner01_r>.img{ width: 320px; height:320px; display: flex; justify-content: center;  align-items: center; position: relative; animation: floatMove 2.5s ease-in-out infinite;}
.banner01_r>.img>img{ width: 100%; height: 100%; vertical-align: bottom;}
.banner01_r>.img .img01{width: 100%;height:100%;display: flex;justify-content: center;align-items: center;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.banner01_r>.img .img01  img{max-width: 100%;max-height: 100%;vertical-align: bottom;width: 69%;}
.banner01_r .tup1,.banner01_r .tup2,.banner01_r .tup3{ position: absolute;}
.banner01_r .ding{display: flex; justify-content: center;  align-items: center; border-radius: 50%; overflow:hidden;background-color: rgba(152, 193, 217, 0.2); border: 1px solid rgba(152, 193, 217, 0.4);;}
.banner01_r .ding img{ max-width: 100%; max-height: 100%; vertical-align: bottom; width: 83%;}
.banner01_r .tup1{width: 80px;height: 80px;right: 25%;top: 0%;}
.banner01_r .tup2{width: 56px;height: 56px;right: 22%;top: 53%;}
.banner01_r .tup3{width: 64px;height: 64px;left: -2%;bottom: 5%;}
@keyframes floatMove {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
    100% {
        transform: translateY(0);
    }
}


/* 关键帧动画 - 幅度调小为8px */
@keyframes floatMove2 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
    100% {
        transform: translateY(0);
    }
}

.xihe{ width: 56px; position:absolute; left: 50%; bottom: 3%;  transform: translate(-50%, 0); transform: translate(-50%, 0);}
.xihe span{ font-size: 14px; color: rgba(238, 240, 242, 0.5);}
.xihe .shue{ width: 24px; height: 40px; border: 2px solid rgba(152, 193, 217, 0.5); border-radius: 30px; margin: 0 auto;}
.xihe .shue em{ width: 4px; height: 12px; border-radius: 4px; background: rgba(152, 193, 217, 0.5); display: block; margin: 50% auto; animation: floatMove2 2.5s ease-in-out infinite;}

@media only screen and (max-width: 980px) {
	.banner01 {flex-wrap: wrap; }
	.banner01_l .title .tonut{ margin-left: 4%;}
	.banner01_l>.h2{ font-size: 24px;}
	.banner01_l .title .tonut h2{ font-size: 48px;}
	.banner01_l{ width: 100%;}
	.banner01_r{ display:none}
}



.title{ text-align: center;}
.title>span{ color: #98c1d9; display:inline-block; background: #3d5a804d; border-radius: 30px; padding: 4px 16px; margin-bottom: 2%;}
.title>.h2{ display: flex; justify-content: center;  align-items: center;}
.title>.h2 .img{ width: 48px; height: 48px; display: flex; justify-content: center;  align-items: center; margin-right: 2%;}
.title>.h2 .img img{ max-width: 100%; max-height: 100%; vertical-align:bottom;}
.title>.h2 h2{ font-size: 48px; color: #Fff;}
.title>p{ width: 96px; height: 4px; padding: 0; margin: 0 auto;    background-image: linear-gradient(to right, #3D5A80, #98C1D9); margin-top: 2%;}
.title>em{ display: block; font-style: normal; font-size: 18px;  color: #eef0f2b3; margin-top: 2%;}
@media only screen and (max-width: 980px) {
	.title>.h2 h2{ font-size: 36px;}
}



.cent01{ margin-top: 6%;}
.ind01 { margin-top: 5%;}
.ind01 ul li { float: left; width: calc((100% - 52px)/3); margin: 0 0 0px 26px; }
.ind01 ul li:nth-child(3n-2) { margin-left: 0; clear: left; }
.ind01 ul li .nr_box {overflow: hidden;transition: all .3s ease;border-radius: 20px;background: #3d5a8033;border: 1px solid #98c1d94d;padding: 24px;}
.ind01 ul li:hover .nr_box {  border-color: #98c1d999;  background-color: #3d5a804d; }
.ind01 ul li .img {position: relative;overflow: hidden;width: 56px;height: 56px;}
.ind01 ul li .img img {width: 55%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;}
.ind01 ul li .txtbg { }
.ind01 ul li .txt {padding: 6% 0% 0% 0%;color: #666;}
.ind01 ul li .txt .h2 {font-size: 20px;line-height: 1.5em;height: 1.5em;margin-bottom: 4%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #eef0f2;font-weight: 700;}
.ind01 ul li .txt .h3 {font-size: 16px;line-height: 1.5em;height: 3em;margin-bottom: 2%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #eef0f2b3;text-align: left;}
.ind01 ul li .txt .h4{text-align: left;}
.ind01 ul li .txt .h4 span{display: inline-block;font-size: 14px;padding: 4px 12px;color: #98c1d9;border: 1px solid #98c1d94d;border-radius: 30px;background: #98c1d91a;margin-right: 3%;margin-top: 3%;}
.ind01 ul li .txt .h4 span:last-child{margin-right: 0%;}
@media(max-width:999px) {
.cent01{ margin-top: 20%;}
.ind01{ margin-top: 20%;}
.ind01 ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
.ind01 ul li .txt {  }
.ind01 ul li .txt .h2 { font-size: 20px; line-height: 1.5em; height: 1.5em; margin-bottom: 5px; }
.ind01 ul li .txt .h3 { font-size: 16px; line-height: 1.5em; height: 3em; margin-bottom: 5px; }
}

.bk{background: #3d5a8033;border: 1px solid #98c1d94d;padding: 24px;border-radius: 20px;box-sizing: border-box;margin-bottom: 5%;}

.xpzd{ margin-top: 4%; display: flex;justify-content: space-between;}
.xpzd_l{ width: 48.5%;}
.xpzd_l>.h2{ color: #eef0f2; font-weight: 700; font-size: 20px;}
.xpzd_l ul li{float: left;display:block;width:calc((100% - 16px)/2);margin-left: 16px;margin-top: 16px;border-radius: 15px;overflow: hidden;}
.xpzd_l ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
.xpzd_l ul li a{padding-bottom: 100%;position: relative;overflow: hidden;background: #f9f9f9;display: block;}
.xpzd_l ul li a img {width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;object-fit: cover;}
.xpzd_l ul li:hover a img { transform: scale(1.1); }

.xpzd_r{ width: 48.5%;}
.xbt{  display: flex;  align-items: center;color: #eef0f2; font-weight: 700; font-size: 24px;}
.xbt svg,.xbt img{ color: #98c1d9; width: 24px; margin-right: 10px;}
.xpzd_r ul li {margin: 3% 0 0px 0px;}
.xpzd_r ul li .nr_box {overflow: hidden;transition: all .3s ease;border-radius: 20px;background: #11131799;padding: 3%;display: flex;align-items: flex-start;justify-content: space-between;}
.xpzd_r ul li .img {position: relative;overflow: hidden;width: 40px;height: 40px;background: #98c1d933;border-radius: 7px;}
.xpzd_r ul li .img img {width: 55%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;}
.xpzd_r ul li .txtbg {width:calc(100% - 50px); }
.xpzd_r ul li .txt {color: #666;}
.xpzd_r ul li .txt .h2 {font-size: 18px;line-height: 1.5em;height: 1.5em;margin-bottom: 0%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #eef0f2;font-weight: 700;margin-bottom: 1%;}
.xpzd_r ul li .txt .h3 {font-size: 14px;line-height: 1.5em;height: 1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #eef0f2b3;}
@media(max-width:999px) {
.xpzd{flex-wrap: wrap; margin-top: 15%;}	
.xpzd_l{ width: 100%;}
.xpzd_r{ width: 100%; margin-top: 5%;}
.xpzd_r .xbt{ margin-bottom: 5%;}
.xpzd_r ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
.xpzd_r ul li .txt {}
.xpzd_r ul li .txt .h2 {line-height: 1.5em;height: 1.5em;margin-bottom: 5px;}
.xpzd_r ul li .txt .h3 {line-height: 1.5em;height: 1.5em;}
}



.cent02{ margin-top: 4%;}
.cjie{ margin-top: 2%;}
.cjie ul li{ float: left; width: calc((100% - 60px)/4); margin: 0 0 0px 20px; background: #11131766; box-sizing: border-box; padding: 3%; border-radius: 5px; text-align: center;}
.cjie ul li:nth-child(4n-3) { margin-left: 0; clear: left; }
.cjie ul li:hover{background-color: #3d5a8033}
.cjie ul li .h2{ font-size: 30px; color: #e0fbfc; display: block; font-weight: 700;}
.cjie ul li .h2 em{ font-style: normal; color: #98c1d9; font-size: 18px;}
.cjie ul li .h3{ font-size: 14px; color: #eef0f299;}

.ane{ margin-top: 2%; text-align: center; border-radius: 10px; font-size: 14px; padding: 1.5%;}
.ane a{ color:#eef0f2cc; font-size: 16px;}
.ane a span{ color:#98c1d9}
@media(max-width:999px) {
	.cent02{ margin-top: 14%;}	
	.cjie ul li{  width: calc((100% - 5%)/2); margin: 0 0 0px 5%;}
	.cjie ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
	.ane{ padding: 5%;}
}


.cent03{ margin-top: 4%;}
.cent03 .tabs{ margin-top: 4%;}
.tabs_val .tab_valli{ display: none;}
.cent03 .tabs .title{ display: flex; justify-content: center;  align-items: center;}
.cent03 .tabs .title li{ margin:0 1vw; font-size:24px; font-weight: bold;}
.cent03 .tabs .title li.cur{ color: #fff;}
.index_product { margin-top: 0.63rem; }
.index_product ul li {float: left;width: calc((100% - 200px)/6);margin: 0 0 20px 20px;}
.index_product ul li:nth-child(6n-5) { margin-left: 0; clear: left; }
.index_product ul li .nr_box {overflow: hidden;transition: all .3s ease;border: 1px solid #294256;border-radius: 20px;position: relative;}
.index_product ul li:hover .nr_box {}
.index_product ul li .img {padding-bottom: 100%;position: relative;overflow: hidden;background: #f9f9f9;}
.index_product ul li .img img {width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;object-fit: cover;}
.index_product ul li:hover .img img { transform: scale(1.1); }
.index_product ul li .txtbg {position: absolute;bottom: 0;left: 0;width: 100%;background-image: linear-gradient(to top, #000,transparent);color: #fff;opacity: 0;}
.index_product ul li:hover .txtbg{ opacity:1}
.index_product ul li .txt { padding: 8% 4.5%; color: #666; }
.index_product ul li .txt .h2 {font-size: 12px;line-height: 1.5em;height: 1.5em;color: #eef0f2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index_product ul li .txt .h3 {font-size: 12px;line-height: 1.5em;height: 1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #98c1d9;}
.index_product ul li .time { font-size: 14px; line-height: 24px; color: #999;/* padding-left:24px; */ position: relative; }
.index_product ul li .time i { width: 20px; height: 24px; background: url(../images/ico_time.png) center no-repeat; position: absolute; left: 0; top: 0; display: none; }
@media(max-width:999px) {
	.cent03 .tabs .title li{ font-size: 18px;}
.index_product ul li { width:calc((100% - 5%)/2);margin: 0 0 20px 5%; }
.index_product ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.index_product ul li .txt { padding: 10px 5%; }
.index_product ul li .txt .h2 {font-size: 14px;line-height: 1.5em;height: 1.5em;}
.index_product ul li .txt .h3 {font-size: 12px;line-height: 1.5em;height: 1.5em;}
}

.HBoxbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88; background:rgba(0,0,0,0.5); display:none;}
.HBox {
	width: 512px;
	height:auto;
	margin: 0 auto;
	background-color: #111317f2; position:absolute;
	top: 50%;
	left: 50%; transform: translate(-50%,-50%);
	z-index: 100000; border: 1px solid #98c1d94d;
	 padding: 1%; box-sizing: border-box; border-radius: 20px;
}
.HBox .h2{ color:#eef0f2; font-size: 18px;  display: block; font-weight: 600; margin-bottom: 2%;}
.HBox .img{ width: 100%; border-radius: 20px; overflow: hidden;}
.HBox .img img{ width: 100%; vertical-align:bottom;}
.HCloseBtn {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 11px;
    top: 10px;
    text-align: center;
}

.HCloseBtn:after, .HCloseBtn:before {
    position: absolute;
    content: '';
    height: 16px;
    width: 2px;
    background-color: #a5a5a5;
}
.HCloseBtn:before {
    transform: rotate(-42deg);
}
.HCloseBtn:after {
    transform: rotate(41deg);
}

@media(max-width:999px) {
	.HBox{ width: 90%; padding: 5%;}
}
.cent04{ margin-top: 3%;}
.cent04 .title{ display: flex; justify-content: center;  align-items: center;}
.cent04 .title li{ display: flex; align-items: center; border: 1px solid #98c1d94d; border-radius: 10px; background: #3d5a8066; color: #eef0f2cc; padding: 12px 20px; font-size: 16px; margin: 0 10px;}
.cent04 .title li svg,.cent04 .title li img{ width: 20px; margin-right: 10px;}
.cent04 .title li.cur{  border: 2px solid transparent;background:linear-gradient(to right, #3D5A80, #98C1D9) border-box; color:#111317;}
.cent04  .tabs_val{ margin-top: 3%;}
.cent04  .tiele01{ display: flex; align-items: center;}
.cent04  .tiele01 .img{ display: flex; justify-content: center;  align-items: center; width: 56px; height: 56px; color: #111317; border-radius: 10px; margin-right: 20px;}
.cent04  .tiele01 .img img,.cent04  .tiele01 .img svg{ width: 28px;}
.cent04 .tiele01_r{}
.cent04 .tiele01_r h2{ font-size: 24px; color: #eef0f2; display: block; font-weight: 700;}
.cent04 .tiele01_r span{ font-size: 16px; color: #98c1d9;}
.cent0401 .jge{ display: block; font-size: 16px; color: #eef0f2b3; margin-bottom: 26px; margin-top: 26px;}
.spbt{}
.spbt ul li {float: left;width: calc((100% - 40px)/3);margin: 0 0 20px 20px;}
.spbt ul li:nth-child(3n-2) { margin-left: 0; clear: left; }
.spbt ul li .nr_box{border:1px #98c1d966 solid;position: relative;background: #11131766;padding: 4%;border-radius: 10px;transition: all 0.5s;}
.spbt ul li:hover .nr_box{ transform: scale(1.1);}
.spbt ul li .txtbg { }
.spbt ul li .nr_box .h1{position:absolute;top: 6%;right: 3%;!;font-size: 12px;color: #98c1d9;background: #98c1d933;padding: 2px 8px;border-radius: 5px; opacity:0}
.spbt ul li .txt {}
.spbt ul li .txt .h2 {font-size: 18px;line-height: 1.5em;height: 1.5em;color: #eef0f2;margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: 700;}
.spbt ul li .txt .h3 {font-size: 14px;line-height: 1.5em;height: 1.5em;margin-bottom: 4px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #98c1d9;}
.spbt ul li .txt .h4{ font-size:12px; color:#eef0f299}
.spbt ul li.rm .nr_box{ border-color:#98c1d980; background-color:#98c1d933}
.spbt ul li.rm .nr_box .h1{ opacity:1}
@media(max-width:999px) {
.cent04 .title{flex-wrap: wrap; }
.cent04 .title li{    margin: 4px 6px; width: 46%; box-sizing: border-box;}
.spbt ul li:nth-child(3n-2) { margin-left: 20px; clear:none; }
.spbt ul li {width:calc((100% - 20px)/2); margin: 0 0 20px 20px; }
.spbt ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.spbt ul li .txt { padding: 10px 5%; }
.spbt ul li .txt .h2 { font-size: 14px; }
.spbt ul li .txt .h3 { font-size: 12px;  }
}


.uost01{ margin-top: 3%;}
.uost01 ul li{ margin-top: 3%;}
.uost01 ul li {float: left;width: calc((100% - 20px)/2);margin: 20px 0 0px 20px;}
.uost01 ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
.uost01  .tiele01 .img{ width: 48px; height: 48px; background: #98c1d933; color: #98c1d9;}
.uost01 .tiele01_r h2{ font-size: 20px;}
.uost01 ul li:hover{    border-color: #98c1d999; background-color: #3d5a804d}
.uost01 .jge{ margin-bottom: 0;}
.uost01 ul li .h4{}
.uost01 ul li .h4 span{display: inline-block;font-size: 14px;padding: 4px 12px;color: #98c1d9;border: 1px solid #98c1d94d;border-radius: 30px;background: #98c1d91a;margin-right: 3%;margin-top: 3%;}
.uost01 ul li .h4 span:last-child{margin-right: 0%;}
@media(max-width:999px) {
	.uost01 ul li {width:100%;margin: 0 0 20px 0;}
	}


.uost02{ margin-top: 3%;}
.uost02 ul li{ margin-top: 3%;}
.uost02 ul li {float: left;width: calc((100% - 20px)/2);margin: 20px 0 0px 20px;}
.uost02 ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
.uost02  .tiele01 .img{ width: 48px; height: 48px; background: #98c1d933; color: #98c1d9;}
.uost02 .tiele01_r h2{ font-size: 20px;}
.uost02 .jge{ margin-bottom: 0;}
.uost02 dl{ margin-top: 20px;}
.uost02 dl dd {float: left;width: calc((100% - 20px)/2);margin: 0 0 20px 20px;}
.uost02 dl dd:nth-child(2n-1) { margin-left: 0; clear: left; }
.uost02 dl dd .tile{border:1px #98c1d966 solid;position: relative;background: #11131766;padding: 4%;border-radius: 10px;transition: all 0.5s;}
.uost02 dl dd .tile h2 {font-size: 18px;line-height: 1.5em;height: 1.5em;color: #eef0f2;margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: 700;}
.uost02 dl dd .txt span{ font-size:12px; color:#eef0f299}
.uost02 dl dd.rm .tile{ border-color:#98c1d980; background-color:#98c1d933}

@media(max-width:999px) {
	.uost02 ul li {width:100%;margin: 0 0 20px 0;}
	.uost02 dl dd { float: left; width: 100%; margin: 0 0 20px 0px; }
	.uost02 dl dd .txt { padding: 10px 5%; }
	.uost02 dl dd .txt .h2 { font-size: 14px; line-height: 1.5em;  }
	.uost02 dl dd .txt .h3 { font-size: 12px; line-height: 1.5em; }
	}

.uost03{margin-top: 3%;}
.uost03 .tiele01 .img{ width: 48px; height: 48px; background: #98c1d933; color: #98c1d9;}
.uost03 .tiele01_r h2{ font-size: 20px;}
.uost03 ul{}
.uost03 ul li{ float: left;width: calc((100% - 40px)/3);margin: 20px 0 0px 20px; text-align: center; background: #11131766; box-sizing: border-box; padding: 2%; border-radius: 10px; overflow: hidden;}
.uost03 ul li:nth-child(3n-2) { margin-left: 0; clear: left; }
.uost03 ul li:hover{ background: #98c1d933;}
.uost03 ul li .h2{ display: block; font-size: 30px; color: #e0fbfc; margin-bottom: 4px;}
.uost03 ul li .h3{ display: block; font-size: 14px; color: #eef0f299;} 
@media(max-width:999px) {
	.uost03 ul li {width:100%;margin: 0 0 20px 0;}
}

.cent05{ margin-top: 3%;}
.cent05 .tabs{ margin-top: 3%;}
.cent05 .tabs .title{ display: flex;   align-items: center;justify-content: space-between;}
.cent05 .tabs .title li{ width: 19%;}
.cent05 .tabs .title li .img{ margin-bottom: 8px;}
.cent05 .tabs .title li .img img{ width: 32px;}
.cent05 .tabs .title li .h2{ font-size: 14px; display: block;    font-weight: 500;}
.cent05 .tabs .title li:hover{    background-color: #3d5a8066;}
.cent05 .tabs   .title li.cur{border: 1px solid transparent;background:linear-gradient(to right, #3D5A80, #98C1D9) border-box; color:#111317;}
.cent05 .tabs  .title li.cur .img img{filter: brightness(0%) contrast(200%) invert(0%) opacity(100%);}
.tabs_val{ margin-top: 3%;}
.cent0501{ display: flex;  align-items: flex-start;justify-content: space-between}
.cent0501_l{width: 65%;}
.cent0501_l .tiele01{ display: flex; align-items: center;}
.cent0501_l .tiele01 .img{ display: flex; justify-content: center;  align-items: center; width: 64px; height: 64px; color: #111317; border-radius: 10px; margin-right: 20px;}
.cent0501_l .tiele01 .img img,.cent04  .tiele01 .img svg{ width: 28px;}
.cent0501_l .tiele01_r{}
.cent0501_l .tiele01_r h2{ font-size: 24px; color: #eef0f2; display: block; font-weight: 700;}
.cent0501_l .tiele01_r span{ font-size: 16px; color: #98c1d9;}
.cent0501_l .jge{ display: block; font-size: 16px; color: #eef0f2b3; margin-bottom: 0px; margin-top: 26px;}
.gtyd{}
.gtyd ul li {float: left;width: calc((100% - 20px)/2);margin: 20px 0 0px 20px;}
.gtyd ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
.gtyd ul li .nr_box {overflow: hidden;transition: all .3s ease;background: #11131766;display: flex;align-items: flex-start;justify-content: space-between;padding: 16px;border-radius: 10px;}
.gtyd ul li .img {position: relative;overflow: hidden;width: 20px;display: flex;justify-content: center;align-items: center;}
.gtyd ul li .img img {max-height: 100%;max-width: 100%;margin: auto auto;transition: all .3s ease;}
.gtyd ul li .txtbg {width: calc(100% - 40px);}
.gtyd ul li .txt {color: #666;}
.gtyd ul li .txt .h2 {font-size: 16px;line-height: 1.5em;height: 1.5em;color: #eef0f299;margin-bottom: 4px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: bold;}
.gtyd ul li .txt .h3 {font-size: 14px;line-height: 1.5em;height: 1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #eef0f299;}
.gtyd ul li .time { font-size: 14px; line-height: 24px; color: #999;/* padding-left:24px; */ position: relative; }
.gtyd ul li .time i { width: 20px; height: 24px; background: url(../images/ico_time.png) center no-repeat; position: absolute; left: 0; top: 0; display: none; }

.cent0501_l .h4{}
.cent0501_l .h4 span{display: inline-block;font-size: 14px;padding: 4px 12px;color: #98c1d9;border: 1px solid #98c1d94d;border-radius: 30px;background: #98c1d91a;margin-right: 3%;margin-top: 3%;}
.cent0501_l .h4 span:last-child{margin-right: 0%;}

.cent0501_r{width: 31%;}
.snce{ display: flex;   align-items: center; font-size: 14px;}
.snce .img{ width:20px ; margin-right: 10px;}
.snce .img img,.snce .img svg{ width:20px ; color: #98c1d9;}

.dji .h2{ font-weight: bold; color: #e0fbfc; font-size: 36px;}
.xhe{background: #11131766;margin-top: 5%;border-radius: 10px;padding: 5%;}
.xhe h2{ font-size:16px; color:#eef0f2;    font-weight: 600;}
.xhe ul li{ display: flex;  align-items: center; font-size: 14px; color: #eef0f2b3; margin-top: 8px;}
.xhe ul li .img{ margin-right: 10px;}
.xhe ul li .img svg,.xhe ul li .img{ color: #98c1d9; font-size: 16px;}
.cent0501_r .jjf{  display: flex; justify-content: center;  align-items: center; width: 100%; font-size: 16px; color: #111317; font-weight: bold; padding: 12px 0;transition: all 0.5s; margin-top: 5%;}
.cent0501_r .jjf:hover{ transform: scale(1.1);    box-shadow: 0px 0px 15px #ccc;}


@media(max-width:999px) {
.cent05 .tabs .title{flex-wrap: wrap;  justify-content: center; }
.cent05 .tabs .title li{ width: 30%; margin:  4px; padding: 4px;}
.cent0501{flex-wrap: wrap;}
.cent0501_l{width: 100%;}
.cent0501_r{ width: 100%;margin-top: 5%;}
.gtyd{ margin-top: 5%;}
.gtyd ul li { float: left; width: 100%; margin: 0 0 20px 0px; }s
.gtyd ul li .txt { }
.gtyd ul li .txt .h2 { font-size: 14px; }
.gtyd ul li .txt .h3 { font-size: 12px;  }
}




.cent06 { margin-top: 3%;}
.news_list01 { margin-top:5%; }
.news_list01 ul{display: flex;flex-wrap: wrap;}
.news_list01 ul li {width: calc((100% - 40px)/3);margin: 0 0 20px 20px;/* height: 100%; */}
.news_list01 ul li:nth-child(3n-2) {margin-left: 0;clear: left;}
.news_list01 ul li .nr_box {overflow: hidden;transition: all .3s ease;height: 100%;}
.news_list01 ul li .imgbg{display: flex;align-items: center;justify-content: space-between;}
.news_list01 ul li .img {position: relative;overflow: hidden;background: #98c1d933;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 5px;}
.news_list01 ul li .img img { max-width: 100%; max-height: 100%;  }
.news_list01 ul li .img01{width:calc(100% - 50px);}
.news_list01 ul li .img01 .h1{display: block;font-size: 16px;font-weight: bold;}
.news_list01 ul li .img01 .h2{  display: block; font-size: 14px;}
.news_list01 ul li .txtbg { }
.news_list01 ul li .txt {color: #666;}
.news_list01 ul li .txt .h2 {font-size: 30px;line-height: 1.5em;height: 1.5em;color: #e0fbfc;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: 700;margin-bottom: 8px;}
.news_list01 ul li .txt .h2 span{ font-weight: normal; font-size: 18px; color: #98c1d9; margin-left: 8px;}
.news_list01 ul li .txt .h2 em{ font-weight: normal; font-style: normal; font-size: 14px; color: #eef0f280; margin-left: 8px;}
.news_list01 ul li .dizge{ display: flex;  align-items: center; color: #98c1d9b3;}
.news_list01 ul li .dizge img{ margin-left: 10px; width: 16px;}
.news_list01 ul li .txt .h3{ display:none; border-top: 1px solid #98c1d933; padding-top: 5%;color: #eef0f2b3;font-size: 14px;}
.news_list01 ul li .txt .h3 span{ display:block; font-size: 14px; margin-bottom: 8px; color: #eef0f2b3;}
.news_list01 ul li .txt .h3 .h4{ display: flex;   align-items: center; font-size: 14px; color: #98c1d9;}
.news_list01 ul li .txt .h3 .h4 img{ width: 16px; margin-right: 10px;}
.news_list01 ul li.on .nr_box{border: #98c1d999 3px solid;background-color: #3d5a804d;}
@media(max-width:999px) {
.news_list01 ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
/*.news_list01 ul li:nth-child(2n-1){ margin-left:0; clear:left;}*/
.news_list01 ul li .txt { }
.news_list01 ul li .txt .h2 { font-size: 14px; }
}

.cent07{ margin-top: 2%;}
.cent07>.h2{ display: flex; justify-content: center;  align-items: center; font-size: 24px; color: #eef0f2;  font-weight: bold;}
.cent07>.h2 img{ width: 24px; margin-right: 10px;}
.cent07 ul{ display: flex;flex-wrap: wrap; margin-top: 3%; }
.cent07 ul li {width: calc((100% - 60px)/4);margin: 0 0 20px 20px;/* height: 100%; */}
.cent07 ul li:nth-child(4n-3) {margin-left: 0;clear: left;}
.cent07 ul li .tie{ display: flex;  align-items: center;}
.cent07 ul li .tie .jbbj{ display: flex; justify-content: center;  align-items: center; width: 32px; height: 32px; border-radius: 50%; overflow: hidden; color: #000; font-size: 16px; margin-right: 10px;}
.cent07 ul li .tie span{ font-size: 16px; color: #eef0f2;    font-weight: 600;}
.cent07 ul li .h2{ color:#eef0f299; font-size: 14px; display: block; margin: 16px 0;}
.cent07 ul li dl{}
.cent07 ul li dl dd{    background: #11131766; padding: 8px; border-radius: 5px; margin-top: 10px;}
.cent07 ul li dl dd .h3{ display: flex;  align-items: center;justify-content: space-between; margin-bottom: 4px;}
.cent07 ul li dl dd .h3 span{ font-size: 14px; color: #98c1d9; font-weight: 500;}
.cent07 ul li dl dd .h3 em{ font-style: normal; color: #e0fbfc; font-size: 14px;}
.cent07 ul li dl dd .h4{ font-size: 12px; color: #eef0f280;  display: block;}
@media only screen and (max-width: 980px) {
	.cent07 ul li{ width: 100%; margin: 5% auto 0 auto;}
}


.cent08{ margin-top: 3%; margin-bottom: 4%;}
.cent0801{ margin-top: 3%; display: flex;  align-items:flex-start;justify-content: space-between;}
.cent08-l{ width: 32%;}
.gjie ul li .nr_box {display: flex;align-items: flex-start;justify-content: space-between;}
.gjie ul li .img {position: relative;overflow: hidden;width: 48px;display: flex;justify-content: center;align-items: center;height: 48px;border-radius: 10px;color: #111317;}
.gjie ul li .img img {max-height: 100%;max-width: 100%;margin: auto auto;transition: all .3s ease;}
.gjie ul li .txtbg {width: calc(100% - 60px);}
.gjie ul li .txt {color: #666;}
.gjie ul li .txt .h2 {font-size: 16px;line-height: 1.5em;height: 1.5em;color: #eef0f2;margin-bottom: 4px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: bold;}
.gjie ul li .txt .h3 {font-size: 14px;line-height: 1.5em;height: 1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #eef0f299;margin-bottom: 4px;}
.gjie ul li .txt .h4{ color:#98c1d9; font-size:16px}
.gjie01{ background-color: #3D5A8033;    border: 1px solid #98c1d94d;     border-radius: 20px;     padding: 24px;}
.gjie01 .h2{display: flex; align-items: center; color: #eef0f2; font-size: 16px; font-weight: bold;}
.gjie01 .h2 svg,.gjie01 .h2 img{ color: #98c1d9; margin-right: 10px;}
.gjie01 ul li{ margin-top: 8px;}
.gjie01 ul li .h1{display: flex; align-items: center;  font-size: 14px; }
.gjie01 ul li .h1 svg,.gjie01 ul li .h1 img{ color: #98c1d9; margin-right: 10px; width: 16px;}

.cent08-r{ width:calc(100% - 35%);}
.cent08-r>.h2{ display: block; font-size: 24px; color: #eef0f2; font-weight: 700; margin-bottom: 25px;}
.cent08-r ul li{ float: left; display: block;width:calc((100% - 3%)/2); margin: 0 3% 20px 0;}
.cent08-r ul li:nth-child(2n) {margin-right: 0% ;}
.zce{}
.zce span{ display: block; font-size: 14px; color: #eef0f2; margin-bottom: 10px;}
.zce span em{ font-style: normal; color:#f87171;}
.zce .input_text{outline:none; border: 1px solid #98c1d94d; background: #11131799; padding: 8px 12px; box-sizing: border-box; width: 100%; border-radius: 5px;color:#eef0f2;}
.zce .input_text::-webkit-input-placeholder{ color:#eef0f2;}
.zce .select{outline:none; border: 1px solid #98c1d94d; background: #11131799; padding: 8px 12px; box-sizing: border-box; width: 100%; border-radius: 5px; color: #eef0f2;}
.zce .select::-webkit-input-placeholder{ color:#ccc;}
.zce .teixt{outline:none; border: 1px solid #98c1d94d; background: #11131799; padding: 8px 12px; box-sizing: border-box; width: 100%; border-radius: 5px; color: #eef0f2; height: 100px;}
.zce .teixt::-webkit-input-placeholder{ color:#ccc;}
.duan{ width: 30% !important;}
.duan02{width: 100% !important;}
.cent08-r .jbbj{ width: 100%; display: flex; justify-content: center;  align-items: center; border: 0; padding: 8px 12px; color: #f0f2f5;transition: all 0.5s; font-size: 14px;}
.cent08-r .jbbj img,.cent08-r .jbbj svg{ width: 24px; margin-right: 10px;}
.cent08-r .jbbj:hover{transform: scale(1.05);    box-shadow: 0px 0px 15px #ccc;}
@media only screen and (max-width: 980px) {
	.cent0801{flex-wrap: wrap; }
	.cent08-l{ width: 100%;}
	.cent08-r{ width: 100%; margin-top: 5%;}
	.cent08-r ul li{ float:none; width: 100%; margin: 5% auto 0 auto;}
	.duan{width: 100% !important;}
	.duan02{width: 100% !important;}
	.cent08-r .jbbj{ margin-top: 5%;}
}


.logo01{ display: flex; align-items: center; margin-bottom: 24px;}
.logo01 .img{ display: flex; justify-content: center;  align-items: center; width: 48px; height: 48px; margin-right: 10px; transition: all 0.5s; }
.logo01 .img img{ max-width: 100%; max-height: 100%;}
.logo01 .title{ text-align: left;}
.logo01 .title .h1{ font-size: 18px; font-weight:bold; display: block; color: #fff;}
.logo01 .title .h2{ font-size: 12px; color: #98c1d9; display: block;}


.footer_bg{ border-top: 1px solid #3d5a804d; background: #0a0c0f; padding: 3% 0;}
.footer{ display: flex;   align-items:flex-start;justify-content: space-between;    gap:6.5rem;}
.footer_l{ width: 32%;}
.footer_l>.h2{ font-size: 16px; color: #eef0f2b3; display: block; margin-bottom: 24px;}
.footer_l ul li{ display: flex;  align-items: center; margin-bottom: 8px;}
.footer_l ul li span{ font-size: 14px; color: #eef0f299;}
.footer_l ul li svg,.footer_l ul li img{ color:#98c1d9; width: 14px; margin-right: 10px;} 
.footer dl{ display: flex;   align-items:flex-start;justify-content: space-between; flex:1}
.footer dl dl{}
.footer dl dd .h2{ font-size: 18px; font-weight: 600; display: block; margin-bottom: 16px; color: #eef0f2;}
.footer dl dd ul{}
.footer dl dd ul li{ margin-top: 16px;}
.footer dl dd ul li a{ margin-top: 16px;display: flex;   align-items:center; color: #eef0f299;}
.footer dl dd ul li a img{ width: 16px;filter: brightness(0%) contrast(200%) invert(100%) opacity(50%); }
.footer dl dd ul li a:hover{ color: #98c1d9;}
.footer dl dd ul li a:hover img{ filter: none;}

.footer01{    border-top: 1px solid #3d5a804d; padding-top: 2%; display: flex; align-items: center;justify-content: space-between; margin-top: 2%;}
.footer01 span{}
.footer01 .uyge{}
.footer01 .uyge a{ color: #eef0f280; font-size: 14px; margin-left: 1vw;}
@media only screen and (max-width: 980px) {
	.footer{flex-wrap: wrap;gap:0; padding: 5% 0; }
	.footer_l{ width: 100%;}
	.footer dl{ width: 100%;flex-wrap: wrap; margin-top: 5%;}
	.footer dl dd{ width: 100%; margin-top: 5%;}
	.footer01{ padding-top: 5%; margin-top: 5%;flex-wrap: wrap; text-align: center;}
	.footer01 span{ width: 100%;}
	.footer01 .uyge{ text-align: center;width: 100%;margin-top: 5%;}
	.footer01 .uyge a{ margin: 0 10px; display:inline-block;}
}

.xialai{margin-top:-80px; padding-top:80px}

.inside_con{ padding:10px 0; min-height: 300px}