._w1400 {height:auto;position:relative;margin:auto}
._w1400 {width:1400px}
._h100vh {height:100vh}
canvas {display:block}
.over {overflow:hidden}
#_ScrollPlate {position:relative;z-index:10}
._ScrollBox {position:relative}
._ScrollBox .screen {position:relative}
._titlePage {position:relative;z-index:5; top:5%;}
._titlePage p {color:rgba(18,218,183,.5);font-size:30px;text-transform:capitalize;font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;}
._titlePage h3 {font-size:30px;color:#fff; font-weight:normal;}

._more {width:70px;line-height:70px; border-radius:100%;background:#E1251B;display:block;text-align:center;color:#fff;font-size:15px;margin:0 auto;font-family: Arial, Helvetica, sans-serif;position:relative;transition:ease .2s;z-index:5}
a:hover._more { color:#fff;background:#e18508;}



.businessArea {display:flex;background:#868a90}
.businessArea .content {height:75vh;position:relative;z-index:6}
.businessArea .businessAreaSwiper {position:absolute;height:100%;width:100%;top:0;z-index:5}
.businessArea .businessAreaSwiper .img-box {position:absolute;width:100%;height:100%;transition-property:transform;;overflow:hidden;background:none;}
.businessArea .businessAreaSwiper .pic {position:absolute;width:100%;height:100%;background-size:cover;background-position:center;object-fit:cover;transition-property:transform}
.businessArea .businessAreaSwiper .li {position:relative}
.businessArea .businessAreaSwiper .con {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;color:#fff;text-align:center;width:54vh;opacity:0;visibility:hidden;}
.businessArea .businessAreaSwiper .con ._more {margin:7% auto 0}
.businessArea .businessAreaSwiper .con h2 {font-size:36px;font-weight:inherit;letter-spacing: normal;;}
.businessArea .businessAreaSwiper .con h3 {font-size:12px;font-weight:normal;line-height:30px;}
.businessArea .businessAreaSwiper .summary {margin-top:11%;line-height:1.7}
.businessArea .businessAreaSwiper .con .more_cc a{margin-top:5%; width:50px; height:50px; line-height:50px; background:#000; color:#fff;}
.businessArea .businessAreaSwiper .con .more_cc a{}
.businessArea .paginationBox {position:absolute;width:100%;text-align:center;bottom:2%;opacity:0;visibility:hidden}
.businessArea .paginationBox span {opacity:1;background:#fff;margin:0 10px;position:relative}
.businessArea .paginationBox span:after {content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:#FF4343;transform:scale(0);transition:ease .6s;border-radius:50%}
.businessArea .paginationBox span.swiper-pagination-bullet-active:after {transform:scale(2)}
.inlinerText {position:absolute;width:50vh;height:50vh;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%)}
.inlinerText li {position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;transition:ease .3s}
.inlinerText li.active {opacity:1}
.inlinerText .con {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;color:#fff;text-align:center;width:45vh}
.inlinerText .con h1 {font-size:30px;letter-spacing: normal; color:#fff; text-transform:uppercase; margin-bottom:15px;}
.inlinerText .con h2 {font-size:28px; margin-bottom:15px;}
.inlinerText .con h3 {font-size:24px;line-height:35px;font-weight:normal;margin-top:5px;color:#fff;}
.inlinerText .con p{ font-size:16px; line-height:28px; margin-top:15px;}
.inlinerText .con .summary {margin-top:15px;font-size:16px;letter-spacing: normal;;line-height:30px;}
.inlinerText .con ._more {margin:7% auto 0}
.projectsClock {position:absolute;width:60vh;height:60vh;left:50%;top:50%;z-index:10;transform:translate(-50%,-50%)}
.projectsClock .svg {width:100%;height:100%}
#clockDialDefault {stroke-dashoffset:1470px;stroke-dasharray:1470px,1470px}
#homeIndex #ClockDialMinutes circle {transition:ease .5s}
#ClockDialDefaultW {opacity:0;display:none}
#clockDialDefault circle {stroke-width:2;stroke:#E1251B}
.cbox {
  width: 100%;
  height: 100%;
  background: url(../image/yuanquan_bg.png) no-repeat center;
  background-size: 100%;
  animation: zhuan0 7s infinite linear .65s;
  margin-top:-100%;
}
.projectsClock .st0 {fill:none;stroke:#fff;stroke-width:.8;stroke-miterlimit:10}
.cdHours {transform:rotate(90deg);position:absolute;width:100%;height:100%;left:0;top:0;transform-origin:center}
.cdHours .cdHour {width:1px;height:50%;position:absolute;left:50%;top:0;cursor:pointer;transform-origin:bottom}
.cdHours .cdhHover {height:100px;width:100px;position:absolute;cursor:pointer;left:50%;margin-left:-45px;top:-25px;z-index:5}
.cdHours .cdhCircle {height:12px;width:12px;background:#fff;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;transition:ease .5s}
.cdHour.active .cdhCircle {background:#E1251B;transform:translate(-50%,-50%) scale(1.5)}

@media screen and (max-width:1200px) {
.inlinerText .con h2 {font-size:28px;}
}

@media screen and (max-width:1023px) {
.inlinerText .con h2 {font-size:24px;}
}



@media screen and (max-width:768px) {
.inlinerText {width:70vh;height:50vh}
.businessArea .content {height:90%}
.projectsClock {width:50vh;height:50vh;display:none}
.inlinerText .con .summary {font-size:16px}
.inlinerText .con {width:100%}
.groupOmtrpdiction .left h2 {font-size:18px}

._more {width:50px;line-height:50px; border-radius:100%;background:#E1251B;display:block;text-align:center;color:#fff;font-size:12px;margin:0 auto;font-family: Arial, Helvetica, sans-serif;position:relative;transition:ease .2s;z-index:5}




}
@media screen and (max-width:767px) {._pc {display:none}
._mobile {display:block}
.inlinerText {width:94%;height:47vh;display:none}
.inlinerText .con .summary {font-size:14px}

._titlePage._zw {display:none}
._titlePage h3 {font-size:22px}
._PageTurningNumber a {padding:5px 10px}
._ScrollBox .screen.index {height:90vh}
._ScrollBox .screen.businessArea {height:80vh;flex-wrap:wrap;max-height: 350px;}
.container {padding:0 4%}
.page_nav li a {padding:0 10px}
.index .swiper-pagination {bottom:10px}
.inlinerText .con .summary,.inlinerText .con h2,.inlinerText .con h3,.inlinerText li {text-align:left}
.inlinerText .con ._more {float:left}
.inlinerText .con {top:0;transform:translate(0,0);left:0;width:100%}
.businessArea .paginationBox {opacity:1;visibility:inherit;bottom:5%}
.businessArea .paginationBox span.swiper-pagination-bullet-active:after {transform:scale(1)}
.businessArea .paginationBox span {width:12px;height:12px;margin:0 15px}
.businessArea .paginationBox span:nth-child(1):before {opacity:0}
.businessArea .paginationBox span:before {content:'';position:absolute;width:30px;height:1px;background:#fff;right:100%;top:50%}
.inlinerText .con h2,.inlinerText .con h3 {font-weight:initial}
.inlinerText .con h3 {font-size:14px}
.inlinerText .con h2 {font-size:18px}
._titlePage {width:100%;text-align:center}
.index .swiper-pagination span {margin:0 3px}
.businessArea .businessAreaSwiper .con {opacity:1;visibility:inherit;top:40%;left:3%;transform:translate(0,-50%);width:94%;}
.businessArea .businessAreaSwiper .con h1{  text-transform: uppercase; }
.businessArea .businessAreaSwiper .con h2 {font-size:18px}
.businessArea .businessAreaSwiper .con h3 {font-size:14px}
.businessArea .businessAreaSwiper .summary {margin-top:15px}
.businessArea .businessAreaSwiper {z-index:10;position:relative;left:0}
.businessArea .content {position:absolute;z-index:12;padding:30px 0;height:auto;width:100%}
}