@charset "UTF-8";
@font-face{font-family:iconfont;src:url(fonts/iconfont.woff2) format('woff2'),url(fonts/iconfont.woff) format('woff'),url(fonts/iconfont.ttf) format('truetype')}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.newiconfont{font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pub_title{color:#333;margin-top:calc(5.5vh + 20px);text-align:center}
.pub_title1{color:#333;margin-top:calc(5.5vh + 20px);text-align:left}
.pub_title1 .tit i{font-size:53px;display:block;font-family:Helvetica-Neue-Light-2;text-transform:uppercase;font-style:normal;color:#333e3a;line-height:61px}
.pub_title1 .tit i span{font-size:26px}
.pub_title1 .tit{height:160px;padding-left:4px}
.pub_title>div:first-child{font-size:53px;line-height:1.2;text-transform:uppercase;background:url(images/li.jpg) no-repeat center center;font-family:Barlow-Regular}
.pub_title>div:nth-child(2){font-size:28px;line-height:2.5;text-transform:uppercase;font-family:Barlow-Regular}
.tit_place0{position:absolute;margin-right:10.42vw;right:0;top:0;z-index:11;padding:0 1.6vw 0 4.6vw;background-color:#fff}

.mess_box{position:absolute;left:0;top:0;z-index:2;width:58.854vw}
.mess_box .active .mess_con{left:0;transition:left 0s}
.mess_box .active .slide_sha{width:0}
.mess_box .mess_con{display:block;position:relative;text-align:left;background-color:#090C23;color:#fff;padding-left:8.33vw;padding-right:8.33vw;padding-top:8.8vh;padding-bottom:8.3vh;left:-100%;transition:left .5s ease}
.mess_box .mess_con .mess_title{text-align:left;font-size:32px;line-height:1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase}
.mess_box .mess_con .mess_info{line-height:2;font-size:32px;padding:15px 0;text-transform:uppercase;border-bottom:1px solid #fff;position:relative;font-family:Barlow-Regular}
.mess_box .mess_con .mess_info::after{content:'';display:block;height:5px;width:50px;background-color:#fff;position:absolute;left:0;bottom:-2px}
.mess_box .mess_con .mess_com_pro{font-size:16px;line-height:1.8;margin-top:20px;min-height:20vh}
.mess_box .mess_con .data_box{margin-top:9.26vh}
.mess_box .mess_con .data_box>div{font-size:0}
.mess_box .mess_con .data_box>div>div{display:inline-block;vertical-align:bottom}
.mess_box .mess_con .data_box>div:first-child{margin-right:60px}
.mess_box .mess_con .data_box .dat_name{line-height:1.2;font-size:18px}
.mess_box .mess_con .data_box .dat_num{line-height:1;font-size:68px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:10px}
.mess_box .swiper-pagination{width:100vw;position:relative;text-align:left;margin-top:5vh;margin-bottom:3vh}
.mess_box .swiper-pagination::after{content:'';display:block;position:absolute;left:0;bottom:12px;width:100%;background-color:#f1f2f3;height:1px}
.mess_box .swiper-pagination>span:first-child{margin-left:7%}
.mess_box .swiper-pagination>span{width:9%;height:auto;position:relative;background-color:transparent;opacity:1}
.mess_box .swiper-pagination>span>div{text-align:center}
.mess_box .swiper-pagination>span .src2_pag_icon{color:rgba(50,60,80,.4); line-height:40px;}
.mess_box .swiper-pagination>span .src2_pag_icon i{display:inline-block;position:relative;vertical-align:middle;font-size:36px}
.mess_box .swiper-pagination>span .src2_pag_name{display:inherit;position:relative;line-height:1;color:rgba(50,60,80,.4);overflow:hidden;left:50%;transform:translateX(-50%);font-size:17px}
.mess_box .swiper-pagination>span .src2_pag_name::after{content:attr(data-mask);position:absolute;color:#090C23;left:0;overflow:hidden;width:0;transition:all .5s cubic-bezier(0,.31,.22,.43);top:0;text-align:left;white-space:nowrap}
.mess_box .swiper-pagination>span .src2_pag_dot{display:block;margin:0 auto;border-radius:100%;border:6px solid transparent;width:24px;height:24px;background-color:transparent;position:relative;z-index:2}
.mess_box .swiper-pagination>span .src2_pag_dot::after{content:'';display:block;position:absolute;width:8px;height:8px;border-radius:100%;background-color:#f1f2f3;left:2px;top:2px}
.mess_box .swiper-pagination>span .src2_pag_plan{width:7vw;height:1px;position:absolute;left:50%;bottom:12px;background-color:#f1f2f3}
.mess_box .swiper-pagination>span .src2_pag_plan::after{content:'';display:block;width:0;height:1px;background-color:#090C23;position:absolute;left:0;top:0;transition:width 2s ease-out;z-index:1}
.mess_box .swiper-pagination>span:first-child::before{content:'';display:block;width:18vw;height:1px;position:absolute;right:50%;bottom:12px;background-color:#f1f2f3}
.mess_box .swiper-pagination>span.swiper-pagination-bullet-active .src2_pag_icon{color:#090C23}
.mess_box .swiper-pagination>span.swiper-pagination-bullet-active .src2_pag_name::after{width:100%}
.mess_box .swiper-pagination>span.swiper-pagination-bullet-active .src2_pag_dot{display:block;border-radius:100%;border:6px solid #fff;width:24px;height:24px;background-color:#090C23;position:relative;z-index:2}
.mess_box .swiper-pagination>span.swiper-pagination-bullet-active .src2_pag_dot::after{background-color:#090C23}
.mess_box .swiper-pagination>span.swiper-pagination-bullet-active .src2_pag_plan::after{width:100%;transition:width 6s ease}
.slide_sha{width:100%;height:100%;position:absolute;z-index:2;right:0;top:0;transition:width 1.5s ease .5s;background-color:#fff}
.mess_img_case .active .slide_sha{width:0}
.fade_in{opacity:.2;transition:opacity 1.5s ease .8s}
.mess_box .active .fade_in{opacity:1}
.mess_img_case .slide_sha{width:120%;height:120%;left:-10%;top:-10%}
.mess_img_case .swiper-wrapper{transition-timing-function:cubic-bezier(.1,.7,.74,.3)}
.mess_img_case .active .mess_img_con img{transform:scale(1)}
.mess_img_case .mess_img_con img{transform:scale(1.2);transition:all 1s ease .5s}
.mess_img_case .swiper-slide{overflow:hidden}
.mess_box .swiper-pagination-bullet:last-child .src2_pag_plan{display:none}
.scr2_case{position:relative;padding-top:1px;height:100%}
.mess_img_box{position:relative;height:100%}
.mess_img_box img{display:block;width:100%}
.mess_img_case{position:absolute;left:0;bottom:0;width:100%}
.mess_img_case .swiper-pagination{position:absolute;width:28.645vw;bottom:106%;left:58.854vw}
.mess_img_case .swiper-pagination .on{font-size:48px;color:#090C23}
.mess_ser_num_box{width:220px;height:190px;position:absolute;right:13.542%;top:0;transform:translateY(-50%);z-index:2}
.mess_ser_num_box .swiper-container{height:100%}
.mess_ser_num_box .swiper-container .active .mess_ser_num_case{opacity:1;transform:scale(1)}
.mess_ser_num_box .mess_ser_num_case{opacity:.2;transform:scale(.9);transition:all 1s ease-in;position:relative}
.mess_ser_num_box .mess_ser_num_case .mess_ser_num_con{width:100%;text-align:center;letter-spacing:-17px;position:relative;z-index:2;font-size:190px;line-height:1;background:linear-gradient(360deg,#004bc6,#004bc6,#00c5fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.mess_ser_num_box .mess_ser_num_case .mess_ser_num_con.shadow{position:absolute;left:0;top:0;z-index:1;text-shadow:rgba(0,70,198,.17) 1px 5px 10px}
.mess_box{background-color:#fff}
.mess_box .swiper-wrapper{transition-timing-function:ease}
.ind_body .screen2{padding-top:80px;position:relative;height:100%}
.ind_body .view{display:none}
.ind_body .view .swiper-pagination-bullet{width:30px;height:3px;background-color:#bfc9d9;transition:width .5s ease;border-radius:0;opacity:1}
.ind_body .view .swiper-pagination-bullet-active{width:50px;background-color:#004bc6}
.ind_body .view .swiper-container-horizontal>.swiper-pagination-bullets,.ind_body .view .swiper-pagination-custom,.ind_body .view .swiper-pagination-fraction{bottom:0;font-size:0}
.ind_body .view .pro_img_num{font-size:.26rem;color:#8d9baf;position:absolute;bottom:-10px;left:0;z-index:-1}
.ind_body .view .pro_img_num>span:first-child{font-size:.5rem;color:#000}
.ind_body .view0{display:block}
.ind_body .tit_place2{margin-top:100px;margin-left:13.542%}
.ind_body .screen3{width:93.33vw;margin:0 auto;height:100%;position:relative}
.scr3_pro_case{display:block;overflow:hidden;height:52vh;position:relative;margin-top:0}
.scr3_pro_case:hover .pro_hover_box{height:100%;transition:height .8s ease .5s}
.scr3_pro_case:hover .scr3_pro_box{height:100%;transition:height .5s ease}
.scr3_pro_case:hover .scr3_pro_box .pro_img_box{height:100%;transition:height 2.5s ease .5s}
.pro_hover_box{position:absolute;width:100%;height:0;overflow:hidden;background-color:rgba(22,184,155,.9);transition:height .5s ease;color:#fff;text-align:center}
.pro_hover_box .pro_title{color:#fff}
.pro_hover_box .pro_info{color:#fff}
.pro_hover_box>div{position:absolute;width:100%;left:50%;top:50%;transform:translate3d(-50%,-50%,0);z-index:1}
.pro_hover_box .pro_link_box>div{font-size:0;padding-top:20px;height:65px}
.pro_hover_box .pro_link_box>div .like_line{display:inline-block;opacity:.8;font-size:16px;line-height:30px;position:relative;margin-top:15px;color:#fff}
.pro_hover_box .pro_link_box>div .like_line::after{content:'';width:100%;height:1px;background-color:#fff;position:absolute;left:0;bottom:0}
.pro_hover_box .pro_link_box>div .like_line:hover{font-weight:700;opacity:1}
.scr3_pro_box{height:47vh;overflow:hidden;position:absolute;left:0;width:100%;bottom:0;transition:height .5s ease 1s}
.scr3_pro_box>.pro_img_box{height:37vh;display:block;background-position:center;background-size:cover;background-repeat:no-repeat;transition:height .5s ease .5s}
.scr3_pro_box .scr3_pro_tex_box{border:1px solid #ddd;padding:0 20px;height:10vh;position:relative}
.pro_title{font-size:24px;line-height:1.8;margin-top:5%;color:#333}
.pro_info{font-size:16px;line-height:1.5;color:#999;font-family:Barlow-Regular}
.more_sty{color:#999;font-size:12px;line-height:3;position:absolute;right:20px;bottom:26%}
.more_sty::after{content:'';display:block;width:50px;height:1px;background-color:#999;position:absolute;right:0;bottom:0}


@media all and (max-width: 1024px) {
	
	 .mess_box{
    position: relative;
  }
  .mess_box .swiper-pagination > span .src2_pag_icon i{
    font-size: 32px;
  }
  .mess_box .mess_con .data_box .dat_num{
    font-size: 40px;
  }
  .ind_body .screen3{
    height: auto;
    margin-bottom: 50px;
  }
  .ind_body footer,.branch-svg{
    position: relative;
  }
}
@media all and (max-width: 768px) {
	
	 .pub_title {
    position: relative;
    margin-right: 0;
    margin-top: .5rem;
    padding: 0 15px;
    text-align: center !important; }
  .mess_box .swiper-pagination {
    width: 100%; }
  .mess_box .swiper-pagination > span {
    width: 20%; }
  .mess_box .swiper-pagination > span:first-child {
    margin-left: 0; }
  .mess_box .swiper-pagination > span .src2_pag_plan {
    width: 16vw; }
  .mess_img_box {
    left: 13.542%;
    top: 55%;
    position: absolute;
    margin-left: 0;
    margin-top: 0; }
	.ind_body .screen2{padding-top:80px;position:relative;height: auto;}
}
@media all and (max-width: 640px) {
	.mess_img_box {
    display: none; }
  .mess_box {
    width: 100%; }
  .mess_box .swiper-pagination > span .src2_pag_name {
    font-size: 12px; display:none }
  .mess_box .mess_con .mess_info {
    font-size: 18px; }
  .mess_box .mess_con .mess_com_pro {
    font-size: 12px; }
  .pub_title > div:first-child {
    font-size: 22px; }
  .pub_title > div:nth-child(2) {
    font-size: 14px; }
  .icon-icon-test8 {
    font-size: 60px; }
  .mess_box .mess_con {
    padding: 20px;
    padding-bottom: 30px;
  }
  .mess_box .mess_con .data_box .dat_num {
    font-size: 30px;
  }
  .mess_box .mess_con .data_box > div:first-child {
    margin-right: 20px; }
  .mess_box .mess_con .data_box .dat_name {
    font-size: 12px; }
  .mess_box .mess_con .mess_title {
    font-size: 28px; }
  .mess_box .mess_con .data_box {
    margin-top: 25px; }
  .ind_body .screen3 .scr3_case .pro_case > div {
    display: none; }
  .ind_body .screen3 .scr3_case .pro_case > div:first-child {
    width: 100%;
    display: block; }
	.l-footer__bottom__nav{ max-width:100%;}
}
@media all and (max-width: 320px) {
	 .mess_box .mess_con .mess_title {
    font-size: 18px; }
  .mess_box .mess_con .mess_info {
    font-size: 14px;
    padding: 5px 0; }
  .mess_box .mess_con .mess_com_pro {
    margin-top: 10px; }
  .mess_box .mess_con .data_box {
    margin-top: 30px; }
  .mess_box .mess_con .data_box .dat_num {
    font-size: 36px; }
  .mess_box .swiper-pagination > span .src2_pag_name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transform: scale(0.8) translateX(-50%);
    transform-origin: 0% 50%; }
  .mess_box .mess_con .data_box .dat_name {
    font-size: 12px; }
	
}
.mess_box .more{ width:100px; height:30px; line-height:30px; background:#fff; color:#333; text-align:center}