html{width: 100%;font-size: 10px;}
@media screen and (max-width:1720px) {html{font-size: 9px;}}
@media screen and (max-width:1520px) {html{font-size: 8px;}}
@media screen and (max-width:1320px) {html{font-size: 7px;}}
@media screen and (max-width:1024px) {html{font-size: 8px;}}
:root{
	--main-color:#1934F4;
	--black1:#000B24;
	--black2:#333333;
	--black3:#666666;
	--white:#FFFFFF;
	--gray:#F5F5F5;
	--linear-bg:linear-gradient(125deg, #1934F4, #12C54F);
	--btn_bg_color1: #1934F4;
	--font12: clamp(12px, 1.2rem, 12px);
	--font14: clamp(12px, 1.4rem, 14px);
	--font16: clamp(13px, 1.6rem, 16px);
	--font17: clamp(13px, 1.7rem, 17px);
	--font18: clamp(14px, 1.8rem, 18px);
	--font20: clamp(15px, 2rem, 20px);
	--font22: clamp(16px, 2.2rem, 22px);
	--font24: clamp(17px, 2.4rem, 24px);
	--font26: clamp(18px, 2.6rem, 26px);
	--font28: clamp(18px, 2.8rem, 28px);
	--font30: clamp(20px, 3rem, 30px);
	--font32: clamp(20px, 3.2rem, 32px);
	--font34: clamp(22px, 3.4rem, 34px);
	--font36: clamp(22px, 3.6rem, 36px);
	--font38: clamp(24px, 3.8rem, 38px);

	/* --- font40 */
	--font40: clamp(23px, 4rem, 40px);
	--font42: clamp(24px, 4.2rem, 42px);
	--font44: clamp(24px, 4.4rem, 44px);
	--font46: clamp(25px, 4.6rem, 46px);
	--font48: clamp(26px, 4.8rem, 48px);

	/* --- font50 */
	--font50: clamp(28px, 5rem, 50px);
	--font52: clamp(28px, 5.2rem, 52px);
	--font54: clamp(28px, 5.4rem, 54px);
	--font56: clamp(28px, 5.6rem, 56px);
	--font58: clamp(29px, 5.8rem, 58px);

	/* --- font60 */
	--font60: clamp(30px, 6rem, 60px);
	--font64: clamp(31px, 6.6rem, 64px);
	--font66: clamp(31px, 6.6rem, 66px);

	/* --- font70以及以上 */
	--font70: clamp(32px, 7rem, 70px);
	--font72: clamp(32px, 7.2rem, 72px);
	--font80: clamp(32px, 8rem, 80px);

	--font100: 10rem;
	--font120: 12rem;
	--font160: 16rem;

	--font15: clamp(12px, 1.5rem, 15px);
}
.ins_title .t1{font-weight: 600;}
.ins_serTit .title {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 0.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: var(--font48);
	justify-content: center;
}
/* 公共字体 */
.font12 {
  font-size: var(--font12);
}
.font14 {
  font-size: var(--font14);
}
.font16 {
  font-size: var(--font16);
}
.font18 {
  font-size: var(--font18);
}
.font20 {
  font-size: var(--font20);
}
.font22 {
  font-size: var(--font22);
}
.font24 {
  font-size: var(--font24);
}
.font26 {
  font-size: var(--font26);
}
.font28 {
  font-size: var(--font28);
}
.font30 {
  font-size: var(--font30);
}
.font32 {
  font-size: var(--font32);
}
.font34 {
  font-size: var(--font34);
}
.font36 {
  font-size: var(--font36);
}
.font38 {
  font-size: var(--font38);
}
.font40 {
  font-size: var(--font40);
}
.font42 {
  font-size: var(--font42);
}
.font44 {
  font-size: var(--font44);
}
.font46 {
  font-size: var(--font46);
}
.font48 {
  font-size: var(--font48);
}
.font50 {
  font-size: var(--font50);
}
.font52 {
  font-size: var(--font52);
}
.font54 {
  font-size: var(--font54);
}
.font56 {
  font-size: var(--font56);
}
.font58 {
  font-size: var(--font58);
}
.font60 {
  font-size: var(--font60);
}
.font66 {
  font-size: var(--font66);
}
.font70 {
  font-size: var(--font70);
}
.font72 {
  font-size: var(--font72);
}
.font80 {
  font-size: var(--font80);
}
.font64 {
  font-size: var(--font64);
}
.font100 {
  font-size: var(--font100);
}
.font120 {
  font-size: var(--font120);
}
.font160 {
  font-size: var(--font160);
}
.font15 {
  font-size: var(--font15);
}
/* 间距 */
.mar_t10 {
  margin-top: 0.1rem;
}
.mar_t13 {
  margin-top: 0.13rem;
}
.mar_t15 {
  margin-top: 0.15rem;
}
.mar_t17 {
  margin-top: 0.17rem;
}
.mar_t20 {
  margin-top: 0.2rem;
}
.mar_t23 {
  margin-top: 0.23rem;
}
.mar_t25 {
  margin-top: 0.25rem;
}
.mar_t27 {
  margin-top: 0.27rem;
}
.mar_t30 {
  margin-top: 0.3rem;
}
.mar_t33 {
  margin-top: 0.33rem;
}
.mar_t35 {
  margin-top: 0.35rem;
}
.mar_t37 {
  margin-top: 0.37rem;
}
.mar_t40 {
  margin-top: 0.4rem;
}
.mar_t43 {
  margin-top: 0.43rem;
}
.mar_t45 {
  margin-top: 0.45rem;
}
.mar_t47 {
  margin-top: 0.47rem;
}
.mar_t50 {
  margin-top: 0.5rem;
}
.mar_t53 {
  margin-top: 0.53rem;
}
.mar_t55 {
  margin-top: 0.55rem;
}
.mar_t57 {
  margin-top: 0.57rem;
}
.mar_t60 {
  margin-top: 0.6rem;
}
.mar_t63 {
  margin-top: 0.63rem;
}
.mar_t65 {
  margin-top: 0.65rem;
}
.mar_t67 {
  margin-top: 0.67rem;
}
.mar_t70 {
  margin-top: 0.7rem;
}
.mar_t73 {
  margin-top: 0.73rem;
}
.mar_t75 {
  margin-top: 0.75rem;
}
.mar_t77 {
  margin-top: 0.77rem;
}
.mar_t80 {
  margin-top: 0.8rem;
}
.mar_t83 {
  margin-top: 0.83rem;
}
.mar_t85 {
  margin-top: 0.85rem;
}
.mar_t87 {
  margin-top: 0.87rem;
}
.mar_t90 {
  margin-top: 0.9rem;
}
.mar_t93 {
  margin-top: 0.93rem;
}
.mar_t95 {
  margin-top: 0.95rem;
}
.mar_t97 {
  margin-top: 0.97rem;
}
.mar_t100 {
  margin-top: 1rem;
}
.mar_t105 {
  margin-top: 1.05rem;
}
/* 文字颜色 */
.Coac {
  color: var(--active_color);
}
.Co99 {
  color: var(--color_999);
}
.Co66 {
  color: var(--color_666);
}
.Co33 {
  color: var(--color_333);
}
.Co22 {
  color: var(--color_222);
}
.Co00 {
  color: var(--color_000);
}
html{width: 100%;}
body{position: relative;font-size: 1.6rem; background: #fff;line-height: 1.5; color: var(--black1); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-family: 'HarmonyOS_Sans_SC', -apple-system, BlinkMacSystemFont,"PingFang SC", "Arial", "Microsoft YaHei", sans-serif;}
/*html,body{scroll-behavior: smooth;}*/
ol,ul,li{list-style: none;}
a{text-decoration: none; color: var(--black2); -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .4s ease; cursor: pointer;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
strong{font-weight: 800;}
img{border: 0; height: auto; vertical-align: middle;pointer-events: none;/*display: block;*/}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
button:focus{outline: 0;}
textarea{resize: none;}
video{outline: none;display: block;}
*{margin: 0;padding: 0;box-sizing: border-box;}

@keyframes textDash {to {stroke-dashoffset: 0;}}
.clearfix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;overflow: hidden;}
.relative{position: relative;}
.fl{float: left;}
.fr{float: right;}
.flex {display: flex;height: 100%;}
.content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 8rem;}
.pd50{padding: 0 5rem;}
.w1720{position: relative;max-width: 1720px;margin: 0 auto;padding-left: 10rem;padding-right: 10rem;}
.w1520{position: relative;width: 1520px;margin: 0 auto;}
.layui-layer-video{max-width: 1200px;}
.layui-layer-video video{display: block;width: 100%;}
.z9{position: relative;z-index: 9;}
.hide{display: none;}

.pdt5{padding-top: 5rem;}
.pdb5{padding-bottom: 5rem;}
.pdt10{padding-top: 10rem;}
.pdb10{padding-bottom: 10rem;}
.pdl1520{padding-left: calc((100% - 1520px)/2);}
.pdr1520{padding-right: calc((100% - 1520px)/2);}
.dhsn {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media screen and (max-width:1720px){
	.w1520{width: 1320px;}
	.pdl1520{padding-left: calc((100% - 1320px)/2);}
	.pdr1520{padding-right: calc((100% - 1320px)/2);}
}
@media screen and (max-width:1520px){
	.w1520{width: 1120px;}
	.pdl1520{padding-left: calc((100% - 1120px)/2);}
	.pdr1520{padding-right: calc((100% - 1120px)/2);}
}
@media screen and (max-width:1320px){
	.w1520{width: 1020px;}
	.pdl1520{padding-left: calc((100% - 1020px)/2);}
	.pdr1520{padding-right: calc((100% - 1020px)/2);}
}
@media screen and (max-width:1220px){
	.w1520{width: 980px;}
	.pdl1520{padding-left: calc((100% - 980px)/2);}
	.pdr1520{padding-right: calc((100% - 980px)/2);}
}
@media screen and (max-width:1024px){
	.w1520{width: 100%;padding-left: 2rem;padding-right: 2rem;}
	.pdl1520{padding-left: 2rem;}
	.pdr1520{padding-right: 2rem;}
}

@font-face {
	font-family: DIN;
	src: url(../fonts/DIN-BOLD.OTF);
	font-display: swap;
	unicode-range: U+0000-00FF;
}
@font-face {
	font-family: HarmonyOS_Sans_SC;
	src: url(../fonts/HarmonyOS_Sans_SC_Medium.woff2);
	font-display: swap;
}
@font-face {
	font-family: HarmonyOS_Sans_SC_Black;
	src: url(../fonts/HarmonyOS_Sans_SC_Bold.woff2);
	font-display: swap;
}







/* header */
.h-header{position: sticky;padding:0 20rem 0 10rem;top: 0;left: 0;width: 100%;z-index: 9998;background: #fff;box-shadow: 0 0 2rem 0 rgba(0,0,0,.1);transition: .4s;display: flex;align-items: center;}
.h-logo{display: block;width: 26rem;}
.h-logo img{display:block;width: 100%;}
.h-nav{display: flex;margin-left: auto;}
.h-nav .li{position: relative;margin-right: 5rem;}
.h-nav .li.active>a{color: var(--main-color);font-weight: bold;}
.h-nav .li>a{display: block;line-height: 10rem;font-size: 1.8rem;color: var(--black1);}
.h-nav .li>a:hover{color: var(--main-color);}
.h-search{display: flex;align-items: center;justify-content: center;width: 4rem;height: 4rem;background: var(--linear-bg);border-radius: 100%;cursor: pointer;}
.h-search img{display: block;width: 2rem;}

.h-subnav{display:none;position: fixed;left:0;top: 10rem;width: 100%;background: #fff;box-shadow: 0 4px 4px rgba(0, 0, 0, .07);border-top: 1px solid #efefef;transition: top .3s;}
.h-subnav ol{display: flex;justify-content: center;}
.h-subnav li+li{margin-left: 4rem;}
.h-subnav li a{display: block;line-height: 6rem;color: var(--black2);}
.h-subnav li a:hover{color: var(--main-color);}

.h-header.active .h-nav .li>a{line-height: 8rem;}
.h-header.active .h-subnav{top: 8rem;}



.wap_header{width: 100%; height: 7rem; padding: 0 3rem; display: none; justify-content: space-between; align-items: center; position: sticky;top: 0;left:0; z-index: 9999;box-sizing: border-box;background: #fff;box-shadow: 0 0 4px 0 rgba(0,0,0,.1);}
.wap_header .w-logo{height: 2.5rem;background-repeat: no-repeat;margin-right: auto;}
.wap_header .w-logo img{height: 100%;display: block;}
.wap_header .toggle{display: block; width: 3rem; height: 2.4rem; position: relative; z-index: 6;margin-left: 2rem;}
.wap_header .toggle i{display: block; width: 3rem; height: 0.2rem; background: #666; position: absolute; left: 0; transition: all ease .35s;}
.wap_header .toggle i:nth-of-type(1){top: 0;}
.wap_header .toggle i:nth-of-type(2){top: 1rem;}
.wap_header .toggle i:nth-of-type(3){top: 2rem;}
.wap_header .toggle.on i{background: var(--black1);}
.wap_header .toggle.on i:nth-of-type(1){top: 0.8rem; transform: rotate(45deg);}
.wap_header .toggle.on i:nth-of-type(2){width: 0;}
.wap_header .toggle.on i:nth-of-type(3){top: 0.8rem; transform: rotate(-45deg);}
.wap_header .maskbg{width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: none; position: fixed; left: 0; top: 0; z-index: 3;}
.wap_header .maskbg.on{display: block;}
.wap_header .nav{width: 30rem; background: #fff; height: 100vh; padding: 5.6rem 0 2rem 0; position: fixed; right: 0; top: 0; z-index: 5; transform: translateX(100%); opacity: 0; transition: transform .4s,opacity .4s;}
.wap_header .nav.open{transform: translateX(0); opacity: 1;}
.wap_header .nav > ul{height: calc(100vh - 7rem); margin: 0 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.wap_header .nav ul li{border-top: 1px solid #ddd; margin: 0 2rem; line-height: 4rem; font-size: 1.8rem; position: relative;overflow: hidden;}
.wap_header .nav > ul > li:first-child{border-top: 0 none;}
.wap_header .nav ul li a{height: 7rem; line-height: 7rem; display: block; padding-right: 3rem; font-size: 1.8rem; color: var(--black2);}
.wap_header .nav ul li a:active  {color: var(--main-color) !important;}
.wap_header .nav ul li ul{display: none;}
.wap_header .nav ul li i{width: 3rem; height: 7rem; font-size: 1.8rem; color: #9c9c9c; position: absolute; right: 0; top: 0; transition: transform .5s;}
.wap_header .nav ul li i.down{color: var(--main-color); transform: rotate(90deg);}
.wap_header .nav ul li .icon{background: url(../images/yjt.png)no-repeat;background-size: 2rem !important;background-position: center !important;}
.wap_header .nav ul li ul li{margin-right: 0;}
.wap_header .nav ul li ul li a{color: #666; height: 6rem; line-height: 6rem; font-size: 1.6rem;}
.wap_header .nav ul li ul li i{top: -1rem;}

.search-bg {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #f5f5f5;display: none;z-index: 99998;}
.search-alert {position: fixed;z-index: 100;background: rgba(0,0,0,.7);left: 0;top: 0;width: 100%;height: 100%;opacity: 1;z-index: 99999;}
.search-alert input::-webkit-input-placeholder {color: #fff !important;}
.search-alert input::-moz-placeholder {/* Mozilla Firefox 19+ */color: #fff !important;}
.search-alert input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #fff !important;}
.search-alert input:-ms-input-placeholder {/* Internet Explorer 10-11 */color: #fff !important;}
.search-alert .cent-form {opacity: 0;-webkit-transform: translate(0, 4rem);-ms-transform: translate(0, 4rem);transform: translate(0, 4rem);-webkit-transition: all .5s;transition: all .5s;}
.search-alert .close {width: 3rem;height: 3rem;position: absolute;top: 3.8rem;right: 2.6%;cursor: pointer;background: url(../images/close.png) no-repeat center;background-size: 1.8rem auto;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.search-alert .cent-form {position: absolute;width: 94.8%;left: 2.6%;top: 50%;height: 6rem;margin-top: -6.3rem;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.search-alert .cent-form:before {content: "";color: #fff;font-size: 3rem;position: absolute;left: 0;height: 5rem;width: 5rem;top: 50%;margin-top: -2.5rem;background: url(../images/z_img9.png) no-repeat center;background-size: 2.8rem auto;}
.search-alert .cent-form .tex {border: none;font-size: 4rem;height: 5rem;line-height: 5rem;text-align: center;width: 100%;color: #fff;background: none;padding-left: 10rem;padding-right: 14rem;box-sizing: border-box;}
.search-alert .cent-form .sub-butn {border: none;height: 5rem;font-size: .8rem;line-height: 5rem;color: #fff;text-align: right;background: none;position: absolute;right: 0;top: 0;width: 12rem;text-align: center;font-size: 2.6rem;cursor: pointer;}
.search-alert {-webkit-transform-origin: bottom center;-ms-transform-origin: bottom center;transform-origin: bottom center;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transition: -webkit-transform .3s .5s;transition: transform .3s .5s;}
.search-alert.active {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transition: -webkit-transform .3s;transition: transform .3s;}
.search-alert.active .cent-form {opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: all .5s .3s;transition: all .5s .3s;}

@media screen and (max-width:1620px) {
	.h-header{padding: 0 10rem 0 10rem;}
}
@media screen and (max-width:1420px) {
	.h-nav .li{margin-right: 4rem;}
}
@media screen and (max-width:1024px) {
	.h-header{display: none;}
	.wap_header{display: flex;}
	.pdt10{padding-top: 8rem;}
	.pdb10{padding-bottom: 8rem;}
	
	.search-alert .cent-form{height: 5rem;}
	.search-alert .cent-form:before{zoom: .8;margin-top: -3rem;}
	.search-alert .cent-form .tex{padding: 0 6rem 0 4rem;font-size: 1.8rem;}
	.search-alert .cent-form .sub-butn{font-size: 1.6rem;width: 6rem;}
	.search-alert .cent-form:before{zoom: .8;margin-top: -3rem;}
	.search-alert .cent-form .tex{padding: 0 6rem 0 4rem;font-size: 1.8rem;}
	.search-alert .cent-form .sub-butn{font-size: 1.6rem;width: 6rem;}
}
@media screen and (max-width:768px) {
	.wap_header{padding: 0 2rem;}
}




.mySwiperBanner{position: relative;overflow: hidden;}
.mySwiperBannerPC{display:block}
.mySwiperBannerWAP{display: none;}
.mySwiperBanner .img{display: block;width: 100%;position: relative;}
.mySwiperBanner .img img,.mySwiperBanner .img video{display: block;width: 100%;max-height: calc(100vh - 10rem);object-fit: cover;object-position: center;}
.bPoint{position: absolute;top: 10%;left: 10%;}
.bPoint .desc{position: relative;display: flex;align-items: center;justify-content: center;width: 18rem;height: 4.5rem;background: rgba(255,255,255,.6);border-radius: 1rem;}
.bPoint span{display: block;font-size: 1.8rem;color: #022A89;}
.bPoint .desc .line{display: block;position: absolute;width: 1.3rem;height: 1.3rem;border: 3px solid #E62028;transition: .5s;}
.bPoint .desc .line.l1{top: 0;left: 0;border-bottom: none;border-right: none;border-radius: 1rem 0 0 0;}
.bPoint .desc .line.l2{top: 0;right: 0;border-bottom: none;border-left: none;border-radius: 0 1rem 0 0;}
.bPoint .desc .line.l3{bottom: 0;right: 0;border-top: none;border-left: none;border-radius: 0 0 1rem 0;}
.bPoint .desc .line.l4{bottom: 0;left: 0;border-top: none;border-right: none;border-radius: 0 0 0 1rem;}
.bPoint:hover .desc .line{width: 50%;height: 50%;}

.bPoint .point {position: relative;animation: bordershow 3s infinite;z-index: 99;position: relative;}
.bPoint .point {display: block;width: 1.4rem;height: 1.4rem;background: #E62028;border-radius: 50%;margin-right: 1.2rem;}
.bPoint .point::before {content: '';display: block;position: absolute;left: 50%;top: 50%;z-index: -1;transform: translate(-50%, -50%);width: 2rem;height: 2rem;border-radius: 50%;background: rgba(230, 32, 40, 0.2);}
.bPoint .point::after {content: '';display: block;position: absolute;left: 50%;top: 50%;z-index: -1;transform: translate(-50%, -50%);width: 2rem;height: 2rem;border-radius: 50%;background: rgba(230, 32, 40, 0.2);}
.bPoint .point::before {animation: boderM 2s .75s infinite;}
.bPoint .point::after {animation: boderM 2s infinite;}
@keyframes boderM {
	0% {transform: translate(-50%, -50%) scale(1);opacity: 0}
	20% {opacity: 1}
	75% {transform: translate(-50%, -50%) scale(2);opacity: 0}
	100% {opacity: 0}
}

.mySwiperBanner .swiper-pagination{display: flex;align-items: center;justify-content: center;bottom: 5rem;}
.mySwiperBanner .swiper-pagination-bullet{display: block;width: 1rem;height: 1rem;position: relative;background: #FFFFFF;border-radius: 50%;opacity: 0.5;margin: 0 1rem!important;transition: .3s;}
.mySwiperBanner .swiper-pagination-bullet::after{content: "";display: block;width: 2rem;height: 2rem;border-radius: 50%;border: 1px solid #fff;position: absolute;box-sizing: border-box;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: .3s;}
.mySwiperBanner .swiper-pagination-bullet-active{opacity: 1;}
.mySwiperBanner .swiper-pagination-bullet-active::after{opacity: 1;}
@media screen and (max-width:768px) {
	.mySwiperBannerPC{display:none;}
	.mySwiperBannerWAP{display: block;}
	.mySwiperBanner .swiper-pagination {bottom: 2rem;}
}

.swiper-slide-active .bPoint:nth-of-type(1){animation: fadeInUp .8s .1s ease both;}
.swiper-slide-active .bPoint:nth-of-type(2){animation: fadeInUp .8s .2s ease both;}
.swiper-slide-active .bPoint:nth-of-type(3){animation: fadeInUp .8s .3s ease both;}
.swiper-slide-active .bPoint:nth-of-type(4){animation: fadeInUp .8s .4s ease both;}
.swiper-slide-active .bPoint:nth-of-type(5){animation: fadeInUp .8s .5s ease both;}
.swiper-slide-active .bPoint:nth-of-type(6){animation: fadeInUp .8s .6s ease both;}
.swiper-slide-active .bPoint:nth-of-type(7){animation: fadeInUp .8s .7s ease both;}
.swiper-slide-active .bPoint:nth-of-type(8){animation: fadeInUp .8s .8s ease both;}
.swiper-slide-active .bPoint:nth-of-type(9){animation: fadeInUp .8s .9s ease both;}
.swiper-slide-active .bPoint:nth-of-type(10){animation: fadeInUp .8s 1s ease both;}





.indA{display: flex;align-items: center;justify-content: center;width: 12rem;height: 5rem;background: var(--gray);border-radius: 2.5rem;font-size: 1.8rem;color: var(--black2);cursor: pointer;overflow: hidden;}
.indA.active,.indA:hover{background: var(--main-color);color: var(--white);}

.indA2{display: flex;align-items: center;justify-content: center;min-width: 12rem;height: 5rem;padding: 0 3rem;background: #FFFFFF;border-radius: 2.5rem;border: 1px solid var(--main-color);color: var(--main-color);overflow: hidden;transition: .3s;}
.indA2 img{display: block;width: 0.8rem;margin-left: 1rem;transition: .3s;}
.indA2:hover{border: none;color: var(--white);transform: translateY(-0.5rem);box-shadow: 0 1rem 1rem rgba(0, 0, 0, .07);}
.indA2:hover img{filter: brightness(0) invert(1);}

.indTitBox{display: flex;padding: 9rem 0 4rem;}
.indTitBox .indA{margin-top: auto;}
.indTitBox.pd0{padding: 0;}
.indTit{display: flex;flex-direction: column;align-items: flex-start;margin: auto auto auto 0;}
.indTit .atit{font-size: 4rem;color: var(--main-color);line-height: 1.25;background: var(--linear-bg);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;}
.indTit .btit{font-size: 2.4rem;color: var(--black1);line-height: 1.25;margin-top: 1rem;}
.indTit.white .btit{color: #fff;}

.titSel{display: flex;flex-wrap: wrap;margin: -0.75rem;}
.titSel .indA{margin: 0.75rem;}

.hoverBg{position: relative;z-index: 9;}
.hoverBg::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: var(--linear-bg);opacity:0;z-index: -1;transition: .3s;}
.hoverBg:hover{border-color:transparent!important;color: #fff!important;}
.hoverBg:hover::after{opacity: 1;}
@media screen and (max-width:768px){
	.indTitBox{flex-direction: column;padding: 8rem 0 4rem;}
	.indTit{margin-bottom: 2rem;}
	.titSel{margin: -0.5rem;}
	.titSel .indA{margin: 0.5rem;}
}



.sec1,.sec2,.sec3,.sec4,.sec5,.sec6{overflow: hidden;}

.sec1{padding:4rem 0;}
.sec2{padding:4rem 0;}
.sec3{padding:4rem 0;}
.sec4{padding-top:4rem;}
.sec6{padding-top:4rem;}


.indCaseList{display: flex;flex-wrap: wrap;margin: -2.4rem;}
.indCaseItem{display: block;width: calc(33.333% - 4.8rem);margin: 2.4rem;transition: .3s;}
.indCaseItem .img{border-radius: 2rem;overflow: hidden;transition: .3s;}
.indCaseItem .img img{display: block;width: 100%;}
.indCaseItem .desc{display: flex;flex-direction: column;align-items: flex-start;}
.indCaseItem .desc .atit{font-size: 2.4rem;color: var(--black1);line-height: 4.2rem;font-weight: bold;margin: 3rem 0 0rem;}
.indCaseItem .desc .btit{font-size: 1.6rem;color: var(--black2);line-height: 2.4rem;margin-bottom: 1rem;}
.indCaseItem .desc .ctit{margin-top: 1.5rem;}
.indCaseItem:hover{transform: translateY(-1rem);}
.indCaseItem:hover .img{box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, .07);}
@media screen and (max-width:1024px){
	.indCaseList{margin: -1.5rem;}
	.indCaseItem{width: calc(33.333% - 3rem);margin: 1.5rem;}
}
@media screen and (max-width:768px){
	.indCaseItem{width: 100%;}
	.indCaseItem .desc .atit{margin: 1rem 0 0;}
	
}



.sec2{background: var(--gray);}
.indCaseSelList{display: flex;flex-wrap: wrap;justify-content: space-between;width: calc(50% - 5rem);}
.indCaseSel{display: block;text-align: center;cursor: pointer;}
.indCaseSel i{display: flex;align-items: center;justify-content: center;background: var(--white);width: 6rem;height: 6rem;border-radius: 100%;overflow: hidden;}
.indCaseSel i img{display: block;width:3.2rem;transition: .3s;}
.indCaseSel.active i::after{opacity: 1;}
.indCaseSel.active i img{filter: brightness(0) invert(1);}
.indCaseSel span{display: block;font-size: 1.6rem;color: var(--black2);line-height: 3.4rem;}

.indCaseBox{display: none;}
.indCaseBox.active{display: flex;}
.indCaseLeft{width: calc(50% - 5rem);margin-right: auto;display: flex;flex-direction: column;align-items: flex-start;}
.indCaseLeft .atit{font-size: 3rem;color: var(--black1);line-height: 4rem;font-weight: bold;}
.indCaseLeft .btit{font-size: 1.8rem;color: var(--black3);line-height: 2.8rem;margin: 1rem 0 2.5rem;}
.indCaseLeft .ctit{margin-top: 4rem;}
.caseImgList{display: flex;flex-wrap: wrap;margin: -1.5rem;}
.caseImgItem{display: block;width:calc(20% - 3rem);margin: 1.5rem;overflow: hidden;border-radius: 1rem;text-align: center;}
.caseImgItem img{display: block;width: 100%;}
.caseImgItem span{display: block;width: 100%;background: var(--white);font-size: 1.6rem;color: var(--black2);height: 3rem;line-height: 3rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indCaseRight{width: calc(50% - 5rem);}
.indCaseRight .img{width:100%;border-radius: 2rem;overflow: hidden;}
.indCaseRight .img img{display: block;width: 100%;height:100%;object-fit: cover;}
.mySwiperApp{display: block;width: 100%;position: relative;border-radius: 2.5rem;overflow: hidden;}
.mySwiperApp .img{display: block;width: 100%;}
.mySwiperApp .img img{display: block;width: 100%;}
.mySwiperApp .swiper-pagination{display: flex;bottom: 4rem;right: 4rem;left: auto;width: auto;}
.mySwiperApp .swiper-pagination-bullet{display: block;width: 1rem;height: 1rem;background: var(--white);opacity: .5;transition: .3s;margin: 0.75rem!important;}
.mySwiperApp .swiper-pagination-bullet-active{opacity: 1;}

@media screen and (max-width:1024px){
	.indCaseSelList{width: calc(50% - 2rem);}
	.indCaseLeft{width: calc(50% - 2rem);}
	.indCaseRight{width: calc(50% - 2rem);}
	.caseImgList{margin: -1rem;}
	.caseImgItem{width: calc(20% - 2rem);margin: 1rem;}
}
@media screen and (max-width:768px){
	.indCaseSelList{width: 100%;}
	.indCaseLeft{width: 100%;margin-bottom: 5rem;margin-top: -2rem;}
	.indCaseRight{width: 100%;}
	.indCaseBox{flex-wrap: wrap;}
	.caseImgList{margin: -0.5rem;}
	.caseImgItem{width: calc(20% - 1rem);margin: 0.5rem;}
	.mySwiperApp .swiper-pagination{bottom: 1rem;right: 2rem;}
	.indCaseLeft .ctit {margin-top: 3rem;}
}



.sec3{background-size: cover;background-position: center;position: relative;}
.sec3:before{content: "";display: block;width: calc((100% - 1520px)/2);height: 100%;position: absolute;top: 0;left: 0;background-image: url(../images/sec3Txt.png);background-repeat: no-repeat;background-size: contain;background-position: center;}
.sec3>div{position: relative;z-index: 99;}
.coreBox{max-width: 75rem;}
.coreContentList{margin-bottom: 6rem;}
.coreContentList .coreContent{display: none;font-size: 1.8rem;color: var(--white);line-height: 2.8rem;}
.coreContentList .coreContent.active{display: block;animation: fadeInUp .6s .1s ease both;}
.CoreSelList{display: flex;flex-wrap: wrap;max-width: 55rem;}
.CoreSelList .coreSel{font-size: 4rem;line-height:1.2;color: rgba(255,255,255,.5);font-weight: bold;margin-top: 8rem;transition: .3s;cursor: pointer;}
.CoreSelList .coreSel:nth-of-type(2n){margin-left: 10rem;}
.CoreSelList .coreSel.active{color: var(--white);}
@media screen and (max-width:1024px){
	.coreContentList {margin-bottom: 4rem;}
	.CoreSelList .coreSel{margin-top: 6rem;}
}
@media screen and (max-width:768px){
	.CoreSelList{max-width: 40rem;}
	.CoreSelList .coreSel{font-size: 3.2rem;margin-top: 4rem;}
	.CoreSelList .coreSel:nth-of-type(2n) {margin-left: 6rem;}
}


.sec4{background: url(../images/sec4Bg.jpg) center/cover;}
.indAbout{display: flex;flex-wrap: wrap;}
.iAbDesc{width: calc(50% - 2rem);margin-right: auto;display: flex;flex-direction: column;align-items: flex-start;}
.iAbDesc .indA2{margin: auto 0 0;}
.iAbAtit{font-size: 1.6rem;color: var(--black3);line-height: 1.65;margin: 4rem 0;}
.iAbAtit p+p{margin-top: 1rem;}
.iAbImg{width: calc(50% - 5rem);border-radius: 2rem;overflow: hidden;position: relative;}
.iAbImg img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}

.iAbNumList{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-around;margin-top: 7rem;}
.iAbNumItem{text-align: center;}
.iAbNumItem p{display: flex;line-height: 1.2;}
.iAbNumItem p strong{font-size: 6rem;font-weight: bold;font-family: DIN;color: var(--main-color);background: linear-gradient(60deg, #1934F4 0%, #12C54F 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.iAbNumItem p sup{font-size: 4.8rem;font-weight: bold;font-family: DIN;color: #12C54F;transform: translateY(-1rem);}
.iAbNumItem span{font-size: 1.6rem;color: var(--black3);}

.videoPlay{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 16rem;cursor: pointer;}
.videoPlay .img2{position: absolute;top: 0;left: 0;animation: circle 4s infinite linear;}
.videoPlay img{display: block;width: 100%;position: relative;z-index: 9;}
@keyframes circle{0%{transform: rotate(0deg);}100%{transform: rotate(365deg);}}
.videoOpen{cursor: pointer;}

@media screen and (max-width:768px) {
	.iAbAtit{margin: 2rem 0 2rem;}
	.iAbDesc{width: 100%;margin-bottom: 4rem;}
	.iAbImg{width: 100%;}
	.iAbNumList{margin: 3rem -1rem -1rem;justify-content: space-evenly;text-align: center;width: auto;}
	.iAbNumItem{width: calc(33.333% - 2rem);margin: 1rem;}
	.iAbNumItem p{justify-content: center;}
	.iAbNumItem p strong{font-size: 4rem;}
	.iAbNumItem p sup{font-size: 3rem;}
	.iAbNumItem p sup.f3{font-size: 2.4rem;}
	.sec4 .pdb10{padding-bottom: 3rem;}
}




.sec5{overflow: hidden;}
.SwiperIndCase{display: block;width: 100%;box-sizing: border-box;overflow: hidden;position: relative;}
.indStrItem {display: block;width: 100%;border-radius:2rem;overflow: hidden;}
.indStrItem img{display: block;width: 100%;transition: .4s;}
.indStrItem .font{display: block;width: auto;height: 8rem;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;position: absolute;left: 0;bottom: 0;background-color: rgba(255,255,255,.9);padding: 0 4rem;border-radius: 0 2rem 0 0;max-width: 90%;transition: all .3s;}
.indStrItem .font h3{font-size: 2.4rem;color: var(--black2);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indStrItem .r-text{position: absolute;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;position: absolute;height: calc(100% - 14rem);left: 3rem;top: 4rem;}
.indStrItem .r-text span{font-size: 1.4rem;color: #12C54F;text-transform: uppercase;writing-mode: tb;letter-spacing: 2px;}
.indStrItem .r-text:after{content: '';display: block;width: 1px;height: 8rem;background-color: #12C54F;margin-top: 1rem;}
.indStrItem:hover img{transform: scale(1.04);}
@media screen and (max-width:768px) {
	.indStrItem .font{height: 6rem;padding: 0 3rem;}
	.indStrItem .font h3{font-size: 2rem;}
}



.sec6{margin-top: 2rem;}
.indNewsBox{display: flex;}
.indNewsLeft{width: calc(50% - 5rem);margin-right: auto;}
.indNewsRight{width: calc(50% - 5rem);}
.indNewsItem{display: flex;flex-wrap: wrap;}
.indNewsItem .img{border-radius: 2rem;overflow: hidden;}
.indNewsItem .img img{display: block;width: 100%;height:100%;object-fit: cover;object-position: center;}
.indNewsItem .desc .atit{font-size: 2rem;color: var(--black1);line-height: 5rem;height: 5rem;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indNewsItem .desc .btit{font-size: 1.6rem;color: var(--black3);line-height: 2.6rem;height: 5.2rem;margin: 1rem 0 1.5rem;display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.indNewsItem .desc .ctit{font-size: 1.8rem;color: var(--main-color);line-height: 3rem;font-weight: bold;font-family: DIN;}
.indNewsLeft .indNewsItem .img{width:100%;height: 40rem;}
.indNewsLeft .indNewsItem .desc{width:100%;padding: 1rem 0;}
.indNewsRight .indNewsItem+.indNewsItem{margin-top: 4rem;}
.indNewsRight .indNewsItem .img{width:25rem;height: 16rem;}
.indNewsRight .indNewsItem .desc{width: calc(100% - 28rem);margin-left: auto;}
@media screen and (max-width:1024px){
	.indNewsLeft{width: calc(50% - 2rem);}
	.indNewsRight{width: calc(50% - 2rem);}
}
@media screen and (max-width:768px){
	.indNewsBox{flex-wrap: wrap;}
	.indNewsLeft{width: 100%;}
	.indNewsRight{width: 100%;}
	.indNewsItem .desc .btit{margin: 0 0 1rem;}
	.indNewsLeft .indNewsItem .img{height: 30rem;}
	.indNewsRight .indNewsItem{margin-top: 2rem!important;}
	.indNewsRight .indNewsItem .img{width: 20rem;height: 15rem;}
	.indNewsRight .indNewsItem .desc{width: calc(100% - 22rem);}
}



.f-footer{background: #282828;position: relative;overflow: hidden;}
.f-footer::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top:0;right: calc((100% - 1520px)/2 + 1520px * 0.68);background: #252525;}
.foot1{padding: 8rem 0 4rem;position: relative;z-index: 99;}
.foot1>div{display: flex;}
.f-logo{display:block;width: 26rem;}
.f-logo img{display:block;width: 100%;}
.f-desc{width: 32%;}
.f-info{margin-top: 5rem;}
.f-info p{display: block;font-size: 1.6rem;color: #999999;line-height: 1.35;margin-bottom: 1.8rem;}
.f-info p span{color: #fff;}
.f-info p strong{font-size: 3rem;font-family: DIN;font-weight: bold;background: var(--linear-bg);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.f-nav{width: 68%;padding-left: 10rem;display: flex;justify-content: space-between;}
.f-nav .dt::after{content: "";display: block;width: 3rem;height: 2px;background: #ffffff;margin: 2rem 0 2rem;}
.f-nav .dt a,.f-nav .dt span{display: block;font-size: 1.8rem;color: #FFFFFF;line-height: 1.35;}
.f-nav .dd a,.f-nav .dd span{display: block;font-size: 1.6rem;color: #999999;line-height: 1.35;}
.f-nav .dd{margin-bottom: 1.8rem;}

.ewmImgList{border-radius: 1rem;overflow: hidden;}
.ewmImgList .img{display: none;width: 15rem;}
.ewmImgList .img.active{display: block;}
.ewmImgList .img img{display: block;width: 100%;}
.ewmSelList{display: flex;justify-content: space-between;margin-top: 1.5rem;}
.ewmSel{display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;width: 4rem;height: 4rem;border-radius: 50%;transition: .3s;cursor: pointer;border: 1px solid #FFFFFF;}
.ewmSel img{display: block;width: 2rem;}
.ewmSel::after{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #12C54F;transition: .4s;opacity: 0;}
.ewmSel.active::after{opacity: 1;}
.ewmSel.active{border: none;}

.foot2{padding: 1.4rem 0;border-top: 1px solid #333;}
.foot2>div{display: flex;align-items: center;position: relative;z-index: 999;}
.f2l a,.f2l span{font-size: 1.4rem;color: #999999;line-height: 1.35;display: inline-block;}
.f2l{max-width: 40%;}
.f2r{margin-left: auto;}
.yqlj_box{position: relative;display: block;border: 1px solid #252525;border-radius: 1rem;}
.yqlj{display: flex;flex-direction: row-reverse;background:#333333;border-radius: 1rem;}
.yqlj span{display: block;height: 5rem;line-height: 4.8rem;color: #ffffff;box-sizing: border-box;padding: 0 1.8rem 0 5rem;background: url(../images/yqlj.png) no-repeat;background-position: 1.5rem 1.4rem;font-size: 1.6rem;opacity: .7;}
.yqlj i.jt{display:block;height: 5rem;width: 5rem;margin: 0;background: url(../images/downjt.png) no-repeat #252525;background-position: center !important;cursor: pointer;transition: .3s;overflow: hidden;}
.yqlj_list{display: none;position: absolute;width: 100%;bottom: 5.1rem;left: 0;background: #333333;text-align: center;border-radius: 1rem;}
.yqlj_list a{display: block;color: #999;height: 5rem;line-height: 5rem;}
.yqlj_list a:hover{color: #fff;}

.f-footer a:hover{color: #fff;opacity: .8;}
@media screen and (max-width:1720px){.f-footer::after{right: calc((100% - 1320px)/2 + 1320px * 0.68);}}
@media screen and (max-width:1520px){.f-footer::after{right: calc((100% - 1120px)/2 + 1120px * 0.68);}}
@media screen and (max-width:1320px){.f-footer::after{right: calc((100% - 1020px)/2 + 1020px * 0.68);}}
@media screen and (max-width:1220px){.f-footer::after{right: calc((100% - 980px)/2 + 980px * 0.68);}}
@media screen and (max-width:1024px){.f-footer::after{right: 68%;}}
@media screen and (max-width:768px){
	.f-footer::after{display: none;}
	.foot1>div{flex-wrap: wrap;}
	.f-desc{width: calc(100% - 15rem);padding-right: 2rem;}
	.f-nav{padding-left: 0;width: auto;}
	.f-nav .dl.w{display: none;}
	.f-nav .dt a, .f-nav .dt span{font-size: 2rem;}
	.f-info p{font-size: 1.8rem;line-height: 1.5;}
	.f2l a, .f2l span{font-size: 1.6rem;}
	.f2l{max-width: 100%;text-align: center;}
	.f2r{display: none;}
}




.nyBanner{position: relative;}
.nyBanner .img img{display: block;width: 100%;object-fit: cover;}
.nyBanner .desc{position: absolute;top: 50%;left: 0%;width: 100%;transform: translateY(-50%);display: flex;flex-direction: column;align-items: center;}
.nyBanner .desc .atit{height: 10rem;width:100%;}
.nyBanner .desc .atit text{font-family: Airal;font-size:10rem;font-weight: bold;text-transform: uppercase;letter-spacing: 2px;fill: transparent;stroke: white;stroke-width: 0.5;stroke-dasharray: 800;stroke-dashoffset: 800;animation: textDash 5s 1s linear infinite;opacity: .6;}
.nyBanner .desc .btit{font-size: 6rem;font-weight: bold;color: #FFFFFF;line-height: 1;margin-top: -5rem;position: relative;z-index: 9;}


.nyBanner .bannerBar{position: absolute;left:0;bottom: 0;width:100%;border-top: 1px solid rgba(255,255,255,.2);background-color: rgba(0,0,0,.2);}
.nyBanner .bannerBar>div{min-height: 8rem;display: flex;align-items: center;}
.barNav{display: flex;}
.barNav a{display: flex;align-items: center;justify-content: center;font-size: 1.8rem;color: #FFFFFF;height: 8rem;min-width: 16rem;border-right: 1px solid rgba(255,255,255,0.2);border-left: 1px solid rgba(255,255,255,0.2);}
.barNav a+a{margin-left: -1px;}
.barNav a i{display: block;width: 0.5rem;height: 0.5rem;background: #FFFFFF;margin-right: 1rem;}
.barNav a.active,.barNav a:hover{background: #005BA8;border-color: #005BA8;color: #fff;}
.barNav a.active+a,.barNav a:hover+a{border-left-color: #005BA8;}
.mbx{display: flex;align-items: center;justify-content: center;margin: auto 0 auto auto;}
.mbx img{margin-left: 2rem;}
.mbx span,.mbx a{display: block;font-size: 1.6rem;color: #FFFFFF;line-height: 1.2;margin-left: 2rem;}
.mbx a:hover{opacity: .8;}

.mbx2{position: absolute;bottom: 0;width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.2);}
.mbx2>div{display: flex;justify-content: flex-end;align-items: center;height: 8rem;}
.mbx2 a,.mbx2 span{display: block;font-size: 1.6rem;color: #fff;line-height: 1.2;}
.mbx2 a{margin-right: 2rem;}
.mbx2 img{display: block;margin-right: 2rem;}
.mbx2 a:hover{opacity: .75;}



.nyNav{background: #fff;border-bottom: 1px solid #eee;}
.nyNav>div{display: flex;border-left: 1px solid #eee;border-right: 1px solid #eee;}
.nyNavItem{width: 100%;text-align: center;padding: 3rem 1.5rem;}
.nyNavItem+.nyNavItem{border-left: 1px solid #eee;}
.nyNavItem .img{position: relative;width: 5rem;margin: 0 auto 1.2rem;}
.nyNavItem .img img{display: block;width: 100%;transition: .3s;filter: grayscale(100%) brightness(0.5);}
.nyNavItem p{position: relative;display: block;font-size: 1.6rem;color: #000000;line-height: 1.35;transition: .3s;}
.nyNavItem:hover .img img,.nyNavItem.active .img img{filter: brightness(0) invert(1);}
.nyNavItem:hover p,.nyNavItem.active p{color: #fff;}


.nyTit{text-align: center;padding: 9rem 0 5rem;}
.nyTit .atit{font-size: 4rem;color: #1A2C5C;line-height: 1.2;font-weight: bold;}
.nyTit .line{display: block;width: 35px;height: 2px;background: linear-gradient(90deg, #005BA8, #008ED6);margin: 1.5rem auto 0;}


@media screen and (max-width:768px){
	
	.nyBanner .bannerBar{display: none;}
	.nyBanner .img img{min-height: 30rem;}

	.nyBanner .mbx2>div{min-height: 7rem;}
	.nyBanner .mbx2 a, .nyBanner .mbx2 span{font-size: 1.8rem;}
	
	.nyBanner .desc .atit{height: 6rem;}
	.nyBanner .desc .atit text{font-size: 6rem;}
	.nyBanner .desc .btit{font-size: 5rem;margin-top: -2.5rem;}
	
	.nyNavItem{padding: 2rem 1.2rem;}
	.nyNavItem .img{zoom: .75;}
	.nyNavItem p{font-size: 1.8rem;}
	
	
	
	
	
	.mbx2 a{margin-right: 1rem;}
	.mbx2 img{margin-right: 1rem;}

	
}


.box_info {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media (max-width:990px) {
  .box_info {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 0.5rem;
  }
  .box_info .left_box,
  .box_info .right_box {
    width: 100% !important;
    height: auto;
  }
}
.ins_title {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}
.tc{text-align: center;}

.mySwiperHonor{position:relative;overflow: hidden;}
.mySwiperHonor .swiper-slide{width: 420px;transition: .3s; height: auto;}
.mySwiperHonor .swiper-slide .img{display: flex;align-items: center;justify-content: center;height: 100%;}
.mySwiperHonor img{display: block;width: 100%;}
.mySwiperHonorText{position:relative;overflow: hidden;max-width: 72rem;margin: 2rem auto 0;text-align: center;}
.mySwiperHonorText .atit{font-size: 2rem;color: #000000;line-height: 1.35;}
.mySwiperHonorText .btit{font-size: 1.8rem;color: #333333;line-height: 1.5;margin-top: 1.2rem;}
@media screen and (max-width:1720px) {
	.mySwiperHonor .swiper-slide{width: 320px;}
}
@media screen and (max-width:1199px) {
	.mySwiperHonor .swiper-slide{width: 240px;}
}



.center{text-align:center;}


.pagesDiv{padding: 3rem 0 6rem;}
.pagination{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.pagination li{display: block;margin: 0.5rem;}
.pagination li span,.pagination li a{display: flex;align-items: center;justify-content: center;font-size: 1.8rem;font-weight: bold;width: 4rem;height: 4rem;background: #EFEFEF;border-radius: 50%;}
.pagination li a:hover{background: var(--main-color);color: #fff;}
.pagination li.active span{background: var(--main-color);color: #fff;}
.pagination li.disabled span{color: #666;cursor: no-drop;}


.fwbContent img{display: block;max-width: 100%;margin: 0 auto;height: auto!important;}