@import url("global.css");

@import url("iconfont.css"); /* unicode iconfont & class iconfont */

@import url('animate.css');

@import url('swiper.css');

@import url('lightgallery.css');



::selection{background:#182fa3;color:#fff;}

body{font-family:'Microsoft YaHei';color:#333;line-height:20px;}

a{color:#333;}a:hover{color:#18316a;} /* link-visited-hover-active */



@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;}



header{}

	.top{line-height:34px;background:#f2f2f2;border-bottom:1px solid #dfdfdf;}

		.topwel strong{padding:0 5px;}

		.toplin{}

			.toplin a{margin:0 0 0 10px;}
	.head{padding:35px 0;background:#fff;}

		.headlog{display:flex;align-items:center;}

			.headlog a{margin:0 20px 0 0;}

			.headlog a img{}

			.headlog div{float:left;padding:2px 0 0;}

			.headlog div h2{font-size:25px;margin:0 0 8px;line-height:30px;}

			.headlog div h3{font-size:15px;font-weight:normal;color:#18316a;}

		.headtel{}

			.headtel span{display:block;font-size:24px;line-height:30px;padding:0 0 0 70px;position:relative;}

				.headtel span i{position:absolute;top:50%;transform:translateY(-50%);left:0;display:inline-block;width:50px;height:50px;text-align:center;font-size:34px;line-height:50px;margin:0 10px;background:#18316a;color:#fff;border-radius:50px;}


.nav{position:relative;background-image:linear-gradient(90deg,#18316a 0,#d99269 50%,#18316a 100%);}

	.nav nav{}

		.nav nav>ul{}

		.nav nav>ul>li{float:left;}

		.nav nav>ul>li>a{display:block;line-height:60px;font-size:18px;padding:0 27px;color:#fff;}

		.nav nav>ul>li.on>a,.nav nav>ul>li>a:hover{background-image:linear-gradient(180deg,#d99269 3px,#f1f1f1 3px,#f1f1f1 0);color:#18316a;}

		.nav nav>ul>li>a:hover{}



footer{background:#131f2d url(../images/bgfoot.jpg) no-repeat center bottom;}

	.foot{padding:60px 0;color:#fff;}

		.footnav{flex:1;line-height:30px;display:flex;}
			.footnav dl{flex:1;border-left:1px solid rgba(255,255,255,0.2);padding:0 40px;}
			.footnav dt{font-size:18px;line-height:30px;font-weight:bold;position:relative;margin:0 0 20px;}
			.footnav dt:before{content:'';display:block;width:10px;height:10px;position:absolute;top:8px;right:0;border-bottom:2px solid rgba(255,255,255,0.2);border-right:2px solid rgba(255,255,255,0.2);transform:rotate(45deg);}
			.footnav dd{}
			.footnav dd span{display:block;white-space:nowrap;}
			.footnav dd span a{color:#fff;opacity:0.5;}
		.footcon{flex:0 0 300px;min-width:0;line-height:25px;border-left:1px solid rgba(255,255,255,0.2);
padding:0 0 0 40px;}
				.footcon h3{font-size:18px;line-height:30px;margin:0 0 20px;position:relative;}

				.footcon h3 span{font-size:16px;color:#999;font-weight:normal;margin:0 0 0 5px;}

				.footcon h3:before{content:'';display:block;width:10px;height:10px;position:absolute;top:8px;right:0;border-bottom:2px solid rgba(255,255,255,0.2);border-right:2px solid rgba(255,255,255,0.2);transform:rotate(45deg);}
				.footcon div{margin:0 0 30px;}

				.footcon div p i{float:left;margin:0 10px 0 0;font-size:18px;}
				.footcon div p strong{font-size:36px;line-height:50px;display:block;color:#DDC658;}
				.footcon ul{}
				.footcon li{float:left;margin:0 30px 0 0;}
				.footcon li figure{width:120px;position:relative;background:#000;}
				.footcon li figure img{width:100%;}
				.footcon li figure figcaption{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;opacity:0;transition:all 0.3s ease-out 0s;text-align:center;line-height:120px;background:rgba(0,0,0,0.95);}
				.footcon li figure:hover figcaption{opacity:1;}
	.cop{line-height:30px;padding:40px 0;color:#fff;border-top:1px solid rgba(255,255,255,0.2);}

		.copinf a{color:#fff;}

		.copinf{opacity:0.3;text-align:center;}

			.copinf span{display:inline-block;margin:0 20px 0 0;}

			.copinf a{display:inline-block;margin:0 20px 0 0;}

		.copsup a{margin:0 0 0 10px;color:#fff;opacity:0.5;}
	.flink{padding:20px 0;background:#fff;}
		.flink a{margin:0 10px 0 0;}


}

@media (max-width:1024px){/* MOBILE */

body{font-size:12px;}

header{}
	.top{background:#f2f2f2;border-bottom:1px solid #dfdfdf;text-align:center;padding:5px 0;}
		.topwel strong{padding:0 5px;}
		.toplin{}
			.toplin a{margin:0 5px;}
	.head{padding:15px 20px;background:#fff;}
		.headlog{}
			.headlog a{margin:0 20px 0 0;}
			.headlog a img{height:30px;}
			.headlog div{display:none;}
		.headtel{display:none;}

.nav{position:relative;z-index:9;border-top:3px solid #18316a;background:#f2f2f2;}
	nav{}
		nav>span{position:absolute;z-index:99;top:-55px;right:5px;display:block;width:60px;padding:5px 15px;box-sizing:border-box;}
		nav>span:after{content:'';clear:both;position:absolute;top:35px;right:0;width:60px;text-align:center;color:#18316a;text-align:center;}
		nav>span i{display:block;content:'';width:100%;height:2px;background:#18316a;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:absolute;z-index:3;left:0;right:0;bottom:0;top:0;background:rgba(255,255,255,1);box-shadow:0 30px 30px rgba(0,0,0,0.1);transition:all ease-out 0.3s;display:none;}
		nav ul.on{display:block;}
		nav ul li{position:relative;}
		nav ul li i{position:absolute;z-index:1;top:0;right:0;width:40px;height:40px;background:rgba(0,0,0,0.1);text-align:center;line-height:40px;font-style:normal;}			
		
		nav li a{display:block;line-height:40px;font-size:14px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.1);background:#fff;}
		nav li a span{display:none;}
		nav li a:hover{background:#18316a;color:#fff;}
		nav li ul{display:none;position:static;overflow:hidden;box-shadow:none;background:none;}
		nav li ul.on{display:block;}
		nav li li{float:left;width:50%;}
		nav li li a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#999;}

footer{background:#131f2d url(../images/bgfoot.jpg) no-repeat center top;background-size:auto 100%;}
	.foot{padding:40px 20px;color:#fff;}
		.footnav{}
			.footnav dl{margin:0 0 20px;}
			.footnav dt{font-size:17px;font-weight:bold;position:relative;margin:0 0 10px;}
			.footnav dt:before{content:'';display:block;width:10px;height:10px;position:absolute;top:3px;right:0;border-bottom:2px solid rgba(255,255,255,0.2);border-right:2px solid rgba(255,255,255,0.2);transform:rotate(45deg);}
			.footnav dd{overflow:hidden;}
			.footnav dd span{display:inline-block;float:left;width:33.33%;}
			.footnav dd span a{color:#fff;opacity:0.5;}
		.footcon{line-height:25px;}
				.footcon h3{font-size:17px;margin:0 0 10px;position:relative;}
				.footcon h3 span{font-size:16px;color:#999;font-weight:normal;margin:0 0 0 5px;}
				.footcon h3:before{content:'';display:block;width:10px;height:10px;position:absolute;top:8px;right:0;border-bottom:2px solid rgba(255,255,255,0.2);border-right:2px solid rgba(255,255,255,0.2);transform:rotate(45deg);}
				.footcon div{margin:0 0 20px;}
				.footcon div p i{float:left;margin:0 10px 0 0;font-size:18px;}
				.footcon div p strong{font-size:24px;line-height:30px;display:block;margin:0 0 10px;color:#DDC658;}
				.footcon ul{}
				.footcon li{float:left;margin:0 20px 0 0;}
				.footcon li figure{width:100px;}
				.footcon li figure img{width:100%;}
	.cop{padding:20px 0;color:#fff;border-top:1px solid rgba(255,255,255,0.2);text-align:center;}
		.copinf a{color:#fff;}
		.copinf{opacity:0.3;}
			.copinf span{display:inline-block;margin:0 20px 0 0;}
			.copinf a{display:inline-block;margin:0 20px 0 0;}
		.copsup a{margin:0 0 0 10px;color:#fff;opacity:0.5;}
	.flink{padding:10px 0 70px;background:#fff;text-align:center;}
		.flink a{margin:0 10px 0 0;}

}