@font-face {
  font-family: 'RUBIK-REGULAR-WEBFONT';
  src: url('../mobile/fonts/RUBIK-REGULAR-WEBFONT.eot');
  src:
    url('../mobile/fonts/RUBIK-REGULAR-WEBFONT.eot?#iefix') format('embedded-opentype'),
    url('../mobile/fonts/RUBIK-REGULAR-WEBFONT.woff') format('woff'),
    url('../mobile/fonts/RUBIK-REGULAR-WEBFONT.woff2') format('woff2'),
    url('../mobile/fonts/RUBIK-REGULAR-WEBFONT.TTF') format('truetype'),
    url('../mobile/fonts/RUBIK-REGULAR-WEBFONT.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


.longforsmall a{display:block;}
#main.longforsmall{background:#25429f;}
.longforsmall .w_lump1{position:relative; padding:4.4rem 0 5.6rem; height: 17rem; box-sizing: content-box;}
.longforsmall .w_lump1 .btn{position:absolute; left:50%; top:50%; width:10rem; border-radius: 50%; z-index: 10; -webkit-animation-iteration-count: 3; animation-iteration-count: 3;}
.longforsmall .w_lump1 .scroll_wr{height:100%; overflow: hidden; overflow-x: auto; position:relative;}
.longforsmall .w_lump1 .cnt{height:100%; width:auto; position:absolute; left:0; top:0; overflow:hidden;}
.longforsmall .w_lump1 .cnt>img{height:100%; width:auto;}
.longforsmall .w_lump1 .box{position: absolute; top:0; z-index: 2; width:9.5%;}
.longforsmall .w_lump1 .h1_cn{font-size:1.75rem; line-height: 2rem; color:#fff; font-weight: 600;}
.longforsmall .w_lump1 .h1_en{font-size:1.6rem; line-height: 1.8rem; font-family: "dincond-medium-webfont"; color:#fff; margin-bottom: .2rem;}
.longforsmall .w_lump1 .remark,.longforsmall .w_lump1 .h6{font-size:1.1rem; line-height: 1.6rem; font-family: "dincond-medium-webfont"; color:#fff;}
.longforsmall .w_lump1 .remark{margin-bottom: .4rem;}
.longforsmall .w_lump1 .h5{font-size:1.75rem; line-height: 2rem; color:#fff; font-weight: 600; margin-bottom: 1rem;}
.longforsmall .w_lump1 p{font-size:1.1rem; line-height: 1.3rem; color:#fff; background:no-repeat;}
.longforsmall .w_lump1 .b1{left: 4%; padding-top: 2.8rem;}
.longforsmall .w_lump1 .b2{left: 15%; height:79%; top:1.3rem;}
.longforsmall .w_lump1 .b2 img{height:100%; width:auto;}
.longforsmall .w_lump1 .b3{left: 30.5%; top: 2.7rem;}
.longforsmall .w_lump1 .b3 p{padding-left: 1.75rem; margin-left: -1.75rem; margin-bottom: .8rem;}
.longforsmall .w_lump1 .b3 p:nth-of-type(1){background-position: 0 0; background-size:1.6rem;}
.longforsmall .w_lump1 .b3 p:nth-of-type(2){background-position: 0.375rem 0; background-size:.9rem;}
.longforsmall .w_lump1 .b4{left: 45.5%; top: 2.7rem;}
.longforsmall .w_lump1 .b4 p{padding-left: 1.75rem; margin-left: -1.75rem; margin-bottom: .8rem;}
.longforsmall .w_lump1 .b4 p:nth-of-type(1){background-position: 0 0; background-size:1.375rem;}
.longforsmall .w_lump1 .b4 p:nth-of-type(2){background-position: 0.25rem 0; background-size:.95rem;}
.longforsmall .w_lump1 .b5{left: 60.5%; top: 2.7rem;}
.longforsmall .w_lump1 .b5 p{padding-left: 1.75rem; margin-left: -1.75rem; margin-bottom: .8rem;}
.longforsmall .w_lump1 .b5 p:nth-of-type(1){background-position: 0 0; background-size:1.375rem;}
.longforsmall .w_lump1 .b5 p:nth-of-type(2){background-position: 0.25rem 0; background-size:.95rem;}
.longforsmall .w_lump1 .b6{left: 73.5%; top: 2.7rem; width:12%;}
.longforsmall .w_lump1 .b6 p{margin-bottom: .8rem;}
.longforsmall .w_lump1 .b7{left: 86.5%; top: 0.8rem; height: 93%; width: 10.5%;}
.longforsmall .w_lump1 .b7 img{height:100%; width:auto;}

@-webkit-keyframes left_slide {
  0% {
    opacity:0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    opacity:1;
    -webkit-transform: translate(-40px, 0);
    transform: translate(-40px, 0);
  }
}

@keyframes left_slide {
  0% {
    opacity:0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    opacity:1;
    -webkit-transform: translate(-40px, 0);
    transform: translate(-40px, 0);
  }
}

.left_slide{
  -webkit-animation-name:left_slide;
  animation-name:left_slide;
}

.longforsmall .w_lump2{padding:0 4%;}
.longforsmall .h_til{position:relative; padding:4rem 0 2.7rem;}
.longforsmall .h_til .h1{font-size: 1.75rem; padding:0 1.9rem; height:4.45rem; line-height: 4.45rem; text-align: right; background:url("../image/longforsmall_til_bg") no-repeat center/100% 100%; color:#fff; font-weight: 600;}
.longforsmall .h_til>img{position:absolute; left:-1.66rem; top:-1rem; width:14rem;}
.longforsmall .w_lump2 .h_til{padding-bottom:0;}
.longforsmall .w_lump2 .h3{font-size: 1.1rem; line-height: 1.2rem; font-family: "dincond-medium-webfont"; color: #fff; text-align: right; padding: 1rem 0;}
.longforsmall .w_lump2 .slide_wr1{margin-bottom: .416rem;}
.longforsmall .w_lump2 .slide_wr2 .txt{background:#17aead; padding:.75rem 0;}
.longforsmall .w_lump2 .slide_wr2 .txt p{font-size: 1.3rem; line-height: 1.6rem; color:#fff; text-align: center;}
.longforsmall .w_lump2 .slide_wr2 .txt em{color:#fff; font-family: "RUBIK-REGULAR-WEBFONT"; font-style:normal;}
.longforsmall .w_lump3{padding:0 4% .2rem;}
.longforsmall .w_lump3 ul,.longforsmall .slide_wr2 ul{overflow:hidden;}
.longforsmall .w_lump3 li,.longforsmall .slide_wr2 li{position:relative; width:calc(50% - 0.2rem); margin-bottom:.416rem;}
.longforsmall .w_lump3 li:nth-child(odd),.longforsmall .slide_wr2 li:nth-child(odd){float: left;}
.longforsmall .w_lump3 li:nth-child(even),.longforsmall .slide_wr2 li:nth-child(even){float: right;}
.longforsmall .w_lump3 li a{display:block;}
.longforsmall .w_lump3 li a:after{content:" "; display:block; position:absolute; left:.6rem; bottom:.6rem; width:3.4rem; height:3.4rem; border-radius: 50%; background:#2a439a url("../image/longforsmall_icon_down") no-repeat center/1.6rem;}
.c_more{display: block; margin:2rem auto; width:4rem; height:4rem; background:#fff url("../image/down") no-repeat center/2.08rem; border-radius: 50%; z-index: 10;}

.longforsmall .slide_wr1 .swiper-pagination-bullet{width:10px; height:5px; opacity: 1; background:#fff; border-radius:0;}
.longforsmall .slide_wr1 .swiper-pagination-bullet-active{background:#25419f;}

#main.longforsmall_d{padding:7.5rem 4% 1.67rem; background:#25429f;}
.longforsmall_d .w_lump1{position:relative; background:#fff; margin-bottom: .416rem;}
.longforsmall_d .adorn1{position:absolute; left:0; top: -6.276rem; height:8.3rem;}
.longforsmall_d .adorn1 img{width:auto; height:100%;}
.longforsmall_d .shut{position:absolute; right:0; top: -5.9rem; height:4.2rem;}
.longforsmall_d .shut img{width:auto; height:100%;}
.longforsmall_d .shut em{position:absolute; left:0; width:100%; padding-top:1.6rem; font-size: 1.33px; color:#01b2b3; line-height: 2rem; text-align: center; font-style:normal; font-family: "dincond-medium-webfont";}
.longforsmall_d .h_til{font-size: 1.75rem; color:#01b2b3; line-height: 2.33rem; font-weight: 600; padding:2rem 1.66rem 1.66rem;}
.longforsmall_d .hd{position:absolute; right:1.66rem; bottom:1.66rem; width:4.75rem; height:2.3rem; background:#fff; border-radius: 2.3rem; text-align: center; z-index: 10;}
.longforsmall_d .hd .d_i{display:inline-block; height:2.3rem;}
.longforsmall_d .hd .d_i *{float:left; font-size: 1.1rem; color:#01b2b3; line-height: 2.3rem; font-family: "RUBIK-REGULAR-WEBFONT";}
.longforsmall_d .hd .d_i .at{color:#ccc;}
.longforsmall_d .w_lump2,.longforsmall_d .w_lump3{padding:1.66rem; background:#fff; margin-bottom: .416rem;}
.longforsmall_d .w_lump2{background:#fff url("../image/longforsmall_popUp_icon3") no-repeat right bottom/9.8rem;}
.longforsmall_d .box h4{font-size: 1.16rem; color:#333; line-height: 1.9rem;}
.longforsmall_d .box p{font-size: 1.16rem; color:#666; line-height: 1.9rem; margin-bottom: .8rem;}


#go_top{display:none; position:fixed; right:1rem; bottom:3rem; width: 4rem; height: 4rem; background: #fff url(../image/down) no-repeat center/2.08rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); border-radius: 50%; z-index: 10000;}

.longforsmall .w_lump4{padding:0 4% .2rem;}
.longforsmall .w_lump4 ul{overflow:hidden;}
.longforsmall .w_lump4 li{float:left; position:relative; width:calc((100% - 1.25rem) / 4); padding:.5rem; background:#fff; margin:0 .4rem .4rem 0;}
.longforsmall .w_lump4 li:nth-child(4n){margin-right: 0;}
.longforsmall .w_lump4 li a{display:block;}
.longforsmall .w_lump4 li a:after{display:none; content:" "; position:absolute; left:.6rem; bottom:.6rem; width:3.4rem; height:3.4rem; border-radius: 50%; background:#2a439a url("../image/longforsmall_icon_down") no-repeat center/1.6rem;}