@charset "utf-8";
/* CSS Document */
 body{padding:0;margin:0;}
    img{max-width:100%;}
    .box{background:url(../Images/bg.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%;}
    .dbtn a{display:inline-block;width:300px;height:50px;background:#f39800;border-radius:10px;text-align:center;line-height:50px;color:#2b334d;font-size:20px;font-weight:bold;}
    .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;}
    .mright{width:48%;float:right;padding-left:5%;}
    .copyright{position:fixed;background-color:rgba(0,0,0,0.5);color:#fff;font-size:12px; text-align:center;width:100%;padding:10px 0;left:0;bottom:0;}
    .copyright a{  color:#FFF !important; }
	.toweb{display: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:3vh;}
		.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:#2b334d;}
    }
	
 @media (max-width:700px){
	 /*.mright{ position:fixed; left:0; bottom:0;}*/
	 }