@charset "utf-8";
/* CSS Author WeChat:iGAME_Max */
/*公用代码*/
body,html{background:none repeat scroll 0 0; font:16px arial,verdana; color:#151515; font-family: "Arial", "Microsoft Yahei", "微软雅黑", "Microsoft JhengHei", "微软正黑体", sans-serif;}
::-webkit-scrollbar              {/* 1 */width:6px; background-color:#C7C7C7;}
::-webkit-scrollbar-button       {/* 2 */display: none;}
::-webkit-scrollbar-track        {/* 3 */}
::-webkit-scrollbar-track-piece  {/* 4 */}
::-webkit-scrollbar-thumb        {/* 5 */width:5px;  border-radius:0; background-color:#303030;}
::-webkit-scrollbar-corner       {/* 6 */background-color:#303030;}
::-webkit-resizer                {/* 7 */}
::-webkit-scrollbar:horizontal   {height:6px;}
blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
label input{vertical-align:middle;text-shadow:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

@font-face{font-family:'syht-h';src:url(fonts/SourceHanSansCN-Heavy.ttf);}
@font-face{font-family:'bl-r';src:url(fonts/Barlow-Regular.ttf);}

.rellax{ transition: all .4s; }

/* 鼠标样式 */
.cursor{pointer-events:none;z-index:100000;position:fixed;top:0;left:0;width:20px;height:20px;border-radius:50%;overflow:hidden;border:1px solid #303030;background: #303030; opacity:0;transition:width .2s ease-out,height .2s ease-out,transform .2s;transform:translate(-50%,-50%) rotate(0);}
.cursor.active{ width: 20rem; height: 20rem; background: rgba(255,255,255,0.35);}
.cursor.style{ border-color: #fff; background: rgba(255,255,255,0.8); }
/* *:not(a),a{cursor:url(../images/cursor_fill.svg) 11 11,auto} */

a,a:active,a:visited,a:link{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s; color: #151515;}
a:hover{ color: #03949e;}
a:hover,a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;text-shadow:none;outline: none;}
img{max-width:100%;border:0;}
i{ font-style: initial;}
table{border-collapse:collapse;}
ul li{list-style:none;}
input,select,textarea{outline:none; resize: none; font-size: 0.875rem;}
.f-l{float:left;}
.f-l,.f-r{display:inline-block;}
.f-r{float:right;}
.t-l{text-align:left;}
.t-c{text-align:center;}
.t-r{text-align:right;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30,.top40{margin-top:30px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.bg-white{background:#fff;}
.bg-gray{ background: #f9f9f9;}
.w-90{ width: 93%; margin: auto;}
.w-100{width:100%; float: left;}
.w-900{margin:auto; width: 61.875rem;}
.w-1100{margin:auto; width: 63.875rem;}
.w-1200{margin:auto; width: 81.25rem;}
.w-1300{margin:auto; width: 83.75rem;}
.w-1400{margin: auto; width: 88.75rem;}
.w-1500{margin: auto; width: 95rem;}
.w-1600{margin: auto; width: 100rem; }
.w-1700{margin: auto; width: 107.5rem;}
.div-pc{ display: block;}
.div-phone{ display: none;}
.clear::after{ content: ''; display: block; clear: both; }

.img-hover{ overflow: hidden;}
.img-hover .img-h{display: block !important; width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.img-hover:hover .img-h{ transform: scale(1.1);}

/* 布局样式 */
.between-top{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.between-center{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-justify-content: space-between; -webkit-align-items: center; }
.between-bottom{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: flex-end; -webkit-justify-content: space-between; -webkit-align-items: flex-end; }
.center-center{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.around-center{ display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; -webkit-justify-content: space-around; -webkit-align-items: center; }
.column-between{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; }
.column-around{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around; -webkit-justify-content: space-around; }

/* 文字超出隐藏省略号 */
.text-one-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.text-two-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.text-three-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

/* 手机版按钮 */
.head-btn{width: 2.25rem; height: 1.375rem; float: right;position: relative;cursor: pointer; transform-origin: 0; display: none;}
.head-btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #fff; position: absolute;
	transition: all .6s ease .1s;
	-webkit-transition: all .6s ease .1s;
	-moz-transition: all .6s ease .1s;
}
.head-btn i.bar-top{ top: 0;}
.head-btn i.bar-cen{ top: 50%; margin-top: -1px;}
.head-btn i.bar-bom{ bottom: 0;}
.head-btn.cur i.bar-cen{ opacity: 0;}
.head-btn.cur i.bar-top{ transform:rotate(45deg); margin-top: 0.6rem;}
.head-btn.cur i.bar-bom{ transform:rotate(-45deg); margin-bottom: 0.6rem; }
.head-btn.cur i{ background-color: #fff;}
/*隐藏*/
.overHide{ overflow: hidden;}

.fanye-box{ text-align: center; padding: 3rem 0; margin: auto;}
.fanye-box .between-center{ /* box-shadow: 0 0 1rem rgba(0,0,0,0.1); border: 1px solid #E4E4E4; */}
.fanye-box a{ cursor: pointer;}
.fanye-box a,.fanye-box span{ width: 2.5rem; height: 2.5rem; line-height: 2.5rem; font-size: 1.125rem; margin: auto; border-radius: 0; margin: 0 0.5rem; border-radius: 100%;}
.fanye-box a:hover,.fanye-box a.curr,.fanye-box a.current,
.fanye-box span:hover,.fanye-box span.curr,.fanye-box span.current{ color: #303030;}
.fanye-box .prev,.fanye-box .next{ border: 1px dashed #C9D1D1; line-height: 2.3rem; font-size: 1.4rem; }
.fanye-box .prev:hover,.fanye-box .next:hover{ background: #303030; border-color: #303030; color: #fff; }

.all-center-box{ width: 100%; float: left; position: relative; min-height: 70vh; }
.all-center-box::before{ content: ''; width: 100%;}
/* .all-center-box.active{ margin-top: 4.875rem;} */

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

.goTop{ width: 6.25rem; height: 6.25rem; background-color: #303030; position: fixed; right: 0; bottom: 0; z-index: 99; opacity: 0; transition: all .6s; cursor: pointer; }
.goTop::after{ content: ''; width: 3.125rem; height: 3.125rem; background: url(../images/icon_jt1.png) no-repeat center; background-size: 100%; position: absolute; left: 50%; top: 50%; margin: -1.5625rem 0 0 -1.5625rem; transform: rotate(-90deg); }
.goTop:hover::after{ animation: upDown1 1.5s infinite linear;}
.goTop.active{ opacity: 1; }
@keyframes upDown1{
  0%{ transform: translateY(0rem) rotate(-90deg); }
  25%{ transform: translateY(-0.4rem) rotate(-90deg); }
  50%{ transform: translateY(0rem) rotate(-90deg); }
  75%{ transform: translateY(0.4rem) rotate(-90deg); }
  100%{ transform: translateY(0rem) rotate(-90deg); }
}
@keyframes upDown2{
  0%{ transform: translateX(0rem) }
  50%{ transform: translateX(0.5rem) }
  100%{ transform: translateX(0rem) }
}

.tips-box{ background: rgba(0,0,0,0.5); color: #fff; font-size: 1.5rem; position: fixed; left: 50%; top: 50%; z-index: 999; transform: translate(-50%,-50%); border-radius: 0.5rem; padding: 0.6rem 1rem; }

.head-box{ position: fixed; left: 0; top: 0; z-index: 99; padding: 0.625rem 0; transition: all 0.3s ease-out;}
.head-box .f-l{ position: relative;}
.head-box .f-l img{ display: block; height: 2.75rem;}
.head-box .f-l::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/logo2.png) no-repeat center; background-size: contain; opacity: 0; transition: all .6s; }
.head-box .head-menu ul li{ float: left; position: relative; margin-left: 3.625rem; }
.head-box .head-menu ul li div{ display: none;}
.head-box .head-menu ul li span a{ color: #fff; height: 1.2rem; line-height: 1.2rem; display: block;}
.head-box .head-menu ul li:hover span a,
.head-box .head-menu ul li.active span a{ color: #03949e !important;}
.head-box .head-tel{ color: #fff; margin-left: 1.875rem; font-size: 1.0625rem; line-height: 1.125rem; border: none; border-color: rgba(255,255,255,0.2); border-left: 1px solid; padding-left: 3rem; background: url(../images/icon_1_1.png) no-repeat 1.8rem center; background-size: auto 0.875rem; z-index:1; }

.head-box.noShow{ transform: translate(0,-100%); }
.head-box.active::before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0;background: rgba(255,255,255,0.5);  backdrop-filter: blur(12px); }
.head-box.active{ padding: 0.625rem 0; box-shadow: 0 0 1rem rgba(0,0,0,0.05);}
.head-box .f-l img{ opacity: 0;}
.head-box .f-l::after{ opacity: 1;}
.head-box .head-menu ul li span a{ color: #303030;}
.head-box .head-tel{ color: #303030; background-image: url(../images/icon_1.png); border-color: rgba(0,0,0,0.2);}
.head-box .head-btn i{ background: #303030;}

.home-box1{ height: 55rem; padding: 2rem; position: relative; overflow: hidden; }
.home-box1 .swiper{ height: 100%; box-shadow: 0 0 1rem rgba(0,0,0,0.3);}
.home-box1 .swiper .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; font-weight: lighter; transition: all 0s; background-color: #fff; }
.home-box1 .swiper .swiper-slide video{ width:100%; height:100%; display:block; object-fit:cover; }
.home-box1 .swiper .swiper-slide.active{ opacity: 0 !important;}
.home-box1 .swiper .swiper-slide .center-center{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index:2}
.home-box1 .swiper .swiper-slide .center-center .box1{ font-size: 3.25rem; letter-spacing: 0.8rem; opacity: 0; transform: translate(3rem,0); transition: all .6s;}
.home-box1 .swiper .swiper-slide .center-center .box2{ font-size: 1.625rem; letter-spacing: 0.5rem; margin-top: 0.5rem; opacity: 0; transform: translate(3rem,0); transition: all .6s ease .1s; }
.home-box1 .swiper .swiper-slide .center-center.active .box1,
.home-box1 .swiper .swiper-slide .center-center.active .box2{ opacity: 1; transform: translate(0,0);}
.home-box1 .swiper .swiper-slide .center-center.style2{ text-align:center; color: #131313; }
.home-box1 .swiper .swiper-slide .center-center.style2 .box1{ font-size: 3.75rem; font-weight: 700; font-family:'Poppins,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif'; letter-spacing: normal; }
.home-box1 .swiper .swiper-slide .center-center.style2 .box2{ font-size: 1.25rem; letter-spacing: normal; margin-top: 0.8rem; }

.home-box1 .swiper-box{ width: 100%; position: absolute; left: 0; bottom: 9.375rem; z-index: 10;}
.home-box1 .swiper-box .w-1200{ border-bottom: 1px solid #999999; display: flex; flex-direction: row-reverse; padding-bottom: 1.25rem; }
.home-box1 .swiper-box .w-1200 .f-r{ width: 100%;}
.home-box1 .swiper-box .swiper-pagination{ width: auto; position: relative; bottom: 0; top: 0; display: flex;}
.home-box1 .swiper-box .swiper-pagination-bullet{ width: 1.875rem; height: 0.25rem; background: #999999; opacity: 1; border-radius: 0; margin: 0 0.75rem 0 0; position: relative;}
.home-box1 .swiper-box .swiper-pagination-bullet::after{ content: ''; width: 0; height: 100%; background: #fff; position: absolute; left: 0; top: 0; }
.home-box1 .swiper-box .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ width: 100%; transition: all 7s linear; }
.home-box1 .swiper-box .btns{ width: 1.1rem; height: 1.2rem; cursor: pointer; margin-left: 0.5rem; position: relative; }
.home-box1 .swiper-box .btns svg{ width: 100%; height: 100%; }
.home-box1 .swiper-box .btns svg:nth-child(2){ position: absolute; left: 0; top: 0; opacity: 0;}
.home-box1 .swiper-box .btns.active svg:nth-child(1){ opacity: 0;}
.home-box1 .swiper-box .btns.active svg:nth-child(2){ opacity: 1;}

.progress-bar {
}
.progress-bar-segment {
  width: 1.875rem;
  height: 0.25rem;
  background-color: #999999;
  position: relative;
  margin-right: 0.75rem;
  cursor: pointer;
}
.progress-bar-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #fff;
  width: 0;
  transition: width 0.1s linear; /* 动态更新宽度 */
}

.home-overlay{ width: 100%; height: 100%; transition: all .5s cubic-bezier(.7,0,.3,1);}
.home-overlay canvas{ width: 100%; height: 100%; display: block;}


.revealer { position: absolute; z-index: 10; width: 100vh; height: 100vw; opacity: 0; pointer-events: none; }
.revealer.revealer--animate.revealer--right{ top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -90deg) translate3d(0px, 100%, 0px); opacity: 1;}
.revealer.revealer--animate.revealer--left{ top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 90deg) translate3d(0px, 100%, 0px); opacity: 1;}

.revealer .revealer__layer{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #ddd;}
.revealer.revealer--animate .revealer__layer {
    -webkit-animation: anim-effect-4-1 2.5s cubic-bezier(.55,.055,.675,.19) forwards;
    animation: anim-effect-4-1 2.5s cubic-bezier(.55,.055,.675,.19) forwards
}
.revealer.revealer--animate .revealer__layer:nth-child(2) {
    -webkit-animation-name: anim-effect-4-2;
    animation-name: anim-effect-4-2;
    -webkit-animation-timing-function: cubic-bezier(.895,.030,.685,.22);
    animation-timing-function: cubic-bezier(.895,.030,.685,.22)
}
.revealer.revealer--animate .revealer__layer:nth-child(3) {
    -webkit-animation-name: anim-effect-4-3;
    animation-name: anim-effect-4-3;
    -webkit-animation-timing-function: cubic-bezier(.755,.050,.855,.060);
    animation-timing-function: cubic-bezier(.755,.050,.855,.060)
}
@-webkit-keyframes anim-effect-4-1 {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    35%,65% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    100% {
        -webkit-transform: translate3d(0,-200%,0);
        transform: translate3d(0,-200%,0)
    }
}

@keyframes anim-effect-4-1 {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    35%,65% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    100% {
        -webkit-transform: translate3d(0,-200%,0);
        transform: translate3d(0,-200%,0)
    }
}

@-webkit-keyframes anim-effect-4-2 {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    45%,55% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        -webkit-animation-timing-function: cubic-bezier(.165,.84,.44,1);
        animation-timing-function: cubic-bezier(.165,.84,.44,1)
    }

    100% {
        -webkit-transform: translate3d(0,-200%,0);
        transform: translate3d(0,-200%,0)
    }
}

@keyframes anim-effect-4-2 {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    45%,55% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        -webkit-animation-timing-function: cubic-bezier(.165,.84,.44,1);
        animation-timing-function: cubic-bezier(.165,.84,.44,1)
    }

    100% {
        -webkit-transform: translate3d(0,-200%,0);
        transform: translate3d(0,-200%,0)
    }
}

@-webkit-keyframes anim-effect-4-3 {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    45%,55% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
        animation-timing-function: cubic-bezier(.23,1,.32,1)
    }

    100% {
        -webkit-transform: translate3d(0,-200%,0);
        transform: translate3d(0,-200%,0)
    }
}

@keyframes anim-effect-4-3 {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    45%,55% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
        animation-timing-function: cubic-bezier(.23,1,.32,1)
    }

    100% {
        -webkit-transform: translate3d(0,-200%,0);
        transform: translate3d(0,-200%,0)
    }
}


.home-box2{ position: relative; z-index: 10; margin-top: -10.5rem; }
.home-box2 .top-box{ font-size: 2rem; font-weight: lighter; padding: 0 0 1.6875rem 0; color: #999; opacity:0; }
.home-box2 .top-box.animated{ opacity:1;}
.home-box2 .cen-box{ position: relative; overflow:initial;}
.home-box2 .lower-box{ width: 10.9375rem; position: absolute; left: 4.375rem; top: 16.75rem; }
.home-box2 .lower-box div{ width: 100px; position: sticky; left: 0; top: 100px;}
.home-box2 .lower-box.fixed{ position: fixed; top: 5rem;}

.module{ overflow: hidden; opacity:0;}
.module.animated{ opacity:1; }
.module-content{ width: calc(100% + 1.25rem); float: left; margin-left: -0.625rem; }
.module-content .content_list{ width: 100% !important; transition: all .6s; }
.module-content .content_list li{ width: 33.33%; float:left;}
.module-content .content_list li a{ opacity:1; padding: 0 0.625rem;}
.module-content .content_list li.animated a{ opacity:1;}
.module-content .content_list li.grid-sizer {width: 33.33%;}
.module-content a{ width: 100%; float: left;}
.module-content a .imgs{ width: 100%; float: left; overflow: hidden; position: relative; box-shadow: 0 0 1rem rgba(0,0,0,0.3);}
.module-content a .imgs img{ width: 100%; height: 100%; display: block; transition: all .6s; }
/*.module-content a .imgs::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(255,255,255,0.5); transition: all .6s; }*/
.module-content a .info{ width: 100%; float: left; padding: 0.6rem 0 2rem 0; position: relative; transition: all .6s; }
.module-content a .info::after{ content: ''; width: 0; height: 1px; position: absolute; left: 0; bottom: 0.8rem; background: #cecece; opacity: 0; transition: all .6s;}
.module-content a .info p{ font-size: 0.8125rem; color: #A7A7A7; margin-top: 0.6rem; }
.module-content a .info span{ font-size: 1rem; color: #191919; margin-top: 0.6rem; display: block; }
.module-content a:hover .imgs img{ transform: scale(1.05);}
.module-content a:hover .imgs::after{ opacity: 0;}
.module-content a:hover .info{ transform: translate(0,-0.5rem);}
.module-content a:hover .info::after{ width: 100%; opacity: 1;}


.home-box3{ background: #F7F7F7; padding: 7.5rem 0 6.25rem; position: relative; z-index: 11; }
.home-box3::after{ content: ''; width: 10.9375rem; height: 68.75rem; background: url(../images/zt_2.png) no-repeat bottom; background-size: 100%; position: absolute; right: 5.5rem; bottom: 5.5rem; }
.home-box3 .f-l{ width: 45rem;}
.home-box3 .f-l .box1 span{ display: block; font-size: 1rem; font-weight: bold; color: #A2A2A2; text-transform: uppercase; }
.home-box3 .f-l .box1 p{ font-size: 2rem; font-weight: lighter; margin-top: 0.5rem; }
.home-box3 .f-l .box2{ font-size: 0.9375rem; line-height: 2; margin-top: 2.5rem; color: #5F5F5F; }
.home-box3 .f-l .box3{ margin-top: 5rem;}
.home-box3>em{ width: 23.125rem; height: 11.5625rem; overflow: hidden; position: absolute; right: 55%; top: 0; z-index: -1; }
.home-box3>em::after{ content: ''; width: 23.125rem; height: 23.125rem; position: absolute; left: 0; bottom: 0; background: #fff; border-radius: 100%; }

.all-title{ line-height: 1.35;}
.all-title span{ display: block; font-size: 1rem; font-weight: bold; color: #A2A2A2; text-transform: uppercase; }
.all-title p{ font-size: 2rem; font-weight: lighter; margin-top: 0.5rem; }

a.all-more{ width: 11.25rem; height: 3.75rem; display: inline-block; line-height: 3.75rem; padding: 0 2rem; background: #303030; color: #fff; border-radius: 50px; text-align: center; font-size: 0.9375rem; }
.all-more:hover{ background: #03949e;}

.home-box4{ background: url(../images/bg_1.jpg) fixed center; background-size: 100%; display: flex; color: #fff; position: relative; z-index: 11;}
.home-box4>.between-center{ width: 120rem; margin: auto;}
.home-box4 .f-l{ padding: 0 9.375rem; flex: 1;}
.home-box4 .f-l .box1{ font-size: 1rem; font-weight: bold; color: rgba(255,255,255,0.5); text-transform: uppercase; }
.home-box4 .f-l .box2{ font-size: 2rem; font-weight: lighter; margin-top: 0.5rem; }
.home-box4 .f-l .box3{ font-size: 0.9375rem; line-height: 2; margin-top: 2.5rem; color: rgba(255,255,255,0.8); }
.home-box4 .f-r{ width: 70rem; position: relative; border-left: 1px solid rgba(255,255,255,0.1); background: rgba(16,17,18,0.7);}
.home-box4 .f-r::after{ content: ''; width: 100%; height: 1px; background: rgba(255,255,255,0.1); position: absolute; left: 0; top: 50%;}
.home-box4 .f-r::before{ content: ''; width: 1px; height: 100%; background: rgba(255,255,255,0.1); position: absolute; left: 50%; top: 0;}
.home-box4 .f-r ul{ position: relative; z-index: 2;}
.home-box4 .f-r ul li{ width: 50%; height: 26.875rem; float: left; padding: 0 4.375rem; text-align: center; }
.home-box4 .f-r ul li .box1{ width: 8rem; height: auto; display: flex; align-items: center; justify-content: center; }
.home-box4 .f-r ul li .box1 img{ max-height: 100%;}
.home-box4 .f-r ul li .box2{ font-size: 1.375rem; font-weight: bold; padding: 1.25rem 0; position: relative;}
.home-box4 .f-r ul li .box2::after{ content: ''; width: 1.5rem; height: 2px; background: #fff; position: absolute; left: 50%; bottom: 0; margin-left: -0.75rem; }
.home-box4 .f-r ul li .box3{ font-size: 0.875rem; line-height: 1.8; margin-top: 1.25rem; }
.home-box4 .f-r ul li .box4{ width: 11.25rem; height: 3.75rem; display: inline-block; line-height: 3.75rem; padding: 0 2rem; color: #03949e; border-radius: 50px; text-align: center; font-size: 0.9375rem; margin-top: 1.25rem; border: 1px solid transparent; }
.home-box4 .f-r ul li:hover .box4{ border-radius: 50px; border-color: #fff; color: #fff;}
.home-box4 .f-r ul li:hover .box4:hover{ background: #fff; color: #03949e; }
.home-box4 .f-r em{ width: 50%; height: 50%; position: absolute; left: 0; top: 0; transition: all 0.45s; background: linear-gradient(-90deg,#139bc3,#31d8fd); opacity: 0; pointer-events: none;}
.home-box4 .f-r em.active{ opacity: 0.8;}

.home-box5{ padding: 6.125rem 0 7.375rem; position: relative; z-index: 11; background: #fff; }
.home-box5 .top-box span{ display: block; font-size: 1rem; font-weight: bold; color: #A2A2A2; text-transform: uppercase; }
.home-box5 .top-box p{ font-size: 2rem; font-weight: lighter; margin-top: 0.5rem; }
.home-box5 .lower-box{ margin-top: 2.5rem;}
.home-box5 .lower-box .f-l{ width: 35rem; height: 26.5rem; position: relative; overflow: hidden; }
.home-box5 .lower-box .f-l .box1{ width: 4.375rem; text-align: center; padding: 0.75rem 0; background: #01b0f6; color: #fff; position: absolute; left: 0.875rem; top: 0.875rem; z-index: 2; font-size: 0.875rem; }
.home-box5 .lower-box .f-l .box1 span{ font-size: 1.5rem; font-weight: bold;}
.home-box5 .lower-box .f-l .box2{ width: 100%; height: 100%;}
.home-box5 .lower-box .f-l .box2 img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s; }
.home-box5 .lower-box .f-l .box3{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; padding: 1.5rem 1.75rem; color: #fff;}
.home-box5 .lower-box .f-l .box3 span{ display: block; font-size: 1.25rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.home-box5 .lower-box .f-l .box3 p{ font-size: 0.875rem; opacity: 0.7; margin-top: 0.5rem; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.home-box5 .lower-box .f-l::after{ content: ''; width: 100%; height: 65%; position: absolute; left: 0; bottom: 0; background: linear-gradient(0deg,rgba(1,44,47,0.5),rgba(0,0,0,0));}
.home-box5 .lower-box .f-l:hover .box2 img{ transform: scale(1.1);}

.home-box5 .lower-box .f-r{ width: 36.875rem;}
.home-box5 .lower-box .f-r ul li{ width: 100%; float: left;}
.home-box5 .lower-box .f-r ul li a{ width: 100%; float: left; border-bottom: 1px solid #eee; padding: 2.375rem 0;}
.home-box5 .lower-box .f-r ul li:first-child a{ padding-top: 0;}
.home-box5 .lower-box .f-r ul li:last-child a{ padding-bottom: 0; border: none;}
.home-box5 .lower-box .f-r ul li .box1{ flex: 1; padding-right: 4.375rem;}
.home-box5 .lower-box .f-r ul li .box1 span{ font-size: 1.25rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; transition: all .6s; color: #333;}
.home-box5 .lower-box .f-r ul li .box1 p{ height: 2.75rem; font-size: 0.875rem; margin-top: 1.25rem; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #7B7B7B;}
.home-box5 .lower-box .f-r ul li .box2{ text-align: right; font-size: 0.875rem; color: #7B7B7B;}
.home-box5 .lower-box .f-r ul li .box2 span{ font-size: 1.5rem; font-weight: bold; position: relative; transition: all .3s;}
.home-box5 .lower-box .f-r ul li .box2 span::after{ content: ''; width: 1.25rem; height: 1px; background: #BDBDBD; position: absolute; right: 2.25rem; top: 0.9rem; transition: all .3s;}
.home-box5 .lower-box .f-r ul li .box2 p{ letter-spacing: 1px;}
.home-box5 .lower-box .f-r ul li a:hover{ border-color: #03949e;}
.home-box5 .lower-box .f-r ul li a:hover .box1 span{ color: #03949e;}
.home-box5 .lower-box .f-r ul li a:hover .box2 span{ color: #03949e;}
.home-box5 .lower-box .f-r ul li a:hover .box2 span::after{ background: #03949e;}

.home-box6{ padding: 5.9375rem 0 2.5rem; background: #f7f7f7; overflow: hidden; position: relative; z-index: 11;}
.home-box6 .top-box span{ display: block; font-size: 1rem; font-weight: bold; color: #A2A2A2; text-transform: uppercase; }
.home-box6 .top-box p{ font-size: 2rem; font-weight: lighter; margin-top: 0.5rem; }
.home-box6 .cen-box{ display: flex; margin-top: 3.125rem;}
.home-box6 .cen-box .f-l{ flex: 1; padding-right: 4.375rem;}
.home-box6 .cen-box .f-l .box1{ font-size: 1.125rem;}
.home-box6 .cen-box .f-l .box2{ font-size: 0.9375rem; color:#777; line-height: 2.2; margin-top: 1.25rem; }
.home-box6 .cen-box .f-l .box3{ margin-top: 1.5rem;}
.home-box6 .cen-box .f-l .box3 .social-share-icon{ border: none; background: none !important; font-size: 1.875rem; color:#B3B3B3 !important; transition: all .6s; margin-right: 2rem;}
.home-box6 .cen-box .f-l .box3 .social-share-icon:hover{ color: #666 !important;}
.home-box6 .cen-box .f-r{ width: 45rem; margin-top: -0.8rem; padding-right: 6.25rem;}
.home-box6 .cen-box .f-r .box1{ width: 45%; float: left; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #ddd; margin-bottom: 1.25rem;}
.home-box6 .cen-box .f-r .box1:nth-child(2n){ float: right;}
.home-box6 .cen-box .f-r .box1 input{ width: 100%; flex: 1; border: none; font-size: 0.9375rem; height: 3.125rem; background: none;}
.home-box6 .cen-box .f-r .box1 img{ width: 3.5rem; height: 1.5rem; cursor: pointer;}
.home-box6 .cen-box .f-r textarea{ width: 100%; float: left; background: none; border: none; border-bottom: 1px solid #ddd; font-family: "Arial", "Microsoft Yahei", "微软雅黑", "Microsoft JhengHei", "微软正黑体", sans-serif; font-size: 0.9375rem; height: 7.1875rem; margin-top: 0.5rem; margin-bottom: 2.25rem; }
.home-box6 .lower-box{ margin-top: 5rem; color: #A2A2A2; font-size: 0.875rem;}
.home-box6 .lower-box a{ color: #A2A2A2;}
.home-box6 .lower-box a:hover{ color: #03949e;}
.home-box6::after{ content: ''; width: 22.5rem; height: 100%; background: url(../images/bg_2.jpg) no-repeat center; background-size: cover; position: absolute; right: 0; top: 0;}

.page-banner{ height: 30rem; background-position: center; background-size: cover; background-repeat: no-repeat; color: #fff;}
.page-banner .box1{ margin-top: 5rem; font-size: 2.5rem; font-weight: lighter;}
.page-banner .box2{ font-size: 1rem; margin-top: 1rem;}
.page-banner .box3{ line-height: 1.25rem; margin-top: 1.875rem; font-size: 0.875rem; color: #fff; opacity: 0.7; padding-left: 1.125rem; background: url(../images/icon_6.png) no-repeat left; background-size: auto 0.95rem;}
.page-banner .box3:hover{ opacity: 1;}

.business-box1{ padding: 6.25rem 0;}
.business-box1 .top-box .f-l{ width: 33rem;}
.business-box1 .top-box .f-l .box1{ font-size: 2.875rem; font-weight: lighter;}
.business-box1 .top-box .f-l .box2{ font-size: 1rem; margin-top: 1rem;}
.business-box1 .top-box .f-l .box3{ font-size: 0.875rem; margin-top: 1rem; color: #666; line-height: 1.8; }
.business-box1 .top-box .f-r{ width: 33rem;}
.business-box1 .top-box .f-r ul{ flex: 1; text-align: center;}
.business-box1 .top-box .f-r ul li{ margin: 1.5rem 0; font-size: 0.875rem; cursor: pointer; transition: color .6s;}
.business-box1 .top-box .f-r ul li:hover a,
.business-box1 .top-box .f-r ul li.active a{ color: #03949e; font-weight: bold;}
.business-box1 .top-box .f-r div{ width: 21.25rem; height: 14.375rem; position: relative; overflow: hidden;}
.business-box1 .top-box .f-r div img{ width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; left:0; top:0; opacity:0; transition: all .6s; }
.business-box1 .top-box .f-r div img.active{ opacity:1; z-index: 2; }
.business-box1 .cen-box{ margin-top: 3.75rem; position: relative; padding-bottom: 5rem; position: relative; z-index: 1;}
.business-box1 .cen-box img,.business-box1 .cen-box video{ width: 100%; display: block;}
.business-box1 .cen-box em{ content: ''; width: 63.875rem; height: 50%; background: #F3F3F3; position: absolute; left: 50%; bottom: 0; margin-left:-31.937rem; z-index: -1;}
.business-box1 .lower-box{ margin-top: 5.625rem;}
.business-box1 .lower-box .box1{ font-size: 0.875rem; color: #666; line-height: 1.8; margin-top: 1.25rem; }

.business-box2 #process-graph{ height: 12.5rem; position: relative;}
.business-box2 #process-graph canvas{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.business-box2 #process-graph canvas:nth-child(1){ z-index: 2;}
.business-box2 #process-graph canvas:nth-child(2){ z-index: 1;}
.business-box2 #process-graph canvas:nth-child(3){ z-index: 3;}
.business-box2 #process-graph canvas:nth-child(4){ z-index: 5;}
.business-box2 #process-graph canvas:nth-child(5){ z-index: 4;}

.business-box2 .swiper{ border-bottom: 1px solid #ebebeb;} 
.business-box2 .swiper .swiper-slide{ padding: 2.5rem 0;}
.business-box2 .swiper .swiper-slide span{ display: block; padding-bottom: 1.25rem; position: relative; font-size: 1.375rem; }
.business-box2 .swiper .swiper-slide span::after{ content: ''; width: 1.75rem; height: 0.25rem; background: #03949e; position: absolute; left: 0; bottom: 0; }
.business-box2 .swiper .swiper-slide p{ font-size: 0.8125rem; line-height: 1.6; margin-top: 1.25rem; color: #666; }
.business-box2 .swiper .swiper-slide:nth-child(2) span::after{ background: #f7958f;}
.business-box2 .swiper .swiper-slide:nth-child(3) span::after{ background: #ffc485;}
.business-box2 .swiper .swiper-slide:nth-child(4) span::after{ background: #69cdeb;}

.business-box3{ padding: 3.625rem 0;}
.business-box3 .box-info1{ font-size: 0.875rem; color: #666; margin-top: 1.375rem;}
.business-box3 .box-info2{ margin-top: 2.5rem;}
.business-box3 .box-info2 .swiper .swiper-wrapper {
  transition-timing-function: linear;
  will-change: transform;
  flex-shrink: 0; /* 防止被压缩 */
  width: max-content;
}
.business-box3 .box-info2 .swiper .swiper-slide{ width: 23.125rem; float: left; margin: 0 1.5rem; }
.business-box3 .box-info2 .mouse-zone{ width: 33.33%; height: 100%; position: absolute; z-index: 10; top: 0;}
.business-box3 .box-info2 .mouse-zone.left-zone{ left: 0; cursor: url(../images/arrow-left.svg),auto;}
.business-box3 .box-info2 .mouse-zone.middle-zone{ left: 33.33%; display: none;}
.business-box3 .box-info2 .mouse-zone.right-zone{ right: 0; cursor: url(../images/arrow-right.svg),auto;}

.business-box3 .box-info3{ margin-top: 7.5rem;}
.business-box3 .box-info3 .w-1200{ position: relative; height: 10rem; padding: 0 5rem; z-index: 1; }
.business-box3 .box-info3 .w-1200::after{ content: ''; width: 100%; height: 1px; background: #ebebeb; position: absolute; left: 0; top: 50%; z-index: -1; }
.business-box3 .box-info3 .w-1200 .center-center{ cursor: pointer;}
.business-box3 .box-info3 .w-1200 .center-center i{ width: 10rem; height: 10rem; display: inline-block; overflow: hidden; border-radius: 100%; transition: all .3s; height: 0;}
.business-box3 .box-info3 .w-1200 .center-center i img{ width: 100%; height: 100%; display: block; object-fit: cover; border: 0.875rem solid #fff; border-radius: 100%;}
.business-box3 .box-info3 .w-1200 .center-center p{ font-size: 1.25rem; background: #fff; padding: 0 0.875rem; color: #666; transition: all .6s; }
.business-box3 .box-info3 .w-1200 .center-center:hover i,
.business-box3 .box-info3 .w-1200 .center-center.active i{ height: 10rem; margin: 1rem 0 0;}
.business-box3 .box-info3 .w-1200 .center-center:hover p{ transform: scale(0.8); color: #191919;}
.business-box3 .box-info3 .w-1200 .center-center.active p{ color: #41aecd;}

.foot-box{ background: #F7F7F7; padding: 3.125rem 0; text-align: center; font-size: 0.875rem; color: #8E8E8E; }
.foot-box p:nth-child(1){ font-size: 0.9375rem; color: #777; padding-bottom: 0.5rem;}
.foot-box p span+span{ margin-left: 1rem;}

.content-box1{ padding: 7.5rem 0 2rem; position: relative; overflow:hidden;}
.content-box1 .w-1200{ position: relative; z-index: 2;}
.content-box1 .f-l{ flex: 1; padding-right: 5.9375rem;}
.content-box1 .f-l .box-info1 span{ display: block; font-size: 2.875rem; font-weight: lighter;}
.content-box1 .f-l .box-info1 p{ font-size: 0.875rem; margin-top: 1.25rem; line-height: 1.8; color: #666; }
.content-box1 .f-l .box-info2{ text-align: center; margin-top: 5rem;}
.content-box1 .f-l .box-info2 span{ display: block; font-size: 1.625rem;}
.content-box1 .f-l .box-info2 p{ font-size: 0.9375rem; color: #666; padding: 0.75rem 0 1rem;}
.content-box1 .f-l .box-info2 i{ font-size: 1.125rem;}
.content-box1 .f-r{ width: 30rem;}
.content-box1::after{ content: ''; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; background: linear-gradient(0deg,#f8f8f8,#ffffff);}

.content-box2{ min-height: 37.5rem; padding-bottom: 33.75rem; background: url(../images/bg_3.jpg) bottom no-repeat #F7F7F7; background-size: 100%; position: relative; overflow:hidden;}
.content-box2 .all-more{ background: linear-gradient(90deg,#56daf8,#41aecd); position: absolute; left: 50%; top: 8.125rem; margin-left: -5.625rem; z-index: 2;}
.content-box2 .all-more.active{ opacity: 0 !important; pointer-events: none;}
.content-box2 .center-block{ width: 100%; height: 0; position: relative; background: #F7F7F7; opacity: 0; pointer-events: none; transition: all .6s;}
.content-box2 .center-block.active{ opacity: 1; pointer-events: auto; height: 25rem;}
.content-box2 .center-block .box-info1{ height: 100%;}
.content-box2 .center-block .box-info1 img,.content-box2 .center-block .box-info1 label{ max-width: initial;}
.content-box2 .center-block .box-cen{ height: 100%; position: absolute; left:0; top:0; pointer-events:none; }
.content-box2 .center-block .box-cen .w-1200{ overflow:hidden; }
.content-box2 .center-block .box-info2{width: 18.75rem; float:right; background: rgba(255,255,255,0.85);padding: 0 1rem; pointer-events:auto; position: relative; transition: all .6s; border-radius: 0.5rem 0 0 0.5rem; }
.content-box2 .center-block .box-info2 .between-center{ padding: 1.5rem 0; border-bottom: 1px solid #e8ebf2;}
.content-box2 .center-block .box-info2 .between-center:last-child{ border: none;}
.content-box2 .center-block .box-info2 .between-center img{width: 2.5rem;}
.content-box2 .center-block .box-info2 .between-center div{ flex: 1; padding-left: 0.625rem;}
.content-box2 .center-block .box-info2 .between-center div p{ font-size: 0.875rem; color: #666;}
.content-box2 .center-block .box-info2 .between-center div span{display: block;font-size: 0.9rem;margin-top: 0.3rem;}
.content-box2 .center-block .box-info2 em{ width:2rem; height: 4rem; background:rgba(255,255,255,0.85); border-radius: 1rem 0 0 1rem; position: absolute; right: 100%; top: 50%; margin-top:-2rem; cursor: pointer; }
.content-box2 .center-block .box-info2 em::after{ content:''; border-top: 0.5rem solid transparent; border-bottom: 0.5rem solid transparent;  border-right: 0.5rem solid #B1B1B1; position: absolute; left: 50%; top: 50%; margin: -0.5rem 0 0 -0.25rem; transition: all .6s; }
.content-box2 .center-block .box-info2.active{ transform: translate(95%,0);}
.content-box2 .center-block .box-info2.active em::after{transform: rotate(180deg);}

.content-box3{ background: #f7f7f7; padding: 3.75rem 0 5rem;}
.content-box3 .center-block{ margin-top: 2rem;}
.content-box3 .center-block .box1{ width: 47%; float: left; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #ddd; margin-bottom: 2.5rem;}
.content-box3 .center-block .box1:nth-child(2n){ float: right;}
.content-box3 .center-block .box1 input{ width: 100%; flex: 1; border: none; font-size: 0.9375rem; height: 3.125rem; background: none;}
.content-box3 .center-block .box1 img{ width: 3.5rem; height: 1.5rem; cursor: pointer;}
.content-box3 .center-block textarea{ width: 100%; float: left; background: none; border: none; border-bottom: 1px solid #ddd; font-family: "Arial", "Microsoft Yahei", "微软雅黑", "Microsoft JhengHei", "微软正黑体", sans-serif; font-size: 0.9375rem; height: 7.1875rem; margin-top: 0.5rem; margin-bottom: 3.625rem; }

.about-box1{ padding: 6.875rem 0 0;}
.about-box1 .top-box span{ display: block; font-size: 2.875rem; font-weight: lighter;}
.about-box1 .top-box p{ font-size: 1rem; line-height: 1.6; margin-top: 1rem;}
.about-box1 .lower-box{ position: relative; margin-top: 3rem; padding-bottom: 3rem;}
.about-box1 .lower-box em{ width: 63.875rem; height: 31.6875rem; background: #F3F3F3; position: absolute; left: 50%; bottom: 0; margin-left: -31.9375rem;}
.about-box1 .lower-box div img,.about-box1 .lower-box div video{ width: 100%; height: 100%; object-fit: cover; display: block;}
.about-box1 .lower-box div:nth-child(2){ width: 51.25rem; height: 30rem; float: right; position:relative; z-index:2;}
.about-box1 .lower-box div:nth-child(3){ width: 35rem; height: 22.5rem; float: left; position:relative; z-index:3; margin-top: -19.125rem; position: relative; z-index: 2; }
.about-box1 .lower-box div:nth-child(3)::after{ content: ''; width: 22.5rem; height: 23.3rem; background: #F3F3F3; position: absolute; right: -0.375rem; top: -0.375rem; z-index: -1;}

.about-box2{ padding: 4.375rem 0;}
.about-box2 .f-l,.about-box2 .f-r{ width: 29.375rem; font-size: 0.875rem; color: #666; line-height: 1.8; }

.about-box3.business-box3{ border-top: 1px solid #ebebeb;}
.about-box3.business-box3 .box-info2 .swiper .swiper-slide{ height: 100%;}
.about-box3.business-box3 .box-info2 .swiper .module-content{ align-items: center;}
.about-box3.business-box3 .box-info2 .swiper .module-content a .imgs::after{ display: none;}

.case-box1{ padding-top: 5.625rem; z-index: 20; background: #fff;}
.case-box1 .f-l span{ display: block; font-size: 2.875rem; font-weight: lighter;}
.case-box1 .f-l p{ font-size: 1.5rem; font-weight: lighter; margin-top: 0.5rem;}
.case-box1 .f-r{ display: flex; flex-direction: column; margin-top: 0.5rem;}
.case-box1 .f-r a{ display: flex; margin-bottom: 1.25rem;}
.case-box1 .f-r a span{ font-size: 0.875rem;}
.case-box1 .f-r a i{ font-size: 12px; margin-left: 0.4rem;}
.case-box1 .f-r a.active,.case-box1 .f-r a:hover{ font-weight: bold;}
.case-box1.div-pc .between-top{ padding: 0 2.5rem; }
.case-box1.div-pc{ position: fixed; top: 0; left:0; opacity:0; transition: all .4s; pointer-events: none; background: none; }
.case-box1.div-pc.active{ opacity: 1; }
.case-box1.div-pc .f-r{ pointer-events: auto; width: 13.5rem; }


.case-box2.home-box2{ margin-top: 3.75rem;}
.case-box2.home-box2 .module-content a .imgs::after{ display: none;}
.more-box{ padding: 3.125rem 0;}
.more-box a{ color: #a7a7a7; font-size: 0.9375rem;}
.more-box a:hover{ color: #03949e;}
.case-box3 .all-title{ border-top: 1px solid #EBEBEB; padding-top: 3.125rem;}
.case-box3 .center-block{ display: grid; grid-template-columns: repeat(4, 1fr); padding: 1rem 0 3rem;}
.case-box3 .center-block .center-center{ height: 9rem;}
.case-box3 .center-block .center-center img{ max-width: 80%; max-height: 3.75rem; transition: all .6s;}
.case-box3 .center-block .center-center:hover img{ transform: scale(1.1);}

.case-info1{ padding: 5rem 0;}
.case-info1 .box-info1{ font-size: 0.875rem; color: #666; line-height: 1.8;}
.case-info1 .box-info2{ position: relative; margin: 2rem 0; }

.case-info1 .box-info2 .swiper-button-next,.case-info1 .box-info2 .swiper-button-prev{ position:sticky; top:50%; margin: 0;}
.case-info1 .box-info2 .swiper-button-next:after,.case-info1 .box-info2 .swiper-button-prev:after{ font-size: 5rem; color: #999;}
.case-info1 .box-info2 .swiper{ padding: 0 0 2rem; flex:1; width:80%; }
.case-info1 .box-info2 .swiper .swiper-slide{ padding: 1rem 0; text-align: center;}
.case-info1 .box-info2 .swiper .swiper-slide img{ box-shadow: 0 0 1rem rgba(0,0,0,0.15); max-width: 68.75rem; }
.case-info1 .box-info2 .swiper .swiper-pagination .swiper-pagination-bullet{ width: 0.6875rem; height: 0.6875rem; background: none; border: 1px solid #949699; opacity: 1; margin: 0 0.375rem; transition: all .6s; }
.case-info1 .box-info2 .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #949699;}

.case-info2{ padding: 0 0 4.375rem 0; overflow: hidden;}
.case-info2 .all-title{ border-top: 1px solid #ebebeb; padding-top: 4.375rem;}
.case-info2 .swiper{ overflow: initial;}
.case-info2 .swiper .swiper-slide{ width: 19.125rem; padding: 2rem 0;}
.case-info2 .swiper .swiper-slide a{ width: 100%; float: left; overflow: hidden; border-radius: 0.25rem; box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
.case-info2 .swiper .swiper-slide .imgs{ height: 18.75rem; overflow: hidden;}
.case-info2 .swiper .swiper-slide .imgs img{ width: 100%; height: auto; display: block; transition: all 1s ease-in-out;}
.case-info2 .swiper .swiper-slide .info{ padding: 1.25rem;}
.case-info2 .swiper .swiper-slide .info .box1{ font-size: 0.875rem; font-weight: bold; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.case-info2 .swiper .swiper-slide .info .box2{ font-size: 12px; color: #666; margin-top: 1rem;}
.case-info2 .swiper .swiper-slide .info .box2 span:nth-child(2){ transform: translate(0,3rem); transition: all .4s ease-in-out;}
.case-info2 .swiper .swiper-slide:hover .imgs img{ transform: translateY(-50%);}
.case-info2 .swiper .swiper-slide:hover .info .box2 span:nth-child(2){ transform: translate(0,0);}
.case-info2 .swiper .swiper-button-prev,.case-info2 .swiper .swiper-button-next{ width: 3.75rem; height: 3.75rem; background: #fff; box-shadow: 0 0 1rem rgba(0,0,0,0.1); border-radius: 100%;}
.case-info2 .swiper .swiper-button-prev::after,.case-info2 .swiper .swiper-button-next::after{ font-size: 1.5rem;}

.news-box1{ margin-top: 6.25rem; overflow: hidden;}
.news-box1 .top-box .f-l{ font-weight: lighter;}
.news-box1 .top-box .f-l span{ display: block; font-size: 2.875rem;}
.news-box1 .top-box .f-l p{ font-size: 1.5rem; margin-top: 0.625rem; }
.news-box1 .top-box .f-r{ width: 5.625rem;}
.news-box1 .top-box .f-r svg{ width: 2rem; color: #a1a1a1; cursor: pointer; transition: all .6s;}
.news-box1 .top-box .f-r svg:hover{ color: #03949e;}
.news-box1 .lower-box.swiper{ margin-top: 2.375rem; overflow: initial;}
.news-box1 .lower-box.swiper .swiper-slide{ width: 42.5rem; height: 28.125rem;}
.news-box1 .lower-box.swiper .swiper-slide a{ width: 100%; height: 100%; float: left; position: relative; overflow: hidden; cursor: grab; }
.news-box1 .lower-box.swiper .swiper-slide a:active{ cursor: grabbing;}
.news-box1 .lower-box.swiper .swiper-slide a .box1{ width: 4.375rem; text-align: center; padding: 0.75rem 0; background: #01b0f6; color: #fff; position: absolute; left: 0.875rem; top: 0.875rem; z-index: 2; font-size: 0.875rem; }
.news-box1 .lower-box.swiper .swiper-slide a .box1 span{ font-size: 1.5rem; font-weight: bold;}
.news-box1 .lower-box.swiper .swiper-slide a .box2{ width: 100%; height: 100%;}
.news-box1 .lower-box.swiper .swiper-slide a .box2 img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s; }
.news-box1 .lower-box.swiper .swiper-slide a .box3{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; padding: 1.5rem 1.75rem; color: #fff;}
.news-box1 .lower-box.swiper .swiper-slide a .box3 span{ display: block; font-size: 1.25rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.news-box1 .lower-box.swiper .swiper-slide a .box3 p{ font-size: 0.875rem; opacity: 0.7; margin-top: 0.5rem; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news-box1 .lower-box.swiper .swiper-slide a::after{ content: ''; width: 100%; height: 65%; position: absolute; left: 0; bottom: 0; background: linear-gradient(0deg,rgba(1,44,47,0.5),rgba(0,0,0,0));}
.news-box1 .lower-box.swiper .swiper-slide a:hover .box2 img{ transform: scale(1.1);}

.news-box2 .top-box{ margin-top: 5.625rem;}
.news-box2 .top-box span{display: block; font-size: 2.875rem; font-weight: lighter;}
.news-box2 .lower-box ul{ display: grid; grid-template-columns: repeat(3, 1fr); gap:1.875rem; padding: 1.5rem 0; }
.news-box2 .lower-box ul li{ width: 100%; float: left;;}
.news-box2 .lower-box ul li a{ width: 100%; float: left;}
.news-box2 .lower-box ul li a .imgs{ height: 15.625rem; overflow: hidden; }
.news-box2 .lower-box ul li a .imgs img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s; }
.news-box2 .lower-box ul li a .info{ padding: 1.5rem 0.5rem; position: relative;}
.news-box2 .lower-box ul li a .info::after{ content: ''; width: 0; height: 1px; background: #cecece; position: absolute; left: 0; bottom: 0; transition: all .6s;}
.news-box2 .lower-box ul li a .info span{ font-size: 1.25rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.news-box2 .lower-box ul li a .info p{ font-size: 0.875rem; color: #666; line-height: 1.8; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 3.125rem; margin: 0.875rem 0 0; }
.news-box2 .lower-box ul li a .info i{ display: block; font-size: 0.875rem; color: #03949e; margin-top: 2rem;}
.news-box2 .lower-box ul li a:hover .imgs img{ transform: scale(1.1);}
.news-box2 .lower-box ul li a:hover .info::after{ width: 100%;}

.news-info1{ padding: 5rem 0 4rem;}
.news-info1 .box-info1{ padding-right: 20%;}
.news-info1 .box-info1 span{ display: block; font-size: 4rem;}
.news-info1 .box-info1 p{ font-size: 1.5rem; text-align: justify; padding: 2rem 0; line-height: 1.8; color: #666; }
.news-info1 .box-info1 i{ display: block; font-size: 1.25rem; color: #999;}
.news-info1 .box-info2{ margin-top: 3rem;} 
.news-info1 .box-info2 img{ width: 100%; display: block;}
.news-info2{ padding-bottom: 5rem;}
.news-info2 .f-l,.news-info2 .f-r{ width: 16.875rem;}
.news-info2 .f-c{ width: 100%; flex: 1; padding: 0 2rem; }
.news-info2 .f-l ul{ width: 100%; position: sticky; top: 5rem;}
.news-info2 .f-l ul li{ display: block; padding: 0.5rem 1rem; position: relative; cursor: pointer; font-size: 1rem; transition: all .6s;}
.news-info2 .f-l ul li::after{ content: ''; width: 0.3125rem; height: 0.3125rem; border-radius: 100%; position: absolute; left: 0; top: 50%; margin-top: -0.1rem; background: #03949e; opacity: 0; transition: all .6s; }
.news-info2 .f-l ul li.active,.news-info2 .f-l ul li:hover{ color: #03949e;}
.news-info2 .f-l ul li.active::after{ opacity: 1;}
.news-info2 .f-c{ font-size: 1rem; color: #666; line-height: 1.8; }
.news-info2 .f-r .box-info1{ background: #f6f6f6;}
.news-info2 .f-r .box-info1 .box1{ height: 9rem; overflow: hidden; }
.news-info2 .f-r .box-info1 .box1 img{ width: 100%; height: 100%; display: block; object-fit: cover; }
.news-info2 .f-r .box-info1 .box2{ padding: 1.5rem;}
.news-info2 .f-r .box-info1 .box2 span{ display: block;}
.news-info2 .f-r .box-info1 .box2 p{ font-size: 0.875rem; margin-top: 0.6rem; line-height: 1.6; color: #666; }
.news-info2 .f-r .box-info1 .box2 a{ display: inline-block; margin-top: 1rem; color: #666; font-size: 0.875rem;}
.news-info2 .f-r .box-info1 .box2 a:hover{ color: #03949e;}
.news-info2 .f-r .box-info2{ position: sticky; top: 5rem; text-align: center; margin-top: 2rem;}
.news-info2 .f-r .box-info2 .box1{ margin-top: 0.5rem;}
.news-info2 .f-r .box-info2 .box2{ margin-top: 0.5rem;}
.news-info2 .f-r .box-info2 .box2 a{ margin: 0 0.5rem;}

.share-box{ width:3rem; position:fixed; right:0; top:47rem; z-index:999; }
.share-box a{ width:100%; height:3rem; float:left; background-repeat:no-repeat; background-position:center; background-size:auto 1.5rem; position: relative; transition: all .3s; }
.share-box a.icon1{ background-color:#32b1d1; background-image:url(../images/sp_2.png);}
.share-box a.icon2{ background-color:#4fbed7; background-image:url(../images/sp_1.png);}
.share-box a.icon3{ background-color:#63c7dd; background-image:url(../images/sp_3.png); opacity:0;pointer-events: none;}
.share-box a.icon3.active{ opacity:1; pointer-events: auto; }
.share-box a p{ width:7.5rem; height:7.5rem; position: absolute; right: 4rem; top:50%; margin: -3.75rem 0 0 0; background:#fff; box-shadow:0 0 1rem rgba(0,0,0,0.06); pointer-events: none; opacity:0; transform: translate(-2rem,0); transition: all .3s; padding: 0.5rem; }
.share-box a p::after{ content:''; border-top: 0.5rem solid transparent; border-bottom:0.5rem solid transparent; border-left: 0.5rem solid #fff; position: absolute; left:100%; top:50%; margin-top:-0.5rem; }
.share-box a p img{ width:100%; height: 100%; object-fit: contain; display:block; }
.share-box a:hover{ transform: scale(1.1); z-index:2; }
.share-box a:hover p{ opacity:1; transform: translate(0,0); }


/* 屏幕分辨率放大为 125 */
@media (-webkit-min-device-pixel-ratio: 1.25) {
  /* html,body {zoom:0.9} */
}
/* 屏幕分辨率放大为 150 */
@media (-webkit-min-device-pixel-ratio: 1.5) {
  /* html,body {zoom:0.8} */
}

/* 小于等于多少高度的样式 */
@media screen and (max-height:700px){
  .head-box .head-menu>.center-center{ display: block;}
}
@media screen and (max-height:600px){
  
}
/* 小于等于多少宽度的样式 */
@media screen and (max-width:1800px){
  body,html{ font-size: calc(100vw / 120);}
}
@media screen and (max-width:1440px){
	/* body,html{ font-size: calc(100vw / 100);} */
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1180px){
}
@media screen and (max-width:1024px){
  html,body{ font-size: 78%;}
  .w-90{ width: 90% !important;}
  .w-900,.w-1100,.w-1200,.w-1400,.w-1600,.w-1300,.w-1500{ width:90% !important;}
  .div-pc{ display: none;}
  .div-phone{ display: block;}
	.fanye-box{ padding: 1.5rem 0;}
	.fanye-box a,.fanye-box span{ width: 2.3rem; height: 2.3rem; line-height: 2.3rem; margin: 0 0.2rem;}
  .fanye-box .prev, .fanye-box .next{ line-height: 2.2rem;}
  
  .head-btn{ display: block;}
  .head-box,.head-box.active{ padding: 0;}
  .head-box .w-1200{ height: 4rem;}
  .head-box .head-tel{ font-size: 1.3rem; border-left: none; border-left: none; border-right: 1px solid; padding: 0 1.5rem 0 1.3rem; margin: 0 1.5rem 0 0; background-position: left; background-size: auto 1rem; }
  .head-box .head-menu{ width: 100%; height: calc(100vh - 4rem); position: fixed; left: 0; top: 4rem; pointer-events: none; opacity: 0; transition: all .6s; transform: translate(0,2rem); background: rgba(255,255,255,0.5); backdrop-filter: blur(12px);}
  .head-box .head-menu ul li{ width: 100%; margin: 1.5rem 0 0; text-align: center;}
  .head-box .head-menu ul li span a{ color: #303030; font-size: 1.3rem; height: auto; line-height: normal;}
  .head-box .head-menu.active{ pointer-events: auto; opacity: 1; transform: translate(0,0);}
  
  .home-box1{ height: 100vh; padding: 1rem;}
  .home-box1 .swiper .swiper-slide .center-center{ padding-bottom: 3rem;}
  .home-box1 .swiper .swiper-slide .center-center .box1{ font-size: 2.3rem;}
  .home-box1 .swiper .swiper-slide .center-center .box2{ font-size: 1.2rem;}
  .home-box1 .swiper-box{ bottom: 6rem;}
  .home-box1 .swiper .swiper-slide .center-center.style2 .box1{ font-size: 2.3rem; }
  .home-box1 .swiper .swiper-slide .center-center.style2 .box2{ font-size: 1rem; }
  
  
  .module-content .content_list li{ width: 50%; margin-right: 0;}
  .module-content a .imgs::after{ display: none;}
  .module-content .content_list li.grid-sizer { width: 50%;}
  
  .home-box2{ margin-top: -7rem;}
  .home-box2 .top-box{ padding: 1rem 0; }
  .home-box2 .lower-box,.home-box3::after{ display: none;}
  
  .home-box3{ padding: 2rem 0; overflow: hidden;}
  .home-box3 .w-1200{ display: block;}
  .home-box3 .f-r{ display: none;}
  .home-box3 .f-l{ width: 100%;}
  .home-box3 .f-l .box2,.home-box3 .f-l .box3{ margin-top: 1rem;}
  
  .home-box4>.between-center{ width: 100%; display: block;}
  .home-box4 .f-l{ padding: 2rem 5%;}
  .home-box4 .f-r{ width: 100%; border: none;}
  .home-box4 .f-r::after,.home-box4 .f-r::before,.home-box4 .f-r em{ display: none;}
  .home-box4 .f-r ul li{ width: 100%; height: auto; border-top: 1px solid rgba(255,255,255,0.1); padding: 2rem;}
  .home-box4 .f-r ul li .box1{ height: 6rem;}
  .home-box4 .f-r ul li .box4{ border-radius: 50px; border-color: #fff; color: #fff;}
  
  .home-box5{ padding: 2rem 0;}
  .home-box5 .lower-box{ margin: 0; display: block;}
  .home-box5 .lower-box .f-l{ width: 100%; margin-top: 1.5rem; height: 22rem;}
  .home-box5 .lower-box .f-r{ width: 100%; margin-top: 1.5rem;}
  .home-box5 .lower-box .f-r ul li a{ padding: 1.5rem 0;}
  .home-box5 .lower-box .f-r ul li .box1{ padding-right: 1rem;}
  .home-box5 .lower-box .f-r ul li .box1 p{ margin-top: 1rem;}
  
  .home-box6{ padding: 2rem 0;}
  .home-box6::after{ display: none;}
  .home-box6 .cen-box{ display: block; margin: 0;}
  .home-box6 .cen-box .f-l,.home-box6 .cen-box .f-r{ width: 100%; margin-top: 1.5rem; padding: 0;}
  .home-box6 .cen-box .f-l .box2{ margin-top: 1rem; line-height: 1.8;}
  .home-box6 .cen-box .f-l .box3{ margin-top: 1rem;}
  .home-box6 .lower-box{ margin-top: 2rem;}
  .social-share .icon-wechat .wechat-qrcode{ right: auto !important; left: 0 !important; transform: translate(0,0) !important;}
  
  .page-banner{ height: 20rem;}
  
  .business-box1{ padding: 2rem 0;}
  .business-box1 .top-box{ display: block;}
  .business-box1 .top-box .f-l,.business-box1 .top-box .f-r{ width: 100%;}
  .business-box1 .top-box .f-l .box1{ font-size: 2rem;}
  .business-box1 .top-box .f-l .box2,.business-box1 .top-box .f-l .box3{ margin-top: 0.5rem;}
  .business-box1 .top-box .f-r{ margin-top: 1rem;}
  .business-box1 .top-box .f-r ul{ flex: none;}
  .business-box1 .top-box .f-r div{ width: 18rem; height: 12.5rem; }
  .business-box1 .cen-box{ margin-top: 1.5rem; padding-bottom: 1.5rem;}
  .business-box1 .cen-box em{ width: 80%; margin-left: -40%;}
  .business-box1 .lower-box{ margin-top: 1.5rem;}
  
  .business-box2 .swiper .swiper-slide{ padding: 2rem 0;}
  
  .business-box3{ padding: 2rem 0;}
  .business-box3 .box-info2{ margin-top: 1.5rem;}
  .business-box3 .box-info2 .mouse-zone{ display: none;}
  .business-box3 .box-info2 .swiper .swiper-wrapper{ width: auto; transition-timing-function: initial;}
  .business-box3 .box-info2 .swiper .swiper-slide{ margin: 0;}
  .business-box3 .box-info2 .swiper #marqueeContent{ padding: 0 5%;}
  
  .business-box3 .box-info3{ display: none;}
  .business-box3 .box-info2 .swiper .module-content a .imgs{ height: 25rem;}
  .business-box3 .box-info2 .swiper .module-content a .imgs img{ height: auto;}
  
  .foot-box{ padding: 2rem 0;}
  .foot-box p span{ display: block;}
  .foot-box p span+span{ margin: 0.2rem 0 0;}
  
  .content-box1{ padding: 2rem 0;}
  .content-box1 .w-1200{ display: block;}
  .content-box1 .f-l{ width: 100%; padding: 0;}
  .content-box1 .f-l .box-info1 span{ font-size: 2.2rem;}
  .content-box1 .f-l .box-info2{ margin-top: 1.5rem;}
  .content-box1 .f-r{ width: 100%; margin-top: 1.5rem; display: none;}
  
  .content-box2{ background-size: auto 30rem; min-height: 25rem; padding-bottom: 27.75rem;}
  .content-box2 .center-block .box-info2{ position: relative; left: 0; top: 0; transform: translate(0,0); width: 100%; float: left; margin-top: 1rem; display: none;}
  .content-box2 .center-block.active{ height: 25rem; }
  
  .content-box3{ padding: 2rem 0;}
  .content-box3 .center-block{ margin-top: 0.5rem;}
  .content-box3 .center-block .box1{ margin-bottom: 1rem;}
  .content-box3 .center-block textarea{ margin-bottom: 1.5rem;}
  
  .about-box1{ padding: 2rem 0 0;}
  .about-box1 .top-box span{ font-size: 2.2rem;}
  .about-box1 .lower-box{ margin-top: 1.5rem; padding-bottom: 1.5rem;}
  .about-box1 .lower-box div:nth-child(2){ width: 18rem; height: 10rem;}
  .about-box1 .lower-box div:nth-child(3){ width: 12.5rem; height: 7rem; margin-top: -6rem;}
  .about-box1 .lower-box div:nth-child(3)::after{ width: 7rem; height: 7rem;}
  .about-box1 .lower-box em{ width: 80%; height: 87%; left: 10%; margin: 0;}
  .about-box2{ padding: 2rem 0;}
  .about-box2 .f-l, .about-box2 .f-r{ width: 100%;}
  .about-box2 .f-r{ margin-top: 1.5rem;}
  
  .about-box3.business-box3 .box-info2 .swiper .module-content a .imgs{ height: 20rem;}
  .about-box3.business-box3 .box-info2 .swiper .module-content a .imgs img{ height: 100%; object-fit: cover;}
  
  .case-box1{ padding-top: 2rem; top: 3rem;}
  .case-box1 .f-l span{ font-size: 2.2rem;}
  .case-box1 .f-l p{ font-size: 1.2rem;}
  .case-box1 .f-r{ width: 100%; flex-direction: initial; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-justify-content: space-between; -webkit-align-items: center; margin-top: 1rem; }
  .case-box1 .f-r a{ margin-bottom: 1rem;}
  .case-box1 .w-1200{ display: block; }
  .case-box2.home-box2{ margin-top: 1.5rem;}
  .more-box{ padding: 1.5rem 0;}
  .case-box3 .all-title{ padding-top: 1.5rem;}
  .case-box3 .center-block{ padding: 1rem 0; grid-template-columns: repeat(2, 1fr);}
  .case-box3 .center-block .center-center{ height: 4.5rem;}
  .case-box3 .center-block .center-center img{ max-height: 2.5rem;}
  
  .case-info1{ padding: 2rem 0;}
  .case-info1 .box-info2 .swiper .swiper-slide{ padding: 2rem 0;}
  .case-info1 .box-info2 .swiper .swiper-slide img{ max-width: 50%; }
  .case-info1 .box-info2 .swiper-button-next:after, .case-info1 .box-info2 .swiper-button-prev:after{ font-size: 3rem;}
  
  .case-info2{ padding: 0 0 2rem;}
  .case-info2 .all-title{ padding-top: 2rem;}
  
  .news-box1{ margin-top: 2rem;}
  .news-box1 .top-box .f-l{ width: 70%;}
  .news-box1 .top-box .f-l span{ font-size: 2.2rem;}
  .news-box1 .top-box .f-l p{ font-size: 1.2rem;}
  .news-box1 .lower-box.swiper .swiper-slide{ width: 100%; height: 21rem;}
  
  .news-box2 .top-box{ margin-top: 2rem;}
  .news-box2 .top-box span{ font-size: 2.2rem;}
  .news-box2 .lower-box ul{ display: block;}
  
  .news-info1{ padding: 2rem 0;}
  .news-info1 .box-info1{ padding: 0;}
  .news-info1 .box-info1 span{ font-size: 2.2rem;}
  .news-info1 .box-info1 p{ font-size: 1.2rem; padding: 1rem 0;}
  .news-info1 .box-info1 i{ font-size: 1rem;}
  .news-info1 .box-info2{ margin-top: 1.5rem;}
  .news-info2{ padding-bottom: 2rem;}
  .news-info2 .w-1200{ display: block;}
  .news-info2 .f-c{ float: left; padding: 1.5rem 0;}
  .news-info2 .f-l, .news-info2 .f-r{ width: 100%;}
  .news-info2 .f-r .box-info2{ margin-top: 1rem;}
  .news-info2 .f-r .box-info1 .box1{ height: auto;}
  
  .share-box a.icon1{ display:none;}
  
}
@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
}
@media screen and (max-width:365px){
}