:root{
    --color:#00aeef;
    --color_g:#00a651;
}

/* @font-face {
    font-family: 'hm';
    src: url('../fonts/HarmonyOS_Sans_SC_Thin.ttf') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'hm';
    src: url('../fonts/HarmonyOS_Sans_SC_Light.ttf') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'hm';
    src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'hm';
    src: url('../fonts/HarmonyOS_Sans_SC_Medium.ttf') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'hm';
    src: url('../fonts/HarmonyOS_Sans_SC_Bold.ttf') format('woff');
    font-weight: bold;
    font-display: swap;
} */

body{
    font-family: sans-serif;
}

.flex{display: flex;}
.flex_fw{display: flex; flex-wrap: wrap;}
.flex_jc_ac{display: flex; justify-content: center; align-items: center;}
.flex_jb_ac{display: flex; justify-content: space-between; align-items: center;}
.flex_je{display: flex; justify-content: end;}
.flex_jc{display: flex; justify-content: center;}
.flex_jb{display: flex; justify-content: space-between;}
.flex_jb_fw{display: flex; justify-content: space-between; flex-wrap: wrap;}
.flex_jb_as_fw{display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap;}
.flex_jb_ae_fw{display: flex; justify-content: space-between; align-items: end; flex-wrap: wrap;}
.flex_jb_ac_fw{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.flex_jc_fw{display: flex; justify-content: center; flex-wrap: wrap;}
.flex_ac{display: flex; align-items: center;}
.flex_ae{display: flex; align-items: end;}
.flex_d_jb{display: flex; flex-direction: column; justify-content: space-between;}
p{margin: 0;}

a:hover {color: var(--color);}

/*Top003084 */
.Top003084{position: fixed; left: 0; width: 100%; background-color: #fff; z-index: 100; transition: .3s;}
.Top003084 .top_inner{padding: 0 calc(30/1920 * 100%);}
.Top003084 .top_inner{display: flex; align-items: center; justify-content: space-between;}
.Top003084 .top_inner .left{display: flex; align-items: center;}
.Top003084 .logo a{display: flex; align-items: center;}
.Top003084 .logo a span{margin-left: calc(20/24 * 1em);}
.Top003084 .top_inner .left .middle{margin-left: calc(100/1920 * 100vw);}
.Top003084 .logo img.active{display: none;}
.Top003084 .logo span{color: #000000; font-weight: bold; font-size: calc(24/16 * 1em);}
/* .Top003084 menu li.aon span a{position: relative; color: var(--color);} */
.Top003084 menu li{position: relative;}
.Top003084 menu li span{ display: block;}
.Top003084 menu li .sub{padding: .5em 0; display: none;}
.Top003084 menu li .sub dt a{display: block; line-height: 2;}
.Top003084 .open-search{position: relative; white-space: nowrap; padding-left: 1.5em; display: block; background: url(../images/search.svg) no-repeat left center; background-size: auto calc(16/21 * 100%); color: #000000;}
.Top003084 .open-search.on{mask: none; -webkit-mask: none;}
.open-search.on:before, .open-search.on:after{background-color: #333; left: 0; width: 30%;}
.Top003084 .top-search{position: absolute;right: 0; top:100%;background: #fff; width: 400px;padding-right: 40px;}
.Top003084 .top-search .text{width: 100%;height: 40px;line-height: 40px; border: 0;padding: 0 10px; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);}
.Top003084 .top-search .btn{position: absolute;right: 0;top:0; width: 40px;height: 40px;background: url(../images/search.svg) no-repeat center center #ccc;}
.Top003084 .top-lang{position: relative; color: #000; z-index: 100; display: flex; align-items: center;}
.Top003084 .top-lang .cur{ display: flex; align-items: center; line-height: 1; background-size: auto 100%; position: relative; z-index: 1;height: calc(21/16 * 1em);}
.Top003084 .top-lang .cur::after{width: 8px; height: 8px; margin-left: calc(10/16 * 1em); content: '';border-top: 2px solid #fff;border-right: 2px solid #fff; transform: rotate(135deg); margin-top: -3px;}
.Top003084 .top-lang .cur::before{content: ""; margin-right: .5em; width: calc(18/16 * 1em); height: calc(16/21 * 100%); background: url(../images/languague.svg) no-repeat center; background-size: auto 100%;}
.Top003084 .lang-list{position: absolute; left: 50%; width: 120px;margin-left: -60px; z-index: 100;background: #fff;border-radius: 0 0 5px 5px; top: 100%; padding: 10px 0;display: none;}
.Top003084 .lang-list a{display: block;line-height: 30px;text-align: center;}
.Top003084 .right .line{width: 1px; height: 1em; background-color: rgba(255, 255, 255, .5); content: ""; margin:0 calc(26/16 * 1em);}
.Top003084 .right{display: flex; align-items: center;}
.Top003084 .right .operate{display: flex; align-items: center;}
.Top003084 .right .operate a{color: #333; padding: 0 calc(18/16 * 1em); height: calc(36/16 * 1em); border-radius: 9999px; border: 1px solid rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center;}
.Top003084 .right .operate a:nth-of-type(1){margin-right: calc(20/1920 * 100vw);}
.Top003084 .right .operate::before{content: ""; width: 1px; height: 1em; background-color: rgba(0,0,0,0.5); margin: 0 calc(40/1920 * 100vw);}
.Top003084 .right .search{position: relative;}
.Top003084 .right .right_line{width: 1px; height: 13px; margin: 0 calc(20/16 * 1em); background-color: #cccccc;}
.Top003084 .right .top_address a{padding-left: 1.5em; display: block; background: url(../images/address.svg) no-repeat left center; background-size: auto calc(16/21 * 100%); color: #000000;}
.Top003084 menu li span a{font-size: calc(18/16 * 1em); display: block; font-weight: bold; color: #333;}

.search-show .top-search{display: block;}

@media(min-width:1281px){
    .Top003084 menu li:not(:last-child){margin-right: calc(60/1920 * 100vw);}
}

@media(max-width:1280px){
    .Top003084 .top_inner .left .middle {margin-left: calc(50 / 1920* 100vw);}
    .Top003084 menu li:not(:last-child) {
        margin-right: calc(30 / 1920* 100vw);
    }
    .Top003084 .logo a span{margin-left: .5em;}
}

@media (min-width:1025px) {
.Top003084 menu li .sub{position: absolute; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); min-width: 100%; left: 50%; transform: translateX(-50%); top: 100%; background-color: #fff; }
.Top003084 menu li .sub dt a{white-space: nowrap; padding: 0 1em; text-align: center;}
.Top003084.scroll li span a{color: #333;}
.Top003084 menu li{float: left;min-height:100px;}
.Top003084 menu li span a{line-height: 100px; display: block; position: relative;}
}
@media (max-width:1024px) {
.Top003084 menu li:not(:last-child){margin-right: 0;}
.Top003084 menu{position: absolute;right: 0; top: -100%; transform:translateY(-100%);opacity:0;z-index: 100;width: 50%;background: rgba(255,255,255,1); padding: 2vw; transition: transform 0.3s;}
.Top003084 menu li{ border-bottom: 1px solid rgba(255,255,255,0.2);}
.Top003084 menu li span{padding: 10px 0;}
.Top003084 menu li span a{font-size: calc(16/16 * 1em);}
.Top003084 .top_inner{padding: .5em calc(30/1920 * 100%);}
.Top003084 .logo span{font-size: calc(18/16 * 1em);}
.Top003084 .logo img{max-height: 35px;}
.Top003084 .open-menu{position: relative; display: block; width: 24px; margin-left: 1em;}
.menu-show .Top003084 menu{ top: 100%; transform:translateY(0);opacity:1;}
.open-menu i{height: 2px; background-color: #000;}
.Top003084 .right .right_line{margin: 0 .5em;}
.Top003084 .top-search{max-width: 40vw;}
.Top003084 menu li .sub dt a{font-size: calc(14/16 * 1em);}
.Top003084 .right .top_address a{ font-size: calc(14/16 * 1em);}
.Top003084 .open-search{font-size: calc(14/16 * 1em);}
.Top003084 .top-lang .cur{font-size: calc(14/16 * 1em);}
.has-sub span .op:before, .has-sub span .op:after{background-color: #333;}
}


@media(max-width:480px){
    .Top003084 .open-menu{width: 20px; margin-left: .5em;}
    .Top003084 .logo img{max-height: 30px;}
}

/*Banner003069 */
.Banner003069{position: relative; z-index: 1; margin: 0 calc(30/1920 * 100%); border-radius: 30px; overflow: hidden;}
.Banner003069  .slider li{position: relative;}
.Banner003069 .text{position: absolute; left: 50%; bottom: calc(150/960 * 100%); transform: translateX(-50%) translateY(-50px); opacity: 0; transition: .6s; z-index: 10;color: #fff; }
.Banner003069  .slider li.active .text{transform: translateX(-50%) translateY(0px); opacity: 1;}
.Banner003069 .text .tips{font-size: calc(36/16 * 1em); margin-right: calc(24/36 * 1em); padding: 10px 0px 10px 14px; background: url(../images/banner_text_border.png) no-repeat center; background-size: 100% 100%; display: inline-block; width: calc(2em + 15px); border-radius: 10px; position: relative;}
.Banner003069 .text .prominent{display: flex;align-items: flex-end;flex-wrap: wrap}
.Banner003069 .text aside span{font-size: calc(114/16 * 1em); line-height: 1; font-weight: bold;}
.Banner003069 .text aside p{font-size: calc(40/16 * 1em); margin-left: calc(24/1400 * 100%); display: inline-block; vertical-align: middle; font-weight: bold;}
.Banner003069 .text .intro{font-size: calc(60/16 * 1em);}
.Banner003069 .Ispic img{width: 100%;}
.Banner003069 .control{position: absolute; width: 100%; left: 0; bottom: calc(60/960 * 100%); z-index: 1;}
.Banner003069 .control .line{flex: 1; margin: 0 calc(20/16 * 1em); height: 1px; background-color: #fff; opacity: .2;}
.Banner003069 .control .mouse_box{animation: flicker 2s linear alternate-reverse infinite;}
.Banner003069 .control .mouse_box figure{width: 11px; height: 14px; background: url(../images/mouse.svg);}
.Banner003069 .control .mouse_box span{color: #fff; font-size: calc(14/16 * 1em); font-weight: 500; margin-left: calc(6/14 * 1em);}


.Banner003069 .slick-pages span{ line-height: 1; color: rgba(255,255,255,0.2);}
.Banner003069 .slick-pages span.cur{color: #fff;}
.Banner003069 .slick-pages i{font-style: normal; margin: 0 calc(10/16 * 1em); color: #fff;}
.Banner003069 .slider video{position: absolute; width: 100%; height: 100%;left: 0; top: 0;object-fit: cover;-o-object-fit: cover; z-index: -1;}

.news_banner{max-height: 495px;margin-bottom: 30px;}
.news_detail img{width: 100%;margin: 0 auto;object-fit: cover;max-height: 470px;}

@media(min-width:1025px){
    .Banner003069 .Ispic .wap{display: none;}
}
@media(max-width:1024px){
    .Banner003069 {border-radius: .5em;}
    .Banner003069 .Ispic .pc{display: none;}
    .Banner003069 .slick-pages{font-size: 1em;}
    .Banner003069 .text aside span{font-size: calc(54/16 * 1em);}
    .Banner003069 .text .intro{font-size: calc(36/16 * 1em);}
    .Banner003069 .text .tips{font-size: calc(28/16 * 1em);}
    .Banner003069 .text aside p{font-size: calc(24/16 * 1em);}
}

@keyframes flicker {
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

.home_title{color: #000;}
.home_title aside{font-size: calc(40/16 * 1em);}
.home_title .intro{position: relative; text-transform: uppercase; margin-top: 3px;}
.home_title .intro::after{content: ""; margin-left: 5px; width: calc(12/16 * 1em); height: calc(12/16 * 1em); background-color: #ec1c24; border-radius: 2px;}
.home_title aside .blue{color: var(--color);}
.home_text aside{font-size: calc(40/16 * 1em); color: #000000;}
.home_text aside .blue{color: var(--color);}

.more_square{width: calc(58/16 * 1em); height: calc(58/16 * 1em); transition: .6s; background-color: #ec1c24;  border-radius: .5em;}
.more_square i{display: block; height: 15px; background: url(../images/more_arrow.svg) no-repeat right center; background-size: auto 100%;}
.more_square .more_a{font-size: calc(12/16 * 1em);padding: .65em;  height: 100%; color: #fff; font-weight: 700; text-align: center;}
.more_square:hover{box-shadow: 0px 0px 1em 0px #ec1c24; transform: scale(1.05);}
.more_square span{transition: .6s;}


@media(max-width:1024px){
    .home_title aside{font-size: calc(30/16 * 1em);}
}


.home_news{margin: calc(140/1920 * 100%) 0 calc(120/1920 * 100%) 0; overflow: hidden;}
.home_news .news_inner{background-color: #f2f5f7; overflow: hidden; width: calc(930/1400 * 100%); padding: calc(60/1400 * 100%); border-radius: 30px; position: relative;}
.home_news .news_inner::after{content: ""; position: absolute; top: 0; right: 0; opacity: .2; width: calc(85/930 * 100%); height: 100%; 
    background-image: linear-gradient(right,var(--color),transparent);
    background-image: -o-linear-gradient(right,var(--color),transparent);
    background-image: -moz-linear-gradient(right,var(--color),transparent);
    background-image: -webkit-linear-gradient(right,var(--color),transparent);
}
.home_news .home_top_news{margin-top: calc(40/810 * 100%);}
.home_news .home_top_news li .img{width: calc(390/810 * 100%); border-radius: 20px; overflow: hidden;}
.home_news .home_top_news li figure{padding-bottom: calc(260/390 * 100%); transition: .6s; background-size: cover; background-position: center;}
.home_news .home_top_news li .text{width: calc(360/810 * 100%);}
.home_news .home_top_news li .text aside span{font-size: calc(30/16 * 1em); color: #000000; line-height: calc(40/30); background: no-repeat left bottom;
    background-image: linear-gradient(90deg,#606162,#606162);
    background-image: -o-linear-gradient(90deg,#606162,#606162);
    background-image: -moz-linear-gradient(90deg,#606162,#606162);
    background-image: -webkit-linear-gradient(90deg,#606162,#606162);
    background-size: 100% 2px;background-position: 100% 100%;}
.home_news .home_top_news li .text p{font-weight: 500; margin-top: 1em; color: #333333; line-height: calc(28/16);}
.home_news .home_top_news li .text .more_square{margin-top: calc(44/16 * 1em);}
.home_news .home_top_news li:hover figure{transform: scale(1.05);}

.home_news .home_news_list{margin-top: calc(30/810 * 100%);}
.home_news .home_news_list li{border-bottom: 1px solid #d9dcde;}
.home_news .home_news_list li a{padding: calc(15/810 * 100%) 0;}
.home_news .home_news_list aside{font-size: calc(18/16 * 1em); color: #000000;}
.home_news .home_news_list time{color: #999;}
.home_news .home_news_list li a:hover aside{color: var(--color);}
.home_news .home_news_list li a:hover time{color: var(--color);}

.home_news .home_guide{width: calc(470/1400 * 100%); padding: calc(60/1400 * 100%); border-radius: 30px; background: url(../images/home_guide.png) no-repeat center; background-size: cover;}
.home_news .home_guide .home_title{color: #fff;}
.home_news .home_guide .home_guide_list aside{color: #fff; font-size: calc(20/16 * 1em);}
.home_news .home_guide .home_guide_list .more_square{background-color: transparent;}
.home_news .home_guide .home_guide_list .more_square span{opacity: 0;}
.home_news .home_guide .home_guide_list a:hover .more_square{background-color: #ec1c24;}
.home_news .home_guide .home_guide_list a:hover .more_square span{opacity: 1;}
.home_news .home_guide .home_guide_list li{padding-bottom: .5em; border-bottom: 1px solid rgba(255,255,255,0.2);}
.home_news .home_guide .home_guide_list li:not(:nth-last-of-type(1)){margin-bottom: calc(33/350 * 100%);}

@media(max-width:1024px){
    .home_news .news_inner{width: 100%;}
    .home_news .home_guide{width: 100%; margin-top: calc(140/1400 * 100%);}
    .home_news .home_guide .home_guide_list{margin-top: 2em;}
    .home_news .home_guide .home_guide_list li:not(:nth-last-of-type(1)){margin-bottom: .5em;}

    .home_news .home_top_news li .text aside span{font-size: calc(20/16 * 1em);}
    .home_news .home_top_news li .text p{font-size: calc(14/16 * 1em);}
    .home_news .home_top_news li .text .more_square{margin-top: 1em;}
    .home_news .home_news_list aside{font-size: calc(16/16 * 1em);}
    .home_news .home_guide .home_guide_list aside{font-size: calc(16/16 * 1em);}
}

@media(max-width:768px){
    .home_news .home_top_news li .img{width: 100%; border-radius: 32px;}
    .home_news .home_top_news li .text{width: 100%; margin-top: 1em;}
}

/* .home_about{overflow: hidden;} */
.home_about .more_square{margin-top: calc(45/16 * 1em);}
.home_about .home_about_text{width: calc(880/1400 * 100%);}
.home_about .home_about_text .intro{color: #333333; margin-top: calc(48/880 * 100%); line-height: calc(28/16); font-weight: 500;}
.home_about .home_about_list{margin-top: calc(100/1400 * 100%);}
.home_about .home_about_list li{width: calc(272/1400 * 100%); height: calc(272/16 * 1em); position: relative; padding: calc(28/1400 * 100%); position: relative;  border-radius: 30px;}
.home_about .home_about_list li::after{content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: 1px solid #f2f5f7; border-radius: 30px;}
.home_about .home_about_list li aside{line-height: calc(24/16); color: #333;}
.home_about .home_about_list li span{font-size: calc(200/16 * 1em); color: var(--color_g); opacity: .1; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-weight: bold;}
.home_about .home_about_list li .step{font-size: calc(12/16 * 1em); color: #dddddd; position: absolute; right: calc(28/12 * 1em); bottom: calc(28/12 * 1em);}
.home_about .home_about_list li:hover::after{border: 2px solid var(--color_g); }
.home_about .home_about_list li:hover .step{color: var(--color_g);}

@media(max-width:1024px){
    .home_text aside{font-size: calc(24/16 * 1em);}
    .home_about .home_about_list{justify-content: center; gap: .5em 1.25%;}
    .home_about .home_about_list li{width: 32.5%; height: calc(200/16 * 1em);}
    .home_about .home_about_list li span{font-size: calc(100/16 * 1em);}
}

@media(max-width:768px){
    .home_about .home_about_text{width: 100%; margin-top: 2em;}
    .home_about .home_about_list li::after{border-radius: 1em;}
}

.home_case{background-color: #f2f5f7; margin: calc(140/1920 * 100%) calc(30/1920 * 100%) calc(100/1920 * 100%); border-radius: 30px;}
.home_case .auto{padding: calc(140/1920 * 100%) 0 calc(160/1920 * 100%);}
.home_case .home_case_ul{margin-top: calc(80/1400 * 100%); justify-content: unset; gap: calc(50/16 * 1em) calc(70/1400 * 100%);}
.home_case .home_case_ul li{width: calc(420/1400 * 100%);}
.home_case .home_case_ul li .img{position: relative; overflow: hidden; border-radius: 20px;}
.home_case .home_case_ul li .img figure{position: relative; padding-bottom: 100%; transition: .6s; border-radius: 20px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.home_case .home_case_ul li .img figure::after{content: ""; position: absolute; opacity: 0; width: 100%; height: 100%; background-color: var(--color); z-index: 1;}
.home_case .home_case_ul li .img .step{font-size: calc(12/16 * 1em); opacity: 1; transition: .6s; color: #dddddd; position: absolute; right: calc(20/16 * 1em); bottom: calc(20/16 * 1em);}
.home_case .home_case_ul li .img .more_square{position: absolute; right: calc(20/16 * 1em); bottom: calc(20/16 * 1em); z-index: 2; opacity: 0; transition: .6s;}
.home_case .home_case_ul li .text{margin-top: 2em;}
.home_case .home_case_ul li .icon{width: calc(62/420 * 100%);}
.home_case .home_case_ul li .text_inner{width: calc(352/420 * 100%);}
.home_case .home_case_ul li .text p{margin-top: 7px; color: #333333; font-weight: 500;}
.home_case .home_case_ul li aside{font-size: calc(28/16 * 1em); color: #000000;}
.home_case .home_case_ul li:hover figure{transform: scale(1.05);}
.home_case .home_case_ul li:hover .img .more_square{opacity: 1;}
.home_case .home_case_ul li:hover .img .step{opacity: 0;}
.home_case .home_case_ul li:hover .img figure::after{ opacity: .9;}

@media(max-width:1024px){
    .home_case .home_case_ul li aside{font-size: calc(20/16 * 1em);}
    .home_case .home_case_ul li .text p{font-size: calc(14/16 * 1em);}
}

@media(max-width:768px){
    .home_case .home_case_ul{gap: calc(18/16 * 1em) 3%;}
    .home_case .home_case_ul li .text{margin-top: .5em;}
    .home_case .home_case_ul li{width: 48.5%;}
}

footer .footer_top{padding-bottom: calc(50/1400 * 100%); border-bottom: 1px solid #e5e5e5;}
footer .footer_top .home_title{width: calc(575/1400 * 100%);}
footer .footer_top .other_nav .ul{gap: 1em calc(18/16 * 1em);}
footer .footer_top .other_nav li{width: calc(44/16 * 1em); height: calc(44/16 * 1em); border-radius: 6px; background-color: #f2f5f7; position: relative;}
footer .footer_top .other_nav li .pop_code{position: absolute; display: none; bottom: 100%; padding-bottom: 10px; left: 50%; transform: translateX(-50%); width: 8em;}
footer .footer_top .other_nav li:hover .pop_code{display: block;}
footer .footer_top .other_nav li a{display: flex; align-items: center; justify-content: center; height: 100%; width: 100%;}
footer .footer_top .other_nav li a img{max-width: calc(20/44 * 100%);}
footer .middle{padding: calc(50/1400 * 100%) 0 calc(80/1400 * 100%); border-bottom: 1px solid #e5e5e5;}
footer .middle nav{width: calc(860/1400 * 100%);}
footer .middle nav dl#bot8{}
footer .middle nav a{display: block;}
footer .middle nav dt{margin-bottom: 2em;}
footer .middle nav dt a{color: #000000; font-size: calc(20/16 * 1em);}
footer .middle nav dd a{color: #666666; font-weight: 500;}
footer .middle nav dd:not(:nth-last-of-type(1)){margin-bottom: calc(13/16 * 1em);}
footer .middle nav a:hover{color: var(--color);}
footer .middle .right{width: calc(450/1400 * 100%);}
footer .middle .right .bottom_info aside{color: #000000; margin-bottom: calc(6/16 * 1em);}
footer .middle .right .bottom_info p{color: #999;}
footer .middle .right .bottom_info p:not(:nth-last-of-type(1)){margin-bottom: calc(10/16 * 1em);}
footer .middle .right li:not(:nth-last-of-type(1)){margin-bottom: calc(13/16 * 1em);}
footer .middle .b_contact_us{width: calc(150/16 * 1em); height: calc(45/16 * 1em); margin-top: calc(40/16 * 1em);}
footer .middle .b_contact_us a{ display: flex; width: 100%; height: 100%; border-radius: 10px; background-color: #ec1c24; color: #fff;}
footer .middle .b_contact_us a::before{content: ""; transition: .6s; width: 14px; height: 15px; background: url(../images/contact.svg) no-repeat center; background-size: cover; margin-right: .5em;}
footer .middle .b_contact_us a:hover::before{margin-right: 1em;}
footer .b-bottom{font-size: calc(14/16 * 1em); color: #999; padding:calc(35/1400 * 100%) 0;}
footer .b-bottom a{color: #999; }
footer .b-bottom a:hover{color: var(--color);}
footer .b-bottom nav a:not(:nth-last-of-type(1))::after{content: ""; margin: 0 .5em; width: 2px; height: 2px; border-radius: 50%; background-color: #999;}
footer .home_title aside .blue{font-weight: bold;}
@media(max-width:1024px){
    footer .footer_top .home_title{width: 100%;}
    footer .footer_top .other_nav{margin-top: 1em;}
    footer .middle nav{width: 100%;}
    footer .middle nav dt{margin-bottom: 1em;}
    footer .middle nav dt a{font-size: 1em;}
    footer .middle nav dd a{font-size: calc(14/16 * 1em);}
    footer .middle .right{width: 100%; margin-top: 1em;}
    footer .middle .b_contact_us{margin-top: 1em;}
    footer .b-bottom{text-align: center; justify-content: center;}
    footer .b-bottom nav{margin-top: 1em;}
}

.c_menu{gap: 1em calc(60/1400 * 100%); padding: calc(33/1400 * 100%) 0;}
.c_menu a{font-size: calc(18/16 * 1em); display: block;  position: relative; line-height: calc(30/18); font-weight: 500; color: #999;}
.c_menu a.active,.c_menu a:hover{font-weight: normal; color: #000000;}
.c_menu a.active::after,.c_menu a:hover::after{content: ""; position: absolute; width: 100%; height: 2px; background-color: var(--color); bottom: 0; left: 0;}
.c_menu a.active::before,.c_menu a:hover::before{content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #ec1c24; right: 0; bottom: 70%; left: calc(100% + 6px);}

.c_title aside{font-size: calc(48/16 * 1em); color: var(--color);}
.c_title .intro{font-size: calc(24/16 * 1em); margin-top: calc(16/1400 * 100%); color: #000000; line-height: calc(36/24); font-weight: 700;}
.c_title .brief{font-size: calc(18/16 * 1em); line-height: 2; color: #333333; margin-top: calc(35/1400 * 100%);}

@media(max-width:1024px){
    .c_title aside{font-size: calc(36/16 * 1em);}
    .c_title .intro{font-size: calc(18/16 * 1em);}
}

.technology{padding: calc(70/1920 * 100%) 0 calc(190/1920 * 100%);}
.technology .technology_list{margin-top: calc(90/1400 * 100%); gap: 2em calc(32/1400 * 100%); overflow: hidden;}
.technology .technology_list li{width: calc(684/1400 * 100%);}
.technology .technology_list li .img{overflow: hidden;}
.technology .technology_list li a{display: block; background-color: #f2f5f7; width: 100%; height: 100%; border-radius: 20px; overflow: hidden;}
.technology .technology_list li figure{transition: .6s; padding-bottom: calc(380/684 * 100%); background-repeat: no-repeat; background-size: cover; background-position: center;}
.technology .technology_list li:hover figure{transform: scale(1.05);}
.technology .technology_list li .text{padding: calc(22/684 * 100%) calc(43/684 * 100%);}
.technology .technology_list li .text p{font-size: calc(30/16 * 1em); color: #000000;}

@media(max-width:1024px){
    .technology .technology_list{gap: 1em calc(32/1400 * 100%);}
    .technology .technology_list li .text p{font-size: calc(24/16 * 1em);}
}

@media(max-width:768px){
    .technology .technology_list li{width: 100%;}
}

.technology_detail_info{margin-top: calc(80/1400 * 100%);}
.technology_detail_info article{width: calc(960/1400 * 100%); font-size: calc(18/16 * 1em); padding-bottom: calc(200/1400 * 100%); line-height: 2; color: #333;}
.technology_detail_info article h2{ margin: 0;font-weight: 700; font-size: calc(28/18 * 1em);color: #000000;}
.technology_detail_info .technology_detail_nav{width: calc(390/1400 * 100%); padding: calc(40/1400 * 100%) calc(36/1400 * 100%); border-radius: 15px; background-color: #f6f8fa;}
.technology_detail_info .technology_detail_nav aside{font-size: calc(24/16 * 1em); color: #ec1c24; font-weight: bold;}
.technology_detail_info .technology_detail_nav li:not(:nth-last-of-type(1)){border-bottom: 1px solid #fff;}
.technology_detail_info .technology_detail_nav .ul{margin-top: 1em;}
.technology_detail_info .technology_detail_nav .ul a{font-size: calc(18/16 * 1em); padding: calc(13/18 * 1em) 0; color: #7b8b95;}
.technology_detail_info .technology_detail_nav .ul a span{max-width: calc(100% - 20px);}
.technology_detail_info .technology_detail_nav .ul a:hover{color: var(--color);}
.technology_detail_info .technology_detail_nav .ul a::after{content: ""; width: 16px; height: 14px; background: url(../images/a_arrow.svg) no-repeat center; background-size: cover;}
@media (min-width: 1025px) {
.technology_detail_info .technology_detail_nav{ position: sticky; top: 100px;}
}
@media(max-width:1024px){
.technology_detail_info article{font-size: calc(16/16 * 1em);}
.technology_detail_info article h2{ font-size: calc(24/16 * 1em);}
.technology_detail_info .technology_detail_nav aside{font-size: calc(18/16 * 1em);}
.technology_detail_info .technology_detail_nav .ul a{font-size: calc(14/16 * 1em);}
}

@media(max-width:768px){
.technology_detail_info article{width: 100%; padding-bottom: 2em;}
.technology_detail_info .technology_detail_nav{width: 100%; margin-bottom: calc(200/1400 * 100%);}
}

.guide_detail_cate{margin: calc(60/1400 * 100%) 0 calc(100/1400 * 100%); position: relative; z-index: 2; padding: calc(60/1400 * 100%) calc(54/1400 * 100%); background-color: #f2f5f7; border-radius: 10px; gap: 1em calc(30/1292 * 100%);}
.guide_detail_cate .Menu002306{width: calc(300/1292 * 100%);}

.guide_detail_cate_table{margin-bottom: calc(135/1400 * 100%);} 

.guide_detail_cate_table table{width: 100%;text-align: center}
.guide_detail_cate_table table th{text-align: center; font-size: calc(20/16 * 1em); color: #000; font-weight: 700;}
.guide_detail_cate_table table td{font-size: calc(18/16 * 1em); color: #333333; font-weight: 500;}
.guide_detail_cate_table table th:not(:nth-last-of-type(1)),.guide_detail_cate_table table td:not(:nth-last-of-type(1)){padding: calc(18/1400 * 100%); }
.guide_detail_cate_table table td:nth-last-of-type(1){position: relative;}
.guide_detail_cate_table table td:nth-last-of-type(1) a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/download.svg) no-repeat center; background-size: 18px auto;}
.guide_detail_cate_table table tr:nth-of-type(2n+3){background-color: #f9fafc;}
.guide_detail_cate_table table th:nth-of-type(1){width: calc(328/1400 * 100%);}
.guide_detail_cate_table table th:nth-of-type(2){width: calc(200/1400 * 100%);}
.guide_detail_cate_table table th:nth-of-type(3){width: calc(247/1400 * 100%);}
.guide_detail_cate_table table th:nth-of-type(4){width: calc(287/1400 * 100%);}
.guide_detail_cate_table table th:nth-of-type(5){width: calc(265/1400 * 100%);}
.guide_detail_cate_table table th:nth-of-type(6){width: calc(77/1400 * 100%);}
.guide_detail_cate_table table tr:not(:nth-of-type(1)):hover{background-color: #e9f9ff;}


.Menu002306 {position: relative;}
.Menu002306 > span{display: block; color: #333333; margin-bottom: .5em; padding: 0 calc(25/16 * 1em + 2px);}
.Menu002306 .side-open_menu { line-height: calc(50/18 * 1em); cursor: pointer; background-color: #fff; font-size: calc(18/16 * 1em); display: block;border: 2px solid var(--color);padding: 0 calc(25/18 * 1em);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #000000;position: relative; height: calc(50/18 * 1em);}
.Menu002306 .side-open_menu::after {position: absolute; transform-origin: top; transition: .6s; content: '';width: 10px;height: 6px; background: url(../images/menu_arrow.svg) no-repeat center; background-size: cover; right: calc(25/18 * 1em);top: 50%;transform: translateY(-50%);}
.Menu002306 .side-open_menu.active::after{transform: rotate(180deg) translateY(-50%);}
.Menu002306 .side-menu { top: 100%; border: 2px solid var(--color); border-top: none; width: 100%;left: 0;position: absolute;z-index: 1;background-color: #fff;display: none;padding: calc(10/16 * 1em) 0;}
.Menu002306 .side-menu ul{list-style: none;}
.Menu002306 .side-menu ul a{line-height: calc(45/16); padding:0 calc(25 / 16* 1em); color: #333;  display: block;}
.Menu002306 .side-menu ul li:hover a{color: var(--color);}

@media(max-width:1024px){
    .guide_detail .guide_detail_cate{gap: calc(18/16 * 1em) 3%;}
    .guide_detail .Menu002306{width: 48.5%;}
    .Menu002306 .side-open_menu{line-height: calc(35/18 * 1em); height: calc(35/18 * 1em);}
    .Menu002306 .side-menu ul a{line-height: calc(35/16);}

    .guide_detail_cate_table{overflow-x: auto;}
    .guide_detail_cate_table table{width: 150%;}
    .guide_detail_cate_table table th{font-size: calc(18/16 * 1em);}
    .guide_detail_cate_table table td{font-size: 1em;}
}

@media(max-width:768px){
    .guide_detail_cate_table table{width: 200%;}
}

.solution .solution_list{margin: calc(60/1400 * 100%) 0 calc(190/1400 * 100%);}
.solution .solution_list .table_box:not(:nth-last-of-type(1)){margin-bottom: calc(80/1400 * 100%);}
.solution .table_box{overflow-x: auto;}
.solution table{width: 100%;}
.solution table tr:nth-of-type(1) th{font-size: calc(30/16 * 1em); font-weight: bold;}
.solution table tr th{font-size: calc(22/16 * 1em); line-height: calc(32/22); font-weight: 700; color: #fff; text-align: center; background-color: var(--color); padding: 1em .4em; border: 1px solid #19c0ff;}
.solution table tr td{border: 1px solid #dbe3e8; position: relative; text-align: center; font-size: calc(22/16 * 1em); color: #333333; font-weight: 700; padding: 1em .4em;}
.solution table tr td div{position: absolute; border-radius: 50%; z-index: 1; width: 20px; height: 20px; border: 2px solid var(--color); left: 50%; top: 50%; transform: translate(-50%,-50%);}
.solution table tr td div::after{content: ""; background-color: var(--color); position: absolute; width: 12px; height: 12px; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%);}

@media(max-width:1024px){
    .solution table tr:nth-of-type(1) th{font-size: calc(20/16 * 1em);}
    .solution table tr th{font-size: 1em;}
    .solution table tr td{font-size: 1em;}
}

.application .application_intro{font-size: calc(24/16 * 1em); margin-top: calc(60/1400 * 100%); font-weight: 700; color: #000000;}
.application .application_improve{margin-top: calc(30/1400 * 100%); gap: 1em calc(90/1400 * 100%);}
.application .application_improve aside{font-size: calc(20/16 * 1em); margin-bottom: calc(18/20 * 1em); font-weight: 700; color: var(--color);}
.application .application_improve li > p{color: #333333; padding-left: 1em;  position: relative;}
.application .application_improve li > p:not(:nth-last-of-type(1)){margin-bottom: calc(13/16 * 1em);}
.application .application_improve li > p::before{content: ""; position: absolute; width: 4px; height: 4px; top: .5em; left: 0; border-radius: 50%; background-color: currentColor;}
.application .application_list{gap: calc(60/16 * 1em) calc(25/1400 * 100%); margin: calc(70/1400 * 100%) 0 calc(190/1400 * 100%);}
.application .application_list li{width: calc(450/1400 * 100%);}
.application .application_list li a{display: block;}
.application .application_list li .img{overflow: hidden; border-radius: 20px;}
.application .application_list li figure{padding-bottom: calc(280/450 * 100%); transition: .6s; background-size: cover; background-repeat: no-repeat; background-position: center;}
.application .application_list li aside{font-size: calc(28/16 * 1em); margin-top: calc(22/28 * 1em); padding:0 calc(35/28 * 1em); position: relative; font-weight: 500; color: #222222;}
.application .application_list li aside::before{content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #ec1c24; left: 0; top: .6em;}
.application .application_list li p{font-size: calc(18/16 * 1em); margin-top: calc(10/18 * 1em); padding: 0 calc(35/18 * 1em); font-weight: 500; color: #222222;}
.application .application_list li:hover figure{transform: scale(1.05);}

@media(max-width:1024px){
    .application .application_intro{font-size: calc(18/16 * 1em);}
    .application .application_improve li{max-width: 32.5%;}
    .application .application_improve aside{font-size: 1em;}
    .application .application_improve li > p{font-size: calc(14/16 * 1em);}
    .application .application_list{gap: 1em 3%;}
    .application .application_list li{width: 48.5%;}
    .application .application_list li aside{font-size: calc(20/16 * 1em); padding: 0 calc(10/20 * 1em);}
    .application .application_list li p{font-size: 1em; padding: 0 calc(10/16 * 1em);}
}

.application_detail_title{margin: 0 calc(30/1920 * 100%);margin-top:calc(50/1920 * 100%);}
.application_detail_title .auto{max-width: 1200px;}
.application_detail_title aside{font-size: calc(48/16 * 1em); color: #000000;line-height: 1}
.application_detail_title .intro{font-size: calc(28/16 * 1em); margin-top: calc(5/1400 * 100%); color: #000000;}
.application_detail_title .text{max-width: calc(100% - 200/16 * 1em);}
.application_detail_title a{color: #fff; transition: .6s; background-color: #ec1c24; width: calc(180/16 * 1em); height: calc(50/16 * 1em); line-height: calc(50/16); border-radius: 10px; text-align: center;}
.application_detail_title a:hover{transform: scale(1.05); box-shadow: 0px 0px 1em 0px #ec1c24;}
.application_detail{margin: calc(60/1920 * 100%) auto calc(90/1920 * 100%); max-width: 1200px;}
.application_detail p{color:#333;line-height: 2;margin:calc(10/16 * 1em) 0;}
.application_detail aside.tit{font-size: calc(28/16 * 1em); margin-top: calc(30/28 * 1em);margin-bottom:calc(30/28 * 1em); padding:0 calc(35/28 * 1em); position: relative; font-weight: 500; color: #222222;line-height: 1.35}
.application_detail aside.tit::before{content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #ec1c24; left: 0; top: .6em;}
.application_detail .painspot{display: flex;flex-wrap: wrap;margin-bottom:2%;}
.application_detail .painspot3 li{width: 31.3%;margin-right: 3%;margin-top: 3%;background: #f2f5f7;padding: 3%;border-radius: 10px;}
.application_detail .painspot3 li:nth-child(3n){margin-right:0;}
.application_detail .painspot2 li{width: 48.5%;margin-right: 3%;margin-top: 3%;background: #f2f5f7;padding: 3%;border-radius: 10px;}
.application_detail .painspot2 li:nth-child(2n){margin-right:0;}
.application_detail .painspot li h2{color:#333;font-weight: normal;margin-top: 0;font-size: calc(24/16 * 1em);}
.application_detail .painspot li h2:after{content:'';width: 6px;height:6px;background:var(--color);display:block;margin: 15px 0;border-radius: 50%}
.application_detail .painspot li p{color:#666;margin: 0;}
.application_detail .show_img{text-align: center;}
.application_detail .show_img img{width: 100%;max-width:800px; margin-bottom: calc(60/1200 * 100%);object-fit: contain;}
.application_detail .application_detail_info .ul{gap: 1em calc(220/1200 * 100%);}
.application_detail .application_detail_info .ul aside{font-size: calc(20/16 * 1em); margin-bottom: 1em; color: #000000;}
.application_detail .application_detail_info .ul p:not(:nth-last-of-type(1)){margin-bottom: calc(10/16 * 1em);}

.application_detail_cate{margin: calc(0/1400 * 100%) 0 calc(70/1400 * 100%); padding: calc(60/1400 * 100%) calc(100/1400 * 100%); background-color: #f2f5f7; border-radius: 10px;}
.application_detail_cate .flex_fw{ gap: 1em calc(30/1200 * 100%);}
.application_detail_cate .Menu002306{width: calc(380/1200 * 100%);}
.application_detail_cate .Menu002306 .side-open_menu{border-color: #e7ebee;}
.application_detail_cate .Menu002306 .side-menu{border-color: #e7ebee;}
.application_detail_cate .search_more a{width: calc(115/14 * 1em); transition: .6s; display: inline-block; border-radius: 10px; margin-top: calc(30/1200 * 100%); line-height: calc(45/14); color: #fff; font-size: calc(14/16 * 1em); text-align: center; background-color: #ec1c24;}
.application_detail_cate .search_more a:hover{transform: scale(1.05); box-shadow: 0px 0px 1em 0px #ec1c24;}
.application_detail_table_box{margin-bottom: calc(170/1400 * 100%);}

@media(max-width:1024px){
    .application_detail_title .text{width: 100%; max-width: 100%;}
    .application_detail_title aside{font-size: calc(36/16 * 1em);}
    .application_detail_title .intro{font-size: calc(20/16 * 1em);}
    .application_detail_title a{margin-top: 1em;}
    .application_detail .painspot3 li{width:100%;}
    .application_detail .painspot2 li{width:100%;}
    .application_detail .painspot li h2{font-size:calc(18/16 * 1em);}
    .application_detail_cate .flex_fw{gap: 1em 3%;}
    .application_detail_cate .Menu002306{width: 48.5%;}
    .application_detail_cate .search_more a,.application_detail_title a{width: calc(100/14 * 1em); height: calc(35/14 * 1em); line-height: calc(35/14);}
}

.news{padding: calc(40/1920 * 100%) 0 calc(170/1920 * 100%);}
.news .top_news{position: relative; margin-bottom: calc(110/1400 * 100%);}
.news .top_news li .img{width: calc(735/1400 * 100%); overflow: hidden; border-radius: 20px;}
.news .top_news li .img figure{transition: .6s; padding-bottom: calc(412/735 * 100%); background-repeat: no-repeat; background-size: cover; background-position: center;}
.news .top_news li .text{width: calc(560/1400 * 100%); margin-top: calc(30/1400 * 100%);}
.news .top_news li .text time{display: block; font-weight: 500; color: #999999; margin-bottom: 1em;}
.news .top_news li .text aside{font-size: calc(36/16 * 1em); margin-bottom: calc(30/36 * 1em); color: #000000; line-height: calc(44/36);}
.news .top_news li .text p{font-weight: 500; color: #555555; line-height: calc(26/16); margin-bottom: calc(35/16 * 1em);}
.news .top_news li:hover .img figure{transform: scale(1.05);}
.news .top_news .lineBox{position: absolute; width: calc(560/1400 * 100%); bottom: calc(30/412 * 100%); right: 0; height: 1px; background-color: #cccccc;}
.news .top_news .lineBox .line{background-color: var(--color); height: 2px; transition: .3s; width: 0;}

.news .news_list{margin: calc(0/1400 * 100%) 0 calc(80/1400 * 100%); gap: calc(70/16 * 1em) calc(70/1400 * 100%);}
.news .news_list li{width: calc(420/1400 * 100%);}
.news .news_list li a{display: block;}
.news .news_list li .img{overflow: hidden; border-radius: 20px;}
.news .news_list li figure{padding-bottom: calc(280/420 * 100%); transition: .6s; background-repeat: no-repeat; background-size: cover; background-position: center;}
.news .news_list li time{display: block; color: #999999; margin:calc(30/16 * 1em) 0 0;}
.news .news_list li aside{font-size: calc(20/16 * 1em); margin-top: calc(10/16 * 1em); line-height: calc(30/20); color: #000000;}
.news .news_list li:hover figure{transform: scale(1.05);}
@media(max-width:1024px){
    .news .top_news li .img{width: 100%;}
    .news .top_news li .text{width: 100%; margin-top: 1em;}
    .news .top_news li .text aside{font-size: calc(24/16 * 1em);}
    .news .top_news li .text p{font-size: calc(14/16 * 1em);}
    .news .top_news .lineBox{position: static; margin-top: 1em; width: 100%;}
    .news .news_list li aside{font-size: 1em;}
    .news .news_list{gap: calc(18/16 * 1em) 3%;}
    .news .news_list li{width: 48.5%;}
}

/*.Page001726 为demo编号*/
.Page001726{ text-align:center; font-size:calc(16/16 * 1em);}
.Page001726 .Pages .p_cur,
.Page001726 .Pages .p_count,
.Page001726 .Pages .p_total,
.Page001726 .Pages .p_jump,
.Page001726 .Pages .a_first,
.Page001726 .Pages .a_end{ display:none;}
.Page001726 .Pages em{ font-style:normal;}
.Page001726 .Pages a{ display: flex; align-items: center; justify-content: center; transition: .3s; border-radius: 50%; vertical-align:middle; width:calc(50/16 * 1em);color:#999;height:calc(50/16 * 1em); line-height:calc(50/16 * 1em); border: 1px solid #999;}
.Page001726 .Pages a.a_prev,
.Page001726 .Pages a.a_next{font-family: "宋体"; font-weight: bold; overflow:hidden; background:url(../images/Page001726-prev.png) no-repeat center center;}
.Page001726 .Pages a.a_next{ background-image:url(../images/Page001726-next.png);}
.Page001726 .Pages a:hover,
.Page001726 .Pages em a.a_cur,
.Page001726 .Pages a.a_prev,
.Page001726 .Pages a.a_next{ background-color:transparent; color: #ccc; border-color: #ccc;}
.Page001726 .Pages a.a_prev:hover,
.Page001726 .Pages a.a_next:hover{background-color: var(--color); border-color: var(--color); color: #fff;}
.Page001726 .p_page{display: flex; justify-content: center;}
.Page001726 .p_page .num{display: flex; display: none;}
.Page001726 .p_page .flex_ac{color: #000; margin: 0 calc(27/16 * 1em);}
@media(max-width:1024px){
.Page001726{margin-top: calc(50/16 * 1em);}
}
@media(max-width:640px){
.Page001726 .Pages em{ display:none;}
/* .Page001726 .Pages a{margin: 0 5px;} */
}


.news_detail_title{margin: 0 calc(30/1920 * 100%); padding: calc(130/1920 * 100%) 0 calc(60/1920 * 100%); background-color: #f2f5f7; border-radius: 30px;}
.news_detail_title .w_96{max-width: 1200px; margin: 0 auto;}
.news_detail_title aside{font-size: calc(48/16 * 1em); color: #000000;}
.news_detail_title time{display: block; font-size: calc(18/16 * 1em); margin-top: calc(20/1200 * 100%);}
.news_detail{max-width: 1200px; margin: 0 auto calc(180/1920 * 100%);}
.news_detail article{ margin: calc(100/1920 * 100%) 0 calc(75/1920 * 100%);}
.news_detail .pn-page{padding-top: calc(40/1200 * 100%); border-top: 1px solid #eeeeee;}
.news_detail .pn-page .page_inner{  position: relative; gap: 1em;}
.news_detail .pn-page aside{max-width: calc((100% - (160/16 * 1em) - 1em)/2);}
.news_detail .pn-page aside a{font-size: calc(18/16 * 1em); color: #666666; }
.news_detail .pn-page aside a {transition: .6s; color: #000000; background: no-repeat left bottom; background-image: linear-gradient(90deg,#606162,#606162);
    background-image: -o-linear-gradient(90deg,#606162,#606162);
    background-image: -moz-linear-gradient(90deg,#606162,#606162);
    background-image: -webkit-linear-gradient(90deg,#606162,#606162); background-size: 0% 1px; transform-origin: left; background-position: 0% 100%;}

.news_detail .pn-page aside a:hover {background: no-repeat left bottom; background-size: 100% 1px; 
    background-image: linear-gradient(90deg,#606162,#606162);
    background-image: -o-linear-gradient(90deg,#606162,#606162);
    background-image: -moz-linear-gradient(90deg,#606162,#606162);
    background-image: -webkit-linear-gradient(90deg,#606162,#606162);}

.news_detail .pn-page .operating{text-align: center; margin-top: calc(70/1200 * 100%);}
.news_detail .pn-page .return{display: inline-block; width: calc(180/16 * 1em); line-height: calc(50/16); text-align: center; transition: .3s; border-radius: 10px; color: #fff; background-color: #ec1c24; }
.news_detail .pn-page .return:hover{transform: scale(1.05); box-shadow: 0px 0px 1em 0px #ec1c24;}

@media(max-width:1024px){
    .news_detail_title .text{width: 100%; max-width: 100%;}
    .news_detail_title aside{font-size: calc(36/16 * 1em);}
    .news_detail_title .intro{font-size: calc(20/16 * 1em);}

    .news_detail .titleBox h1{font-size: calc(24/16 * 1em);}
    .news_detail .pn-page .operating{order: 2;}
    .news_detail .pn-page{flex-wrap: wrap; gap: 1em;}
    .news_detail .pn-page aside{width: 100%; max-width: 100%;}

    .news_detail_title aside{text-align: center;}
    .news_detail_title time{text-align: center;}
    .news_detail .pn-page .return{width: calc(100/16 * 1em); line-height: calc(35/16);}
}


.industry_detail_title{margin: 0 calc(30/1920 * 100%);margin-top:calc(50/1920 * 100%);}
.industry_detail_title .w_96{max-width: 1200px; margin: 0 auto;}
.industry_detail_title aside{font-size: calc(48/16 * 1em); color: #000000;}
.industry_detail_title time{display: block; font-size: calc(18/16 * 1em); margin-top: calc(20/1200 * 100%);}
.industry_detail{max-width: 1200px; margin: 0 auto calc(180/1920 * 100%);}
.industry_detail article{ margin: calc(60/1920 * 100%) 0 calc(75/1920 * 100%);color:#333;line-height: 2}
.industry_detail article p{margin:calc(10/16 * 1em) 0;}
.industry_detail article ul{display: flex;flex-wrap: wrap;margin-top:2%;}
.industry_detail article ul li{width:48%;margin-right:4%;margin-top:2%;margin-bottom:2%;}
.industry_detail article ul li:nth-child(2n){margin-right:0;}
.industry_detail article ul li .pic{overflow: hidden;border-radius: 20px}
.industry_detail article ul li .pic img{transition: .6s;}
.industry_detail article ul li:hover .pic img{transform: scale(1.05);}
.industry_detail article ul li p{font-size: calc(28/16 * 1em); margin-top: calc(22/28 * 1em); padding:0 calc(35/28 * 1em); position: relative; font-weight: 500; color: #222222;line-height: 1.35}
.industry_detail article ul li p::before{content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #ec1c24; left: 0; top: .6em;}
.industry_detail .pn-page{padding-top: calc(40/1200 * 100%); border-top: 1px solid #eeeeee;}
.industry_detail .pn-page .page_inner{  position: relative; gap: 1em;}
.industry_detail .pn-page aside{max-width: calc((100% - (160/16 * 1em) - 1em)/2);}
.industry_detail .pn-page aside a{font-size: calc(18/16 * 1em); color: #666666; }
.industry_detail .pn-page aside a {transition: .6s; color: #000000; background: no-repeat left bottom; background-image: linear-gradient(90deg,#606162,#606162);
    background-image: -o-linear-gradient(90deg,#606162,#606162);
    background-image: -moz-linear-gradient(90deg,#606162,#606162);
    background-image: -webkit-linear-gradient(90deg,#606162,#606162); background-size: 0% 1px; transform-origin: left; background-position: 0% 100%;}
.industry_detail .pn-page aside a:hover {background: no-repeat left bottom; background-size: 100% 1px; 
    background-image: linear-gradient(90deg,#606162,#606162);
    background-image: -o-linear-gradient(90deg,#606162,#606162);
    background-image: -moz-linear-gradient(90deg,#606162,#606162);
    background-image: -webkit-linear-gradient(90deg,#606162,#606162);}
.industry_detail .pn-page .operating{text-align: center; margin-top: calc(70/1200 * 100%);}
.industry_detail .pn-page .return{display: inline-block; width: calc(180/16 * 1em); line-height: calc(50/16); text-align: center; transition: .3s; border-radius: 10px; color: #fff; background-color: #ec1c24; }
.industry_detail .pn-page .return:hover{transform: scale(1.05); box-shadow: 0px 0px 1em 0px #ec1c24;}
@media(max-width:1024px){
    .industry_detail_title .text{width: 100%; max-width: 100%;}
    .industry_detail_title aside{font-size: calc(36/16 * 1em);}
    .industry_detail_title .intro{font-size: calc(20/16 * 1em);}
    .industry_detail .titleBox h1{font-size: calc(24/16 * 1em);}
    .industry_detail article ul li{width:100%;}
    .industry_detail article ul li p{font-size:calc(22/16 * 1em);}
    .industry_detail .pn-page .operating{order: 2;}
    .industry_detail .pn-page{flex-wrap: wrap; gap: 1em;}
    .industry_detail .pn-page aside{width: 100%; max-width: 100%;}
    .industry_detail_title aside{text-align: center;}
    .industry_detail_title time{text-align: center;}
    .industry_detail .pn-page .return{width: calc(100/16 * 1em); line-height: calc(35/16);}
}




.file_download{box-shadow: inset 0 3em 3em -3em rgba(0, 0, 0, 0.1); padding: calc(20/1920 * 100%) 0 calc(160/1920 * 100%);}
.file_download .file_cate a{width: calc(140/16 * 1em); display: block; color: #999999; text-align: center; line-height: calc(40/16); border-radius: 9999px;}
.file_download .file_cate a:hover{color: var(--color);}
.file_download .file_cate a.active{background-color: var(--color); color: #fff;}
.file_download .file_list{margin: calc(80/1400 * 100%) 0 calc(80/1400 * 100%); gap: calc(35/16 * 1em) calc(44/1400 * 100%);}
.file_download .file_list li{width: calc(437/1400 * 100%); overflow: hidden; position: relative; border-radius: 10px; padding: calc(50/1400 * 100%); background-color: #f6f6f6;}
.file_download .file_list li::after{content: ""; position: absolute; width: 100%; transition: .3s; height: 4px; left: 0; top: 100%;  background-color: #00a651;}
.file_download .file_list li time{display: block; margin-bottom: calc(7/20 * 1em); color: #999999; font-weight: 500; font-size: calc(20/16 * 1em);}
.file_download .file_list li aside{font-size: calc(24/16 * 1em); color: #000000;}
.file_download .file_list li .file_operate{margin-top: calc(100/16 * 1em);}
.file_download .file_list li .file_operate::before{content: ""; width: 30px; height: 34px; background: url(../images/file.svg) no-repeat center; background-size: cover;}
.file_download .file_list li .file_operate a{padding-right: 22px; color: #000; position: relative;}
.file_download .file_list li .file_operate a::after{content: "";  position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 17px; height: 18px; background-color: #000; mask: url(../images/download.svg) no-repeat center; -webkit-mask:url(../images/download.svg) no-repeat center; -webkit-mask-size: cover; mask-size: cover;}
.file_download .file_list li:hover::after{top: calc(100% - 4px);}
.file_download .file_list li:hover .file_operate a::after{background-color: #00a651;}
.file_download .file_list li:hover .file_operate a span{background: no-repeat left bottom;  background-size: 100% 1px; 
    background-image: linear-gradient(90deg,#000,#000);
    background-image: -o-linear-gradient(90deg,#000,#000);
    background-image: -moz-linear-gradient(90deg,#606162,#606162);
    background-image: -webkit-linear-gradient(90deg,#606162,#606162);}

@media(max-width:1024px){
    .file_download .file_list{gap: calc(18/16 * 1em) 3%;}
    .file_download .file_list li{width: 48.5%;}
    .file_download .file_list li aside{font-size: calc(18/16 * 1em);}
    .file_download .file_list li time{font-size: 1em;}
}

.about_title aside{font-size: calc(48/16 * 1em); color: #222222;}
.about_title aside .blue{color: var(--color);}
.about_title .intro{font-size: calc(24/16 * 1em); line-height: calc(42/24); margin-top: 1em; font-weight: 500; color: #222;}
.about_title .brief{font-size: calc(156/16 * 1em); margin-top: calc(35/156 * 1em); position: relative; font-weight: bold; text-transform: uppercase;  writing-mode: vertical-rl; line-height: .8; color: #f9f9f9; padding-top: 26px;}
.about_title .brief::before{content: ""; position: absolute; top:0; left: 0; width: 26px; height: 26px; border-radius: 5px; background-color: #ec1c24;}

.company_intro{overflow: hidden;}
.company_intro .company_info{padding: calc(40/1920 * 100%) 0 calc(110/1920 * 100%); gap: 1em;}
.company_intro .company_info .text{width: calc(920/1400 * 100%);}
.company_intro .company_info .text aside{font-size: calc(36/16 * 1em); color: #000;}
.company_intro .company_info .text aside .blue{color: var(--color);}
.company_intro .company_info .text .content{margin-top: calc(36/16 * 1em);}
.company_intro .company_info .text .content p{line-height: 2; font-weight: 500; color: #333;}
.company_intro .company_info .text .content p:not(:nth-last-of-type(1)){margin-bottom: calc(35/16 * 1em);}
.company_intro .company_info .text .img{margin-top: calc(54/16 * 1em); position: relative;}
.company_intro .company_info .text .img .videoPlay{width: 93px; height: 93px; cursor: pointer; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(../images/videoPlay.png) no-repeat center; background-size: cover; position: absolute;}

@media(max-width:1024px){
    .about_title .brief{writing-mode: unset; font-size: calc(78/16 * 1em); padding-top: 0; padding-left: 30px;}
    .about_title aside{font-size: calc(36/16 * 1em);}
    .about_title .intro{font-size: calc(18/16 * 1em);}
    .company_intro .company_info .about_title{width: 100%;}
    .company_intro .company_info .text{width: 100%; margin-top: 1em;}
    .company_intro .company_info .text aside{font-size: calc(24/16 * 1em);}
    .company_intro .company_info .text .content{margin-top: 1em;}
    .company_intro .company_info .text .content p:not(:nth-last-of-type(1)){margin-bottom: 1em;}
    .company_intro .company_info .text .img{margin-top: 2em;}
}

@media(max-width:768px){
    .about_title .brief{font-size: calc(48/16 * 1em);}
    .about_title .brief::before{width: 13px; height: 13px; border-radius: 2px;}
}

.video_fix{position: fixed; z-index: 999; display: none; width: 75%; height: 75%; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #000;}
.video_fix video{width: 100%; height: 100%;}
.video_fix .videoClose{position: absolute; cursor: pointer; z-index: 1000; width: 1.5em; height: 1.5em; right: 1em; top: 1em;}
.video_fix .videoClose::before,
.video_fix .videoClose::after{content: ""; position: absolute; left: 50%; top: 50%; background-color: #fff;}
.video_fix .videoClose::before{width: 2px; height: 100%; transform: translate(-50%,-50%) rotate(45deg);}
.video_fix .videoClose::after{width: 100%; height: 2px; transform: translate(-50%,-50%) rotate(45deg);}
@media(max-width:1024px){
    .video_fix{width: 96%; height: 50%;}
}


.advance{background-color: #f2f5f7; padding: calc(100/1920 * 100%) 0 calc(90/1920 * 100%); margin: 0 calc(30/1920 * 100%); border-radius: 30px;}
.advance .about_title aside{text-align: center;}
.advance .advance_list{margin-top: calc(80/1400 * 100%); gap: calc(20/16 * 1em) calc(13/1400 * 100%);}
.advance .advance_list li{width: calc(340/1400 * 100%); background-color: #f7f9fa; position: relative; padding: calc(28/1400 * 100%) calc(22/1400 * 100%); position: relative;  border-radius: 30px;}
.advance .advance_list li::after{content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: 1px solid #f2f5f7; border-radius: 30px;}
.advance .advance_list li aside{font-size: calc(26/16 * 1em); color: #333;}
.advance .advance_list li p{font-size: calc(18/16 * 1em); margin-top: calc(20/18 * 1em); color: #666666; line-height: 2; font-weight: 500;}
.advance .advance_list li .img{position: absolute; right: calc(28/16 * 1em); top: calc(28/16 * 1em); max-width: calc(78/16 * 1em);}
.advance .advance_list li .step{font-size: calc(12/16 * 1em); color: #dddddd; position: absolute; right: calc(28/12 * 1em); bottom: calc(14/12 * 1em);}
.advance .advance_list li:hover::after{border: 2px solid var(--color_g); }
.advance .advance_list li:hover .step{color: var(--color_g);}

@media(max-width:1024px){
    .advance .advance_list{gap: .5em 1.25%; justify-content: unset;}
    .advance .advance_list li{width: 32.5%; padding-bottom: calc(28/16 * 1em);}
    .advance .advance_list li aside{font-size: calc(18/16 * 1em);}
    .advance .advance_list li p{font-size: calc(16/16 * 1em);}
}

@media(max-width:768px){
    .advance .advance_list{ gap: 1em 3%;}
    .advance .advance_list li{width: 48.5%;}
    .advance .advance_list li::after{border-radius: 1em;}
}

.company_list{position: relative; margin-bottom: calc(120/1920 * 100%); min-height: calc(1300/1920 * 100vw); overflow: hidden; padding: calc(125/1920 * 100%) 0 calc(190/1920 * 100%); 
    background-image: linear-gradient(to top,#f2f5f7,transparent);
    background-image: -o-linear-gradient(to top,#f2f5f7,transparent);
    background-image: -moz-linear-gradient(to top,#f2f5f7,transparent);
    background-image: -webkit-linear-gradient(to top,#f2f5f7,transparent);
}
.company_list .about_title {width: calc(335/1400 * 100%);}
.company_list .company_list_info{width: calc(760/1400 * 100%); gap: calc(75/16 * 1em) 1em; position: relative;}
.company_list .company_list_info li{width: calc(360/760 * 100%);}
.company_list .company_list_info aside{font-size: calc(24/16 * 1em); color: #000;}
.company_list .company_list_info .content{margin-top: 1em;}
.company_list .company_list_info .content p{line-height: 2; padding-left: 3em; position: relative;}
.company_list .company_list_info .content p span{position: absolute; left: 0; top: 0em;}




.company_list .earth{width: calc(876/1920 * 100%); left: calc(12/1920 * 100%); bottom: calc(100/1290 * 100%); position: absolute; z-index: 2;}
.company_list .earth .ul{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(586/876 * 100%); padding-bottom: calc(586/876 * 100%);}
.company_list .earth .ul li{position: absolute; gap: 1em;}
.company_list .earth .ul li span{white-space: nowrap; font-size: calc(16/1920 * 100vw);}
.company_list .earth .ul li:nth-of-type(2n) span{order: 2;}
.company_list .earth .ul li:nth-of-type(2n+1) .li_fix{padding-left: calc(24/16 * 1em); left: 100%;}
.company_list .earth .ul li:nth-of-type(2n) .li_fix{padding-right: calc(24/16 * 1em); right: 100%;}
.company_list .earth .ul li .li_fix{position: absolute; display: none; z-index: 10; width: calc(290/16 * 1em); top: calc(-45/16 * 1em);}
.company_list .earth .ul li .li_fix .li_c{background-color: #fff; border-radius: 20px; padding: calc(20/16 * 1em); box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.1);}
.company_list .earth .ul li .li_fix .li_c aside{font-size: calc(18/16 * 1em); color: #888888;}
.company_list .earth .ul li .li_fix .li_c p{line-height: calc(30/16); color: #333333; margin: calc(24/16 * 1em) 0;}
.company_list .earth .ul li .li_fix .li_c aside::before{content: ""; width: 17px; height: 20px; background: url(../images/company_address.svg) no-repeat center; background-size: cover; margin-right: 8px;}

.company_list .earth .ul li .spot{width: 13px; height: 13px; border-radius: 50%; background-color: var(--color); position: relative; z-index: 3;}
.company_list .earth .ul li:hover .spot::before{animation: spot 2s linear infinite; content: ""; border-radius: 50%; display: block; width: 0; height: 0; position: absolute; left: 50%; top:50%; z-index: 2; transform: translate(-50%,-50%); background-color: var(--color);}
.company_list .earth .ul li:hover .spot::after{animation: spot 2s .5s linear infinite; content: ""; border-radius: 50%; display: block; width: 0; height: 0; position: absolute; left: 50%; top:50%; z-index: 2; transform: translate(-50%,-50%); background-color: var(--color);}
.company_list .earth .ul li:hover .li_fix{display: block;}

.company_list .earth .ul li:nth-of-type(1){top: calc(55/586 * 100%); left: calc(50/586 * 100%);}
.company_list .earth .ul li:nth-of-type(2){top: calc(55/586 * 100%); left: calc(467/586 * 100%);}
.company_list .earth .ul li:nth-of-type(3){top: calc(215/586 * 100%); left: calc(-45/586 * 100%);}
.company_list .earth .ul li:nth-of-type(4){top: calc(215/586 * 100%); left: calc(570/586 * 100%);}
.company_list .earth .ul li:nth-of-type(5){top: calc(375/586 * 100%); left: calc(-40/586 * 100%);}
.company_list .earth .ul li:nth-of-type(6){top: calc(375/586 * 100%); left: calc(565/586 * 100%);}
.company_list .earth .ul li:nth-of-type(7){top: calc(500/586 * 100%); left: calc(50/586 * 100%);}
.company_list .earth .ul li:nth-of-type(8){top: calc(500/586 * 100%); left: calc(480/586 * 100%);}


@media(min-width:1921px){
    .company_list{min-height: 1300px;}
    .company_list .earth{width: calc(876/16 * 1em); left: calc(160/1920 * 100%);}
    .company_list .earth .ul li span{font-size: 1em;}
}

@media(max-width:1024px){
    .company_list .about_title{width: 100%;}
    .company_list .company_list_info{width: 100%; margin-top: 1em; gap: 1em 3%;}
    .company_list .company_list_info li{width: 48.5%;}
    .company_list .company_list_info aside{font-size: calc(18/16 * 1em);}
    .company_list .company_list_info .content p{font-size: calc(14/16 * 1em);}
    .company_list .earth .ul li span{font-size: 16px;}
    .company_list .earth{position: relative; left: unset; top: unset; width: 85%; margin: 0 auto;}
    .company_list .earth .ul li:nth-of-type(1){left: calc(45/586 * 100%);}
    .company_list .earth .ul li:nth-of-type(2){left: calc(475/586 * 100%);}
    .company_list .earth .ul li:nth-of-type(3){left: calc(-55/586 * 100%);}
    .company_list .earth .ul li:nth-of-type(4){left: calc(570/586 * 100%);}
    .company_list .earth .ul li:nth-of-type(5){left: calc(-54/586 * 100%);}
    .company_list .earth .ul li:nth-of-type(6){left: calc(565/586 * 100%);}
    .company_list .earth .ul li:nth-of-type(7){left: calc(30/586 * 100%);}
    .company_list .earth .ul li:nth-of-type(8){left: calc(480/586 * 100%);}
}

@media(max-width:768px){
    .company_list .earth .ul li:nth-of-type(1){left: calc(20/586 * 100%);}
    .company_list .earth .ul li:nth-of-type(2){left: calc(475/586 * 100%);}
    .company_list .earth .ul li:nth-of-type(3){left: calc(-80/586 * 100%);}
    .company_list .earth .ul li:nth-of-type(4){left: calc(570/586 * 100%);}
    .company_list .earth .ul li:nth-of-type(5){left: calc(-73/586 * 100%);}
    .company_list .earth .ul li:nth-of-type(6){left: calc(565/586 * 100%);}
    .company_list .earth .ul li:nth-of-type(7){left: calc(20/586 * 100%);}
    .company_list .earth .ul li:nth-of-type(8){left: calc(470/586 * 100%);}
}

@keyframes spot {
    0%{
        width: 0; height: 0; opacity: .8;
    }
    100%{
        width: 40px; height: 40px; opacity: 0;
    }
}

.company_history {padding-bottom: calc(130/1920 * 100%); margin-bottom: calc(100/1920 * 100%); background-size: cover; background-position: center;}
.company_history .about_title {text-align: center; margin-top: calc(40/1400 * 100%);}
.company_history .history_list_box{position: relative; margin: calc(110/1400 * 100%) 0 calc(0/1400 * 100%);}
.company_history .history_list li{position: relative; display: flex; flex-direction: column;}
.company_history .history_list .history_d{position: absolute; transition: .3s; width: 100%; left: 0; top: 50%; transform: translateY(-50%); height: 1px; background-color: #d8e1eb; z-index: 2;}
.company_history .history_list .history_d .spot{position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 19px; height: 19px; border-radius: 50%; background-color: #fff;}
.company_history .history_list .history_d .spot::after{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 9px; height: 9px; border-radius: 50%; background-color: var(--color);}
.company_history .history_list .history_d::after{content: ""; transition: .3s; position: absolute; width: 1px; height: calc(40/16 * 1em); left: 50%; transform: translateX(-50%); background-color: #d8e1eb; z-index: 1;}
.company_history .history_list li:nth-of-type(2n + 1) .history_d::after{bottom: calc(36/16 * 1em);}
.company_history .history_list li:nth-of-type(2n + 1) .history_info{padding-bottom: calc(100/16 * 1em); padding-top: 1em; display: flex; align-items: end; justify-content: center;}
.company_history .history_list li:nth-of-type(2n + 1) .history_time{order: 2; padding-top: calc(40/16 * 1em);}
.company_history .history_list li:nth-of-type(2n + 1) .history_info p{margin-top: 1em;}
.company_history .history_list li:nth-of-type(2n) .history_d::after{top: calc(36/16 * 1em);}
.company_history .history_list li:nth-of-type(2n) .history_info{padding-top: calc(100/16 * 1em); padding-bottom: 1em;}
.company_history .history_list li:nth-of-type(2n) .history_time{display: flex; align-items: end; justify-content: center; padding-bottom: calc(40/16 * 1em);}
.company_history .history_list li:nth-of-type(2n) .history_info p{margin-bottom: 1em;}
.company_history .history_list li .history_text{overflow-y: auto; margin: 0 3em; max-height: 100%;}
.company_history .history_list .history_time{height: calc(272/16 * 1em); position: relative; z-index: 2;}
.company_history .history_list .history_info{height: calc(272/16 * 1em); position: relative; z-index: 2;}
.company_history .history_list .history_time aside{font-size: calc(36/16 * 1em); transition: .3s; text-align: center; font-weight: bold; color: #333333;}
.company_history .history_list .history_info p{font-size: calc(18/16 * 1em); text-align: center; line-height: calc(32/18); color: #222222;}
.company_history .history_list li.slick-current .history_time aside{font-size: calc(54/16 * 1em); color: var(--color);}
.company_history .history_list li.slick-current .history_d{background-color: var(--color);}
.company_history .history_list li.slick-current .history_d::after{background-color: var(--color); height: calc(75/16 * 1em);}
.company_history .history_list li.slick-current::after{content: ""; position: absolute; border-radius: 16px; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom,#fff,transparent);}


.company_history .history_list li:nth-of-type(2n+1).slick-current .history_d::after{bottom: 0;}
.company_history .history_list li:nth-of-type(2n).slick-current .history_d::after{top: 0;}

/* .company_history .history_list li.slick-center ~ li .history_info p{background-image: linear-gradient(to right,#333,transparent); background-clip: text; color: transparent;} */
/* .company_history .history_list_box::before{content: ""; position: absolute; height: 100%; width: 15%; left: 0; top: 0; background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); z-index: 3;}  */

.company_history .history_list_box .control{position: absolute; pointer-events: none;  z-index: 4; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(1620/1400 * 100%);}
.company_history .history_list_box .control .slick-arrow{width: calc(56/16 * 1em); height: calc(56/16 * 1em); pointer-events: all; position: relative; background-color: #ec1c24; border-radius: .5em; font-size: 1em; text-indent: -9999px; overflow: hidden;}
.company_history .history_list_box .control .slick-arrow.slick-prev{transform: rotate(180deg);}
.company_history .history_list_box .control .slick-arrow::after{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: calc(20/56 * 100%); width: calc(20/16 * 1em); height: calc(17/16 * 1em); mask: url(../images/a_arrow.svg) no-repeat center; -webkit-mask:url(../images/a_arrow.svg) no-repeat center; -webkit-mask-size: cover; mask-size: cover; background-color: #fff;}

@media(max-width:1650px){
    .company_history .history_list_box .control{width: 100%;}
}

@media(max-width:1024px){
    .company_history .history_list li.slick-center .history_time aside{font-size: calc(36/16 * 1em);}
    .company_history .history_list .history_info p{font-size: calc(14/16 * 1em);}
}

.vision{padding: calc(40/1920 * 100%) 0 calc(150/1920 * 100%);}
.vision .about_title{text-align: center; }
.vision .vision_list{gap:1em calc(25/1400 * 100%); margin-top: calc(70/1400 * 100%);}
.vision .vision_list li{width: calc(450/1400 * 100%); transition: .3s; padding: calc(110/1400 * 100%) calc(50/1400 * 100%) calc(70/1400 * 100%); overflow: hidden; position: relative; border-radius: 20px; background-color: #f2f5f7;}
.vision .vision_list li .img{position: relative; display: inline-block;}
.vision .vision_list li img{visibility: hidden;}
.vision .vision_list li figure{position: absolute; width: 100%; height: 100%; left: 0; top: 0; mask: no-repeat center; -webkit-mask: no-repeat center; background-color: var(--color);}
.vision .vision_list li aside{font-size: calc(32/16 * 1em); font-weight: 700; color: #222222;}
.vision .vision_list li p{line-height: 2; height: calc(200/20 * 1em); margin-top: calc(38/20 * 1em); font-size: calc(20/16 * 1em); color: #222222; font-weight: 500;}
.vision .vision_list li span{font-size: calc(200/16 * 1em); transition: .3s; color: #00a651; opacity: 0; font-weight: bold; position: absolute; white-space: nowrap; bottom: calc(45/545 * 100%); left: calc(180/450 * 100%); line-height: 1;}
.vision .vision_list li:hover{background-color: transparent;}
.vision .vision_list li:hover::after{content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 20px; border: 3px solid #00a651;}
.vision .vision_list li:hover span{opacity: .1;}
.vision .vision_list li:hover figure{background-color: #00a651;}

@media(max-width:1024px){
    .vision .vision_list li aside{font-size: calc(24/16 * 1em);}
    .vision .vision_list li p{font-size: 1em;}
    .vision .vision_list li span{font-size: calc(100/16 * 1em);}
}

@media(max-width:768px){
    .vision .vision_list li{width: 100%;}
    .vision .vision_list li .img{max-width: 50px;}
    .vision .vision_list li .img figure{mask-size: cover; -webkit-mask-size: cover;}
}

.honor{margin:calc(40/1920 * 100%) calc(30/1920 * 100%) 0; overflow: hidden;}
.honor .about_title{text-align: center; max-width: calc(1120/1860 * 100%); margin: 0 auto;}
.honor .honor_info{background-color: #f2f5f7; border-radius: 30px; margin: calc(70/1860 * 100%) 0 calc(90/1860 * 100%);}
.honor .honor_info .auto{position: relative; padding: calc(125/1860 * 100%) 0 calc(150/1860 * 100%); /* min-height: calc(800/1920 * 100vw); */}
.honor .honor_info .honor_show{position: absolute; width: calc(842/1920 * 100vw); bottom: 0; left: calc(-48/1400 * 100%);}
.honor .honor_info .honor_show_list{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.honor .honor_info .honor_show_list .slick-list,
.honor .honor_info .honor_show_list .slick-track,
.honor .honor_info .honor_show_list .slick-slide{  height: 100%;}
.honor .honor_info .honor_show_list .slick-list{ overflow: initial;}
.honor .honor_info .honor_show_list .slick-slide{ position: relative;}
.honor .honor_info .honor_show_list .slick-slide > div{position: absolute;width: 24%;}
.honor .honor_info .honor_show_list li::after{content: ""; position: absolute; z-index: 1; left: calc(6/192 * 100%); bottom: 0; width: calc(231/192 * 100%); height: calc(267/270 * 100%); background: url(../images/honor_shadow.png) no-repeat center; background-size: cover;}
.honor .honor_info .honor_show_list li .img{background: url(../images/honor_border.png) no-repeat center; border-radius: 10px; position: relative; z-index: 2; background-size: cover; padding: 11px 12px;}
/* .honor .honor_info .honor_show_list li:nth-of-type(1){left: calc(184/842 * 100%); bottom: calc(389/464 * 100%);}
.honor .honor_info .honor_show_list li:nth-of-type(2){left: calc(473/842 * 100%); bottom: calc(464/464 * 100%);}
.honor .honor_info .honor_show_list li:nth-of-type(3){left: calc(32/842 * 100%); bottom: calc(195/464 * 100%);}
.honor .honor_info .honor_show_list li:nth-of-type(4){left: calc(311/842 * 100%); bottom: calc(144/464 * 100%);}
.honor .honor_info .honor_show_list li:nth-of-type(5){left: calc(575/842 * 100%); bottom: calc(255/464 * 100%);} */
.honor .honor_info .honor_show_list .slick-slide > div:nth-of-type(1){left: calc(184/842 * 100%); bottom: calc(389/464 * 100%);}
.honor .honor_info .honor_show_list .slick-slide > div:nth-of-type(2){left: calc(473/842 * 100%); bottom: calc(464/464 * 100%);}
.honor .honor_info .honor_show_list .slick-slide > div:nth-of-type(3){left: calc(32/842 * 100%); bottom: calc(195/464 * 100%);}
.honor .honor_info .honor_show_list .slick-slide > div:nth-of-type(4){left: calc(311/842 * 100%); bottom: calc(144/464 * 100%);}
.honor .honor_info .honor_show_list .slick-slide > div:nth-of-type(5){left: calc(575/842 * 100%); bottom: calc(255/464 * 100%);}
.honor .honor_info .home_slider{width: calc(545/1400 * 100%); margin-left: auto;position: relative;  z-index: 3;} 
.honor .honor_info .honor_info_list{width: calc(460/545 * 100%);}
.honor .honor_info .honor_info_list .slick-list{padding-bottom: calc(50/16 * 1em) !important;}
.honor .honor_info .honor_info_list li{transition: .3s; border: none;}
.honor .honor_info .honor_info_list li aside{font-size: calc(40/16 * 1em); color: #222222; font-weight: bold;}
.honor .honor_info .honor_info_list li .content{margin-bottom: calc(60/16 * 1em); margin-top: calc(15/16 * 1em); line-height: 1.8;}
.honor .honor_info .honor_info_list li p{font-size: calc(18/16 * 1em); color: #222222;}
.honor .honor_info .honor_info_list li:not(.slick-current){opacity: .5;}
.honor .honor_info .honor_year_list {width: calc(85/545 * 100%);}
.honor .honor_info .honor_year_list li{border: none;}
.honor .honor_info .honor_year_list li aside{height: calc(65/18 * 1em); line-height: calc(65/18); cursor: pointer; position: relative; transition: .3s; color: #444444; text-align: right; font-size: calc(18/16 * 1em);}
.honor .honor_info .honor_year_list li aside::before{content: ""; width: 2px; position: absolute; height: 100%; background-color: #e1e4e7; left: 0; top: 0;}
.honor .honor_info .honor_year_list li.slick-current aside{color: var(--color); font-weight: bold;}
.honor .honor_info .honor_year_list li.slick-current aside::before{background-color: var(--color);}
.honor .honor_info .honor_show_list .slick-arrow{width: calc(56/16 * 1em); height: calc(56/16 * 1em); pointer-events: all; background-color: #ec1c24; border-radius: .5em; font-size: 1em; text-indent: -9999px; overflow: hidden; position: absolute; top: 0; z-index: 3;}
.honor .honor_info .honor_show_list .slick-prev{transform: rotate(180deg); left: 0;}
.honor .honor_info .honor_show_list .slick-next{right: 0;}
.honor .honor_info .honor_show_list .slick-arrow::after{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: calc(20/56 * 100%); width: calc(20/16 * 1em); height: calc(17/16 * 1em); mask: url(../images/a_arrow.svg) no-repeat center; -webkit-mask:url(../images/a_arrow.svg) no-repeat center; -webkit-mask-size: cover; mask-size: cover; background-color: #fff;}
.honor .honor_info .mySwiper{ height: calc( 650/16 * 1em); z-index: 5;}
.honor .honor_info .honor_year_list{ height: calc( 460/16 * 1em); z-index: 5;}
.honor .honor_info .honor_year_list li.custom-thumb-active aside{color: var(--color); font-weight: bold;}
.honor .honor_info .honor_year_list li.custom-thumb-active aside::before{background-color: var(--color);}
.honor .honor_info .honor_info_list li:not(.swiper-slide-active){opacity: .5;}
.honor .honor_info .honor_info_list li.swiper-slide-active{ opacity: 1;}
@media(min-width:1921px){
    .honor .honor_info .auto{min-height: 800px;}
    .honor .honor_info .honor_show{width: calc(842/16 * 1em);}
}

@media(max-width:1600px){
    .honor .honor_info .honor_show{left: 0; bottom:20%;}
}

@media(max-width:1024px){
    .honor .about_title{max-width: 100%;}
    .honor .honor_info .home_slider{width: 100%;}
    .honor .honor_info .honor_show{position: relative; left: unset; bottom: unset;width: 85%; margin: 0 auto; margin-top: calc(180/16 * 1em);}
    .honor .honor_info .honor_show_list li .img{padding: 5.5px 6px;}
    .honor .honor_info .honor_info_list li aside{font-size: calc(24/16 * 1em);}
    .honor .honor_info .honor_info_list li p{font-size: 1em;}
    .honor .honor_info .honor_info_list li .content{margin-bottom: 2em; margin-top: 1em;}
    .honor .honor_info .honor_info_list .slick-list{padding-bottom: 2em !important; padding-top: 0 !important;}
}

.contact_us{margin: calc(40/1920 * 100%) calc(30/1920 * 100%) calc(100/1920 * 100%); padding: calc(90/1920 * 100%) 0; border-radius: 30px; background-color: #f2f5f7;}
.contact_us .ul{gap: calc(50/16 * 1em) calc(47/1400 * 100%); }
.contact_us .ul:not(:nth-last-of-type(1)){margin-bottom: calc(50/1860 * 100%); padding-bottom: calc(50/1860 * 100%);  border-bottom: 1px solid #dde4e8;}
.contact_us .ul li{width: calc(435/1400 * 100%); }
.contact_us .ul li .li_c{padding-bottom: 2em; padding-right: calc(50/435 * 100%); height: 100%; }
.contact_us .ul li:not(:nth-last-of-type(1)){border-right: 1px solid #dde4e8;}
.contact_us .ul li h3{font-size: 1em; margin: 0;}
.contact_us .ul li h3 span{font-size: calc(26/16 * 1em); font-weight: 700; color: #ec1c24; position: relative;}
.contact_us .ul li h3 span::after{content: ""; position: absolute; top: .2em; left: calc(100% + 12/26 * 1em); width: 6px; height: 6px; background-color: currentColor; border-radius: 2px;}
.contact_us .ul li aside{color: #333333; font-size: calc(24/16 * 1em); font-weight: 700; margin: calc(20/24 * 1em) 0 calc(16/24 * 1em);}
.contact_us .ul li pre{font-size: calc(18/16 * 1em); color: #666666; line-height: calc(30/18); font-weight: 500;}
.contact_us .ul li .content{margin-top: calc(45/16 * 1em);}
.contact_us .ul li p{font-size: calc(18/16 * 1em); padding-left: calc(33/18 * 1em); position: relative; color: #8ba2aa; line-height: calc(28/18); font-weight: 500;}
.contact_us .ul li p:not(:nth-last-of-type(1)){margin-bottom: calc(10/18 * 1em);}
.contact_us .ul li p.tel::before{width: 16px; height: 17px; background-image: url(../images/tel.png);}
.contact_us .ul li p.fax::before{width: 18px; height: 20px; background-image: url(../images/fax.png);}
.contact_us .ul li p.address::before{width: 14px; height: 18px; background-image: url(../images/address.png);}
.contact_us .ul li p::before{content: ""; position: absolute; left: 0; top: .25em; background: no-repeat center; background-size: cover;}
.contact_us .tips{font-size: calc(30/16 * 1em); margin-top: calc(80/1400 * 100%); line-height: calc(48/30); color: #222222; font-weight: 700;}

@media(max-width:1024px){
    .contact_us .ul{gap: 1em 3%;}
    .contact_us .ul li{width: 48.5%;}
    .contact_us .ul li h3 span{font-size: calc(20/16 * 1em);}
    .contact_us .ul li aside{font-size: calc(16/16 * 1em);}
    .contact_us .ul li pre{font-size: calc(14/16 * 1em);}
    .contact_us .ul li p{font-size: calc(14/16 * 1em);}
    .contact_us .ul li p::before{top: .35em;}
    .contact_us .ul li .content{margin-top: 1em;}
    .contact_us .ul li .li_c{padding-bottom: 1em;}
    .contact_us .tips{font-size: calc(20/16 * 1em);}
}

@media(max-width:768px){
    .contact_us .ul li p.tel::before{width: calc(16/14/3 * 2 * 1em); height: calc(17/14/3 * 2 * 1em);}
    .contact_us .ul li p.fax::before{width: calc(18/14/3 * 2 * 1em); height: calc(20/14/3 * 2 * 1em);}
    .contact_us .ul li p.address::before{width: calc(14/14/3 * 2 * 1em); height: calc(18/14/3 * 2 * 1em);}
}


.career{padding: calc(40/1920 * 100%) 0 calc(120/1920 * 100%); overflow: hidden;}
.career .career_list{margin-bottom: calc(100/1400 * 100%);}
.career .career_list li:not(:nth-last-of-type(1)){margin-bottom: calc(105/1400 * 100%);}
.career .career_list li .text{width: calc(595/1400 * 100%);}
.career .career_list li .text aside span{font-size: calc(28/16 * 1em); color: #000000; }
.career .career_list li .text aside span.blue{color: var(--color); font-weight: bold;}
.career .career_list li figure{width: calc(745/1400 * 100%);}
.career .career_list li .content{margin-top: calc(35/595 * 100%);}
.career .career_list li .content p{font-size: calc(18/16 * 1em); line-height: 2; font-weight: 500; color: #333333;}
.career .career_list li .content p:not(:nth-last-of-type(1)){margin-bottom: calc(36/595 * 100%);}
.career .career_list li .text aside{position: relative;}
.career .career_list li .text aside::after{content: ""; position: absolute; transition: .5s; transform-origin: right; height: 2px; width: 100%; background-color: #fff; bottom: 0; right: 0;}
.career .career_list li .text aside *{   
    background: no-repeat left bottom;
    background-image: linear-gradient(90deg, currentColor, currentColor);background-image: -o-linear-gradient(90deg, currentColor, currentColor);
    background-image: -moz-linear-gradient(90deg, currentColor, currentColor);
    background-image: -webkit-linear-gradient(90deg, currentColor, currentColor);
    background-size: 100% 2px;
    background-position: 100% 100%;
}
.career .career_list li:hover .text aside::after{width: 0;}

@media(min-width:769px){
    .career .career_list li:nth-of-type(2n) figure{order: 2;}
}

@media(max-width:1024px){
    .career .career_list li .text aside span{font-size: calc(20/16 * 1em);}
    .career .career_list li .content p{font-size: 1em;}
}

@media(max-width:768px){
    .career .career_list li figure{width: 100%;}
    .career .career_list li .text{width: 100%; margin-top: 1em;}
}

.hire{margin: 0 calc(30/1920 * 100%); padding: calc(90/1920 * 100%) 0 calc(115/1920 * 100%); background-color: #f2f5f7; border-radius: 30px;}
.hire .about_title{text-align: center;}
.hire .hire_list{margin-top: calc(80/1400 * 100%);}
.hire .hire_list li:not(:nth-last-of-type(1)){margin-bottom: calc(105/1400 * 100%);}
.hire .hire_list li figure{width: calc(728/1400 * 100%); border-radius: 20px; overflow: hidden;}
.hire .hire_list li .text{width: calc(600/1400 * 100%); padding-top: calc(45/1400 * 100%);}
.hire .hire_list li .text aside span{font-size: calc(28/16 * 1em); color: #000000; position: relative;}
.hire .hire_list li .text aside span .step{position: absolute; left: calc(100% + 10px); top: -.5em; font-size: calc(16/28 * 1em); color: #999999;}
.hire .hire_list li .text .content{margin-top: calc(45/600 * 100%);}
.hire .hire_list li .text p{font-size: calc(18/16 * 1em); color: #333; line-height: 2;}
.hire .hire_list li .text p:not(:nth-last-of-type(1)){margin-bottom: calc(36/600 * 100%);}
@media(min-width:769px){
    .hire .hire_list li:nth-of-type(2n) figure{order: 2;}
}

@media(max-width:1024px){
    .hire .hire_list li .text{padding-top: 0;}
    .hire .hire_list li .text aside span{font-size: calc(20/16 * 1em);}
    .hire .hire_list li .text p{font-size: 1em;}
}

@media(max-width:768px){
    .hire .hire_list li figure{width: 100%;}
    .hire .hire_list li .text{width: 100%; margin-top: 1em;}
}

.vacant_position{margin-top: calc(80/1920 * 100%);}
.vacant_position aside span{font-size: calc(30/16 * 1em); color: #222222; font-weight: 500;}
.vacant_position .vacant_position_list{margin-top: calc(34/1400 * 100%);}
.vacant_position .vacant_position_list li{font-size: calc(20/16 * 1em); font-weight: 500; color: #222222; line-height: calc(48/20);}

.vacant_position .more{margin-top: calc(45/1400 * 100%);}
.vacant_position .more a{width: calc(150/16 * 1em); height: calc(45/16 * 1em);  transition: .6s; border-radius: 10px; background-color: #ec1c24; color: #fff;}
.vacant_position .more a:hover{transform: scale(1.05); box-shadow: 0px 0px 1em 0px #ec1c24;}
@media(max-width:1024px){
    footer .middle .b_contact_us{margin-top: 1em;}
}







/*RighInfo003072 */
.RighInfo003072{padding: 0 0 calc(110/1920 * 100%);}
@media(max-width:640px){
.RighInfo003072{font-size: 3.5vw;}
}
.RighInfo003072 .auto{max-width:1100px;}
.RighInfo003072 .topcon{padding: calc(40/1920 * 100%) 0 calc(110/1920 * 100%);}
.RighInfo003072 .topcon .name{font-size: calc(48/16 * 1em);color: #222222;line-height: 1;margin-bottom:1.2em;text-align: center}
@media(min-width:1024px){
.RighInfo003072 .txt-info{width: 52%;}
.RighInfo003072 .video{width: 45%;}
}
@media(max-width:1024px){

.RighInfo003072 .topcon .name{font-size:calc(36/16 * 1em);margin-bottom:0.5em;}
.RighInfo003072 .txt-info{margin-bottom: 4vw;}

}

.RighInfo003072 .video .pic{position: relative; z-index: 1;border-radius: 20px;overflow: hidden;background: #000; margin-bottom: 0vw;}
.RighInfo003072 .edit-info{line-height: 2;color:#333;text-align: center;padding-top:2%; letter-spacing: 1px}
.RighInfo003072 .edit-info p{margin-bottom: calc(20/16 * 1em);}
.RighInfo003072 .edit-info p span.big{font-weight: bold;font-size: calc(36/16 * 1em);color: var(--color);}
@media(max-width:640px){
.RighInfo003072 .edit-info{font-size: 3.5vw;}
.RighInfo003072 .edit-info p{margin-bottom:calc(10/16 * 1em);}
.RighInfo003072 .edit-info p span.big{font-size: calc(26/16 * 1em);}
}


.RighInfo003072 .item-group .item{padding: 4vw 0;}
.RighInfo003072 .item-group .item:nth-child(2n-1){background-color: #f2f5f7;padding: calc(100/1920 * 100%) 0 calc(90/1920 * 100%);margin: 0 calc(30/1920 * 100%);border-radius: 30px;}
.RighInfo003072 .item-group .item .img{max-width:800px;margin:4% auto;  }
.RighInfo003072 .item-group .item .img span{text-align: center;display: block;margin-top:calc(10/16 * 1em);}

.RighInfo003072 .item-group .img img{border-radius: 10px;}
.RighInfo003072 .item-group h3{font-size: calc(26/16 * 1em);letter-spacing: 1px;color: #333;font-weight: normal; margin: 0 0 2em 0;text-align: center; }
.RighInfo003072 .item-group h3 span{font-size: calc(36/16 * 1em);margin-right:calc(15/36 * 1em);color: var(--color);}
.RighInfo003072 .item-group p{line-height: 2;margin-bottom: calc(15/16 * 1em);color:#333; letter-spacing: 1px}
.RighInfo003072 .item-group ul li{width:31.3%;float:left;margin-right:3%;margin-bottom:3%;}
.RighInfo003072 .item-group ul li:nth-child(3n){margin-right:0;}
@media(min-width:769px){


}
@media(max-width:768px){
.RighInfo003072 .item-group .item{padding: 5vw 0;}
.RighInfo003072 .item-group .txt{ padding-bottom: 4vw;}
.RighInfo003072 .item-group ul li{width:49%;margin-right:2% !important; }
.RighInfo003072 .item-group ul li:nth-child(2n){margin-right:0 !important;}
}
@media(max-width:480px){
.RighInfo003072 .item-group h3{font-size: 4.5vw;}
.RighInfo003072 .item-group pre{font-size: 3.5vw;}
}
/* 弹窗 */
.msg_box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.1);
    z-index: 999;
    display: none;
}
.msg_box.cur{
    display: block;
}

.msg_box .content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.msg_box .main {
    width: 95%;
    max-width: 540px;
    background-color: #fff;
    padding: 25px;
    border-radius: 20px;
    position: relative;
}

.msg_box .msg_tit {
    text-align: center;
    color: #000;
    line-height: 1.3;
    font-size: 2rem;
}

.msg_box .form_list {
    margin-top: 1.5rem;
}

.form_list .form_item {
    margin-bottom: 1rem;
}

.form_list input,.form_list textarea {
    border: none;
    width: 100%;
}

.form_list .input {
    border: 1px solid #eee;
    margin-top: .8rem;
    padding: .5rem;
}

.form_list textarea {
    height: 5rem;
    resize: none;
}

.form_list .lalbe {
    font-size: 1rem;
}

.msg_box .close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.msg_box .close::before{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: #000;
    transform: translate(-50%,-50%) rotate(45deg);
}
.msg_box .close::after{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: #000;
    transform: translate(-50%,-50%) rotate(-45deg);
}
.msg_box .form_btn{
    width: 100%;
    max-width: 250px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    font-size: 1rem;
    background-color: var(--color);
    margin: 0 auto;
    cursor: pointer;
}

@media(max-width:480px){
    .msg_box .msg_tit {
        font-size: 1.2rem;
    }
    
    .msg_box .main {
        padding: 15px;
    }
    
    .form_list .input {
        padding: .4rem;
    }
    .form_list .form_item {
        margin-bottom: .5rem;
    }
    .msg_box .form_list {
        margin-top: 1rem;
    }
    .msg_box .form_btn {
        max-width: 200px;
        line-height: 40px;
    }
}