@charset "UTF-8";
/*html5*/

/* * { touch-action: pan-y; } */
/* * { touch-action: none; } */
.html_page {
    position: relative;
    z-index: 9;
    background: #fff;
}
body {overflow-x:hidden !important;}

/* 通用样式 */
.relative {position: relative;}
.bg_white {background-color: #FFF;background-repeat: no-repeat; background-size: 100%;}.f_white {color: #FFF;}
.bg_gray {background-color: #F7F7F7;background-repeat: no-repeat; background-size: 100%;}
.t-center {text-align: center;}
.space-between {justify-content: space-between;}
.justify-center {-webkit-justify-content: center; justify-content: center;}
.pic_box .show { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-position: center; background-size: cover; z-index: 10;}

/* 多语言调整 */
.lan_en .index_public_en,.lan_en  .business_list li .i-box p.subtitle,.lan_en .public_banner_max {display: none;}
.lan_en .business_list li .i-box h4.title {font-size: 1vw;}
.lan_en .index_product_text,.lan_en .index_news_item_title a{text-align: left;}
.lan_en .public_banner_text{font-family: "Manrope-Bold", "Microsoft YaHei"; text-transform: uppercase;}
.lan_en .header_nav_item {margin: 0 2vw;}
.lan_en .header_nav_item .subnav li a {line-height: 1vw; padding: 0.5vw 1.5vw;}
.lan_en .lan_en .header_nav_item .subnav li a {padding: 0.5vw 1.5vw;}
.lan_en .header_nav_item .subnav {width: auto;left: auto; right: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); min-width: max-content;}
.lan_en .header_nav_item:hover .subnav {transform: translateX(-50%)}
.lan_en .header_nav_item .bgshow,.lan_en .index_product_item_text {display: none;}

/* 首页全屏视频 */
.t-uppercase {text-transform: uppercase;}
#bg_video{overflow: hidden;position: relative;z-index: 100;width: 100%;height: 100vh;}
#background_video{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;height: 100%;width: 100%;}
#video_cover{position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100px; height: 100px; margin: auto; background: url(/static/images/icon/loading.gif) center;content: ''; z-index: 1; background-repeat: no-repeat;}
#video_controls{position: absolute;left: 50%;transform: translate(-50%, 0);}
@media (min-width: 768px){#video_controls{display: none;}}
#overlay{position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: url(../images/banner_bg.png); opacity: 0.7;z-index: 2;}
#main_content{z-index: 2;position: relative;display: inline-block;/* Vertical center*/top: 0;/* transform: translateY(-50%); */height: 100%;width: 100%;}
#main_content h1{text-transform: uppercase;font-weight: 600;font-family: 'proxima-nova-condensed', Helvetica;color: #fff;font-size: 35px;}
#main_content .sub_head{color: rgba(255,255,255,0.5);font-size: 18px;}
#main_content .info{color: rgba(255,255,255,0.5);font-size: 12px;margin-top: 10px;}

.header_black .logo,.header_page_wrap .logo,.header_page_wrap.header_active .logo { background: url(../images/logo.png); background-repeat: no-repeat; background-size: auto 85%; background-position: left;}
.header_index_white .logo {background: url(../images/logo-on.png); background-repeat: no-repeat; background-size: auto 85%; background-position: left;}

#main_content{z-index:2;position:relative;display:inline-block;top:0;height:100%;width:100%}
#main_content h1{text-transform:uppercase;font-weight:600;font-family:'proxima-nova-condensed',Helvetica;color:#fff;font-size:35px}
#main_content .sub_head{color:rgba(255,255,255,0.5);font-size:18px}
#main_content .info{color:rgba(255,255,255,0.5);font-size:12px;margin-top:10px}
#main_content .cent-cont{position:absolute;left:0;top:42%;margin-top:-120px;color:#fff;z-index:3;right:0}
#main_content .word{color:#fff;width:65%;margin: auto;text-align: center;}
#main_content .t-center .word{width:65%}
#main_content .word h3.title,.i-ban li .word p.description{font-size: 2.7208333vw;position:relative;filter:alpha(opacity=0);letter-spacing:0.02em;font-weight:bold;line-height:1.3em;}
#main_content .word p.description{font-size: 20px;line-height:1.7em;letter-spacing:0.02em;opacity:0.9;font-weight: 100;margin-top: 30px;}
.banner-link {margin-top: 100px;}
.banner-link a{border:none;background: #ffffff;color: #1d2088;letter-spacing:0.05em;font-size:15px;line-height: 55px;height: 55px;width: 180px;border-radius: 50px;}
.banner-link a.go{color:#104098;background:#fff}
.banner-link a i{transition:all 0.3s ease 0s;text-indent:-30px;display:inline-block;opacity:0}
.banner-link a i:before { font-size: 20px; vertical-align: middle;}
.banner-link a:hover,.banner-link a.go:hover{background: #1d2088;color:#FFF}
.banner-link a:hover i,.banner-link a.go i{text-indent:5px;opacity:1;width:auto;font-size:13px}
#main_content .banner-link a{margin-right: 0;}
#main_content .arrow{position:absolute;left:0;right:0;bottom:50px;z-index:10;width: 25px;height: 40px;border-radius:50px;line-height: 40px;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;border:2px solid #ffffff3b;font-size:12px;    margin: 0 auto;}
#main_content .arrow:hover{background:rgba(255,255,255,.15);border:2px solid rgb(255 255 255)}
#main_content .arrow i{font-size:15px;color:#fff}
#main_content .arrow a {width: 100%; height: 100%; padding-top: 10px;}
#main_content .arrow span {display: block;width: 2px; height: 10px;background: #fff;margin: auto; }
@-webkit-keyframes arrow{0%{bottom:75px;opacity:0.5}
50%{bottom:50px;opacity:1}
100%{bottom:75px;opacity:0.5}
}@keyframes arrow{0%{bottom:75px;opacity:0.5}
50%{bottom:50px;opacity:1}
100%{bottom:75px;opacity:0.5}
}

svg {
    width: 100%;
}

/* 业务分类 */
.business_list {position: absolute; z-index: 999; bottom: 0; left: 0; right: 0; background: rgb(255 255 255 / 15%); backdrop-filter: blur(10px);border-top: 1px solid rgb(255 255 255 / 5%);}
.business_list li {width: 20%;box-sizing: border-box; color: #fff;}
.business_list li .i-box {    padding: 50px 10%; text-align: center;border-right: 1px solid rgb(255 255 255 / 10%);}
.business_list li .i-box h4.title {font-size: 1.5vw; line-height: 1.7em;}
.business_list li .i-box h4.title a {color: #FFF;}
.business_list li .i-box p.subtitle {font-size: 0.7875vw; line-height: 1.7708333vw; opacity: .8;}

/* 工厂实景 */
.album-img .swiper-slide {/* opacity: 0.75; */}
.album-img .swiper-slide-active {opacity: 1;}
.album-img .swiper-slide span.zz {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: .5; z-index: 39;}
.album-img .swiper-slide-active span.zz {opacity: 0;}
.album-img .swiper-slide .info {position: absolute; z-index: 35; left: 0; right: 0; bottom: 0; padding: 20px 35px; color: #fff;font-weight: 100; letter-spacing: 0.05em; opacity: 0;}
.album-img .swiper-slide-active .info {opacity: 1;}
.album-img .swiper-slide::after {content: ''; position: absolute; z-index: 30; left: 0; right: 0; bottom: 0; height: 160px;background: url(../images/service_jbbg.png) repeat-x left bottom; opacity: 0; border-radius: 0 0 5px 5px; transition: all 0.5s;}
.album-img .swiper-slide-active::after { opacity: 0.9;}
.album-img .swiper-slide::before {content: '';position: absolute;z-index: 40;left:20px;top: 15px;width: 170px;height: 55px;background: url(../images/logo-on.png);background-repeat: no-repeat;overflow: hidden;background-size: auto 90%;background-position: left;}
.arrow-box { position: absolute; max-width: 1500px; margin: auto; height: 80px; top: 0; bottom: 0; left: 0; right: 0;}
.album-img .arrow {position: absolute;left: 90%;top: 50%;margin-top: -40px;z-index: 90;color: #1d2088;line-height: 3.125vw;text-align: center;opacity: .2;width: 3.125vw;height: 3.125vw;-webkit-border-radius: 100%;border-radius: 100%;background: rgba(255, 255, 255, .2);-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;outline: none;cursor: pointer;-webkit-transition: all .6s ease;transition: all .6s ease;}
.album-img .arrow.swiper-button-disabled {display: none;}
.album-img .arrow:hover {background: #1d2088; color: #FFF;}
.album-img .arrow svg {font-size: 25px;fill: #fff;width: 28.333%;}
.album-img .arrow-left {right: 90%;left: auto;-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.album-img:hover .arrow {left: 94%;opacity: 1;}
.album-img:hover .arrow.arrow-left {right: 94%;left: auto;}


.a-thumbs-box {width: 1020px;height: 110px;}
.album-thumbs {width: 100%;height: 100%;}
.album-thumbs .swiper-slide {opacity:1;}
.album-thumbs .swiper-slide::after {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: .1; z-index: 1;}
.album-thumbs .swiper-slide-thumb-active{opacity:1;  box-sizing: border-box;}
.album-thumbs .swiper-slide-thumb-active::before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0;border: 3px solid #1d2088; z-index: 2;}
.album-thumbs .swiper-slide.swiper-slide-thumb-active::after {opacity: 0;}
.album-thumbs .swiper-slide .pic,.album-thumbs.swiper-slide .bg{position:absolute;left: 0;right: 0; top:0; bottom:0; background-size: cover; background-position: center;} 
.a-thumbs-box .gdt {position: absolute;bottom: -20px;right: 0;width: 100%;z-index: 20;background: rgb(0 0 0 / 10%);height: 3px;}
.a-thumbs-box .gdt .swiper-scrollbar-drag {background: rgb(0 0 0 / 85%);}

/* 钣金产品 */
/* 产品 */
.hidden {display: none;}.ov {overflow: hidden;}
.yd-3{transition:all .3s;}.yd-5 {transition:all .5s;}
.products_list {}
.choice{overflow:hidden;padding:120px 0;background-color:#f5f5f5}
.choice_box{width:123%; margin-top: 3.208333vw; padding: 2% 0;}
.choice .main{position:relative}
.case-button {height: 65px; width: 180px;}
.case-button .swiper-button-next,.case-button .swiper-button-prev {width: 70px; height: 100%; margin-top:0;background-size: 15px 44px;top: 0; background-color: #fff;}
.choice_swiper .swiper-slide{background-color:#fff;height:auto;box-shadow: 0 0 2.6041666vw rgba(114, 115, 141, .1);}
.choice_swiper .swiper-slide.yz-list {background: #f5f5f5; box-shadow: none;}
.choice_swiper .swiper-slide .img {width: 100%;height: 0;padding-bottom: 75%;/* background: #f7f7f7; */}
.choice_swiper .swiper-slide .img span,.case_list li .box .imgs .show {position: absolute;left: 0; top:0;right: 0; bottom:0; background-position: center; background-size: cover;}
.choice_swiper .swiper-slide .text{padding:30px 30px 40px;line-height: 30px;}
.choice_swiper .swiper-slide .text h6{font-size: 2rem;color: #111;font-weight: bold;margin-bottom: 10px;}
.choice_swiper .swiper-slide .text p{font-size:16px;line-height: 25px;color:#666}
.choice_swiper .swiper-slide .text span,.case_list li .box .cont .des span,.case_view .view_top .p-info .parameter span {padding: 2px 10px;background: #f1f1f1;font-size: 14px;color: #aaa;margin-right: 8px;letter-spacing:0.1em}
.choice_swiper .swiper-slide:hover .text h6 {color: #1473e6;}
.choice_swiper .swiper-slide:hover {}

.choice .choice_btn{width:50px;height:50px;background-size:50px 50px;opacity:.8;z-index:10;cursor:pointer;transition:all 0.6s;-webkit-transition:all 0.6s;top:20px;left:initial;right:initial}
.choice .choice_btn.swiper-button-prev{background:url(../images/icon7.png) no-repeat center center;right:60px}
.choice .choice_btn.swiper-button-next{background:url(../images/icon7-1.png) no-repeat center center;right:0px}
.choice .choice_btn.swiper-button-prev:hover{background:url(../images/icon8.png) no-repeat center center;right:60px;opacity:1}
.choice .choice_btn.swiper-button-next:hover{background:url(../images/icon8-1.png) no-repeat center center;right:0px;opacity:1}
.caseSolution{padding-top:120px;padding-bottom:120px}
.caseSolution .index_title{text-align:center}
.caseSolution .case_box .case_li{margin-bottom:0}

/* 注塑服务 */
.injection_list .injection {width: auto;flex: 1;height: 0;margin: 0 3px;padding-bottom: 31%;}
.injection_list .injection.active {flex: 2.5;}
.injection_list .injection .img {position: absolute; left: 0; right: 0; top: 0; bottom: 0;background-size: cover; background-position: center; z-index: 9; }
.injection_list .injection::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: #000;opacity: .25;z-index: 10;transition: all 0.5s;}
.injection_list .injection.active::before {opacity: .15;}
.injection_list .injection .info {position: absolute;left: 0;right: 0;bottom: 50px;z-index: 20;color: #fff;line-height: 2em; transition: all 0.5s;}
.injection_list .injection.active .info {bottom: -50px; opacity: 0;}
.injection_list .injection .info .title {font-weight: bold;letter-spacing: 0.1em;font-size: 1.1vw;}
.injection_list .injection .info .des {top: 35px; opacity: 0;}
.injection_list .injection.active .info .des {top: 15px; opacity: 1;transition: all 0.3s ease .4s;}
.injection_list .injection .ps { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 20; justify-content: center; font-weight: bold;opacity: 0;}
.injection_list .injection.active .ps { opacity: 0; }

.injection_list .injection .content {position: absolute;z-index: 21;left: 0;right: 0;bottom: 0;padding: 35px 60px;background: rgba(255,255,255,.7);backdrop-filter: blur(7px);opacity: 0;clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 100%);}
.injection_list .injection.active .content {opacity: 1;transition: all 0.5s ease-in-out .4s;}
.injection_list .injection .content .title {font-size: 1.2vw;color: #333;font-weight: bold;letter-spacing: 0.05em;}
.injection_list .injection .content .des {font-size: 0.85vw;font-weight: 100;line-height: 1.6em;/* height: 4.8em; */color: #444;letter-spacing: 0.02em;margin-top: 10px;}

/* 压铸优势 */
.die_c_a .service.module {background: #f8f8f8;border-bottom: 1px solid rgba(0,0,0,.02);border-top: 1px solid rgba(0,0,0,.02);}
.die_c_a ul.list,.low_con {margin-top: 3vw;}
.die_c_a ul.list li {width: 19%;box-sizing: border-box;background: #fff;border:1px solid #F1F1F1;padding: 30px 35px 50px;text-align: center;transition: all .3s;position: relative;overflow: hidden;/* box-shadow: 0 5px 10px 3px rgb(0 0 0 / 2%); */}
.die_c_a ul.list li .service_icon {width: 80px;height: 80px;margin: 20px auto 30px;background-size: 100%;align-content: center;}
.die_c_a ul.list li .service_icon i {font-size: 3vw;color: #1d2088;}
.die_c_a ul.list li .service_title {line-height: 32px;color: #333;margin-bottom: 2.2vw;font-size: 1.25vw;font-weight: bold;}
.die_c_a ul.list li .service_title::before {position: absolute;content: '';width: 30px;height: 2px;left: 0;right: 0;margin: 0 auto;bottom: -1.2vw;background: #e0e0e0;}
.die_c_a ul.list li .service_description {color: #888;font-size: 0.8333vw; line-height: 1.5625vw;}
.die_c_a ul.list li:hover {/* border:1px solid #3488ea; */}
.die_c_a ul.list li .st {position: absolute;top: 0;right: -20px;color: #eee;transition: all .5s;opacity: .5;font-size: 6vw;    line-height: 1em;}
.die_c_a ul.list li:hover .st{opacity: 1;right: -7px;}

/* 小批量服务 */
.low_con ul li{border: 1px solid #f1f1f1;background:#fff;transition:all 0.3s;width: calc(50% - 10px);margin-bottom: 20px;padding: 30px 35px;align-items: center;}
.low_con ul li:last-child{/* margin-bottom:0; *//* border-bottom:none; */}
.low_con ul li:hover{ }
.low_con ul li:hover:after{opacity:1.0;filter:Alpha(opacity=100);}
.low_con ul li .imgs{width: 35%;overflow:hidden;height: 0;padding-bottom: 25%;}
.low_con ul li:hover .imgs span{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.low_con ul li .txts{ width: 60%;}
.low_con ul li .txts .h3{line-height: 1.5em;overflow:hidden;color: #333;font-weight: bold;transition: all 0.3s;white-space:nowrap;text-overflow:ellipsis;font-size: 1.15vw;}
.low_con ul li .txts .p{overflow:hidden;font-size:0.8333vw;color: #999;line-height: 1.7em;margin-top:16px;}
.low_con ul li:hover .txts h3{color: #1d2088;}


/*插件样式*/
.bsTop {
    width: 10.8333vw !important;
}

.bsFrameDiv div {
    width: 10.8333vw !important;
    height: 10.8333vw !important;
    display: -webkit-flex !important;
    display: -ms-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.bsFrameDiv img {
    margin: 0 !important;
}

.bshare-custom {
    display: -webkit-flex !important;
    display: -ms-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    font-size: 0.8333vw;
    color: #b2b2b2;
}

.bshare-custom.icon-medium-plus a {
    padding-left: 0 !important;
    color: #999999;
    margin: 0 0 0 1.1458333vw !important;
    width: 2.08333vw !important;
    height: 2.08333vw !important;
    display: -webkit-flex !important;
    display: -ms-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    outline: none;
    -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
}

.bshare-custom a:hover {
    text-decoration: none !important;
    opacity: 1;
    color: #36adad;
}

.BMap_Marker img {
    width: auto;
    display: inline-block;
}

.BMap_bubble_content img {
    width: auto;
    display: inline-block;
}

.nicescroll-cursors {
    border: none !important;
}

.nicescroll-rails {
    /*padding: 1.041666vw 0;*/
    cursor: pointer !important;
}

/*默认样式*/
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    display: block
}

.Manrope-Light {
    font-family: "Manrope-Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Manrope-Medium {
    font-family: "Manrope-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Manrope-Regular {
    font-family: "Manrope-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Manrope-ExtraBold {
    font-family: "Manrope-ExtraBold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Manrope-ExtraLight {
    font-family: "Manrope-ExtraLight", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Manrope-Bold {
    font-family: "Manrope-Bold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Manrope-SemiBold {
    font-family: "Manrope-SemiBold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Roboto-Black {
    font-family: "Roboto-Black", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Segoeuib {
    font-family: "Segoeuib", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}
.Ding-JBT {font-family: "DingTalk_JinBuTi", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;}

@font-face {
    font-family: "Manrope-Light";
    src: url(../fonts/manrope-light.ttf);
}

@font-face {
    font-family: "Manrope-Medium";
    src: url(../fonts/manrope-medium.ttf);
}

@font-face {
    font-family: "Manrope-Regular";
    src: url(../fonts/manrope-regular.ttf);
}

@font-face {
    font-family: "Manrope-ExtraBold";
    src: url(../fonts/manrope-extrabold.ttf);
}

@font-face {
    font-family: "Manrope-ExtraLight";
    src: url(../fonts/manrope-extralight.ttf);
}

@font-face {
    font-family: "Manrope-Bold";
    src: url(../fonts/manrope-bold.ttf);
}

@font-face {
    font-family: "Manrope-SemiBold";
    src: url(../fonts/manrope-semibold.ttf);
}

@font-face {
    font-family: "Roboto-Black";
    src: url(../fonts/roboto-black-1.ttf);
}

@font-face {
    font-family: "Segoeuib";
    src: url(../fonts/segoeuib.ttf);
}
@font-face {
    font-family: "DingTalk_JinBuTi";
    src: url(../fonts/ddjb.ttf);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    word-wrap: break-word !important;
    word-break: normal !important;
}

html, body {
    font-family: "Manrope-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
    background: #fff;
    font-size: 0.7291666vw;
    width: 100%;
    color: #333;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch;
    text-align: left;
}


/*#ascrail2000 {*/
/*    height: calc(100vh - 1.041666vw) !important;*/
/*    top: 0.5208333vw!important;*/
/*    right: 0.15625vw!important;*/
/*    overflow: hidden!important;*/
/*}*/

.BMap_cpyCtrl {
    display: none;
}

.anchorBL {
    display: none;
}

.body_flex {
    position: fixed;
}

.body_hide {
    overflow-x: hidden;
}

img {
    border: none;
    display: block;
    width: 100%;
}

i {
    font-style: normal;
}

div {
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

table {
    border-collapse: collapse;
}

a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
}

video {
    outline: none;
}

a:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

li {
    list-style: none;
}

input, select, button, textarea {
    vertical-align: middle;
    border-radius: 0;
    outline: none;
    background: none;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: "Microsoft YaHei", 微软雅黑, Arial, Helvetica, sans-serif;
}

select::-ms-expand {
    display: none;
}

textarea {
    resize: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

textarea {
    resize: vertical;
}

/*清除浮动*/
.clear:after {
    content: "";
    width: 0;
    height: 0;
    clear: both;
    display: block;
}

/*input高亮*/
.salient-input {
    padding: 0.36458333vw 0 0.36458333vw 0.26041666vw;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.salient-input:focus {
    border-color: #4faad6;
    outline: 0;
    -webkit-box-shadow: inset 0 0.0520833vw 0.0520833vw rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(10, 201, 245, .6);
    box-shadow: inset 0 0.0520833vw 0.0520833vw rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(10, 201, 245, .6);
}

/*单行超出省略*/
.space-over {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*多行超出省略*/
.space-list-over {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #8c8c8c;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #8c8c8c;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #8c8c8c;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #8c8c8c;
}


.cover {
    position: relative;
    height: 0;
    overflow: hidden;
}

.cover img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.flex {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-animation {
    opacity: 0;
}

.banner_box .swiper-slide {
    background: #fff;
    overflow: hidden;
}

.swiper-pagination-bullet {
    outline: none;
    cursor: pointer;
}

/*!*滚动条整体部分，可以设置宽度等*!*/
/*::-webkit-scrollbar {*/
/*}*/

/*!*滚动条两端的按钮*!*/

/*::-webkit-scrollbar-button {*/
/*}*/

/*!*外层轨道*!*/
/*::-webkit-scrollbar-track {*/
/*}*/

/*!*内层滚动槽*!*/
/*::-webkit-scrollbar-track-piece {*/
/*}*/

/*!*滚动的滑块*!*/
/*::-webkit-scrollbar-thumb {*/
/*}*/

/*!*边角*!*/
/*::-webkit-scrollbar-corner {*/
/*}*/

/*!*定义右下角拖动块的样式*!*/
/*::-webkit-resizer {*/
/*}*/

/*css play*/
.index_page_wrap {
    height: 100vh;
    position: relative;
}

.index_page_swiper {
    height: 100%;
}

.index_banner_wrap {
    height: 100%;
}

.index_banner_box {
    height: 100%;
}

.index_banner_swiper {
    height: 100%;
}

.index_banner_content {
    height: 100%;
    background: #fff;
    position: relative;
}

.index_banner_img {
    height: 100%;
    width: 100%;
}

.header_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    opacity: 0;
    pointer-events: none;
}

.header_before {
    height: 5.2vw;
    position: absolute;
    left: 0;
    top: -100%;
    pointer-events: none;
}

.header_after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background: #fff;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.header_after:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.0520833vw;
    background: #ededed;
    opacity: 0;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}


.header_logo_box {
    pointer-events: auto;
}

.header_logo_box a {
    width: 13vw;
    height: 3.619791666vw;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.header_logo_green {
    fill: #009944;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.header_logo_blue {
    fill: #1d2088;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.header_logo_white {
    fill: #1d2088;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.content_center {
    padding: 0 3.125vw;
}

.page_center {
    padding: 0 6.7708333vw;
}

.web_center {
    padding: 0 8.333vw;
}

.header_box {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 1.5625vw 0;
    position: relative;
    z-index: 9;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.header_nav_wrap {
    -webkit-align-items: center;
    align-items: center;
}

.header_nav_item {
    margin: 0 1.82291666vw;
}
.header_nav_item .bgshow {position: absolute;left: -1.82291666vw;right: -1.82291666vw;top: -2.4625vw;height: 50px;background-image: linear-gradient(180deg,#00000040,#ffffff00 85%);z-index: 1;opacity: 0;transition: all 0.5s;backdrop-filter: blur(3px);}
.header_index_white .header_nav_item:hover .bgshow,.logo_white .header_nav_item:hover .bgshow {opacity: 1; height: 250px;}
.header_nav_item .subnav {position: absolute;/* width: 200px; */left: -1.82291666vw;opacity: 0;transition: transform .5s ease-in-out,opacity .5s ease-in-out;transform: translateY(-20px);pointer-events: none;padding: 1rem 0;text-align: center;right: -1.82291666vw; z-index: 15;}
.header_nav_item:hover .subnav {opacity: 1; pointer-events: auto; transform:none;}
.header_nav_item .subnav li a {color: #333;font-size: 0.8591666vw;line-height: 2vw;font-weight: 100;letter-spacing: 0.05em;display: block;}
.header_index_white .header_nav_item .subnav li a,.logo_white .header_nav_item .subnav li a{color: #eee;}
.header_white_back .header_nav_item .subnav,.logo_white.header_active .header_nav_item .subnav {background-color: rgba(255,255,255,.8);backdrop-filter: blur(5px);box-shadow: 4px 4px 0.2rem 1px rgba(0,0,0,.06);box-shadow: 0 6px 10px rgba(0, 0, 0, .07);border-radius: 10px;background-image: linear-gradient(35deg,#ffffff,#f5f9ff 50%);}
.logo_white.header_active .header_nav_item .subnav li a {color: #333;}
.header_nav_item .subnav li a:hover,.logo_white.header_active .header_nav_item .subnav li a:hover {color: #1d2088; transition: all 0.5s; }
.header_index_white .header_nav_item .subnav li a:hover,.logo_white .header_nav_item .subnav li a:hover {color: #FFF; font-weight: bold;}
.header_white_back .header_nav_item .subnav li a:hover,.logo_white.header_active .header_nav_item .subnav li a:hover{ background: rgba(0,0,0,.03);}
.logo_white.header_active .header_nav_item .bgshow{display: none;}
.header_nav_link {
    font-size: 0.9375vw;
    line-height: 2.55208333vw;
    color: #ffffff;
    position: relative;
	z-index: 20;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
	font-weight: bold;
}

.header_nav_link:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    height: 0.1041666vw;
    background: #fff;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.header_nav_current .header_nav_link:after {
    width: 35px;
}

.header_nav_default .header_nav_link:after {
    width: 0;
}

.header_nav_hover .header_nav_link:after {
    width: 100%;
}

.header_quote_box {margin-left: 1.5vw;}
.header_quote_box .header_nav_item {margin: 0;}
.header_quote_box .header_nav_item a {padding: 0 .9vw;border: 1px solid rgba(255, 255, 255, .2);font-size: 0.7vw;line-height: 1.8vw;font-weight: normal;}
.header_white_back .header_quote_box .header_nav_item a,.header_active .header_quote_box .header_nav_item a {border: 1px solid #1d2088; color: #1d2088;}
.header_quote_box .header_nav_item a:hover {background: #1d2088; color: #FFF;border: 1px solid #1d2088;}


.header_language_box {
    padding-left: 4.5vw;
    -webkit-align-items: center;
    align-items: center;
}

.header_language_item {
    padding: 0 0.5208333vw;
    pointer-events: auto;
}

.header_language_item a {
    font-size: 0.88541666vw;
    color: rgba(255, 255, 255, .5);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.header_language_current a {
    color: rgba(255, 255, 255, 1);

}

.header_nav_btn {
    width: 1.3541666vw;
    margin-left: 1.5625vw;
    cursor: pointer;
    outline: none;
    pointer-events: auto;
}

.header_nav_label {
    height: 0.1041666vw;
    width: 100%;

    margin-bottom: 0.36458333vw;
    position: relative;
}

.header_nav_label:last-child {
    margin-bottom: 0;
}

.header_nav_label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_banner_pagination_box {
    position: absolute;
    left: 0;
    bottom: 1.7708333vw !important;
    z-index: 9;
    padding: 0 6.7708333vw;
    width: 100%;
    pointer-events: none;
    opacity: 0;
}

.index_page_slide:last-child {
    height: 26.5625vw;
}

.index_page_content {
    height: 100%;
    position: relative;
}

.index_page_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index_banner_pagination_item {
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    outline: none;
    pointer-events: auto;
    margin-right: 1.5625vw;
}

.index_banner_pagination_item:last-child {
    margin-right: 0;
}

.index_banner_pagination_text {
    font-size: 0.9375vw;
    line-height: 1.3541666vw;
    font-weight: bold;
    color: #fff;
}

.index_banner_pagination_icon {
    position: relative;
    width: 2.65625vw;
    height: 0.41666vw;
    margin-left: 0.26041666vw;
    border: 0.0520833vw solid #fff;
    box-sizing: border-box;
}

.index_banner_pagination_icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #fff;
}

.index_banner_read {
    position: absolute;
    left: 0;
    z-index: 9;
    top: 50%;
    width: 100%;
    padding: 0 6.7708333vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.index_banner_tips {
    font-size: 4.1666vw;
    line-height: 6.25vw;
    font-weight: bold;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}


.index_banner_title {
    font-size: 2.5vw;
    line-height: 4.6875vw;
    font-weight: bold;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_banner_text {
    font-size: 1.6666vw;
    line-height: 2.291666vw;
    margin-top: 1.041666vw;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_banner_swiper .swiper-slide-active .index_banner_tips {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_banner_swiper .swiper-slide-active .index_banner_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
}

.index_banner_swiper .swiper-slide-active .index_banner_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.index_banner_swiper .swiper-slide-active .index_max_light {
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-animation: 180s .2s lightRotate infinite linear normal both;
    animation: 180s .2s lightRotate infinite linear normal both;
}

.index_banner_swiper .swiper-slide-active .index_min_light {
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-animation: 180s .2s fallLightRotate infinite linear normal both;
    animation: 180s .2s fallLightRotate infinite linear normal both;
}

@keyframes fallLightRotate {
    0% {
        opacity: .3;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        opacity: .1;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    100% {
        opacity: .3;
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes lightRotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.index_banner_swiper .swiper-slide-active .index_banner_content3 .index_banner_tips {
    color: #00486e;
}

.index_banner_swiper .swiper-slide-active .index_banner_content3 .index_banner_title {
    color: #00486e;
}

.index_banner_swiper .swiper-slide-active .index_banner_content3 .index_banner_text {
    color: #00486e;
}

.index_banner_pagination_current .index_banner_pagination_icon:after {
    width: 100%;
    -webkit-transition: all 20s linear;
    transition: all 20s linear;
}

.index_banner_light {
    width: 390.625vw;
    height: 390.625vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -500%;
    z-index: 10;
    pointer-events: none;
}

.index_max_light {
    opacity: 0;
    width: 100%;
    height: 100%;
}

.index_min_light {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.index_float_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10;
    pointer-events: none;
}

.index_float_box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.index_float_mouse_box {
    position: absolute;
    bottom: 1.5625vw;
    width: 100%;
    -wenkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
}

.index_float_mouse_icon {
    width: 1.19791666vw;
    height: 1.66666vw;
    border-radius: 0.59895833vw;
    box-sizing: border-box;
    border: 0.1041666vw solid #fff;
    margin: 0 auto;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_float_mouse_icon:after {
    content: "";
    width: 0.1041666vw;
    height: 0.5208333vw;
    background: #fff;
    margin-top: 0.3125vw;
    -webkit-animation: 1.5s MouseAnimate infinite ease normal both;
    animation: 1.5s MouseAnimate infinite ease normal both;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}


@-webkit-keyframes MouseAnimate {
    0% {
        margin-top: 0.3125vw;
    }
    50% {
        margin-top: 0.625vw;
        opacity: 1;
    }
    70% {
        margin-top: 0.625vw;
        opacity: 0;
    }
    100% {
        margin-top: 0.3125vw;
        opacity: 0;
    }
}

@keyframes MouseAnimate {
    0% {
        margin-top: 0.3125vw;
    }
    50% {
        margin-top: 0.625vw;
        opacity: 1;
    }
    70% {
        margin-top: 0.625vw;
        opacity: 0;
    }
    100% {
        margin-top: 0.3125vw;
        opacity: 0;
    }
}

.index_float_mouse_text {
    font-size: 0.78125vw;
    line-height: 1.6666vw;
    text-align: center;
    color: #fff;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_banner_button {
    position: absolute;
    left: 0;
    z-index: 9;
    bottom: 2.08333vw;
    width: 100%;
    padding: 0 6.7708333vw;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    pointer-events: none;
    opacity: 0;
}

.index_banner_btn {
    width: 2.708333vw;
    height: 2.708333vw;
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    pointer-events: auto;
    outline: none;
    cursor: pointer;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_banner_btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 0.1041666vw solid #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.index_banner_btn svg {
    width: 32.6923%;
    fill: #fff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_banner_btn:hover {
    background: #fff;
}

.index_banner_btn:hover svg {
    fill: #333333;
}

.index_banner_next {
    margin-left: 1.041666vw;
}

.index_banner_prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*首页导航黑色*/
.header_black .header_nav_link {
    color: #333;
}

.header_black .header_language_item a {
    color: #333;
}

.header_black .header_language_current a {
    color: #1d2088;
}

.header_black .header_nav_label:after {
    background: #222222;
}

.header_black .header_nav_current .header_nav_link {
    color: #1d2088;
}

.header_black .header_nav_current .header_nav_link:after {
    background: #1d2088;
}

.header_black .header_nav_default .header_nav_link {
    color: #333;
}

.header_black .header_nav_default.header_nav_link:after {
    background: #333333;
}

.header_black .header_nav_hover .header_nav_link {
    color: #1d2088;
}

.header_black .header_nav_hover .header_nav_link:after {
    background: #1d2088;
}

.header_white_back .header_after {
    height: 100%;
}

.header_white_back .header_after:after {
    opacity: 1;
}

/*内页下拉导航*/
.header_active {
    pointer-events: auto !important;
}

.header_active .header_logo_box a {
    width: 12vw;
    height: 3.2291666vw;
}

.header_active .header_box {
    padding: 1vw 0;
}

.header_active .header_after {
    height: 100%;
}

.header_active .header_after:after {
    opacity: 1;
}


.header_active .header_nav_link {
    color: #333;
}

.header_active .header_language_item a {
    color: #333;
}

.header_active .header_language_current a {
    color: #1d2088;
}

.header_active .header_nav_label:after {
    background: #222222;
}

.header_active .header_nav_current .header_nav_link {
    color: #1d2088;
}

.header_active .header_nav_current .header_nav_link:after {
    background: #1d2088;
}

.header_active .header_nav_default .header_nav_link {
    color: #333;
}

.header_active .header_nav_default.header_nav_link:after {
    background: #333333;
}

.header_active .header_nav_hover .header_nav_link {
    color: #1d2088;
}

.header_active .header_nav_hover .header_nav_link:after {
    background: #1d2088;
}

/*首页持续发展白色*/
.header_index_white .header_nav_link {
    color: #fff;
}

.header_index_white .header_nav_current .header_nav_link {
    color: #fff;
}

.header_index_white .header_nav_current .header_nav_link:after {
    background: #fff;
}

.header_index_white .header_language_item a {
    color: rgba(255, 255, 255, .5);
}

.header_index_white .header_language_current a {
    color: #fff;
}

.header_index_white .header_nav_label:after {
    background: #fff;
}

.header_index_white .header_nav_default .header_nav_link {
    color: #fff;
}

.header_index_white .header_nav_default.header_nav_link:after {
    background: #fff;
}

.header_index_white .header_nav_hover .header_nav_link {
    color: #fff;
}

.header_index_white .header_nav_hover .header_nav_link:after {
    background: #fff;
}

.index_float_pagination {
    position: absolute;
    right: 2.083333vw !important;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    opacity: 0;
    pointer-events: none;
}

.index_float_pagination .index_float_bullet_box {
    opacity: 1;
    width: 0.36458333vw;
    height: 0.36458333vw;
    position: relative;
    margin-bottom: 1.30208333vw !important;
    pointer-events: auto;
    cursor: pointer;
    outline: none;
}

.index_float_bullet_box:after {
    content: "";
    position: absolute;
    top: 0.67708333vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0.0520833vw;
    background: rgba(255, 255, 255, .35);
    height: 0.67708333vw;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_float_pagination .index_float_bullet_box:last-child {
    margin-bottom: 0;

}

.index_float_pagination .index_float_bullet_box:last-child:after {
    display: none;
}

.index_float_bullet_after {
    width: 100%;
    height: 100%;
    position: relative;
}

.index_float_bullet_label {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #fff;
    width: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height: 100%;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_float_bullet_label:nth-child(1) {
    z-index: 9;
}

.index_float_bullet_current .index_float_bullet_label:nth-child(2) {
    -webkit-animation: jing_scale 2.4s linear infinite normal both;
    animation: jing_scale 2.4s linear infinite normal both;
}

.index_float_bullet_current .index_float_bullet_label:nth-child(3) {
    -webkit-animation: jing_scale 2.4s .8s linear infinite normal both;
    animation: jing_scale 2.4s .8s linear infinite normal both;
}

.index_float_bullet_current .index_float_bullet_label:nth-child(4) {
    -webkit-animation: jing_scale 2.4s 1.6s linear infinite normal both;
    animation: jing_scale 2.4s 1.6s linear infinite normal both;
}

@-webkit-keyframes jing_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 180%;
        height: 180%;
        opacity: 0.4;
    }
    40% {
        width: 260%;
        height: 260%;
        opacity: 0.2;
    }
    60% {
        width: 340%;
        height: 340%;
        opacity: .1;
    }
    80% {
        width: 420%;
        height: 420%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes jing_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 180%;
        height: 180%;
        opacity: 0.4;
    }
    40% {
        width: 260%;
        height: 260%;
        opacity: 0.2;
    }
    60% {
        width: 340%;
        height: 340%;
        opacity: .1;
    }
    80% {
        width: 420%;
        height: 420%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.index_float_blue .index_float_bullet_label {
    background: #cccccc;
}

.index_float_blue .index_float_bullet_box:after {
    background: rgba(204, 204, 204, .5);
}

.index_float_blue .index_float_bullet_current .index_float_bullet_label {
    background: #1d2088;
}

.index_float_blue .index_float_bullet_current .index_float_bullet_label:nth-child(1) {
    background: #fff;
}

.index_float_blue .index_float_bullet_current .index_float_bullet_label:nth-child(2) {
    -webkit-animation: blue_scale 2.4s linear infinite normal both;
    animation: blue_scale 2.4s linear infinite normal both;
}

.index_float_blue .index_float_bullet_current .index_float_bullet_label:nth-child(3) {
    -webkit-animation: blue_scale 2.4s .8s linear infinite normal both;
    animation: blue_scale 2.4s .8s linear infinite normal both;
}

.index_float_blue .index_float_bullet_current .index_float_bullet_label:nth-child(4) {
    -webkit-animation: blue_scale 2.4s 1.6s linear infinite normal both;
    animation: blue_scale 2.4s 1.6s linear infinite normal both;
}

@-webkit-keyframes blue_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 180%;
        height: 180%;
        opacity: .4;
    }
    40% {
        width: 260%;
        height: 260%;
        opacity: 1;
    }
    60% {
        width: 340%;
        height: 340%;
        opacity: .6;
    }
    80% {
        width: 420%;
        height: 420%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes blue_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 180%;
        height: 180%;
        opacity: .4;
    }
    40% {
        width: 260%;
        height: 260%;
        opacity: 1;
    }
    60% {
        width: 340%;
        height: 340%;
        opacity: .6;
    }
    80% {
        width: 420%;
        height: 420%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.index_float_mouse_black .index_float_mouse_icon {
    border: 0.1041666vw solid #666666;
}

.index_float_mouse_black .index_float_mouse_icon:after {
    background: #666666;
}

.index_float_mouse_black .index_float_mouse_text {
    color: #666666;
}

.index_float_mouse_hide {
    opacity: 0 !important;
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
}

.body_animate .header_wrap {
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.body_animate .index_float_pagination {
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}
.body_animate .index_float_pagination.index_one {opacity: 0;}

.body_animate .index_banner_button {
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.body_animate .index_banner_pagination_box {
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.body_animate .index_float_mouse_box {
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.body_animate .header_page_wrap {
    webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
}

.index_about_content {
    height: 100%;
    width: 100%;
    position: relative;
}
.index_about_content::before {content: '';position: absolute; left: 0;top: 0; bottom: 0; right: 0; background: #000; opacity: .35; z-index: 1;}

.index_about_box {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 9;
    -webkit-align-items: center;
    align-items: center;
}

.index_about_read {
    width: 100%;
    margin-top: 3.125vw;
}

.index_public_title {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_public_cn {
    font-size: 2.291666vw;
    line-height: 3.2291666vw;
    /* font-weight: bold; */
    color: #333333;
}

.index_public_icon {
    width: 1.041666vw;
    height: 1.041666vw;
    margin-left: 0.7291666vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #1d2088;
}

.index_public_en {
    /* font-size: 1.25vw; */
	font-size: 1vw;
    line-height: 1.25vw;
    text-transform: uppercase;
    color: #333333;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_public_white .index_public_cn,
.index_public_white .index_public_en {
    color: #fff;
}

.index_public_white .index_public_icon {
    background: #fff;
}

.index_about_max {
    font-size: 1vw;
    line-height: 2.1vw;
    margin-top: 4.42708333vw;
    font-weight: 100;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_about_list {
    margin-top: 2.52291666vw;
}

.index_about_item_cn {
    font-size: 0.8333vw;
    line-height: 1.25vw;
    color: #ffffff;
}

.index_about_item_read {
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.index_about_item_max {
    font-size: 3.38541666vw;
    line-height: 4.0625vw;
    color: #ffffff;
}

.index_about_item_min {
    text-transform: uppercase;
    font-size: 1.1458333vw;
    line-height: 2.8125vw;
    margin-left: 0.5208333vw;
    font-weight: bold;
    color: #ffffff;
}

.index_about_item_box {
    padding-right: 4.6875vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_about_item_box:nth-child(3) .index_about_item_min {
    /* font-size: 1.875vw; */
}

.index_about_item_box:nth-child(4) .index_about_item_min {
    font-size: 1.875vw;
}

.index_public_button {
    width: 8.333vw;
    height: 2.6041666vw;
    padding: 0.26041666vw;
    -webkit-border-radius: 1.30208333vw;
    border-radius: 1.30208333vw;
    overflow: hidden;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_public_button:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #fff;
    -webkit-border-radius: 1.30208333vw;
    border-radius: 1.30208333vw;
    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);
    transition: all .8s cubic-bezier(.55, .17, .37, .94);
}

.index_public_button a {
    position: relative;
    z-index: 9;
    -webkit-align-items: center;
    align-items: center;
}

.index_public_btn_read {
    width: calc(100% - 2.08333vw);
    text-align: center;
    position: relative;
    justify-content: center;
}

.index_public_btn_content {
    position: relative;
}

.index_public_btn_text {
    color: #000033;
    line-height: 1.041666vw;
    font-size: 0.8333vw;
    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);
    transition: all .8s cubic-bezier(.55, .17, .37, .94);
}
.index_about_box .index_public_btn_text {color: #fff;}

.index_public_btn_icon {
    width: 2.08333vw;
    height: 2.08333vw;
    position: relative;
    background: #1d2088;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);
    transition: all .8s cubic-bezier(.55, .17, .37, .94);
}

.index_public_btn_svg {
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 9;
}

.index_public_btn_svg svg {
    width: 20%;
    fill: #fff;
    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);
    transition: all .8s cubic-bezier(.55, .17, .37, .94);
}

.index_public_btn_hover {
    position: absolute;
    left: 0;
    top: 0;

}

.index_public_btn_hover svg {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}

.index_about_button {
    margin-top: 2.6041666vw;
}

/*白底图标*/
.index_color_button:hover:after {
    background: #1d2088;
}

.index_color_button:hover .index_public_btn_icon {
    background: #fff;
}

.index_color_button:hover .index_public_btn_svg svg {
    fill: #1d2088;
}

.index_color_button:hover .index_public_btn_text {
    color: #fff !important;
}

/*图标鼠标经过*/
.index_public_button:hover .index_public_btn_default svg {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);
    transition: all .8s cubic-bezier(.55, .17, .37, .94);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.index_public_button:hover .index_public_btn_hover svg {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);
    transition: all .8s cubic-bezier(.55, .17, .37, .94);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.index_public_button:hover .index_public_text_default {
    color: #1d2088;
}

.index_public_button:hover:after {
    width: 100%;
}

.index_development_swiper {
    height: 100%;
    width: 100%;
}

.index_page_wrapper {
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_development_content {
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
}

.index_development_content .index_public_title {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_content .index_public_en {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_content .index_development_blue {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_content .index_development_green {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_content .index_development_text {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_content .index_development_button .index_public_button {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_content .index_development_back_head .index_public_title {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_content .index_development_back_head .index_public_en {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_content .index_development_back_title {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_content .index_development_back_item {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_height {
    height: 0;
}

.index_development_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.index_development_read {
    width: 100%;
    position: relative;
    z-index: 9;
}

.index_development_center {
    margin-top: 4.1666vw;
}

.index_development_blue {
    font-size: 3.333vw;
    line-height: 4.375vw;
    font-weight: bold;
    color: #1d2088;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_development_green {
    font-size: 2.6041666vw;
    line-height: 3.8541666vw;
    font-weight: bold;
    color: #009944;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_development_text {
    font-size: 1.041666vw;
    line-height: 1.666vw;
    margin-top: 1.30208333vw;
    color: #666666;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_development_button {
    margin-top: 2.6041666vw;
}

.index_development_map {
    position: absolute;
    left: 33.8541666%;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0.8);
    transform: translateY(-50%) scale(0.8);
    opacity: 0;
    width: 35.46875vw;
    height: 35.57291666vw;
    z-index: 10;
}

.index_development_map img {
    -webkit-transform: scale(3.5);
    transform: scale(3.5);
    -webkit-transition: all 1s cubic-bezier(.69, .27, .45, .99);
    transition: all 1s cubic-bezier(.69, .27, .45, .99);
}

.index_development_back img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 1s cubic-bezier(.69, .27, .45, .99);
    transition: all 1s cubic-bezier(.69, .27, .45, .99);
}

.index_development_current .index_development_map img {
    -wenkit-transform: scale(1);
    transform: scale(1);
}

.index_development_current .index_development_back img {
    -wenkit-transform: scale(1);
    transform: scale(1);
}


.index_development_en {
    position: absolute;
    left: 22.08333%;
    top: 74%;
    width: 55.88541666%;
    z-index: 7;
}

.index_development_en svg {
    fill: #f0f0f0;
    opacity: 0;
}

.index_development_back_read {
    position: relative;
    z-index: 9;
    width: 100%;
}

.index_development_back_head {
    -webkit-justify-content: center;
    justify-content: center;
}

.index_development_back_head .index_public_en {
    text-align: center;
}

.index_development_back_head .index_public_title {
    -webkit-justify-content: center;
    justify-content: center;
}

.index_development_back_list {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 2.6041666vw;
}

.index_development_back_item {
    padding: 0 1.5625vw;
}

.index_development_back_photo {
    width: 4.6875vw;
    margin: 0 auto 0.78125vw;
}

.index_development_back_text {
    font-size: 0.8333vw;
    line-height: 1.25vw;
    color: #ffffff;
}

.index_development_back_img {
    padding-bottom: 100%;
}

.index_development_back_title {
    font-size: 3.125vw;
    line-height: 3.8541666vw;
    margin-top: 4.1666vw;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

.index_page_content .index_banner_swiper .swiper-slide-active .index_banner_tips {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_page_content .index_banner_swiper .swiper-slide-active .index_banner_title {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_page_content .index_banner_swiper .swiper-slide-active .index_banner_text {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_strength_tab {
    margin-top: 4.6875vw;
}

.index_strength_title {
    font-size: 1.625vw;
    line-height: 3.6458333vw;
    color: #333333;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
    /* font-family: "Microsoft YaHei UI Light", "Manrope-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important; */
}

.index_strength_text {
    font-size: 0.9375vw;
    line-height: 1.7708333vw;
    margin-top: 0.78125vw;
    color: #333333;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_strength_button {
    margin-top: 1.30208333vw;

}

.index_strength_swiper {
    padding-bottom: 3.125vw;
}


.index_strength_content {
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    width: 42.708333%;

}

.index_strength_slide {
    /*background: #fff;*/
}

.index_public_pagination_read {
    width: 3.958333vw;
}

.index_public_pagination_text {
    font-size: 0.9375vw;
    color: #222222;
}

.index_product_pagination_current,
.index_strength_pagination_current {
    color: #1d2088;
}

.index_strength_read {
    width: 100%;
    padding: 0 5.98958333vw 0 6.7708333vw;
    margin-top: 5.208333vw;
}

.index_strength_wrap {
    height: 100%;
}

.index_strength_photo_box {
    width: 57.291667%;
    position: relative;
}

.index_strength_photo_box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9;
}

.index_strength_photo_swiper {
    height: 100%;
}

.index_strength_photo_img {
    height: 100%;
}

.index_public_pagination_box {
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_public_pagination_line {
    width: calc(100% - 7.8125vw);
    height: 0.1041666vw;
    background: #e7e7e7;
}

.index_public_swiper_button {
    padding: 0 0.78125vw;
}

.index_public_pagination_label {
    width: 100%;
    height: 100%;
    background: #1d2088;
}

.index_strength_pagination_animate {
    -webkit-animation: strengthLineWidth 10s forwards linear normal;
    animation: strengthLineWidth 10s forwards linear normal;
}


.index_public_pagination_btn {
    width: 1.1458333vw;
    height: 2.08333vw;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    outline: none;
}

.index_public_pagination_btn:nth-child(1) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.index_public_pagination_btn svg {
    width: 40.9090909%;
    fill: #999999;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_public_pagination_this svg {
    fill: #1d2088;

}

.index_strength_list {
    margin-top: 4.1666vw;
}

.index_strength_item_box {
    width: 28.869565%;
    margin-right: 6.6956525%;
    position: relative;
    cursor: pointer;
    outline: none;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_strength_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .6);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_strength_item_current:after {
    background: rgba(255, 255, 255, 0);
}

.index_strength_item_box:nth-child(3n) {
    margin-right: 0;
}

.index_strength_item_img {
    padding-bottom: 57.831325%;
}

.index_product_button {
    margin-top: 2.08333vw;
}

.index_product_wrap {
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
}

.index_product_center {
    padding: 0 0 0 6.7708333vw;
    width: 100%;
}

.index_product_content {
    width: 20.7821229%;
    padding-right: 3.125vw;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.index_product_item_img {
    padding-bottom: 120%;
    z-index: 1;
	background: #F5F5F5;
}.index_product_item_img img {height: auto;right: 0; bottom: 0; margin: auto;}

.index_product_tab {
    width: 79.2178771%;
}

.index_product_item_box {
    -webkit-border-radius: 1.3541666vw;
    border-radius: 1.3541666vw;
    overflow: hidden;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_product_item_box a {
    position: relative;
    display: block;
    z-index: 9;
}

.index_product_item_box a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    /*opacity: 0;*/
    background-image: linear-gradient(to top, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 50%);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_product_item_box a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-image: linear-gradient(to top, rgb(0 36 119 / 80%) 0%, rgba(0, 2, 59, 0) 50%);
    opacity: 0;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_product_item_box:hover a:before {
    opacity: 1;
}

.index_product_item_box:hover a:after {
    opacity: 0;
}

.index_product_item_box:hover .index_product_item_number {
    color: rgba(255, 255, 255, 1);
}

.index_product_item_read {
    position: absolute;
    bottom: 1.82291666vw;
    left: 0;
    width: 100%;
    padding: 0 1.9791666vw;
    z-index: 3;
}

.index_product_top {
    width: 100%;
}

.index_product_item_number {
    font-size: 2.6041666vw;
    line-height: 2.708333vw;
    color: #fff;
    -webkit-text-stroke: 0.0520833vw #fff;
    color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    margin-bottom: 1.041666vw;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_product_item_title {
    font-size: 1.25vw;
    line-height: 1.5625vw;
    margin-bottom: 0.3125vw;
    font-weight: bold;
    color: #fff;
}

.index_product_item_text {
    font-size: 0.78125vw;
    line-height: 1.458333vw;
    color: #fff;

}

.index_product_text {
    font-size: 0.8333vw;
    line-height: 1.666vw;
    margin-top: 3.125vw;
    color: #333333;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_partner_wrap {
    position: relative;
    height: 100%;
}

.index_partner_back {
    height: 100%;
}

.index_partner_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.index_partner_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.index_news_item_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_news_item_box:hover .index_news_item_img a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.index_news_item_box:hover .index_news_item_button a .index_news_btn_text,.index_news_item_box:hover .index_news_item_title a {
    color: #1d2088;
}

.index_news_item_box:hover .index_news_item_button a .index_news_btn_icon {
    background: #1d2088;
}

.index_partner_item_box {
    position: absolute;
    -webkit-transform: scale(.0);
    transform: scale(.0);
    opacity: 0;
    -webkit-transition: all .7s cubic-bezier(.69, .27, .45, .99);
    transition: all .7s cubic-bezier(.69, .27, .45, .99);
}

.index_partner_item_img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    box-shadow: 0 0 2.6041666vw rgba(114, 115, 141, .1);
	background: #fff;
}
.index_partner_item_img img {width: 85%; height: auto; margin: auto; right: 0; bottom: 0;}

.index_partner_item_box:nth-child(1) {
    width: 8.958333vw;
    height: 8.958333vw;
    top: 68.7037037%;
    left: 66.458333%;
}

.index_partner_item_box:nth-child(2) {
    width: 8.80208333vw;
    height: 8.80208333vw;
    left: 22.08333%;
    top: 34.259259%;
}

.index_partner_item_box:nth-child(3) {
    width: 7.291666vw;
    height: 7.291666vw;
    right: 11.1458333%;
    top: 35.37037%;
}

.index_partner_item_box:nth-child(4) {
    width: 7.291666vw;
    height: 7.291666vw;
    left: 11.82291666%;
    top: 61.481481%;
}

.index_partner_item_box:nth-child(5) {
    width: 6.041666vw;
    height: 6.041666vw;
    right: 26.1458333%;
    top: 24.074074%;
}

.index_partner_item_box:nth-child(6) {
    width: 4.375vw;
    height: 4.375vw;
    left: 24.1666%;
    top: 73.4259259%;
}

.index_partner_item_box:nth-child(7) {
    width: 4.375vw;
    height: 4.375vw;
    left: 9.21875%;
    top: 28.981481%;
}

.index_partner_item_box:nth-child(8) {
    width: 5.15625vw;
    height: 5.15625vw;
    right: 9.375%;
    top: 62.59259%;
}
.index_partner_item_box:nth-child(9) {
    width: 7.15625vw;
    height: 7.15625vw;
    right: 16.375%;
    top: 50.59259%;
}
.index_partner_item_box:nth-child(10) {
    width: 7.55625vw;
    height: 7.55625vw;
    left: 10.375%;
    top: 40.59259%;
}

.index_partner_circle_box {
    width: 19.375vw;
    height: 19.375vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.index_partner_circle_list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.index_partner_circle_item {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(.5);
    transform: translateX(-50%) translateY(-50%) scale(.5);
    opacity: 0;

}

.index_partner_circle_item .index_partner_circle_label {
    width: 100%;
    height: 100%;
    border: 0.0520833vw solid rgba(29, 31, 136, 1);
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.index_partner_circle_item:nth-child(1) {
    width: 100%;
    height: 100%;
}

.index_partner_circle_item:nth-child(2) {
    width: 127.41935%;
    height: 127.41935%;
}

.index_partner_circle_item:nth-child(3) {
    width: 148.9247%;
    height: 148.9247%;
}

.index_partner_circle_item:nth-child(2) .index_partner_circle_label {
    border: 0.0520833vw solid rgba(29, 31, 136, .3);
}

.index_partner_circle_item:nth-child(3) .index_partner_circle_label {
    border: 0.0520833vw solid rgba(29, 31, 136, .1);
}

.index_partner_head .index_public_head {
    -webkit-transform: scale(.6);
    transform: scale(.6);
    opacity: 0;
    pointer-events: none;
	text-align: center;
}

.index_partner_head .index_public_title {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.index_partner_head .index_public_en {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.index_partner_head .index_public_cn {
    padding-left: 1.7708333vw;
}

.index_partner_head .index_public_text {
    text-align: center;
}

.index_partner_content {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.index_news_wrap {
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
}

.index_news_center {
    width: 100%;
}

.index_news_head {
    -webkit-justify-content: center;
    justify-content: center;
}

.index_news_head .index_public_title {
    -webkit-justify-content: center;
    justify-content: center;

}

.index_news_head .index_public_cn {
    padding-left: 1.7708333vw;
}

.index_news_head .index_public_en {
    text-align: center;
}

.index_news_item_img a {
    padding-bottom: 61.8%;
    width: 100%;
    display: block;
    -webkit-border-radius: 0.9375vw;
    border-radius: 0.9375vw;
}

.index_news_item_img a img {
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_news_item_time {
    font-size: 0.8333vw;
    line-height: 1.666vw;
    margin-top: 1.30208333vw;
    color: #666666;
}

.index_news_item_title {
    margin-top: 0.41666vw;
    height: 3.541666vw;
}

.index_news_item_title a {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333333;
}

.index_news_btn_text {
    font-size: 0.78125vw;
    line-height: 1.25vw;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_news_item_top {
    margin-top: 1.5625vw;
}

.index_news_item_button a {
    -webkit-align-items: center;
    align-items: center;
}

.index_news_btn_icon {
    width: 0.9375vw;
    height: 0.9375vw;
    margin-left: 0.41666vw;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background: #aaaaaa;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.index_news_btn_icon svg {
    width: 25%;
    fill: #fff;
}

.index_news_content {
    margin-top: 2.6041666vw;
    /*margin-top: 3.6458333vw;*/
}

.index_news_pagination_box {
    /*margin-top: 2.08333vw;*/
    margin-top: 1.041666vw;
}

.index_news_pagination_box .index_public_pagination_line {
    width: calc(100% - 3.8541666vw);
}

.footer_wrap {
    background: #222222;

}

.index_page_content .footer_wrap {
    height: 100%;
}

.footer_wrap a {
    position: relative;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.footer_wrap a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0.0520833vw;
    background: #fff;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.footer_wrap a:hover {
    color: #fff;
}

.footer_wrap a:hover:after {
    width: 100%;
    left: 0;
}

.footer_nav_item {
    margin-right: 6.25vw;
}

.footer_nav_title {
    font-size: 0.9375vw;
    line-height: 1.25vw;
    margin-bottom: 1.5625vw;
    font-weight: bold;
    color: #ffffff;
}

.footer_nav_li a {
    font-size: 0.7291666vw;
    line-height: 1.82291666vw;
    color: #777777;
}

.footer_ewm_box {
    width: 6.7708333vw;
}

.footer_ewm_img {
    padding-bottom: 100%;
}

.footer_nav_ul {
    /* height: 9.11458333vw; */
    overflow: hidden;
}

.footer_ewm_title {
    text-align: center;
    font-size: 0.7291666vw;
    line-height: 1.3541666vw;
    margin-top: 0.67708333vw;
    color: #777777;
}

.footer_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 4.1666vw 0 1.5625vw 0;
}

.footer_line_box {
    height: 0.0520833vw;
    width: 100%;
    background: rgba(255, 255, 255, .1);
}

.footer_tel_text {
    font-size: 0.7291666vw;
    line-height: 1.3541666vw;
    color: #555555;
}

.footer_tel_link a {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    font-weight: bold;
    color: #ffffff;
}

.footer_bq_box {
    width: 100%;
    padding: 1.5vw 0 1.5vw 0;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.footer_bq_text,
.footer_bq_text a {
    text-align: right;
    font-size: 0.7291666vw;
    line-height: 1.3541666vw;
    color: #555555;
}

/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------第一屏--------------------------------------*/
.index_page_current .index_banner_swiper .swiper-slide-active .index_banner_tips {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_page_current .index_banner_swiper .swiper-slide-active .index_banner_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.index_page_current .index_banner_swiper .swiper-slide-active .index_banner_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

/*--------------------------------------第二屏--------------------------------------*/
.index_page_current .index_about_head .index_public_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_page_current .index_about_head .index_public_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.index_page_current .index_about_max {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
	width: 70%;
}

.index_page_current .index_about_item_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.index_page_current .index_about_button .index_public_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

/*--------------------------------------第三屏--------------------------------------*/
/*第三屏动画1*/
.index_page_current .index_development_active .index_development_head .index_public_title {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_page_current .index_development_active .index_development_head .index_public_en {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.index_page_current .index_development_active .index_development_blue {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.index_page_current .index_development_active .index_development_green {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.index_page_current .index_development_active .index_development_text {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.index_page_current .index_development_active .index_development_button .index_public_button {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}


.index_page_current .index_development_map {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}


.index_page_current .index_development_en svg {
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}

/*第三屏动画2*/
.index_page_current .index_development_active .index_development_back_head .index_public_title {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);

}

.index_page_current .index_development_active .index_development_back_head .index_public_en {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.index_page_current .index_development_active .index_development_back_title {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.index_page_current .index_development_active .index_development_back_item {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

/*--------------------------------------第四屏--------------------------------------*/
.index_page_current .index_strength_head .index_public_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_page_current .index_strength_head .index_public_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.index_page_current .index_strength_swiper .swiper-slide-active .index_strength_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.index_page_current .index_strength_swiper .swiper-slide-active .index_strength_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.index_page_current .index_strength_swiper .swiper-slide-active .index_public_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.index_page_current .index_strength_read .index_public_pagination_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}


.index_page_current .index_strength_item_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.index_page_current .index_strength_photo_box:after {
    width: 0;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}

/*--------------------------------------第五屏--------------------------------------*/
.index_page_current .index_product_head .index_public_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_page_current .index_product_head .index_public_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.index_page_current .index_product_content .index_product_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.index_page_current .index_product_content .index_product_button .index_public_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.index_page_current .index_product_content .index_public_pagination_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.index_page_current .index_product_tab .index_product_item_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}


/*--------------------------------------第六屏--------------------------------------*/
.index_page_current .index_partner_circle_item {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1;
}

.index_page_current .index_partner_circle_item:nth-child(1) {
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_page_current .index_partner_circle_item:nth-child(2) {
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 30ms;
    transition-delay: 30ms;
}

.index_page_current .index_partner_circle_item:nth-child(3) {
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms;
}

.index_page_current .index_partner_head .index_public_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.index_partner_logo_current .index_partner_item_box {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;

}

/*--------------------------------------第七屏--------------------------------------*/
.index_page_current .index_news_head .index_public_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_page_current .index_news_head .index_public_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.index_page_current .index_news_item_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.index_page_current .index_news_pagination_box .index_public_pagination_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}


/*-------------------内页-------------------*/

.public_banner_wrap {
    height: 46.875vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
}

.public_banner_box {
    width: 100%;
    position: relative;
    z-index: 2;
}

.public_banner_img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.public_banner_img img {transition: all 10s;}
.AddBannerRead .public_banner_img img {-webkit-transform: scale(1.1); transform: scale(1.1);}
.public_banner_content {
    width: 100%;
}

.public_banner_max {
    font-size: 3.38541666vw;
    line-height: 3.75vw;
    color: #ffffff;
    opacity: 0;
	text-transform: capitalize;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
	font-size: 1.5vw;
	font-family: "DingTalk_JinBuTi", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
	margin-bottom: -6vw;
	text-transform: uppercase;
}

.public_banner_read {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.public_banner_text {
    font-size: 1.875vw;
    line-height: 3.6458333vw;
    color: #ffffff;
}

.public_banner_icon {
    width: 0.625vw;
    height: 0.625vw;
    margin-bottom: 1.041666vw;
    margin-left: 0.625vw;
    background: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.public_nav_wrap {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    /* padding: 0 0 0 8.333vw; */
    height: 4.6875vw;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
}

.public_nav_box {
    background: rgba(255, 255, 255, .9);
    height: 4.6875vw;
	padding: 0 8.333vw;
    /* padding: 0 8.333vw 0 3.125vw; */
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
	backdrop-filter: blur(5px);
}

.public_nav_li:first-child {
    margin-left: 0;
}

.public_nav_li {
    margin-left: 2.5vw;
    position: relative;
}

.public_nav_li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0.15625vw;
    background: #1d2088;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.public_nav_li a {
    line-height: 4.6875vw;
    font-size: 0.8333vw;
    color: #333333;
}

.public_nav_active a {
    color: #1d2088;
}

.public_nav_active:after {
    width: 100%;
}

.public_nav_default a {
    color: #333333;
}

.public_nav_default:after {
    width: 0;
}

.public_nav_hover a {
    color: #1d2088;
}

.public_nav_hover:after {
    width: 100%;
}

.public_nav_icon {
    font-size: 1.1vw;
    line-height: 1.5625vw;
    color: #aaaaaa;
}

.public_nav_default_text,
.public_nav_default_text a {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    color: #999999;
}

.public_nav_current_text,
.public_nav_current_text a {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    color: #999999;
}

.public_nav_current_box:last-child .public_nav_current_text,
.public_nav_current_box:last-child .public_nav_current_text a {
    color: #666;
}

.public_text_icon {
    font-size: 1vw;
    line-height: 1.5625vw;
    color: #aaaaaa;
}

.public_text_current {
    padding-left: 0.625vw;
}

.public_nav_default_text,
.public_nav_current_text,
.public_nav_current_box {
    padding-left: 0.625vw;
}




.public_page_head {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.public_page_title {
    font-size: 2.08333vw;
    line-height: 2.708333vw;
    font-weight: bold;
    color: #222222;
}

.public_page_icon {
    width: 0.625vw;
    height: 0.625vw;
    margin-bottom: 0.3125vw;
    margin-left: 0.625vw;
    background: #1d2088;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.about_company_big {
    width: 52.08333%;
}

.about_company_photo {
    width: 0;
    padding-bottom: 70%;
    position: relative;
    overflow: hidden;
}

.about_company_img {
    height: 100%;
    width: 52.08333vw;
    position: absolute;
    left: 0;
    top: 0;
}

.about_company_content {
    width: 47.91667%;
    padding: 0 8.333vw 0 5.208333vw;
    -webkit-align-items: center;
    align-items: center;
}

.about_company_title {
    font-size: 1.30208333vw;
    line-height: 1.875vw;
    margin-top: 2.34375vw;
    color: #1d2088;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_company_text {
    font-size: 0.8333vw;
    line-height: 1.875vw;
    margin-top: 2.34375vw;
    color: #555555;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);

}

.about_company_box {
    padding: 5vw 0 6.7708333vw 0;
    position: relative;
    z-index: 9;
    -webkit-align-items: center;
    align-items: center;
}

.about_company_wrap {
    position: relative;
    background: #f2f3f5;
}

.about_company_after {
    position: absolute;
    left: 0;
    top: 0;
    /* width: 8.333vw; */
    height: 100%;
}

.about_company_after:after {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
}
.about_history_wrap {padding: 6vw 0;position: relative;padding-bottom: 8.5vw;}
.about_history_img {height: 100%;width: 100%;position: absolute;right: 0;top: 0;z-index: 1;}
.about_history_wrap .web_center {position: inherit; z-index: 9;}
.about_history_box .public_page_title {color: #fff;}
.about_history_box .public_page_icon {background: #fff;}
.history_box {margin-top: 3.5vw;position: relative;padding-bottom: 10vw;}
.history_box .h_content_box {position: relative;width: 100%;}
.history_box .h_content_box .h_content {position: relative;color: #fff; padding-top: 100px;}
.h_content .h-time-bg {position: absolute; opacity: .1; left: 0; right: 0; top:0; font-size: 10vw;line-height: 1em;pointer-events: none;}
.h_content .h-cont { font-size: 1.5vw; line-height: 1.7708333vw; position: relative; padding-bottom: 1.3vw; margin-bottom: 1vw;}
.h_content .h-cont::after {content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 50px; height: 3px; background: #1d2088; margin: auto; border-radius: 10px;}
.h_content .h-time {font-size: 2.5vw; line-height: 1em;}
.history_box .h_content_list {position: absolute;width: 100%;left: 0;bottom: -1vw;z-index: 4;color: #fff;/* transform: rotate(-8deg);margin-top: 3.5vw; */}
.history_box .h_content_list::after {content: '';position: absolute;left: -20%;right: -20%;height: 2px;background: rgba(255,255,255,.25);top: 13px;}
.h_content_list .swiper-container {width: 100%; max-width: 1400px; margin: auto;}
.h_content_list .history-year {width: 100%;font-size: 1.15vw;/* transform: rotate(8deg); */display: flex;flex-direction: column;justify-content: space-between;line-height: 1em;height: 60px;color: #fff;padding-top: 7px;font-weight: 700;transition: all .4s ease;position: relative;z-index: 4;}
.h_content_list .swiper-slide-thumb-active .history-year {color: #1d2088 !important;}
.h_content_list .swiper-slide-thumb-active .history-year span {background: #1d2088 !important;}
.h_content_list .history-year:hover {color: #ffbe41;}
.h_content_list .history-year span {width: 13px;height: 13px;background: #ffffff;border-radius: 50%;margin: 0 auto;transition: all .4s ease;position: relative;}
.h_content_list .history-year:hover span {background: #ffbe41;}
.h_content_list .history-year span::before {}
.h_content_list .history-year span::before, .h_content_list .history-year span::after{content: "";position: absolute;left: 0; right: 0; margin: auto;}
.h_content_list .history-year span::before{width: 25px;height: 25px;border-radius: 50%;margin: -6px -6px;opacity: 0;background: #0056b8;transition: all .4s ease;}
.h_content_list .history-year span::after{width: 2px;height: 12px;top: 10px;/* background: #ffffff; */transition: all .4s ease;}
.h_content_list .swiper-slide-thumb-active .history-year span::before {opacity: 0.2;}
.h_content_box .arrow {position: absolute;left: 95%;top: 50%;margin-top: -40px;width: 50px;height: 80px;z-index: 90;background: rgba(0,0,0,.15);color: #ffffff;line-height: 80px;text-align: center;border-radius: 5px;}
.h_content_box .arrow.swiper-button-disabled {display: none;}
.h_content_box .arrow:hover {background: #1d2088; color: #FFF;}
.h_content_box .arrow i {font-size: 25px;}
.h_content_box .arrow-left {right: 95%;left: auto;}


.about_advantage_wrap {
    padding: 5.46875vw 0;
}

.about_advantage_box {
    position: relative;
}

.about_advantage_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0.0520833vw;
    height: 0;
    background: #e3e3e3;
}

.about_advantage_tips {
    width: 11.25%;
}

.about_advantage_label {
    writing-mode: tb-rl;
    padding-left: 1.041666vw;
    font-size: 0.9375vw;
    color: #aaaaaa;
    text-transform: uppercase;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_advantage_content {
    width: 88.75%;
}

.about_advantage_item_big {
    position: relative;
}

.about_advantage_item_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_advantage_item_box:nth-child(1) .about_advantage_item_icon {
    right: -0.41666vw;
}

.about_advantage_item_icon {
    position: absolute;
    right: -0.78125vw;
    bottom: 0;
    width: 1.5625vw;
    height: 1.5625vw;
    background: #fff;
    box-sizing: border-box;
    border: 0.0520833vw solid #1d2088;
    color: #1d2088;
    font-size: 1vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    box-shadow: 0.26041666vw 0 1.5625vw rgba(29, 32, 136, .4);
}

.about_advantage_item_number {
    position: relative;
}

.about_advantage_item_layer {
    font-size: 3.38541666vw;
    line-height: 3.958333vw;
    color: #1d2088;
}

.about_advantage_item_label {
    font-size: 0.88541666vw;
    line-height: 2.3958333vw;
    margin-left: 0.78125vw;
    font-weight: bold;
    text-transform: uppercase;
    color: #1d2088;
}

.about_advantage_item_box:nth-child(3) .about_advantage_item_label,
.about_advantage_item_box:nth-child(4) .about_advantage_item_label {
    font-size: 1.458333vw;
}

.about_advantage_item_text {
    font-size: 0.8333vw;
    line-height: 1.458333vw;
    margin-top: 0.5208333vw;
    color: #666666;
}

.about_advantage_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 5.208333vw;
}

.about_advantage_read {
    margin-top: 1.5625vw;
    font-size: 0.8333vw;
    line-height: 1.7708333vw;
    color: #333333;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_culture_wrap {
    position: relative;
}

.about_culture_back {
    position: relative;
    width: 100%;
    z-index: 1;
}
.about_culture_back::before,.public_banner_img::before {content: '';position: absolute;left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: .35; z-index: 2;}
.about_culture_img {
    padding-bottom: 48.4375%;
}

.about_culture_box {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
}

.about_culture_item_box {
    width: 33.3333%;
    padding: 10.9375vw 0 3.38541666vw 0;
    position: relative;
}

.about_culture_item_box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0.0520833vw;
    height: 100%;
    background: rgba(255, 255, 255, .2);
}

.about_culture_item_box:last-child:after {
    display: none;
}

.about_culture_item_box:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(31 85 187 / 80%);
    opacity: 0;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.about_culture_item_content {
    padding: 0 2.08333vw;
    height: 100%;
    -webkit-align-content: space-between;
    align-content: space-between;
    z-index: 9;
    position: relative;
}

.about_culture_item_en {
    font-size: 2.6041666vw;
    line-height: 2.86458333vw;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_culture_item_line {
    width: 2.96875vw;
    height: 0.208333vw;
    margin: 1.5625vw auto 0;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_culture_item_line:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.about_culture_item_title {
    font-size: 1.1458333vw;
    line-height: 1.7708333vw;
    margin-top: 2.6041666vw;
    text-align: center;
    color: #ffffff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.about_culture_item_text {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    height: 10.8333vw;
    overflow: auto;
    text-align: center;
    color: #ffffff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.about_culture_item_icon {
    text-transform: uppercase;
    margin-top: 3.125vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_culture_item_label {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    text-align: center;
    color: rgba(255, 255, 255, .4);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.about_culture_item_number {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    margin-top: 0.41666vw;
    text-align: center;
    color: rgba(255, 255, 255, .4);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.about_culture_item_head {
    width: 100%;
}

.about_culture_item_center {
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_culture_item_foot {
    width: 100%;
}

.about_culture_item_current:before {
    opacity: 1;
}

.about_culture_item_current .about_culture_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
}

.about_culture_item_current .about_culture_item_line:after {
    background: rgba(255, 255, 255, 1);
}

.about_culture_item_current .about_culture_item_label,
.about_culture_item_current .about_culture_item_number {
    color: rgba(255, 255, 255, 1);
}


.about_qualification_head {
    -webkit-justify-content: center;
    justify-content: center;
}

.about_qualification_img {
    padding-bottom: 148.444%;
}

.about_qualification_tab {
    margin-top: 4.1666vw;
}

.about_qualification_wrap {
    padding: 7.03125vw 0 6.25vw 0;
    position: relative;
}

.about_qualification_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	pointer-events: none;
}

.about_qualification_box {
    position: relative;
    z-index: 9;
}

.about_qualification_line {
    height: 0.208333vw;
    margin-top: 3.38541666vw;
    background: rgba(91, 91, 91, .2);
    position: relative;
    width: 0;
}

.about_qualification_after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #1d2088;
}

.about_qualification_title {
    line-height: 2.08333vw;
    font-size: 0.9375vw;
    color: #333333;
    margin-top: 1.041666vw;
    text-align: center;
}


.public_page_text {
    font-size: 0.8333vw;
    line-height: 1.666vw;
    margin-top: 1.30208333vw;
    color: #333333;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.development_idea_wrap {
    padding: 6.7708333vw 0 7.55208333vw 0;
}

.development_idea_item_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    -webkit-align-content: space-between;
    align-content: space-between;
    padding: 3.125vw 0;
}

.development_idea_item_back {
    padding-bottom: 125%;
    position: relative;
}

.development_idea_item_back img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.development_idea_item_back:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ecf0f7;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}
.development_idea_item_back::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;-webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99); transition: all .8s cubic-bezier(.69, .27, .45, .99); background: rgba(0,0,0,.3); z-index: 5; opacity: 0;}
.development_idea_item_current .development_idea_item_back::before {opacity: 1;}
.development_idea_item_box:nth-child(2n) .development_idea_item_back:after {
    background: #f8fbff;
}

.development_idea_item_box {
    width: 20%;
    position: relative;
}

.development_idea_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9;
}

.development_idea_item_icon {
    font-size: 2.6041666vw;
    line-height: 2.6041666vw;
    color: #222222;
    width: 100%;
    text-align: center;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.development_idea_item_center {
    text-align: center;
    width: 100%;
}

.development_idea_item_cn {
    font-size: 1.5625vw;
    line-height: 2.1875vw;
    font-weight: bold;
    color: #333333;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.development_idea_item_en {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    margin-top: 0.208333vw;
    text-transform: uppercase;
    color: #333333;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.development_idea_item_foot {
    width: 100%;
}

.development_idea_item_line {
    width: 1.30208333vw;
    height: 1.30208333vw;
    position: relative;
    margin: 0 auto;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.development_idea_item_line:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 0.15625vw;
    height: 100%;
    background: #cccfe7;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.development_idea_item_line:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    height: 0.15625vw;
    width: 100%;
    background: #cccfe7;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.development_idea_list {
    margin-top: 5.208333vw;
}

.development_idea_item_current .development_idea_item_back img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.development_idea_item_current .development_idea_item_back:after {
    opacity: 0;
}

.development_idea_item_current .development_idea_item_icon {
    color: #fff;
}

.development_idea_item_current .development_idea_item_cn {
    color: #fff;
}

.development_idea_item_current .development_idea_item_en {
    color: #fff;
}

.development_idea_item_current .development_idea_item_line:after {
    background: #fff;
    height: 0;
}

.development_idea_item_current .development_idea_item_line:before {
    background: #fff;
}


.development_idea_item_hover .development_idea_item_back img {
    -webkit-transform: scale(1);
    transform: scale(1);
}


/*默认*/
.development_idea_item_default .development_idea_item_back:after {
    -webkit-transition-delay: 0ms !important;
    transition-delay: 0ms !important;
}

.development_idea_item_default .development_idea_item_icon {
    -webkit-transition-delay: 0ms !important;
    transition-delay: 0ms !important;
}

.development_idea_item_default .development_idea_item_cn {
    -webkit-transition-delay: 0ms !important;
    transition-delay: 0ms !important;
}

.development_idea_item_default .development_idea_item_en {
    -webkit-transition-delay: 0ms !important;
    transition-delay: 0ms !important;
}

.development_idea_item_default .development_idea_item_line:after {
    -webkit-transition-delay: 0ms !important;
    transition-delay: 0ms !important;
}

.development_idea_item_default .development_idea_item_line:before {
    -webkit-transition-delay: 0ms !important;
    transition-delay: 0ms !important;
}


.development_energy_tab {
    padding: 0 6.25vw;
    margin-top: 5.208333vw;
}

.development_energy_item_box {
    width: 29.779411%;
    margin-right: 5.3308835%;
    position: relative;
}

.development_energy_item_box:nth-child(3n) {
    margin-right: 0;
}

.development_energy_item_circle {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;

    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.development_energy_item_circle svg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    fill: #fff;
    fill-opacity: 0;
    stroke: #fff;
    stroke-width:0.0520833vw;

}

.development_energy_item_circle svg circle {
    stroke-dasharray: 314.15927%;
    stroke-dashoffset:314.15927%;

}

.development_energy_item_content {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    padding: 0 2.08333vw;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.development_energy_item_icon {
    position: relative;
    width: 5.26041666vw;
    height: 5.26041666vw;
    margin: 0 auto;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.development_energy_item_back {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}

.development_energy_item_svg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.development_energy_item_default svg {
    width: 100%;
    fill: #fff;
    z-index: 2;
}

.development_energy_item_default {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(28deg);
    transform: translateX(-50%) translateY(-50%) rotate(28deg);
}

.development_energy_item_animate svg {
    width: 89.10891%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    fill: #fff;
    fill-opacity: 0;
    stroke: #fff;
    stroke-linejoin: round;
    stroke-width: 0.0520833vw;
    fill-rule: evenodd;

}

.development_energy_item_label {
    position: relative;
    z-index: 2;
    font-size: 1.51041666vw;
    color: #1d2088;
}

.development_energy_item_label.icon-a-08 {
    font-size: 1.666vw;
}

.development_energy_item_label.icon-a-11 {
    font-size: 1.875vw;
}

.development_energy_back {
    padding-bottom: 46.875%;
    z-index: 1;
}

.development_energy_wrap {
    position: relative;
}

.development_energy_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-align-items: center;
    align-items: center;
}

.development_energy_big {
    width: 100%;
}

.public_page_center .public_page_head {
    -webkit-justify-content: center;
    justify-content: center;
}

.public_page_center .public_page_text {
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
}

.public_page_white .public_page_title {
    color: #fff;
}

.public_page_white .public_page_icon {
    background: #fff;
}

.public_page_white .public_page_text {
    color: #fff;

}

.development_energy_item_text {
    color: #fff;
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    margin-top: 1.5625vw;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.innovation_output_wrap {
    padding: 7.8125vw 0 7.08333vw 0;
    position: relative;
}
.innovation_output_list {justify-content: space-between;}

.innovation_output_item_box {
    width: 48.875%;
    margin-right: 2.25%;
	margin-top: 2.25%;
    position: relative;
}
.innovation_output_item_box:nth-child(2n) {
    margin-right: 0;
}
.innovation_output_item_box:nth-child(1),.innovation_output_item_box:nth-child(2) {
	margin-top:0;
}
.item-3_box,.item-3_list {width: 32%;margin-right: 2%;}
.item-5_list {margin-top: 1.5%;}
.item-5_list,.item-5_list:nth-child(2n) {width: 18.8%; margin-right: 1.5%;}

.surface_list .innovation_output_item_img {padding-bottom: 75%;}
.surface_list .innovation_output_item_title {bottom: 0; padding: .35vw .5vw; background: #1d2088; font-size: 1vw; font-weight: normal; line-height: 1em;}
.item-3_box:nth-child(2n) {margin-right: 2%;}
.item-3_box:nth-child(3) {margin-top: 0; margin-right: 0;}
.item-3_box:nth-child(4),.item-3_box:nth-child(5),.item-3_box:nth-child(6) {margin-top: 2%;}
.item-3_box:nth-child(6) {margin-right: 0;}
.item-3_list {margin-bottom: 2%; margin-top: 0 !important;}
.item-3_list:nth-child(2n) {margin-right: 2%;}
.item-3_list:nth-child(3n),.item-5_list:nth-child(5n) {margin-right: 0;}
.item-3_list .innovation_output_item_title { font-size: 1vw; bottom: 1vw; font-weight: normal;}
.item-5_list:nth-child(3),.item-5_list:nth-child(4),.item-5_list:nth-child(5) { margin-top: 0;}


.surface_form table .form-tit,.surface_form table .form-tit th {background: #1d2088; color: #FFF; font-size: 0.9vw;}
.surface_form table th,.surface_form table td {padding: 0.6vw; text-align: center; font-size: 0.85vw; border-color: #DDD;}
.surface_form table tbody tr td.mate {color: #1d2088;}
.surface_form table tbody tr td.on {color: #009944; font-size: 1vw;}
.surface_form table tbody tr td.off {color: red; font-size: 1vw;}

.innovation_output_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0) 60%);
}
.nops .innovation_output_item_box:after {display: none;}
.innovation_output_item_box.no-h:after {opacity: 0;}

.innovation_output_item_box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9;
}

.innovation_output_item_img {
    padding-bottom: 65%;
}

.innovation_output_item_title {
    width: 100%;
    padding: 0 2.08333vw;
    font-size: 1.25vw;
    line-height: 1.875vw;
    font-weight: bold;
    position: absolute;
    text-align: center;
    z-index: 2;
    left: 0;
    bottom: 1.82291666vw;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.innovation_output_tab {
    margin-top: 2.5vw;
    position: relative;
    z-index: 9;
}

.innovation_output_base {
    position: absolute;
    right: -4.4791666vw;
    top: 2.34375vw;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    width: 28.2291666vw;
    z-index: 9;
    opacity: 0;
}

.innovation_output_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    /*height: 18.2291666vw;*/
    height: 0;
    width: 100%;
    background: #f4f4f4;
}
.innovation_output_wrap.no-h:after {opacity: 0;}

.innovation_auto_photo {
    width: 50%;
    overflow: hidden;
    position: relative;
}

.innovation_auto_photo:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.innovation_auto_foot .innovation_auto_photo:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.innovation_auto_content {
    width: 50%;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}

.innovation_auto_text {
    font-size: 0.9375vw;
    line-height: 1.875vw;
    margin-top: 2.6041666vw;
    color: #666666;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.innovation_auto_read {
    width: 100%;

}

.innovation_auto_head .innovation_auto_content {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.innovation_auto_head .innovation_auto_read {
    margin-top: 8.333vw;
}

.innovation_auto_img {
    padding-bottom: 72.91666%;
}

.innovation_auto_back {
    position: absolute;
    left: -6.1458333vw;
    bottom: 2.6041666vw;
    z-index: 9;
    text-transform: uppercase;
    -webkit-text-stroke: 0.0520833vw #dedede;
    color: rgba(255, 255, 255, 0);
    font-size: 7.291666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(-3vw);
    transform: translateX(-3vw);
}

.product_page_wrap {
    padding: 6.25vw 0 3.6458333vw 0;
}


.product_page_item_box {
    width: 49%;
    margin: 0 2% 2% 0;
    position: relative;
    /* cursor: pointer; */
    opacity: 0;
    /* pointer-events: none; */
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
	background: #f5f5f5;
	overflow:hidden;
}
.product_page_item_box::after {
	content: '';
	    position: absolute;
	    left: 0;
	    bottom: 0;
	        width: 100%;
	        height: 60%;
	    z-index: 2;
	    background-image: linear-gradient(to top, rgba(0, 2, 59, .8) 0%, rgba(0, 2, 59, 0) 50%);
	    opacity: 0;
	    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
	    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}
.product_page_item_box:hover::after {opacity: 1;}
.product_page_item_box:nth-child(2n) {
    margin: 0 0 2% 0;
}
.product_item_read {
	position: absolute;
	bottom: 1.82291666vw;
	left: 0;
	width: 100%;
	padding: 0 1.9791666vw;
	z-index: 3;
	text-align: center;
}
.product_item_title {
    font-size: 1.25vw;
    line-height: 1.5625vw;
    margin-bottom: 0.3125vw;
    font-weight: bold;
    color: #111;
    /* font-weight: 100; */
	transition: all .8s;
}
.product_item_text {
    font-size: 0.98125vw;
    line-height: 1.458333vw;
    color: #999;
	transition: all .8s;
}
.product_page_item_box:hover .product_item_title,.product_page_item_box:hover .product_item_text {color: #fff;}
.product_page_item_box:hover .cover img {transform: translateZ(0) scale(1.1); -webkit-transform: translateZ(0) scale(1.1); -ms-transform: translateZ(0) scale(1.1);}
.product_page_item_img {
    padding-bottom: 85%;top: -5%;
}
.product_page_item_img img {transition: all .8s;}
.product_page_item_hover {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(255, 255, 255, .8);
    z-index: 9;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.product_page_item_after {
    font-size: 1.3541666vw;
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.product_page_item_box:hover .product_page_item_hover {
    width: calc(100% - 0.67708333vw);
    height: calc(100% - 0.67708333vw);
    opacity: 1;
}

.product_page_item_box:hover .product_page_item_after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.product_page_list {
    margin-top: 3.4375vw;
}

.product_popup_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, .76);
    -webkit-align-items: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.product_popup_close_btn {
    position: absolute;
    right: 1.5625vw;
    top: 1.5625vw;
    width: 2.6041666vw;
    height: 2.6041666vw;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.product_popup_close_btn:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.product_popup_close_label {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.product_popup_close_label:after {
    content: "";
    width: 0.1041666vw;
    height: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #fff;
    -webkit-border-radius: 0.0520833vw;
    border-radius: 0.0520833vw;
}

.product_popup_close_label:before {
    content: "";
    width: 90%;
    height: 0.1041666vw;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #fff;
    -webkit-border-radius: 0.0520833vw;
    border-radius: 0.0520833vw;
}

.product_popup_active {
    opacity: 1;
    pointer-events: auto;
}

.product_popup_box {
    padding: 0 2.08333vw;
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.product_popup_button {
    width: 3.125vw;
    height: 3.125vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: rgba(255, 255, 255, .1);
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    outline: none;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.product_popup_button svg {
    fill: #fff;
    width: 28.333%;
}

.product_popup_button:hover {
    background: #1d2088;
}

.product_popup_prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.product_popup_tab {
    width: 30%;
}

.product_popup_img {
    padding-bottom: 144.15584%;
}

.product_page_button {
    margin-top: 2.6041666vw;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.product_btn_box {
    cursor: pointer;
}

.product_btn_text {
    font-size: 0.9375vw;
    line-height: 2.6041666vw;
    color: #999999;
    font-family: "Microsoft YaHei UI Light", "Manrope-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.product_btn_icon {
    width: 0.57291666vw;
    margin-left: 0.625vw;
}

.product_btn_icon svg {
    fill: #999999;
}

/* 产品展示内页 */
#products .products_box.product_view {padding: 50px;border-radius: 5px;box-shadow: 0 0 3px 0px #00000014;}
.product_view .view_top .p-info {position: absolute;right: 0;width: 55%;top: 0px;z-index: 10; width: calc(100% - 550px);}
.product_view .view_top .p-info h3.title {font-size: 3.2rem;line-height: 35px;font-weight: bold;font-size: 2vw;line-height: 1.5em;}
.product_view .view_top .p-info p.subtitle {font-size: 1.25vw;margin-top: 5px;}
.product_view .view_top .p-info p.parameter {font-size: 0.8033vw;line-height: 1.7708333vw;color: #666;height: 250px;overflow-y: auto;z-index: 5;padding: 15px 20px 15px 0;font-weight: 100;}
.product_view .view_top .p-info p.parameter::-webkit-scrollbar {width: 3px !important;display: block !important; opacity: 1 !important;}
.p-info .parameter-box::after,.p-info .parameter-box::before{content:'';position:absolute;top:0;left:0;right:10px;background-image: linear-gradient(0deg,rgb(255 255 255 / 0%) 0%,rgb(255 255 255) 100%);z-index:9;height: 30px;}
.p-info .parameter-box::before{bottom:0;top:auto;background-image: linear-gradient(180deg,rgb(255 255 255 / 0%) 10%,rgb(255 255 255) 90%);height: 35px;}

.product_view .view_top .p-contact {line-height: 30px;font-size: 0.8333vw;color: #888;background: #F9F9F9;padding: 15px 20px;border-radius: 5px;}
.product_view .view_top .bz {position: absolute; width: 55%; right: 0;bottom: 0; z-index: 11;width: calc(100% - 550px);}
.product_view .view_top .p-contact i {font-size: 22px; margin-right: 5px; vertical-align:middle }
.product_view .view_top .p-contact span {font-size: 1.5375vw;font-weight: bold;}
.product_view .view_top .p-contact .col-2 {width: 50%;}
.product_view .view_top .l-link li {float: left;font-size: 14px;margin-right: 10px;}
.product_view .view_top .l-link li a {display: block;line-height: 30px;background: #F1F1F1;color: #666;padding: 0 15px;font-weight: 400;}
.product_view .view_top .p-link a {width: 150px;height: 45px;line-height: 45px;color: #1d2088;text-align: center;margin-right: 20px;border: 1px solid #1d2088; font-size: 1.6rem;}
.product_view .view_top .p-link a i {font-size: 2rem;margin-right: 5px;}
.product_view .view_top .p-link a:hover,.product_view .view_top .p-info .l-link li a:hover {background: #1d2088; color: #FFF; overflow: visible;}
.product_view .view_top .more-link a {z-index: 20;}

.product_view .view_hd {/* background: #EEE; */border-bottom: 2px solid #f2f2f2;}
.product_view .view_hd ul li {line-height: 60px;font-size: 1.0333vw;margin-right: 3.125vw;letter-spacing: 0.03em;margin-bottom: -2px;}
.product_view .view_hd ul li a {display: block;color: #212f40;border-radius: 5px 5px 0 0;padding: 0 5px;}
.product_view .view_hd ul li:hover a { color: #1d2088;}
.product_view .view_hd ul li.cur a {color: #1d2088;border-bottom: 2px solid #1d2088;font-weight: bold;}

.product_view .view_content img {margin: 0 auto;}
.product_view .view_content table {width: 100% !important;font-size: 0.8333vw;color: #666;}
.product_view .view_content table tr:nth-child(odd) {background: #f7f7f7;}
.product_view .view_content table tr td {padding: 8px 30px; box-sizing: border-box;/* text-align: left; *//* border-right: 1px solid #e9e9e9; */}
.product_view .view_content table tr td:last-child/* ,.product_view .view_content table tr td:first-child */ {border-right: 0px;}
.product_view .view_content table tr:hover {background: #00000015;}
.product_view .view_content table tr td:hover { color: #1d2088;}
/* .product_view .view_content table tr td:nth-child(2n+1) {width: 20%;color: #111;}
.product_view .view_content table tr td:nth-child(2n) {width: 30%;} */
.product_view .view_more ul{margin-right:-2%}
.product_view .view_more ul li{width:23%;margin-right:2%;margin-bottom:2%}
.product_view .view_more ul li .pic{height:0;padding-bottom:85%;width:85%;background-position:center;background-size:cover;margin:auto;border:1px solid #EEE;border-radius:20px}
.product_view .view_more ul li .info p.title{font-size:1.7rem}
.product_view .view_more ul li:hover .info p.title{color:#1d2088;}

.recommend-title {height: 20px;position: relative;margin-bottom: 30px;}
.recommend-title h4 {position: absolute;left: 0px;top: 0;bottom: 0;line-height: 20px;font-size: 19px;color: #444;height: 20px;font-weight: bold;border-left: 3px solid #1d2088;padding-left: 20px;letter-spacing: 0.05em;}
.related_case_list ul {margin-right: -2%;}
.related_case_list li {width: 23%; margin-right: 2%; margin-bottom: 2%;box-shadow: 0 0 2px rgba(0,0,0,.05);}
.related_case_list li .pic_box {height: 0;width: 100%; padding-bottom: 63%;}
.related_case_list li .pic_box .img {position: absolute;left: 0; top: 0; width: 100%; height: 100%; z-index: 90;}
.related_case_list li .pic_box .img span {background-position: center; background-size: cover; display: block;height: 100%; width: 100%;}
.related_case_list li .pic_box .play {position: absolute;left: 20px;bottom: 20px;width: 55px;height: 40px;border-radius: 10px;border: 2px solid #fff;background: rgba(255,255,255,.1);z-index: 99;text-align: center;line-height: 40px;box-shadow: 0 0 3px rgba(0,0,0,.05);opacity: 0;}

.related_case_list li .pic_box .play i {font-size: 22px;color: #fff;}
.related_case_list li .case_info {padding: 10px 25px;line-height: 1.5em;font-size: 14px;}
.related_case_list li .case_info .title {font-size: 1.65rem;color: #000;line-height: 2em;}
.related_case_list li .case_info .data {font-size: 1.5rem; color: #999;}
.related_case_list li .case_info .data span {margin: 0 5px;}
.related_case_list li .case_info .data span i {margin-right: 5px;}
.related_case_list li .pic_box::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 95; background: url(../images/case_bg.png) repeat-x left bottom; opacity: 0;transition: all .5s;}
.related_case_list li:hover {-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1); box-shadow: 0 15px 30px rgba(0,0,0,.1); -webkit-transform: translate3d(0,-5px,0);}
.related_case_list li:hover .case_info .title {color: #1d2088;}
.related_case_list li:hover .pic_box .play {opacity: .75;}
.related_case_list li .pic_box .play:hover { background: #1d2088; border: 2px solid #1d2088;opacity: 1;}
.related_case_list li .pic_box .play:hover i {font-size: 25px;}
.related_case_list li:hover .pic_box .img {transform: translateZ(0) scale(1.05); -webkit-transform: translateZ(0) scale(1.05); -ms-transform: translateZ(0) scale(1.05);}
.related_case_list li:hover .pic_box::after {opacity: .5;}
.more-link a,.more-link .btn {position: relative; z-index: 99; padding: 12px 45px 12px 50px; border-radius: 5px; background: #1d2088; color: #fff; font-size: 0.8333vw;    text-transform: uppercase; letter-spacing: 0.1em;line-height: 30px;display: inline-block;font-weight: 100; font-family: 'en_light','Microsoft Yahei';}
.more-link a:hover,.more-link .btn:hover {color: #FFF;}
.more-link a::before,.more-link .btn::before {content: '';width: 34px;height: 100%;border-bottom-right-radius: 50px;border-top-right-radius: 50px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;background: rgba(0,0,0,.2);position: absolute;z-index: 9;top: 0;left: -1px;}
.more-link a div.more,.more-link .btn div.more { position: relative; z-index: 99;}
.more-link a .icon,.more-link .btn .icon {position: absolute;left: 10px;z-index: 99;top: 0;bottom: 0;align-items: center;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.more-link a .icon i { font-size: 12px; font-weight: bold;}
.more-link a:hover:before,.more-link .btn:hover:before {width: 100%!important; border-bottom-right-radius: 5px!important; border-top-right-radius: 5px!important; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; /* background: #1769cd; */ color: #11161e!important; position: absolute; z-index: 9; top: 0; left: 0;}
.more-link.more-a a {margin-right: 20px;}

.view_content {font-size: 0.9vw;line-height: 2.3em;color: #333;word-wrap: break-word;text-align: justify;padding: 25px 0;font-weight: lighter;}
.view_content a {color: #333;}.view_content a:hover {color: #1d2088;}
.view_content img {display: block; float: none; margin: 15px auto; max-width: 100%; height: auto;}




.partner_page_wrap {
    padding: 6.25vw 0 3.6458333vw 0;
    background: #f4f4f4;
}

.partner_page_list {
    margin-top: 4.1666vw;
}

.partner_page_item_box {
    width: 15%;
        margin: 0 1.666% 1.666% 0;
        background: #fff;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(3vw);
        transform: translateY(3vw);
        box-shadow: 0px 8px 23px 6px rgb(232 233 255 / 50%);
}

.partner_page_item_box:nth-child(6n) {
    margin: 0 0 1.666% 0;
}

.partner_page_item_img {
    padding-bottom: 60%;
}
.partner_page_item_img img {bottom: 0; right: 0; width: auto; height: 70%; margin: auto;}

.news_number_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.news_number_max {
    font-size: 3.541666vw;
    line-height: 3.125vw;
    color: #666666;
}

.news_number_min {
    font-size: 0.9375vw;
    line-height: 1.666vw;
    color: #aaaaaa;
}

.news_number_title {
    margin-top: 1.82291666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.news_number_title a {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #333333;
    font-weight: bold;
}

.news_number_text {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    height: 7.8125vw;
    margin-top: 0.78125vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    color: #666666;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.news_number_button {
    margin-top: 1.30208333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.news_slide_item_box {
    background: #f5f5f5;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
}

.news_page_tab {
    width: 40%;
    padding: 0 3.90625vw 0 3.38541666vw;
    position: relative;
}

.news_page_swiper {
    height: 100%;
}

.news_page_photo {
    width: 60%;
    height: 100%;
    position: relative;
}

.news_img_slide a {
    display: block;
}

.news_img_box {
    padding-bottom: 62.5%;
    position: relative;
}

.news_page_photo:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    z-index: 10;
}

.news_page_wrap {
    padding: 5.208333vw 0 5.7291666vw 0;
}

.news_page_content {
    background: #f5f5f5;
    padding-bottom: 5.208333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.news_page_line {
    width: 100%;
    height: 0.208333vw;
    background: rgba(91, 91, 91, .2);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
}

.news_page_after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #1d2088;
}

.about_qualification_line_animate {
    -webkit-animation: strengthLineWidth 10s forwards linear normal;
    animation: strengthLineWidth 10s forwards linear normal;
}


.news_page_swiper .swiper-slide-active .news_number_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.news_page_swiper .swiper-slide-active .news_number_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.news_page_swiper .swiper-slide-active .news_number_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.news_page_swiper .swiper-slide-active .news_number_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.news_page_item_box {
    width: 31.875%;
    margin: 0 2.1875% 3.6458333vw 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.news_page_item_box:hover .news_page_item_img a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.news_page_item_box:hover .news_page_item_title a {
    color: #1d2088;
}

.news_page_item_box:hover .index_news_btn_icon {
    background: #1d2088;
}

.news_page_item_box:hover .index_news_btn_text {
    color: #1d2088;
}

.news_page_item_box:nth-child(3n) {
    margin: 0 0 3.6458333vw 0;
}

.news_page_item_img a {
    display: block;
    padding-bottom: 64.70588%;
    position: relative;
}

.news_page_item_img a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9;
}

.news_page_item_img a img {
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.news_page_item_time {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    padding: 1.666vw 0 0.8333vw 0;
    color: #333333;
}

.news_page_item_line {
    height: 0.0520833vw;
    width: 100%;
    background: #eaeaea;
}

.news_page_item_title {
    margin-top: 1.30208333vw;
}

.news_page_item_title a {
    max-width: 100%;
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #222222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);

}

.news_page_big {
    padding: 4.1666vw 0 2.6041666vw 0;
}

.news_page_item_button {
    margin-top: 1.458333vw;
}

.page_number_box {
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.page_number_box a {
    width: 2.291666vw;
    color: #999999;
    font-size: 0.8333vw;
    line-height: 2.291666vw;
    margin: 0 0.5208333vw;
    text-align: center;
    position: relative;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}
.pagination li {display: inline-block;}
.pagination li.prev a {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.pagination li a {width: 3vw;height: 3vw;line-height: 3vw;font-size: 1vw;}
.pagination li a i {font-size: 0.8vw; margin-left: 5px;}
.pagination li a:after {border-radius: 50%;}
.pagination li.active a {background: #eee; border-radius: 50%; color: #1d2088;}
.pagination li.active a:hover:after {background: none; border: none;}
.page_number_box .page_number_btn {
    width: auto;
    padding: 0 1.40625vw;
}

.page_number_box a:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 0.0520833vw solid #dedede;
    -webkit-border-radius: 1.1458333vw;
    border-radius: 1.1458333vw;
    z-index: -1;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}


.page_number_box a:hover {
    color: #fff;
}

.page_number_box a:hover:after {
    background: #1d2088;
    border: 0.0520833vw solid #1d2088;
}

.news_read_content {
    width: 74.25%;
}

.news_related_content {
    width: 25.75%;
    padding-left: 4.6875vw;
}

.news_read_wrap {
    padding: 5.7291666vw 0;
}

.news_read_title {
    font-size: 1.7708333vw;
    line-height: 2.08333vw;
    margin-bottom: 1.5625vw;
    font-weight: bold;
    color: #222222;
}

.news_read_label {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    margin-bottom: 2.1875vw;
    color: #999999;
    margin-right: 3.125vw;
}

.news_read_label:last-child {
    margin-right: 0;
}

.news_read_line {
    height: 0.0520833vw;
    width: 100%;
    background: #eaeaea;
}

.news_read_bjq {
    padding: 2.6041666vw 0 5.208333vw 0;
}

.news_read_bjq p {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.news_read_bjq,
.news_read_bjq p {
    font-size: 0.8333vw;
    line-height: 1.7708333vw !important;
    color: #333333;
}

.news_read_bjq img {
    padding: 1.7708333vw 0;
    width: auto;
    display: inline-block;
    max-width: 100%;
}

.news_related_title {
    font-size: 1.25vw;
    line-height: 1.875vw;
    color: #333333;
}

.news_related_line {
    margin-top: 0.5208333vw;
    width: 100%;
    height: 0.0520833vw;
    background: #e8e8e8;
}

.news_related_list {
    margin-top: 2.08333vw;
}

.news_related_item_img a {
    display: block;
    padding-bottom: 57.8125%;
}

.news_related_item_time {
    font-size: 0.8333vw;
    line-height: 1.1458333vw;
    margin-top: 1.041666vw;
    color: #999999;
}

.news_related_item_title {
    margin-top: 0.5208333vw;
}

.news_related_item_title a {
    max-width: 100%;
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    max-width: 100%;
    font-weight: bold;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.news_related_item_text {
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    margin-top: 0.625vw;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_related_item_box {
    margin-bottom: 2.291666vw;
}

.news_related_item_box:hover .news_related_item_img a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.news_related_item_box:hover .news_related_item_title a {
    color: #1d2088;
}

.news_related_item_img a img {
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.news_navigation_box {
    padding: 0 2.6041666vw;
    -webkit-align-items: center;
    align-items: center;
    background: #f6f6f6;
}

.news_navigation_icon {
    line-height: 3.38541666vw;
    font-size: 0.78125vw;
    color: #666666;
    padding-left: 0.9375vw;
}

.news_navigation_text {
    line-height: 3.38541666vw;
    font-size: 0.78125vw;
    color: #666666;
}

.news_navigation_prev .news_navigation_icon {
    transform: rotate(180deg);
}

.news_navigation_list a {
    width: 1.041666vw;
}

.news_navigation_list a svg {
    fill: #999999;
}

.news_navigation_btn {
    width: calc(50% - 0.5208333vw);
}

.news_navigation_next {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.contact_page_content {
    width: 50%;
}

.contact_page_map_wrap {
    width: 50%;
    position: relative;
}

.contact_page_map_wrap:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99;
}

.contact_page_map_box {
    padding-bottom: 97.3958333%;
    position: relative;
}

.contact_wap_read {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


.BMap_Marker .wap_list {
    opacity: 0;
}

.BMap_noprint .wap_list {
    opacity: 1;
}

.wap_list {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(150%) scaleY(.4);
    transform: translateX(-50%) translateY(150%) scaleY(.4);
    width: 0.8vw;
    height: 0.8vw;
}

.wap_list .wap_item_label {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #1d2088;
}

.wap_item_label:nth-child(2) {
    -webkit-animation: jing_scale 2.4s linear infinite normal both;
    animation: jing_scale 2.4s linear infinite normal both;
}

.wap_item_label:nth-child(3) {
    -webkit-animation: jing_scale 2.4s .8s linear infinite normal both;
    animation: jing_scale 2.4s .8s linear infinite normal both;
}

.wap_item_label:nth-child(4) {
    -webkit-animation: jing_scale 2.4s 1.6s linear infinite normal both;
    animation: jing_scale 2.4s 1.6s linear infinite normal both;
}

@-webkit-keyframes jing_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 160%;
        height: 160%;
        opacity: 0.6;
    }
    40% {
        width: 220%;
        height: 220%;
        opacity: 0.4;
    }
    60% {
        width: 280%;
        height: 280%;
        opacity: .2;
    }
    80% {
        width: 340%;
        height: 340%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes jing_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 160%;
        height: 160%;
        opacity: 0.6;
    }
    40% {
        width: 220%;
        height: 220%;
        opacity: 0.4;
    }
    60% {
        width: 280%;
        height: 280%;
        opacity: .2;
    }
    80% {
        width: 340%;
        height: 340%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}


.contact_page_ewm_box {
    width: 9.2708333vw;
    margin-top: 2.86458333vw;
}

.contact_page_ewm_img {
    padding-bottom: 100%;
    box-sizing: border-box;
    border: 0.15625vw solid #ececec;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}


.contact_page_ewm_title {
    text-align: center;
    font-size: 0.8333vw;
    line-height: 1.25vw;
    margin-top: 0.8333vw;
    color: #999;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.contact_page_address {
    margin-top: 2.08333vw;
}

.contact_page_text a {
    font-size: 0.8333vw;
    line-height: 2.08333vw;
    color: #666666;
}
.contact_page_text {
    font-size: 0.8333vw;
    line-height: 2.08333vw;
    color: #666666;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.contact_page_center {
    width: 100%;
    margin-top: 3.208333vw;
}

.contact_page_content {
    -webkit-align-items: center;
    align-items: center;
}

.development_saving_wrap {
    padding: 6.25vw 0 7.55208333vw 0;
    position: relative;
}

.development_saving_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.development_saving_box {
    position: relative;
    z-index: 2;
	overflow: hidden;
}

.development_saving_box:nth-child(5n) {
    margin: 0;
}

.development_saving_list {
    margin-top: 5.208333vw;
}

.development_saving_item_box {
    width: 19.0625%;
    margin: 0 1.171875% 0 0;
    position: relative;
}

.development_saving_item_big {
    position: relative;
    padding-bottom: 130.1639%;
}

.development_saving_item_foot {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 112.459016%;
}

.development_saving_item_back {
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}
.development_saving_item_back img,.development_saving_back img {pointer-events: none;}

.development_saving_item_content {
    position: absolute;
    left: 0;
    width: 100%;
    top: 25%;
    /* -webkit-transform: translateY(-50%);
    transform: translateY(-50%); */
}

.development_saving_item_circle {
    position: absolute;
    left: 50%;
    top: -1.6666vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 4.375vw;
    height: 4.375vw;

    margin: 0 auto;
    z-index: 1;

}

.development_saving_item_top {
    line-height: 4.375vw;
    font-size: 1.5625vw;
    color: #23268b;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 0 1.041666vw rgba(223, 223, 223, .3);
    text-align: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.development_saving_item_title {
    color: #1d2088;
    font-size: 1.25vw;
    line-height: 1.875vw;
    margin-top: 2.08333vw;
    font-weight: bold;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
	font-weight: 100;
}

.development_saving_item_icon {
    color: rgb(43 90 197 / 45%);
    font-size: 1.2vw;
    margin-top: 0.7vw;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.development_saving_item_icon:before {
    display: block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.development_saving_item_text {
    color: #888888;
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    margin-top: 1vw;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
    font-weight: 100;
}


.development_saving_read {
    text-align: center;
    font-size: 1.7708333vw;
    line-height: 2.6041666vw;
    margin-top: 3.90625vw;
    color: #23268b;
}

.development_saving_item_svg {
    position: absolute;
    right: -51%;
    top: -11%;
    width: 13.958333vw;
    overflow: hidden;
}

.development_saving_item_animate {
    width: 0;
    overflow: hidden;
}

.development_saving_item_label {
    width: 13.958333vw;
    fill: #009944;
}

.development_saving_item_box:nth-child(5n) {
    margin: 0;
}

.development_saving_item_box:nth-child(5n) .development_saving_item_svg {
    display: none;
}

/*.development_saving_item_box:nth-child(2n) {*/
/*    margin-top: 2.6041666vw;*/
/*}*/

.development_saving_item_box:nth-child(2n) .development_saving_item_svg {
    top: -25%;
    right: -44%;
}

.development_saving_item_box:nth-child(2n) .development_saving_item_label {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);

    fill: #23268b;
}

.about_qualification_swiper {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.AddBannerRead .public_banner_max {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
	opacity: 0.6;
}

.AddBannerRead .public_banner_read {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddBannerRead .public_nav_wrap {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}


.AddAboutCompanyWrap .about_company_photo {
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddAboutCompanyWrap .about_company_after:after {
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}


.AddAboutCompanyWrap .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.AddAboutCompanyWrap .about_company_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}

.AddAboutCompanyWrap .about_company_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.AddAboutAdvantageBox:after {
    height: 100%;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddAboutAdvantageBox .about_advantage_label {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddAboutAdvantageBox .public_page_head,.AddAboutHistoryBox .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddAboutAdvantageBox .about_advantage_read {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddAboutAdvantageBox .about_advantage_item_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.AddAboutCultureBox .about_culture_item_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddAboutCultureBox .about_culture_item_line {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddAboutCultureBox .about_culture_item_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}
.AddAboutCultureBox .about_culture_item_center {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}
.AddAboutCultureBox .about_culture_item_icon {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}


.AddAboutQualificationHead .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}


.AddAboutQualificationBox {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddAboutQualificationLine {
    pointer-events: auto;
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}


.AddDevelopmentIdeaBox .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddDevelopmentIdeaBox .public_page_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddDevelopmentIdeaItemBox:after {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddDevelopmentIdeaItemBox .development_idea_item_icon {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.AddDevelopmentIdeaItemBox .development_idea_item_cn {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms;
}

.AddDevelopmentIdeaItemBox .development_idea_item_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
}

.AddDevelopmentIdeaItemBox .development_idea_item_line {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 550ms;
    transition-delay: 550ms;
}


.AddDevelopmentEnergyContent .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddDevelopmentEnergyContent .public_page_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddDevelopmentEnergyTab .development_energy_item_circle svg circle {
    stroke-dasharray: 314.15927% 0;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddDevelopmentEnergyTab .development_energy_item_icon {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddDevelopmentEnergyTab .development_energy_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.AddDevelopmentEnergyTab .development_energy_item_default {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0);
    transform: translateX(-50%) translateY(-50%) rotate(0);
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}


.AddDevelopmentSavingHead .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddDevelopmentSavingHead .public_page_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}


/* .development_saving_item_box:nth-child(2n) {
    margin-top: 2.6041666vw;
} */

/*第一个*/
.AddDevelopmentSavingTab .development_saving_item_box:nth-child(1) .development_saving_item_animate {
    width: 100%;
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1);
    transition: all .6s cubic-bezier(.77, 0, .175, 1);
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(1) .development_saving_item_top {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(1) .development_saving_item_back {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(1) .development_saving_item_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(1) .development_saving_item_icon {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(1) .development_saving_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

/*第2个*/
.AddDevelopmentSavingTab .development_saving_item_box:nth-child(2) .development_saving_item_animate {
    width: 100%;
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1);
    transition: all .6s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(2) .development_saving_item_top {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(2) .development_saving_item_back {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(2) .development_saving_item_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(2) .development_saving_item_icon {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(2) .development_saving_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}


/*第3个*/
.AddDevelopmentSavingTab .development_saving_item_box:nth-child(3) .development_saving_item_animate {
    width: 100%;
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1);
    transition: all .6s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(3) .development_saving_item_top {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(3) .development_saving_item_back {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(3) .development_saving_item_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(3) .development_saving_item_icon {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(3) .development_saving_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}


/*第4个*/
.AddDevelopmentSavingTab .development_saving_item_box:nth-child(4) .development_saving_item_animate {
    width: 100%;
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1);
    transition: all .6s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms;
}


.AddDevelopmentSavingTab .development_saving_item_box:nth-child(4) .development_saving_item_top {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(4) .development_saving_item_back {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(4) .development_saving_item_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(4) .development_saving_item_icon {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(4) .development_saving_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}


/*第5个*/

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(5) .development_saving_item_top {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(5) .development_saving_item_back {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(5) .development_saving_item_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(5) .development_saving_item_icon {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(5) .development_saving_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}


.AddInnovationOutputHead .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddInnovationOutputHead .public_page_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}


.AddInnovationOutputItemBox:before {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddInnovationOutputItemBox .innovation_output_item_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddInnovationOutputWrap:after {
    height: 18.2291666vw;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.AddInnovationAutoImg:after {
    width: 0;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddInnovationAutoContent .innovation_auto_back {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.AddInnovationAutoContent .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}

.AddInnovationAutoContent .innovation_auto_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.AddInnovationFootImg:after {
    width: 0 !important;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddInnovationFootContent .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}

.AddInnovationFootContent .innovation_auto_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}


.AddProPageHead .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddProPageItem {
    opacity: 1;
    /* pointer-events: auto; */
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddProPageBtn {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}


.AddPartnerPageHead .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddPartnerPageHead .public_page_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddPartnerPageItemBox {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}


.AddNewsPageContent {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddNewsPageContent .news_page_photo:after {
    width: 0;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddNewsPageItemBox {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddNewsPageItemBox .news_page_item_img a:after {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddPageNumberBox {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddNewsReadBjq {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddContactPageContent .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddContactPageContent .contact_page_text:nth-child(1) {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}


.AddContactPageContent .contact_page_text:nth-child(2) {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddContactPageContent .contact_page_text:nth-child(3) {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.AddContactPageContent .contact_page_text:nth-child(4) {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.AddContactPageContent .contact_page_ewm_img {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}

.AddContactPageContent .contact_page_ewm_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.AddContactPageMap:after {
    width: 0;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms;
}

.header_wap_box {
    display: none;
}