* {box-sizing:border-box; margin:0; padding:0; list-style:none;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		-khtml-user-select: none;
		user-select: none;		
		
		}
		a {text-decoration:none}

		body {padding-left:300px; background:#fafafa; min-width:1200px}

		nav {padding:50px; background:url(../images/nav_bg.jpg) center; background-size:cover; position:fixed; width:300px; height:100%; left:0; z-index:100; display:flex; flex-direction:column; align-items:center}
		nav a {color:#fff}
		nav a:hover {color:#5AD1EB}
		nav img {width:200px}
		nav img.logo_2 {display:none}
		nav ul.nav {margin-top:64px; flex:1; font-size:24px; }
		nav ul.nav li {padding:16px}
		nav ul.nav a {text-shadow:#055668 2px 2px 4px; font-weight:bold; line-height:150%}
		nav ul.nav a:hover { text-shadow:#000 2px 2px 4px}
		
		nav .btn-menu, nav .btn-lang {display:none}

		nav ul.lang a {position:relative; display:block; line-height:200%}
		nav ul.lang a.active::before {content:' '; position:absolute; left:-30px; top:4px; width:24px; height:24px; background-image:url(../images/icon_lang.png); background-repeat:no-repeat; background-size:100%}

		.footer {background:#ddd; padding:48px 96px; align-items:center}
		.footer .item {padding:0; display:flex; justify-content:space-between; align-items:start}
		.footer .item > div {padding-left:24px}
		.footer .item > div:first-child {padding:0}

		.footer .logo {width:400px}
		.footer .qrcode {text-align:center; font-size:14px; color:#333}
		.footer .qrcode img {width:148px}
		.footer .address {font-size:14px; color:#333; line-height:150%; margin-top:24px}
		.footer .nav {position:relative}
		.footer .nav li a {color:#000; font-size:16px; line-height:200%}
		.footer .nav li a:hover {color:#055668}
		.footer .nav li::after {content:' '; display:block; border-bottom:1px #aaa solid; width:24px; left:-32px; margin-top:-10px; position:absolute;}

		.footer .button {cursor:pointer; background:url(../images/arrow_right_green.png) 160px center no-repeat; background-size:auto 60%; line-height:100%; padding:12px 36px 12px 15px; border:1px #1B9EBB solid; width:220px; border-radius:8px; font-size:16px; font-weight:bold; margin:0 0 0; text-align:center; color:#1B9EBB}
		.footer .button:hover {background-color:#1B9EBB; color:#fff; background-image:url(../images/arrow_right.png)}

		.copyright {font-size:12px; color:#666; line-height:160%}
		.copyright a {color:#666}

		@media only screen and (max-width:1600px) {  
			.footer .logo {width:300px}
			.footer .button {font-size:14px; width:160px; background-position-x:120px}
			.footer .nav li a {font-size:14px}

			nav img.logo_1 {width:150px}
			nav img.logo_2 {width:150px}

			nav ul.nav {font-size:20px}
			nav ul.nav li {padding:8px 16px}
			nav ul.lang {font-size:14px}
			.footer .nav {color:#055668; text-shadow:none}
			.footer .address {font-size:12px}
			/*body {zoom:.9}*/
		}

		@media only screen and (max-width:800px) {  
			body {min-width:100%; padding:0}
			html, body {width:100%}
			nav {padding:12px 24px; height:70px; width:100%; top:0; align-items:start}
			nav img.logo_1 {width:100px}
			nav img.logo_2 {width:100px}
			nav img.btn-menu {display:block; position:absolute; right:16px; top:8px; z-index:9; width:48px; padding:8px}
			nav img.btn-lang {display:block; position:absolute; right:66px; top:8px; z-index:9; width:48px; padding:12px}
			nav ul {z-index:8; display:none; position:absolute; height:auto; left:0; margin:0; width:100%; background:rgba(255,255,255,.9); top:70px}
			nav ul.nav {margin:0}
			nav .lang {top:70px}
			nav .lang a {padding:8px 24px}
			nav ul li {border-top:1px #ccc solid; padding:8px 24px}
			nav ul.nav a, nav ul.lang a {color:#055668; text-shadow:none; font-size:16px}
			nav ul.nav a:hover {text-shadow:none}

			.qrcode {display:none}

			.footer {padding:24px}
			.footer .item {display:block}
			.footer .logo {width:100%; margin-top:24px}
			.footer .nav {position:relative; margin:24px 0 24px 48px}

			.footer .copyright {margin-top:24px}
		}