@import url("global.css");
@import url("iconfont.css"); /* unicode iconfont & class iconfont */
@import url('animate.css');
@import url('swiper.css');

::selection{background:#1d2087;color:#fff;}
body{font-family:'Helvetica Neue',Helvetica,'PingFang SC',Tahoma,Arial,sans-serif;color:#333;line-height:20px;}
a{color:#333;}a:hover{color:#1d2087;} /* link-visited-hover-active */
main a img{width:100%;}

@media (min-width:1025px){/* DESKTOPS */
body{font-size:14px;}
.w{display:flex;justify-content:space-between;width:1200px;margin:0 auto;}
.reverse{flex-direction:row-reverse;}
.column{flex-direction:column;}

html,body{overflow-x:hidden;}

header{position:relative;z-index:9;box-sizing:border-box;}
header .w{align-items:center;}
	.log{padding:30px 0;display:flex;}
		.log a{}
		.log figure{}
		.log figure img{height:100px;}

	.nav{background:#1d2087;}
		nav{}
			nav>ul{}
			nav>ul>li{float:left;position:relative;margin:0 1px 0 0;}
			nav>ul>li>a{position:relative;z-index:1;display:block;font-size:18px;line-height:56px;padding:0 48px;color:#fff;}
			nav>ul>li>a:after{content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;background:#1d2087;height:2px;border-radius:5px;transition:all 0.3s ease-out 0s;}
			nav>ul>li:hover>a,nav li a:hover{background-image:linear-gradient(-30deg,#F7CF5B 0,#E5B62E 60%,#eee 100%);color:#fff;}
			nav>ul>li>a:hover:after{width:100%;}
			nav>ul>li a.on{background-image:linear-gradient(-30deg,#F7CF5B 0,#E5B62E 60%,#eee 100%);color:#fff;}
			nav>ul>li a.on:after{width:100%;}

			.healin{padding:25px 0;display:flex;align-items:center;}
			.healin span i{display:block;font-size:40px;line-height:40px;text-align:center;color:#FEC000;padding:5px;border-radius:50px;border:2px solid #FEC000;}
			.healin dl{position:relative;margin:0 0 0 10px;}
			.healin dt{font-size:12px;color:#999;}
			.healin dd{font-family:'RobotoCondensed';font-size:22px;line-height:25px;}
			.healin dd a{color:#FEC000;}
	

footer{background-image:linear-gradient(15deg,#eee 0,#eee 50%,#eee 50%,#eee 100%);}
footer a{color:#999;}
	.foo{position:relative;z-index:1;padding:40px 0;line-height:30px;}
		.fooinf{}
			.foonav{margin:0 0 20px;}
				.foonav>ul{display:flex;justify-content:space-between;}
				.foonav>ul:after{display:none;}
				.foonav>ul>li{text-align:center;}
				.foonav>ul>li>a{font-size:16px;font-weight:bold;color:#000;}
			.foocon,.foocop{color:#999;}
				.foocon span{padding:0 10px 0 0;}
				.foocon a,.foocop a{padding:0 10px 0 0;}
		.fooqrc{}
			.fooqrc img{height:110px;}
			.fooqrc p{display:flex;align-items:center;text-align:center;line-height:30px;padding:0 0 0 10px;}
			.fooqrc p span{padding:0 0 0 5px;}
			.fooqrc p i{font-size:20px;}
	.foolin{border-top:1px solid #ddd;padding:10px 0;color:#999;}
		.foolin a{padding:0 5px;}
}
@media (max-width:1024px){/* MOBILE */
body{font-size:12px;padding:70px 0 0;}

header{position:fixed;top:0;left:0;right:0;z-index:9;box-sizing:border-box;background:#fff;}
	.log{padding:15px 20px;}
		.log a{}
		.log figure{}
		.log figure img{height:40px;}

	.nav{}
		nav{background:#fff;clear:both;}
		nav span{position:fixed;z-index:9;top:20px;right:20px;display:block;width:30px;}
		nav span i{display:block;content:'';width:100%;height:2px;background:#ccc;margin:6px 0;transition:all 0.3s ease-out 0.1s;}
		nav span.on i:nth-of-type(1){transform:translateY(8.5px) rotate(45deg);}
		nav span.on i:nth-of-type(2){opacity: 0;}
		nav span.on i:nth-of-type(3){transform:translateY(-8.5px) rotate(-45deg);}
		nav ul{position:fixed;padding-top: 0;z-index:3;right:-300px;bottom:0;top:0;padding:70px 0 0;width:300px;background:rgba(255,255,255,1);box-shadow:0 30px 30px rgba(0,0,0,0.1);transition:all ease-out 0.3s;}
		nav ul.on{right:0;}
		nav ul li{position:relative;width: 100%;box-sizing: border-box;padding: 0;}
		nav ul li i{position:absolute;z-index:11;top:1px;right:1px;width:40px;height:40px;background:rgba(0,0,0,0.1);text-align:center;line-height:40px;font-style:normal;}
		nav>ul>li>a{display:block;line-height:42px;font-size:16px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.1);}
		nav>ul>li.on>a {border-bottom: 1px dashed rgba(0,0,0,0.1);}
		nav li a span{display:none;}
		nav li a:hover{background:#fff;color:#333;}

	.healin{display:none;}
		
		.healincon{text-align:right;margin:0 20px 0 0;}
			.healincon span{display:block;font-size:12px;color:#999;}
			.healincon p{font-size:28px;line-height:30px;font-weight:bold;}
		.healinqrc{}
			.healinqrc img{height:100px;}

footer{background-image:linear-gradient(15deg,#eee 0,#eee 50%,#eee 50%,#eee 100%);padding:20px;}
	.foo{position:relative;z-index:1;}
		.fooinf{}
			.foonav{margin:0 0 10px;}
				.foonav>ul{}
				.foonav>ul>li{float:left;width:25%;}
				.foonav>ul>li>a{font-size:16px;font-weight:bold;line-height:30px;}
			.foocon,.foocop{color:#999;margin:0 0 10px;}
			.foocon a,.foocop a{color:#999;}
				.foocon{display:none;}
				.foocon span{display:block;}
				.foocop span{display:block;}
				.foocon a,.foocop a{padding:0 10px 0 0;}
		.fooqrc{display:none;}
			.fooqrc img{height:140px;}
	.foolin{border-top:1px solid #ddd;padding:10px 0;color:#999;}
		.foolin a{padding:0 5px;color:#999;}
}