.f62{ font-size:62px;}
.f60{ font-size:60px;}
.f56{ font-size:56px;}
.f48{ font-size:48px;}
.f40{ font-size:40px;}
.f24{ font-size:24px;}
.f18{ font-size:18px;}
html{--wrap-1600-width:1600px;}
/*关于我们*/
.about-banner {
  --wrap-w: var(--wrap-1760-width);
  overflow: hidden; background:url(../images/about/banner-img.jpg) center center no-repeat;background-attachment: fixed; position:relative; z-index:0;}
.about-banner:after{ content:""; width:56.9%; right:0; top:0px; height:100%; background:#fff; position:absolute; z-index:-1;}
.about-banner .h2-box{ position:absolute; top:10.5%;}
.about-banner .h2-box .h2 {
  word-break: keep-all;
  white-space: nowrap;
  font-size: clamp(0px, calc(100vw*0.12689), 243px);
  line-height: 0.8em;
  font-weight:bold;
}
.about-banner .h2-box .h2 label{background: var(--linear-color); -webkit-background-clip: text; color: transparent;}
.about-banner .h2-box .h2 span { color: var(--main-color); -webkit-text-stroke: 0.3px var(--main-color);color: transparent;}
.about-banner .cont-box .left-cont {width: 42%; position:relative; left:0; top:0; height:100%; display:block; }
.about-banner .cont-box .left-cont .num-box { position: relative; background-image: linear-gradient(-34deg, #0096cc 0%, #00a8e4 100%), linear-gradient(#f67524, #f67524); background-blend-mode: normal, normal; border-radius: 0px 30px 0 30px; color: #fffefc; float:right;padding-left:34px; padding-right:100px; padding-top:70px; padding-bottom:40px;}
.about-banner .cont-box .left-cont .num-box .num-num { align-items: center; font-size: 120px; line-height: 1em;}
.about-banner .cont-box .left-cont .num-box .num-val {line-height: 1.2em;}
.about-banner .cont-box .left-cont .num-box .num-txt { line-height: 1.4em;letter-spacing: 2px; margin-top:75px;}
.about-banner .cont-box .right-cont { width: 58%; background:#ffffff; float:right;}
.about-banner .cont-box .right-cont .boxs{ width:94%; float:right; max-width:900px; overflow:hidden; margin-top:365px; margin-bottom:40px;}
.about-banner .cont-box .right-cont .h1{ font-weight:lighter; color:#000; overflow:hidden; line-height:1.3;}
.about-banner .cont-box .right-cont .h3{ font-weight:normal; color:#000; overflow:hidden; line-height:1.3;}
.about-banner .cont-box .right-cont .des{ overflow:hidden; margin-top:30px; line-height:24px; color:#585858; /*font-weight:lighter; */font-size:16px;}
.about-banner .cont-box .right-cont .des p{/* width:49%; max-width:383px; */overflow:hidden; margin-bottom:10px;}
.about-block-a{ overflow:hidden; background:url(../images/about/bg1.jpg) center center no-repeat; background-size:cover;}
.about-block-a .list .list-li{ overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover;transition:all 0.6s;}
.about-block-a .list .list-li .pad{ overflow:hidden; width:88%; max-width:360px; margin:0 auto; margin-top:16%; margin-bottom:7%; height:870px; position:relative;}
.about-block-a .list .list-li .pad .title-box .line{ width:103px; height:14px; overflow:hidden; background:url(../images/about/about_pic1.png) no-repeat; display:block; margin-top:27px;}
.about-block-a .list .list-li .pad .cont-box{ margin-top:38.8%; position:relative;}
.about-block-a .list .list-li .pad .cont-box .default{transition:all 0.6s;}
.about-block-a .list .list-li .pad .cont-box .default .icon-box{ position:relative;}
.about-block-a .list .list-li .pad .cont-box .default .icon-box .self-svg{ width:102px; height:101px; padding-top:16px; position:absolute; top:59px; left:88px; background:url(../images/about/bg1-point-2.png) no-repeat; background-size:100% 100%; --fill: #fff; --size: 100%;}
.about-block-a .list .list-li .pad .cont-box .default .icon-box .self-svg svg.icon{ height:83px;}
.about-block-a .list .list-li:nth-child(3) .pad .cont-box .default .icon-box .self-svg{ padding-left:20px;}
.about-block-a .list .list-li:last-child .pad .cont-box .default .icon-box .self-svg{ padding-top:28px; padding-left:8px;}
.about-block-a .list .list-li:last-child .pad .cont-box .default .icon-box .self-svg svg.icon{ height:71px;}
.about-block-a .list .list-li .pad .cont-box .default .des{ margin-top:126px; overflow:hidden;}
.about-block-a .list .list-li .pad .cont-box .default .des .txt{ line-height:58px; height:58px; color:#f9f9f9; background:url(../images/about/bg1-point-1.png) left top no-repeat; overflow:hidden;}
.about-block-a .list .list-li .pad .cont-box .default .des .txt-en{ font-size:14px; overflow:hidden; line-height:20px; height:20px;background: var(--linear-color); -webkit-background-clip: text; color: transparent;}
.about-block-a .list .list-li .pad .bot-icon{ position:absolute; bottom:0; left:0;}
.about-block-a .list .list-li .pad .cont-box .hover{ position:absolute; top:50px;transition:all 0.6s;opacity:0;filter:Alpha(opacity=0);transition-delay:0.1s;}
.about-block-a .list .list-li .pad .cont-box .hover .des{ margin-top:63px; overflow:hidden;}
.about-block-a .list .list-li .pad .cont-box .hover .des .txt{ line-height:58px; height:58px; color:#f9f9f9; background:url(../images/about/bg1-point-1.png) left top no-repeat; overflow:hidden;}
.about-block-a .list .list-li .pad .cont-box .hover .des .txt-en{ font-size:14px; overflow:hidden; line-height:20px; height:20px;background: var(--linear-color); -webkit-background-clip: text; color: transparent;}
.about-block-a .list .list-li .pad .cont-box .hover .p-li{ line-height:34px; overflow:hidden; margin-top:57px; color:#989898;}
.about-block-a .list .list-li:hover .pad .cont-box .hover{ top:0px;opacity:1.0;filter:Alpha(opacity=100);}
.about-block-a .list .list-li:hover .pad .cont-box .default{opacity:0;filter:Alpha(opacity=0);}
.about-block-a .list .list-li:hover{ background-image:url(../images/about/bg1_1.jpg);}
.about-block-a .list .list-li:nth-child(2):hover{ background-image:url(../images/about/bg1_2.jpg);}
.about-block-a .list .list-li:nth-child(3):hover{ background-image:url(../images/about/bg1_3.jpg);}
.about-block-a .list .list-li:nth-child(4):hover{ background-image:url(../images/about/bg1_4.jpg);}
.about-block-b{ overflow:hidden; background:url(../images/about/about_bg1.jpg) center center no-repeat;background-size:cover; padding-top:32px; padding-bottom:80px;}
.about-block-b .wrap-1760{ max-width:var(--wrap-1600-width);}
.about-block-b .left-cont{ float:left; width:455px; overflow:hidden; margin-right:10px;}
.about-block-b .left-cont .about-auto-cont{ margin-top:188px; color:#222222;}
.about-block-b .left-cont .about-auto-cont .mini{ overflow:hidden; line-height:30px; font-weight:lighter; margin-bottom:14px;margin-top:11px; }
.about-block-b .left-cont .about-auto-cont .cont40{ overflow:hidden; line-height:54px;}
.about-block-b .right-cont{overflow:hidden; padding-top:248px;}
.about-block-b .right-cont img{ max-width:100%;}
.culture_t{ overflow:hidden; margin-top:70px;}
.culture_t .culture_t_l{ float:left;}
.culture_t .culture_t_l .span{ line-height:48px; text-transform:uppercase; overflow:hidden;background: var(--linear-color);-webkit-background-clip: text; color: transparent;}
.culture_t .culture_t_l .h3{ display:inline-block; vertical-align:top; line-height:50px; margin-top:20px; padding-bottom:30px; background:url(../images/about/about_pic2.png) left bottom repeat-x; color:#222; font-weight:bold;}
.about-block-c{ overflow:hidden; background:url(../images/about/bg2.jpg) center center no-repeat;background-size:cover; position:relative; z-index:0;}
.about-block-c .wrap-1760{ max-width:var(--wrap-1600-width);}
.about-block-c .left-cont{ position:absolute; top:24px; width:100%; overflow:hidden;}
.about-block-c .about-auto-cont{ margin-top:188px; color:#fff;}
.about-block-c .about-auto-cont .mini{ overflow:hidden; line-height:30px; font-weight:lighter; margin-bottom:14px;margin-top:11px; color:#c5c5c5; }
.about-block-c .about-auto-cont .cont40{ overflow:hidden; line-height:54px;}
.about-block-c .mark{overflow:hidden; float:right; width:67.96%;}
.about-block-c .mark img{ width:100%;}
.about-block-c .culture_t .culture_t_l .h3{ color:#fff;}
.about-block-c .left_zi{ position:absolute; bottom:0; left:0; width:100%; z-index:-1; }
.about-block-c .left_zi img{ display:block;  height:182px;}
.about-block-d{ padding-top:90px; padding-bottom:67px; position:relative;}
.about-block-d .wrap-1760{ max-width:var(--wrap-1680-width);}
.about-block-d .left-cont{ float:left; width:29.76%; margin-bottom:21px; }
.about-block-d .left-cont .line{ display:block; max-width:320px; width:80%; height:12px; background:url(../images/about/about_pic4.png) no-repeat; background-size:auto 100%; margin-bottom:140px;margin-top:92px;}
.about-block-d .middle-cont{ float:left; width:60.7%;}
.about-block-d .middle-cont .text{ line-height:40px; color:#333333;}
.about-block-d .middle-cont .color-text{ height:157px; background:url(../images/about/about_pic5.png) left center no-repeat; background-size:auto 100%; margin-top:22px; margin-bottom:46px;}
.about-block-d .right-cont{ float:right;writing-mode:tb-rl;}
.about-block-d .right-cont .en-big{ color:#eeeeee; line-height:60px; margin-left:3px;}
.about-block-d .right-cont .en{ line-height:24px; overflow:hidden; color:#999999; font-weight:lighter;}
.about-block-d .right-cont .en .line{ height:99px; width:1px; font-weight:normal; display:inline-block; background:#d7d7d7; margin-bottom:6px; font-size:0;}
@media (max-width: 1660px) {
.f62{ font-size:58px;}
.f60{ font-size:57px;}
.f56{ font-size:53px;}
.f48{ font-size:45px;}
.f40{ font-size:38px;}
.f24{ font-size:23px;}
.f18{ font-size:17px;}
/*关于我们*/
.about-banner .cont-box .right-cont .boxs{ margin-top:470px; margin-bottom:60px;}
.about-block-a .list .list-li .pad{ height:770px;}
.about-block-a .list .list-li .pad .cont-box{ margin-top:32%;}
.about-block-a .list .list-li .pad .cont-box .hover .des{ margin-top:43px;}
.about-block-c .left_zi img{  height:162px;}
.about-block-c .about-auto-cont{ margin-top:150px;}
.about-block-d .middle-cont .color-text{ height:147px;}
}
@media (max-width: 1550px) {
.f62{ font-size:55px;}
.f60{ font-size:53px;}
.f56{ font-size:49px;}
.f48{ font-size:42px;}
.f40{ font-size:35px;}
.f24{ font-size:21px;}
.f18{ font-size:16px;}
/*关于我们*/
.about-block-b{ padding-bottom:220px;}
.about-block-b .left-cont .about-auto-cont{ margin-top:150px;}
.about-block-b .left-cont .about-auto-cont .cont40{ line-height:50px;}
.about-block-c .left_zi img{  height:142px;}
.about-block-c .about-auto-cont{ margin-top:120px;}
.about-block-c .about-auto-cont .cont40{ line-height:50px;}
.about-block-d .middle-cont .color-text{ height:137px;}
.about-block-d{ padding-top:70px; padding-bottom:57px;}
}
@media (max-width: 1400px) {
.f62{ font-size:49px;}
.f60{ font-size:48px;}
.f56{ font-size:45px;}
.f48{ font-size:38px;}
.f40{ font-size:32px;}
.f24{ font-size:19px;}
.f18{ font-size:14px;}
/*关于我们*/
.about-banner .cont-box .left-cont .num-box{ padding-top:50px; padding-right:80px;}
.about-banner .cont-box .left-cont .num-box .num-num{ font-size:110px;}
.about-banner .cont-box .left-cont .num-box .num-txt{ margin-top:50px;}
.about-banner .cont-box .right-cont .boxs{ margin-top:400px; margin-bottom:60px;}
.about-block-b{ padding-bottom:180px; padding-top:10px;}
.about-block-b .left-cont .about-auto-cont{ margin-top:130px;}
.about-block-b .left-cont .about-auto-cont .cont40{ line-height:40px;}
.about-block-b .right-cont{ padding-top:258px;}
.about-block-c .left_zi img{  height:122px;}
.about-block-c .about-auto-cont{ margin-top:90px;}
.about-block-c .about-auto-cont .cont40{ line-height:40px;}
.about-block-c .left-cont{ top:14px;}
.about-block-d .middle-cont .color-text{ height:127px;}

}
/*关于我们linami20221108*/