@charset "utf-8";
.swiper-container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.swiper-slide-ct {

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}


.swiper-pagination-bullet { background: #35394b; opacity: 1; width: .50rem; height: .04rem; border-radius: .02rem; }
.swiper-pagination-bullet-active { background: #6451db; }

@media (max-width: 750px){
	* { box-sizing: border-box; background-size: contain !important; background-repeat: no-repeat; }
	.wrap { padding-left: 0; }
	.sub { width: 100%; height: .90rem; z-index: 998; background: url(../images/mob/sub.png) repeat-x; background-size: .01rem .90rem; }
	.sub .sound { left: .40rem; top: .25rem; width: .67rem; height: .46rem; margin-left: 0; }
	.sub .menu_btn { left: 6.64rem; top: .34rem; width: .36rem; height: .28rem; margin: 0; }
	.sub .menu_btn span { left: auto; right: 0; }
	.sub .menu_btn .s1 { width: .34rem }
	.sub .menu_btn .s2 { top: 50%; width: .27rem }
	.sub .lng_icon { left: 5.68rem; top: .30rem; width: .36rem; height: .36rem; margin: 0; }
	.sub .lng { display: none; }
	.sub .lng { top: 1.17rem; width: 3.48rem; height: .70rem; line-height: .70rem; text-align: center; background: #14212a; border-radius: .10rem; }
	.sub .lng div { display: inline-block; }

	.mod_share { display: none; }

	.navigation { display: none; }

	.section .bg { background-size: cover !important; }

	.section1 .text { left: 0rem; bottom: 10%; width: 7.50rem; height: 2.10rem; margin: 0; }



	.section2 .mod_menu { width: 100%; }
	.section2 .mod_menu .box { position: relative; left: 0; top: 1.90rem; width: 100%; margin: 0; }
	.section2 .mod_menu .title { width: 100%; text-align: center; }
	.section2 .mod_menu .title .t1 { height: .63rem; margin-bottom: .26rem; }
	.section2 .mod_menu .title .t2 { height: .26rem; margin-bottom: .26rem; }
	.section2 .mod_menu .p_line { width: 1.00rem; margin: 0 auto; margin-bottom: .30rem; }
	.section2 .mod_menu ul { display: none; }
	.section2 .mod_cont { width: 100%; top: 4.28rem; }

	.section2 .mod_cont .item { position: relative; display: block; width: 5.10rem; height: 4.80rem; }
	.section2 .mod_cont .item .img { height: 4.80rem; }
	.section2 .mod_cont .item .t { position: absolute; left: 0; bottom: -1.20rem; width: 100%; height: .90rem; text-align: center; background-position: center; }
	/*.section2 .mod_cont .item1 .t { background-image: url(../images/mob/sec2_t1.png); }
	.section2 .mod_cont .item2 .t { background-image: url(../images/mob/sec2_t2.png); }
	.section2 .mod_cont .item3 .t { background-image: url(../images/mob/sec2_t3.png); }*/
	.section2 .mod_cont .item .t h3 { line-height: .36rem; font-size: .26rem; color: #8d8d92; }
	.section2 .mod_cont .item .t p { line-height: .64rem; font-size: .40rem; }
	.section2 .mod_cont .item .t p span { position: relative; background: linear-gradient(to right, #914490, #6153dc, #4875c6);
        -webkit-background-clip: text;
        color: transparent; }
	
	.section2 .mod_cont .swiper-container { height: 6.80rem; }

	






	.section3 .main { width: 100%; height: 100%; padding-top: 1.00rem; }
	.section3 .main .title { position: relative; width: 100%; margin-top: 1.00rem; }
	.section3 .main .title .t1 { height: .63rem; margin-bottom: .26rem; }
	.section3 .main .title .t2 { height: .26rem; margin-bottom: .26rem; }
	.section3 .main .p_line { width: 1.00rem; margin-bottom: .30rem; }
	.section3 .main .big { height: auto; background: none; }
	.section3 .main .big .v { height: 4.60rem; background: #000; margin-bottom: .86rem; }
	.section3 .main .big .swiper-slide { height: 6.00rem; }
	.section3 .main .big .item .item_text { display: block; text-align: center; font-size: .26rem; color: #d8d8d8; }
	.section3 .main .sm { display: none !important; }
	.section3 .main .big .item { position: relative; display: block; }
	.section3 .main .big  .swiper-pagination { bottom: 0rem; }
	.section3 .main .swiper-container { padding-bottom: .50rem; }







	.section4 .list { left: 0; top: 0; width: 100%; height: 100%; margin: 0; }
	.section4 .list .title { left: 1.67rem; top: 1.93rem; width: 4.17rem; height: 1.54rem; margin: 0; text-align: center; background-image: url(../images/mob/sec4_title.png); }
	.section4 .list .title img { display: none; }
	.section4 .list .list_cont { position: absolute; top: 4.00rem; height: 7.60rem; }

	.section4 .list .list_cont .swiper-slide { width: 6.90rem; }
	.section4 .list li { float: none; width: 6.90rem; height: 3.00rem; overflow: hidden; margin: 0 auto .60rem; }

	.section4 .list .swiper-pagination { bottom: 0; }

	
	.section4 .list li span { line-height: .50rem; padding: 0 .10rem; font-size: .30rem; }
	.section4 .list li.item1 p,
	.section4 .list li.item3 p { left: 0; top: 0; right: auto; bottom: auto; }
	.section4 .list li.item2 p,
	.section4 .list li.item4 p { right: 0; top: 0; left: auto; bottom: auto; }

















	.section5 .cont { top: 0; left: 0; padding: 0.70rem .60rem 0; }
	.section5 .title { width: 100%; }
	.section5 .mb_mid { margin-bottom: .25rem !important; }
	.section5 .title .t1 { height: .53rem; margin-bottom: .25rem; text-align: center; }
	.section5 .title .t2 { height: .26rem; margin-bottom: .25rem; text-align: center; }
	.section5 .p_line { width: 1.00rem; margin: 0 auto .25rem }
	.section5 .form { margin-bottom: .20rem; }
	.section5 .form .label { display: block; line-height: .50rem; font-size: .24rem; color: #98999b; }
	.section5 .form dl { width: 100%; margin-bottom: .10rem; padding: 0; border: 0 none; }
	.section5 .form dl dt { height: .60rem; line-height: .60rem; border: 1px solid #212b49; background: #121b2a; font-size: .22rem; }
	.section5 .form dl dt i { display: none; }
	.section5 .form dl dt span { display: block; right: 0; top: 0; background: #020815; width: .58rem; height: 100%; margin-top: 0; }
	.section5 .form dl dt span:after { position: absolute; left: 50%; top: 50%; width: .20rem; height: .11rem; background: url(../images/mob/sec5_arrow.png) no-repeat; -webkit-transform: translate3d(-50%, -50%, 0); content: ""; background-size: .20rem .11rem; }
	.section5 .form dl dt input { height: .60rem; font-size: .22rem; }
	.section5 .form dl dd { left: 0; background: #020815; border-color: #212b49; }
	.section5 .form dl dd ul li { height: .60rem; line-height: .60rem; font-size: .22rem; border-bottom: 1px solid #212b49; }
	.section5 .form dl dd ul li:last-child { border-bottom: 0 none; }
	.section5 .btn { float: none; display: block; width: 100%; height: .78rem; margin-bottom: .10rem; background-image: url(../images/mob/sec5_btn.png); }
	.section5 .btn img { display: none; }
	.section5 .download { float: none; display: block; width: 1.70rem; margin: 0 auto; }





	.menu { position: absolute; right: 0; top: 0; z-index: 999; width: 3.30rem; height: 100%; }
	.menu .boxer { width: auto !important;display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

  	.menu .bg { background-image: url(../images/mob/mune_bg.png); background-size: cover !important; background-position: center; }
	.menu .main { position: relative; top: auto; left: auto; width: 100%; margin-top: 0; padding: 0 .30rem; }
	.menu .nav { margin-bottom: .30rem; }
	.menu .nav li { height: .36rem; margin-bottom: .50rem; }
	.menu .nav li img { height: .36rem; }

	.menu .nav li.on img { opacity: 0; }
	.menu .p_line { width: .20rem; }

	.menu .share { margin-bottom: 50% !important; }
	.menu .share a { display: inline-block; height: .36rem; margin-right: .20rem; }
	.menu .share a img { max-height: 100%; }
	
	.menu .contact { font-size: .24rem; }
	.menu .contact dt { display: none; }
	.menu .contact dd { border: 0 none; }
	.menu .contact dd li { float: none; position: relative; width: auto; padding: 0; margin-bottom: .30rem; padding-left: .36rem; white-space: normal; border: 0 none; }
	.menu .contact dd li i { position: absolute; left: 0; top: 0; width: .30rem; }
	.menu .contact dd li strong { display: none; }
	.menu .contact dd li .text { display: block; max-width: none; color: #878c94; }
	.menu .contact dd li i img { display: none; }
	.menu .contact dd li i.icon_pos { top: .40rem; width: .20rem; height: .26rem; background-image: url(../images/mob/icon1.png); }
	.menu .contact dd li i.icon_phone { top: .42rem; width: .26rem; height: .26rem; background-image: url(../images/mob/icon2.png); }
	.menu .contact dd li i.icon_mail { top: .48rem; width: .28rem; height: .17rem; background-image: url(../images/mob/icon3.png); }


	.lng_mob { display: block; position: absolute; left: 5.68rem; top: .30rem; width: .36rem; height: .36rem; }
	.lng_mob .icon { width: 100%; height: 100%; background-image: url(../images/mob/lng.png); }
	.lng_mob .dd { display: none; position: absolute; top: .87rem; right: -.32rem; width: 3.48rem; height: .70rem; line-height: .70rem; text-align: center; background: #14212a; border-radius: .10rem; font-size: .24rem; color: #fff; }
	.lng_mob .dd em { font-style: normal; padding: 0 .10rem }
	.lng_mob .dd a { opacity: 0.5; color: #fff; }
	.lng_mob .dd span { font-size: .28rem; }
	.lng_mob .dd:before { content: ""; position: absolute; right: .32rem; bottom: 100%; width: 0; height: 0;
	border-top-width: 0rem;
	border-left-width: .20rem;
	border-right-width: .20rem;
	border-bottom-width: .20rem;
	border-style: solid;
	border-color: transparent transparent #14212a transparent; }


	.arrow_left {
	  background-image: url(../images/mob/arrow_left.png);
	  position: absolute;
	  left: .82rem;
	  bottom: .15rem;
	  width: .12rem;
	  height: .24rem;
	}
	.arrow_right {
	  background-image: url(../images/mob/arrow_right.png);
	  position: absolute;
	  right: .82rem;
	  bottom: .15rem;
	  width: .12rem;
	  height: .24rem;
	}

}