@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: 1.8;
    font-size: 16px;
}
a{color:#333;}a:hover{color:#4d8ac7;} /* link-visited-hover-active */
.headlogo img{width: 100%;}

@media (min-width:1441px){/* DESKTOPS */

.w{margin:0 auto;width:100%;max-width:1440px;display:flex;justify-content:space-between;}
.reverse{flex-direction:row-reverse;}
.column{flex-direction:column;}
.align{align-items:center;}
header{position:fixed;z-index:11;top:0;left:0;right:0;background:#fff;border-bottom:1px solid #f2f2f2;}
	.head{padding:20px 0;}
		.headlogo{}
			.headlogo figure{float:left;margin:0; max-width: 180px;}
				.headlogo a{display:block;}
				.headlogo img{width: 100%;}
		.headnav{/* flex:auto;*/} 
			nav{}
				nav>ul{}
				nav>ul>li{float:left;padding:0 30px 0;}
				nav>ul>li>a{display:block;position:relative; font-size: 17px; line-height: 34px; }
				nav>ul>li>a:after{content:'';display:block;position:absolute;bottom:0;left:0;width:0;height:2px;background:#4d8ac7;transition:all 0.3s ease-out 0s;}
				nav>ul>li>a:hover:after{width:100%;}
			.headlanguage{ padding-top: 7px;}
				.headlanguage i{float:left;font-size:20px;}
				.headlanguage a{margin:0 0 0 5px;display:inline-block;}
			.headlinks{flex:0 0 50px;min-width:0;margin:0 0 0 20px;}
				.headlinks nav{}
				.headlinks nav>span{display:block;width:20px;box-sizing:border-box;position:relative;cursor:pointer;}
				.headlinks nav>span i{display:block;content:'';width:100%;height:2px;background:#4d8ac7;margin:4px 0;transition:all 0.3s ease-out 0.1s;}
				.headlinks nav>span.on i:nth-of-type(1){transform:translateY(8.5px) rotate(45deg);}
				.headlinks nav>span.on i:nth-of-type(2){opacity: 0;}
				.headlinks nav>span.on i:nth-of-type(3){transform:translateY(-8.5px) rotate(-45deg);}
				.headlinks nav ul{display:none;position:fixed;z-index:3;right:-300px;bottom:0;top:80px;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;}
				.headlinks nav ul.on{right:0;}
				.headlinks nav ul li{position:relative;}
				.headlinks 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;}			
				.headlinks nav
				.headlinks nav li a{display:block;line-height:40px;font-size:14px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.1);}
				.headlinks nav li a span{display:none;}
				.headlinks nav li a:hover{background:#4d8ac7;color:#fff;}
				.headlinks nav li ul{display:none;position:static;overflow:hidden;box-shadow:none;background:none;}
				.headlinks nav li ul.on{display:block;}
				.headlinks nav li li{float:left;width:50%;}
				.headlinks nav li li a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#999;}

footer{background:#2a2a2a;color:rgba(255,255,255,0.5);}
footer a{color:rgba(255,255,255,0.5);}
	.foot{padding-top:30px ;}
		/* .footlogo figure{display:block;}
		.footmedia{}
			.footmedia ul{}
			.footmedia li{float:left;margin:0 0 0 10px;}
			.footmedia li a{background:#3b3b3b;display:block;width:40px;height:40px;text-align:center;font-size:30px;line-height:40px;border-radius:40px;}
		.footcontact{display:flex;justify-content:space-between;}
			.footcontact div:nth-of-type(3){padding:30px 0 0;}
			.footcontact div>h4{font-size:16px;font-weight:normal;line-height:30px;color:#fff;}
			.footcontact div>p{line-height:25px;}
			.footcontact div>p i{float:left;margin:0 5px 0 0;font-size:18px;}
            .footcontact div>figure{width: 100%; padding-bottom: 10px;}*/
           
	.copy{background:#252525;padding:15px 0 5px;color:rgba(255,255,255,0.5);font-size:13px;}
		.copyinfo{margin:0 0 10px;}
			.copyinfo span,.copyinfo a{display:inline-block;margin:0 10px 0 0;}
		.copylist a{color:rgba(255,255,255,0.5);display:inline-block;margin:0 10px 10px 0;}
}
                

		.footnav{position:relative;padding:0 1%; flex: 1;}
			.footnav:before{content:'';display:block;position:absolute;/*top:0;left:0;width:1px;height:180px;background-image:linear-gradient(180deg,#ddd 20px,#eee 20px,#eee 180px);*/}
			.footnav>ul{display: flex; width: 100%;
                flex-direction: row;
                justify-content: space-between;}
			.footnav>ul>li>a{display:block;margin:0 0 20px;font-weight:bold;}
			.footnav>ul>li>a:hover{}
			.footnav>ul>li li a{opacity:0.8;font-size:14px;}
		.footcontact{position:relative;padding:0 4% 20px 4%; flex-direction: column;}
			.footcontact:before{content:'';display:block;position:absolute;top:0;left:0;width:1px;
                bottom: 30px;
                background: rgba(255, 255, 255, 0.15);
                /*height:180px;background-image:linear-gradient(180deg,#ddd 20px,#eee 20px,#eee 180px);*/}
			.footcontact h3{font-weight:bold;;}
			.footcontact span{display:block;color:#0062b4; display: flex; align-items: center; }
				.footcontact span i{float:left;font-size:30px;}
				.footcontact span em{font-weight:normal;font-size:24px;}
			.footcontact section{opacity:0.8;}
            .footcontact section p{font-size: 14px;}
		.footcode{position:relative;padding:0 0 0 4%;}
			.footcode:before{content:'';display:block;position:absolute;top:0;left:0;width:1px;height:180px;background-image:linear-gradient(180deg,#ddd 20px,#eee 20px,#eee 180px);}
			.footcode h3{font-weight:bold;margin:0 0 20px;}
			.footcode figure{}
			.footcode img{width:120px;}
			.footcode figcaption{margin-top:10px;}



@media (min-width:1025px) and (max-width:1440px){/* LAPTOPS */
body{font-size:14px;font-family:Gotham light,Arial,sans-serif;}
.w{margin:0 auto;width:100%;max-width:1200px;display:flex;justify-content:space-between;}

.reverse{flex-direction:row-reverse;}
.column{flex-direction:column;}
.align{align-items:center;}
header{border-bottom:1px solid #f2f2f2;}
	.head{padding:25px 0;}
		.headlogo{}
			.headlogo figure{float:left;margin:0 0 0 0; max-width: 120px;}
				.headlogo a{display:block;}
				.headlogo img{}
		.headnav{}
			nav{}
				nav>ul{}
				nav>ul>li{float:left;padding:0 25px 0;}
				nav>ul>li>a{display:block;text-transform:uppercase;position:relative; font-size: 16px;}
				nav>ul>li>a:after{content:'';display:block;position:absolute;bottom:0;left:0;width:0;height:2px;background:#4d8ac7;transition:all 0.3s ease-out 0s;}
				nav>ul>li>a:hover:after{width:100%;}
			.headlanguage{}
				.headlanguage a{margin:0 0 0 10px;display:inline-block;}
			.headlinks{flex:0 0 50px;min-width:0;margin:0 0 0 20px;}
				.headlinks nav{}
				.headlinks nav>span{display:block;width:20px;box-sizing:border-box;position:relative;cursor:pointer;}
				.headlinks nav>span i{display:block;content:'';width:100%;height:2px;background:#4d8ac7;margin:4px 0;transition:all 0.3s ease-out 0.1s;}
				.headlinks nav>span.on i:nth-of-type(1){transform:translateY(8.5px) rotate(45deg);}
				.headlinks nav>span.on i:nth-of-type(2){opacity: 0;}
				.headlinks nav>span.on i:nth-of-type(3){transform:translateY(-8.5px) rotate(-45deg);}
				.headlinks nav ul{display:none;position:fixed;z-index:3;right:-300px;bottom:0;top:80px;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;}
				.headlinks nav ul.on{right:0;}
				.headlinks nav ul li{position:relative;}
				.headlinks 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;}			
				.headlinks nav
				.headlinks nav li a{display:block;line-height:40px;font-size:14px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.1);}
				.headlinks nav li a span{display:none;}
				.headlinks nav li a:hover{background:#4d8ac7;color:#fff;}
				.headlinks nav li ul{display:none;position:static;overflow:hidden;box-shadow:none;background:none;}
				.headlinks nav li ul.on{display:block;}
				.headlinks nav li li{float:left;width:50%;}
				.headlinks nav li li a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#999;}
		
footer{background:#2a2a2a;color:rgba(255,255,255,0.5);}
footer a{color:rgba(255,255,255,0.5);}
	.foot{padding:60px 0;}
		.footlogo figure{display:block;}
		.footmedia{}
			.footmedia ul{}
			.footmedia li{float:left;margin:0 0 0 10px;}
			.footmedia li a{background:#3b3b3b;display:block;width:40px;height:40px;text-align:center;font-size:30px;line-height:40px;border-radius:40px;}
		.footcontact{display:flex;justify-content:space-between;}
			/* .footcontact div:nth-of-type(1){padding:40px 0 0;}
			.footcontact div:nth-of-type(2){padding:40px 0 0;} */
			.footcontact div:nth-of-type(3){padding:30px 0 0;}
			.footcontact div>h4{font-size:16px;font-weight:normal;line-height:30px;color:#fff;}
			.footcontact div>p{line-height:25px;}
			.footcontact div>p i{float:left;margin:0 5px 0 0;font-size:18px;}
	.copy{background:#252525;padding:15px 0 5px;color:rgba(255,255,255,0.5);font-size:13px;}
		.copyinfo{margin:0 0 10px;}
			.copyinfo span,.copyinfo a{display:inline-block;margin:0 10px 0 0;}
		.copylist a{color:rgba(255,255,255,0.5);display:inline-block;margin:0 10px 10px 0;}
}
@media (min-width:768px) and (max-width:1024px){/* TABLET */
body{font-size:13px;font-family:Gotham light,Arial,sans-serif;}
header{border-bottom:1px solid #f2f2f2;    border-bottom: 1px solid #f2f2f2;
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    background: #fff;}
	.head{padding:20px;overflow:hidden;}
		.headlogo{float:left;}
			.headlogo figure{ max-width: 100px;}
				.headlogo a{display:block;}
				.headlogo img{}
		.headnav{}
			nav{}
				nav>span{position:absolute;z-index:99;top:20px;right:20px;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:#0385e5;text-align:center;}
				nav>span i{display:block;content:'';width:100%;height:2px;background:#0385e5;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:80px;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>span{position:absolute;z-index:99;top:20px;right:0px;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:#0385e5;text-align:center;}
				nav>span i{display:block;content:'';width:100%;height:2px;background:#0385e5;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:75px;background: rgba(0, 0, 0, 0.6);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;border-top: 1px solid #ddd;background:rgba(255,255,255,0.99);box-shadow: 0 30px 30px rgba(0,0,0,0.1);}
                nav li a {
                    display: block;
                    font-size: 14px;
                    line-height: 40px;
                    position: relative;
                    padding: 0 30px;
                }
			.headlanguage{float:right;line-height:38px;margin:0 80px 0 0;}
				.headlanguage a{margin:0 0 0 10px;display:inline-block;}
			.headlinks{flex:0 0 50px;min-width:0;margin:0 0 0 20px;}
				.headlinks nav{}
				.headlinks nav>span{display:block;width:20px;box-sizing:border-box;position:relative;cursor:pointer;}
				.headlinks nav>span i{display:block;content:'';width:100%;height:2px;background:#4d8ac7;margin:4px 0;transition:all 0.3s ease-out 0.1s;}
				.headlinks nav>span.on i:nth-of-type(1){transform:translateY(8.5px) rotate(45deg);}
				.headlinks nav>span.on i:nth-of-type(2){opacity: 0;}
				.headlinks nav>span.on i:nth-of-type(3){transform:translateY(-8.5px) rotate(-45deg);}
				.headlinks nav ul{display:none;position:fixed;z-index:3;right:-300px;bottom:0;top:80px;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;}
				.headlinks nav ul.on{right:0;}
				.headlinks nav ul li{position:relative;}
				.headlinks 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;}			
				.headlinks nav
				.headlinks nav li a{display:block;line-height:40px;font-size:14px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.1);}
				.headlinks nav li a span{display:none;}
				.headlinks nav li a:hover{background:#4d8ac7;color:#fff;}
				.headlinks nav li ul{display:none;position:static;overflow:hidden;box-shadow:none;background:none;}
				.headlinks nav li ul.on{display:block;}
				.headlinks nav li li{float:left;width:50%;}
				.headlinks nav li li a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#999;}
		
footer{background:#2a2a2a;color:rgba(255,255,255,0.5);}
footer a{color:rgba(255,255,255,0.5);}
	.foot{padding:40px;}
		.footlogo{margin:0 0 20px;}
			.footlogo figure{display:block;}
		.footmedia{}
			.footmedia ul{}
			.footmedia li{float:left;margin:0 10px 0 0;}
			.footmedia li a{background:#3b3b3b;display:block;width:40px;height:40px;text-align:center;font-size:30px;line-height:40px;border-radius:40px;}
		.footcontact{}
			.footcontact div:nth-of-type(1){padding:20px 0 0;}
			.footcontact div:nth-of-type(2){padding:20px 0 0;}
			.footcontact div:nth-of-type(3){padding:20px 0 0;}
            .footcontact div:nth-of-type(4){padding:20px 0 0;}
			.footcontact div>h4{font-size:16px;font-weight:normal;line-height:30px;color:#fff;}
			.footcontact div>p{line-height:25px;}
			.footcontact div>p i{float:left;margin:0 5px 0 0;font-size:18px;}
	.copy{background:#252525;padding:40px;color:rgba(255,255,255,0.5);font-size:13px;}
		.copyinfo{margin:0 0 10px;}
			.copyinfo span,.copyinfo a{display:inline-block;margin:0 10px 0 0;}
		.copylist a{color:rgba(255,255,255,0.5);display:inline-block;margin:0 10px 10px 0;}
}
@media (max-width:767px){/* MOBILE */
  
body{font-size:12px;font-family:Gotham light,Arial,sans-serif;}
header{/***border-bottom:1px solid #f2f2f2;****/position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.05);}
	.head{padding:20px;overflow:hidden; }
		.headlogo{float:left;}
			.headlogo figure{ max-width: 125px;}
				.headlogo a{display:block;}
				.headlogo img{ padding-top:5px; width: 100px;}
		.headnav{}
      
			nav{}
				nav>span{position:absolute;z-index:99;top:20px;right:0px;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:#0385e5;text-align:center;}
				nav>span i{display:block;content:'';width:100%;height:2px;background:#0385e5;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:75px;background: rgba(0, 0, 0, 0.6);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;border-top: 1px solid #ddd;background:rgba(255,255,255,0.99);box-shadow: 0 30px 30px rgba(0,0,0,0.1);}
                nav li a {
                    display: block;
                    font-size: 14px;
                    line-height: 40px;
                    position: relative;
                    padding: 0 30px;
                }

			.headlanguage{float:right;line-height:38px;margin:0 80px 0 0; font-size: 14px;}
				.headlanguage a{margin:0 0 0 10px;display:inline-block;}
			.headlinks{flex:0 0 50px;min-width:0;margin:0 0 0 20px;}
				.headlinks nav{}
				.headlinks nav>span{display:block;width:20px;box-sizing:border-box;position:relative;cursor:pointer;}
				.headlinks nav>span i{display:block;content:'';width:100%;height:2px;background:#4d8ac7;margin:4px 0;transition:all 0.3s ease-out 0.1s;}
				.headlinks nav>span.on i:nth-of-type(1){transform:translateY(8.5px) rotate(45deg);}
				.headlinks nav>span.on i:nth-of-type(2){opacity: 0;}
				.headlinks nav>span.on i:nth-of-type(3){transform:translateY(-8.5px) rotate(-45deg);}
				.headlinks nav ul{display:none;position:fixed;z-index:3;right:-300px;bottom:0;top:80px;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;}
				.headlinks nav ul.on{right:0;}
				.headlinks nav ul li{position:relative;}
				.headlinks 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;}			
				.headlinks nav
				.headlinks nav li a{display:block;line-height:40px;font-size:14px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.1);}
				.headlinks nav li a span{display:none;}
				.headlinks nav li a:hover{background:#4d8ac7;color:#fff;}
				.headlinks nav li ul{display:none;position:static;overflow:hidden;box-shadow:none;background:none;}
				.headlinks nav li ul.on{display:block;}
				.headlinks nav li li{float:left;width:50%;}
				.headlinks nav li li a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#999;}
		
footer{background:#2a2a2a;color:rgba(255,255,255,0.5);}
footer a{color:rgba(255,255,255,0.5);}
	.foot{padding:20px;}
		.footlogo{margin:0 0 20px;}
			.footlogo figure{display:block;}
		.footmedia{}
			.footmedia ul{}
			.footmedia li{float:left;margin:0 10px 0 0;}
			.footmedia li a{background:#3b3b3b;display:block;width:40px;height:40px;text-align:center;font-size:30px;line-height:40px;border-radius:40px;}
		.footcontact{ padding:0;}
        .footnav{ display: none;}
        .footcontact:before{ display: none;}
        .footcontact h3{ display: none;}
        
			.footcontact div:nth-of-type(1){padding:20px 0 0;}
			.footcontact div:nth-of-type(2){padding:20px 0 0;}
			.footcontact div:nth-of-type(3){padding:20px 0 ;}
			.footcontact div>h4{font-size:16px;font-weight:normal;line-height:30px;color:#fff;}
			.footcontact div>p{line-height:25px;}
			.footcontact div>p i{float:left;margin:0 5px 0 0;font-size:18px;}
	.copy{background:#252525;padding:20px;color:rgba(255,255,255,0.5);}
		.copyinfo{margin:0 0 10px;}
			.copyinfo span,.copyinfo a{display:inline-block;margin:0 10px 0 0;}
		.copylist a{color:rgba(255,255,255,0.5);display:inline-block;margin:0 10px 10px 0;}

       

}