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

.clearfix:before,.clearfix:after{content:"";display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;/*IE/7/6*/}

body{color:#333;line-height:20px;}
a{color:#333;}
a:hover{color:#002f6f;}

@font-face{font-family:'sysfont';src:url('../fonts/sysfont.ttf') format('truetype');}
.icon{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden;}

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

@media (min-width:1441px){/* DESKTOPS */
	body{font-size:13px;}
	.wp{margin:0 auto;width:1200px;}
	
	header{position:relative;z-index:9;}
		.topbarbox{background:#ececec;color:#333;font-size:12px;line-height:36px;}
			.topbarbox a{color:#333;}
				.topbar{}
					.welcome{float:left;display: flex;}
					.welcome p {
						line-height: 25px;
						align-items: center;
					}
					.welcome p span{
						line-height: 25px;
						font-size: 22px;
					}
					.toptel{float:right;}
		.head{}
			.head:after{content:'';display:block;clear:both;}
			.logo{float:left;}
				.logo img{height:90px;padding-top: 10px;}
			nav{float:right;height: 113px;}
				nav>ul{}
				nav ul .shouye {
					background: #1B4F9B;
					color: #fff;
				}
				nav>ul>li{float:left;position:relative;padding:0 30px;height: 113px;line-height: 113px;}
				nav>ul>li>a{position:relative;z-index:1;display:block;font-size:14px;}
				nav>ul>li:before{width: 100%; height:0; background:#1B4F9B;content:"";position: absolute;left:0;top:0; transition: .5s;}
				nav>ul>li:hover:before,nav>ul li.shouye:before{height: 113px;}
				nav>ul>li:hover a,nav>ul li.shouye a{color: #fff;}

				nav>ul>li>a>span{float:right;padding-left:5px;font-weight:bold;}
				
				nav>ul>li.on>a:after,nav>ul>li>a:hover:after{width:100%;}
				nav>ul>li.on>a:before,nav>ul>li>a:hover:before{opacity:1;}
				nav li a.on{}
				nav li ul{display:none;position:absolute;z-index:9;top:113px;left:0;width:240px;background:#1B4F9B;}
				nav li:last-child ul{right:0;left:auto;}
				nav li li{}
				nav li li a{font-size:14px;display:block;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;font-weight:normal;padding:0 25px;color:#fff;}
				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:30px;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 30px;color:#fff;background:rgba(255,255,255,0.1);}
				nav li li a:hover:after{right:35px;border-top:1px solid #fff;border-right:1px solid #fff;}
/* 底部 */
footer{height:512px; background: #1B4F9B;}
		.foot{padding-top:68px;}
		.foot .ft-con{height:311px;border-bottom:1px solid #ec1d23;}
		.foot .ft-con .ft-left{width:466px;}
		.fl {
			float: left;
		}
		.fr {
			float: right;
		}
		.foot .ft-con .ft-left h2{width:178px; height:85px; line-height: 0; overflow: hidden;}
		.foot .ft-con .ft-left h2 img{width:100%;}
		.foot .ft-con .ft-left span{display: block; height:46px;}
		.foot .ft-con .ft-left span em{display: inline-block; height:46px; line-height: 46px;font-size: 14px; color:#878787; margin-right: 10px;}
		.foot .ft-con .ft-left .ft-lx{margin-top: 16px;}
		.foot .ft-con .ft-left .ft-lx em{display: block;height:26px; line-height: 26px;font-size: 14px;color:#FFF;}
		.foot .ft-con .ft-left .ft-lx p{height:30px; line-height: 30px;font-size: 24px; color:#FFF; font-weight: bold; font-family: "思源黑体 CN";}
		.foot .ft-con .ft-left span em a{font-size: 14px; color:#878787;}
		.foot .ft-con .ft-cen{width:446px;float:left;}
		.foot .ft-con .ft-cen .fnav1{width:100px;}
		.foot .ft-con .ft-cen .fnav h4{height: 57px;position: relative;margin-bottom: 24px;}
		.foot .ft-con .ft-cen .fnav h4 a{font-size: 18px; color:#FFF; font-weight: normal;}
		.foot .ft-con .ft-cen .fnav h4:before{width:18px; height:2px;background:#ec1d23;content:""; position: absolute;left:0;bottom:0;}
		.foot .ft-con .ft-cen .fnav ul li{height:37px; line-height: 37px;}
		.foot .ft-con .ft-cen .fnav ul li a{font-size: 14px; color:rgba(255,255,255,0.5);}
		.foot .ft-con .ft-cen .fnav2{width:294px;float:right;}
		.foot .ft-con .ft-cen .fnav2 ul li{float:left;width:133px;}
		.foot .ft-con .ft-cen .fnav2 ul li:nth-child(2n){float:right;}
		.foot .ft-rig{width:232px;}
		.foot .ft-rig h4{height: 57px;position: relative;margin-bottom: 24px;font-size: 18px; color:#FFF; font-weight: normal;}
		.foot .ft-rig h4:before{width:18px; height:2px;background:#ec1d23;content:""; position: absolute;left:0;bottom:0;}
		.foot .ft-rig .ft-code span{display: block; width:100px;float:left;}
		.foot .ft-rig .ft-code span:last-child{float:right;}
		.foot .ft-rig .ft-code span i{display: block; width:100%; line-height: 0; overflow: hidden;padding:5px;background:#FFF;box-sizing:border-box;}
		.foot .ft-rig .ft-code span i img{width:100%;}
		.foot .ft-rig .ft-code span em{display: block; height:41px; line-height: 41px;text-align: center;font-size: 12px;color: #fff; }
		.foot .ft-bot{height: 52px;padding-top:29px;color: #fff;}
		.foot .ft-bot span{display: block;float:left;}
		.foot .ft-bot span em{display: block; height:52px; line-height: 52px;float:left;font-size: 14px;  margin-right: 10px;}
		.foot .ft-bot span em a{font-size: 14px; color: #fff;}
		.foot .ft-bot strong{display: block; height:52px;float:left;line-height: 52px;}
		.foot .ft-bot strong a{display: block; float:left; height:52px; line-height: 52px;margin-left: 48px;font-size: 14px; font-weight: normal;}
		.linksbox{background:#f9f9f9;padding:10px 0;}
			.links{}
				.links dt{font-size:16px;color:#fff;}
				.links dd{font-size:12px;}
		.copybox{color:#fff;border-top:1px solid rgba(255,255,255,0.1);}
			.copy{padding:20px 0;text-align:center;}
				.copy-company{}
				.copy-support{}
}

@media (min-width:1025px) and (max-width:1440px){/* LAPTOPS */
	body{font-size:12px;}
	.wp{margin:0 auto;width:1125px;}
	
	header{position:relative;z-index:9;}
		.topbarbox{background:#ececec;color:#333;line-height:30px;height: 30px;}
			.topbarbox a{color:#333;}
				.topbar{}
					.welcome{float:left;display: flex;}
					.welcome span {
						line-height: 30px;
						align-items: center;
					}
					.welcome span i{
						line-height: 20px;
						font-size: 18px;
					}
					.toptel{float:right;}
					.copy-support p {
						-webkit-text-size-adjust:none;
						font-size: 10px;
					}
		.head{}
			.head:after{content:'';display:block;clear:both;}
			.logo{float:left;}
				.logo img{height:70px;padding-top: 10px;}
			nav{float:right;height: 90px;}
				nav>ul{}
				nav ul .shouye {
					background: #1B4F9B;
					color: #fff;
				}
				nav>ul>li{float:left;position:relative;padding:0 30px;height: 90px;line-height: 90px;}
				nav>ul>li>a{position:relative;z-index:1;display:block;font-size:14px;}
				nav>ul>li:before{width: 100%; height:0; background:#1B4F9B;content:"";position: absolute;left:0;top:0; transition: .5s;}
				nav>ul>li:hover:before,nav>ul li.shouye:before{height: 90px;}
				nav>ul>li:hover a,nav>ul li.shouye a{color: #fff;}

				nav>ul>li>a>span{float:right;padding-left:5px;font-weight:bold;}
				
				nav>ul>li.on>a:after,nav>ul>li>a:hover:after{width:100%;}
				nav>ul>li.on>a:before,nav>ul>li>a:hover:before{opacity:1;}
				nav li a.on{}
				nav li ul{display:none;position:absolute;z-index:9;top:90px;left:0;width:240px;background:#1B4F9B;}
				nav li:last-child ul{right:0;left:auto;}
				nav li li{}
				nav li li a{font-size:14px;display:block;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;font-weight:normal;padding:0 25px;color:#fff;}
				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:30px;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 30px;color:#fff;background:rgba(255,255,255,0.1);}
				nav li li a:hover:after{right:35px;border-top:1px solid #fff;border-right:1px solid #fff;}
/* 底部 */
footer{height:512px; background: #1B4F9B;}
		.foot{padding-top:68px;}
		.foot .ft-con{height:311px;border-bottom:1px solid #ec1d23;}
		.foot .ft-con .ft-left{width:400px;}
		.fl {
			float: left;
		}
		.fr {
			float: right;
		}
		.foot .ft-con .ft-left h2{width:178px; height:85px; line-height: 0; overflow: hidden;}
		.foot .ft-con .ft-left h2 img{width:100%;}
		.foot .ft-con .ft-left span{display: block; height:46px;}
		.foot .ft-con .ft-left span em{display: inline-block; height:46px; line-height: 46px;font-size: 13px; color:#878787; margin-right: 10px;}
		.foot .ft-con .ft-left .ft-lx{margin-top: 16px;}
		.foot .ft-con .ft-left .ft-lx em{display: block;height:26px; line-height: 26px;font-size: 13px;color:#FFF;}
		.foot .ft-con .ft-left .ft-lx p{height:30px; line-height: 30px;font-size: 20px; color:#FFF; font-weight: bold; }
		.foot .ft-con .ft-left span em a{font-size: 13px; color:#878787;}
		.foot .ft-con .ft-cen{width:340px;float:left;}
		.foot .ft-con .ft-cen .fnav1{width:100px;}
		.foot .ft-con .ft-cen .fnav h4{height: 57px;position: relative;margin-bottom: 24px;}
		.foot .ft-con .ft-cen .fnav h4 a{font-size: 18px; color:#FFF; font-weight: normal;}
		.foot .ft-con .ft-cen .fnav h4:before{width:18px; height:2px;background:#ec1d23;content:""; position: absolute;left:0;bottom:0;}
		.foot .ft-con .ft-cen .fnav ul li{height:37px; line-height: 37px;}
		.foot .ft-con .ft-cen .fnav ul li a{font-size: 13px; color:rgba(255,255,255,0.5);}
		.foot .ft-con .ft-cen .fnav2{width:220px;float:right;}
		.foot .ft-con .ft-cen .fnav2 ul li{float:left;width:110px;}
		.foot .ft-con .ft-cen .fnav2 ul li:nth-child(2n){float:right;}
		.foot .ft-rig{width:232px;}
		.foot .ft-rig h4{height: 57px;position: relative;margin-bottom: 24px;font-size: 18px; color:#FFF; font-weight: normal;}
		.foot .ft-rig h4:before{width:18px; height:2px;background:#ec1d23;content:""; position: absolute;left:0;bottom:0;}
		.foot .ft-rig .ft-code span{display: block; width:100px;float:left;}
		.foot .ft-rig .ft-code span:last-child{float:right;}
		.foot .ft-rig .ft-code span i{display: block; width:100%; line-height: 0; overflow: hidden;padding:5px;background:#FFF;box-sizing:border-box;}
		.foot .ft-rig .ft-code span i img{width:100%;}
		.foot .ft-rig .ft-code span em{display: block; height:41px; line-height: 41px;text-align: center;font-size: 12px;color: #fff; }
		.foot .ft-bot{height: 52px;padding-top:29px;color: #fff;}
		.foot .ft-bot span{display: block;float:left;}
		.foot .ft-bot span em{display: block; height:52px; line-height: 52px;float:left;font-size: 14px;  margin-right: 10px;}
		.foot .ft-bot span em a{font-size: 14px; color: #fff;}
		.foot .ft-bot strong{display: block; height:52px;float:left;line-height: 52px;}
		.foot .ft-bot strong a{display: block; float:left; height:52px; line-height: 52px;margin-left: 48px;font-size: 14px; font-weight: normal;}
		.linksbox{background:#f9f9f9;padding:10px 0;}
			.links{}
				.links dt{font-size:16px;color:#fff;}
				.links dd{font-size:12px;}
		.copybox{color:#fff;border-top:1px solid rgba(255,255,255,0.1);}
			.copy{padding:20px 0;text-align:center;}
				.copy-company{}
				.copy-support{}
}

@media (max-width:1024px){/* MOBILE */
body{font-size:12px;padding-top:65px;}
 .wp{padding: 0 15px;}
	.wp:after{content:'';display:table;clear:both;}
	    header{position:fixed;z-index:99;top:0;left:0;right:0;width: 100%;;box-shadow:0 0 20px rgba(0,0,0,0.1);}
	    	.topbarbox{display: none;padding:10px;overflow:hidden;background:#f6f6f6;text-align:center;}
	    	.head{padding:0 20px;background:#fff;}
	    		.logo{float:left;padding:15px 0;}
	    			.logo a{display:block;}
	    			.logo img{height:35px;}
	    		nav{float:right;}
	    			nav span{position:absolute;z-index:99;top:5px;right:10px;display:block;width:60px;background:#fff;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:#1B4F9B;text-align:center;}
	    			nav span i{display:block;content:'';width:100%;height:2px;background:#1B4F9B;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:65px;display:none;position:static;overflow:hidden;box-shadow:none;background:none;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{display:block;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 li a{display:block;line-height:40px;font-size:14px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.1);}
	    			nav li a:hover{background:#1B4F9B;color:#fff;}
	    			nav li li{float:left;width:50%;}
	    			nav li li a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#999;}
	    		
	
/* 底部 */
footer{background: #1B4F9B;padding: 15px 0;}
		.foot{padding-top:20px;}
		.foot .ft-con{}
		.foot .ft-con .ft-left{}
		.fl {
			
		}
		.fr {
			
		}
		.foot .ft-con .ft-left h2{width:178px; overflow: hidden;}
		.foot .ft-con .ft-left h2 img{width:100%;}
		.foot .ft-con .ft-left span{display: block; padding: 15px 0;}
		.foot .ft-con .ft-left span em{display: inline-block; font-size: 14px; color:#878787; }
		.foot .ft-con .ft-left .ft-lx{}
		.foot .ft-con .ft-left .ft-lx em{display: block;height:26px; line-height: 26px;font-size: 14px;color:#FFF;}
		.foot .ft-con .ft-left .ft-lx p{height:30px; line-height: 30px;font-size: 20px; color:#FFF; font-weight: bold; font-family: "思源黑体 CN";}
		.foot .ft-con .ft-left span em a{font-size: 14px; color:#878787;}
		.foot .ft-con .ft-cen{padding-top: 20px;}
		.foot .ft-con .ft-cen .fnav1{}
		.foot .ft-con .ft-cen .fnav h4{height: 35px;position: relative;margin: 15px 0;}
		.foot .ft-con .ft-cen .fnav h4 a{font-size: 18px; color:#FFF; font-weight: normal;}
		.foot .ft-con .ft-cen .fnav h4:before{width:18px; height:2px;background:#ec1d23;content:""; position: absolute;left:0;bottom:0;}
		.foot .ft-con .ft-cen .fnav ul li{height:37px; line-height: 37px;float: left;padding-right: 15px;}
		.foot .ft-con .ft-cen .fnav ul li a{font-size: 14px; color:rgba(255,255,255,0.5);}
		.foot .ft-con .ft-cen .fnav2{width:294px;}
		.foot .ft-con .ft-cen .fnav2 ul li{float:left;width:110px;}
		.foot .ft-con .ft-cen .fnav2 ul li:nth-child(2n){}
		.foot .ft-rig{width:232px;}
		.foot .ft-rig h4{height: 35px;position: relative;margin-bottom: 24px;font-size: 18px; color:#FFF; font-weight: normal;}
		.foot .ft-rig h4:before{width:18px; height:2px;background:#ec1d23;content:""; position: absolute;left:0;bottom:0;}
		.foot .ft-rig .ft-code {display: flex;}
		.foot .ft-rig .ft-code span{display: block; width:100px;margin-right: 10px;}
		.foot .ft-rig .ft-code span:last-child{float:right;}
		.foot .ft-rig .ft-code span i{display: block; width:100%; line-height: 0; overflow: hidden;padding:5px;background:#FFF;box-sizing:border-box;}
		.foot .ft-rig .ft-code span i img{width:100%;}
		.foot .ft-rig .ft-code span em{display: block; height:41px; line-height: 41px;text-align: center;font-size: 12px;color: #fff; }
		.foot .ft-bot{height: 52px;padding:20px 0 40px;color: #fff;}
		.foot .ft-bot span{display: block;float:left;}
		.foot .ft-bot span em{font-size: 14px; }
		.foot .ft-bot span em a{font-size: 14px; color: #fff;}
		.foot .ft-bot strong{display: block; height:52px;float:left;line-height: 52px;display: none;}
		.foot .ft-bot strong a{display: block; float:left; height:52px; line-height: 52px;margin-left: 48px;font-size: 14px; font-weight: normal;}
		.linksbox{background:#f9f9f9;padding:10px 0;}
			.links{}
				.links dt{font-size:16px;color:#fff;}
				.links dd{font-size:12px;}
		.copybox{color:#fff;border-top:1px solid rgba(255,255,255,0.1);}
			.copy{padding:20px 0;text-align:center;}
				.copy-company{}
				.copy-support{}
}