@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:#0086e3;color: #ce081b;} /* 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;}
	.topwelcom{}
	.toplanguage{}
	.head{padding:35px 0;background:#fff;}
	.head .w{align-items:center;}
	.headlogo{display:flex;align-items:center;}
	.headlogo a{margin:0 20px 0 0;}
	.headlogo a img{}
	.headlogo div{float:left;}
	.headlogo div h2{font-size:28px;margin:0 0 10px;line-height:30px;}
	.headlogo div h3{font-size:20px;color:#0086e3; color: #ce081b;}
	.headtel{}
	.headtel ul{}
	.headtel li{margin:0 0 0 20px;float:right;}
	.headtel p{font-size:24px;background:url(../images/ph.png) no-repeat 0 center;color:#333;line-height:40px;padding:0 0 0 40px;}

	.nav{position:relative;background:#f2f2f2;background-image:linear-gradient(180deg,#008cd6 3px,#f1f1f1 3px,#f1f1f1 0);
		background-image:linear-gradient(180deg,#ce081b 3px,#f1f1f1 3px,#f1f1f1 0);
	}
	.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 25px;}
	.nav nav>ul>li.on>a,.nav nav>ul>li>a:hover{background-image:linear-gradient(180deg,#ffb100 3px,#f1f1f1 3px,#f1f1f1 0);}
	.nav nav>ul>li>a:hover{font-weight:bold;}

	.subnav{display:none;position:absolute;z-index:3;top:57px;left:0;right:0;background:#fff;}
	.subnav1{}
	.subnav1 ul{overflow:hidden;padding:30px 0 0;margin:0 -1%;}
	.subnav1 li{float:left;width:23%;margin:0 1% 30px;}
	.subnav1 li a{display:block;text-align:center;}
	.subnav1 li a img{width:160px;}
	.subnav1 li a span{font-size:16px;}
	.subnav2,.subnav3{}
	.subnav2 ul,.subnav3 ul{overflow:hidden;padding:30px 0 0;margin:0 -1%;}
	.subnav2 li,.subnav3 li{float:left;width:23%;margin:0 1% 30px;}
	.subnav2 li a,.subnav3 li a{display:block;text-align:center;}
	.subnav2 li a img,.subnav3 li a img{width:240px;}
	.subnav2 li a span,.subnav3 li a span{font-size:16px;}
	/*.subnav3{}*/
	/*.subnav3 ul{overflow:hidden;padding:30px 0 0;margin:0 -1%;}*/
	/*.subnav3 li{float:left;width:31.33%;margin:0 1% 30px;}*/
	/*.subnav3 li a{display:block;text-align:center;position:relative;}*/
	/*.subnav3 li a img{width:100%;}*/
	/*.subnav3 li a span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-size:28px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:40px;}*/
	.subnav4,.subnav5{}
	.subnav4 ul,.subnav5 ul{overflow:hidden;padding:30px 0 0;margin:0 -1%;}
	.subnav4 li,.subnav5 li{float:left;width:48%;margin:0 1% 30px;}
	.subnav4 li a,.subnav5 li a{display:flex;align-items:center;}
	.subnav4 li a figure,.subnav5 li a figure{margin:0 10px 0 0;}
	.subnav4 li a img,.subnav5 li a img{width:340px;}
	.subnav4 li a span,.subnav5 li a span{flex:1;font-size:16px;font-size:28px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:40px;}
	.subnav4 li a span i,.subnav5 li a span i{display:block;font-style:normal;font-size:18px;line-height:30px;}
	/*.subnav5{}*/
	/*.subnav5 ul{overflow:hidden;padding:30px 0 60px;}*/
	/*.subnav5 li{float:left;width:12.5%;}*/
	/*.subnav5 li a{display:block;text-align:center;}*/
	/*.subnav5 li a figure{margin:30px 0;}*/
	/*.subnav5 li a img{}*/
	/*.subnav5 li a span{font-size:16px;}*/
	.subnav6{}
	.subnav6 ul{overflow:hidden;padding:30px 0 0;margin:0 -1%;}
	.subnav6 li{float:left;width:48%;margin:0 1% 30px; width: 12.5%}
	.subnav6 li a{display:block;text-align:center;position:relative;}
	.subnav6 li a figure{margin:30px 0;}
	.subnav6 li a img{width:100%;width: auto !important;}
	.subnav6 li a span{font-size:16px;}
	.subnav6 li a span i{display:block;font-style:normal;font-size:18px;line-height:30px;}
	.subnav7{}
	.subnav7 ul{padding:30px 0 60px;display:flex;}
	.subnav7 li{flex:1;}
	.subnav7 li a{display:block;text-align:center;position:relative;}
	.subnav7 li a figure{margin:30px 0;}
	.subnav7 li a img{}
	.subnav7 li a span{font-size:18px;line-height:30px;}

	footer{}
	.foot{background:#f2f2f2;}
	.footcontact{padding:60px 0;}
	.footcontactinfo{flex:0 0 900px;min-width:0;color:#333;}
	.footcontactinfo h3{font-size:24px;line-height:30px;margin:0 0 40px;}
	.footcontactinfo h3 span{font-size:16px;color:#999;font-weight:normal;margin:0 0 0 5px;}
	.footcontactinfo ul{overflow:hidden;}
	.footcontactinfo li{float:left;overflow:hidden;width:33%;}
	.footcontactinfo li figure{float:left;margin:0 10px 0 0;}
	.footcontactinfo li div{font-size:20px;}
	.footcontactinfo li div span{display:block;font-size:15px;color:#999;}
	.footcontactinfo li div b{font-weight:normal;line-height:25px;}
	.footcontactinfo li:nth-of-type(2) div b{font-size:16px;font-weight:bold;}
	.footcontactinfo li div p{line-height:22px;}
	.footcontactimg{flex:0 0 244px;min-width:0;}
	.footcontactimg h3{display:block;width:117px;height:117px;text-align:center;float:left;background: url(../images/ewm_dd.png) no-repeat center;color:#333;}
	.footcontactimg h3 strong{display:block;font-size:18px;margin:40px 0 0;}
	.footcontactimg h3 span{font-size:14px;font-weight:normal;}
	.footcontactimg figure{float:right;}
	.footcontactimg figure img{width:117px;}
	.footnav{}
	.footnavlist{display:flex;border-top:2px solid #333;padding:70px 0;}
	.footnavlist dl{}
	.footnavlist dl:nth-of-type(1){flex:1;}
	.footnavlist dl:nth-of-type(2){flex:0 0 100px;min-width:0;}
	.footnavlist dl:nth-of-type(3){flex:0 0 100px;min-width:0;margin:0 0 0 100px;}
	.footnavlist dt{font-size:20px;margin:0 0 20px;position:relative;padding:0 0 0 20px;}
	.footnavlist dt:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);border-left:10px solid #616161;border-top:6px solid transparent;border-bottom:6px solid transparent;}
	.footnavlist dd{}
	.footnavlist dd a{display:inline-block;font-size:15px;line-height:35px;color:#666;}
	.footnavlist dl:nth-of-type(1) dd a{width:32%;}
	.copy{background:#131f2d;line-height:30px;padding:40px 0;color:#fff;}
	.copy a{color:#fff;}
	.copyinfo{opacity:0.3;}
	.copyinfo span{display:inline-block;margin:0 20px 0 0;}
	.copyinfo a{display:inline-block;margin:0 20px 0 0;}
	.copyother{padding:43px 0;}
	.copyother ul{display:flex;}
	.copyother li{margin:0 0 0 40px;}

}
@media (max-width:1024px){/* MOBILE */
	body{font-size:12px;}

	header{}
	.top{background:#f2f2f2;border-bottom:1px solid #dfdfdf;line-height:30px;padding:0 10px;}
	.topwelcom{display:none;}
	.toplanguage{}
	.head{padding:10px;background:#fff;}
	.head .w{align-items:center;}
	.headlogo{display:flex;align-items:center;}
	.headlogo a{margin:0 20px 0 0;}
	.headlogo a img{height:40px;}
	.headlogo div{display:none;}
	.headtel{display:none;}

	.nav{position:relative;z-index:9;border-top:3px solid #0385e5;background:#f2f2f2;border-color: #ce081b;}
	nav{}
	nav>span{position:absolute;z-index:99;top:-55px;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:#0385e5;text-align:center;color: #ce081b;}
	nav>span i{display:block;content:'';width:100%;height:2px;background:#0385e5;margin:6px 0;transition:all 0.3s ease-out 0.1s;background: #ce081b;}
	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:#0385e5;color:#fff;background: #ce081b;}
	nav li a:hover{background:#0385e5;color:#fff;background: #ce081b;}
	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;}

	.subnav{display:none;position:absolute;z-index:3;top:57px;left:0;right:0;background:#fff;}
	.subnav1{}
	.subnav1 ul{overflow:hidden;padding:30px 0 0;margin:0 -1%;}
	.subnav1 li{float:left;width:23%;margin:0 1% 30px;}
	.subnav1 li a{display:block;text-align:center;}
	.subnav1 li a img{width:160px;}
	.subnav1 li a span{font-size:16px;}
	.subnav2,.subnav3{}
	.subnav2 ul,.subnav3 ul{overflow:hidden;padding:30px 0 0;margin:0 -1%;}
	.subnav2 li,.subnav3 li{float:left;width:31.33%;margin:0 1% 30px;}
	.subnav2 li a,.subnav3 li a{display:block;text-align:center;}
	.subnav2 li a img,.subnav3 li a img{width:240px;}
	.subnav2 li a span,.subnav3 li a span{font-size:16px;}
	/*.subnav3{}*/
	/*.subnav3 ul{overflow:hidden;padding:30px 0 0;margin:0 -1%;}*/
	/*.subnav3 li{float:left;width:31.33%;margin:0 1% 30px;}*/
	/*.subnav3 li a{display:block;text-align:center;position:relative;}*/
	/*.subnav3 li a img{width:100%;}*/
	/*.subnav3 li a span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-size:28px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:40px;}*/
	.subnav4,.subnav5{}
	.subnav4 ul,.subnav5 ul{overflow:hidden;padding:30px 0 0;margin:0 -1%;}
	.subnav4 li,.subnav5 li{float:left;width:48%;margin:0 1% 30px;}
	.subnav4 li a,.subnav5 li a{display:flex;align-items:center;}
	.subnav4 li a figure,.subnav5 li a figure{margin:0 10px 0 0;}
	.subnav4 li a img,.subnav5 li a img{width:340px;}
	.subnav4 li a span,.subnav5 li a span{flex:1;font-size:16px;font-size:28px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:40px;}
	.subnav4 li a span i,.subnav5 li span i{display:block;font-style:normal;font-size:18px;line-height:30px;}
	/*.subnav5{}*/
	/*.subnav5 ul{overflow:hidden;padding:30px 0 60px;}*/
	/*.subnav5 li{float:left;width:12.5%;}*/
	/*.subnav5 li a{display:block;text-align:center;}*/
	/*.subnav5 li a figure{margin:30px 0;}*/
	/*.subnav5 li a img{}*/
	/*.subnav5 li a span{font-size:16px;}*/
	.subnav6{}
	.subnav6 ul{overflow:hidden;padding:30px 0 0;margin:0 -1%;}
	.subnav6 li{float:left;width:48%;margin:0 1% 30px;}
	.subnav6 li a{display:block;text-align:center;position:relative;}
	.subnav6 li a figure{}
	.subnav6 li a img{width:100%;}
	.subnav6 li a span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;line-height:40px;color:#fff;}
	.subnav6 li a span i{display:block;font-style:normal;font-size:18px;line-height:30px;}
	.subnav7{}
	.subnav7 ul{padding:30px 0 60px;display:flex;}
	.subnav7 li{flex:1;}
	.subnav7 li a{display:block;text-align:center;position:relative;}
	.subnav7 li a figure{margin:30px 0;}
	.subnav7 li a img{}
	.subnav7 li a span{font-size:18px;line-height:30px;}

	footer{}
	.foot{background:#f2f2f2;padding:40px 20px 20px;}
	.footcontact{margin:0 0 30px;}
	.footcontactinfo{color:#333;margin:0 0 10px;}
	.footcontactinfo h3{font-size:18px;line-height:30px;margin:0 0 20px;}
	.footcontactinfo h3 span{display:none;font-size:16px;color:#999;font-weight:normal;margin:0 0 0 5px;}
	.footcontactinfo ul{overflow:hidden;}
	.footcontactinfo li{overflow:hidden;margin:0 0 10px;}
	.footcontactinfo li figure{float:left;margin:0 10px 0 0;}
	.footcontactinfo li div{font-size:15px;font-weight:bold;}
	.footcontactinfo li div span{display:block;font-size:12px;color:#999;}
	.footcontactinfo li div b{line-height:25px;}
	.footcontactinfo li div p{line-height:22px;}
	.footcontactimg{overflow:hidden;}
	.footcontactimg h3{display:block;width:117px;height:117px;text-align:center;float:left;background: url(../images/ewm_dd.png) no-repeat center;color:#333;}
	.footcontactimg h3 strong{display:block;font-size:18px;margin:40px 0 0;}
	.footcontactimg h3 span{font-size:14px;font-weight:normal;}
	.footcontactimg figure{float:right;}
	.footcontactimg figure img{width:117px;}
	.footnav{}
	.footnavlist{border-top:2px solid #333;padding:40px 0 0;}
	.footnavlist dl{margin:0 0 10px;}
	.footnavlist dl:nth-of-type(1){display:none;}
	.footnavlist dt{font-size:15px;font-weight:bold;margin:0 0 10px;position:relative;padding:0 0 0 15px;}
	.footnavlist dt:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);border-left:6px solid #616161;border-top:5px solid transparent;border-bottom:5px solid transparent;}
	.footnavlist dd{margin:0 -1%;overflow:hidden;}
	.footnavlist dd a{float:left;display:block;width:48%;border:1px solid #ccc;line-height:28px;color:#666;padding:0 5px;border-radius:5px;margin:0 1% 6px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
	.copy{background:#131f2d;padding:20px 20px 80px;color:#fff;}
	.copy a{color:#fff;}
	.copyinfo{opacity:0.3;padding:0 0 20px;}
	.copyinfo span{display:inline-block;margin:0 20px 0 0;}
	.copyinfo a{display:inline-block;margin:0 20px 0 0;}
	.copyother{padding:20px 0 0;border-top:1px solid rgba(255,255,255,0.1);}
	.copyother ul{text-align:center;}
	.copyother li{display:inline-block;margin:0 20px;}
}