@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:#d81e06;} /* link-visited-hover-active */

@media (min-width:1025px){/* LAPTOPS */
body{font-size:13px;}
.w{display:flex;justify-content:space-between;width:1200px;margin:0 auto;}
.reverse{flex-direction:row-reverse;}
.column{flex-direction:column;}
header{}
	.top{display:flex;justify-content:space-between;background:#f6f6f6;font-size:12px;line-height:40px;padding:0 20px;color:#999;}
		.topwelcome{}
			.topwelcome i{float:left;font-size:20px;}
			.topwelcome span{color:#f00;}
		.toplink{}
			.toplink a{color:#999;border-left:1px solid #ccc;text-transform:uppercase;padding-left:15px;margin-left:15px;}
	.head{position:relative;padding:0 20px;display:flex;justify-content:space-between;}
		.headlogo{}
			.headlogo a{display:block;padding:35px 0;}
			.headlogo img{height:23px;}
		.headnav{}
			nav{}
				nav>ul{}
				nav>ul>li{float:left;position:relative;}
				nav>ul>li>a{position:relative;z-index:1;display:block;line-height:100px;padding:0 15px;text-transform:uppercase;font-size:16px;}
				nav>ul>li.on>a:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-bottom:5px solid #f00;border-left:5px solid transparent;border-right:5px solid transparent;}
				nav li a.on{}
				nav li ul{display:none;position:absolute;z-index:9;top:100px;left:0;width:240px;background:rgba(255,255,255,1);}
				nav li li{position:relative;}
				nav li li a{display:block;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;font-weight:normal;padding:0 30px;text-transform:capitalize;}
				nav li li a:before{content:'';display:block;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.05);height:1px;}
				nav li li a:after{content:'';display:block;position:absolute;top:50%;right:20px;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #fff;transform:translateY(-50%) rotate(45deg);transition:all ease-out 0.3s;left:auto;background:transparent;}
				nav li li a:hover{padding:0 35px;background:#d81e06;color:#fff;}
				nav li li a:hover:after{right:35px;border-top:1px solid #fff;border-right:1px solid #fff;}
				nav li li ul{top:0;left:240px;}
		.headtel{clear:both;padding:30px 0;}
			.headtel i{float:left;display:block;width:40px;height:40px;font-size:30px;line-height:40px;border-radius:40px;background:#fd2121;color:#fff;text-align:center;}
			.headtel dl{float:left;margin-left:10px;}
			.headtel dt{color:#999999;}
			.headtel dd{font-size:18px;font-weight:bold;color:#fd2121;}

footer{background:#000;color:#fff;font-size:12px;}
footer a{color:#fff;}
	.foot{overflow:hidden;padding:30px 0;line-height:30px;}
		.footnav{position:relative;padding:0 60px;}
			.footnav:before{content:'';display:block;position:absolute;top:0;left:0;width:1px;height:180px;background-image:linear-gradient(180deg,#fff 20px,#4d4d4d 20px,#4d4d4d 180px);}
			.footnav>ul{}
			.footnav>ul>li{float:left;margin-right:60px;}
			.footnav>ul>li:last-child{margin-right:0;}
			.footnav>ul>li>a{display:block;margin:0 0 20px;font-weight:bold;font-size:16px;}
			.footnav>ul>li>a:hover{}
			.footnav>ul>li li a{opacity:0.6;font-size:12px;}
		.footcontact{position:relative;padding:0 60px;}
			.footcontact:before{content:'';display:block;position:absolute;top:0;left:0;width:1px;height:180px;background-image:linear-gradient(180deg,#fff 20px,#4d4d4d 20px,#4d4d4d 180px);}
			.footcontact h3{font-weight:bold;font-size:16px;margin:0 0 20px;}
			.footcontact span{display:block;color:#f00;}
				.footcontact span i{float:left;font-size:30px;}
				.footcontact span em{font-weight:normal;font-size:24px;}
			.footcontact section{opacity:0.6;}
		.footcode{position:relative;padding:0 60px;}
			.footcode:before{content:'';display:block;position:absolute;top:0;left:0;width:1px;height:180px;background-image:linear-gradient(180deg,#fff 20px,#4d4d4d 20px,#4d4d4d 180px);}
			.footcode h3{font-weight:bold;font-size:16px;margin:0 0 20px;}
			.footcode figure{}
			.footcode img{width:120px;}
			.footcode figcaption{margin-top:10px;}
	.copy{background:#000;text-align:center;padding:20px 0;border-top:1px solid rgba(255,255,255,0.1);opacity:0.6;}
		.copyinfo{}
}
@media (max-width:1024px){/* TABLET */
body{font-size:12px;padding:125px 0 0;}
header{position:fixed;z-index:9;top:0;left:0;right:0;background:#fff;}
	.top{background:#eee;}
		.topwelcome{display:none;}
		.toplink{text-align:center;}
			.toplink a{color:#999;text-transform:uppercase;padding:0 10px;line-height:30px;}
	.head{position:relative;padding:0 20px;display:flex;justify-content:space-between;}
		.headlogo{}
			.headlogo a{display:block;padding:35px 0;}
			.headlogo img{height:20px;}
		.headnav{}
			nav{}
				nav>span{position:absolute;z-index:99;top:15px;right:10px;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:#ff0000;text-align:center;}
				nav>span i{display:block;content:'';width:100%;height:2px;background:#ff0000;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;z-index:3;right:-300px;bottom:0;top:120px;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;}
				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>ul>li>a{display:block;line-height:40px;font-size:14px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.1);}
				nav>ul>li>a span{display:none;}
				nav>ul>li>a:hover{background:#ff0000;color:#fff;}
				nav>ul>li>ul{display:none;position:static;overflow:hidden;box-shadow:none;background:none;}
				nav>ul>li>ul.on{display:block;}
				nav li li{float:left;width:50%;}
				nav li li a{display:block;line-height:40px;font-size:12px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
				nav li li ul{display:none;}
		.headtel{display:none;}

footer{background:#000;color:#fff;padding:40px 20px;}
footer a{color:#fff;}
	.foot{}
		.footnav{margin:0 0 40px;}
			.footnav>ul{}
			.footnav>ul>li:not(:last-child){margin:0 0 15px;}
			.footnav>ul>li>a{display:block;margin:0 0 5px;font-size:14px;font-weight:bold;}
			.footnav>ul>li>a:hover{}
			.footnav>ul>li li{float:left;margin-right:10px;}
			.footnav>ul>li li a{opacity:0.6;}
		.footcontact{margin:0 0 40px;}
			.footcontact h3{font-size:14px;font-weight:bold;margin:0 0 10px;}
			.footcontact span{display:block;color:#f00;margin:0 0 10px;}
				.footcontact span i{float:left;font-size:30px;}
				.footcontact span em{font-weight:normal;font-size:24px;}
			.footcontact section{opacity:0.6;}
		.footcode{}
			.footcode h3{font-size:14px;font-weight:bold;margin:0 0 10px;}
			.footcode figure{}
			.footcode img{width:120px;}
			.footcode figcaption{margin-top:10px;}
	.copy{background:#000;padding:20px 0 40px;border-top:1px solid rgba(255,255,255,0.1);opacity:0.6;}
		.copyinfo{}
}