@charset "utf-8";
/* CSS Document */
 body{padding:0;margin:0;}
    img{max-width:100%;}
    .box{background:url(../Images/webbg.jpg);width:100vw; height:100vh; background-position:center center;background-repeat:no-repeat;background-size:auto 100% ;}
    .logo{padding:20px 0 0 20px;}
    .main{max-width:1200px;margin:0 auto;padding-top:3vh;}
    .mleft{width:45%;float:left; padding:6% 0 0 2%;}
    .tit img{width:88%;}
	.tit strong{font-weight:bold; font-size:60px; color:#fff;}
	.tit font{font-size:20px; color:#fff; display:inline-block; padding-bottom:30px;}
    .dbtn a{display:inline-block;width:300px;height:50px;background:#fff;border-radius:10px;text-align:center;line-height:50px;color:#2b334d;font-size:20px;font-weight:bold;}
    .dbtn a:hover{text-decoration:none;}
	.code{padding-top:5vh;}
    .code img{width:130px;border:1px solid #d0e6e4;box-shadow:0 0 20px rgba(29,160,127,0.2);}
    .code font{font-size:16px;letter-spacing:2px;display:inline-block;padding-top:5px; color:#fff;}
    .mright{width:48%;float:right;padding-left:5%; height:60vh;}
    .copyright{position:fixed;background-color:rgba(0,0,0,0.5);color:#fff;font-size:14px; text-align:center;width:100%;padding:10px 0;left:0;bottom:0;}
    .copyright a{  color:#FFF !important; font-size:14px; }
	.toweb{display:none;}
	
	
	 .swiper-container {width: 100%;height: 100%; overflow:hidden;padding: 0 3px;}
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;/* 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;
	  transition: 300ms;
	  transform: scale(1.2);
    }
	.swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1.5); z-index:9;}
	.swiper-slide{width:30%; background:none;}
	
 @media (max-width:880px){
	 .box{overflow:hidden;}
	 .logo{width:50%;}
        .main{width:85%;margin:0 auto;padding-top:3vh;}
		.tit img{width:97%; padding-left:3%;}
        .mleft,.mright{width:100%;float:none; padding:0; text-align:center;}
		.mleft{padding-top:30px;}
		.mright{padding-top:0; height:43vh;}
		.code{padding-top:2vh; display:none;}
		.dbtn{}
		 .dbtn a{width:70%;}
		 .toweb{display:block; padding:10px 0 60px 0;}
		 .toweb a{ font-size:18px; color:#fff;}
    }
	
 @media (max-width:700px){
	 /*.mright{ position:fixed; left:0; bottom:0;}*/
	 }