@charset "UTF-8"; @font-face { font-family: "Montserrat-Bold"; src: url("../fonts/Montserrat-SemiBold.ttf") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff"), url("../fonts/Montserrat-SemiBold.woff2") format("truetype"), url("../fonts/Montserrat-SemiBold.eot") format("embedded-opentype"), url("../fonts/Montserrat-SemiBold.woff2") format("svg"); } @font-face { font-family: "Barlow"; src: url("../fonts/Barlow-Regular.ttf") format("woff2"), url("../fonts/Barlow-Regular.ttf") format("woff"), url("../fonts/Barlow-Bold.ttf") format("truetype"), url("../fonts/Barlow-Italic.ttf") format("embedded-opentype"), url("../fonts/Barlow-Italic.ttf") format("svg"); } @font-face { font-family: 'Barlow-Bold'; src: url('../fonts/Barlow-Bold.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Barlow-Regular'; src: url('../fonts/Barlow-Regular.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat-Regular'; src: url('../fonts//Montserrat-Regular.eot'); src: local('☺'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat-Extra-Bold'; src: url('../fonts/Montserrat-Extra-Bold.eot'); src: local('☺'), url('../fonts/Montserrat-Extra-Bold.woff') format('woff'), url('../fonts/Montserrat-Extra-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Extra-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat-Light'; src: url('../fonts/Montserrat-Light.eot'); src: local('☺'), url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'), url('../fonts/Montserrat-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat-Bold'; src: url('../fonts/Montserrat-Bold.eot'); src: local('☺'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } .header.on{box-shadow: 0 0 13px rgba(0,0,0,.1); display:none;} img {max-width: 100%;max-height:100%;} /* 首页标题 */ .title{text-align: left; display: block; padding:90px 0 66px 0;} .title a{font-size:58px; font-family: "hwb"; font-weight: 800; letter-spacing:-0.5px; background-image: linear-gradient(55deg, #3f3f3f 0%, #2d2d2d 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .title a:hover{ text-decoration:none; background-image: linear-gradient(55deg, #0a17be 0%, #585ea8 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .title h2{font-size: 48px;color: #444;font-weight: bold; margin-top: -42px; position: relative; z-index: 2;} .title p{/*text-transform: uppercase;*/ color: rgba(62,170,152,0.2); font-size: 66px; position: relative; z-index: 1; font-weight: bold;} @media(max-width: 1510px) { .title h2 { font-size: 42px; } } @media(max-width: 1410px) { .title h2 { font-size: 40px; } .title p { font-size: 58px; } } @media(max-width: 991px) { .title { text-align: center; } } @media(max-width: 767px) { .title h2 { font-size: 36px;margin-top: -36px; } .title p { font-size: 48px; } } @media(max-width: 500px) { #banner .swiper-pagination-bullet-active::after { display: none; } .title p { font-size: 36px; } .title h2 { font-size: 26px;margin-top: -24px; } } } /* index */ .banner {position: relative;} .index-banner-swiper {position: relative; z-index:1;} .banner-slide {} .banner-slide .txt{position: absolute; left: 10%;top:28%;/*margin-top: -167px*/;z-index: 33;} .banner-slide .txt h2{font-size:2.6vw;color: #fff;margin: 0;padding: 0;padding-bottom:20px; position: relative;text-transform: uppercase;font-weight:normal;} .banner-slide .txt h3{font-size:2.9vw; color: #fff;margin: 0;padding: 0;padding-bottom:20px; position: relative;text-transform: uppercase; font-family: 'Montserrat-Extra-Bold',Microsoft Yahei,Arial;} .banner-slide .txt .line {width: 80px;height:2px;background: #fff;margin: 10px 0;} .banner-slide .txt h4{font-size:1.1vw;color: #fff;padding:30px 0;margin:0;font-weight: normal;line-height: 30px; font-family: 'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;} .banner-slide .txt.center {text-align: center;width:100%;left:0;top:5vw;margin: 0;} .banner-slide .txt.center h1{font-size:3.3vw; color:#0a17be; font-weight:bold; margin-top:6%; font-family: 'Montserrat-Extra-Bold',Microsoft Yahei,Arial; padding-bottom:18px;text-transform: uppercase; } .banner-slide .txt.center h6{ color:#0b141b; font-size:1.2vw; font-weight:normal; letter-spacing:1px;text-transform: uppercase; font-family: 'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;} .banner-slide .txt.none {display: none;} .banner-slide .txt.right {text-align: right;left: auto;right: 10%;} .banner-slide .txt.right .line {float: right;clear: both;} .banner-slide .txt.right .banner-btn a {display: inline-block;vertical-align: middle;float: none;text-align: right;margin-right:0px;margin-left: 15px;} .banner-slide .img {text-align: center;} .banner-slide .txt .img {text-align: left; margin-top:2%;} .banner-btn {clear: both;} .banner-btn a{display: block;float: left;margin-right: 15px;padding:15px 20px;font-size: 0;background:#f5950c;} .banner-btn a span{color: #fff;font-size:15px;display: inline-block;vertical-align: middle;margin-right: 10px;} .banner-btn a i{display: inline-block;vertical-align: middle;width: 18px;height: 10px;background:url("//memberpic.114my.cn/lianpeng2/uploadfile/image/20230609/20230609151630_920153930.png");} .banner-btn a:hover {background: #fb4201;} .banner-slide .txt h3 {transform:translateY(200px);opacity:0;transition:all .6s;} .banner-slide .txt h4 {transform:translateY(200px);opacity:0;transition:all 0.6s;} .banner-slide .txt h2 {transform:translateY(200px);opacity:0;transition:all .3s;} .banner-slide .txt h1 {transform:translateY(200px);opacity:0;transition:all .3s;} .banner-slide .txt h6 {transform:translateY(200px);opacity:0;transition:all .6s;} .banner-slide .center h2 {transform:translateY(200px);opacity:0;transition:all 0.3s;} .banner-slide .center h6 {transform:translateY(200px);opacity:0;transition:all 0.6s;} .banner-slide .txt .line {transform:translateY(200px);opacity:0;transition:all 0.9s;} .banner-slide .txt .banner-btn {transform:translateY(200px);opacity:0;transition:all 1.2s;} .index-banner-swiper .swiper-slide-active .txt h4,.index-banner-swiper .swiper-slide-active .txt h2,.index-banner-swiper .swiper-slide-active .txt h1,.index-banner-swiper .swiper-slide-active .txt h6,.index-banner-swiper .swiper-slide-active .txt h3,.banner-slide .txt.center h2,.banner-slide .center h6,.index-banner-swiper .swiper-slide-active .txt .line,.index-banner-swiper .swiper-slide-active .banner-btn,.banner-slide .txt.center h2,.banner-slide .txt.center h{transform:translateY(0px);opacity:1;} .swiper-banner-pagination {bottom:60px;width: 100%; display: block;z-index: 90;} .swiper-banner-pagination .swiper-pagination-bullet {width:60px;height:10px;margin:0 0 0 10px;border-radius: 0;opacity:1;background: none; position: relative;z-index: 11;outline: none;} .swiper-banner-pagination .swiper-pagination-bullet::before {content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0;top:5px;background: #fff;opacity: 1;} .swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity: 1;} .swiper-banner-pagination .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left:0;top:5px;width:0;height: 2px;background: #0a17be;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;z-index: 10;} .swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {-webkit-animation: w100 4000ms 1;animation: w100 4000ms 1;} @keyframes w100{0%{width: 0%;} 100%{width: 100%;}} .index-scroll {position:absolute;left:1%;top:85%;z-index:70;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);} .index-scroll h6{margin: 0;font-weight: normal;font-size: 0;position: relative;padding-bottom:7px;padding-left: 30px;} .index-scroll h6::after {content: '';display: block;width: 100%;height: 1px;background: #fff;position: absolute;bottom: 0;left: 0;-webkit-animation: w100 3000ms infinite ease-in-out;animation: w100 3000ms infinite ease-in-out;} .index-scroll h6 span{font-size: 12px;color: #fff;text-transform: uppercase;letter-spacing: 1px; margin-right: 10px;display: inline-block;vertical-align: middle;} .index-scroll h6 i{width: 12px;height: 10px; background: url("//memberpic.114my.cn/lianpeng2/uploadfile/image/20230609/20230609151610_2076256435.png");display: inline-block;vertical-align: middle;-webkit-animation: op01 1000ms infinite ease-in-out;animation: op01 1000ms infinite ease-in-out;} @keyframes op01{0%{opacity: 0;}100%{opacity: 1;}} /*产品*/ .nov-image .block{position:relative} .nov-image .block .thumb-nov-imgae{display:block;overflow:hidden;position:relative;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0); border-radius:18px;} .nov-image .block .thumb-nov-imgae>img{-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;display:block;width:100%} .nov-image .block .thumb-nov-imgae:before,.nov-image .block .thumb-nov-imgae:after{position:absolute;top:0;left:0;bottom:0;right:0;content:"";background:rgba(0,0,0,.1);opacity:0;z-index:1;transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s} .nov-image .block .content-banner{position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;padding:50px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between} .nov-image .block .content-banner .banner-infor .content-text{text-align:left} .nov-image .block .content-banner .banner-infor .content-text h4{font-size:3rem;font-family:"Yellowtail",cursive;color:#0a17be;text-shadow:5px 0 10px rgba(0,0,0,.6);margin-bottom:9px} .nov-image .block .content-banner .banner-infor .content-text h9{font-size:3rem;color:#fff;text-shadow:5px 0 10px rgba(0,0,0,.6);line-height:1; font-family: 'hlw'; font-weight:800; position: relative;} .nov-image .block .content-banner .banner-button .button-image{height:46px;min-width:46px;background:#0a17be;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-border-radius:46px;-moz-border-radius:46px;-ms-border-radius:46px;-o-border-radius:46px;border-radius:46px;text-decoration:none;-webkit-transition:all 0.55s ease;-moz-transition:all 0.55s ease;-ms-transition:all 0.55s ease;-o-transition:all 0.55s ease;transition:all 0.55s ease} .nov-image .block .content-banner .banner-button .button-image span{color:#fff; font-size:14px; letter-spacing:1.8px; -webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;display:none; font-family: "hwb"; text-transform: uppercase;} .nov-image .block .content-banner .banner-button .button-image i{font-size:24px;color:#fff;} .nov-image .block .content-banner .banner-button .button-image:hover{padding-left:25px;padding-right:25px} .lang-rtl .nov-image .block .content-banner .banner-button .button-image:hover{padding-left:25px;padding-right:25px} .nov-image .block .content-banner .banner-button .button-image:hover span{display:block} .nov-image .block .content-banner .banner-button .button-image:hover i{margin-left:6px;margin-right:0} .lang-rtl .nov-image .block .content-banner .banner-button .button-image:hover i{margin-left:0;margin-right:6px} @media (max-width:1440px){.nov-image .block .content-banner{padding:28px} .nov-image .block .content-banner .banner-infor .content-text{text-align:left} .nov-image .block .content-banner .banner-infor .content-text h4{font-size:2.8rem} .nov-image .block .content-banner .banner-infor .content-text h9{font-size:2.8rem}}@media (max-width:1199px){.nov-image .block .content-banner .banner-infor .content-text{text-align:left} .nov-image .block .content-banner .banner-infor .content-text h4{font-size:2rem} .nov-image .block .content-banner .banner-infor .content-text h9{font-size:2.4rem}}@media (max-width:991px){.nov-image .block .content-banner .banner-button{display:none}}.nov-image .block:hover .thumb-nov-imgae>img{-webkit-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15);transform:scale(1.15,1.15)} .nov-image .block:hover .thumb-nov-imgae:before{opacity:1;top:50%;bottom:50%} .nov-image .block:hover .thumb-nov-imgae:after{opacity:1;left:50%;right:50%} .mb-30 {margin-bottom: 30px!important;} .nov-image .block .content-banner .banner-infor .content-text a h9:after{content: ''; width: 0; position: absolute; bottom:-8px; height: 1px; background: #fff; left: 0; /* opacity: 0; */ transition: 1s;} .nov-image .block .content-banner .banner-infor .content-text:hover>a h9:after{transform: scale(1); height: 1px; width: 100%;} /*优势*/ #advantage { padding:70px 0 145px 0; display: block;overflow: hidden; position: relative; z-index: 1; background: url(../images/ysbg.jpg)no-repeat right; border-radius: 18px;} #advantage .advantage_nr { display: flex; overflow: hidden; } #advantage .advantage_nr .advantage_btn { flex: 1; padding-top:90px; margin-left:50px;} #advantage .advantage_nr .advantage_btn a { display: block; margin-bottom:18px; padding:2% 2% 4% 0; width:49%; float:left;} #advantage .advantage_nr .advantage_btn a .box { display: flex; align-items: center; background: #fff; border-radius: 100px; position: relative; transition: all 0.5s; overflow:hidden; } #advantage .advantage_nr .advantage_btn a .box::after { content: '';display: block;position: absolute;width: 0;height: 100%;border-radius: 100px;top: 0;left: 0A4F; background: linear-gradient(to right,#585ea8,#b4ccf1); transition: all .5s ease; z-index: 1; } #advantage .advantage_nr .advantage_btn a .box dt { flex: 0.34; position: relative; z-index: 2;} #advantage .advantage_nr .advantage_btn a .box dt img { max-width: 110px; display: block; border:4px solid #eaeaea; border-radius: 50%; transition: all 0.5s;} #advantage .advantage_nr .advantage_btn a .box .desc { flex: 0.65; position: relative; z-index: 2;} #advantage .advantage_nr .advantage_btn a .box .desc p { font-size: 24px; font-weight: bold; color: #444444; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #advantage .advantage_nr .advantage_btn a .box .desc span { font-size:21px; color:#444; display: block; line-height: 2; font-family:"hwb"; text-transform: capitalize; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #advantage .advantage_nr .advantage_btn a.on .box::after { width: 100%;} #advantage .advantage_nr .advantage_btn a.on .box dt img { border:4px solid #585ea8;transform: rotate(360deg); } #advantage .advantage_nr .advantage_btn a.on .box .desc p { color: #fff; } #advantage .advantage_nr .advantage_btn a.on .box .desc span { color: #fff; } #advantage .advantage_nr ul { flex: 1; } #advantage .advantage_nr ul li { padding-left:30px; margin-top:60px; display: none; } #advantage .advantage_nr ul li:first-child {display: block; } #advantage .advantage_nr ul li .box_desc { display: block; } #advantage .advantage_nr ul li .box_desc .t { display: block; overflow: hidden;} #advantage .advantage_nr ul li .box_desc .t .t_l { float: left; display: block; font-size: 126px; font-weight: bold; color: #fff;line-height: normal; } #advantage .advantage_nr ul li .box_desc .t .t_r { float: left; display: block; margin-top:34px; font-family:"hwb";} #advantage .advantage_nr ul li .box_desc .t .t_r p { font-size:46px; font-weight: bold; color: #0a17be; display: block; text-transform: uppercase; letter-spacing:0.4px; text-shadow: 5px 0 10px rgb(255, 255, 255);} #advantage .advantage_nr ul li .box_desc .t .t_r span { padding-left: 24px; padding-right: 24px; display:inline-block; line-height: 35px; background: #bad618; color: #fff; font-size: 18px;} #advantage .advantage_nr ul li .box_desc .list { font-size:17px; font-weight:lighter; display: block; padding-right:50px; color:#333; margin-top:30px; line-height: 2; text-transform: capitalize;} #advantage .advantage_nr ul li .box_desc a { width: 168px; display: block; line-height:50px; text-align:center; font-family: "hwb"; text-transform: uppercase; letter-spacing:1.8px; border-radius:35px; font-size:14px; color: #fff; background: #0a17be; position: relative; margin-top:30px; } #advantage .advantage_nr ul li .box_desc a::after {position: absolute; content: ''; width: 15px; height: 16px; display: block;/* background: url(../images/right.png)no-repeat center;*/ top: 50%; transform: translateY(-50%); right:24px; } @media(max-width: 1510px) { #advantage { padding:50px 0 130px 0; } #advantage .advantage_nr ul li { padding-left: 50px;padding-right: 50px; } #advantage .advantage_nr ul li .box_desc .t .t_l { font-size: 106px; } #advantage .advantage_nr ul li .box_desc .t .t_r p { font-size: 36px; } #advantage .advantage_nr ul li .box_desc .t .t_r span { font-size: 16px; } #advantage .advantage_nr ul li .box_desc .t .t_r {margin-top: 40px;} #advantage .advantage_nr .advantage_btn a .box .desc p { font-size: 22px; } #advantage .advantage_nr .advantage_btn a .box .desc { padding-left:5px; } #advantage .advantage_nr .advantage_btn a .box .desc span {font-size:19px;} #advantage .advantage_nr ul li .box_desc .list { margin-top: 20px; font-size:15px; padding-right:1px; } #advantage .advantage_nr ul li .box_desc a { margin-top:27px; } } @media(max-width: 1410px) { #advantage .advantage_nr .advantage_btn a .box .desc span { width: 70%; font-size:19px; } } @media(max-width: 1310px) { #advantage .advantage_nr ul li { padding-left: 30px; padding-right: 30px; } #advantage .advantage_nr ul li .box_desc a { font-size: 16px;padding-left: 40px; } #advantage .advantage_nr .advantage_btn a .box .desc p { font-size: 18px; } #advantage .advantage_nr .advantage_btn a .box .desc span { width: 60%; font-size:18px;} #advantage .advantage_nr ul li .box_desc .t .t_r p { font-size: 30px; } #advantage .advantage_nr ul li .box_desc .t .t_r { margin-top: 15px; } #advantage { padding: 50px 0 100px 0 } } @media(max-width: 1199px) { #advantage { padding: 30px 0 80px 0; } #advantage .advantage_nr .advantage_btn { flex: 0.6; } #advantage .advantage_nr ul { flex: 0.4; } #advantage .advantage_nr .advantage_btn a { } #advantage .advantage_nr ul li { padding-left: 15px; } #advantage .advantage_nr ul li .box_desc .t .t_l { font-size: 90px; } } @media(max-width: 991px) { #advantage .advantage_nr { display: block; } #advantage .advantage_nr .advantage_btn { display: block; overflow: hidden; width: 100%; } #advantage .advantage_nr .advantage_btn a .box { display: block; border-radius: 0px;} #advantage .advantage_nr .advantage_btn a .box dt { display: none; } #advantage .advantage_nr .advantage_btn a .box .desc { width: 100%; display: block;padding-top: 15px; padding-bottom: 15px; padding-right: 15px;} #advantage .advantage_nr .advantage_btn a .box::after { border-radius: 0px; } #advantage .advantage_nr .advantage_btn a .box .desc span { width: 100%; } #advantage .advantage_nr ul { width: 100%; display: block; margin-top: 20px; } } @media(max-width: 767px) { #advantage .advantage_nr .advantage_btn a { width: 50%; float: left; } #advantage .advantage_nr .advantage_btn a:nth-child(odd) { padding-right: 8px; padding-left: 0px; } #advantage .advantage_nr .advantage_btn a:nth-child(even) { padding-left: 8px; padding-right: 0px; } #advantage .advantage_nr .advantage_btn { padding-top: 30px; } #advantage { padding-bottom: 40px; } #advantage .advantage_nr ul li { padding-left: 10px; } } @media(max-width: 500px) { #advantage .advantage_nr .advantage_btn a .box .desc { padding-top: 10px; padding-bottom: 10px; } #advantage .advantage_nr .advantage_btn a .box .desc p { font-size: 17px; } #advantage .advantage_nr .advantage_btn a { margin-bottom: 10px; } #advantage .advantage_nr .advantage_btn a:nth-child(odd) { padding-right: 5px; padding-left: 0px; } #advantage .advantage_nr .advantage_btn a:nth-child(even) { padding-left: 5px; padding-right: 0px; } #advantage .advantage_nr ul li .box_desc .t .t_l { font-size: 80px; } #advantage .advantage_nr ul li .box_desc .t .t_r p { font-size: 24px; } #advantage .advantage_nr ul li .box_desc .t .t_r span { font-size: 14px; line-height: 2;padding-left: 14px; padding-right: 14px; } #advantage .advantage_nr ul li .box_desc .t .t_r { margin-top: 8px; } #advantage .advantage_nr ul li { padding-right: 0px; } } @media(max-width: 350px) { #advantage .advantage_nr .advantage_btn a .box .desc span { font-size: 12px; } #advantage .advantage_nr ul li .box_desc a { font-size: 14px;line-height: 3;width: 150px; } } .scroll-scene{border-radius: 50%; -webkit-border-radius: 50%; width: 43px; height: 43px; background:#0a17be; position: absolute; z-index:9999; top:-21px; left: 79px; cursor: pointer; text-align: center; line-height: 43px; color:#fff; transform: rotate(90deg);} /*数字滚动*/ #scroll { position: relative; z-index:9999; padding-bottom:96px;} #scroll .number{ display:block; width:100%; padding-top:130px;} #scroll .number .stat-items { display: block; float:left; margin-right:10.2%;} #scroll .number .stat-items .stat-items-t { font-size: 60px; color: #2d2d2d; font-weight: bold; line-height: 1; padding-left:48px; font-family: 'msyi';} #scroll .number .stat-items .stat-items-unit { font-size: 16px; color: #2d2d2d;line-height: normal; } #scroll .number .stat-items p { line-height: normal; display: block; font-size:19px; color:#333; font-weight:bold; position: relative; padding-left:50px; margin-top:4px;} #scroll .number .stat-items p:before{content: ""; position: absolute; left: 0; top: 10px; width: 30px; height: 8px; background-color: #0a17be;} #scroll .number .stat-items .stat-items-t-box {} #scroll .number .stat-items .stat-items-t{ position: relative; } #scroll .number .stat-items .stat-items-t::after { position: absolute; content: ''; width: 35px; height: 35px; display: block; top: 17px; right:-80px; } #scroll .number .stat-items:nth-child(1) .stat-items-t::after { background: url(../images/number_ico01.png)no-repeat center / contain; } #scroll .number .stat-items:nth-child(2) .stat-items-t::after { background: url(../images/number_ico02.png)no-repeat center / contain; } #scroll .number .stat-items:nth-child(3) .stat-items-t::after { background: url(../images/number_ico03.png)no-repeat center / contain; } #scroll .number .stat-items:nth-child(4) .stat-items-t::after { background: url(../images/number_ico04.png)no-repeat center / contain; } #scroll .number .stat-items:nth-child(4){ margin-right:0%;} @media(max-width: 1510px) { #scroll .number .stat-items .stat-items-t { font-size:48px; } #scroll .number .stat-items .stat-items-t::after { right: -65px; } #scroll { padding-bottom: 50px; } #scroll .number .stat-items{ margin-right:8%;} } @media(max-width: 1310px) { #scroll .number .stat-items .stat-items-t::after { width: 30px; height: 30px; } #scroll .number .stat-items{ margin-right:5%;} } @media(max-width: 1199px) { #scroll .number .stat-items .stat-items-t::after { display: none; } #scroll .number .stat-items .stat-items-t { font-size: 40px; } #scroll .number .stat-items{ margin-right:4%;} } @media(max-width: 767px) { #scroll { padding-bottom: 30px; } #scroll .number .stat-items { margin-bottom: 20px; } } @media(max-width: 500px) { #scroll .number .stat-items .stat-items-t { font-size: 32px; } #scroll .number .stat-items p { font-size: 14px; line-height: 2; } #scroll { padding-bottom: 0px; } } .PageIntro{ font-family: 'msyi';} .PageIntro h6{font-size:30px; font-weight: 400; margin-bottom:20px; line-height: 1.4; font-family: 'hlw'; color:#2D2D2D;} .PageIntro p{ font-size:20px; font-weight:200; font-family: 'cli'; line-height:34px;} .PageIntro p strong{ font-weight: bold; color:#2D2D2D;} .BigFive h6, .BigFive p{font-size: 1.435em;} .BigFive p.link{margin-top: 40px;} @media screen and (max-width: 1250px){ .GreyFullCallout .copy h1, .PageIntro h6{font-size: 28px;} .GreyFullCallout .copy, .PageIntro p{font-size: 20px;}} /*案例*/ @media screen and (max-width:599px){.people-more{height: auto;padding: 0 0 25px}} .people-more__button, .works-more__button{z-index: 9;padding: 6px 30px;border: 2px solid #0000F0;font-size: 20px;line-height: 24px} .people-more__button{display: inline-block;margin-bottom: 60px} .people-more__button:hover{cursor: pointer} .people-more__button._hide{display: none} .works-more{text-align: center} .works-more__button{position: relative;top: -60px;display: inline-block} .works-more__button:hover{cursor: pointer} .offset-top_60{margin-top: 60px} @media screen and (max-width:599px){.works-more__button{top: 0} .offset-top_60{margin-top: 30px}} .width_2_col, .width_3_col, .width_4_col, .width_6_col, .width_full, ul.action{display: inline-block} .indent_20{} .indent_40{margin-left: 40px} .indent_60{margin-left: 60px} .im30{margin-left:23.5px;} .indent_100{margin-left: 100px} .indent_1_col{margin-left: calc(16.66667vw + 1.67px)} .indent_2_col{margin-left: calc(33.33333vw - 16.67px)} .offset_10{margin-bottom: 10px} .offset_20{margin-bottom: 20px} .offset_40{margin-bottom: 40px} .offset_50{margin-bottom: 50px} /*.offset_60{margin-bottom: 60px;}*/ .offset_80{margin-bottom: 80px} .offset_90{margin-bottom: 90px} .offset_100{margin-bottom: 100px} .offset_120{margin-bottom: 120px} .width_6_col{width: calc(100% - 40px)} .width_4_col{width:63.1%;} .width_3_col{width: calc(50% - 30px)} .width_2_col{width:34.3%;} .width_1_col{width: calc(25% - 25px)} .ratio_1_1{padding-bottom: 100%} .ratio_4_5{padding-bottom: 125%} .sections ul li{display: inline-block;vertical-align: top} .sections img{border-radius:18px;} .sections h4, h4 a { font-size:33px;line-height: 1.3em; text-transform: capitalize; overflow: hidden; text-overflow: ellipsis; letter-spacing:0.6px; white-space: nowrap;} .module_9>.content dl dd.service a {display: block; font-size:18px; font-family: "hwb";} .year{ line-height:20px; margin-top:2px; margin-bottom:8px; } .content a dl dd.service{display: block; font-size:15px; font-weight:bold; height:25px;} .content a dl dd.service a{ color:#474747;} .module_9>.content {padding:28px 0 0 12px;} .works-more__button._hide, dl dt{display: block; line-height:28px; letter-spacing:1px;font-family: galano-bold,Helvetica,Arial,sans-serif;} /*pz*/ .pz{} .pz_s{ position: relative; } .pz h2 img{ display: block;width: 221px;height: 59px;margin: 0 auto 32px; } .pz dl{position:relative;} .pz dl:nth-child(1):after{ position: absolute;left:140px;bottom:112px;width: 192.5px;height: 1px;z-index: 50; transition:all 0.5s;} .pz dl:nth-child(2):after{ position: absolute;left:140px;bottom:112px;width: 385px;height: 1px;z-index: 50; transition:all 0.5s;} .pz dl:nth-child(3):after{ position: absolute;left:140px;bottom:112px;width: 577.5px;height: 1px;z-index: 50; transition:all 0.5s;} .pz dl:nth-child(4):after{ position: absolute;left:140px;bottom:112px;width: 770px;height: 1px;z-index: 50; transition:all 0.5s;} .pz_t li.on{ background: url(../images/pz_t.png) no-repeat center bottom; } .pz_t li:last-child{ margin-right: 0; } .pz_s .sprev{ position:absolute; left:24.7%;bottom:84px; width:55px;height:56px; z-index: 100;cursor: pointer;background: url(../images/dprev.jpg) no-repeat center;} .pz_s .snext{ position:absolute; left:28%;bottom:84px; width:56px;height:56px; z-index: 100;cursor: pointer;background: url(../images/dnext.jpg) no-repeat center;} .pz_s .sprev:hover{background: url(../images/dprevh.jpg) no-repeat center;} .pz_s .snext:hover{background: url(../images/dnexth.jpg) no-repeat center; } .pz_s .pageState{z-index: 1; position: absolute; left:22%; bottom:90px; cursor: pointer; font-size:20px; line-height:19px; color: #ddd; letter-spacing:7px;} .pz_s .pageState span:nth-child(1){ font-size:27px; color:#666;display: block; font-weight: 700; margin-left: -12px;} .pz_s .pageState span:nth-child(2){ display: none; } .pz_s .pageState span:nth-child(3){ margin-left: 10px; } @media screen and (max-width:1400px) { .pz_t{ position: absolute;left:790px;top:80px; } .pz_t li{ float: left;font-size: 15px;color: #fff;margin-right: 40px;width: 72px;text-align: center;height: 36px; position: relative;z-index: 50;} }