/*
首页模块命名规范：col-index-模块英文名称，如：col-index-news
内页页面外层容器命名规范：
1、通用样式：col-page，内页外层容器通用样式，使用方法<div class="col-page col-page-about"></div>
2、页面样式：col-page-模块英文名称，如：col-page-about（关于我们页面）
3、内页模块命名规范：col-模块英文名称，如：col-product（产品）、col-honor（荣誉）
其他命名规范：
1、使用swiper、owl.Carousel等插件时，插件外层容器可用模块名称-container,如product-container
2、使用英文名称为样式命名，不要出现拼音和首字母
3、模块最外层容器命名规范：col-自定义名称
4、样式命名中单词由符号“-”来连接，如：col-culture,col-hot-product
备注：上面所说的模块不是指系统后台模块，是网站前台页面中的组成模块，如：首页中包含网站头部、产品、新闻、荣誉、案例、网站底部，其中每个部分视为一个模块。
*/
@charset "utf-8";
@font-face {
  font-family: "Impact";
  font-weight: regular;
  src: url("../fonts/Impact.ttf") format("truetype");
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 1502878 */
  src: url('//at.alicdn.com/t/c/font_1502878_uwi0iubqrl.woff2?t=1701313520792') format('woff2'),
       url('//at.alicdn.com/t/c/font_1502878_uwi0iubqrl.woff?t=1701313520792') format('woff'),
       url('//at.alicdn.com/t/c/font_1502878_uwi0iubqrl.ttf?t=1701313520792') format('truetype');
}
html{font-size: 16px;}
body {min-width: 320px;color: #222222;font-family:"PingFang SC", PingHei, STHeitiSC-Light, "Myriad Set Pro","Lucida Grande", "Helvetica Neue", Helvetica, "microsoft yahei", SimHei,tahoma, Arial, Verdana, sans-serif;font-weight: 400;}
.goomay a {
  font-family:"iconfont" !important;
  font-size:12px!important;
  color: rgb(255,255,255,1)!important;
  font-style:normal;
  font-weight: normal;
  text-decoration: none!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  transition: .5s all;
}
.icon-goomay a:before { content: "\e625"; }
.goomay a:hover{color: #e50012!important;}
.icon-g:before { content: "\e603"; }
.iconfont {font-family: 'iconfont';}
*{word-break:normal !important}
li {list-style: none;}
i {font-style: normal;}
a {color: #222222;}
a:focus{text-decoration: none;outline: none;color:#222222;}
a:hover { color: #222222;text-decoration: none;outline: none;}
p,h1,h2,h3,h4,h5,h6,ul,li {margin: 0;padding: 0;}
img {border: 0;  max-width: 100%;}
.relative {position: relative;}
.container {max-width: 1200px;  padding: 0 10px;}
.container2 {max-width: 1440px; width:100%;  margin: 0 auto; padding: 0 20px;}
.container3 {max-width: 1320px; width:100%;  margin: 0 auto; padding: 0 20px;}
#page{padding-top: 0px;}
nav.mm-menu_offcanvas{display: none;}
#header a.mm_btn{display: none; transition: .3s all;}
#BMapLib_transBox0 table td{box-sizing: content-box !important;}
.target-fix {position: relative;top:-100px;display: block;height: 0;overflow: hidden;}
img[src=""],img:not([src]){opacity:0 !important;}
.table{display: table;width: 100%;height: 100%;margin:0;}
.table>.middle{display: table-cell;vertical-align: middle;}
.none{display: none !important;}
.flex{display: -webkit-flex;display: -ms-flexbox;display: flex;}
.swiper-container,.swiper-container .swiper-slide{position: relative;}
.swiper-container{
  --swiper-theme-color: #e50012;/* 设置Swiper风格 */
  --swiper-preloader-color: #e50012;/* 单独设置预加载圆圈的颜色 */
}
/* animates */
@-webkit-keyframes fadeUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 40px, 0);transform: translate3d(0, 40px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 40px, 0);transform: translate3d(0, 40px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeUp {-webkit-animation-name: fadeUp;animation-name: fadeUp;}
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.fade {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes fadeDown {
  from {opacity: 0;-webkit-transform: translate3d(0, -40px, 0);transform: translate3d(0, -40px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeDown {
  from {opacity: 0;-webkit-transform: translate3d(0, -40px, 0);transform: translate3d(0, -40px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeDown {-webkit-animation-name: fadeDown;animation-name: fadeDown;}
@-webkit-keyframes fadeLeft {
  from {opacity: 0;-webkit-transform: translate3d(-40px, 0, 0);transform: translate3d(-40px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeLeft {
  from {opacity: 0;-webkit-transform: translate3d(-40px, 0, 0);transform: translate3d(-40px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeLeft {-webkit-animation-name: fadeLeft;animation-name: fadeLeft;}
@-webkit-keyframes fadeRight {
  from {opacity: 0;-webkit-transform: translate3d(40px, 0, 0);transform: translate3d(40px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeRight {
  from {opacity: 0;-webkit-transform: translate3d(40px, 0, 0);transform: translate3d(40px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeRight {-webkit-animation-name: fadeRight;animation-name: fadeRight;}


/* header */
.header{width: 100%;z-index: 12;position: fixed;top:0;left: 0;transition: 0.25s;}
.header .top{padding-top: 14px;text-align: right;}
.header .top a{display: inline-block;color:#fff;margin-left: 2.1vw;padding-left: 20px;font-size: 14px;position: relative;transition: .5s;}
.header .top a::before{content:'';width: 9px;height: 1px;background: #fff;position: absolute;left: 0;top: 50%;transition: .5s;}
.header .inner{transition: 0.36s;background:transparent;position: relative;padding: 0 2.2vw 0 3vw;}
.header .inner .flex{align-items: center;}
.header .inner .icon{margin-right: 25px;padding-right: 30px;position: relative;}
.header .inner .icon::after{content:'';width: 1px;height: 71px;background: rgba(255,255,255,.65);position: absolute;right: 0;top:50%;transform: translateY(-50%);}
.header .inner .logo{font-size: 0;margin-right: auto;}
.header .inner .logo img{max-width:230px;}
.header .inner .icon img{max-width:75px;}
.header .inner nav ul{font-size: 0;}
.header .inner nav ul li{display: inline-block;vertical-align: middle;margin:0 3vw;font-size: 16px;position: relative;}
.header .inner nav ul li:first-child{margin-left: 0;}
.header .inner nav ul li:not(:last-child):after{content:'';width: 1px;height: 17px;background: rgba(255,255,255,.45);position: absolute;right: -3vw;top: 50%;transform: translateY(-50%);}
.header .inner nav ul li>a{transition: color 0.3s;display: inline-block;position: relative;color:#fff;padding: 25px 8px;}
.header .inner nav ul li>a::after{content:'';width: 0;height: 3px;background: #e50012;position: absolute;right: 0;bottom: 0;transition: 0.25s;z-index: 2;}
.header .inner nav ul li>a:hover::after{left: 0;width: 100%;}
.header .inner nav ul li>a:hover{color:#e50012 !important;}
.header .inner nav ul li.active>a{color:#e50012 !important;}
.header .inner nav ul li.active>a::after{left: 0;width: 100%;}
.header .inner nav ul li .child{white-space: nowrap;position: absolute;top:100%;margin-top:-10px;left:50%;transform: translateX(-50%);text-align: center;display: none;padding: 10px 1.6vw 15px;background: #fff;box-shadow: 0 5px 5px 2px rgba(0,0,0,0.05);}
.header .inner nav ul li .child p{margin-top: 2px;line-height: 1.6;padding:0;}
.header .inner nav ul li .child a{font-size:14px;color:#000;text-transform: none;}
.header .inner nav ul li .child a:hover{color: #e50012;}
.header .inner .index-search{position: relative;font-size: 0;margin-right: 18px;padding-right: 18px;position: relative;}
.header .inner .index-search::after{content:'';width: 1px;height: 17px;background: rgba(255,255,255,.45);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.header .inner .index-search>a{color:#fff;}
.header .inner .index-search i.iconfont{font-size: 20px;display: inline-block;vertical-align: middle;transition:color 0.25s;}
.header .inner .index-search .content{position: fixed;width:100%;height: 100%;top:0;left: 0;background: rgba(0, 0, 0, 0.45);z-index: 999;display: none;}
.header .inner .index-search .content .container{position: relative;height: 100%;}
.header .inner .index-search .content .s-content{background: #fff;text-align: center;padding:6vh 0;position: absolute;top:30%;width: 100%;left: 0;transform: translateY(20px);opacity: 0;transition: 0.5s;}
.header .inner .index-search .content a.close{position: absolute;font-size: 32px;top:10px;right: 20px;}
.header .inner .index-search .content .title{font-size: 24px;color:#242424;margin-bottom: 10px;line-height: 1.5;}
.header .inner .index-search .content .input{font-size: 0;line-height: 1;}
.header .inner .index-search .content input{height: 60px;outline: none;vertical-align: middle}
.header .inner .index-search .content .inpt3{padding-left: 20px;border:1px solid #d2d2d2;font-size: 16px;width: 45%;color:#292929;}
.header .inner .index-search .content .inpt3::-webkit-input-placeholder {color: #b6b6b6;}
.header .inner .index-search .content .inpt3:-moz-placeholder {color: #b6b6b6;}
.header .inner .index-search .content .inpt3::-moz-placeholder {color: #b6b6b6;}
.header .inner .index-search .content .inpt3:-ms-input-placeholder {color: #b6b6b6;}
.header .inner .index-search .content .inpt4{width: 60px;background: #313131;border:none;font-size: 24px;color:#fff;font-family: 'iconfont';}
.header .inner .index-search .content.active .s-content{transform: none;opacity: 1;transition-delay: 0.36s;}
.header .inner .language{position: relative;line-height: 1;cursor: pointer;}
.header .inner .language .iconfont{font-size: 18px;color:#fff;transition: 0.25s;}
.header .inner .language ul{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);white-space: nowrap;padding: 10px 20px;border-radius: 5px;background: #fff;margin-top: 20px;box-shadow: 0 0 12px 0 rgba(0,0,0,.1);opacity: 0;visibility: hidden;transition: 0.35s;}
.header .inner .language ul::before{content:'';border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #fff;position: absolute;bottom: 100%;left: calc(50% - 5px);}
.header .inner .language ul li{margin-bottom: 8px;text-align: center;}
.header .inner .language ul li a{color:#404040;}
.header .inner .language ul li:last-child{margin-bottom: 0;}
.header .inner .language:hover ul{margin-top: 10px;opacity: 1;visibility: visible;}


.header.relative{position: relative;border-bottom: 1px solid #eaecee;}
.header.active .inner,.header.cur .inner{background: #fff;box-shadow: 0 0 20px rgb(0 0 0 / 10%);}
.header.active .inner .logo img,.header.cur .inner .logo img{display: none;}
.header.active .inner .logo img.none,.header.cur .inner .logo img.none{display: inline !important;}
.header.active .inner .index-search::after,.header.cur .inner .index-search::after,.header.cur .inner .icon::after,.header.active .inner .icon::after,.header.cur .top a::before,.header.active .top a::before,.header.cur .inner nav ul li:not(:last-child):after,.header.active .inner nav ul li:not(:last-child):after{background: rgba(0,0,0,.15);}
.header.active .inner nav ul li>a,.header.active .inner .index-search>a,.header.cur .inner nav ul li>a,.header.cur .inner .index-search>a,.header.active .inner .language .iconfont,.header.cur .inner .language .iconfont,.header.cur .top a,.header.active .top a{color:#000;}

.header.on{top: -110px;box-shadow: none;}
.header.on.move{top: 0;z-index: 99;box-shadow: 0 0 20px rgb(0 0 0 / 10%);}

/* banner */
#col-index-banner{position:relative;}
.home_banner_bg{position: relative;height: 100vh;}
#col-index-banner .banner-mask {
    width: 100%;
    position: fixed;
    height: 220px;
    top: 0;
    z-index: 11;
    background: -webkit-linear-gradient( top, rgba(0, 0, 0, .4),rgba(0, 0, 0, 0) );
    /* Safari 5.1 - 6 */
    background: -o-linear-gradient(bottom,rgba(0, 0, 0, .4),rgba(0, 0, 0, 0));
    /* Opera 11.1 - 12*/
    background: -moz-linear-gradient( bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
    /* Firefox 3.6 - 15*/
    background: linear-gradient(to bottom,rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
    /* 标准的语法 */
}
.home_banner{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;}
.home_banner .video_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.home_banner .video_bg video{position: absolute;min-width: 100%;min-height: 100%;top: 50%;left:50%;transform: translate(-50%,-50%);}
.home_banner .swiper_bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 3;}
.home_banner .swiper_bg .container2{height: 100%;display: flex;align-items: center;}
.home_banner .swiper_bg .swiper-container{width: calc(50% - 6.5vw);padding-bottom: 80px;margin-left: 0;}
.home_banner .swiper_bg .swiper-container .swiper-slide{padding: 0 25px;color:#fff;font-size: 4.375rem; font-weight:100; line-height: 1.3;}
.home_banner .swiper_bg .swiper-container .swiper-button{width: 58px;height: 58px;border-radius: 50%;border:1px solid rgba(255,255,255,.65);text-align: center;line-height: 56px;opacity: 1;outline: none;font-size: 16px;transition: 0.25s;margin-top: 0;top: auto;bottom: 0;position: absolute;pointer-events: auto;color:#fff;font-size: 24px;}
.home_banner .swiper_bg .swiper-container .swiper-button::after{display: none;}
.home_banner .swiper_bg .swiper-container .swiper-button:hover{background: #e50012;border-color: #e50012;}
.home_banner .swiper_bg .swiper-container .swiper-button-prev{left: 25px;}
.home_banner .swiper_bg .swiper-container .swiper-button-next{left: 100px;right: auto;}
.home_banner .video_more{position: absolute;z-index: 4;right: 3vw;top: 50%;transform: translateY(-50%);font-size: 0;}
.home_banner .video_more a.play{position: relative;display: inline-block;}
.home_banner .video_more a.play::before{content:'';width: 3vw;height: 1px;background: rgba(255,255,255,.35);position: absolute;left: 100%;top: 50%;}
.home_banner .video_more a.play::after{content:'';width: 24vw;height: 1px;background: rgba(255,255,255,.35);position: absolute;left: -24vw;top: 50%;}
.home_banner .video_more a.play img{width: auto;transform: none;}
.home_banner .video_more a.play p{font-size: 14px;color:rgba(255,255,255,.4);position: absolute;top: calc(100% + 10px);left: 50%;white-space: nowrap;transform: translateX(-50%);}
.home_banner .video_more .title{display: flex;align-items: center;position: absolute;left: -24vw;bottom: 50%;padding-bottom: 8px;color:#fff;width: 24vw;}
.home_banner .video_more .title span{font-size: 16px;margin-right: 10px;}
.home_banner .video_more .title i.fa{font-size: 12px;}

.home_banner2{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 12;pointer-events: none;overflow: hidden;}
.home_banner2 .home_banner2a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.home_banner2 .home_banner2a .logo_bg_box{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.home_banner2 .home_banner2a .logo_bg{transform: scale(14);width: 1906px;height: 1200px;left: 50%;top: 50%;margin: -600px 0 0 -953px;position: absolute;background: url(../images/circle.svg) no-repeat 50%;background-size: 100% auto;z-index: 5;}
.home_banner2 .home_banner2a .logo{width: 100%;left: 0;top: 50%;transform: translateY(-50%);position: absolute;z-index: 10;text-align: center;}
.home_banner2 .home_banner2a .logo .logo1_bg{position: relative;display: inline-block;}
.home_banner2 .home_banner2a .logo .logo1_bg img.logo_1{transform: scale(0.8);opacity: 0;}
.home_banner2 .home_banner2a .logo .logo1_bg img.logo_2{position: absolute;right: 0;top: 50%;transform: translateY(-50%);max-width: none;opacity: 0;}
.home_banner2 .home_banner2a .logo .logo3 {position: absolute;text-align: center;width: 100%;letter-spacing: 4px;left: 0;top: calc(100% + 12vh);}
.home_banner2 .home_banner2a .logo .logo3 .logo3a{display: inline-block;font-size: 24px;margin: 0 10px;}
.home_banner2 .home_banner2a .logo .logo3 .logo3a span{display: inline-block;opacity: 0;transform: scale(1.5) translate3d(0,50px,0) skewX(60deg) rotateX(-80deg);;}

.home_banner2 .home_banner2a .logo.on .logo1_bg {padding-right: 407px;transition: all .8s .6s ease;}
.home_banner2 .home_banner2a .logo.on .logo1_bg img.logo_1{opacity: 1;transform: scale(1);transition: all .8s ease;}
.home_banner2 .home_banner2a .logo.on .logo1_bg img.logo_2{opacity: 1;transition: all .8s 1.2s;}
.home_banner2 .home_banner2a .logo.on .logo3 .logo3a span{opacity: 1;transform: scale(1) translateZ(0) skewX(0deg) rotateX(0deg);transition: transform 1.05s cubic-bezier(0.08, 0.92, 0.35, 1) 1.03s, opacity 1s ease 1.04s;}

.part{height: 800px;}

.col-banner {position: relative;padding: 0 !important;width: 100%;overflow: hidden; min-height:75vh;}
.col-banner .swiper-container{position: fixed;top: 0;left: 0;width: 100%;z-index: 1;} 
.col-banner .swiper-slide{font-size: 0;}
.col-banner .swiper-slide .img img{width: 100%;height: 100%;object-fit: cover;}
#col-banner .swiper-slide .ban_cont{position: absolute;top: calc(50% + 53px);transform: translateY(-50%);color:#fff;left: 0;width: 100%;z-index: 2;}
#col-banner .swiper-slide .ban_cont .content{opacity: 0;}
#col-banner .swiper-slide .ban_cont .content h1{font-size: 3rem;font-weight: bold;text-shadow: 1px 1.732px 1px rgba(0, 0, 0, 0.2);margin-bottom: 8px;position: relative;padding-bottom: 10px;}
#col-banner .swiper-slide .ban_cont .content h1::after{content:'';width: 16.5vw;height: 1px;background: rgba(255,255,255,.6);position: absolute;left: 0;bottom: 0;}
#col-banner .swiper-slide .ban_cont .content .mbx,#col-banner .swiper-slide .ban_cont .content .mbx a{font-size: 14px;text-shadow: 1px 1.732px 1px rgba(0, 0, 0, 0.2);color:#fff;}
#col-banner::after{content:'';width: 100%;height: 12.5%;position: absolute;left: 0;bottom: 0;z-index: 3;opacity: .5;background: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0));}

.col-index-about{position: relative;background: #fff;z-index: 15;}
.col-index-about .tongkun{width: 47.76vw;bottom: -40px;right:0;position: absolute;z-index: -1;}
.col-index-about .flex{display: flex;align-items: center;justify-content: space-between;}
.col-index-about .flex #parallax-counter{width: 41%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.col-index-about .flex #parallax-counter>ul{width: 46%;}
.col-index-about .flex #parallax-counter>ul li{border-radius: 30px;background: #f8f8f8;display: flex;flex-direction: column;justify-content: center;color: #3a3a3a;transition: 0.35s;align-items: center;font-size: 16px;padding: 7.5vh 15px;box-shadow: 3px 5.196px 13px 0px rgba(0, 0, 0, 0.09);margin-bottom: 20px;}
.col-index-about .flex #parallax-counter>ul li:last-child{margin-bottom: 0;}
.col-index-about .flex #parallax-counter>ul li:nth-child(1),.col-index-about .flex #parallax-counter>ul li:nth-child(4){border-top-right-radius: 0;border-bottom-left-radius: 0;}
.col-index-about .flex #parallax-counter>ul li:nth-child(2),.col-index-about .flex #parallax-counter>ul li:nth-child(3){border-top-left-radius: 0;border-bottom-right-radius: 0;}
.col-index-about .flex #parallax-counter>ul:nth-child(1) li{padding: 4vh 15px;}
.col-index-about .flex #parallax-counter>ul li .odometer,.col-index-about .flex #parallax-counter>ul li sup{font-family: 'Impact';font-size: 4.5rem;line-height: 1.2;vertical-align: baseline;color:#e50012;transition: 0.25s color;}
.col-index-about .flex #parallax-counter>ul li sup{font-size: 3rem; display: inline-block;transform: translateY(-20px);}
.col-index-about .flex #parallax-counter>ul li.cur{color:#fff;background: #e50012;}
.col-index-about .flex #parallax-counter>ul li:nth-child(1).cur,.col-index-about .flex #parallax-counter>ul li:nth-child(4).cur{border-top-right-radius: 30px;border-bottom-left-radius: 30px;border-top-left-radius: 0;border-bottom-right-radius: 0;}
.col-index-about .flex #parallax-counter>ul li:nth-child(2).cur,.col-index-about .flex #parallax-counter>ul li:nth-child(3).cur{border-top-left-radius: 30px;border-bottom-right-radius: 30px;border-top-right-radius: 0;border-bottom-left-radius: 0;}
.col-index-about .flex #parallax-counter>ul li.cur .odometer,.col-index-about .flex #parallax-counter>ul li.cur sup{color:#fff;}
.col-index-about .flex #parallax-counter>ul li p:nth-child(2){white-space: nowrap;}
.col-index-about .flex .inner{width: 49%;margin-bottom: 7vh;}
.col-index-about .flex .inner .namemark{font-family: 'Impact';font-size: 5.2vw;color:#e50012;text-transform: uppercase;display: flex;align-items: center;margin-bottom: 3vh;line-height: 1;}
.col-index-about .flex .inner h2{font-size: 4.375vw;display: inline-block;margin-left: 15px;margin-bottom: 9px;font-weight: bold;color: #142340;line-height: 1;}
.col-index-about .flex .inner .content{font-size: 16px;color:#5a5a5a;line-height: 1.75;margin-bottom: 6vh;}
.col-index-about .flex .inner a.more{display: inline-block;font-size: 0;}
.col-index-about .flex .inner a.more i{display: inline-block;vertical-align: middle;width: 3px;height: 3px;background: #e50012;margin-right: 5px;transition: 0.25s;}
.col-index-about .flex .inner a.more i:nth-child(1){width:67px;}
.col-index-about .flex .inner a.more span{display: inline-block;vertical-align: middle;font-size: 16px;color:#142340;margin-left: 12px;transition: 0.25s;}
.col-index-about .flex .inner a.more:hover span{color:#e50012;}

.col-index-link{padding: 30px 0 0;position: relative;z-index: 10;background: #fff;}
.col-index-link .wrap{padding: 0 13vw;position: relative;}
.col-index-link .wrap .mask{position: absolute;right: 0;height: calc(100% - 45px);width: 13vw;top: 15px;z-index: 2;background: url(../images/mask.jpg) no-repeat center/cover;}
.col-index-link .wrap .swiper-container{padding-right: 405px;padding: 15px 15px 30px;padding-right: 405px;margin-right: 3px;}
.col-index-link .wrap .swiper-slide {height: auto;}
.col-index-link .wrap .swiper-slide a{display: block;height: 100%;box-shadow: 3px 5.196px 13px 0px rgba(0, 0, 0, 0.25);border-top-left-radius: 30px;border-bottom-right-radius: 80px;transition: 0.35s;position: relative;overflow: hidden;background: #3756a0;transition: 0.25s;}
.col-index-link .wrap .swiper-slide.swiper-slide-prev a{box-shadow: none;}
.col-index-link .wrap .swiper-slide a .img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;opacity: 0.13;transition: 0.35s;}
.col-index-link .wrap .swiper-slide a .content{color:#fff;padding: 16vh 2.5vw;width: 390px;height: 100%;max-height: 515px;position: relative;z-index: 2;font-size: 16px;transition: 0.35s;}
.col-index-link .wrap .swiper-slide a .content .s-content{font-size: 2.25rem;line-height: 1.333;margin:12px 0 4vh;transition: 0.35s;font-weight: 300;will-change: font-size;}
.col-index-link .wrap .swiper-slide a .more i{display: inline-block;vertical-align: middle;width: 3px;height: 3px;background: #fff;margin-right: 5px;transition: 0.35s;}
.col-index-link .wrap .swiper-slide a .more i:nth-child(1){width: 67px;}
.col-index-link .wrap .swiper-slide-active a {border-radius: 0 !important;border-bottom-left-radius: 80px !important;border-top-right-radius: 30px !important;}
.col-index-link .wrap .swiper-slide-active a .img{opacity: 1;}
.col-index-link .wrap .swiper-slide-active a .content{background: rgb(20 35 64 / 45%);}
.col-index-link .wrap .swiper-slide-active a .content .s-content{font-size: 3rem;}
.col-index-link .wrap .swiper-slide-active a .more i{background: #e50012;}
.col-index-link .wrap .swiper-button{width: 46px;height: 46px;border-radius: 50%;border:2px solid #fff;text-align: center;line-height: 42px;opacity: 1;outline: none;transition: 0.25s;top: 50%;position: absolute;pointer-events: auto;color:#fff;font-size: 24px;}
.col-index-link .wrap .swiper-button::after{display: none;}
.col-index-link .wrap .swiper-button:hover{background: #e50012;border-color: #e50012;}
.col-index-link .wrap .swiper-button-next{right: 2.4vw;}

.col-index-product {padding: 30px 0 8vh;position: relative;z-index: 10;background: #fff;}
.col-index-product::after{content:'';width: 100%;height: 35vh;background: #fafafa;position: absolute;left: 0;bottom: 0;}
.col-index-product .wrap{padding: 0 13vw;}
.col-index-product .namemark{font-family: 'Impact';font-size: 24px;color:#e50012;text-transform: uppercase;}
.col-index-product h2{font-size: 3.375rem;margin-bottom: 4vh;color: #142340;}
.col-index-product .slide{position: relative;}
.col-index-product .slide .swiper-container{padding: 30px 15px 35px;margin: 0 -15px;}
.col-index-product .slide .swiper-button{width: 46px;height: 46px;border-radius: 50%;text-align: center;line-height: 46px;opacity: 1;outline: none;transition: 0.25s;top: 50%;position: absolute;pointer-events: auto;background: #fafafa;color:#a2a2a2;font-size: 24px;}
.col-index-product .slide .swiper-button::after{display: none;}
.col-index-product .slide .swiper-button:hover{background: #e50012;color:#fff;}
.col-index-product .slide .swiper-button-prev{left: -18px;}
.col-index-product .slide .swiper-button-next{right: -18px;}
.col-index-product .slide .swiper-slide{height: auto;}
.col-index-product .slide .swiper-slide a{display: block;height: 100%;background: #fafafa;text-align: center;padding: 3.2vh 10px 2.6vh;border-top-left-radius: 20px;border-bottom-right-radius: 20px;box-shadow: 3px 5.196px 13px 0px rgba(0, 0, 0, 0.09);transition: 0.25s;}
.col-index-product .slide .swiper-slide a .icon{line-height: 50px;}
.col-index-product .slide .swiper-slide a .icon img{transition: 0.25s;height: 45px;}
.col-index-product .slide .swiper-slide a .title{font-size: 16px;margin-top: 12px;}
.col-index-product .slide .swiper-slide a:hover,.col-index-product .slide .swiper-slide-thumb-active a{background: #e50012;color:#fff;}
.col-index-product .slide .swiper-slide a:hover .icon img,.col-index-product .slide .swiper-slide-thumb-active a .icon img{filter: brightness(100);}
.col-index-product .content{margin-top: 10px;position: relative;}
.col-index-product .content .swiper-slide {padding: 11vh 4vw 15vh;max-height: 523px;border-top-left-radius: 30px;border-bottom-right-radius: 80px;height: auto;}
.col-index-product .content .swiper-slide .inner{max-width: 900px;color:#fff;}
.col-index-product .content .swiper-slide .inner h3{font-size: 2.25rem;font-weight: 100;margin-bottom: 3vh;padding-bottom: 12px;position: relative;}
.col-index-product .content .swiper-slide .inner h3::after{content:'';width: 148px;height: 1px;background: rgba(255,255,255,.45);position: absolute;left: 0;bottom: 0;}
.col-index-product .content .swiper-slide .inner .s-content{font-size: 19px;margin-bottom: 8vh;line-height: 1.875;}
.col-index-product .content .swiper-slide .inner .s-content h4{font-size: 2.25rem;line-height: 1.389;font-weight: 100;}
.col-index-product .content .swiper-slide .inner .more i{display: inline-block;vertical-align: middle;width: 3px;height: 3px;background: #e50012;margin-right: 5px;transition: 0.35s;}
.col-index-product .content .swiper-slide .inner .more i:nth-child(1){width: 67px;}
.col-index-product .content .swiper-slide .inner .s-content p:nth-child(1){margin-bottom: 10px}

.col-index-video{padding-top: 80vh;position: relative;z-index: 10;overflow: hidden;background: #fff;}
.col-index-video::after{content:'';width: 100%;height: 100%;background:#3756a045;position: absolute;left: 0;top: 0;z-index: -1;}
.col-index-video .video{position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);min-width: 100%;min-height: 100vh;z-index: -1;}
.col-index-video .wrap{background: #fff;padding-left: 13vw;padding-top: 1px;}
.col-index-video .wrap .flex{margin-top: -28vh;box-shadow: 3px 5.196px 13px 0px rgba(0, 0, 0, 0.09);border-bottom-left-radius: 80px;overflow: hidden;}
.col-index-video .wrap .flex .bg{width: 100%;height: 100%;transition: 1.5s cubic-bezier(.165,.84,.44,1);}
.col-index-video .wrap .flex .item {width: 51%;overflow: hidden;position: relative;z-index: 1;}
.col-index-video .wrap .flex .content{padding: 13vh 2.4vw;color: #fff;max-width: 52%;background: rgb(55 86 160 / 70%);height: 100%;transition: 0.5s;}
.col-index-video .wrap .flex .item .bg{position: absolute;top: 0;left: 0;z-index: -1;}
.col-index-video .wrap .flex .item:hover .content{background: rgb(55 86 160 / 90%);}
.col-index-video .wrap .flex .item:hover .bg{transform: scale(1.05);}
.col-index-video .wrap .flex .content h2{font-size: 2.625rem;margin-bottom: 3vh;font-weight: 300;}
.col-index-video .wrap .flex .content .s-content{font-size: 16px;line-height: 1.75;margin-bottom: 4.5vh;}
.col-index-video .wrap .flex .content .more i{display: inline-block;vertical-align: middle;width: 3px;height: 3px;background: #e50012;margin-right: 5px;transition: 0.35s;}
.col-index-video .wrap .flex .content .more i:nth-child(1){width: 67px;}
.col-index-video .wrap .flex .item2{background: #e50012;width: 49%;}
.col-index-video .wrap .flex .item2 a{display: flex;}
.col-index-video .wrap .flex .item2 .content{max-width: none;width: 52%;background: none;}
.col-index-video .wrap .flex .item2 .more i{background: #fff;}
.col-index-video .wrap .flex .img{width: 48%;position: relative;overflow: hidden;}
.col-index-video .wrap .flex .item2:hover .img .bg{transform: scale(1.05);}

.col-index-more{padding: 8vh 0 5vh;position: relative;z-index: 10;background: #fff;}
.col-index-more .wrap{padding: 0 13vw;}
.col-index-more ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-index-more ul li{width: 24%;position: relative;padding: 0 35px;font-size: 14px;line-height: 1.714; color: #686868;}
.col-index-more ul li:nth-child(2n){width: 1px;height: 85px;background: #bcbcbc;padding: 0;align-self: flex-end;}
.col-index-more ul li p:nth-child(1){margin-bottom: 4vh;}
.col-index-more ul li p:nth-child(1) img{transition: 0.5s;}
.col-index-more ul li h3{position: relative;margin-bottom: 10px;}
.col-index-more ul li h3::before{content:'';width: 16px;height: 3px;background: #e50012;position: absolute;left: -35px;top: 10px;font-weight: 500;}
.col-index-more ul li:hover h3{color:#e50012}
.col-index-more ul li a:hover p:nth-child(1) img{transform: scaleX(-1);} 

.col-index-news {position: relative;padding: 5vh 0 0;z-index: 10;background: #fff;}
.col-index-news::after{content:'';width: 45%;height: 32vh;background: #ededed;position: absolute;left: 0;bottom: 0;z-index: -1;opacity: 0.18;}
.col-index-news .flex{justify-content: space-between;flex-wrap: wrap;}
.col-index-news .flex .title{width: 35%;padding-left: 13vw;}
.col-index-news .flex .title .namemark{font-family: 'Impact';font-size: 24px;}
.col-index-news .flex .title h2{font-size: 3rem;font-weight: bold;color:#e50012;margin: 3px 0 9vh;}
.col-index-news .flex .title ul li{margin-bottom: 10px;}
.col-index-news .flex .title ul li a{color:#979797;font-size: 16px;transition: 0.25s;}
.col-index-news .flex .title ul li a:hover{color:#000;}
.col-index-news .flex .slide{width: 65%;}
.col-index-news .flex .slide .swiper-container{padding-right: 7vw;padding-bottom: 100px;}
.col-index-news .flex .slide .swiper-container .swiper-slide .img{border-radius: 17px;box-shadow: 3px 5.196px 13px 0px rgba(0, 0, 0, 0.09);overflow: hidden;}
.col-index-news .flex .slide .swiper-container .swiper-slide h3{font-size: 16px;margin: 2vh 0 1.5vh;transition: 0.25s;font-weight: normal;}
.col-index-news .flex .slide .swiper-container .swiper-slide .date{font-size: 12px;transition: 0.25s;}
.col-index-news .flex .slide .swiper-container .swiper-slide:hover h3,.col-index-news .flex .slide .swiper-container .swiper-slide:hover .date{color:#053173;}
.col-index-news .flex .slide .swiper-container .swiper-button{width: 60px;height: 60px;border-radius: 50%;text-align: center;line-height: 58px;outline: none;transition: 0.25s;top:auto;bottom: 0;position: absolute;pointer-events: auto;background: transparent;color:#3c272c;font-size: 24px;border:1px solid #3c272c;}
.col-index-news .flex .slide .swiper-container .swiper-button::after{display: none;}
.col-index-news .flex .slide .swiper-container .swiper-button-prev{left: 0;}
.col-index-news .flex .slide .swiper-container .swiper-button-next{right: auto;left: 75px;}

.col-index-btn{padding: 10vh 0 9vh;position: relative;z-index: 10;background: #fff;}
.col-index-btn::after{content:'';width: 45%;height: 100%;background: #ededed;position: absolute;left: 0;bottom: 0;z-index: -1;opacity: .18;}
.col-index-btn .wrap{padding: 0 13vw;display: flex;align-items: center;justify-content: space-between;}
.col-index-btn .wrap .title{line-height: 1.333;font-size: 1.5rem;}
.col-index-btn .wrap .title h3{font-size: 1.875rem;margin-bottom: 8px;}
.col-index-btn .wrap .btns{font-size: 0;}
.col-index-btn .wrap .btns a{height: 39px;line-height: 37px;display: inline-block;text-align: center;padding: 0 10px;min-width: 162px;transition: 0.25s;font-size: 16px;color:#060606;border: 1px solid #060606;margin: 0 9px 9px 0;}
.col-index-btn .wrap .btns a:last-child{margin-right: 0;}
.col-index-btn .wrap .btns a.cur{background: #e50012;color:#fff;border-color: #e50012;}



/* page */
.page {text-align: center;}
.page ul li a{border:none;background: none;color:#666;padding:0 2px;margin:0 10px;font-size: 18px;}
.page ul li.disabled a{border:none;background: none;}
.page ul li.active a{border:none;background: none;color: #e50012;border-bottom: 4px solid #e50012 !important;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {border:none;background: none;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background: none;color:#666;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {background: none;color:#666;}
/* 内页 */
.overflow{overflow: hidden;}
.overflow img,.smallImg img{width: 100%;transition: 1.5s cubic-bezier(.165,.84,.44,1);}
.overflow:hover img{-webkit-transform:scale(1.06);transform:scale(1.06)}
.smallImg:hover img{-webkit-transform:scale(0.92);transform:scale(0.95);}
.videoPop{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;left: 0;top:0;z-index: 9999999999;display: none;text-align: center;padding:5vh 1vw;}
.videoPop .col-video2{position: relative;width: 100%;height: 100%;}
#Video{max-width: 100%;max-height: 100%;position: absolute;max-width: 970px;top:50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
#videoClose{position: absolute;right:10px;top:5px;color: #fff;cursor: pointer;font-size: 36px;transition: 0.5s;z-index: 99;}
#videoClose:hover{color: #eee;}

.layout-nav{border-bottom: 1px solid #f0f0f0;}
.layout-nav .child{position: relative;display: flex;}
.layout-nav .child::after{content:'';width: 100%;height: 3px;background: #f0f0f0;position: absolute;left: 0;bottom: -1px;}
.layout-nav .child a{flex: 1;text-align: center;padding: 5vh 0;position: relative;}
.layout-nav .child a:not(:last-child)::after{content:'';width: 1px;height: 60%;background: #bcbcbc;position: absolute;right: 0;top: 20%;}
.layout-nav .child a::before{content:'';width: 0;height: 3px;background: #e50012;position: absolute;left: 50%;bottom: -1px;z-index: 2;transition: 0.25s;}
.layout-nav .child a .icon{line-height: 65px;margin-bottom: 2vh;}
.layout-nav .child a .icon img{transition: 0.25s;filter: brightness(0%);opacity: .6;}
.layout-nav .child a .title{font-size: 14px;font-weight: bold;color:#404040;transition: 0.25s;}
.layout-nav .child a.active::before,.layout-nav .child a:hover::before{width: 80%;left: 10%;}
.layout-nav .child a:hover .icon img,.layout-nav .child a.active .icon img{filter: none;transform: scaleX(-1);opacity: 1;}
.layout-nav .child a:hover .title,.layout-nav .child a.active .title{color:#e50012;}


.col-page{position: relative;background: #fff;z-index: 2;overflow: hidden;}
.col-page-layout1 .col-1 .wrap{padding: 10vh 0;}
.col-page-layout1 .col-1 .wrap .flex{justify-content: space-between;align-items: center;margin-bottom: 5.5vh;}
.col-page-layout1 .col-1 .wrap .flex .title{width: 48%;padding-bottom: 2vh;border-bottom: 1px solid #d2d2d2;}
.col-page-layout1 .col-1 .wrap .flex .title h2{font-size: 2.25rem;color:#142340;margin-bottom: 5px;}
.col-page-layout1 .col-1 .wrap .flex .title .namemark{font-size: 3rem;font-weight: bold;color:#142340;}
.col-page-layout1 .col-1 .wrap .flex .img{max-width: 48%;}
.col-page-layout1 .col-1 .wrap .content{font-size: 18px;line-height: 2.22;color:#3e3e3e;}
.col-page-layout1 .col-1 .wrap .content ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-page-layout1 .col-1 .wrap .content ul li{width: 49%;font-size: 24px;font-weight: bold;margin-bottom: 6vh;}
.col-page-layout1 .col-1 .wrap .content ul li img{margin: 5vh 0 0;width: 100%;}
.col-page-layout1 .col-1 .wrap .content ul li strong,.col-page-layout1 .col-1 .wrap .content ul li strong .odometer{font-family: 'Impact';font-size: 4.125rem;line-height: 1;vertical-align: baseline;color:#e50012;font-weight: normal;}
.col-page-layout1 .col-2 {padding: 10vh 0 38vh;}
.col-page-layout1 .col-2 .content ul{display: flex;flex-wrap: wrap;}
.col-page-layout1 .col-2 .content ul li{text-align: center;position: relative;font-size: 18px;color:#303030;flex: 1;}
.col-page-layout1 .col-2 .content ul li:not(:last-child)::after{content:'';width: 1px;height: 100%;background: #a5a7ab;position: absolute;right: 0;top: 0;}
.col-page-layout1 .col-2 .content ul li p:nth-child(1){font-size: 22px;font-weight: bold;}
.col-page-layout1 .col-2 .content ul li p:nth-child(1) .odometer{font-family: 'Impact';font-size: 3.5rem;line-height: 1;vertical-align: baseline;color:#e50012;font-weight: normal;}
.col-page-layout1 .col-3 ul li{padding: 12vh 0;}
.col-page-layout1 .col-3 ul li:nth-child(2n-1){background: #f8f8f9;}
.col-page-layout1 .col-3 ul li .flex{padding: 0 0;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.col-page-layout1 .col-3 ul li:nth-child(2n) .flex{flex-direction: row-reverse;}
.col-page-layout1 .col-3 ul li .flex .img{width: 48%;border-top-right-radius: 50px;border-bottom-left-radius: 50px;overflow: hidden;}
.col-page-layout1 .col-3 ul li:nth-child(2n) .flex .img{border-radius: 0;border-top-left-radius: 50px;border-bottom-right-radius: 50px;}
.col-page-layout1 .col-3 ul li .flex .img img{width: 100%;}
.col-page-layout1 .col-3 ul li .flex .content{width: 45%;}
.col-page-layout1 .col-3 ul li .flex .content .title{margin-bottom: 2vh;}
.col-page-layout1 .col-3 ul li .flex .content .title span{display: inline-block;position: relative;font-size: 2.25rem;font-weight: bold;}
.col-page-layout1 .col-3 ul li .flex .content .title span::after{content:'';width: 5.5vw;height: 2px;background: #e50012;position: absolute;left: calc(100% + 10px);top: 50%;margin-top: -1px;}
.col-page-layout1 .col-3 ul li .flex .content .s-content{font-size: 18px;color:#3e3e3e;line-height: 2.22;}
.col-page-layout1 .col-3 ul li:last-child{background: #f8f8f9;padding: 0 0 12vh;}
.col-page-layout2 .col-1 .wrap{padding: 10vh 0;}
.col-page-layout2 .col-1 .wrap .flex{justify-content: space-between;align-items: center;margin-bottom: 5.5vh;}
.col-page-layout2 .col-1 .wrap .flex .title{width: 48%;padding-bottom: 2vh;border-bottom: 1px solid #d2d2d2;}
.col-page-layout2 .col-1 .wrap .flex .title h2{font-size: 2.25rem;color:#142340;margin-bottom: 5px;}
.col-page-layout2 .col-1 .wrap .flex .title .namemark{font-size: 3rem;font-weight: bold;color:#142340;}
.col-page-layout2 .col-1 .wrap .flex .img{max-width: 48%;}
.col-page-layout2 .col-1 .wrap .content{font-size: 18px;line-height: 2.22;color:#3e3e3e;}
.col-page-layout2 .col-1 .wrap .content ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;}
.col-page-layout2 .col-1 .wrap .content ul li{margin-bottom: 6vh;}
.col-page-layout2 .col-1 .wrap .content ul li:nth-child(1){width: 42%;font-size: 20px;font-weight: bold;}
.col-page-layout2 .col-1 .wrap .content ul li:nth-child(1) p{margin-bottom: 3vh;}
.col-page-layout2 .col-1 .wrap .content ul li:nth-child(1) p:last-child{margin-bottom: 0;}
.col-page-layout2 .col-1 .wrap .content ul li:nth-child(1) .odometer{font-family: 'Impact';font-size: 3rem;line-height: 1;vertical-align: baseline;color:#e50012;font-weight: normal;}
.col-page-layout2 .col-1 .wrap .content ul li:nth-child(1) #my_odometer1{font-size: 4.125rem;}
.col-page-layout2 .col-1 .wrap .content ul li:nth-child(2){width: 48%;}
.col-page-layout2 .col-1 .wrap .content ul li:nth-child(2) img{width: 100%;}
.col-page-layout2 .col-2 .wrap{padding: 0 0 10vh;}
.col-page-layout2 .col-2 .wrap .flex{flex-wrap: wrap;justify-content: space-between;align-items: center;}
.col-page-layout2 .col-2 .wrap .flex .img{width: 49%;}
.col-page-layout2 .col-2 .wrap .flex .content{width: 46.6%;font-size: 18px;line-height: 2.22;color:#3e3e3e;}
.col-page-layout2 .col-2 .wrap .flex .content ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.col-page-layout2 .col-2 .wrap .flex .content ul li{margin-bottom: 10px;font-size: 24px;font-weight: bold;}
.col-page-layout2 .col-2 .wrap .flex .content h3{font-size: 24px;font-weight: bold;margin-bottom:20px;}
.col-page-layout2 .col-2 .wrap .flex .content strong{font-size: 4.125rem;font-family: 'Impact';line-height: 1;color:#e50012;font-weight: normal;}
.col-page-layout2 .col-2 .lists{background: #f8f8f9;padding: 6.6vh 0;}
.col-page-layout2 .col-2 .lists ul {display: flex;flex-wrap: wrap;}
.col-page-layout2 .col-2 .lists ul li{width: 48%;margin-right: 4%;margin-bottom: 20px;}
.col-page-layout2 .col-2 .lists ul li:nth-child(2n){margin-right: 0;}
.col-page-layout2 .col-2 .lists ul li .img{overflow: hidden;}
.col-page-layout2 .col-2 .lists ul li .title{margin-top: 10px;font-size: 16px;color:#3e3e3e;}
.col-page-layout3 .col-1 .wrap{padding: 10vh 0;}
.col-page-layout3 .col-1 .wrap .flex{justify-content: space-between;align-items: center;margin-bottom: 5.5vh;}
.col-page-layout3 .col-1 .wrap .flex .title{width: 51%;padding-bottom: 2vh;border-bottom: 1px solid #d2d2d2;}
.col-page-layout3 .col-1 .wrap .flex .title h2{font-size: 2.25rem;color:#142340;margin-bottom: 5px;}
.col-page-layout3 .col-1 .wrap .flex .title .namemark{font-size: 3rem;font-weight: bold;color:#142340;}
.col-page-layout3 .col-1 .wrap .flex .img{max-width: 48%;}
.col-page-layout3 .col-1 .wrap .content{font-size: 18px;color:#3e3e3e;}
.col-page-layout3 .col-1 .wrap .content>ul{display: flex;flex-wrap: wrap;}
.col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(1){width: 40%;}
.col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(1) h3{font-size: 24px;font-weight: bold;margin-bottom: 2vh;}
.col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(1) h3 strong,.col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(1) h3 strong .odometer{font-family: 'Impact';font-size: 4.125rem;line-height: 1;vertical-align: baseline;color:#e50012;font-weight: normal;}
.col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(1) ul{display: flex;}
.col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(1) ul li strong{display: block;margin-bottom: 12px;}
.col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(1) ul li table td{padding: 5px 0 5px 15px;position: relative;}
.col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(1) ul li table td span{line-height: 1;position: absolute;left: 0;top: 6px;}
.col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(2){width: 60%;}
.col-page-layout3 h2{margin-bottom: 3vh;}
.col-page-layout3 h2 .title{position: relative;font-size: 2.25rem;font-weight: bold;}
.col-page-layout3 h2 .title::after{content:'';width: 5.5vw;height: 2px;background: #e50012;position: absolute;left: calc(100% + 10px);top: 50%;}
.col-page-layout3 .col-2 {padding: 0 0 8vh;}
.col-page-layout3 .col-2 .swiper-slide .img{position: relative;overflow: hidden;min-height: 66px;}
.col-page-layout3 .col-2 .swiper-slide .title{font-size: 16px;color:#3e3e3e;margin-top: 8px;}
.col-page-layout3 .col-2 .swiper-button{width: 46px;height: 46px;border-radius: 50%;text-align: center;line-height: 46px;opacity: 1;outline: none;transition: 0.25s;top: 50%;position: absolute;pointer-events: auto;background: #fafafa;color:#a2a2a2;font-size: 24px;}
.col-page-layout3 .col-2 .swiper-button::after{display: none;}
.col-page-layout3 .col-2 .swiper-button:hover{background: #e50012;color:#fff;}
.col-page-layout3 .col-2 .swiper-button-prev{left: 0;}
.col-page-layout3 .col-2 .swiper-button-next{right: 0;}
.col-page-layout3 .col-3{background: #f8f8f9;padding: 10vh 0 0;}
.col-page-layout3 .col-3 h2{margin-bottom: 0}
.col-page-layout3 .col-3 .child>li{padding: 10vh 0;border-bottom: 1px solid #e1e2e6;}
.col-page-layout3 .col-3 .child>li:last-child{border-bottom: none;}
.col-page-layout3 .col-3 .child>li .flex{flex-wrap: wrap;justify-content: space-between;align-items: center;}
.col-page-layout3 .col-3 .child>li .flex .content{width: 43%;}
.col-page-layout3 .col-3 .child>li .flex .content .title{font-size: 1.875rem;padding-left: 30px;position: relative;font-weight: bold;color:#142340;margin-bottom: 3vh;}
.col-page-layout3 .col-3 .child>li .flex .content .title::before{content: '';width: 10px;height: 30px;background: #e50012;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.col-page-layout3 .col-3 .child>li .flex .content .s-content{font-size: 16px;color:#3e3e3e;line-height: 1.875;}
.col-page-layout3 .col-3 .child>li .flex .content .s-content strong{font-size: 1.75rem;color:#e50012;display: block;margin: 0 0 5px;}
.col-page-layout3 .col-3 .child>li .flex .img{width: 43%;text-align: right;}
.col-page-layout3 .col-3 .child>li .three{margin-top: 8vh;}
.col-page-layout3 .col-3 .child>li .three>h3{font-size: 24px;font-weight: bold;margin-bottom: 3.5vh;position: relative;z-index: 1;}
.col-page-layout3 .col-3 .child>li .three>h3::after{content:'';width: 100%;height: 1px;background: #ededed;position: absolute;left: 0;top: 50%;z-index:-1;}
.col-page-layout3 .col-3 .child>li .three>h3>span{display: inline-block;padding-right: 24px;background: #f8f8f9;}
.col-page-layout3 .col-3 .child>li .three .content ul:nth-of-type(1){display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 10vh;}
.col-page-layout3 .col-3 .child>li .three .content ul:nth-of-type(1) li{width: calc(20% - 16px);margin-bottom: 20px;}
.col-page-layout3 .col-3 .child>li .three .content ul:nth-of-type(1) li p:nth-child(2){background: rgba(42,42,42,.93);text-align: center;padding: 10px 0;font-size: 20px;font-weight: bold;color:#fff;}
.col-page-layout3 .col-3 .child>li .three .content ul:nth-of-type(2) {display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-page-layout3 .col-3 .child>li .three .content ul:nth-of-type(2) li:nth-child(1){width: 28%;font-size: 16px;line-height: 1.875;color:#3e3e3e;}
.col-page-layout3 .col-3 .child>li .three .content ul:nth-of-type(2) li:nth-child(1) h3,.col-page-layout3 .col-3 .child li .three .content ul:nth-of-type(2) li:nth-child(1) h3 .odometer{font-family: 'Impact';font-size: 3.5rem;line-height: 1;vertical-align: baseline;color:#e50012;font-weight: normal;}
.col-page-layout3 .col-3 .child>li .three .content ul:nth-of-type(2) li:nth-child(2){width: 69%;text-align: center;}
.col-page-layout4 .col-1 .wrap{padding: 10vh 0;}
.col-page-layout4 .col-1 .wrap .flex{justify-content: space-between;align-items: center;margin-bottom: 5.5vh;}
.col-page-layout4 .col-1 .wrap .flex .title{width: 51%;padding-bottom: 2vh;border-bottom: 1px solid #d2d2d2;}
.col-page-layout4 .col-1 .wrap .flex .title h2{font-size: 2.25rem;color:#142340;margin-bottom: 5px;}
.col-page-layout4 .col-1 .wrap .flex .title .namemark{font-size: 3rem;font-weight: bold;color:#142340;}
.col-page-layout4 .col-1 .wrap .flex .img{max-width: 48%;}
.col-page-layout4 .col-1 .wrap .content{font-size: 18px;color:#3e3e3e;line-height: 2.22;}
.col-page-layout4 .col-1 .wrap .content>ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.col-page-layout4 .col-1 .wrap .content>ul>li:nth-child(1){width: 48%;}
.col-page-layout4 .col-1 .wrap .content>ul>li:nth-child(1) strong{font-size: 3rem;color:#e50012;line-height: 1.417;}
.col-page-layout4 .col-1 .wrap .content>ul>li:nth-child(2){width: 48%;}
.col-page-layout4 .col-2 {background: #f8f8f9;padding: 10vh 0;}
.col-page-layout4 .col-2 .flex{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.col-page-layout4 .col-2 .flex .img{width: 48%;}
.col-page-layout4 .col-2 .flex .content{width: 48%;font-size: 18px;color:#3e3e3e;line-height: 2.22;}
.col-page-layout4 .col-2 .flex .content ul{display: flex;justify-content: space-between;font-size: 16px;font-weight: bold;line-height: 1.5;margin-bottom: 4vh;}
.col-page-layout4 .col-2 .flex .content ul li p:nth-child(2){font-size: 24px;}
.col-page-layout4 .col-2 .flex .content ul li p:nth-child(2) .odometer{font-family: 'Impact';font-size: 4.125rem;line-height: 1;vertical-align: baseline;color:#e50012;font-weight: normal;}
.col-page-layout4 .col-3 {padding: 10vh 0;}
.col-page-layout4 .col-3 h2{margin-bottom: 3vh;}
.col-page-layout4 .col-3 h2 .title{position: relative;font-size: 2.25rem;font-weight: bold;}
.col-page-layout4 .col-3 h2 .title::after{content:'';width: 5.5vw;height: 2px;background: #e50012;position: absolute;left: calc(100% + 10px);top: 50%;}
.col-page-layout4 .col-3 .content{font-size: 18px;color:#3e3e3e;line-height: 2.22;}
.col-page-layout4 .col-3 .content ul{display: flex;justify-content: space-between;margin-top: 3vh;}
.col-page-layout4 .col-3 .content ul li{width: 48%;}
.col-page-layout5 .col-1 .wrap{padding: 10vh 0;}
.col-page-layout5 .col-1 .wrap .flex{justify-content: space-between;align-items: center;margin-bottom: 5.5vh;}
.col-page-layout5 .col-1 .wrap .flex .title{width: 51%;padding-bottom: 2vh;border-bottom: 1px solid #d2d2d2;}
.col-page-layout5 .col-1 .wrap .flex .title h2{font-size: 2.25rem;color:#142340;margin-bottom: 5px;}
.col-page-layout5 .col-1 .wrap .flex .title .namemark{font-size: 3rem;font-weight: bold;color:#142340;}
.col-page-layout5 .col-1 .wrap .flex .img{max-width: 48%;}
.col-page-layout5 .col-1 .wrap .content{font-size: 18px;color:#3e3e3e;line-height: 2.22;}
.col-page-layout5 .col-1 .wrap .content>ul:nth-of-type(1){display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.col-page-layout5 .col-1 .wrap .content>ul:nth-of-type(1)>li:nth-child(1){width: 50%;}
.col-page-layout5 .col-1 .wrap .content>ul:nth-of-type(1)>li:nth-child(1) h3{font-size: 1.625rem;color:#303030;line-height: 1.867;font-weight: bold;}
.col-page-layout5 .col-1 .wrap .content>ul:nth-of-type(1)>li:nth-child(2){width: 46%;}
.col-page-layout5 .col-1 .wrap .content>ul:nth-of-type(2) {display: flex;flex-wrap: wrap;}
.col-page-layout5 .col-1 .wrap .content>ul:nth-of-type(2) li{width: 25%;padding-left: 28px;position: relative;line-height: 1.2;margin-bottom: 12px;}
.col-page-layout5 .col-1 .wrap .content>ul:nth-of-type(2) li::before{content:'';width: 18px;height: 18px;background: url(../images/link.jpg) no-repeat center/cover;position: absolute;left: 0;top: 1px;}
.col-page-layout5 .col-1 .wrap .content>ul:nth-of-type(2) li a{display: inline;border-bottom: 1px solid;}
.col-page-layout5 .col-2 ul.list li{padding: 10vh 0;}
.col-page-layout5 .col-2 ul.list li:nth-child(2n-1){background: #f8f8f9;}
.col-page-layout5 .col-2 ul li .flex{padding: 0 0;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.col-page-layout5 .col-2 ul li:nth-child(2n-1) .flex{flex-direction: row-reverse;}
.col-page-layout5 .col-2 ul li .flex .img{width: 46%;}
.col-page-layout5 .col-2 ul li .flex .img img{width: 100%;}
.col-page-layout5 .col-2 ul li .flex .content{width: 46%;}
.col-page-layout5 .col-2 ul li .flex .content .title{margin-bottom: 2vh;}
.col-page-layout5 .col-2 ul li .flex .content .title span{display: inline-block;position: relative;font-size: 2.25rem;font-weight: bold;}
.col-page-layout5 .col-2 ul li .flex .content .title span::after{content:'';width: 5.5vw;height: 2px;background: #e50012;position: absolute;left: calc(100% + 10px);top: 50%;margin-top: -1px;}
.col-page-layout5 .col-2 ul li .flex .content .s-content{font-size: 18px;color:#3e3e3e;line-height: 2.22;}
.col-page-layout6 .col-1 .wrap{padding: 10vh 0;}
.col-page-layout6 .col-1 .wrap .flex{justify-content: space-between;align-items: center;margin-bottom: 5.5vh;}
.col-page-layout6 .col-1 .wrap .flex .title{width: 51%;padding-bottom: 2vh;border-bottom: 1px solid #d2d2d2;}
.col-page-layout6 .col-1 .wrap .flex .title h2{font-size: 2.25rem;color:#142340;margin-bottom: 5px;}
.col-page-layout6 .col-1 .wrap .flex .title .namemark{font-size: 3rem;font-weight: bold;color:#142340;line-height: 1.375;}
.col-page-layout6 .col-1 .wrap .flex .img{max-width: 48%;}
.col-page-layout6 .col-1 .wrap .content{font-size: 18px;color:#3e3e3e;line-height: 2.22;}
.col-page-layout6 .col-1 .wrap .content>ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-page-layout6 .col-1 .wrap .content>ul li{width: 31%;}
.col-page-layout6 .col-1 .wrap .content>ul li p:nth-child(2){font-size: 24px;font-weight: bold;margin-top: 2vh;}
.col-page-layout6 .col-2 ul.list li{padding: 10vh 0;}
.col-page-layout6 .col-2 ul.list li:nth-child(2n-1){background: #f8f8f9;}
.col-page-layout6 .col-2 ul li .flex{padding: 0 0;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.col-page-layout6 .col-2 ul li:nth-child(2n-1) .flex{flex-direction: row-reverse;}
.col-page-layout6 .col-2 ul li .flex .img{width: 46%;}
.col-page-layout6 .col-2 ul li .flex .img img{width: 100%;}
.col-page-layout6 .col-2 ul li .flex .content{width: 46%;}
.col-page-layout6 .col-2 ul li .flex .content .title{margin-bottom: 2vh;}
.col-page-layout6 .col-2 ul li .flex .content .title span{display: inline-block;position: relative;font-size: 2.25rem;font-weight: bold;}
.col-page-layout6 .col-2 ul li .flex .content .title span::after{content:'';width: 5.5vw;height: 2px;background: #e50012;position: absolute;left: calc(100% + 10px);top: 50%;margin-top: -1px;}
.col-page-layout6 .col-2 ul li .flex .content .s-content{font-size: 18px;color:#3e3e3e;line-height: 2.22;}
.col-page-layout7 .col-1 .wrap{padding: 10vh 0;}
.col-page-layout7 .col-1 .wrap .flex{justify-content: space-between;align-items: center;margin-bottom: 5.5vh;}
.col-page-layout7 .col-1 .wrap .flex .title{width: 51%;padding-bottom: 2vh;border-bottom: 1px solid #d2d2d2;}
.col-page-layout7 .col-1 .wrap .flex .title h2{font-size: 2.25rem;color:#142340;margin-bottom: 5px;}
.col-page-layout7 .col-1 .wrap .flex .title .namemark{font-size: 3rem;font-weight: bold;color:#142340;line-height: 1.375;}
.col-page-layout7 .col-1 .wrap .flex .img{max-width: 48%;}
.col-page-layout7 .col-1 .wrap .content{font-size: 18px;color:#3e3e3e;line-height: 2.22;}
.col-page-layout7 .col-1 .wrap .content>ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.col-page-layout7 .col-1 .wrap .content>ul li{width: 48%;}
.col-page-layout7 .col-1 .wrap .content>ul li h3{font-size: 3rem;font-weight: bold;color:#e50012;line-height: 1.5;margin-bottom: 3vh;}
.col-page-layout7 .col-2 .wrap{background: #f2f2f2;position: relative;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.col-page-layout7 .col-2 .wrap::after{content:'';width: 100%;height: 8vh;background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));position: absolute;left: 0;bottom: 0;z-index: 2;}
.col-page-layout7 .col-2 .wrap .img{width: 38%;}
.col-page-layout7 .col-2 .wrap .content{width: 48%;}
.col-page-layout7 .col-2 .wrap .content .inner{max-width: 640px;font-size: 18px;color:#3e3e3e;line-height: 2.22;padding: 6vh 20px;}
.col-page-layout7 .col-2 .lists{padding: 5vh 0;}
.col-page-layout7 .col-2 .lists .item>.title{margin-bottom: 3vh;}
.col-page-layout7 .col-2 .lists .item>.title span{position: relative;font-size: 2.25rem;font-weight: bold;}
.col-page-layout7 .col-2 .lists .item>.title span::after{content:'';width: 5.5vw;height: 2px;background: #e50012;position: absolute;left: calc(100% + 10px);top: 50%;}
.col-page-layout7 .col-2 .lists .item ul.list{display: flex;flex-wrap: wrap;}
.col-page-layout7 .col-2 .lists .item ul.list li{width: 32%;margin-right: 2%;margin-bottom:5%;}
.col-page-layout7 .col-2 .lists .item ul.list li:nth-child(3n){margin-right: 0;}
.col-page-layout7 .col-2 .lists .item ul.list li .img{overflow: hidden;}
.col-page-layout7 .col-2 .lists .item ul.list li .title{margin-top: 5px;font-size: 16px;}
.col-page-layout8 .col-1 .wrap{padding: 10vh 0;}
.col-page-layout8 .col-1 .wrap .flex{justify-content: space-between;align-items: center;margin-bottom: 5.5vh;}
.col-page-layout8 .col-1 .wrap .flex .title{width: 51%;padding-bottom: 2vh;border-bottom: 1px solid #d2d2d2;}
.col-page-layout8 .col-1 .wrap .flex .title h2{font-size: 2.25rem;color:#142340;margin-bottom: 5px;}
.col-page-layout8 .col-1 .wrap .flex .title .namemark{font-size: 3rem;font-weight: bold;color:#142340;line-height: 1.375;}
.col-page-layout8 .col-1 .wrap .flex .img{max-width: 48%;}
.col-page-layout8 .col-1 .wrap .content{font-size: 18px;color:#3e3e3e;line-height: 2.22;}
.col-page-layout8 .col-1 .wrap .content>ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.col-page-layout8 .col-1 .wrap .content>ul li{width: 48%;}
.col-page-layout8 .col-1 .wrap .content>ul li h3{font-size: 3rem;font-weight: bold;color:#e50012;line-height: 1.5;}
.col-page-layout8 .col-2{background: #f8f8f9;}
.col-page-layout8 .col-2 .slide{padding: 9vh 0;position: relative;}
.col-page-layout8 .col-2 .slide .swiper-button{width: auto;height: auto;opacity: 1;outline: none;position: absolute;top: 50%;transform: translateY(-50%);font-size: 36px;color:#a2a2a2;}
.col-page-layout8 .col-2 .slide .swiper-button::after{display: none;}
.col-page-layout8 .col-2 .slide .swiper-button-prev{left: -28px;}
.col-page-layout8 .col-2 .slide .swiper-button-next{right: -28px;}
.col-page-layout8 .col-2 .slide .swiper-slide .img{position: relative;overflow: hidden;min-height: 66px;}
.col-page-layout8 .col-2 .slide .swiper-slide .title{text-align: center;margin-top: 2vh;font-weight: bold;font-size: 16px;}

.col-page-layout9 .col-1 .wrap{padding: 10vh 0;}
.col-page-layout9 .col-1 .wrap .flex{justify-content: space-between;align-items: center;margin-bottom: 5.5vh;}
.col-page-layout9 .col-1 .wrap .flex .title{width: 45%;padding-bottom: 2vh;border-bottom: 1px solid #d2d2d2;}
.col-page-layout9 .col-1 .wrap .flex .title h2{font-size: 2.25rem;color:#142340;margin-bottom: 5px;}
.col-page-layout9 .col-1 .wrap .flex .title .namemark{font-size: 3rem;font-weight: bold;color:#142340;line-height: 1.375;}
.col-page-layout9 .col-1 .wrap .flex .img{max-width: 48%;}
.col-page-layout9 .col-1 .wrap .content{font-size: 18px;color:#3e3e3e;line-height: 2.22;}
.col-page-layout9 .col-1 .wrap .content>ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-page-layout9 .col-1 .wrap .content>ul li{width: 43%;}
.col-page-layout9 .col-1 .wrap .content>ul li:last-child{width:50%;}
.col-page-layout9 .col-1 .wrap .content>ul li p:nth-child(2){/*font-size: 24px;font-weight: bold;margin-top: 2vh;*/}
.col-page-layout9 .col-2 ul.list li{padding: 10vh 0;}
.col-page-layout9 .col-2 ul.list li:nth-child(2n-1){background: #f8f8f9;}
.col-page-layout9 .col-2 ul.list li h3{}
.col-page-layout9 .col-1 ul.list li h3{margin-bottom: 2vh;}
.col-page-layout9 .col-1 ul.list li h3{display: inline-block;position: relative;font-size: 2.25rem;font-weight: bold;}
.col-page-layout9 .col-1 ul.list li h3::after{content:'';width: 5.5vw;height: 2px;background: #e50012;position: absolute;left: calc(100% + 10px);top: 50%;margin-top: -1px;}
.col-page-layout9 .col-2 ul li .flex{padding: 0 0;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.col-page-layout9 .col-2 ul li:nth-child(2n-1) .flex{flex-direction: row-reverse;}
.col-page-layout9 .col-2 ul li .flex .img{width: 46%;}
.col-page-layout9 .col-2 ul li .flex .img img{width: 100%;}
.col-page-layout9 .col-2 ul li .flex .content{width: 46%;}
.col-page-layout9 .col-2 ul li .flex .content .title{margin-bottom: 2vh;}
.col-page-layout9 .col-2 ul li .flex .content .title span{display: inline-block;position: relative;font-size: 2.25rem;font-weight: bold;}
.col-page-layout9 .col-2 ul li .flex .content .title span::after{content:'';width: 5.5vw;height: 2px;background: #e50012;position: absolute;left: calc(100% + 10px);top: 50%;margin-top: -1px;}
.col-page-layout9 .col-2 ul li .flex .content .s-content{font-size: 18px;color:#3e3e3e;line-height: 2.22;}
.vicenav{border-bottom: 1px solid #ededed;background: #fff;position: relative;z-index: 2;}
.vicenav .child{display: flex;justify-content: flex-end;border-bottom: 3px solid #ededed;flex-wrap: wrap;}
.vicenav .child a{position: relative;padding: 3vh 2vw;font-weight: bold;}
.vicenav .child a::before{content:'';width: 1px;height: 14px;background: #e50012;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: 0.25s;}
.vicenav .child a::after{content:'';width: 0;height: 3px;background: #e50012;position: absolute;right: 0;transition: 0.25s;bottom: -3px;z-index: 2;}
.vicenav .child a.active::before,.vicenav .child a:hover::before{width: 5px;}
.vicenav .child a.active::after,.vicenav .child a:hover::after{left:0;width: 100%;}

.col-page-esg h2{font-size: 2.25rem;}
.col-page-esg .col-1 {padding: 12vh 0 4vh;}
.col-page-esg .col-1 .content ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 8vh;}
.col-page-esg .col-1 .content ul li:nth-child(1){width: 41%;}
.col-page-esg .col-1 .content ul li:nth-child(1) h3{font-size: 3.5rem;font-weight: bold;color:#3756a0;line-height: 1.286;}
.col-page-esg .col-1 .content ul li:nth-child(2){width:59%;font-size: 18px;color:#3e3e3e;line-height: 2;}
.col-page-esg .col-1 ul.list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-page-esg .col-1 ul.list li{width: calc(33.33% - 7px);}
.col-page-esg .col-1 ul.list li h2{color:#3756a0;margin: 3.5vh 0 8px;}
.col-page-esg .col-1 ul.list li .s-content{font-size: 16px;line-height: 2.25;margin-bottom: 4vh;}
.col-page-esg .col-1 ul.list li .more i{display: inline-block;vertical-align: middle;width: 3px;height: 3px;background: #e50012;margin-right: 5px;transition: 0.35s;}
.col-page-esg .col-1 ul.list li .more i:nth-child(1){width: 67px;}
.col-page-esg .col-2 {padding: 4vh 0 8vh;}
.col-page-esg .col-2 h2{font-weight: bold;margin-bottom: 3vh;}
.col-page-esg .col-2 ul.list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-page-esg .col-2 ul.list li{background: #f5f6fa;padding: 4.5vh 40px 20px;color:#142340;width: calc(33.33% - 12px);transition: 0.25s;}
.col-page-esg .col-2 ul.list li .flex{align-items: center;justify-content: space-between;margin-bottom: 2vh;}
.col-page-esg .col-2 ul.list li .flex .img img{transition: 0.25s;}
.col-page-esg .col-2 ul.list li .flex .title{font-size: 2.5rem;font-weight: bold;}
.col-page-esg .col-2 ul.list li .content{font-size: 16px;}
.col-page-esg .col-2 ul.list li .content strong{font-size: 24px;}
.col-page-esg .col-2 ul.list li:hover{background: #e50012;color:#fff;}
.col-page-esg .col-2 ul.list li:hover .flex .img img{filter:brightness(100);}
.col-page-esg .col-3,.col-page-download {background: #f8f8f9;padding: 10vh 0;}
.col-page-esg .col-3 .flex{margin-bottom: 5vh;justify-content: space-between;align-items: flex-end;}
.col-page-esg .col-3 .flex h2{font-weight: bold;}
.col-page-esg .col-3 .flex a.more{font-size: 16px;font-weight: bold;color:#142340;padding-left: 25px;position: relative;}
.col-page-esg .col-3 .flex a.more::before{content:'';width: 15px;height: 1px;background: #6b6b6b;position: absolute;left: 0;top: 50%;}
ul.download_list li{margin-bottom: 10vh;display: flex;}
ul.download_list li .img{flex-shrink: 0;background: #fff;}
ul.download_list li .content{flex-grow: 1;margin: 0 20px 0 24px;background: #fff;display: flex;flex-direction: column;justify-content: center;padding: 2.2vh 2vw 2.2vh 3.2vw;}
ul.download_list li .content .title{font-size: 1.875rem;font-weight: bold;margin-bottom: 10px;}
ul.download_list li .content .s-content{font-size: 16px;line-height: 2.25;color: rgb(95, 95, 95);}
ul.download_list li a{width: 150px;background: #3756a0;color:#fff;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;flex-shrink: 0;}
ul.download_list li a i.iconfont{font-size: 36px;line-height: 1;}
ul.download_list li a p{font-size: 14px;font-weight: bold;}

.col-page-news .news-top{padding: 7vh 0;}
.col-page-news .news-top h2{font-size: 2.25rem;font-weight: bold;margin-bottom: 3vh;}
.col-page-news .news-top .flex{justify-content: space-between;flex-wrap: wrap;align-items: center;}
.col-page-news .news-top .flex .left{width: 53%;position: relative;font-size: 0;overflow: hidden;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.col-page-news .news-top .flex .left .img img{width: 100%;}
.col-page-news .news-top .flex .left .title{position: absolute;width: 100%;left: 0;bottom: 0;text-align: center;color:#fff;padding: 14px 10px;font-size: 16px;font-weight: bold;background: rgba(20,35,64,.61);}
.col-page-news .news-top .flex .right{width: 43%;}
.col-page-news .news-top .flex .right ul li{margin-bottom: 5vh;}
.col-page-news .news-top .flex .right ul li:last-child{margin-bottom: 0;}
.col-page-news .news-top .flex .right ul li a{display: flex;justify-content: space-between;}
.col-page-news .news-top .flex .right ul li a .date{flex-shrink: 0;color:#e50012;margin-right: 1.5vw;font-family: 'Impact';}
.col-page-news .news-top .flex .right ul li a .date .text-center{display: inline-block;}
.col-page-news .news-top .flex .right ul li a .date .d{font-size: 3.25rem;line-height: 1;}
.col-page-news .news-top .flex .right ul li a .date .ym{font-size: 14px;}
.col-page-news .news-top .flex .right ul li a .content .title{font-size: 20px;font-weight: bold;line-height: 1.5;color:#142340;margin-bottom: 5px;}
.col-page-news .news-top .flex .right ul li a .content .s-content{font-size: 16px;color:#6b6b6b;line-height: 1.5;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.col-page-news .lists{background: #f8f8f9;padding: 3vh 0;}
.col-page-news .lists ul.list{margin-bottom: 4vh;}
.col-page-news .lists ul.list li{padding: 5.5vh 0;border-bottom: 1px solid #ecedf0;}
.col-page-news .lists ul.list li a{display: flex;align-items: center;}
.col-page-news .lists ul.list li a .img{width: 240px;flex-shrink: 0;}
.col-page-news .lists ul.list li a .date{width: calc(29.5% - 240px);color:#e50012;font-family: 'Impact';text-align: center;}
.col-page-news .lists ul.list li a .date .text-center{display: inline-block;}
.col-page-news .lists ul.list li a .date .d{font-size: 3.25rem;line-height: 1;}
.col-page-news .lists ul.list li a .date .ym{font-size: 14px;}
.col-page-news .lists ul.list li a .content{width: 70.5%;}
.col-page-news .lists ul.list li a .content .title{font-size: 18px;line-height: 1.5;color:#142340;margin-bottom: 5px;}
.col-page-news .lists ul.list li a .content .s-content{font-size: 16px;color:#6b6b6b;line-height: 1.5;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.col-news2.col-page-news .lists ul.list{display: flex;flex-wrap: wrap;}
.col-news2.col-page-news .lists ul.list li{width: 48%;margin-right: 4%;margin-bottom: 5%;}
.col-news2.col-page-news .lists ul.list li:nth-child(2n){margin-right: 0;}
.col-news2.col-page-news .lists ul.list li a{align-items: flex-start;}
.col-news2.col-page-news .lists ul.list li a .date{width: 100px;}
.col-news2.col-page-news .lists ul.list li a .content{width: calc(100% - 100px);}


.col-news-detail{padding: 6vh 0;background: #f8f8f9;}
.col-news-detail h1{font-size: 1.875rem;font-weight: bold;}
.col-news-detail .info{padding: 12px 0 15px;border-bottom: 1px dotted #c6c6c6;margin-bottom: 4vh;font-size: 12px;display: flex;flex-wrap: wrap;}
.col-news-detail .info span.publisher{color:#e50012;margin: 0 5px;}
.col-news-detail .content{font-size: 15px;line-height: 2;}
.col-news-detail .col_page{margin-top: 9vh;}
.col-news-detail .col_page li{padding: 8px 0;font-size: 15px;color:#5a5a5a;}
.col-news-detail .col_page li:not(:last-child){border-bottom: 1px dotted #c6c6c6;}
.col-news-detail .col_page li a{color:#9d9d9d;transition: 0.2s;}
.col-news-detail .col_page li a:hover{color:#e50012;}

.col-page-paper{padding: 10vh 0;}
.col-page-paper .flex{margin-bottom: 8vh;padding-bottom: 2.4vh;border-bottom: 1px solid #f3f4f5;justify-content: space-between;align-items: flex-end;}
.col-page-paper .flex h2{font-size: 2.25rem;font-weight: bold;color:#e50012;}
.col-page-paper .flex .child{display: flex;}
.col-page-paper .flex .child>span{font-size: 14px;margin-right: 18px;}
.col-page-paper .flex .child .year{position: relative;cursor: pointer;}
.col-page-paper .flex .child .year .active{display: flex;vertical-align: baseline;}
.col-page-paper .flex .child .year .active span{font-size: 16px;font-weight: bold;margin-right: 12px;}
.col-page-paper .flex .child .year .active i.fa{font-size: 20px;line-height: 1;}
.col-page-paper .flex .child .year ul{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);white-space: nowrap;padding: 10px 20px;border-radius: 5px;background: #fff;margin-top: 10px;box-shadow: 0 0 12px 0 rgba(0,0,0,.1);opacity: 0;visibility: hidden;transition: 0.25s;}
.col-page-paper .flex .child .year ul::before{content:'';border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #fff;position: absolute;bottom: 100%;left: calc(50% - 5px);}
.col-page-paper .flex .child .year ul li{margin-bottom: 8px;text-align: center;}
.col-page-paper .flex .child .year ul li a{color:#333;font-size: 16px;}
.col-page-paper .flex .child .year ul li a.cur{color:#e50012;}
.col-page-paper .flex .child .year ul li:last-child{margin-bottom: 0;}
.col-page-paper .flex .child .year:hover ul{margin-top: 0;opacity: 1;visibility: visible;}
.col-page-paper ul.list{display: flex;flex-wrap: wrap;}
.col-page-paper ul.list li{width: 18%;margin-right: 2.5%;margin-bottom: 10vh;text-align: center;}
.col-page-paper ul.list li:nth-child(5n){margin-right: 0;}
.col-page-paper ul.list li .img{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.col-page-paper ul.list li .title{font-size: 16px;margin: 3vh 0 6px;}
.col-page-paper ul.list li .more{font-size: 16px;font-weight: bold;color:#e50012;}

.col-page-about .col-1 {padding: 12vh 0;}
.col-page-about .col-1 .content{font-size: 16px;color: rgb(90, 90, 90);line-height: 1.875;}
.col-page-about .col-1 .content ul:nth-of-type(1){display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.col-page-about .col-1 .content ul:nth-of-type(1) li:nth-child(1){width: 33.3%;}
.col-page-about .col-1 .content ul:nth-of-type(1) li:nth-child(2){width: 53%;}
.col-page-about .col-1 .content ul:nth-of-type(1) li:nth-child(2) h2{font-family: 'Impact';font-size: 6.875rem;color:#e50012;line-height: 1;}
.col-page-about .col-1 .content ul:nth-of-type(1) li:nth-child(2) h3{font-size: 2.625rem;color:#142340;line-height: 1;font-weight: bold;margin: 10px 0 15px;}
.col-page-about .col-1 .content ul:nth-of-type(2) {display: flex;justify-content: space-between;font-size: 16px;margin-top: 10vh;}
.col-page-about .col-1 .content ul:nth-of-type(2) li:nth-child(2n){width: 1px;background: #ededed;position: relative;}
.col-page-about .col-1 .content ul:nth-of-type(2) li:nth-child(2n)::after{content:'';width: 9px;height: 9px;border-radius: 50%;background: #3756a0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.col-page-about .col-1 .content ul:nth-of-type(2) li strong,.col-page-about .col-1 .content ul:nth-of-type(2) li strong .odometer{font-size: 3.375rem;color:#e50012;font-family: 'Impact';line-height: 1;vertical-align: baseline;font-weight: normal;}
.col-page-about .col-2 {padding: 8vh 0 0;position: relative;}
.col-page-about .col-2::after{content:'';width: 82%;height: 80%;background: #f3f3f3;border-top-left-radius: 10px;position: absolute;right: 0;top: 0;z-index: -1;}
.col-page-about .col-2 .wrap{width: 88%;}
.col-page-about .col-2 .wrap .flex{flex-wrap: wrap;}
.col-page-about .col-2 .wrap .flex .img{width: 64.6%;overflow: hidden;}
.col-page-about .col-2 .wrap .flex .img .bttrlazyloading-wrapper{width: 100%;height: 100%;}
.col-page-about .col-2 .wrap .flex .img img{width: 100%;height: 100%;object-fit: cover;}
.col-page-about .col-2 .wrap .flex .content{width: 35.4%;background: #e50012;border-top-right-radius: 10px;color:#fff;display: flex;flex-direction: column;justify-content: center;padding: 4vh 3.6vw;}
.col-page-about .col-2 .wrap .flex .content .namemark{font-family: 'Impact';font-size: 18px;text-transform: uppercase;}
.col-page-about .col-2 .wrap .flex .content h2{font-size: 26px;margin: 6px 0 3vh;}
.col-page-about .col-2 .wrap .flex .content .s-content{font-size: 3.125rem;font-weight: bold;line-height: 1.36;margin-bottom: 5vh;}
.col-page-about .col-2 .wrap .flex .content a.more{display: inline-block;font-size: 0;}
.col-page-about .col-2 .wrap .flex .content a.more i{display: inline-block;vertical-align: middle;width: 3px;height: 3px;background: #fff;margin-right: 5px;transition: 0.25s;}
.col-page-about .col-2 .wrap .flex .content a.more i:nth-child(1){width:67px;}
.col-page-about .col-2 .wrap .flex .content a.more span{display: inline-block;vertical-align: middle;font-size: 16px;color:#fff;margin-left: 12px;transition: 0.25s;}
.col-page-about .col-3 {padding: 12vh 0 8vh;position: relative;}
.col-page-about .col-3 .bg{position: absolute;width: 100vw;padding-bottom: 34.95%;background: url(../images/bg.jpg) no-repeat center/100% 100%;left: 0;bottom: -20%;z-index: -1;}
.col-page-about .col-3 .wrap{width: 88%;margin-left: auto;}
.col-page-about .col-3 .wrap .flex{flex-wrap: wrap;justify-content: space-between;align-items: center;}
.col-page-about .col-3 .wrap .flex .content{width: 37%;}
.col-page-about .col-3 .wrap .flex .content .s-content{font-size: 16px;color:#666;line-height: 2.25;}
.col-page-about .col-3 .wrap .flex .content .s-content h3{font-size: 2.25rem;color:#142340;}
.col-page-about .col-3 .wrap .flex .content .s-content h2{font-size: 3rem;color:#e50012;margin: 8px 0 3vh;font-weight: bold;}
.col-page-about .col-3 .wrap .flex .content a.more{display: inline-block;font-size: 0;margin-top: 4vh;}
.col-page-about .col-3 .wrap .flex .content a.more i{display: inline-block;vertical-align: middle;width: 3px;height: 3px;background: #e50012;margin-right: 5px;transition: 0.25s;}
.col-page-about .col-3 .wrap .flex .content a.more i:nth-child(1){width:67px;}
.col-page-about .col-3 .wrap .flex .content a.more span{display: inline-block;vertical-align: middle;font-size: 16px;color:#142340;margin-left: 12px;transition: 0.25s;}
.col-page-about .col-3 .wrap .flex .img{width: 50%;}
.col-page-about .col-4{padding: 8vh 0 10vh;}
.col-page-about .col-4 .wrap{width: 88%;}
.col-page-about .col-4 .wrap .flex{/*align-items: flex-start;*/flex-wrap: wrap;justify-content: space-between;}
.col-page-about .col-4 .wrap .flex .content{width: 40.1%;color:#fff;padding: 8vh 3.1vw 8vh 8.5vw;min-height: 800px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.col-page-about .col-4 .wrap .flex .content .namemark{font-family: 'Impact';font-size: 18px;text-transform: uppercase;}
.col-page-about .col-4 .wrap .flex .content h2{font-size: 26px;margin: 10px 0 5vh;}
.col-page-about .col-4 .wrap .flex .content .s-content{font-size: 18px;line-height: 2;}
.col-page-about .col-4 .wrap .flex ul.list{width: 51.3%;}
.col-page-about .col-4 .wrap .flex ul.list li{margin-bottom: 3vh;}
.col-page-about .col-4 .wrap .flex ul.list li:last-child{margin-bottom: 0;}
.col-page-about .col-4 .wrap .flex ul.list li .title{display: flex;align-items: center;margin-bottom: 20px;}
.col-page-about .col-4 .wrap .flex ul.list li .title .num{width: 70px;height: 70px;background: #142340;color:#fff;text-align: center;line-height: 70px;font-size: 1.875rem;font-weight: bold;margin-right: 15px;border-radius: 50%;flex-shrink: 0;}
.col-page-about .col-4 .wrap .flex ul.list li .title .name{font-size: 26px;font-weight: bold;color:#232323;}
.col-page-about .col-4 .wrap .flex ul.list li .s-content{font-size: 16px;color:#5a5a5a;line-height: 2.25;}
.col-page-about .col-4 .wrap .flex ul.list li .s-content h2{font-size: 2.625rem;font-weight: bold;color:#142340;}
.col-page-about .col-4 .wrap .flex ul.list li .s-content h3{font-size: 2.25rem;font-weight: bold;color:#e50012;line-height: 1.5;margin: 2vh 0 3vh;max-width: 600px;}
.col-page-about .col-5{background: #f3f4f5;position: relative;padding: 7vh 0 10vh;}
.col-page-about .col-5::after{content:'';width: 50%;height: 100%;background: #edeef0;position: absolute;top: 0;right: 0;z-index: -1;}
.col-page-about .col-5 .wrap{width: 88%;}
.col-page-about .col-5 .wrap .flex {flex-wrap: wrap;justify-content: space-between;align-items: center;}
.col-page-about .col-5 .wrap .flex .img{width: 66.6%;text-align: right;}
.col-page-about .col-5 .wrap .flex .img img{width: 100%;}
.col-page-about .col-5 .wrap .flex .img a.more{display: inline-block;font-size: 0;margin-top: 5px;}
.col-page-about .col-5 .wrap .flex .img a.more i{display: inline-block;vertical-align: middle;width: 3px;height: 3px;background: #e50012;margin-right: 5px;transition: 0.25s;}
.col-page-about .col-5 .wrap .flex .img a.more i:nth-child(1){width:67px;}
.col-page-about .col-5 .wrap .flex .img a.more span{display: inline-block;vertical-align: middle;font-size: 16px;color:#142340;margin-left: 12px;transition: 0.25s;}
.col-page-about .col-5 .wrap .flex .content{width: 27.5%;}
.col-page-about .col-5 .wrap .flex .content .namemark{font-family: 'Impact';font-size: 18px;color:#e50012;text-transform: uppercase;}
.col-page-about .col-5 .wrap .flex .content h2{font-size: 3rem;color:#e50012;font-weight: bold;margin: 10px 0 3vh;}
.col-page-about .col-5 .wrap .flex .content .s-content{font-size: 16px;line-height: 2;color:#5a5a5a;height: 400px;overflow: hidden;position: relative;}
.col-page-about .col-5 .wrap .flex .content .s-content strong{font-size: 16px;font-weight: bold;line-height: 1.8;color:#2d2d2d;}
.col-page-about .col-5 .wrap .flex .content .s-content .inner{position: absolute;width: 100%;left: 0;top: 0;}

.col-page-history{padding: 9vh 0 10vh;}
.col-page-history .container2{position: relative;}
.col-page-history .flex{justify-content: space-between;align-items: flex-end;flex-wrap: wrap;padding: 0 2.5vw;}
.col-page-history .flex .content{width: 50%;}
.col-page-history .flex .content h2{font-size: 1.875rem;color:#142340;margin-bottom: 2px;}
.col-page-history .flex .content .s-content{color: rgb(70, 70, 70);line-height: 1.875;font-size: 16px;}
.col-page-history .flex .content .s-content h3{font-size: 2.625rem;color:#e50012;font-weight: bold;}
.col-page-history .flex .content .s-content h4{font-size: 24px;font-weight: bold;color:#142340;}
.col-page-history .flex .content .s-content h2{font-size: 2.75rem;margin: 8px 0 2vh;font-weight: bold;}
.col-page-history .flex .content .namemark{margin-top: 36%;font-size: 20px;font-weight: bold;}
.col-page-history .flex .seven{width: 40%;text-align: center;font-size: 0;}
.col-page-history .flex .seven p{font-size: 3.75rem;color:#e50012;font-weight: bold;line-height: 1.4;}
.col-page-history .flex .seven p img{vertical-align: text-bottom;}
.col-page-history .flex .seven p span{display: inline-block;margin-left: -77px;line-height: 1;}
.col-page-history .wrap{width: 96%;padding-bottom: 59.63%;position: absolute;left: 2%;top: -8vh;z-index: -1;z-index: -1;}
.col-page-history .wrap img:nth-child(1){position: absolute;left: 0;bottom: 0;width: 97.3%;}
.col-page-history .wrap img:nth-child(2){position: absolute;top: 0;right: 0;width: 34.5%;}
.col-page-history .slide{position: relative;}
.col-page-history .slide::after{content:'';width: 100vw;height: 1px;background: #cccccc;position: absolute;left: 0;top: 31px;z-index: -1;}
.col-page-history .history-nav{margin: 12vh 0;position: relative;}
.col-page-history .history-nav .swiper-slide {cursor: pointer;}
.col-page-history .history-nav .swiper-slide .title{font-size: 14px;}
.col-page-history .history-nav .swiper-slide .dot{width: 7px;height: 7px;border-radius: 50%;background: #919191;margin: 8px 0 10px;transition: 0.25s;}
.col-page-history .history-nav .swiper-slide h3{font-size: 28px;color:#3b3b3b;font-family: 'Impact';transition: 0.25s;}
.col-page-history .history-nav .swiper-slide-thumb-active .dot{background: #e50012;}
.col-page-history .history-nav .swiper-slide-thumb-active h3{color:#e50012}
.col-page-history .history-container {margin-left: auto;}
.col-page-history .history-container .swiper-slide .flex{flex-wrap: wrap;align-items: flex-start;}
.col-page-history .history-container .swiper-slide .flex .name{width:38%;font-size: 1.875rem;font-weight: bold;color:#e50012;text-align: right;}
.col-page-history .history-container .swiper-slide .flex .content{font-size: 16px;color:#3e3e3e;line-height: 1.875;width: 60%;}
.col-page-history .history-container .swiper-slide .flex .content ul{display: flex;flex-wrap: wrap;margin-bottom: 6vh;}
.col-page-history .history-container .swiper-slide .flex .content ul li:nth-child(1){font-size: 4.5rem;color:#e50012;font-family: 'Impact';flex-shrink: 0;width: 170px;line-height: 0.9;}
.col-page-history .history-container .swiper-slide .flex .content ul li:nth-child(2) {width: calc(100% - 170px);}
.col-page-history .history-container .swiper-slide .flex .content ul li:nth-child(2) h3{font-size: 24px;margin-bottom: 10px;}

.col-page-culture h2{font-size: 2.25rem;margin-bottom: 20px;}
.col-page-culture .col-1{padding: 12vh 0;}
.col-page-culture .col-1 .flex{flex-wrap: wrap;justify-content: space-between;align-items: center;}
.col-page-culture .col-1 .flex .img{width: 51%;}
.col-page-culture .col-1 .flex .content{width: 43%;}
.col-page-culture .col-1 .flex .content .s-content{font-size: 16px;color:#142340;line-height: 2;}
.col-page-culture .col-1 .flex .content .s-content strong{font-size: 18px;font-weight: bold;display: block;margin: 4vh 0 15px;}
.col-page-culture .col-1 .flex .content .s-content p{margin-bottom: 15px;}
.col-page-culture .col-1 .flex .content .s-content p:last-child{margin-bottom: 0;}
.col-page-culture .col-1 .flex .content .s-content h3{font-size: 3.75rem;font-weight: bold;color:#e50012;line-height: 1.282;}
.col-page-culture .col-2{padding: 0 0 12vh;}
.col-page-culture .col-2 .imgList{margin-bottom: 8vh;display: flex;align-items: flex-start;}
.col-page-culture .col-2 .imgList img:nth-child(1){width: 37.6%;}
.col-page-culture .col-2 .imgList img:nth-child(2){width: 62.4%;}
.col-page-culture .col-2 h2{margin-bottom: 10px;}
.col-page-culture .col-2 .namemark{font-size: 2.625rem;font-weight: bold;color:#e50012;margin-bottom: 5.5vh;}
.col-page-culture .col-2 ul.list{display: flex;flex-wrap: wrap;}
.col-page-culture .col-2 ul.list li{width: calc(25% - 3px);margin-right: 4px;margin-bottom: 4px;background: #f5f6fa;transition: 0.25s;color:#142340;text-align: center;padding: 4vh 10px 4.2vh;}
.col-page-culture .col-2 ul.list li:nth-child(4n){margin-right: 0;}
.col-page-culture .col-2 ul.list li .img{line-height: 43px;}
.col-page-culture .col-2 ul.list li .img img{transition: 0.25s;}
.col-page-culture .col-2 ul.list li .title{font-size: 24px;font-weight: bold;margin: 12px 0 6px;}
.col-page-culture .col-2 ul.list li .content{font-size: 16px;}
.col-page-culture .col-2 ul.list li:hover{background: #e50012;color:#fff;}
.col-page-culture .col-2 ul.list li:hover .img img{ filter: grayscale(100%) brightness(10000%);}

.col-page-honor .col-1{padding: 11vh 0;}
.col-page-honor .col-1 .flex{align-items: center;flex-wrap: wrap;justify-content: space-between;}
.col-page-honor .col-1 .flex .content{width: 47%;}
.col-page-honor .col-1 .flex .content h2{font-size: 2.625rem;font-weight: bold;color:#e50012;margin-bottom: 20px;}
.col-page-honor .col-1 .flex .content .s-content{font-size: 16px;color:#3e3e3e;line-height: 1.875;}
.col-page-honor .col-1 .flex .content .s-content h3{font-size: 3rem;font-weight: bold;color:#142340;line-height: 1.458;margin-bottom: 2vh;}
.col-page-honor .col-1 .flex .img{width: 49%;}
.col-page-honor .col-1 .child{position: relative;}
.col-page-honor .col-1 .child h3{position: absolute;left: 0;bottom: calc(100% + 3vh);font-size: 2.25rem;font-weight: bold;color:#e50012;}
.col-page-honor .col-1 .child ul.list{display: flex;flex-wrap: wrap;}
.col-page-honor .col-1 .child ul.list li{width: calc(33.33% - 4px);margin-right: 6px;margin-bottom: 6px;background: #f3f4f5;padding: 3vh 3.12vw 5vh;}
.col-page-honor .col-1 .child ul.list li:nth-child(2){margin-right: 0;}
.col-page-honor .col-1 .child ul.list li:nth-child(1), .col-page-honor .col-1 .child ul.list li:nth-child(2){width: calc(50% - 3px);     padding: 3vh 10vw 5vh;}
/*
.col-page-honor .col-1 .child ul.list li:nth-child(3n){margin-right: 0;}
.col-page-honor .col-1 .child ul.list li:nth-child(n+4){width: calc(50% - 3px);;}
*/
.col-page-honor .col-1 .child ul.list li:last-child{margin-right: 0;}
.col-page-honor .col-1 .child ul.list li .img img{max-width: 35%;     display: none;}
.col-page-honor .col-1 .child ul.list li .title{font-size: 2.375rem;font-weight: bold;color:#142340;margin: 2vh 0 5vh;}
.col-page-honor .col-1 .child ul.list li .s-content{font-size: 16px;color:#1f1f1f;}
.col-page-honor .col-1 .child ul.list li .s-content p{margin-bottom: 12px;padding-left: 18px;position: relative;line-height: 1.5;}
.col-page-honor .col-1 .child ul.list li .s-content p::before{content:'';width: 7px;height: 7px;border-radius: 50%;background: #e50012;position: absolute;left: 0;top: 8px;}
.col-page-honor .col-2{background: #f3f4f5;padding: 8vh 0;}
.col-page-honor .col-2 h2{font-size: 2.375rem;font-weight: bold;color:#142340;padding-bottom: 5vh;margin-bottom: 10vh;position: relative;}
.col-page-honor .col-2 h2::after{content:'';width: 100vw;height: 1px;background: #cccccc;position: absolute;left: 0;bottom: 0;}
.col-page-honor .col-2 .swiper-container{overflow: visible;}
.col-page-honor .col-2 .swiper-slide{width: 225px;}
.col-page-honor .col-2 .swiper-slide .img img{width:100%;box-shadow: 4px 6.928px 4px 0px rgba(0, 0, 0, 0.05);}

.col-page-party .col-1 {padding: 20px 0 calc(10vh + 11%);}
.col-page-party .col-1 .wrap{margin-bottom: 12vh;position: relative;padding-left: 2.5vw;}
.col-page-party .col-1 .wrap .img img{width: 100%;}
.col-page-party .col-1 .wrap .content{position: absolute;top: 50%;transform: translateY(-50%);left: 38%;max-width: 50rem;}
.col-page-party .col-1 .wrap .content h2{/*font-size: 2.625rem;font-weight: bold;color:#ffd33f;margin-bottom: 10px;*/ display: none;}
.col-page-party .col-1 .wrap .content .s-content{font-size: 26px;font-weight: bold;color:#ffdd6b;}
.col-page-party .col-1 .wrap .content .s-content strong{font-size: 4.5rem;line-height: 1.292;display: block;margin-bottom: 10px;}
.col-page-party .col-1 .child .flex{align-items: center;justify-content: space-between;flex-wrap: wrap;padding: 0 2vw;}
.col-page-party .col-1 .child .flex .content{width: 46%;font-size: 16px;color:#3a3a3a;line-height: 2;}
.col-page-party .col-1 .child .flex .content h3{font-size: 1.625rem;font-weight: bold;color:#142340;}
.col-page-party .col-1 .child .flex .content strong{font-family: 'Impact';font-size: 3.5rem;color:#e50012;}
.col-page-party .col-1 .child .flex .content ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-page-party .col-1 .child .flex .content ul li{position: relative;width: 48%;border-radius: 10px;background: linear-gradient(to right, #fce3e5, #fefafa);padding: 3vh 10px 2vh calc(55px + 3vw);}
.col-page-party .col-1 .child .flex .content ul li p:nth-child(1){position: absolute;left: 1.8vw;top: 3vh;}
.col-page-party .col-1 .child .flex .content ul li p:nth-child(2){font-size: 22px;font-weight: bold;line-height: 1;}

.col-page-party .col-1 .child .flex .img{width: 48%;position: relative;z-index: 1;}
.col-page-party .col-1 .child .flex .img::after{content:'';width: 80%;height: 80%;background: #e50012;border-bottom-right-radius: 10px;position: absolute;bottom: -25px;right: -25px;z-index: -1;}
.col-page-party .col-1 .child .flex .img img{border-radius: 10px;border-top-left-radius: 0;width: 100%;}
.col-page-party .col-2{position: relative;padding: 1px 0 0;background: url(../images/bg2.jpg) no-repeat center/cover;}
.col-page-party .col-2 .wrap .flex{align-items: center;padding: 0 2.5vw;margin-top: -11%;}
.col-page-party .col-2 .wrap .flex .img{width: 50%;}
.col-page-party .col-2 .wrap .flex h2{width: 50%;margin-left: -2%;font-size: 3rem;font-weight: bold;color:#ffd33f;text-shadow: 1.5px 2.598px 7px rgba(0, 0, 0, 0.25);margin-top: 11%;}
.col-page-party .col-2 .wrap ul.list{display: flex;flex-wrap: wrap;align-items: flex-end;}
.col-page-party .col-2 .wrap ul.list li{padding: 18px 20px 9vh 40px;flex: 1;position: relative;}
.col-page-party .col-2 .wrap ul.list li:not(:first-child)::before{content:'';width: 1px;height: 100%;background: #ffdd6b;opacity: .22;position: absolute;left: 0;bottom: 0;}
.col-page-party .col-2 .wrap ul.list li:nth-child(2n){padding-bottom: 15vh;}
.col-page-party .col-2 .wrap ul.list li .title{font-size: 28px;font-weight: bold;color:#fff;text-shadow: 1.5px 2.598px 0px rgba(0, 0, 0, 0.2);margin-bottom: 3vh;position: relative;z-index: 1;}
.col-page-party .col-2 .wrap ul.list li .title::before{content:'';width: 60px;height: 60px;background: url(../images/circle.png) no-repeat center/cover;position: absolute;left: -15px;top: 50%;transform: translateY(-50%);z-index: -1;}
.col-page-party .col-2 .wrap ul.list li .content{color:#ffdd6b;font-size: 16px;font-weight: bold;line-height: 1.75;}
.col-page-party .col-2 .child{background: #f3f4f5;padding: 12vh 0;}
.col-page-party .col-2 .child .flex{align-items: center;justify-content: space-between;flex-wrap: wrap;padding: 0 2vw;}
.col-page-party .col-2 .child .flex .content{width: 46%;font-size: 16px;color:#3a3a3a;line-height: 2;}
.col-page-party .col-2 .child .flex .content h2{font-size: 2.625rem;font-weight: bold;color:#e50012;margin-bottom: 10px;}
.col-page-party .col-2 .child .flex .content .s-content{font-size: 20px;font-weight: bold;line-height: 1.8;}
.col-page-party .col-2 .child .flex .img{width: 45%;position: relative;z-index: 1;}
.col-page-party .col-2 .child .flex .img::after{content:'';width: 80%;height: 80%;background: #e50012;border-top-left-radius: 10px;border-bottom-right-radius: 30px;position: absolute;bottom: -25px;left: -25px;z-index: -1;}
.col-page-party .col-2 .child .flex .img img{border-radius: 10px;border-top-left-radius: 0;width: 100%;}
.col-page-party .col-2 div.child:nth-of-type(2n-1){background: #fff;}
.col-page-party .col-2 div.child:nth-of-type(2n-1) .flex{flex-direction: row-reverse;}
.col-page-party .col-3 {padding: 9vh 0;background: #f3f4f5;}
.col-page-party .col-3 h2{text-align: center;font-size: 2.625rem;font-weight: bold;color:#e50012;margin-bottom: 6vh;}
.col-page-party .col-3 .swiper-slide .img{position: relative;overflow: hidden;min-height: 40px;}
.col-page-party .col-3 .swiper-slide .title{text-align: center;margin-top: 10px;font-size: 16px;}



.col-page-digital{padding: 8vh 0 12vh;}
.col-page-digital h2{font-size: 1.875rem;margin-bottom: 5px;}
.col-page-digital .content {margin-bottom: 18vh;}
.col-page-digital .content h3{font-size: 2.625rem;color:#e50012;}
.col-page-digital .development-container{overflow: visible;margin-bottom: 12vh;}
.col-page-digital .development-container .swiper-slide {position: relative;}
.col-page-digital .development-container .swiper-slide img{width: 100%;}
.col-page-digital .development-container .swiper-slide .item{text-align: center;position: absolute;transform: translate(-50%,-50%);cursor: pointer;}
.col-page-digital .development-container .swiper-slide .item:nth-of-type(1){left: 8.28%;top: 2.2%;}
.col-page-digital .development-container .swiper-slide .item:nth-of-type(2){left: 20.1%;top: 15.4%;}
.col-page-digital .development-container .swiper-slide .item:nth-of-type(3){left: 31.9%;top: 68%;}
.col-page-digital .development-container .swiper-slide .item:nth-of-type(4){left: 43.8%;top: 98%;}
.col-page-digital .development-container .swiper-slide .item:nth-of-type(5){left: 55.6%;top: 39%;}
.col-page-digital .development-container .swiper-slide .item:nth-of-type(6){left: 67.5%;top: 34.8%;}
.col-page-digital .development-container .swiper-slide .item:nth-of-type(7){left: 79.3%;top: 80%;}
.col-page-digital .development-container .swiper-slide .item:nth-of-type(8){left: 91.25%;top: 92.9%;}
.col-page-digital .development-container .swiper-slide .item .title{font-size: 22px;color:#a1a1a1;font-family: 'Impact';transition: 0.25s;position: absolute;left: 50%;transform: translateX(-50%);bottom: calc(100% + 5px);line-height: 1;}
.col-page-digital .development-container .swiper-slide .item .dot{width: 16px;height: 16px;border: 4px solid #e50012;background: #fff;border-radius: 50%;transition: 0.25s;}
.col-page-digital .development-container .swiper-slide .item .dot::after{content:'';width: 90px;height: 90px;border-radius: 50%;border: 1px solid #e50012;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0.8);transition: 0.25s;opacity: 0;}
.col-page-digital .development-container .swiper-slide .item.cur .title{font-size: 2.75rem;color:#e50012;bottom: calc(100% + 45px);}
.col-page-digital .development-container .swiper-slide .item.cur .dot{width: 20px;height: 20px;background: #e50012;}
.col-page-digital .development-container .swiper-slide .item.cur .dot::after{opacity: 1;transform: translate(-50%,-50%);}
.col-page-digital .development-list .swiper-slide .flex{justify-content: space-between;flex-wrap: wrap;padding: 0 3vw}
.col-page-digital .development-list .swiper-slide .flex .content{width: 48%;}
.col-page-digital .development-list .swiper-slide .flex .content .year{font-family: 'Impact';color:#e50012;font-size: 7.8125rem;line-height: 1;margin-bottom: 6vh;}
.col-page-digital .development-list .swiper-slide .flex .content ul.list{padding-left: 40px;border-left: 3px solid #e50012;}
.col-page-digital .development-list .swiper-slide .flex .content ul.list li{display: flex;align-items: center;margin-bottom: 15px;cursor: pointer;}
.col-page-digital .development-list .swiper-slide .flex .content ul.list li:last-child{margin-bottom: 0;}
.col-page-digital .development-list .swiper-slide .flex .content ul.list li .num{width: 40px;font-family: 'Impact';color:#a9a9a9;font-size: 20px;transition:color 0.25s;flex-shrink: 0;}
.col-page-digital .development-list .swiper-slide .flex .content ul.list li .name{font-size: 18px;color:#142340;transition:font-weight 0.25s;}
.col-page-digital .development-list .swiper-slide .flex .content ul.list li i.iconfont{color:#e50012;opacity: 0;transition:marign-left 0.25s,opacity 0.25s;margin-left: 15px;font-size: 24px;font-weight: bold;line-height: 1;}
.col-page-digital .development-list .swiper-slide .flex .content ul.list li.cur .num{color:#e50012}
.col-page-digital .development-list .swiper-slide .flex .content ul.list li.cur .name{font-weight: bold;}
.col-page-digital .development-list .swiper-slide .flex .content ul.list li.cur i.iconfont{margin-left: 25px;opacity: 1;}
.col-page-digital .development-list .swiper-slide .flex .img{width: 48%;}
.col-page-digital .development-list .swiper-slide .flex .img .imglist{display: none;overflow: hidden;border-top-left-radius: 50px;border-bottom-right-radius: 50px;}
.col-page-digital .development-list .swiper-slide .flex .img .imglist.cur{display: block;}
.col-page-digital .development-list .swiper-slide .flex .img .imglist img{width: 100%;}

.col-page-innovation .col-1{padding: 12vh 0;}
.col-page-innovation .col-1 .content{font-size: 18px;line-height: 2.22;}
.col-page-innovation .col-1 .content>ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.col-page-innovation .col-1 .content>ul:nth-of-type(1){margin-bottom: 5vh;}
.col-page-innovation .col-1 .content>ul:nth-of-type(1)>li:nth-child(1){width: 45%;}
.col-page-innovation .col-1 .content>ul:nth-of-type(1)>li:nth-child(1) h2{font-size: 2.625rem;font-weight: bold;color:#e50012;margin-bottom: 8px;}
.col-page-innovation .col-1 .content>ul:nth-of-type(1)>li:nth-child(1) h3{font-size: 2.25rem;}
.col-page-innovation .col-1 .content>ul:nth-of-type(1)>li:nth-child(1) strong{font-size: 3rem;font-weight: bold;color:#142340;display: block;margin: 0 0 15px;line-height: 1;}
.col-page-innovation .col-1 .content>ul:nth-of-type(1)>li:nth-child(2){width: 50%;}
.col-page-innovation .col-1 .content>ul:nth-of-type(2)>li:nth-child(1){width: 60%;}
.col-page-innovation .col-1 .content>ul:nth-of-type(2)>li:nth-child(1) ul{display: flex;}
.col-page-innovation .col-1 .content>ul:nth-of-type(2)>li:nth-child(1) ul li{width: 183px;height: 183px;border-radius: 50%;border: 23px solid #cecece;text-align: center;display: flex;align-items: center;padding: 0 20px;font-size: 20px;font-weight: bold;line-height: 1.2;color:#142340;margin-left: -29px;}
.col-page-innovation .col-1 .content>ul:nth-of-type(2)>li:nth-child(1) ul li:nth-child(2n){border-color: #e50012;z-index: 1;}
.col-page-innovation .col-1 .content>ul:nth-of-type(2)>li:nth-child(2){width: 36%;padding-left: 3vw;position: relative;border-left: 1px solid #d4d4d4;}
.col-page-innovation .wrap{display: flex;flex-wrap: wrap;}
.col-page-innovation .wrap .col-2{background: #f8f8f9;width: 50%;}
.col-page-innovation .wrap .col-2 .inner{padding: 11vh 3.5vw;max-width: 700px;margin-left: auto;}
.col-page-innovation .wrap .col-3{background: #f1f1f3;width: 50%;}
.col-page-innovation .wrap .col-3 .inner{padding: 11vh 3.5vw;max-width: 700px;}
.col-page-innovation .wrap h2{font-size: 2.25rem;font-weight: bold;color:#e50012;margin-bottom: 8px;}
.col-page-innovation .wrap .namemark{font-size: 2.25rem;color:#142340;margin-bottom: 5vh;}
.col-page-innovation .wrap .content{font-size: 18px;color:#3e3e3e;line-height: 2.2;}
.col-page-innovation .wrap .content img{margin-bottom: 20px}
.col-page-innovation .wrap .content ul{display: flex;flex-wrap: wrap;}
.col-page-innovation .wrap .content ul li{flex-grow: 2;font-weight: bold;border-radius: 8px;background: rgba(208,208,208,.5);transition: 0.25s;text-align: center;padding: 4.5vh 1.5vw;line-height: 1;margin: 6px;}
.col-page-innovation .wrap .content ul li:nth-child(2){background: rgba(208,208,208,.34);}
.col-page-innovation .wrap .content ul li:nth-child(3){background: rgba(208,208,208,.34);}
.col-page-innovation .wrap .content ul li:nth-child(4){background: rgba(208,208,208,.5);}
.col-page-innovation .wrap .content ul li:nth-child(5){background: rgba(208,208,208,.24);}
.col-page-innovation .wrap .content ul li:nth-child(6){background: rgba(208,208,208,.26);}
.col-page-innovation .wrap .content ul li:nth-child(7){background: rgba(208,208,208,.22);}
.col-page-innovation .wrap .content ul li:nth-child(8){background: rgba(208,208,208,.23);}
.col-page-innovation .wrap .content ul li:hover{background: #e50012;color:#fff;}




.col-page-investor h2{font-size: 2.5rem;font-weight: bold;color:#142340;margin-bottom: 5vh;padding-bottom: 3vh;position: relative;}
.col-page-investor h2::before{content:'';width: 14.1vw;height: 1px;background: #e7e7e7;position: absolute;left: 0;bottom: 0;}
.col-page-investor h2::after{content:'';width: 5.3vw;height: 5px;background: #e50012;position: absolute;left: 0;bottom: -2px;z-index: 1;}
.col-page-investor .tongkun{padding: 10vh 0;}
.col-page-investor .tongkun .flex{justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.col-page-investor .tongkun .flex .info{width: 45%;} 
.col-page-investor .tongkun .flex .info .title{display: flex;align-items: center;margin-bottom: 20px;}
.col-page-investor .tongkun .flex .info .title .name{font-size: 3.75rem;color:#e50012;font-weight: bold;margin-right: 25px;}
.col-page-investor .tongkun .flex .info .title .code {font-size: 16px;}
.col-page-investor .tongkun .flex .info .title .code h3{font-size: 2.5rem;font-family: 'Impact';line-height: 1;color:#142340;}
.col-page-investor .tongkun .flex .info h3{display: flex;align-items: flex-end;}
.col-page-investor .tongkun .flex .info h3 span.name{font-size: 1.875rem;font-weight: bold;color:#142340;margin-right: 20px;}
.col-page-investor .tongkun .flex .info h3 .price{font-size: 3.75rem;font-family: 'Impact';color:#e50012;line-height: 1;}
.col-page-investor .tongkun .flex .info h3 .arrow{margin: 0 12px;}
.col-page-investor .tongkun .flex .info h3 .arrow .iconfont{display: none;}
.col-page-investor .tongkun .flex .info h3 .arrow .iconfont.cur{display: inline-block;color:#e50012;font-size: 20px;}
.col-page-investor .tongkun .flex .info h3 .rmb{font-size: 1.875rem;font-family: 'Impact';margin-right: 2.2vw;color:#e50012;}
.col-page-investor .tongkun .flex .info h3 .percent{color:#fff;background: #e50012;padding: 9px 16px;line-height: 1;font-family: 'Impact';font-size: 24px;}
.col-page-investor .tongkun .flex .info h3 .percent i{display: none;}
.col-page-investor .tongkun .flex .content{width: 50%;background: #e50012;color:#fff;padding: 3.2vh 3.5vw;border-radius: 18px;border-top-left-radius: 0;}
.col-page-investor .tongkun .flex .content ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-page-investor .tongkun .flex .content ul li{width: 49%;margin-bottom: 8px;padding-left: 20px;position: relative;font-size: 18px;}
.col-page-investor .tongkun .flex .content ul li::before{content:'';width: 7px;height: 7px;border-radius: 50%;background: rgba(255,255,255,.6);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.col-page-investor .tongkun .flex .content p{font-size: 12px;margin-top: 10px;}
.col-page-investor .col-1{background: #f3f4f5;padding: 8vh 0;}
.col-page-investor .col-1 ul.list{display: flex;flex-wrap: wrap;}
.col-page-investor .col-1 ul.list li{width: 45%;margin-right: 10%;padding: 20px 0 12px;border-bottom: 1px solid #e8e9ec;}
.col-page-investor .col-1 ul.list li:nth-child(2n){margin-right: 0;}
.col-page-investor .col-1 ul.list li .date{font-size: 14px;color:#e50012;margin-bottom: 5px;}
.col-page-investor .col-1 ul.list li .title{font-size: 16px;line-height: 1.2;transition: 0.25s;}
.col-page-investor .col-1 ul.list li:hover .title{color:#e50012;}
.col-page-investor .col-1 .pagination{margin-top: 4vh;text-align: center;width: 100%;display: block;}
.col-page-investor .col-1 .pagination li {border: none;margin: 0 1px;font-size: 0;display: inline-block;}
.col-page-investor .col-1 .pagination li a{width: 25px;height: 25px;background: none;font-size: 14px;color:#444444;transition: 0.25s;text-align: center;line-height: 25px;min-width: 0;padding: 0;border: none;}
.col-page-investor .col-1 .pagination li.active a{background: #142340;color:#fff;}
.col-page-investor .col-2 {padding: 8vh 0;}
.col-page-investor .col-2 .flex{justify-content: space-between;flex-wrap: wrap;}
.col-page-investor .col-2 .flex .content{width: 40%;}
.col-page-investor .col-2 .flex .content .s-content ul li{margin-bottom: 15px;background: #f3f4f5;border-radius: 40px;display: flex;align-items: center;padding:7px 30px;font-size: 18px;}
.col-page-investor .col-2 .flex .content .s-content ul li p{line-height: 1;}
.col-page-investor .col-2 .flex .content .s-content ul li p:nth-child(1){flex-shrink: 0;margin-right: 12px;}
.col-page-investor .col-2 .flex .img{width: 48%;}
.col-page-investor .col-3{background: #f3f4f5;padding: 8vh 0;}
.col-page-investor .col-3 .flex{justify-content: space-between;flex-wrap: wrap;}
.col-page-investor .col-3 .flex .content{width: 48%;}
.col-page-investor .col-3 .flex .content form ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-page-investor .col-3 .flex .content form ul li{width: 49%;margin-bottom: 20px;display: flex;align-items: center;}
.col-page-investor .col-3 .flex .content form ul li:nth-child(n+3){width: 100%;align-items: flex-start;}
.col-page-investor .col-3 .flex .content form ul li span{font-size: 16px;width:70px;display: block;}
.col-page-investor .col-3 .flex .content form ul li:nth-child(n+3) span{padding-top: 5px;}
.col-page-investor .col-3 .flex .content form ul li input,.col-page-investor .col-3 .flex .content form ul li textarea{width: calc(100% - 70px);height: 35px;border: 1px solid #bfbfbf;outline: none;background: transparent;}
.col-page-investor .col-3 .flex .content form ul li textarea{height: auto;min-height: 200px;}
.col-page-investor .col-3 .flex .content form ul li.code input{width: 200px;}
.col-page-investor .col-3 .flex .content form .col-sub{padding-left: 70px;}
.col-page-investor .col-3 .flex .content form .col-sub .sub{outline: none;padding: 0;background: #e50012;color:#fff;width: 123px;height: 35px;border: none;margin-top: 10px;}
.col-page-investor .col-3 .flex .message{width: 48%;}
.col-page-investor .col-3 .flex .message h3{font-size: 1.75rem;color:#142340;margin-bottom: 15px;}
.col-page-investor .col-3 .flex .message ul li{background: #fff;margin-bottom: 16px;padding: 3vh 30px;}
.col-page-investor .col-3 .flex .message ul li .inquire{padding: 12px 35px 10px 45px;border-bottom: 1px dashed #f1f1f1;position: relative;}
.col-page-investor .col-3 .flex .message ul li .iconfont{position: absolute;left: 12px;top: 8px;font-size: 20px;}
.col-page-investor .col-3 .flex .message ul li .inquire .flex{justify-content: space-between;align-items: center;margin-bottom: 10px;}
.col-page-investor .col-3 .flex .message ul li .title{font-size: 16px;font-weight: bold;}
.col-page-investor .col-3 .flex .message ul li .date{font-size: 13px;color:#888888;}
.col-page-investor .col-3 .flex .message ul li .recover {padding: 12px 35px 10px 45px;position: relative;}
.col-page-investor .col-3 .flex .message ul li .recover .title{color:#e50012;margin-bottom: 10px;}
.col-page-investor .col-3 .flex .message ul li .s-content{font-size: 14px;color:#707070;line-height: 1.714;}
.col-page-investor .col-3 .flex .message a.more{display: inline-block;font-size: 0;}
.col-page-investor .col-3 .flex .message a.more i{display: inline-block;vertical-align: middle;width: 3px;height: 3px;background: #e50012;margin-right: 5px;transition: 0.25s;}
.col-page-investor .col-3 .flex .message a.more i:nth-child(1){width:67px;}
.col-page-investor .col-3 .flex .message a.more span{display: inline-block;vertical-align: middle;font-size: 16px;color:#142340;margin-left: 12px;transition: 0.25s;}
.col-page-investor .col-3 .flex .message a.more:hover span{color:#e50012;}

.col-page-message{padding: 12vh 0;background: #f3f4f5;}
.col-page-message h3{font-size: 1.75rem;color:#142340;margin-bottom: 15px;}
.col-page-message ul.message-list li{background: #fff;margin-bottom: 16px;padding: 3vh 30px;}
.col-page-message ul.message-list li .inquire{padding: 12px 35px 10px 45px;border-bottom: 1px dashed #f1f1f1;position: relative;}
.col-page-message ul.message-list li .iconfont{position: absolute;left: 12px;top: 8px;font-size: 20px;}
.col-page-message ul.message-list li .inquire .flex{justify-content: space-between;align-items: center;margin-bottom: 10px;}
.col-page-message ul.message-list li .title{font-size: 16px;font-weight: bold;}
.col-page-message ul.message-list li .date{font-size: 13px;color:#888888;}
.col-page-message ul.message-list li .recover {padding: 12px 35px 10px 45px;position: relative;}
.col-page-message ul.message-list li .recover .title{color:#e50012;margin-bottom: 10px;}
.col-page-message ul.message-list li .s-content{font-size: 14px;color:#707070;line-height: 1.714;}


.col-page-career .col-1{padding: 12vh 0;}
.col-page-career .col-1 .flex{align-items: center;flex-wrap: wrap;justify-content: space-between;}
.col-page-career .col-1 .flex .content{width: 48%;}
.col-page-career .col-1 .flex .content h2{font-size: 2.25rem;color:#e50012;margin-bottom: 3vh;}
.col-page-career .col-1 .flex .content .s-content{font-size: 18px;line-height: 2;}
.col-page-career .col-1 .flex .content .s-content strong{display: block;font-size: 2.875rem;line-height: 1.435;margin-bottom: 2.3vh;color:#e50012;}
.col-page-career .col-1 .flex .img{width: 45%;}
.col-page-career .col-1 .flex .img img{width: 100%;}
.col-page-career .col-2 {padding: 10vh 0;background: #f6f6f8;text-align: center;}
.col-page-career .col-2 h2{color:#142340;font-size: 2.5rem;font-weight: bold;margin-bottom: 8vh;}
.col-page-career .col-2 ul.list{display: flex;flex-wrap: wrap;justify-content: center;}
.col-page-career .col-2 ul.list li{width: 33.33%;margin-bottom: 6vh;padding: 0 12px;}
.col-page-career .col-2 ul.list li .img{overflow: hidden;border-radius: 5px;box-shadow: 1px 1.732px 8px 0px rgba(0, 0, 0, 0.1);}
.col-page-career .col-2 ul.list li .title{margin-top: 2vh;font-size: 20px;}
.col-page-career .col-3 {padding: 12vh 0;background: #f6f6f8;}
.col-page-career .col-3 .flex{align-items: center;flex-wrap: wrap;justify-content: space-between;}
.col-page-career .col-3 .flex .content{width: 45%;}
.col-page-career .col-3 .flex .content h2{font-size: 2.25rem;color:#e50012;margin-bottom: 3vh;padding-bottom: 3vh;position: relative;font-weight: bold;}
.col-page-career .col-3 .flex .content h2::after{content:'';width: 97px;height: 3px;background: #e50012;position: absolute;left: 0;bottom: 0;}
.col-page-career .col-3 .flex .content .s-content{font-size: 18px;line-height: 2;}
.col-page-career .col-3 .flex .content .s-content strong{display: block;font-size: 2.875rem;line-height: 1.435;margin-bottom: 2.3vh;}
.col-page-career .col-3 .flex .img{width: 45%;border-top-right-radius: 50px;border-bottom-left-radius: 50px;box-shadow: 3px 5.196px 13px 0px rgba(0, 0, 0, 0.09);overflow: hidden;}
.col-page-career .col-3 .flex .img img{width: 100%;}
.col-page-career .col-4 {padding: 9vh 0;}
.col-page-career .col-4 h2{text-align: center;font-size: 2.5rem;color:#142340;margin-bottom: 7vh;}
.col-page-career .col-4 ul.list{display: flex;justify-content: space-between;margin-bottom: 6vh;}
.col-page-career .col-4 ul.list li{text-align: center;position: relative;}
.col-page-career .col-4 ul.list li .img{position: relative;}
.col-page-career .col-4 ul.list li.next{width: 25px;height: 52px;background: url(../images/next.jpg) no-repeat center/100% 100%;margin-top: 28px;}
.col-page-career .col-4 ul.list li .title{font-size: 18px;font-weight: bold;color:#142340;margin-top: 12px;line-height: 1;white-space: nowrap;}
.col-page-career .col-4 .content {font-size: 18px;line-height: 1.666;color:#202020;}
.col-page-career .col-4 .content h3{font-size: 24px;font-weight: bold;}
.col-page-career .col-4 .content ul{margin-top: 3vh;display: flex;align-items: center}
.col-page-career .col-4 .content ul li{margin-right: 4vw;}
.col-page-career .col-4 .content ul li strong{font-size: 16px;}


.col-page-contact .col-1{padding: 12vh 0;}
.col-page-contact .col-1 .flex{align-items: center;flex-wrap: wrap;justify-content: space-between;}
.col-page-contact .col-1 .flex .content{width: 48%;font-size: 18px;color:#3b3b3b;line-height: 1.666;}
.col-page-contact .col-1 .flex .content h3{font-size: 2.5rem;font-weight: bold;color:#142340;line-height: 1.2;}
.col-page-contact .col-1 .flex .content h4{font-size: 1.875rem;}
.col-page-contact .col-1 .flex .content strong{font-size: 3.875rem;font-family: 'Impact';color:#e50012;line-height: 1;display: block;margin-bottom: 20px;font-weight: normal;}
.col-page-contact .col-1 .flex .content a{font-size: 24px;line-height: 1;}
.col-page-contact .col-1 .flex .img{width: 50%;}
.col-page-contact .col-1 .flex .img img{width: 100%;}
.col-page-contact .col-2{background: #f8f8f9;padding: 8vh 0;}
.col-page-contact .col-2 .content{font-size: 24px;line-height: 1.666;margin-bottom: 5vh;}
.col-page-contact .col-2 ul.list{display: flex;flex-wrap: wrap;}
.col-page-contact .col-2 ul.list li{width: calc(25% - 7.5px);margin-right: 10px;margin-bottom: 20px;border-bottom-right-radius: 25px;background: #ecedf0;transition: 0.25s;color:#303030;padding: 3vh 28px;}
.col-page-contact .col-2 ul.list li:nth-child(4n){margin-right: 0;}
.col-page-contact .col-2 ul.list li .img{line-height: 65px;}
.col-page-contact .col-2 ul.list li .img img{transition: 0.25s;}
.col-page-contact .col-2 ul.list li .title{font-size: 24px;font-weight: bold;margin: 15px 0 10px;}
.col-page-contact .col-2 ul.list li .s-content{font-size: 16px;line-height: 1.875;}
.col-page-contact .col-2 ul.list li:hover{background: #e50012;color:#fff;}
.col-page-contact .col-2 ul.list li:hover .img img{filter: brightness(100);}
.col-page-contact .map{height: 600px;}
.col-page-contact .map #allmap{width: 100%;height: 100%;}


.col-page-profile{padding: calc(80px + 6vh) 0 6vh;}
.col-page-profile h2{font-size: 2.25rem;margin-bottom: 4vh;}
.col-page-profile .content{font-size: 16px;color:#303030;line-height: 1.875;}



/* search */
#search{padding: 8vh 0 6vh;overflow:hidden}
#search .goomay-keywords-light{background: #e50012 !important;color:#ffffff !important;}
#search .search_left{border: 1px solid #d6d6d6;padding-top:5px;padding-bottom:5px;}
#search .s_head{border-bottom: 1px solid #d6d6d6;height: 50px;}
#search .s_head h2{line-height: 50px;text-align: center;font-size: 24px;font-weight: bold;color:#333;}
#search .s_body ul{margin-top: 10px;}
#search .s_body ul span{display: block;color: #333;line-height: 40px;}
#search .s_body ul input,.s_body ul select{height: 35px;width: 100%;line-height: 35px;border: 1px solid #e6e6e6;padding-left: 10px;margin-bottom: 10px;}
#search .s_body .sub input{height: 45px;line-height: 45px;background: #333;border: 0;color: #fff;transition: 0.3s;text-align: center;padding-left: 0px;font-size: 16px;}
#search .search_right .no-result{text-align: center;font-size: 30px;color:#333;margin-top:50px;}
#search .search-result-title{font-size: 20px;color: #333;line-height: 30px;height: 30px;overflow: hidden;}
#search .entry-image {float: left;width: 120px;margin: 0 20px 0 0;}
#search .entry-c{position: relative;overflow: hidden;}
#search .search-result-info{padding:5px 0;}
#search .search-result-info li{display: inline-block;}
#search .entry-content p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#search .search_right em{color: #e50012;}
#search .search_right .search-result{margin-left:25px;}
#search .search_right .search-li{border-bottom: 1px solid #d6d6d6;margin-bottom: 30px;padding-bottom: 10px;}
#search .search_right li{overflow: hidden;}
#search .search-result-info li:before{content: '/';display: inline-block;margin-left: 10px;margin-right: 10px;opacity: 0.5}
#search .search-result-info li:first-child:before { display: none; }
#search .product_list{padding-bottom: 15px;border-bottom: 1px solid #d6d6d6; margin-bottom: 15px;}
#search .product_img{float: left;}
#search .product_img img{border-radius: 50%;}
#search .product_img img:hover{width: 90px;height: 90px;}
#search .product_body{float: left;margin-left: 20px;margin-top: 10px;}
#search .se_news{float: right;width: 79%;}
#search .news ul li .se_news a {color:#e50012;text-decoration: underline;display: inline-block;height: 22px;overflow: hidden;transition: 0.3s;}
#search .search_right .news .date em{color: #fff;}




/* 底部 */
footer {background: #dcdcdc;padding: 8vh 0 6vh;position: relative;z-index: 10;}
footer .flex{justify-content: space-between;}
footer .flex .footer-nav {display: flex;justify-content: space-between;width: 62%;}
footer .flex .footer-nav li h3 a{font-size: 16px;color:#1d1d1d;}
footer .flex .footer-nav li .child{margin-top: 20px;}
footer .flex .footer-nav li .child p{margin-bottom: 5px;}
footer .flex .footer-nav li .child p a{color:#555;font-size: 14px;transition: 0.25s;letter-spacing: 1px;}
footer .flex .footer-nav li .child p a:hover{color:#e50012;}
footer .flex .footer-info{width: 33%;text-align: right;color:#171717;}
footer .flex .footer-info h2{font-size:20px;font-weight: bold;}
footer .flex .footer-info strong{font-family: 'Impact';font-size: 2.5rem;margin: 6px 0;display: block;font-weight: normal;}
footer .flex .footer-info p{font-size: 14px;}
footer .flex .footer-info .share{/*font-size: 0;margin:10px 0 4vh;*/ display: none;}
footer .flex .footer-info .share a{color:#fff;position: relative;font-size: 18px;margin: 0 15px 10px 0;}
footer .flex .footer-info .share a.wechat .code{position: absolute;bottom: 100%;margin-bottom: 10px;left: 50%;transform: translateX(-50%);display: none;padding:5px;background: #fff;z-index: 9999;}
footer .flex .footer-info .share a.wechat .code::after{content:'';border-top:8px solid #fff;border-left: 6px solid transparent;border-right: 6px solid transparent;position: absolute;top:100%;left: 50%;transform: translateX(-50%);}
footer .flex .footer-info .share a.wechat .code img{max-width: 120px;}
footer .flex .footer-info ul{display: inline-flex;justify-content: right; margin-top:30px;}
footer .flex .footer-info ul li{text-align: center;margin-right: 5px;width: 105px;}
footer .flex .footer-info ul li:last-child{margin-right: 0;}
footer .flex .footer-info ul li img{margin-bottom: 10px; max-width: 97px;}
footer .flex .footer-info ul li .title{font-size: 14px;color:#171717;}
footer .logo{margin-top: 6vh;display: flex;align-items: flex-end;justify-content: space-between;border-bottom: 1px solid #7e8287;}
footer .logo a.footer-logo{padding-bottom: 15px;max-width:180px;}
footer .logo a.gotoTop{width: 60px;height: 60px;background: #e50012;color:#fff;font-size: 14px;line-height: 1.33;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
footer .bottom{display: flex;align-items: center;justify-content: space-between;margin-top: 3vh;font-size: 14px;color:#171717;}
footer .bottom .copyright{margin-right: auto;}
footer .bottom .copyright a{color:#171717;}
footer .bottom .other{font-size: 0;}
footer .bottom .other a{display: inline-block;color:#171717;font-size: 14px;}
footer .bottom .other a:nth-child(1){margin-right: 20px;padding-right: 20px;position: relative;}
footer .bottom .other a:nth-child(1)::after{content:'';width: 1px;height: 10px;background: #757980;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}





/* media */

@media (min-width: 1200px) {
  .container{width: 100%;}
}
@media (max-width: 1600px) {
    .header .top{padding-top:10px}
    .header .top a{font-size:12px;}
  .header .inner .icon{margin-right: 15px;padding-right: 15px;}
  .header .inner .icon::after{height: 50px;}
  .header .inner .icon img{width: 60px;}
  .header .inner .logo img{width: 180px;}
  .header .inner nav ul li{font-size:14px;}
  .col-page-digital .development-list .swiper-slide .flex .content .year{font-size: 6.5rem;}
  .col-page-about .col-1 .content ul:nth-of-type(1) li:nth-child(2) h2{font-size: 5.5rem;}
  .col-index-about .flex #parallax-counter>ul li .odometer, .col-index-about .flex #parallax-counter>ul li sup,.col-page-history .history-container .swiper-slide .flex .content ul li:nth-child(1){font-size: 4rem;}
  .home_banner .swiper_bg .swiper-container .swiper-slide,.col-page-layout1 .col-1 .wrap .content ul li strong, .col-page-layout1 .col-1 .wrap .content ul li strong .odometer,.col-page-layout2 .col-1 .wrap .content ul li:nth-child(1) #my_odometer1,.col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(1) h3 strong, .col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(1) h3 strong .odometer,.col-page-layout4 .col-2 .flex .content ul li p:nth-child(2) .odometer,.col-page-contact .col-1 .flex .content strong{font-size: 3.75rem;}
  .col-index-product h2,.col-page-layout1 .col-2 .content ul li p:nth-child(1) .odometer,.col-page-esg .col-1 .content ul li:nth-child(1) h3,.col-page-about .col-1 .content ul:nth-of-type(2) li strong, .col-page-about .col-1 .content ul:nth-of-type(2) li strong .odometer,.col-page-about .col-2 .wrap .flex .content .s-content,.col-page-history .flex .seven p,.col-page-culture .col-1 .flex .content .s-content h3,.col-page-investor .tongkun .flex .info .title .name,.col-page-investor .tongkun .flex .info h3 .price,.col-page-party .col-1 .child .flex .content strong{font-size: 3rem;}
  .col-index-video .wrap .flex .content h2,.col-page-layout2 .col-1 .wrap .content ul li:nth-child(1) .odometer,.col-page-about .col-1 .content ul:nth-of-type(1) li:nth-child(2) h3,.col-page-history .flex .content .s-content h3,.col-page-investor h2,.col-page-career .col-2 h2,.col-page-contact .col-1 .flex .content h3,.col-page-innovation .col-1 .content>ul:nth-of-type(1)>li:nth-child(1) h2{font-size: 2.25rem;}

  .col-page-history .history-container .swiper-slide .flex .name{width: 28%;}
  .col-page-history .history-container .swiper-slide .flex .content{width: 70%;}
  .container2{max-width: 1280px;}
  .col-page-about .col-1 .content ul:nth-of-type(1) li:nth-child(2){width: 70%;}
  .col-page-about .col-1 .content ul:nth-of-type(1) li:nth-child(1){width: 20%;}
  .col-page-layout1 .col-2{padding: 8vh 0 24vh;}
  .col-index-video .wrap .flex .content{padding: 8vh 20px;}
  .col-index-video{padding-top: 70vh;}
  .col-index-about .flex #parallax-counter>ul li sup{transform: none;}
  html{font-size: 15px;}
}
@media (max-width: 1460px) {
   html{font-size: 14px;}
  .header .top a{font-size:10px;}
  .header .inner .icon{margin-right: 15px;padding-right: 15px;}
  .header .inner .icon::after{height: 50px;}
  .header .inner .icon img{width: 50px;}
  .header .inner .logo img{width: 160px;}
  .header .inner nav ul li{margin: 0 1.8vw;}
  .header .inner nav ul li:not(:last-child):after{right: -1.8vw;}
  .header .inner nav ul li>a{padding: 15px 5px; font-size:12px;}
  .col-page-digital .development-list .swiper-slide .flex .content .year{font-size: 5.5rem;}
  .col-page-about .col-1 .content ul:nth-of-type(1) li:nth-child(2) h2{font-size: 5rem;}
  .col-index-about .flex #parallax-counter>ul li .odometer, .col-index-about .flex #parallax-counter>ul li sup,.col-page-history .history-container .swiper-slide .flex .content ul li:nth-child(1){font-size: 3.75rem;}
  .home_banner .swiper_bg .swiper-container .swiper-slide,.col-page-layout1 .col-1 .wrap .content ul li strong, .col-page-layout1 .col-1 .wrap .content ul li strong .odometer,.col-page-layout2 .col-1 .wrap .content ul li:nth-child(1) #my_odometer1,.col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(1) h3 strong, .col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(1) h3 strong .odometer,.col-page-layout4 .col-2 .flex .content ul li p:nth-child(2) .odometer,.col-page-contact .col-1 .flex .content strong{font-size: 3rem;}
  .col-index-product h2,#col-banner .swiper-slide .ban_cont .content h1,.col-page-layout1 .col-2 .content ul li p:nth-child(1) .odometer,.col-page-layout2 .col-1 .wrap .flex .title .namemark,.col-page .col-1 .wrap .content>ul li h3,.col-page-layout8 .col-1 .wrap .content>ul li h3,.col-page-esg .col-1 .content ul li:nth-child(1) h3,.col-page-about .col-1 .content ul:nth-of-type(2) li strong, .col-page-about .col-1 .content ul:nth-of-type(2) li strong .odometer,.col-page-about .col-2 .wrap .flex .content .s-content,.col-page-about .col-3 .wrap .flex .content .s-content h2,.col-page-about .col-5 .wrap .flex .content h2,.col-page-history .flex .seven p,.col-page-culture .col-1 .flex .content .s-content h3,.col-page-honor .col-1 .flex .content .s-content h3,.col-page-party .col-1 .wrap .content .s-content strong,.col-page-party .col-2 .wrap .flex h2,.col-page-investor .tongkun .flex .info .title .name,.col-page-investor .tongkun .flex .info h3 .price,.col-page-career .col-1 .flex .content .s-content strong,.col-page-innovation .col-1 .content>ul:nth-of-type(1)>li:nth-child(1) strong,.col-page-party .col-1 .child .flex .content strong{font-size: 2.75rem;}
  .col-index-product .slide .swiper-slide a .title{font-size:14px;}
  .col-index-product .content .swiper-slide .inner .s-content h4,.col-index-video .wrap .flex .content h2,.col-index-news .flex .title h2,.col-page-layout1 .col-1 .wrap .flex .title h2,.col-page-layout2 .col-1 .wrap .flex .title h2,.col-page-layout3 .col-1 .wrap .flex .title h2,.col-page-layout4 .col-1 .wrap .flex .title h2,.col-page-layout5 .col-1 .wrap .flex .title h2,.col-page-layout6 .col-1 .wrap .flex .title h2,.col-page-layout7 .col-1 .wrap .flex .title h2,.col-page-layout8 .col-1 .wrap .flex .title h2,.col-page-layout9 .col-1 .wrap .flex .title h2,.col-page-layout2 .col-1 .wrap .content ul li:nth-child(1) .odometer,.col-page-layout4 .col-1 .wrap .content>ul>li:nth-child(1) strong,.col-page-esg h2,.col-page-esg .col-2 ul.list li .flex .title,.col-page-about .col-3 .wrap .flex .content .s-content h3,.col-page-about .col-4 .wrap .flex ul.list li .s-content h2,.col-page-culture .col-2 .namemark,.col-page-honor .col-1 .flex .content h2,.col-page-honor .col-1 .child ul.list li .title,.col-page-party .col-1 .wrap .content h2,.col-page-party .col-3 ul li .content h2,.col-page-investor .tongkun .flex .info .title .code h3,.col-page-innovation .col-1 .content>ul:nth-of-type(1)>li:nth-child(1) h3,.col-page-innovation .wrap .namemark{font-size: 1.875rem;}
  .col-index-link .wrap .swiper-slide-active a .content .s-content{font-size: 30px;}
  .col-index-link .wrap .swiper-slide a .content .s-content,ul.download_list li .content .title,.col-page-about .col-2 .wrap .flex .content h2,.col-page-about .col-4 .wrap .flex .content h2,.col-page-about .col-4 .wrap .flex ul.list li .title .name,.col-page-about .col-4 .wrap .flex ul.list li .s-content h3,.col-page-history .history-nav .swiper-slide h3,.col-page-party .col-1 .wrap .content .s-content,.col-page-party .col-2 .wrap ul.list li .title,.col-page-party .col-2 .child .flex .content strong{font-size: 24px;}
  .col-page-layout1 .col-1 .wrap .content ul li,.col-page-layout1 .col-2 .content ul li p:nth-child(1),.col-page-layout2 .col-1 .wrap .content ul li:nth-child(1),.col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(1) h3,.col-page-layout4 .col-2 .flex .content ul li p:nth-child(2),.col-page-layout6 .col-1 .wrap .content>ul li p:nth-child(2),.col-page-esg .col-2 ul.list li .content strong,.col-page-history .flex .content .s-content h4,.col-page-history .flex .content .namemark,.col-page-history .history-container .swiper-slide .flex .content ul li:nth-child(2) h3,.col-page-culture .col-2 ul.list li .title,.col-page-party .col-3 ul li .content .name,.col-page-investor .tongkun .flex .info h3 span.name,.col-page-contact .col-1 .flex .content h4,.col-page-contact .col-1 .flex .content a,.col-page-contact .col-2 .content,.col-page-contact .col-2 ul.list li .title,.col-page-innovation .col-1 .content>ul:nth-of-type(2)>li:nth-child(1) ul li,.col-page-party .col-2 .child .flex .content .s-content{font-size: 18px;}
  .col-page-layout1 .col-1 .wrap .content,.col-page-layout1 .col-2 .content ul li,.col-page-layout1 .col-3 ul li .flex .content .s-content,.col-page-layout2 .col-1 .wrap .content,.col-page-layout3 .col-1 .wrap .content,.col-page-layout4 .col-1 .wrap .content,.col-page-layout4 .col-2 .flex .content,.col-page-layout4 .col-3 .content,.col-page-layout5 .col-1 .wrap .content,.col-page-layout5 .col-2 ul li .flex .content .s-content,.col-page-layout6 .col-2 ul li .flex .content .s-content,.col-page-layout7 .col-1 .wrap .content,.col-page-layout7 .col-2 .wrap .content .inner,.col-page-layout8 .col-1 .wrap .content,.col-page-layout9 .col-2 ul li .flex .content .s-content,.col-page-layout9 .col-1 .wrap .content>ul li p,.col-page-esg .col-1 .content ul li:nth-child(2),.col-page-about .col-2 .wrap .flex .content .namemark,.col-page-about .col-4 .wrap .flex .content .s-content,.col-page-about .col-4 .wrap .flex .content .namemark,.col-page-about .col-5 .wrap .flex .content .namemark,.col-page-career .col-1 .flex .content .s-content,.col-page-career .col-3 .flex .content .s-content,.col-page-contact .col-1 .flex .content,.col-page-innovation .col-1 .content,.col-page-innovation .wrap .content{font-size: 16px;}

  .col-page-innovation .wrap .content ul li{padding: 3.5vh 10px;}
  .col-page-innovation .col-1 .content>ul:nth-of-type(2)>li:nth-child(1) ul li{width: 150px;height: 150px;border-width: 16px;margin-left: -24px;}
  .col-index-link .wrap .swiper-slide a{border-bottom-left-radius: 50px;border-top-left-radius:20px;}
  .col-index-link .wrap .swiper-slide-active a {border-radius: 0 !important;border-bottom-left-radius: 50px !important;border-top-right-radius: 20px !important;}
  .col-index-link .wrap .swiper-slide a .content{padding: 12vh 2.5vw;}
  .col-page-contact .col-2 ul.list li .img{line-height: 40px;}
  .col-page-contact .col-2 ul.list li .img img{height: 38px;}
  .col-page-digital .development-container .swiper-slide .item .dot{width: 10px;height: 10px;border: 2px solid #e50012;}
  .col-page-digital .development-container .swiper-slide .item .dot::after{width: 40px;height: 40px;line-height: 38px;}
  .col-page-digital .development-container .swiper-slide .item.cur .dot{width: 14px;height: 14px;}
  .col-page-digital .development-container .swiper-slide .item.cur .title{bottom: calc(100% + 20px);}
  .col-page-history .history-container .swiper-slide .flex .content ul{margin-bottom: 10px;}
  .col-page-history .history-container .swiper-slide .flex .name{width: 20%;}
  .col-page-history .history-container .swiper-slide .flex .content{width: 78%;}
  .col-page-history .flex .seven p img{width: 180px;}
  .col-page-history .flex .seven p span{margin-left: -55px;}
  .container2{max-width: 1180px;}
  .col-page-about .col-4 .wrap .flex ul.list li .title .num{width: 45px;height: 45px;line-height: 45px;font-size: 18px;}
  .col-page-about .col-2 .wrap,.col-page-about .col-3 .wrap,.col-page-about .col-4 .wrap,.col-page-about .col-5 .wrap{width: 95%;}
  .col-page-about .col-1 .content ul:nth-of-type(2){margin-top: 4vh;}
  .vicenav .container2{padding: 0;}
  .col-page-esg .col-2 ul.list li{padding: 3vh 30px 10px;}
  .col-page-esg .col-2 ul.list li .flex .img img{width: 30px;}
  .col-page-layout8 .col-2 .slide .swiper-button{font-size: 24px;}
  .col-page-layout8 .col-2 .slide .swiper-button-prev{left: -18px;}
  .col-page-layout8 .col-2 .slide .swiper-button-next{right: -18px;}
  .col-page-layout1 .col-1 .wrap .content ul li img{margin-top: 10px;}
  .col-page-layout1 .col-2{padding: 6vh 0 18vh;}
  .col-page-layout1 .col-1 .wrap .flex .img,.col-page-layout2 .col-1 .wrap .flex .img,.col-page-layout3 .col-1 .wrap .flex .img,.col-page-layout4 .col-1 .wrap .flex .img,.col-page-layout5 .col-1 .wrap .flex .img,.col-page-layout6 .col-1 .wrap .flex .img,.col-page-layout7 .col-1 .wrap .flex .img,.col-page-layout8 .col-1 .wrap .flex .img{max-width: 100px;}
  .layout-nav .child a .icon{line-height: 40px;}
  .layout-nav .child a .icon img{height: 35px;}
  .col-index-more ul li p:nth-child(1){margin-bottom: 12px;}
  .col-index-more ul li p:nth-child(1) img{width: 50px;}
  .col-index-product .content .swiper-slide .inner .s-content{margin-bottom: 4vh;}
  .col-index-product .content .swiper-slide{padding: 8vh 4vw 10vh;}
  .col-index-product .slide .swiper-slide a .icon{line-height: 40px;}
  .col-index-product .slide .swiper-slide a .icon img{height: 35px;}
  .col-index-link .wrap .swiper-container{padding-right: 320px;}
  .col-index-link .wrap .swiper-slide a .content{width: 300px;}

}
@media (max-width: 1200px) {
  .col-page-about .col-1 .content ul:nth-of-type(1) li:nth-child(2) h2,.col-page-digital .development-list .swiper-slide .flex .content .year{font-size: 4.5rem;}
  .col-index-about .flex #parallax-counter>ul li .odometer, .col-index-about .flex #parallax-counter>ul li sup,.col-page-history .history-container .swiper-slide .flex .content ul li:nth-child(1){font-size: 3rem;}
  .home_banner .swiper_bg .swiper-container .swiper-slide,.col-index-product h2,#col-banner .swiper-slide .ban_cont .content h1,.col-page-layout1 .col-1 .wrap .content ul li strong, .col-page-layout1 .col-1 .wrap .content ul li strong .odometer,.col-page-layout1 .col-2 .content ul li p:nth-child(1) .odometer,.col-page .col-1 .wrap .flex .title .namemark,.col-page-layout2 .col-1 .wrap .content ul li:nth-child(1) #my_odometer1,.col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(1) h3 strong, .col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(1) h3 strong .odometer,.col-page-layout4 .col-2 .flex .content ul li p:nth-child(2) .odometer,.col-page-layout7 .col-1 .wrap .content>ul li h3,.col-page-layout8 .col-1 .wrap .content>ul li h3,.col-page-esg .col-1 .content ul li:nth-child(1) h3,.col-page-about .col-2 .wrap .flex .content .s-content,.col-page-about .col-3 .wrap .flex .content .s-content h2,.col-page-about .col-5 .wrap .flex .content h2,.col-page-history .flex .content .s-content h2,.col-page-history .flex .seven p,.col-page-culture .col-1 .flex .content .s-content h3,.col-page-honor .col-1 .flex .content .s-content h3,.col-page-party .col-1 .wrap .content .s-content strong,.col-page-party .col-2 .wrap .flex h2,.col-page-digital .development-container .swiper-slide .item.cur .title,.col-page-investor .tongkun .flex .info .title .name,.col-page-investor .tongkun .flex .info h3 .price,.col-page-career .col-1 .flex .content .s-content strong,.col-page-contact .col-1 .flex .content strong,.col-page-innovation .col-1 .content>ul:nth-of-type(1)>li:nth-child(1) strong,.col-page-party .col-1 .child .flex .content strong{font-size: 2.5rem;}
  .col-index-link .wrap .swiper-slide-active a .content .s-content,ul.download_list li a i.iconfont{font-size: 24px;}
  .home_banner2 .home_banner2a .logo .logo3 .logo3a,.col-index-link .wrap .swiper-slide a .content .s-content,.col-index-product .namemark,.col-index-product .content .swiper-slide .inner .s-content,.col-index-more ul li h3,.col-index-news .flex .title .namemark,footer .flex .footer-info h2,ul.download_list li .content .title,.col-page-about .col-4 .wrap .flex ul.list li .title .name,.col-page-about .col-4 .wrap .flex ul.list li .s-content h3,.col-page-culture h2,.col-page-party .col-1 .wrap .content .s-content,.col-page-party .col-2 .wrap ul.list li .title,.col-page-party .col-2 .child .flex .content strong,.col-page-digital .development-container .swiper-slide .item .title,.col-page-investor .tongkun .flex .info h3 .rmb,.col-page-investor .tongkun .flex .info h3 .percent,.col-page-career .col-4 .content h3{font-size: 18px;}
  .col-page-layout2 .col-1 .wrap .content ul li:nth-child(1),.col-page-layout6 .col-1 .wrap .content>ul li p:nth-child(2),.col-page-history .flex .content .namemark,.col-page-digital .development-list .swiper-slide .flex .content ul.list li .name,.col-page-investor .tongkun .flex .info h3 .arrow .iconfont.cur,.col-page-investor .col-2 .flex .content .s-content ul li,.col-page-career .col-2 ul.list li .title,.col-page-innovation .col-1 .content>ul:nth-of-type(2)>li:nth-child(1) ul li,.col-page-party .col-2 .child .flex .content .s-content,.col-page-career .col-4 .content{font-size: 16px;}
  .col-page-about .col-5 .wrap .flex .content .s-content strong{font-size:14px;}
  .col-page-innovation .wrap .content ul li{padding: 2.6vh 10px;}
  .col-index-link .wrap .swiper-slide a{border-bottom-left-radius: 30px;border-top-left-radius:10px;}
  .col-index-link .wrap .swiper-slide-active a {border-radius: 0 !important;border-bottom-left-radius: 30px !important;border-top-right-radius: 20px !important;}
  .col-index-link .wrap .swiper-slide a .content{padding: 10vh 2.5vw;}
  .col-page-contact .map{height: 300px;}
  .col-page-investor .tongkun .flex .info h3 .percent{padding: 5px 10px;}
  .col-page-digital .development-list .swiper-slide .flex .content ul.list li .num{width: 30px;font-size: 18px;}
  .col-page-honor .col-2 .swiper-slide{width: 180px;}
  .col-page-honor .col-1 .child ul.list li{width: calc(50% - 3px);}
  .col-page-honor .col-1 .child ul.list li:nth-child(3n){margin-right: 6px;}
  .col-page-honor .col-1 .child ul.list li:nth-child(2n){margin-right: 0;}
  .col-page-honor .col-1 .child ul.list li:nth-child(1), .col-page-honor .col-1 .child ul.list li:nth-child(2){    padding: 3vh 3.12vw 5vh;}
  .col-page-culture .col-2 ul.list li .img{line-height: 30px;}
  .col-page-culture .col-2 ul.list li .img img{height: 28px;}
  .col-page-history .history-container .swiper-slide .flex .name{width: 120px;}
  .col-page-history .history-container .swiper-slide .flex .content{width: calc(100% - 140px);}
  .col-page-history .history-nav{margin: 4vh 0;}
  .col-page-history .wrap{top: 0;}
  .col-page-history .flex .seven p img{width: 120px;}
  .col-page-history .flex .seven p span{margin-left: -30px;}
  .col-page-news .lists ul.list li a .img{width: 180px;}
  .col-page-news .lists ul.list li a .date{width: 80px;flex-shrink: 0;}
  .col-page-news .lists ul.list li a .content{width: auto;}
  .vicenav .child a{padding: 10px 15px;}
  ul.download_list li a{width: 120px;}
  ul.download_list li .img img{width: 140px;}
  .col-page-esg .col-2 ul.list li{padding: 3vh 20px 10px;}
  .col-page-esg .col-1 ul.list li{width: calc(50% - 10px);margin-bottom: 30px;}
  .col-page-esg .col-1 .content ul{margin-bottom: 20px;}
  .col-page-esg .col-1 ul.list li .s-content{margin-bottom: 5px;}
  .col-page-layout1 .col-2{padding: 6vh 0 18vh;position: relative;}
  .col-page-layout1 .col-2::after{content:'';width: 100%;height: 100%;background: rgba(255,255,255,.45);position: absolute;left: 0;top: 0;}
  .col-page-layout1 .col-2 .content{position: relative;z-index: 1;}
  .layout-nav .child a{padding: 2.8vh 0;}
  .col-index-btn,.col-page-layout1 .col-3 ul li,.col-page-layout2 .col-1 .wrap,.col-page-layout3 .col-3 .child>li,.col-page-layout3 .col-3,.col-page-layout3 .col-1 .wrap,.col-page-layout4 .col-2,.col-page-layout4 .col-1 .wrap,.col-page-layout4 .col-3,.col-page-layout5 .col-1 .wrap,.col-page-layout5 .col-2 ul.list li,.col-page-layout6 .col-1 .wrap,.col-page-layout6 .col-2 ul.list li,.col-page-layout7 .col-1 .wrap,.col-page-layout8 .col-1 .wrap,.col-page-layout8 .col-2 .slide,.col-page-esg .col-1,.col-page-esg .col-3, .col-page-download,.col-page-news .news-top,.col-page-paper,.col-page-about .col-1,.col-page-about .col-3,.col-page-culture .col-1,.col-page-honor .col-1,.col-page-honor .col-2,.col-page-party .col-2 .child,.col-page-party .col-3,.col-page-digital,.col-page-investor .tongkun,.col-page-investor .col-1,.col-page-investor .col-2,.col-page-investor .col-3,.col-page-message,.col-page-career .col-1,.col-page-career .col-2,.col-page-career .col-3,.col-page-contact .col-1,.col-page-contact .col-2,.col-page-innovation .col-1{padding-top: 6vh !important;padding-bottom: 6vh !important;}
  .col-page-layout3 .col-2{padding-bottom: 6vh;}
  .col-index-news{padding-top: 0;}
  .col-index-more ul li{width: 30%;padding: 0 20px;}
  .col-index-more ul li h3::before{left: -20px;width: 10px;top: 7px;}
  .col-index-link .wrap .swiper-slide a .content{width: 240px;}
  .col-index-link .wrap,.col-index-product .wrap,.col-index-more .wrap,.col-index-btn .wrap{padding: 0 5vw;}
  .col-index-news .flex .title{padding-left: 5vw;}
  .col-index-link .wrap .mask{width: 5vw;}
  .col-index-link .wrap .swiper-container{padding-right: 240px;}
  .home_banner2 .home_banner2a .logo .logo3{top: calc(100% + 6vh);}
  .home_banner2 .home_banner2a .logo .logo1_bg img.logo_1{width: 100px;}
  .home_banner2 .home_banner2a .logo .logo1_bg img.logo_2{width: 180px;}
  .home_banner2 .home_banner2a .logo.on .logo1_bg{padding-right: 200px;}
  .header .inner nav ul li{margin: 0 1vw;}
  .header .inner nav ul li:not(:last-child):after{right: -1vw;}

  html{font-size: 13px;}
  
}
@media (max-width: 992px) {
    #col-banner{min-height:250px;}
  .col-page-about .col-1 .content ul:nth-of-type(1) li:nth-child(2) h2,.col-page-digital .development-list .swiper-slide .flex .content .year{font-size: 3.5rem;}
  .col-index-about .flex #parallax-counter>ul li .odometer, .col-index-about .flex #parallax-counter>ul li sup,.col-page-history .history-container .swiper-slide .flex .content ul li:nth-child(1){font-size: 2.75rem;}
  .home_banner .swiper_bg .swiper-container .swiper-slide,.col-index-product h2,#col-banner .swiper-slide .ban_cont .content h1,.col-page .col-1 .wrap .flex .title .namemark,.col-page-layout2 .col-1 .wrap .content ul li:nth-child(1) #my_odometer1,.col-page-layout7 .col-1 .wrap .content>ul li h3,.col-page-layout8 .col-1 .wrap .content>ul li h3,.col-page-esg .col-1 .content ul li:nth-child(1) h3,.col-page-news .news-top .flex .right ul li a .date .d,.col-page-news .lists ul.list li a .date .d,.col-page-about .col-2 .wrap .flex .content .s-content,.col-page-about .col-3 .wrap .flex .content .s-content h2,.col-page-about .col-5 .wrap .flex .content h2,.col-page-history .flex .seven p,.col-page-culture .col-1 .flex .content .s-content h3,.col-page-honor .col-1 .flex .content .s-content h3,.col-page-party .col-1 .wrap .content .s-content strong,.col-page-party .col-2 .wrap .flex h2,.col-page-digital .development-container .swiper-slide .item.cur .title,.col-page-investor .tongkun .flex .info .title .name,.col-page-investor .tongkun .flex .info h3 .price,.col-page-career .col-1 .flex .content .s-content strong,.col-page-contact .col-1 .flex .content strong,.col-page-innovation .col-1 .content>ul:nth-of-type(1)>li:nth-child(1) strong{font-size: 2.25rem;}
  .col-index-link .wrap .swiper-slide-active a .content .s-content,.col-page-news .news-top .flex .right ul li a .content .title,.col-page-party .col-1 .wrap .content .s-content strong{font-size: 18px;}
  .col-index-link .wrap .swiper-slide a .content .s-content,.col-index-product .slide .swiper-slide a .title,.col-index-product .slide .swiper-slide a .title,.col-index-product .content .swiper-slide .inner .s-content,.col-page-party .col-1 .wrap .content .s-content,.col-page-investor .tongkun .flex .content ul li{font-size: 16px;}
  .col-index-news .flex .title ul li a,.col-page-layout2 .col-2 ul li .title,.col-page-layout3 .col-2 .swiper-slide .title,.col-page-layout7 .col-2 .lists .item ul.list li .title,.col-page-layout8 .col-2 .slide .swiper-slide .title,.col-page-esg .col-1 ul.list li .s-content,.col-page-investor .col-3 .flex .content form ul li span,.col-page-investor .col-3 .flex .message ul li .title,.col-page-innovation .col-1 .content>ul:nth-of-type(2)>li:nth-child(1) ul li,.col-index-product .slide .swiper-slide a .title{font-size: 14px;}
  .col-page-news .news-top .flex .right ul li a .date .ym,.col-page-news .lists ul.list li a .date .ym{font-size: 12px;}

  .col-index-about .flex .inner .namemark{font-size: 2.25rem;}
  .col-index-about .flex .inner h2{font-size: 1.875rem;margin-bottom: 2px;margin-left: 5px;}
  .col-page-career .col-4 ul.list{display: none;}
  .col-page-career .col-4 .img,.col-page-career .col-4 .content ul{display: block !important;}
  .col-page-career .col-4 .content ul li{margin-bottom: 20px;}
  .col-page-career .col-4 .content ul li img{width: 125px;}
  .col-page-about .col-5 .wrap .flex .content .s-content{height: auto;}
  .col-page-about .col-5 .wrap .flex .content .s-content .inner{position: static;}
  .col-index-product .slide .swiper-slide a{padding: 10px;}
  .col-page-innovation .wrap .col-2,.col-page-innovation .wrap .col-3{width: 100%;}
  .col-page-innovation .wrap .col-2 .inner,.col-page-innovation .wrap .col-3 .inner{padding: 6vh 20px;}
  .col-index-product{padding: 0 0 5vh;}
  .col-index-product h2{margin-bottom: 2vh;}
  .col-index-link .wrap .swiper-slide a .content{padding: 8vh 2.5vw;}
  .col-page-contact .col-2 ul.list li{width: calc(50% - 5px);}
  .col-page-contact .col-2 ul.list li:nth-child(4n){margin-right: 10px;}
  .col-page-contact .col-2 ul.list li:nth-child(2n){margin-right: 0;}
  .col-page-investor .col-3 .flex .message ul li .iconfont,.col-page-message ul li .iconfont{font-size: 16px;top: 11px;}
  .col-page-investor .col-3 .flex .message ul li,.col-page-message ul li{padding: 2vh 10px;}
  .col-page-investor .col-3 .flex .content form ul li textarea{min-height: 100px;}
  .col-page-digital .content,.col-page-digital .development-container{margin-bottom: 9vh;}
  .col-page-digital .development-container .swiper-slide{width: 1200px;}
  .col-page-digital .development-container .swiper-slide img{width: 1200px;height: 100px;}
  .col-page-party .col-2 .wrap .flex{margin-bottom: 20px;}
  .col-page-party .col-2 .wrap ul.list{align-items: flex-start;}
  .col-page-party .col-2 .wrap ul.list li{padding: 10px 20px 3vh !important;width: 33.33%;flex:auto;}
  .col-page-party .col-1{padding: 20px 0 calc(3vh + 11%);}
  /* .col-page-party .col-1 .wrap .content{position: relative;top: auto;transform: none;left: auto;max-width: none;} */
  .col-page-party .col-1 .wrap .content .s-content strong{margin-bottom: 0;}
  .col-page-party .col-1 .wrap{margin-bottom: 4vh;}
  .col-page-party .col-1 .child .flex,.col-page-digital .development-list .swiper-slide .flex{padding: 0;}
  .col-page-honor .col-2 .swiper-slide{width: 150px;}
  .col-page-history .flex .seven p img{width: 100px;}
  .col-page-history .flex .content .namemark{margin-top: 12%;}
  .col-page-about .col-4{padding: 0;}
  .col-page-about .col-4 .wrap .flex .content{min-height: auto;}
  .col-page-about .col-4 .wrap .flex ul.list,.col-page-about .col-5 .wrap .flex .content{padding: 0 20px;}
  .col-page-about .col-3 .wrap .flex .content{padding-right: 20px;}
  .col-page-paper ul.list li{margin-bottom: 5vh;}
  .col-page-paper ul.list li{width: 23.5%;margin-right: 2%;}
  .col-page-paper ul.list li:nth-child(5n){margin-right: 2%;}
  .col-page-paper ul.list li:nth-child(4n){margin-right: 0;}
  ul.download_list li{flex-wrap: wrap;}
  ul.download_list li .content{width: calc(100% - 160px);margin:0 0 0 20px;}
  ul.download_list li a{width: 100%;margin-top: 20px;padding: 10px 0;}
  .col-page-layout6 .col-1 .wrap .content>ul li p:nth-child(2){margin-top: 5px;}
  .col-page-layout5 .col-1 .wrap .content>ul:nth-of-type(2) li,.col-page-career .col-2 ul.list li{width: 50%;}
  .col-page-layout4 .col-2 .flex .content ul{flex-wrap: wrap;}
  .col-page-layout1 .col-1 .wrap .flex .title,.col-page-layout2 .col-1 .wrap .flex .title,.col-page-layout3 .col-1 .wrap .flex .title,.col-page-layout4 .col-1 .wrap .flex .title,.col-page-layout5 .col-1 .wrap .flex .title,.col-page-layout6 .col-1 .wrap .flex .title,.col-page-layout7 .col-1 .wrap .flex .title,.col-page-layout8 .col-1 .wrap .flex .title,.col-page-layout9 .col-1 .wrap .flex .title{width: 100%;}
  .col-page .col-1 .wrap .flex .img{max-width: 50px;}
  .layout-nav .container2{padding: 0;}
  .layout-nav .child{flex-wrap: wrap;}
  .layout-nav .child a{width: 25%;flex: auto;padding: 10px 0;}
  .layout-nav .child a::after {content: '';width: 1px;height: 60%;background: #bcbcbc;position: absolute;right: 0;top: 20%;}
  .layout-nav .child a .icon{margin-bottom: 5px;}
  #page{padding-top: 1px;}
  .bannerTop,.bannerTop .swiper-container{margin-top: 60px;}
  #col-banner .swiper-slide .ban_cont{top: 50%;}
  footer .flex .footer-info .share{margin: 0 0 10px;}
  footer .bottom{display: block;text-align: center;margin-top: 5px;}
  footer .logo{margin-top: 2vh;}
  footer .flex .footer-info ul li img{width: 60px;margin-bottom: 5px;}
  footer{padding: 2vh 0;}
  footer .flex .footer-info{text-align: center;width: 100%;}
  footer .flex .footer-info ul{justify-content: center;}
  .col-index-video{padding: 0;font-size: 0;}
  .col-index-video .video{position: relative;left: 0;bottom: 0 !important;transform: none;min-width: 0;min-height: 0;width: 100%;}
  .col-index-news .flex .slide .swiper-container{padding-bottom: 60px;padding-right: 10vw;}
  .col-index-news .flex .slide .swiper-container .swiper-button-next{left: 48px;}
  .col-index-news .flex .slide .swiper-container .swiper-button{width: 40px;height: 40px;line-height: 38px;font-size: 16px;}
  .col-index-video .wrap{padding: 0;}
  .col-index-video .wrap .flex,.col-index-btn .wrap,.col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(1) ul{margin-top: 0;display: block;}
  .col-index-btn .wrap .title,.col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(1) ul li{margin-bottom: 10px;}
  .col-index-video .wrap .flex .item,.col-index-video .wrap .flex .item2,.col-index-more ul li,.col-page-investor .col-3 .flex .content form ul li{width: 100%;}
  .col-index-more ul li,.col-index-btn .wrap .title{text-align: center;margin-bottom: 25px;padding: 0;}
  .col-index-btn .wrap .btns{text-align: center;}
  .col-index-link .wrap .swiper-slide a .content{width: 180px;}
  .col-index-link .wrap .swiper-container{padding-right: 0;}
  .col-index-about .flex #parallax-counter>ul li{padding: 5vh 10px;}
  .col-index-about .flex {flex-wrap: wrap;}
  .col-index-about .flex #parallax-counter,.col-index-about .flex .inner,.col-page-layout1 .col-3 ul li .flex .img,.col-page-layout1 .col-3 ul li .flex .content,.col-page-layout1 .col-1 .wrap .content ul li,.col-page-layout2 .col-1 .wrap .content ul li:nth-child(1),.col-page-layout2 .col-1 .wrap .content ul li:nth-child(2),.col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(1),.col-page-layout3 .col-1 .wrap .content>ul>li:nth-child(2),.col-page-layout3 .col-3 .child>li .flex .content,.col-page-layout3 .col-3 .child>li .flex .img,.col-page-layout4 .col-1 .wrap .content>ul>li:nth-child(1),.col-page-layout4 .col-1 .wrap .content>ul>li:nth-child(2),.col-page-layout4 .col-2 .flex .img,.col-page-layout4 .col-2 .flex .content,.col-page-layout5 .col-1 .wrap .content>ul:nth-of-type(1)>li:nth-child(1),.col-page-layout5 .col-1 .wrap .content>ul:nth-of-type(1)>li:nth-child(2),.col-page-layout5 .col-2 ul li .flex .img,.col-page-layout5 .col-2 ul li .flex .content,.col-page-layout6 .col-2 ul li .flex .content,.col-page-layout6 .col-2 ul li .flex .img,.col-page-layout7 .col-2 .wrap .img,.col-page-layout7 .col-2 .wrap .content,.col-page-layout8 .col-1 .wrap .content>ul li,.col-page-layout9 .col-1 .wrap .content>ul li,.col-page-layout9 .col-2 ul li .flex .img,.col-page-layout9 .col-2 ul li .flex .content,.col-page-layout9 .col-1 .wrap .content>ul li:last-child,.col-page-esg .col-1 .content ul li:nth-child(1),.col-page-esg .col-1 .content ul li:nth-child(2),.col-page-news .news-top .flex .left,.col-page-news .news-top .flex .right,.col-page-about .col-2 .wrap .flex .img,.col-page-about .col-2 .wrap .flex .content,.col-page-about .col-3 .wrap .flex .content,.col-page-about .col-3 .wrap .flex .img,.col-page-about .col-4 .wrap .flex .content,.col-page-about .col-4 .wrap .flex ul.list,.col-page-about .col-5 .wrap .flex .img,.col-page-about .col-5 .wrap .flex .content,.col-page-history .flex .content,.col-page-history .flex .seven,.col-page-history .history-container .swiper-slide .flex .name,.col-page-history .history-container .swiper-slide .flex .content,.col-page-history .history-container .swiper-slide .flex .content ul li:nth-child(1),.col-page-history .history-container .swiper-slide .flex .content ul li:nth-child(2),.col-page-culture .col-1 .flex .content,.col-page-honor .col-1 .flex .content,.col-page-honor .col-1 .flex .img,.col-page-party .col-1 .child .flex .content,.col-page-party .col-1 .child .flex .img,.col-page-party .col-2 .wrap ul.list li:not(:first-child)::before,.col-page-party .col-2 .child .flex .img,.col-page-party .col-2 .child .flex .content,.col-page-party .col-3 ul li .content,.col-page-party .col-3 ul li .img,.col-page-digital .development-list .swiper-slide .flex .content,.col-page-digital .development-list .swiper-slide .flex .img,.col-page-investor .tongkun .flex .info,.col-page-investor .tongkun .flex .content,.col-page-investor .col-2 .flex .content,.col-page-investor .col-2 .flex .img,.col-page-investor .col-3 .flex .content,.col-page-investor .col-3 .flex .message,.col-page-career .col-1 .flex .content,.col-page-career .col-1 .flex .img,.col-page-career .col-3 .flex .img,.col-page-career .col-3 .flex .content,.col-page-contact .col-1 .flex .content,.col-page-contact .col-1 .flex .img,.col-page-innovation .col-1 .content>ul:nth-of-type(1)>li:nth-child(1),.col-page-innovation .col-1 .content>ul:nth-of-type(1)>li:nth-child(2),.col-page-innovation .col-1 .content>ul:nth-of-type(2)>li:nth-child(1),.col-page-innovation .col-1 .content>ul:nth-of-type(2)>li:nth-child(2){width: 100%;margin-bottom: 30px;max-width: none;display: block;}
  .col-page-innovation .col-1 .content>ul:nth-of-type(2)>li:nth-child(1) ul{flex-wrap: wrap;justify-content: center;}
  .col-page-innovation .col-1 .content>ul:nth-of-type(2)>li:nth-child(2){border-left: none;}
  .col-page-innovation .col-1 .content>ul:nth-of-type(2)>li:nth-child(1) ul li {width: 110px;height: 110px;border-width: 10px;margin-left: -14px;padding: 0 10px;margin-top: -14px;}
  .col-index-about .flex #parallax-counter {display: flex;}
  .col-page-party .col-2 .child .flex .img{margin-bottom: 6vh;}
  .col-page-culture .col-1 .flex .img{width: 50%;margin: 0 auto 30px;}
  .col-page-history .history-container .swiper-slide .flex .name{text-align: left;margin-bottom: 10px;}
  .col-page-about .col-2 .wrap .flex .img{margin-bottom: 0;}
  .col-page-about .col-2 .wrap .flex .content{border-top-right-radius: 0;border-bottom-right-radius: 10px;}
  .col-page-layout1 .col-3 ul li .flex .content{margin-bottom: 0;}
  .home_banner .swiper_bg .swiper-container .swiper-slide{padding: 0;}
  .home_banner .swiper_bg .swiper-container{width: 100%;padding-bottom: 20px;transform: translateY(-50%);}
  .home_banner .video_more{top: 50%;left: 50%;transform: translateX(-50%);right: auto;}
  .header .inner .icon{margin-right: 10px;padding-right: 10px;}
  .header .inner .icon::after{height: 30px;}
  .header .inner .icon img{width: 35px;}
  .header .inner .logo img{width: 120px;}
  .header .inner{padding:0 0 0 20px;}
  .header .right,.home_banner .video_more .title,.home_banner .video_more a.play::before,.home_banner .video_more a.play::after,.col-index-more ul li:nth-child(2n),.col-index-more ul li h3::before,footer .flex .footer-nav,.col-page-history .wrap,.col-page-party .col-2 .wrap ul.list li:not(:first-child)::before,footer .flex .footer-info>*:not(.share):not(.code),footer .logo{display: none;}
  footer .logo a.gotoTop{position: fixed;bottom: 40px;right: 10px;width: 45px;height: 45px;font-size: 12px;}
  html{font-size: 12px;}
  
}
@media (max-width: 768px) {

  .col-page .col-1 .wrap .flex .title .namemark,.col-page-layout7 .col-1 .wrap .content>ul li h3,.col-page-career .col-1 .flex .content .s-content strong{font-size: 2rem;}
  .col-page-layout6 .col-1 .wrap .flex .title .namemark{font-size: 16px;}
  footer .flex .footer-info ul li .title,#col-banner .swiper-slide .ban_cont .content .mbx, #col-banner .swiper-slide .ban_cont .content .mbx a{font-size: 12px;}

  
  .col-index-link .wrap .swiper-slide a .content{padding: 6vh 2.5vw;}
  .col-page-digital .development-list .swiper-slide .flex .content ul.list{padding-left: 10px;}
  .col-page-party .col-2 .wrap ul.list li{width: 50%;}
  .col-page-honor .col-1 .child ul.list li,.col-page-investor .tongkun .flex .content ul li,.col-page-investor .col-1 ul.list li,.col-page-contact .col-2 ul.list li{width: 100%;margin-right: 0;}
  .col-page-honor .col-1 .child ul.list li:nth-child(1), .col-page-honor .col-1 .child ul.list li:nth-child(2){width: 100%;}
  .col-page-culture .col-2 ul.list li{width: calc(50% - 2px);margin-right: 4px;}
  .col-page-culture .col-2 ul.list li:nth-child(4n){width: calc(50% - 2px);margin-right: 4px;}
  .col-page-culture .col-2 ul.list li:nth-child(2n){margin-right: 0;}
  .col-page-about .col-1 .content ul:nth-of-type(2){flex-wrap: wrap;}
  .col-page-about .col-1 .content ul:nth-of-type(2) li{width: 50%;text-align: center;}
  .col-page-about .col-1 .content ul:nth-of-type(1){display: block;}
  .col-page-about .col-1 .content ul:nth-of-type(1) li:nth-child(1){width: 30%;margin: 0 auto 20px;}
  .col-page-about .col-1 .content ul:nth-of-type(1) li:nth-child(2){width: 100%;}
  .col-page-news .lists ul.list li{padding: 3vh 0;}
  .col-page-news .lists ul.list li a{flex-wrap: wrap;}
  .col-page-news .lists ul.list li a .img{width: 100%;margin-bottom: 20px;}
  .col-page-news .lists ul.list li a .content{width: calc(100% - 80px);}
  .col-page-layout7 .col-2 .lists .item>.title{margin-bottom: 10px;}
  .col-page-layout7 .col-2 .lists .item ul.list li,.col-page-paper ul.list li{width: 49%;margin-right: 2%;}
  .col-page-layout7 .col-2 .lists .item ul.list li:nth-child(3n),.col-page-paper ul.list li:nth-child(4n){margin-right: 2%;}
  .col-page-layout7 .col-2 .lists .item ul.list li:nth-child(2n),.col-page-paper ul.list li:nth-child(2n){margin-right: 0;}
  .col-page-layout6 .col-1 .wrap .content>ul li,.col-page-esg .col-1 ul.list li{width: 100%;margin-bottom: 20px;}
  .layout-nav .child a{width: 50%;}
  .col-page-layout1 .col-2 .content ul li,.col-page-esg .col-2 ul.list li{width: 100%;margin-bottom: 15px;flex: auto;}
  .col-page-layout1 .col-2 .content ul li:not(:last-child)::after,.col-page-about .col-1 .content ul:nth-of-type(2) li:nth-child(2n){display: none;}
  #col-banner .swiper-slide .ban_cont .content h1{margin-bottom: 3px;padding-bottom: 5px;}
  footer .flex .footer-info ul li{margin-right: 10px;}
  .col-index-btn .wrap .btns a{min-width: 140px;font-size: 14px;}
  .col-index-video .wrap .flex .content{max-width: none;}
  .col-index-video .wrap .flex .item2{background: none;position: relative;z-index: 1;}
  .col-index-video .wrap .flex .item2 .content{width: 100%;background: #e50012a6;}
  .col-index-video .wrap .flex .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;}
  .col-index-about .flex #parallax-counter>ul li .odometer, .col-index-about .flex #parallax-counter>ul li sup{font-size: 2.25rem;}

  
  html{font-size: 11px;}

  
}
@media (max-width: 468px) {
  .col-news2.col-page-news .lists ul.list{width: 100%;margin-right: 0;}
  .col-page-honor .col-2 .swiper-slide{width: 120px;}
  .col-page-news .lists ul.list li a .date{width: 50px;}
  .col-page-news .lists ul.list li a .content{width: calc(100% - 50px);}
  ul.download_list li{display: block;}
  ul.download_list li .content{width: 100%;margin: 20px 0 0;}
  ul.download_list li .img{text-align: center;}
  .layout-nav .child a{padding: 5px 0;}
  .layout-nav .child a .icon{line-height: 30px;margin-bottom: 0;}
  .layout-nav .child a:nth-child(2n):after{display: none;}
  .layout-nav .child a .icon img{height: 25px;}
  .col-page-layout5 .col-1 .wrap .content>ul:nth-of-type(2) li,.col-page-party .col-2 .wrap ul.list li,.col-page-career .col-2 ul.list li{width: 100%;}
  html{font-size: 10px;}

  
}
@media (max-height: 700px) {

}


/*手机版菜单*/
.mm-slideout{z-index: auto!important;}
@media screen and (max-width: 992px)  {
  #header a.mm_btn {background: center center no-repeat transparent;display: block;width: 60px;height:60px;position: relative;top: 0;right: 0; padding: 15px;z-index: 12; }
  #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
  #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;}
  #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #fff; position: absolute; left: 0; top: 14px;/*transition: transform .2s ease .2s;-webkit-transition: -webkit-transform .2s ease .2s;*/-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  #header.active .mm_btn .menu_bar_item .rect{background: #000;}
  #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);padding-top: 0;}
  #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
  #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
  #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
  #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);}
  #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
  #header .mm_btn.is_active .menu_bar_item {transform: translateZ(0) rotate(45deg);transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform: translateZ(0) rotate(45deg);-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;}
  /*菜单弹出方向*/
  .mm-menu_offcanvas{left: auto!important;}
  .mm-menu{right: 0!important;}
  .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;}
  .mm-slideout{z-index: 10!important;}
  .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*弹出菜单边阴影*/
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform: translate(-80vw,0)!important;-ms-transform: translate(-80vw,0)!important;transform: translate(-80vw,0)!important;-webkit-transform: translate3d(-80vw,0,0)!important;transform: translate3d(-80vw,0,0)!important;/*transform: translate3d(80vw,0,0)!important;*/}
  .mm-wrapper_opened .mm-menu_fx-menu-slide {-webkit-transform: translate(0,0)!important;-ms-transform: translate(0,0)!important;transform: translate(0,0)!important;-webkit-transform: translate3d(0,0,0)!important;transform: translate3d(0,0,0)!important;}
  /**/
  #menu{ color:rgba(0,0,0,.8);}
  #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);}
  #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);}
  #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;}
  #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);}
  /* #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);} */
  #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); }
  #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);}
  #menu .mm-listitem a{font-size: 16px;}
}
@media (min-width: 550px){
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {-webkit-transform: translate(-440px,0)!important;-ms-transform: translate(-440px,0)!important;transform: translate(-440px,0)!important;-webkit-transform: translate3d(-440px,0,0)!important;transform: translate3d(-440px,0,0)!important;}
}