@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:#1e4a71;line-height:20px;}
a{color:#1e4a71;}a:hover{color:#fff;} /* link-visited-hover-active */

	body{font-size:14px;}
	.w{display:flex;justify-content:space-between;box-sizing:border-box;width:1200px;margin:0 auto;}
	.reverse{flex-direction:row-reverse;}
	.column{flex-direction:column;}
	header{position:fixed;z-index:9;top:0;left:0;right:0;transition:all ease-out 0.3s;}
	.head{height:90px;padding:0 40px;position: relative;}
		.headlogo{
			float:left;
		}
			.headlogo a{
				
				position: absolute;;
				width: 100%;
				height: 100%;
				overflow:hidden;
				background: url(../images/logo1.png) no-repeat left;
			}
			.headlogo img{}
		.headnav{float:left;margin-left:35%;}
			nav{}
				nav ul{}
				nav li{float:left;position:relative;}
				nav li a{position:relative;z-index:1;display:block;color:#fff;font-size:17px;line-height:90px;padding:0 30px;background-position:20px center;background-repeat:no-repeat;font-weight:bold;}
				.headnav nav li.on>a,nav li a:hover{color:#1e4a71;}
				.headnav li a span {padding-bottom: 5px;}
				.headnav li a:hover span {border-bottom:2px solid #1e4a71;}
				/* nav li a.on{color:#1e4a71; } */
				nav li ul{display:none;position:absolute;z-index:9;top:100px;left:0;background:#fff;width:240px;box-shadow:0 3px 3px rgba(0,0,0,0.1);}
				nav li li{float:none;margin-left:0;}
				nav li li a{font-size:13px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 30px;position:relative;}
				nav li li a :after{content:'';display:block;position:absolute;top:50%;right:20px;width:10px;height:10px;border-bottom:1px solid #1e4a71;transform:translateY(-50%) rotate(45deg);transition:all ease-out 0.3s;left:auto;background:transparent;}
				nav li li a:hover{padding:0 35px;}
				nav li li a:hover:after{width:10px;right:25px;}
		.headtel{position:absolute;right:0px;padding:30px 0;line-height:30px;background:#1e4a71;}
			.headtel i{
				display:block;
				float:left;
				font-size: 30px;
				width:30px;
				height:30px;
				background:#1e4a71;
				border-radius:15px;
				margin:0 10px;
				color:#fff;
				box-sizing:border-box;
			}
			.headtel span{display:block;width:200px;float:left;height:30px;margin-right:10px;color: #fff;font-size: 17px;}
			.headtel a{float:left;font-family:'sysfont';font-size:24px;display:block;}
	
	header.fixed,header:hover{background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);}
	header.fixed nav a,header:hover nav a{color:#333;}
	header.fixed .headtel a,header:hover .headtel a{color:#333;}
	header.fixed .headlogo a {
		background: url(../images/logo.png) no-repeat left;
	}
	header:hover .headlogo a {
		background: url(../images/logo.png) no-repeat left;
	}
	
	footer{background:#1e4a71;color:#fff;min-width: 1200px;}
	footer a{color:#ddd;}
		.copy{padding:20px 0;}
			.copyinfo{font-size:12px;text-align:center;}
		
	.sidebarx{display:none;position:fixed;z-index:3;bottom:5%;right:0;width:120px;font-size:12px;box-sizing:border-box;transition:all 0.3s ease-out 0s;text-align:center;padding:10px;background:#f9f9f9;}
		.sidebarx.change{right:-120px;}
		.sidebarx i.switch{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);margin-top:-26px;left:-30px;display:block;width:30px;height:50px;background:#f9f9f9;box-sizing:border-box;}
		.sidebarx i.switch span{line-height:50px;font-size:30px;}
		.sidebarx figure{border-bottom:1px solid #eee;padding:0 0 10px;}
		.sidebarx figure img{width:100px;}
		.sidebarx i.backtop{cursor:pointer;height:40px;box-sizing:border-box;text-align:center;margin:10px 0 0;color:#fff;}
		.sidebarx i.backtop.hide{display:none;}
		.sidebarx i.backtop.show{display:block;}	
		.sidebarx i.backtop span{display:block;line-height:40px;font-size:30px;width: 120px;background:#005aa8;}