/*index*/
.index_kv{
    display: block;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    background: url(../images/index/kv.jpg) no-repeat center/cover;
    height: calc(1065 / 1920 * 100vw);
}
.kv_con{
    background: url(../images/index/kv_con.png) no-repeat center/100%;
    width: calc(940 / 1920 * 100vw);
    height: calc(245 / 1920 * 100vw);
    margin: 0 auto;
    margin-top: calc(770 / 1920 * 100vw);
    overflow: hidden;
    display: none;
}
.kv_spr{
    background: url(../images/index/kv_spr.png) no-repeat center/100%;
    width: calc(409 /1920*100vw);
    height: calc(176/1920*100vw);
    margin: 0 auto;
    margin-top: calc(20/1920*100vw);
    overflow: hidden;
    
}
.kv_spr2{
    background: url(../images/index/kv_spr2.png) no-repeat center/100%;
    width: calc(435 /1920*100vw);
    height: calc(54/1920*100vw);
    margin: 0 auto;
    margin-top: calc(60/1920*100vw);
    overflow: hidden;
    display: none;
}
.kv_spr3{
    background: url(../images/index/kv_spr3.png) no-repeat center/100%;
    width: calc(532 /1920*100vw);
    height: calc(123/1920*100vw);
    margin: 0 auto;
    margin-top: calc(100/1920*100vw);
    overflow: hidden;
    
}
.kv_spr2 a{
    display: block;
    width: calc(200/1920*100vw);
    height: calc(55/1920*100vw);
    float: left;
    margin-right: calc(30/1920*100vw);
}
.kv_spr2 a:nth-of-type(2){
    margin-right: 0
}
.kv-code{
    float: left;
    width: calc(158/1920*100vw);
    height: calc(158/1920*100vw);
    margin-top: calc(9/1920*100vw);
    margin-left: calc(8/1920*100vw);
}
.kv-btn{
    width: calc(532 /1920*100vw);
    height: calc(123/1920*100vw);
    float: left;
}
.kv-btn .kv-apple,
.kv-btn .kv-google{
    display: block;
    float: left;
    width: 50%;
    height: calc(54/1920*100vw);
    margin-bottom: calc(8/1920*100vw);
}
.kv-bottom{
    float: left;
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin-top: calc(9/1920*100vw);
}
.kv-bottom a{
    display: inline-block;
    width: calc(45/1920*100vw);
    height: calc(45/1920*100vw);
    margin-right: calc(14/1920*100vw);
}
.kv-bottom a:nth-of-type(4){
    margin-right: 0;
}
/*part1*/
.part1{
    background: url(../images/index/part1.jpg) no-repeat center/cover;
    width: 100%;
    height: calc(1497/1920*100vw);
    position: relative;
    overflow: hidden;
}
.part1_l{
    background: url(../images/index/part1_l.png) no-repeat center/100%;
    width: calc(411/1920*100vw);
    height: calc(1051/1920*100vw);
    position: absolute;
    bottom: 0;
    left: calc(-411/1920*100vw);
    transition: all 0.5s;
}
.part1_r{
    background: url(../images/index/part1_r.png) no-repeat center/100%;
    width: calc(418/1920*100vw);
    height: calc(1208/1920*100vw);
    position: absolute;
    bottom: 0;
    right: calc(-418/1920*100vw);
    transition: all 0.5s;
}
.part1-ti{
    background: url(../images/index/part1-ti.png) no-repeat center/100%;
    width: calc(1197/1920*100vw);
    height: calc(108/1920*100vw);
    margin: 0 auto;
    margin-top: calc(20/1920*100vw);
}
.part1-ti2{
    background: url(../images/index/part1-ti2.png) no-repeat center/100%;
    width: calc(961/1920*100vw);
    height: calc(76/1920*100vw);
    margin: 0 auto;
    margin-top: calc(120/1920*100vw);
}
.part1-con1{
    background: url(../images/index/part1-con1.png) no-repeat center/100%;
    width: calc(874/1920*100vw);
    height: calc(875/1920*100vw);
    margin: 0 auto;
    margin-top: calc(-10/1920*100vw);
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s;
}
.p1-ti{
    width: 100%;
    text-align: center;
    color: #d3e0ed;
    font-size: calc(24/1920*100vw);
    margin-top: calc(50/1920*100vw);
    position: relative;
}
.p1-ti:before{
    content: '';
    background: url(../images/index/p1-ti.png) no-repeat center/100%;
    position: absolute;
    width: calc(515/1920*100vw);
    height: calc(13/1920*100vw);
    left: 50%;
    margin-left: calc(-257/1920*100vw);
    bottom: calc(-25/1920*100vw);
}
.p1-form{
    width: calc(750/1920*100vw);
    height: calc(465/1920*100vw);
    margin: 0 auto;
    position: relative;
    color: #b5c3fc;
    font-size: calc(20/1920*100vw);
    line-height: calc(35/1920*100vw);
}
.p1-form p{
    margin-top: calc(20/1920*100vw);
}
.p1-form a{
    color: #d3e0ed;
    display: block;
    float: left;
    font-size: calc(18/1920*100vw);
}
.p1-form a:hover,
.p1-form a.on{
    color: #fed948;
}
.p1-form .btna,
.p1-form .btnb{
    overflow: hidden;
}
.p1-form .btna a{
    width: 100%;
    position: relative;
    padding-left: calc(40/1920*100vw);
    box-sizing: border-box;
    margin: calc(10/1920*100vw) 0;
}
.p1-form .btnb a{
    width: 20%;
    position: relative;
    padding-left: calc(40/1920*100vw);
    box-sizing: border-box;
    margin: 2px 0;
    font-size: calc(20/1920*100vw);
}
.p1-form .btna a:after,
.p1-form .btnb a:after{
    content: '';
    background: url(../images/index/p1_no.png) no-repeat center/100%;
    width: calc(35/1920*100vw);
    height: calc(36/1920*100vw);
    position: absolute;
    top: 0;
    left: 0;
}
.p1-form .btna a.on:after,
.p1-form .btnb a.on:after{
    content: '';
    background: url(../images/index/p1_yes.png) no-repeat center/100%;
    width: calc(35/1920*100vw);
    height: calc(36/1920*100vw);
    position: absolute;
    top: 0;
    left: 0;
}
.p1-form input{
    width: 100%;
    height: calc(30/1920*100vw);
    line-height: calc(30/1920*100vw);
    border: 1px solid #78808e;
    background: rgba(73, 87, 130, 0.35);
    -webkit-appearance: none;
    outline: none;
    color: #7681ad;
    padding-left: calc(10/1920*100vw);
    margin-top: calc(10/1920*100vw);
    /*margin-right: 45%;*/
    position: relative;
    float: left;
}
.p1-form .tips{
    float: left;
    width: 100%;
    padding-left: 2%;
    font-size: calc(20/1920*100vw);
    margin-top: calc(10/1920*100vw);
    box-sizing: border-box;
}
.p1-icon7{
    width: 5%;
    color: #b5c3fc !important;
    margin-top: calc(20/1920*100vw);
    position: relative;
    padding-left: calc(40/1920*100vw);
    box-sizing: border-box;
    float: left;
}
.p1-icon7:after{
    content: '';
    background: url(../images/index/p1_no.png) no-repeat center/100%;
    width: calc(35/1920*100vw);
    height: calc(36/1920*100vw);
    position: absolute;
    top: 0;
    left: 0;
}
.p1-icon7.on:after{
    content: '';
    background: url(../images/index/p1_yes.png) no-repeat center/100%;
    width: calc(35/1920*100vw);
    height: calc(36/1920*100vw);
    position: absolute;
    top: 0;
    left: 0;

}
.p1-icon7-2{
    width: 80%;
    color: #b5c3fc !important;
    height: calc(36/1920*100vw);
    box-sizing: border-box;
    float: left;
        margin-top: calc(20/1920*100vw);
    /*text-decoration: underline;*/
    position: relative;
}
.p1-icon7-2 span{
    border-bottom: 1px solid #b5c3fc;
}
.p1-icon8{
    background: url(../images/index/p1-btn.png) no-repeat center/100%;
    width: calc(252/1920*100vw);
    height: calc(40/1920*100vw);
    margin: 0 auto;
    margin-top: calc(210/1920*100vw);
    float: initial !important;

}

.part1-con2{
    background: url(../images/index/part1-con2.png) no-repeat center/100%;
    width: calc(930/1920*100vw);
    height: calc(433/1920*100vw);
    margin-top: calc(-20/1920*100vw);
    margin-left: calc(528/1920*100vw);
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s;
}
.p1-p{
    width: calc(470/1920*100vw);
    height: calc(210/1920*100vw);
    margin-top:calc(150/1920*100vw); 
    margin-left:calc(60/1920*100vw); 
    color: #fff;
    line-height: calc(35/1920*100vw);
    overflow-y: auto;
    font-size: calc(20/1920*100vw);
}
.p1-p::-webkit-scrollbar-thumb{
 -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
 border-radius: 2px;
 background: #fff;
}
.p1-p::-webkit-scrollbar-track{
 -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
 background: #000;
 border-radius: 2px;
}
.p1-p::-webkit-scrollbar{
 width: 2px;
 height: 1px;
 border-radius: 2px;
}
.p1-p span{
    color: #f6d34e;
}
.p1-p a{
    color: #f6d34e;
    text-decoration: underline;
}


.part1-top{
    background: url(../images/index/part1-top.png) no-repeat center/100%;
    width: calc(987/1920*100vw);
    height: calc(359/1920*100vw);
    margin: 0 auto;
    margin-top: calc(20/1920*100vw);
    overflow: hidden;
}
.part1-btn{
    display: block;
    background: url(../images/index/part1-btn.png) no-repeat center/100%;
    width: calc(459/1920*100vw);
    height: calc(101/1920*100vw);
    margin: 0 auto;
    margin-top: calc(50/1920*100vw);
    overflow: hidden;
}
.part1-smallti{
    display: block;
    background: url(../images/index/part1-smallti.png) no-repeat center/100%;
    width: calc(1038/1920*100vw);
    height: calc(83/1920*100vw);
    margin: 0 auto;
    margin-top: calc(150/1920*100vw);
    overflow: hidden;
}
.part1-img{
    display: block;
    background: url(../images/index/part1-img4.png) no-repeat top/contain;
    height:  calc(331/1920*100vw);
    width: calc(1191/1920*100vw);
    margin: 0 auto;
    margin-top: calc(50/1920*100vw);
}



/*part2*/
.part2{
    /* display: none; */
    width: 100%;
    position: relative;
    background: #182743;
}
.part2 img{
    width: 100%;
}
.part2 .swiper-slide{
    transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important;
    -webkit-filter: grayscale(80%); /* Chrome, Safari, Opera */
    filter: grayscale(80%);
}
.part2 .swiper-slide-active{
    -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
}
.part2 .swiper-pagination{
    position: absolute;
    width: 100%;
    bottom: calc(20/1920*100vw);
}
.part2 .swiper-pagination .swiper-pagination-bullet{
    width: calc(50/1920*100vw);
    height: calc(8/1920*100vw);
    margin: 0 calc(20/1920*100vw);
    border-radius: 0;
    opacity: 1;
    background-color: #fff;
}
.part2 .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #282828;
}
 .swiper-button-next,  .swiper-button-prev{
    width: calc(56/1920*100vw) !important;
    height: calc(106/1920*100vw) !important;
    background-size: 100% !important;
    top: 37%;
}
.swiper-button-next{
    background-image: url(../images/index/part2-next.png) !important;
    right: calc(100/1920*100vw) !important;
}
.swiper-button-prev{
    background-image: url(../images/index/part2-prev.png) !important;
    left: calc(100/1920*100vw) !important;
}
/*part3*/
.part3{
    background: url(../images/index/part3.jpg) no-repeat center/cover;
    width: 100%;
    height: calc(934/1920*100vw);
    overflow: hidden;
    position: relative;
}
.part3-l{
    background: url(../images/index/part3-l.png) no-repeat center/100%;
    width: calc(614/1920*100vw);
    height: calc(947/1920*100vw);
    position: absolute;
    top: -5px;
    left: 0;
    padding: calc(20/1920*100vw);
    padding-right: calc(40/1920*100vw);
    box-sizing: border-box;
}
.offic_com,
.com_main{
    height: 100%;
}
.part3-r{
    width: 100%;
    height: 100%;
    padding-left: calc(614/1920*100vw);
    box-sizing: border-box;
}
.part3-ti{
    background: url(../images/index/part3-ti.png) no-repeat center/100%;
    width: calc(740/1920*100vw);
    height: calc(72/1920*100vw);
    margin: 0 auto;
    margin-top: calc(50/1920*100vw);
}
.part3-tab{
    width: calc(1200/1920*100vw);
    height: calc(65/1920*100vw);
    line-height: calc(65/1920*100vw);
    float: right;
    color: #d3e6f4;
    font-size: calc(25/1920*100vw);
    margin-top: calc(30/1920*100vw);
    border-bottom: 1px solid #525f69;
}
.part3-tab .p3-nav{
    float: left;
    color: #d3e6f4;
    width: calc(150/1920*100vw);
    text-align: center;
}
.part3-tab .p3-nav:hover{
    color: #fed949;
}
.part3-tab .p3-nav.on{
    color: #fed949;
}
.p3-more{
    background: url(../images/index/part5-more.png) no-repeat center/100%;
    width: calc(107/1920*100vw);
    height: calc(26/1920*100vw);
    float: right;
    margin-right: calc(150/1920*100vw);
    margin-top: calc(20/1920*100vw);
    text-indent: -9999px;
}
.part3-con{
    width: calc(1200/1920*100vw);
    float: right;
    color: #d3e6f4;
    font-size: calc(25/1920*100vw);
    padding-top: calc(50/1920*100vw);
    padding-left: calc(40/1920*100vw);
    box-sizing: border-box;
    overflow: hidden;
}
.part3-con ul,
.part3-con ul li{
    float: left;
}
.part3-con ul li a{
    width: calc(1000/1920*100vw);
    color: #d3e6f4;
    overflow: hidden;
    float: left;
    position: relative;
    margin-bottom: calc(70/1920*100vw);
}
.part3-con em:before{
    content: "";
    background: url(../images/index/p3-icon2.png) no-repeat center/100%;
    width: calc(16/1920*100vw);
    height: calc(33/1920*100vw);
    position: absolute;
    top: calc(5/1920*100vw);
    right: 0;
}
.part3-con span{
    width: calc(83/1920*100vw);
    height: calc(39/1920*100vw);
    text-align: center;
    line-height: calc(39/1920*100vw);
    display: block;
    font-size: calc(16/1920*100vw);
    color: #182640;
    float: left;
}
.part3-con p{
    float: left;
    height: calc(39/1920*100vw);
    line-height: calc(39/1920*100vw);
    margin-left: calc(20/1920*100vw);
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: calc(800/1920*100vw);
}
.p3-icon1 a span{
    background: url(../images/index/p3-icon1.png) no-repeat center/100%;
}
.p3-icon1 a:hover{
    color: #78c1ff;
}
.p3-icon1 a:hover em:before{
    content: "";
    background: url(../images/index/p3-icon7.png) no-repeat center/100%;
}


.p3-icon2 a span{
    background: url(../images/index/p3-icon3.png) no-repeat center/100%;
}
.p3-icon2 a:hover{
    color: #e4c649;
}
.p3-icon2 a:hover em:before{
    content: "";
    background: url(../images/index/p3-icon5.png) no-repeat center/100%;
}


.p3-icon3 a span{
    background: url(../images/index/p3-icon4.png) no-repeat center/100%;
}
.p3-icon3 a:hover{
    color: #b281f7;
}
.p3-icon3 a:hover em:before{
    content: "";
    background: url(../images/index/p3-icon6.png) no-repeat center/100%;
}



/*part4*/
.part4{
    width: 100%;
    height: calc(982/1920*100vw);
    overflow: hidden;
    position: relative;
    letter-spacing: 2px;
}
.part4-con{
    width: 100%;
    height: 100%;
    position: absolute;
/*    top: -5%;
    left: -5%;*/
}
.part4-bg{
    background: url(../images/index/part4-bg.jpg) no-repeat center/cover;
    width: 100%;
    height: 100%;
}
.part4-ti{
    background: url(../images/index/part4-ti.png) no-repeat center/100%;
    width: calc(803/1920*100vw);
    height: calc(76/1920*100vw);
    position: absolute;
    top: calc(80/1920*100vw);
    left: 50%;
    margin-left: calc(-400/1920*100vw);
    z-index: 9;
}
.part4 .swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.part4 .swiper-slide {
  background-size: cover;
  background-position: center;
}
.part4 .gallery-top .swiper-slide {
  box-sizing: border-box;
  padding-left: calc(280/1920*100vw);
  padding-top: calc(230/1920*100vw);
}
.part4 .swiper-slide .name{
    font-size: calc(48/1920*100vw);
    font-weight: bold;
    color: #fff4c4;
}
.part4 .swiper-slide .cv{
    display: block;
   
    width: calc(244/1920*100vw);
    height: calc(95/1920*100vw);
    margin-top: calc(20/1920*100vw);
}
.part4 .swiper-slide .desc{
    font-size: calc(16/1920*100vw);
    color: #fff;
    width: calc(440/1920*100vw);
    margin-top: calc(-30/1920*100vw);
    line-height: calc(20/1920*100vw);
}
.part4 .swiper-slide .icon{
    display: block;
    width: calc(361/1920*100vw);
    margin-top: calc(20/1920*100vw);
}
.part4 .swiper-slide .p4-more{
    display: block;
    background: url(../images/index/person/p4_btn.png) no-repeat center/100%;
    width: calc(161/1920*100vw);
    height: calc(69/1920*100vw);
    margin-top: calc(20/1920*100vw);
    opacity: 0;
}
.part4 .swiper-slide .person{
    width: calc(1310/1920*100vw);
    height:calc(794/1920*100vw);
    position: absolute !important;
    top: 0;
    right: 0;
    left: initial !important;
}
.part4 .swiper-slide .sz{
    background: url(../images/index/person/sz.png) no-repeat center/100%;
}
.part4 .swiper-slide .sz-cv{
     background: url(../images/index/person/sz-name.png) no-repeat left;
     background-position-y: top;
     background-size: contain;
}
.part4 .swiper-slide .ab{
    background: url(../images/index/person/ab.png) no-repeat center/100%;
}
.part4 .swiper-slide .ab-cv{
     background: url(../images/index/person/ab-name.png) no-repeat left;
     background-position-y: top;
     background-size: contain;
}
.part4 .swiper-slide .km{
    background: url(../images/index/person/km.png) no-repeat center/100%;
}
.part4 .swiper-slide .km-cv{
     background: url(../images/index/person/km-name.png) no-repeat left;
     background-position-y: top;
     background-size: contain;
}
.part4 .swiper-slide .xl{
    background: url(../images/index/person/xl.png) no-repeat center/100%;
}
.part4 .swiper-slide .xl-cv{
     background: url(../images/index/person/xl-name.png) no-repeat left;
     background-position-y: top;
     background-size: contain;
}
.part4 .swiper-slide .ae{
    background: url(../images/index/person/ae.png) no-repeat center/100%;
}
.part4 .swiper-slide .ae-cv{
     background: url(../images/index/person/ae-name.png) no-repeat left;
     background-position-y: top;
     background-size: contain;
}
.part4 .swiper-slide .ml{
    background: url(../images/index/person/ml.png) no-repeat center/100%;
}
.part4 .swiper-slide .ml-cv{
     background: url(../images/index/person/ml-name.png) no-repeat left;
     background-position-y: top;
     background-size: contain;
}
.part4 .swiper-slide .th-bg{
    background: url(../images/index/person/th-bg.png) no-repeat center/100%;
}
.part4 .swiper-slide .th{
    background: url(../images/index/person/th2.png) no-repeat center/100%;
}
.part4 .swiper-slide .th-cv{
     background: url(../images/index/person/th-name.png) no-repeat left;
     background-position-y: top;
     background-size: contain;
}
.part4 .swiper-slide .ds{
    background: url(../images/index/person/ds.png) no-repeat center/100%;
}
.part4 .swiper-slide .ds-cv{
     background: url(../images/index/person/ds-name.png) no-repeat left;
     background-position-y: top;
     background-size: contain;
}
.part4 .swiper-slide .sj-bg{
    background: url(../images/index/person/sj-bg.png) no-repeat center/100%;
}
.part4 .swiper-slide .sj{
    background: url(../images/index/person/sj2.png) no-repeat center/100%;
}
.part4 .swiper-slide .sj-cv{
     background: url(../images/index/person/sj-name.png) no-repeat left;
     background-position-y: top;
     background-size: contain;
}
.part4 .swiper-slide .ao{
    background: url(../images/index/person/ao.png) no-repeat center/100%;
}
.part4 .swiper-slide .ao-cv{
     background: url(../images/index/person/ao-name.png) no-repeat left;
     background-position-y: top;
     background-size: contain;
}
.part4 .swiper-slide .shaj-bg{
    background: url(../images/index/person/shaj-bg.png) no-repeat center/100%;
}
.part4 .swiper-slide .shaj{
    background: url(../images/index/person/shaj2.png) no-repeat center/100%;
}
.part4 .swiper-slide .shaj-cv{
     background: url(../images/index/person/shaj-name.png) no-repeat left;
     background-position-y: top;
     background-size: contain;
}
.part4 .swiper-slide .al-bg{
    background: url(../images/index/person/al-bg.png) no-repeat center/100%;
}
.part4 .swiper-slide .al{
    background: url(../images/index/person/al2.png) no-repeat center/100%;
}
.part4 .swiper-slide .al-cv{
     background: url(../images/index/person/al-name.png) no-repeat left;
     background-position-y: top;
     background-size: contain;
}
.part4 .swiper-slide .mu-bg{
    background: url(../images/index/person/mu-bg.png) no-repeat center/100%;
}
.part4 .swiper-slide .mu{
    background: url(../images/index/person/mu2.png) no-repeat center/100%;
}
.part4 .swiper-slide .mu-cv{
     background: url(../images/index/person/mu-name.png) no-repeat left;
     background-position-y: top;
     background-size: contain;
}
.part4 .swiper-slide .yh-bg{
    background: url(../images/index/person/yh-bg.png) no-repeat center/100%;
}
.part4 .swiper-slide .yh{
    background: url(../images/index/person/yh2.png) no-repeat center/100%;
}
.part4 .swiper-slide .yh-cv{
     background: url(../images/index/person/yh-name.png) no-repeat left;
     background-position-y: top;
     background-size: contain;
}
.part4 .swiper-slide .shun-bg{
    background: url(../images/index/person/shun-bg.png) no-repeat center/100%;
}
.part4 .swiper-slide .shun{
    background: url(../images/index/person/shun2.png) no-repeat center/100%;
}
.part4 .swiper-slide .shun-cv{
     background: url(../images/index/person/shun-name.png) no-repeat left;
     background-position-y: top;
     background-size: contain;
}
.part4 .swiper-slide .zl-bg{
    background: url(../images/index/person/zl-bg.png) no-repeat center/100%;
}
.part4 .swiper-slide .zl{
    background: url(../images/index/person/zl2.png) no-repeat center/100%;
}
.part4 .swiper-slide .zl-cv{
     background: url(../images/index/person/zl-name.png) no-repeat left;
     background-position-y: top;
     background-size: contain;
}
.part4 .swiper-slide .bh-bg{
    background: url(../images/index/person/bh-bg.png) no-repeat center/100%;
}
.part4 .swiper-slide .bh{
    background: url(../images/index/person/bh2.png) no-repeat center/100%;
}
.part4 .swiper-slide .bh-cv{
     background: url(../images/index/person/bh-name.png) no-repeat left;
     background-position-y: top;
     background-size: contain;
}
.part4 .swiper-slide .xc-bg{
    background: url(../images/index/person/xc-bg.png) no-repeat center/100%;
}
.part4 .swiper-slide .xc{
    background: url(../images/index/person/xc2.png) no-repeat center/100%;
}
.part4 .swiper-slide .xc-cv{
     background: url(../images/index/person/xc-name.png) no-repeat left;
     background-position-y: top;
     background-size: contain;
}
.gallery-top {
  height: 80.5%;
  width: 100%;
  color: #fff;
}
.gallery-thumbs {
  height: 18.5%;
  box-sizing: border-box;
}
.gallery-thumbs .swiper-slide {
  height: 100%;
  cursor: pointer;
}
.gallery-thumbs .swiper-slide:hover .part4-name,
.gallery-thumbs .swiper-slide:hover .part4-img1{
    opacity: 1
}
.gallery-thumbs .swiper-slide:hover .part4-img3{
    opacity: 0;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.gallery-thumbs .swiper-slide img{
    width: 100%;
    position: absolute;
}
.gallery-thumbs .part4-img3{
    opacity: 1;
}
.gallery-thumbs .part4-img2,
.gallery-thumbs .part4-img1{
    opacity: 0;
}
.gallery-thumbs .swiper-slide-thumb-active img{
    width: 98%;
    margin-top: 0.5%;
    margin-left: 1.5%;
    display: block;
    
}
.gallery-thumbs .swiper-slide-thumb-active{

    position: relative;
}
.gallery-thumbs .swiper-slide-thumb-active::before{
    content: '';
    z-index: -1;
    margin: 0%;
    box-shadow: inset 0 0 0 2px;
    animation: clipMe 8s linear infinite;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fefd9a;
}
.gallery-thumbs .swiper-slide-thumb-active .part4-img1,
.gallery-thumbs .swiper-slide-thumb-active .part4-img3{
    opacity: 0;
}
.gallery-thumbs .swiper-slide-thumb-active .part4-img2{
    opacity: 1;
}
@keyframes clipMe {

          0%, 100% {

            clip: rect(0px, 210.0px, 0px, 0px);

          }

          25% {

            clip: rect(0px, 0px, 180.0px, 0px);

          }

          50% {

            clip: rect(180.0px, 210.0px, 180.0px, 0px);

          }

          75% {

            clip: rect(0px, 210.0px, 180.0px, 210.0px);

          }

        }
.part4-name{
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 100%;
    font-size: calc(18/1920*100vw);
    position: absolute;
    top: 0;
    color: #abb8d4;
    background-color: rgba(22, 31, 69, 0.8);
    opacity: 0;
}
.part4-name p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
/*part5*/
.part5{
    background: url(../images/index/part5.jpg) no-repeat center/cover;
    width: 100%;
    height: calc(592/1920*100vw);
    position: relative;
    overflow: hidden;
}
.part5-ti{
    background: url(../images/index/part5-ti.png) no-repeat center/100%;
    width: calc(740/1920*100vw);
    height: calc(76/1920*100vw);
    margin: 0 auto;
    margin-top: calc(70/1920*100vw);
}
.part5-more{
    background: url(../images/index/part5-more.png) no-repeat center/100%;
    width: calc(107/1920*100vw);
    height: calc(26/1920*100vw);
    position: absolute;
    top: calc(80/1920*100vw);
    right: calc(50/1920*100vw);
    text-indent: -99999px;
}
.part5-con{
    /*height: calc(400/1920*100vw);*/
    width: 100%;
    overflow: hidden;
    margin-top: calc(50/1920*100vw)
}
.part5-li{
    width: 33%;
    height: 100%;
    float: left;
    display: block;
    position: relative;
}
.part5-li:nth-of-type(2){
    margin: 0 calc(9/1920*100vw);
}
.part5-li img{
    width: 100%;
    display: block;
}
.part5-li:hover .part5-bottom{
    background: url(../images/list/vid-bottom2.png) no-repeat center/cover;
    width: 100%;
    height: calc(70/1920*100vw);
    line-height: calc(70/1920*100vw);
    overflow: hidden;
    padding: 0 calc(10/1920*100vw);
    box-sizing: border-box;
}
.part5-li:hover .part5-bottom p{
    color: #5c411e;
}
.part5-li:hover em{
    background-image: url(../images/list/bf.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color:rgba(0, 0, 0, 0.34);
    background-size: calc(84/1920*100vw) calc(84/1920*100vw);
    width: 100%;
    height: calc(100% - 70/1920*100vw);
    position: absolute;
    top: 0;
    left: 0;
}
.part5-bottom{
    background: url(../images/index/part5-bottom.jpg) no-repeat center/cover;
    width: 100%;
    height: calc(70/1920*100vw);
    line-height: calc(70/1920*100vw);
    overflow: hidden;
    padding: 0 calc(10/1920*100vw);
    box-sizing: border-box;
}
.part5-bottom p{
    color: #4e598f;
    font-size: calc(20/1920*100vw);
    float: left;
}
.part5-bottom p:nth-of-type(1){
    float: left;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: calc(450/1920*100vw)
}
.part5-bottom p:nth-of-type(2){
    float: right;
}
/*part6*/
.part6{
    background: url(../images/index/part6.jpg) no-repeat center/cover;
    /*background: #000;*/
    width: 100%;
    height: calc(1343/1920*100vw);
    position: relative;
    overflow: hidden;
}
.part6-ti{
    background: url(../images/index/part6-ti.png) no-repeat center/100%;
    width: calc(819/1920*100vw);
    height: calc(77/1920*100vw);
    margin: 0 auto;
    margin-top: calc(70/1920*100vw);
}
.part6 img{
    width: 100%;
    
}
.part6 .swiper-container{
    margin-top: calc(60/1920*100vw);
}
.part6 .swiper-slide{
    /*transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important;*/
    -webkit-filter: grayscale(80%); /* Chrome, Safari, Opera */
    filter: grayscale(80%);
    width: calc(1573/1920*100vw);

}
.part6 .swiper-slide img{
    transform:scale(1.6);
}
.part6 .swiper-slide-active{
    -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
}
.part6 .swiper-slide-active img{
    transform:scale(1);
}
.part6-bottom{
    background: url(../images/index/part6-bottom.png) no-repeat center/100%;
    width: calc(1905/1920*100vw);
    height: calc(116/1920*100vw);
    position: fixed;
    bottom: 0;
    left: calc(7/1920*100vw);
    z-index: 9;
    overflow: hidden;
    transition: all 0.5s;
    display: none;
}
.part6-btn{
    background: url(../images/index/part6-btn.png) no-repeat center/100%;
    width: calc(404/1920*100vw);
    height: calc(50/1920*100vw);
    margin: 0 auto;
    margin-top: calc(40/1920*100vw);
    overflow: hidden;
}
.part6-btn a{
    display: block;
    float: left;
    width: calc(190/1920*100vw);
    height: 100%;
}
.part6-btn a:nth-of-type(2){
    margin-left: calc(22/1920*100vw)
}
.p6-top{
    display: none;
}
.p6-logo{
    width: calc(1250/1920*100vw);
    margin: calc(150/1920*100vw) auto 0;
    color: #fff;
    font-size: calc(20/1920*100vw);
}
.p6-logo img{
    width: calc(107/1920*100vw);
    height: calc(107/1920*100vw);
    float: left;
}
.p6-desc{
    float: left;
    margin-top: calc(0/1920*100vw);
    margin-left: calc(20/1920*100vw);
    line-height: calc(35/1920*100vw);
}


/*媒体查询*/
@media only screen and (max-width: 1600px) {
    .p1-form a {
        font-size: calc(14/1920*100vw);
    }
}

@media only screen and (max-width: 1300px) {
    .p1-form a {
        font-size: calc(12/1920*100vw);
    }
    .p1-form .btna a{
        margin: 0;
    }
    .p1-form p {
        margin-top: calc(20/1920*100vw);
    }
}







/*pop*/


/*移动端*/
/*kv*/
.mclass .index_kv{
    background: url(../images/index/m/m-kv.jpg) no-repeat center/cover;
    width: 100%;
    height: 12.57rem;
}
.mclass .kv_con{
    background: url(../images/index/m/kv_con.png) no-repeat center/cover;
    width: 100%;
    height: 3.14rem;
    margin-top: 9.41rem;
}
.mclass .kv_spr{
    background: none;
    width: 5.07rem;
    height: 1.52rem;
    margin-top: 0.4rem;
    background-image: url(../images/index/m/kv-spr.png);
    background-size: 5.07rem 1.52rem;

}
.mclass .kv_spr2{
    background: url(../images/index/m/kv-spr2.png) no-repeat center/100%;
    width: 4.35rem;
    height: 0.54rem;
    margin: 0 auto;
    margin-top: 0.49rem;
    overflow: hidden;
}
.mclass .kv_spr3{
    background: url(../images/index/m/kv-spr3.png) no-repeat center/100%;
    width: 5.32rem;
    height: 1.57rem;
    margin: 0 auto;
    margin-top: 0.9rem;
    overflow: hidden;
}
.mclass .kv_spr2 a{
    display: block;
    width: 2rem;
    height: 0.55rem;
    float: left;
    margin-right: 0.3rem;
}
.mclass .kv_spr2 a:nth-of-type(2){
    margin-right: 0
}
.mclass .kv-code{
    display: none;
}
.mclass .kv-btn{
    margin-left: 0;
    width: 5.32rem;
    height: 0.59rem;
}
.mclass .kv-btn .kv-apple,.mclass .kv-btn .kv-google{
    width: 2.55rem;
    height: 0.66rem;
    float: initial;
    background: url(../images/index/part6-btn.png);
    background-size: 5.32rem 0.66rem;
    margin: 0 auto;
}
.mclass .kv-btn .kv-google{
    background-position: top right;
}
.mclass .kv-bottom a{
    width: 0.75rem;
    height: 0.8rem;
    margin: 0 0.1rem;
    margin-top: 0.1rem;
    float: left;
}
.mclass .kv-bottom a:nth-of-type(1){
    margin-left: 1.35rem;
}
/*part1*/
.mclass .part1{
    background: url(../images/index/m/part1.jpg) no-repeat top/cover;
    height: 8.82rem;
}
.mclass .part1_l,
.mclass .part1_r{
    display: none;
}
.mclass .part1-ti{
    background: url(../images/index/m/part1-ti.png) no-repeat center/100%;
    width: 7.32rem;
    height: 0.64rem;
    margin-top: 0.3rem;
}
.mclass .part1-ti2{
    background: url(../images/index/m/part1-ti2.png) no-repeat center/100%;
    width: 7.5rem;
    height: 0.97rem;
    margin-top: 0.3rem;
}
.mclass .part1-con1{
    background: url(../images/index/m/part1-con1.png) no-repeat center/100%;
    width: 100%;
    height: 11.97rem;
    margin-top: 0.35rem;
    opacity: 1;
}
.mclass .p1-ti{
    margin-top: 0.5rem;
    font-size: 0.32rem;
    margin-bottom: 0.5rem;
}
.mclass .p1-ti:before{
    width: 5.15rem;
    height: 0.13rem;
    margin-left: -2.57rem;
    bottom: -0.25rem;
}
.mclass .p1-form{
    width: 5.5rem;
    height: 8.9rem;
    font-size: 0.24rem;
    line-height: 0.35rem;
}
.mclass .p1-form .btna a{
    padding-left: 0.4rem;
    width: 100%;
    margin: 0.1rem 0;
}
.mclass .p1-form .btna a:after, .mclass .p1-form .btnb a:after,
.mclass .p1-icon7:after{
    width: 0.35rem;
    height: 0.36rem;
    top: 0.05rem;
}
.mclass .p1-form .btna a.on:after,.mclass  .p1-form .btnb a.on:after{
    width: 0.35rem;
    height: 0.36rem;
}
.mclass .p1-form .btnb a{
    padding-left: 0.4rem;
    margin: 0.2rem 0;
}
.mclass .p1-form p{
    margin-top: 0.22rem;
}
.mclass .p1-form a{
    font-size: 0.2rem;
}
.mclass .p1-form input{
    height: 0.3rem;
    line-height: 0.3rem;
    padding-left: 0.2rem;
    margin-top: 0.2rem;
    width: 100%;
}
.mclass .p1-form .tips{
    width: 100%;
    font-size: 0.22rem;
}
.mclass .p1-icon7{
    margin-top: .1rem;
    padding-left: 0.4rem;
}
.mclass .p1-icon7-2{
       /* bottom: 0.55rem;
    position: absolute;
    left: 0.4rem;
    height: 0.36rem;*/
}
.mclass .p1-icon7-2:before{
    content: '';
    width: 53%;
    bottom: 0.06rem;
}
.mclass .p1-icon8{
    background: url(../images/index/m/p1-btn.png) no-repeat center/100%;
    width: 2.3rem;
    height: 0.56rem;
    margin-top: 2.6rem;
}
.mclass .part1-con2{
    background: url(../images/index/m/part1-con2.png) no-repeat center/100%;
    width: 7.28rem;
    height: 6.47rem;
    margin-left: 0.2rem;
    margin-top: 0;
    opacity: 1
}
.mclass .p1-p{
    width: 3.6rem;
    height: 4.5rem;
    margin-top: 1.37rem;
    margin-left: 0.65rem;
    line-height: 0.35rem;
    font-size: 0.22rem;
}
.mclass .part1-btn{
    background: url(../images/index/m/part1-btn.png) no-repeat center/100%;
    width: 4.25rem;
    height: 0.96rem;
    margin: 0 auto;
    margin-top: 0.25rem;
}
.mclass .part1-smallti{
    background: url(../images/index/m/part1-smallti.png) no-repeat center/100%;
    width: 4.96rem;
    height: 0.7rem;
    margin: 0 auto;
    margin-top: 0.35rem;
}   
.mclass .part1-top{
    background: url(../images/index/m/part1-top.png) no-repeat center/100%;
    width: 7.28rem;
    height: 2.84rem;
    margin: 0 auto;
    overflow: hidden;
}
.mclass .part1-img{
    background: url(../images/index/m/part1-img4.png) no-repeat top/contain;
    height: 1.75rem;
    width: 7.19rem;
    margin: 0 auto;
    margin-top: 0.4rem;

}
/*part2*/
.mclass .part2 .swiper-pagination{
    bottom: 0.2rem;
}
.mclass .part2 .swiper-pagination .swiper-pagination-bullet{
    width: 0.5rem;
    height: 0.08rem;
    margin: 0 0.2rem;
}
.mclass .swiper-button-next,.mclass .swiper-button-prev{
    width: 0.56rem !important;
    height: 1.06rem !important;
    top: 25%;
}
.mclass .swiper-button-next1,.mclass .swiper-button-prev1{
    top: 1.25rem;
}

/*part3*/
.mclass .part3{
    background: url(../images/index/m/part3.jpg) no-repeat center/100%;
    height: 14.3rem;
}
.mclass .part3-l{
     background: url(../images/index/m/part3-l.png) no-repeat center/100%;
     width: 7.5rem;
     height: 7.26rem;
     margin-top: 0.65rem;
}
.mclass .offic_com{
    width: 90%;
    margin: 0 auto;
    height: 80%;
    margin-top: 0.75rem;
}
.mclass .part3-ti{
    background: url(../images/index/m/part3-ti.png) no-repeat center/100%;
    width: 5.93rem;
    height: 0.58rem;
    position: absolute;
    top: 0.25rem;
    left: 50%;
    transform: translateX(-50%);
}
.mclass .part3-r{
    margin-top: 8rem;
    padding-left: 0;
    height: 6.35rem;
}
.mclass .part3-tab{
    width: 7rem;
    margin: 0 auto;
    float: initial;
    height: 0.65rem;
    line-height: 0.65rem;
    font-size: 0.28rem;
}
.mclass .part3-tab .p3-nav{
    width: 1.7rem;
}
.mclass .part3-con{
    width: 7rem;
    margin: 0 auto;
    float: initial;
    font-size: 0.25rem;
}
.mclass .part3-con li{
    font-size: 0.22rem;
}
.mclass .part3-con span{
    width: 0.83rem;
    height: 0.39rem;
    line-height: 0.39rem;
    font-size: 0.16rem;
}
.mclass .part3-con ul li a{
    width: 6.5rem;
}
.mclass .part3-con p{
    height: 0.39rem;
    line-height: 0.39rem;
    width: 5rem;
}
.mclass .p3-more{
    background-image: none;
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 7rem;
    height: 0.65rem;
    text-align: center;
    line-height: 0.65rem;
    background-color: #4e5a74;
    color: #fff;
    font-size: 0.24rem;
    border: 1px solid #fff;
    text-indent: 0;
}
/*part4*/
.mclass .part4{
    height: 6.47rem;
    background: url(../images/index/m/part4.jpg) no-repeat center/100%;
    width: 100%;
}
.mclass .part4-con{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.mclass .part4-bg{
    background: none;
}
.mclass .part4-ti{
    background: url(../images/index/m/part4-ti.png) no-repeat center/100%;
    width: 6.4rem;
    height: 0.62rem;
    position: absolute;
    top: 0.25rem;
    left: 50%;
    transform: translateX(-50%);
    margin-left: initial;
}
.mclass .part4 .gallery-top .swiper-slide{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.mclass .part4 .swiper-slide .name{
    font-size: 0.38rem;
}
.mclass .part4-name p{
    opacity: 0;
}
.mclass .gallery-thumbs .swiper-slide:hover .part4-name,
.mclass .gallery-thumbs .swiper-slide:hover .part4-img1,
.mclass .gallery-thumbs .swiper-slide:hover .part4-img3{
    opacity: 0;
}
.mclass .part4 .swiper-slide .cv{
    width: 2.44rem;
    height: 0.95rem;
    margin-top: 0.1rem;
}
.mclass .part4 .swiper-slide .desc{
    font-size: 0.16rem;
    width: 4rem;
    margin-top: -0.4rem;
    line-height: 0.3rem;
    height: 1rem;
    overflow-y: auto;
}
.desc::-webkit-scrollbar-thumb{
 -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
 border-radius: 2px;
 background: #fff;
}
.desc::-webkit-scrollbar-track{
 -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
 background: #000;
 border-radius: 2px;
}
.desc::-webkit-scrollbar{
 width: 2px;
 height: 1px;
 border-radius: 2px;
}
.mclass .part4 .swiper-slide .icon{
    width: 2.61rem;
    margin-top: 0.1rem;
}
.mclass .part4 .swiper-slide .p4-more{
    width: 1.61rem;
    height: 0.7rem;
    margin-top: 0.1rem;
}
.mclass .part4 .swiper-slide .person{
    width: 6.28rem;
    height: 5.33rem;
    right: 0;
    z-index: -1;
}

.mclass .part4 .swiper-slide .sz {
    background: url(../images/index/m/sz.png) no-repeat center/100%;
}
.mclass .part4 .swiper-slide .ab {
    background: url(../images/index/m/ab.png) no-repeat center/100%;
}
.mclass .part4 .swiper-slide .km {
    background: url(../images/index/m/km.png) no-repeat center/100%;
}
.mclass .part4 .swiper-slide .xl {
    background: url(../images/index/m/xl.png) no-repeat center/100%;
}
.mclass .part4 .swiper-slide .ae {
    background: url(../images/index/m/ae.png) no-repeat center/100%;
}
.mclass .part4 .swiper-slide .ml {
    background: url(../images/index/m/ml.png) no-repeat center/100%;
}
.mclass .part4 .swiper-slide .th {
    background: url(../images/index/m/th.png) no-repeat center/100%;
}
.mclass .part4 .swiper-slide .ds {
    background: url(../images/index/m/ds.png) no-repeat center/100%;
}
.mclass .part4 .swiper-slide .sj {
    background: url(../images/index/m/sj.png) no-repeat center/100%;
}
.mclass .part4 .swiper-slide .ao {
    background: url(../images/index/m/ao.png) no-repeat center/100%;
}
.mclass .part4 .swiper-slide .shaj {
    background: url(../images/index/m/shaj.png) no-repeat center/100%;
}
.mclass .part4 .swiper-slide .al {
    background: url(../images/index/m/al.png) no-repeat center/100%;
}
.mclass .part4 .swiper-slide .mu {
    background: url(../images/index/m/mu.png) no-repeat center/100%;
}
.mclass .part4 .swiper-slide .yh {
    background: url(../images/index/m/yh.png) no-repeat center/100%;
}
.mclass .part4 .swiper-slide .zl {
    background: url(../images/index/m/zl.png) no-repeat center/100%;
}
.mclass .part4 .swiper-slide .shun {
    background: url(../images/index/m/shun.png) no-repeat center/100%;
}
.mclass .part4 .swiper-slide .bh {
    background: url(../images/index/m/bh.png) no-repeat center/100%;
}
.mclass .part4 .swiper-slide .xc {
    background: url(../images/index/m/xc.png) no-repeat center/100%;
}
.mclass .part4 .swiper-slide .th-bg,
.mclass .part4 .swiper-slide .sj-bg,
.mclass .part4 .swiper-slide .shaj-bg,
.mclass .part4 .swiper-slide .al-bg,
.mclass .part4 .swiper-slide .mu-bg,
.mclass .part4 .swiper-slide .yh-bg,
.mclass .part4 .swiper-slide .shun-bg,
.mclass .part4 .swiper-slide .zl-bg,
.mclass .part4 .swiper-slide .bh-bg,
.mclass .part4 .swiper-slide .xc-bg{
    opacity: 0;
}
.mclass .part4 .swiper-button-next, .mclass .part4 .swiper-button-prev{
    margin-top: 2.75rem;
    width: 0.3rem !important;
    height: 0.8rem !important;
}
.mclass .part4 .swiper-button-next{
    right: 0.2rem !important;
}
.mclass .part4 .swiper-button-prev{
    left: 0.2rem !important;
}
.mclass .gallery-thumbs .swiper-slide-thumb-active::before{
    display: none;
}
.mclass .gallery-top{
    overflow: initial;
}
.mclass .gallery-thumbs{
    width: 80%;
    box-sizing: border-box;
}
.mclass .gallery-top:after{
    content: "";
    position: absolute;
    width: 110%;
    background: #071c39;
    height: 19.2%;
    bottom: -1.03rem;
    left: -10%;
    z-index: 9;
}
/*part5*/
.mclass .part5{
    background: url(../images/index/m/part5.jpg) no-repeat center/100%;
    width: 7.5rem;
    height: 11.4rem;
}
.mclass .part5-ti{
    background: url(../images/index/m/part5-ti.png) no-repeat center/100%;
    width:5.88rem;
    height: 0.63rem;
    margin-top: 0.5rem;
}
.mclass .part5-con{
    height: 8.5rem;
}
.mclass .part5-li{
    width: 6.5rem;
    float: initial;
    margin: 0 auto;
    height: 4rem;
    margin-bottom: 0.5rem;
}
.mclass .part5-bottom{
    height: 0.7rem;
    line-height: 0.7rem;
    padding: 0 0.1rem;
    
}
.mclass .part5-bottom p{
    font-size: 0.2rem;
}
.mclass .part5-bottom p:nth-of-type(1){
    width: 4.5rem;
}
.mclass .part5-li:hover .part5-bottom{
    background: url(../images/list/vid-bottom2.png) no-repeat center/cover;
    width: 100%;
    height: 0.7rem;
    line-height: 0.7rem;
    overflow: hidden;
    padding: 0 0.1rem;
    box-sizing: border-box;
}
.mclass .part5-li:hover .part5-bottom p{
    color: #5c411e;
}
.mclass .part5-li:hover em{
    background-image: url(../images/list/bf.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color:rgba(0, 0, 0, 0.34);
    background-size: 0.84rem 0.84rem;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.mclass .part5-more{
    background-image: none;
    position: absolute;
    top: 10.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 6.5rem;
    height: 0.65rem;
    text-align: center;
    line-height: 0.65rem;
    background-color: #4e5a74;
    color: #fff;
    font-size: 0.24rem;
    border: 1px solid #fff;
    text-indent: 0;
}
/*part6*/
.mclass .part6{
    background: url(../images/index/m/part6.jpg) no-repeat top/100%;
    width: 7.5rem;
    height: 10.74rem;
    /*background: #000;*/
}
.mclass .part6-ti{
    background: url(../images/index/m/part6-ti.png) no-repeat center/100%;
    width:6.51rem;
    height: 0.63rem;
    margin-top: 0.5rem;
}
.mclass .part6 .swiper-container{
    margin-top: 0.65rem;
}
.mclass .part6-bottom{
    background: url(../images/index/m/part6-bottom.png) no-repeat center/100%;
    width: 100%;
    height: 1.19rem;
}
.mclass .part6-btn{
    background: none;
    width: 4.04rem;
    height: 0.66rem;
    margin-top: 0.3rem;
}
.mclass .part6-btn .p6-apple,.mclass .part6-btn .p6-google{
    width: 2.55rem;
    height: 0.66rem;
    float: initial;
    background: url(../images/index/part6-btn.png);
    background-size: 5.32rem 0.66rem;
    margin: 0 auto;
}
.mclass .part6-btn .p6-google {
    background-position: top right;
}

.mclass .p6-top{
    display: block;
    background: url(../images/index/m/part6-top.png) no-repeat center/100%;
    width: 0.59rem !important;
    height: 0.65rem;
    position: absolute;
    top: 0.3rem;
    right: 0.8rem;
}
.mclass .p6-logo{
    width: 6rem;
    margin: 1.05rem auto 0;
    font-size: .14rem;
    padding-left: 1.1rem;
    box-sizing: border-box;
    position: relative;
}
.mclass .p6-logo img{
    width: 1.07rem;
    height: 1.07rem;
    position: absolute;
    top: 0;
    left: 0;
}
.mclass .p6-desc{
    line-height: 0.35rem;
}
.mclass .p6-desc span{
    display: block;
}
.mclass .part6 .swiper-button-next, .mclass .part6 .swiper-button-prev{
    /* margin-top: -2.6rem; */
}
.pop_app{
    width: calc(550 / 1920 * 100vw);
    height: calc(550 / 1920 * 100vw);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    background:#fff;
    z-index: 999;
    /* background: url(../images/pop.png) no-repeat;
    background-size: 100%; */
}
.appios{
    width: calc(459 / 1920 * 100vw);
    height: calc(459 / 1920 * 100vw);
    background: url(../images/appios.png) no-repeat;
    background-size: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: relative;
}
.appios-close{
    width: 25px;
    height: 25px;
    color: #C0C0C0;
    font-size: 26px;
    text-align: center;
    line-height: 15px;
    position: absolute;
    right: 4px;
    top: 10px;
    z-index: 3;
}
.s1-video {
    width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
.kv_tit{
    width: calc(1304 / 1920 * 100vw);
    height: calc(250 / 1920 * 100vw);
    /* background: url(../images/kvtitle.png) no-repeat center/100%; */
    margin-top: calc(-450 / 1920 * 100vw);
    position: relative;
    left: 50%;
    transform: translate(-50%);
    display: none;
    /* opacity: 0; */
}