*{font-weight: 300;}
.c_til em{display:inline-block;}
body{max-width: 640px; background:#181818;}
p{font-size: .3rem; color:#373d3d; line-height: .38rem; margin-bottom: .38rem;}
p.no_margin{margin-bottom: 0;}
.c_h1{font-size: .92rem; color:#ffa200; line-height: .7rem; font-family: "RAJDHANI-BOLD"; text-transform: uppercase; margin-bottom: .08rem; letter-spacing: -.04rem;}
.c_h2{font-size: .53rem; color:#fff; line-height: .73rem; white-space: nowrap;}


.m-top{position: relative; left: 0; top: 0; width: 100%; height: 70vh; z-index: 1;  overflow: hidden; background-color: #17140f;}
.m-top .m-topbg{display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:no-repeat top center; background-size: cover; -webkit-animation:fadeIn 1.2s cubic-bezier(0.62, 0.16, 0.63, 0.92) forwards;  animation:fadeIn 1.2s cubic-bezier(0.62, 0.16, 0.63, 0.92) forwards;}
.m-top .h1{display:none; position:absolute; left:.6rem; top:50%; margin-top:-.45rem; font-size: .7rem; color:#fff; line-height: .9rem; letter-spacing: .2rem; z-index: 5;}

.container{position:relative; z-index: 5; overflow:hidden;}
.section1{padding:.8rem .6rem .75rem; background:#fff;}
.section1 p em{font-family: "Rubik-Regular";}
.section1 .logo_1{width:1.68rem; margin-bottom: .8rem;}
.section1 .h2{font-family: "RAJDHANI-BOLD"; font-size: .48rem; line-height: .6rem; color:#52cc8f; letter-spacing: -.02rem;}
.section2{padding:.7rem .6rem 0; height:7.5rem; background:url(../img/bg2.jpg) no-repeat center; background-size: 100% 100%;}
.section2 .c_h2{margin-bottom: 0.5rem;}
.section2 li{position:relative; font-size: .3rem; line-height: .48rem; color:rgba(185,186,194,.8);}
.section2 li em{font-family: "Rubik-Regular";}
.section2 li:after{content:""; display:block; position:absolute; left:-.22rem; top:0; width:.09rem; height:100%; background:url(../img/icon_arrows.png) no-repeat center; background-size: 100%;}
.section3{padding:.7rem .6rem .15rem; background:#3ccf9d;}
.section3 .c_h1{color:#2c2b82;}
.section3 .c_h2{color:#2c2b82; margin-bottom: .8rem;}
.section3 .c_h2 em{font-family: "Rubik-Regular";}
.section3 p{position:relative; padding-left: .36rem; color:#31304c; line-height: .42rem; margin-bottom: .6rem;}
.section3 p:after{content:""; display:block; position:absolute; left:0; top:.05rem; height:.3rem; width:.05rem; background:#2c2b82;}
.section3 p.p:after{bottom:.05rem; height:auto;}
.section4{position:relative; height:13.73rem; padding:.7rem .6rem 0; background:url(../img/bg3.jpg) no-repeat center; background-size: 100% 100%;}
.section4 .c_h2{color:rgba(255,255,255,.6); margin-bottom: .28rem;}
.section4 p{color:rgba(255,255,255,.4); line-height: .48rem;}
.section4 .bom{position:absolute; left:.6rem; right:.6rem; bottom:.45rem;}
.section4 .bom .le{float: left; font-size: .48rem; color:rgba(255,255,255,.5); line-height: .5rem; text-transform: uppercase; font-family: "DINCond-Bold";}
.section4 .bom .ri{float: right; font-size: .2rem; color:rgba(255,255,255,.4); line-height: .5rem; padding-right: .1rem;}
.section4 .bom .ri img{display:inline-block; vertical-align: middle; width:.37rem; margin-right: .14rem;}
.section4 .bom .ri em{font-family: "Rubik-Regular";}
.section4 .footer{margin-top: 2.25rem;}
.section4 .footer .phone{font-size: .48rem; color:#727171; line-height: .48rem; letter-spacing: -.01rem; font-family: "RAJDHANI-BOLD";}
.section4 .footer .phone a{display:inline;}
.section4 .footer .h3{font-size: .28rem; color:#727171; line-height: .36rem; margin-bottom: .2rem;}
.section4 .footer .h3 img{display:inline-block; position:relative; top:-.05rem; padding-left: .05rem; vertical-align: top; width:.23rem;}
.section4 .footer p{font-size: .28rem; color:#727171; line-height: .32rem;}
.section4 .footer p em{font-family: "Rubik-Regular";}
.section4 .footer .b_logo{width:1.68rem;}
.section4 .footer .icon{position:absolute; top:1.08rem; right:.6rem; width:.92rem;}
.swiper-slide {overflow: auto; }
#swiper-container1{height:100%;}