/*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:#000;/*font-family:'Microsoft YaHei';*/}
a{color:#000;}
 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:1170px !important; margin:0 auto; width: 90% !important;}

:root {
    --main-color:#696687;
    --main-color-white: #fff;
    --main-color-333: #333333;
    --main-color-555: #555555;
    --main-color-666: #666666;
    --main-color-999: #999999;
    --main-color-888: #3b3663;
	--main-color-000: #000;
	--main-color-0F110F: #0F110F;
	--main-transition: all ease 0.4s;
    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    --main-linear: linear-gradient(45deg, #79bd28 0%, #00653b 100%);
}


/* ---------- 固定粒子画布，漂浮在页面上面，但不阻挡点击 ---------- */
#particle-canvas {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	pointer-events: none;        /* 关键：让鼠标事件穿透画布，点击下方内容 */
	z-index: 9999;                /* 非常大的z-index，确保粒子漂浮在最上层 */
}


.header_bg{ position:fixed; top: 0; left: 0; width: 100%; z-index:99;}
.header{ display: flex;   align-items: center;justify-content: space-between; height: 77px; padding: 0 4%;}
.logo{ width: 160px; height: 70px;}
.logo a{ width: 100%; height: 100%; display: flex;   align-items: center;}
.logo a img{ max-width: 100%; max-height: 100%;}
/*menu*/
.menu{height:80px;line-height:80px;}
.menu ul li{float:left;position:relative;margin-left: 22px;margin-right: calc(22px - 5px);}
.menu ul li dl{ background:var(--main-color-white); width:100%; position:absolute; left:0px; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; z-index:99; min-width: 120px; }
.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:16px;color:var(--main-color-0F110F);text-decoration:none;font-weight: normal;display:block;text-align:center;}
.menu a:hover{color:#26ccb9;}
/* a.menu_hover{ background:#666;color:var(--main-color-white);}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;} */

.header-rm{ display: flex;   align-items: center;}
.header-rm a{border-radius: 30px;border: 1px solid var(--main-color-0F110F);color: var(--main-color-0F110F);font-size: 12px;text-transform: uppercase;font-weight: bold;padding: 16px 28px;}
.header-rm a:hover{ background: var(--main-color-0F110F); color: var(--main-color-white);}

.header_bg.on{ background: var(--main-color-white);    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
.sp_header{ display: none;}
.sjj_nav{display: none;}
@media only screen and (max-width: 980px) {
.header_bg{ display: none;}
.sp_header.on{background: var(--main-color-white);    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
.sp_header{height:50px;overflow:hidden;position:fixed !important;z-index:10;width:100%; display: block;}
.sp_logo{padding:10px;float:left;height:50px;box-sizing: border-box;}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:var(--main-color);width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed !important;z-index:9;background: var(--main-color-white);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:50px}
.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{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;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}
}


.banner_bg{ position: relative; }
.banenr{ display: flex;  align-items: center;	justify-content: space-between; min-height: 100vh;}
.banner_r{ width: 48%;}
.banner_r h2{ font-size: 92px; display: block; color: var(--main-color-000);}
.banner_r span{font-size: 24px;display: block;color:var(--main-color);font-weight: 400;margin: 5% 0;}
.more{
    display: flex;
    align-items: center;
}
.more a{display: inline-block;color: var(--main-color-white);text-transform: uppercase;background: var(--main-color-000);border-radius: 30px;padding: 17px 25px;border: 1px solid var(--main-color-000);font-weight: 500;}
.more a i{ margin-left: 10px;}
.more a:hover{ border: 1px solid var(--main-color-000); background: none; color: var(--main-color-000); }
.banner_l{width: 48%;position: relative;}
.banner_l .img02{width: 100%;position: relative;}
.banner_l .img02 img{ width: 100%; vertical-align:bottom;}
.banner_l .img{position: absolute;top: 4%;width: 77%;left: -5%;}
.banner_l .img img{ width: 100%; vertical-align:bottom;}

.xin01{}
.xin01 ul{}
.xin01 ul li{position: absolute;}
/* .xin01 ul li .img03{width: 57px; height: 80px;}
.xin01 ul li .img04{ width: 100px; height: 100px;}
.xin01 ul li .img05{ width: 54px; height: 60px;} */
.xin01 ul li img{ width: 100%; height: 100%;}
.xin01 ul li:nth-child(1) {width: 57px;height: 80px;right: 47%;top: 12%; animation: gentleShake 10s ease-in-out infinite;}
.xin01 ul li:nth-child(2) {width: 54px;height: 60px;right: 45%;top: 18%;}
.xin01 ul li:nth-child(3) {width: 100px;height: 100px;left: 10%;top: 27%; animation: gentleShake 10s ease-in-out infinite;}
.xin01 ul li:nth-child(4) {width: 54px;height: 60px;left: 5%;top: 40%; animation: gentleShake 10s ease-in-out infinite;}
.xin01 ul li:nth-child(5) {width: 85px; height: 85px; bottom: 10%; right: 47%; animation: gentleShake 10s ease-in-out infinite;}
.xin01 ul li:nth-child(6) {width: 47px;height: 65px;bottom: 2%;right: 52%; animation: gentleShake 10s ease-in-out infinite;}
.xin01 ul li:nth-child(7){ width: 57px;height: 80px;right: 26%;bottom: 2%;}
.xin01 ul li:nth-child(8){ width: 54px;height: 60px; right: 24%;bottom: 0%;animation: gentleShake 10s ease-in-out infinite;}  
.xin01 ul li:nth-child(9){ width: 100px;height: 100px; right: 14%;bottom: -3%;animation: gentleShake 10s ease-in-out infinite;}  
@media only screen and (max-width: 980px) {
	.banner_bg{ width: 100%; overflow: hidden;}
	.banenr{flex-wrap: wrap; padding: 28% 0; box-sizing: border-box;}
	.banner_r{ width: 100%;}
	.banner_r h2{ font-size: 40px;}
	.banner_r span{ font-size: 20px; padding: 5% 0;}
	.banner_l{ width: 100%; margin-top: 5%;}
	.banner_l .img{ left: 0;}
	.xin01 ul li:nth-child(1){ left: 2%; right: inherit; top: 50%;}
	.xin01 ul li:nth-child(3){ left: -22%;}
	.xin01 ul li:nth-child(4){ display: none;}
	.xin01 ul li:nth-child(2){left: 10%;right: inherit;top: 54%;}
	.xin01 ul li:nth-child(5){  bottom: inherit; top: 47%; right: 10%;}
	.xin01 ul li:nth-child(6){bottom: inherit;top: 52%;right: 32%;}
	.xin01 ul li:nth-child(9){    right: -11%;bottom: -3%;}
}


/* 关键帧 —— 上下左右晃动，幅度轻微，节奏慵懒 */
@keyframes gentleShake {
0% {
	transform: translate(0, 0);
}
8% {
	transform: translate(-2px, -1px);   /* 左上 */
}
18% {
	transform: translate(3px, -1.5px);   /* 右上 */
}
28% {
	transform: translate(-2.5px, 2px);   /* 左下 */
}
38% {
	transform: translate(2px, 2.5px);    /* 右下 */
}
48% {
	transform: translate(-1.5px, -2px);  /* 又往左上 */
}
58% {
	transform: translate(1.8px, -1.2px); /* 上偏右 */
}
68% {
	transform: translate(-2px, 1.5px);   /* 下偏左 */
}
78% {
	transform: translate(2.2px, 1px);    /* 右偏下 */
}
88% {
	transform: translate(-1px, 2.2px);   /* 下偏左 */
}
100% {
	transform: translate(0, 0);          /* 返回中心 */
}
}

.title{}
.title .h2{     font-size: 48px;  font-weight: 500;   line-height: 1em; color: var(--main-color-000);}
.title .h3{ font-size: 18px; color:var(--main-color);    line-height: 1.5; display: block;}
@media(max-width:999px) {
	.title .h2{ font-size: 30px;}
	.title .h3{ font-size: 18px; margin-top: 4%;}
}


.cent01{ margin-top: 2%; position: relative;}
.xin02 ul li{ position:absolute;}
.xin02 ul li img{ width: 100%; height: 100%;}
.xin02 ul li:nth-child(1) {width: 57px;height: 80px;left: -19%;bottom: -11%;animation: gentleShake 10s ease-in-out infinite;}
.xin02 ul li:nth-child(2) {width: 54px;height: 60px;left: -14%;bottom: -18%;}


.cent01 .title{ display: flex;   align-items: center;justify-content: space-between;}
.cent01 .title .h2{width: 62%;}
.cent01 .title .h3{width: 41%;}
.news_list01 {margin-top:5%;padding: 5%;background: var(--main-color-000);border-radius: 25px 25px 25px 25px;}
.news_list01 ul li {float: left;width: calc((100% - 12%)/3);margin: 0 0 0px 6%;}
.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;}
.news_list01 ul li .imgbg{ width: 105px;margin-bottom: 4%;}
.news_list01 ul li .img {padding-bottom: 100%;position: relative;overflow: hidden;}
.news_list01 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; }
.news_list01 ul li .txtbg { }
.news_list01 ul li .txt {color: #666;}
.news_list01 ul li .txt .h2 {height: 3em;color: var(--main-color-white);margin-bottom: 4%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 30px;font-weight: 500;line-height: 1.2em;}
.news_list01 ul li .txt .h3 {line-height: 1.5em;height: 4.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #CEC0D7;font-size: 16px;}
@media(max-width:999px) {
	.xin02{ display: none;}
	.cent01 .title{flex-wrap: wrap; }
	.cent01 .title .h2{ width: 100%;}
	.cent01 .title .h3{ width: 100%;}
	.news_list01{ padding: 10%;}
.news_list01 ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
.news_list01 ul li .txt { }
.news_list01 ul li .txt .h2 { font-size: 14px; line-height: 1.5em; }
.news_list01 ul li .txt .h3 { font-size: 12px; line-height: 1.5em; }
}



.cent02{margin-top: 8%;display: flex;align-items: center;justify-content: space-between;max-width: 1190px !important;}
.cent0201{position: relative;width: 45%;}
.cent0201>img{position: relative;z-index: 2;}
.cent0201 img{ width: 100%; vertical-align:bottom;}
.cent0201 .img01{position: absolute;top: 15%;left: -32%;width: 72%;}
.cent0202{width: 49%;}
.cent0202 .h4{ font-size: 18px; color:var(--main-color); margin-top: 4%;}
.chat{ margin-top: 1%;}
.chat a{border-radius: 30px;border: 1px solid var(--main-color-0F110F);color: var(--main-color-0F110F);font-size: 12px;text-transform: uppercase;font-weight: bold;padding: 16px 28px; display:inline-block;}
.chat a:hover{ background: var(--main-color-0F110F); color: var(--main-color-white);}
.chat a i{ margin-left: 10px; font-weight: bold; font-size: 16px;}
@media(max-width:999px) {
	.cent02{flex-wrap: wrap; }
	.cent0201{ width: 100%;}
	.cent0202{width: 100%; margin-top: 5%;}
	.cent0202 .h4{margin-top: 5%;}
}


.cent03{ margin-top: 3%; display: flex;justify-content: space-between;}
.cent03_l{ width: 68%;}
.cent03_l ul li{ float: left; display: block; border: 1px solid  var(--main-color-000); border-radius: 20px;width:calc((100% - 3% - 4px)/2); margin-right: 3%; padding: 12% 5%; box-sizing: border-box; text-align:left; margin-top: 3%;}
.cent03_l ul li .mun_top{ display: flex;  align-items: center;color: var(--main-color-0F110F); font-size: 70px; font-weight: normal;}
.cent03_l ul li .mun_top img{ width: 59px;margin-right: 20px;}
.cent03_l ul li .mun_top h2{ color: var(--main-color-0F110F); font-size: 70px; font-weight: normal;}
.cent03_l ul li:nth-child(1){ margin-top: 0%;}
.cent03_l ul li:nth-child(2){ margin-top: 0%;}
.cent03_l ul li:nth-child(2n) {margin-right: 0% 	}
.cent03_l ul li p{ font-size: 22px; color: var(--main-color-000);}
.cent03_r{width: 30%;background: var(--main-color-000);padding: 4%;border-radius: 20px;color: var(--main-color-white);box-sizing: border-box;}
.cent03_r .img{ width: 101px;}
.cent03_r .img img{ width: 100%; vertical-align: bottom;}
.cent03_r .h2{ display: block; font-size: 48px; font-weight: normal;}
.cent03_r .h1{ display: block; font-size: 18px; color:var(--main-color); font-weight:bold; margin-top: 4%;} 
.cent03_r a{display: flex;  align-items: center; font-size: 12px;    text-transform: uppercase; color: var(--main-color-white);  margin-top: 2%; font-weight:bold;}
.cent03_r a i{ margin-left: 10px;}
@media(max-width:999px) {
	.cent03{flex-wrap: wrap; }
	.cent03_l{ width: 100%;}
	.cent03_r{width: 100%; margin-top: 5%; padding: 10% 15%;}
	.cent03_l ul li{ margin-top: 5%; margin-right:0; float:none; width: 100%;}
	.cent03_l ul li .mun_top{ font-size: 45px;}
	.cent03_l ul li .mun_top h2{ font-size: 45px;}
	.cent03_r .h2{ font-size: 30px;}
	.cent03_r a{ margin-top: 5%;}
	.cent03_l ul li:nth-child(2){margin-top: 5%;}

}

.cent04{margin-top: 7%;display: flex;align-items: center;justify-content: space-between;} 
.cent04_l{width: 48%;margin: 0% 0 0% -10%; position: relative;}
.cent04_l img{ width: 100%; vertical-align:bottom;}
.gjie{}
.gjie ul li{ position: absolute; animation: gentleShake 10s ease-in-out infinite;}
.gjie ul li img{ width: 100%; vertical-align: bottom;}
.gjie ul li:nth-child(1) {width: 80px;left: 30%;top: -1%;}
.gjie ul li:nth-child(2) {width: 68px;right: 18%;top: 13%;}
.gjie ul li:nth-child(3) {width: 85px;left: 4%;top: 27%;}
.cent04_r{width: 42%;position: relative;}
.cent04_r .mySwiper01{ margin-bottom: 3%;}
.cent04_r .img02{position:absolute;left: -29%;top: -34%;width: 86%;z-index: -1;}
.cent04_r .img02 img{ width: 100%; vertical-align:bottom;}
.cent04_r  .h1{}
.cent04_r  .h1 span{ font-size: 14px; color: var(--main-color-000);     text-transform: uppercase;    letter-spacing: 2px; font-weight: bold}
.cent04_r  .h1 h2{ display: block; font-size: 48px; color: var(--main-color-000); font-weight: normal}
.cent04_r .txtbg{ color: #696588;}
.cent04_r .txtbg .h3{ font-size: 24px; display: block; font-style:italic;}
.cent04_r .txtbg .h3 p{ padding: 0; line-height: 1.5;}
.cent04_r .txtbg .h4{ font-size: 18px; display: block; font-weight: bold;text-transform: uppercase;}
.cent04_r .txtbg .h5{ font-size: 15px; display: block;}
.cent04_r  .swiper-pagination01{    bottom: inherit !important;}
.cent04_r  .swiper-pagination01 span{ width: 12px; height: 12px; border-radius: 20px; background: var(--main-color-000);}
.cent04_r  .swiper-pagination01 .swiper-pagination-bullet-active{ width: 24px;}  
@media(max-width:999px) {
	.cent04{flex-wrap: wrap; }
	.cent04_l{width: 100%; margin: 0% 0 0% 0%;} 
	.cent04_r{width: 100%; margin-top: 5%;}
	.cent04_r .h1 h2{ font-size: 24px;}
	
}

.cent05{padding: 1% 0 7% 0;display: flex;align-items: center;margin-top: 13%;}
.cent05 .title{ width: 50%;}
.xin03{
    margin: 0 6%;
}
.xin03 ul { display: flex; justify-content: center;  align-items: center;}
.xin03 ul li{animation: gentleShake 10s ease-in-out infinite;}
.xin03 ul li img{ width: 100%; height: 100%;}
.xin03 ul li:nth-child(1) {width: 57px;height: 80px;}
.xin03 ul li:nth-child(2) {width: 54px;height: 60px;}
.cent05 .more a{ font-weight: bold;padding: 20px 30px;}
@media only screen and (max-width: 980px) {
	.cent05{flex-wrap: wrap; padding: 1% 0 20% 0; margin-top: 15%;}
	.cent05 .title{ width: 100%;}
}

.footer_bg{ background: var(--main-color-0F110F); padding: 3% 0;  color: #F0F0F0;}
.footer_bg a{color: #F0F0F0;}
.logo02{ width:auto;  height: 70px; margin-bottom: 2%;}
.logo02 a{ display: block; height: 100%;}
.logo02 a img{ width:auto; height: 100%;}
.footer01{ border-top: 1px solid var(--main-color-white)1A; border-bottom: 1px solid var(--main-color-white)1A; padding: 1% 0 2% 0;}
.footer01 dl{ display: flex;  align-items:flex-start;justify-content: space-between;}
.footer01 dl dd {/* width: 24%; */}
.footer01 dl dd:nth-child(1) { width: 24%;}
.footer01 dl dd .h2{ font-size: 16px; display: block; font-weight: bold;}
.footer01 dl dd .tit{ font-size:  16px; display:block; margin-top: 30px;}
.footer01 dl dd .gnie{ margin-top: 4%; display: flex;   align-items: center;}
.footer01 dl dd .gnie a{ font-size: 15px; margin-right: 20px; }
.footer01 dl dd ul{ margin-top: 30px;}
.footer01 dl dd ul li{ font-size: 16px; line-height: 30px;}
.footer01 dl dd ul li a:hover{ color:#26ccb9}
.footer02{ padding-top: 3%;}
.footer02 span{ font-size: 14px;}


@media only screen and (max-width: 980px) {
	.footer_bg{ padding: 5% 0;}
	.logo02{ margin: 0 auto; text-align: center;}
	.footer01 dl{flex-wrap: wrap; }
	.footer01 dl dd{ width: 100%; margin-bottom: 5%;}
	.footer02{ padding-top: 5%;}
}


/* 引导页 */
#loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#fff;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 9999;
    opacity: 1;
    transition: opacity s ease-in-out;
  }

#loading-screen.fade-out {
    opacity: 0;
    pointer-events: none;
  }

.main-logo-video {
	position: absolute; /* Allows precise placement */
	top: 50%; /* Center vertically */
	left: 50%; /* Center horizontally */
	transform: translate(-50%, -50%); /* Adjust based on its own dimensions */
	max-width: 80%; /* Ensure responsiveness */
	max-height: 80%; /* Prevent overflowing the screen */
	transition: opacity 1s ease-in-out;
	width: 100%;
	height: 133px;
	object-fit: contain;
}
.main-logo-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 222px;
	height: 222px;
	display: flex;
	align-items: center;
	justify-content: center;
}
 /* 圆圈进度条 SVG */
 .progress-ring {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	pointer-events: none;
	transform: rotate(-90deg);
}

/* 进度圆环背景 */
.progress-ring-bg {
	stroke: var(--main-color-white);
	stroke-width: 6;
	fill: transparent;
}

/* 动态进度圆环 */
.progress-ring-fill {
	stroke: #26ccb9;
	stroke-width: 6;
	fill: transparent;
	stroke-linecap: round;
	stroke-dasharray: 565.48; /* 2 * π * 90 ≈ 565.48 */
	stroke-dashoffset: 565.48; /* 初始进度0 */
	transition: stroke-dashoffset 0.1s linear;
	filter: drop-shadow(0 0 3px rgba(255,255,255,0.7));
}



.cent06{ margin-top: 9%; max-width: 1200px !important; margin-bottom: 1%;}
.cent06 ul li{ margin-top: 6%;}
.cent06 ul li .cent0601{ display: flex;   align-items: center; justify-content: space-between;}
.cent06 ul li .cent0601>.img{ width: 48%;    margin: 0px 0px 0px -43px;}
.cent06 ul li .cent0601>.img img{ width: 100%; vertical-align:bottom;}
.cent06 ul li .cent0601_r{ width: 48%;}
.cent06 ul li .cent0601_r>h5{ display:block; line-height: 30px; font-size: 14px; margin: 0; color: var(--main-color-888);}
.cent06 ul li .cent0601_r>.h2{ font-size: 30px; color: var(--main-color-888); font-weight: 800;  line-height: 38px;}
.cent06 ul li .cent0601_r>.itit{ font-size: 18px; color:var(--main-color); margin-top: 2%;} 
.cent06 ul li .cent0601_r>.itit p{ padding: 0;}
.cent06 ul li .cent0601_r dl{ display: flex;  align-items: flex-start;justify-content: space-between; margin-top: 3%;}
.cent06 ul li .cent0601_r dl dd{ width: 48%;}
.cent06 ul li .cent0601_r dl dd .img{ width:30%; margin-bottom: 16px;}
.cent06 ul li .cent0601_r dl dd .img img{ width: 100%; vertical-align: bottom;}
.cent06 ul li .cent0601_r dl dd>.h1{ font-size: 20px; color: var(--main-color-888); display: block; margin-bottom: 7px; font-weight: 700; line-height: 26px;}
.cent06 ul li .cent0601_r dl dd>.h2{    color:var(--main-color);  font-size: 16px; line-height: 1.7em;}
.cent06 ul li .contcat{ margin-top: 4%;}
.cent06 ul li .contcat a{ font-size: 12px; color:var(--main-color-white);background-color: transparent; background-image: linear-gradient(96deg, #9289f1 0%, #6254e7 100%); display: inline-block; padding: 14px 20px;text-transform: uppercase; border-radius: 5px;  transition: all 0.5s; }
.cent06 ul li .contcat a i{ margin-right: 10px;}
.cent06 ul li .contcat a:hover{background-color: transparent; background-image: linear-gradient(96deg, #6254e7 0%, #9289f1 100%);}
.cent06 ul li:nth-child(2n) .cent0601 {  flex-direction: row-reverse;}
@media only screen and (max-width: 980px) {
	.cent06{ padding-top: 30%; margin: 0 auto; padding-bottom: 5%;}
	.cent06 ul li .cent0601{flex-wrap: wrap; }
	.cent06 ul li .cent0601>.img{ width: 100%; margin: 0;}
	.cent06 ul li .cent0601_r{ width: 100%; margin-top: 5%;}	
	.cent06 ul li .cent0601_r dl{flex-wrap: wrap; }
	.cent06 ul li .cent0601_r dl dd{ width: 100%;  margin-top: 5%;}
	.cent06 ul li .cent0601_r>.itit p{ line-height: 1.5;}
}



.cent07{margin-top: 9%; max-width: 1200px !important; margin-bottom: 1%; display: flex;   align-items: center; justify-content: space-between;}
.cent07>.img{ width: 48%;    margin: 0px 0px 0px -43px;}
.cent07>.img img{ width: 100%; vertical-align:bottom;}
.cent0701_r{ width: 48%;}
.cent0701_r>h5{display:block;line-height: 30px;font-size: 14px;margin: 0;color: var(--main-color-888);font-weight: normal;}
.cent0701_r>.h2{ font-size: 30px; color: var(--main-color-888); font-weight: 800;  line-height: 38px;}
.cent0701_r>.itit{ font-size: 20px; color:var(--main-color); margin-top: 2%;} 
.cent0701_r>.itit p{ padding: 0;}
.cent0701_r .contcat{ margin-top: 4%;}
.cent0701_r .contcat a{ font-size: 12px; color:var(--main-color-white);background-color: transparent; background-image: linear-gradient(96deg, #6254e7 0%, #9289f1 100%); display: inline-block; padding: 14px 20px;text-transform: uppercase; border-radius: 5px;}
.cent0701_r .contcat a i{ margin-right: 10px;}

@media only screen and (max-width: 980px) {
	.cent07{ padding-top: 30%; margin: 0 auto; padding-bottom: 5%;flex-wrap: wrap; }
	.cent07>.img{ width: 100%; margin: 5% 0 0 0;}
	.cent0701_r{ width: 100%; margin-top: 5%;}	
	.cent0701_r>.itit p{        line-height: 1.5}
}


.cent08{ display: flex;   align-items: center;	justify-content: space-between;}
.cent08_l{ width: 48%;}
.cent08_l>h5{display:block;line-height: 30px;font-size: 14px;margin: 0;color: var(--main-color-888);font-weight: normal;}
.cent08_l>.h2{ font-size: 30px; color: var(--main-color-888); font-weight: 800;  line-height: 38px;}
.cent08_l>.itit{ font-size: 18px; color: #6c757d; margin-top: 2%;} 
.cent08_l>.itit p{ padding: 0;}
.cent08_r{}
.cent08_r a{ font-size: 12px; color:var(--main-color-white);    background-color: transparent;
    background-image: linear-gradient(96deg, #f56616 0%, #f0ac0e 100%); display: inline-block; padding: 14px 20px;text-transform: uppercase; border-radius: 5px;}
.cent08_r a i{ margin-right: 10px;}

@media only screen and (max-width: 980px) {
	.cent08 {flex-wrap: wrap; margin: 5% auto; }
	.cent08_l{ width: 100%; margin: 0 auto;}
	.cent08_r{ width: 100%; margin-top: 5%;}
}



.cent09{ margin-top: 2%; margin-bottom: 1%;display: flex;   align-items: center; justify-content: space-between;}
.cent09>.img{ width: 48%;    margin: 0px 0px 0px -43px;}
.cent09>.img img{ width: 100%; vertical-align:bottom;}
.cent09_r{width: 46%;}
.cent09_r>h5{display:block;line-height: 30px;font-size: 14px;margin: 0;color: var(--main-color-888);}
.cent09_r>.h2{ font-size: 30px; color: var(--main-color-888); font-weight: 800;  line-height: 38px;}
.cent09_r>.itit{ font-size: 18px; color:var(--main-color); margin-top: 2%;} 
.cent09_r>.itit p{ padding: 0;}

.cent09_r .contcat{ margin-top: 4%;}
.cent09_r .contcat a{ font-size: 12px; color:var(--main-color-white);background-color: transparent; background-image: linear-gradient(96deg, #9289f1 0%, #6254e7 100%); display: inline-block; padding: 14px 20px;text-transform: uppercase; border-radius: 5px;  transition: all 0.5s; }
.cent09_r .contcat a i{ margin-right: 10px;}
.cent09_r .contcat a:hover{background-color: transparent; background-image: linear-gradient(96deg, #6254e7 0%, #9289f1 100%);}
.cent09_r dl{}
.cent09_r dl dd{display: flex;align-items:flex-start;justify-content: space-between;margin-top: 4%;}
.cent09_r dl dd .img{width: 21px;height: 21px;display: flex;justify-content: center;align-items: center;margin-top: 4px;}
.cent09_r dl dd .img img{ max-width: 100%; max-height: 100%;}
.cent09_r dl dd .tite{width: calc(100% - 44px);}
.cent09_r dl dd .tite .h2{font-size: 20px;color: var(--main-color-888);display: block;margin-bottom: 4px;}
.cent09_r dl dd .tite .h3{ font-size: 16px; color:var(--main-color);  display: block;font-weight: 400;
    line-height: 24px;}
@media only screen and (max-width: 980px) {
	.cent09{flex-wrap: wrap; margin-top: 5%; margin-bottom: 10%; }
	.cent09>.img{ width: 100%; margin: 0;}
	.cent09_r{ width: 100%; margin-top: 5%;}
	
}

.top{ height: 110px;}
@media only screen and (max-width: 980px) {

	.top{ height: 50px;}
}

.cent10{margin-top: 10%; margin-bottom: 6%;display: flex;   align-items:flex-start; justify-content: space-between;}
.cent10>.img{ width: 48%;    margin: 0px 0px 0px -43px;}
.cent10>.img img{ width: 100%; vertical-align:bottom;}
.cent10_1{width: 46%;}
.cent10_1>h5{display:block;line-height: 30px;font-size: 14px;margin: 0;color: var(--main-color-888);    text-transform: uppercase;}
.cent10_1>.h2{ font-size: 30px; color: var(--main-color-888); font-weight: 800;  line-height: 38px;}
.cent10_1>.itit{ font-size: 18px; color:var(--main-color); margin-top: 2%;} 
.cent10_1>.itit p{ padding: 0;}
.cent10_1 ul{ margin-top: 4%;}
.cent10_1 ul li{ margin-top: 4%;}
.cent10_1 ul li span{font-size: 16px;  font-weight: bold;  text-transform: none;  line-height: 1.6em;  color: var(--main-color-888);}
.cent10_1 ul li .h3{ display: block; font-size:16px ;    font-size: 16px;  font-weight: 400; line-height: 1.5em;  letter-spacing: 0px; color:  var(--main-color);}

@media only screen and (max-width: 980px) {
	.cent10{flex-wrap: wrap;  margin-bottom: 10%; margin-top: 5%; }
	.cent10_1{ width: 100%;}
	.cent10>.img{ width: 100%; margin: 5% 0 0 0;}
	.cent10_1>.itit p{    line-height: 1.5;}
}

.inside_con{ padding:10px 0; min-height: 300px;}
.aniu{p;padding: 14px 20px !important;margin: 0 5px;}
.aniu i{margin-left: 0 !important;font-size: 24px;}