@font-face {
	font-family: 'lightfont';
	font-display: swap;
	src: url('//at.alicdn.com/t/webfont_9suwvl9cfv.eot'); /* IE9*/
	src: url('//at.alicdn.com/t/webfont_9suwvl9cfv.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('//at.alicdn.com/t/webfont_9suwvl9cfv.woff2') format('woff2'),
	url('//at.alicdn.com/t/webfont_9suwvl9cfv.woff') format('woff'), /* chrome、firefox */
	url('//at.alicdn.com/t/webfont_9suwvl9cfv.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('//at.alicdn.com/t/webfont_9suwvl9cfv.svg#AlibabaPuHuiTiL') format('svg'); /* iOS 4.1- */
}
@font-face {
	font-family: 'boldfont';
	font-display: swap;
	src: url('//at.alicdn.com/t/webfont_6lu3qv762g8.eot'); /* IE9*/
	src: url('//at.alicdn.com/t/webfont_6lu3qv762g8.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('//at.alicdn.com/t/webfont_6lu3qv762g8.woff2') format('woff2'),
	url('//at.alicdn.com/t/webfont_6lu3qv762g8.woff') format('woff'), /* chrome、firefox */
	url('//at.alicdn.com/t/webfont_6lu3qv762g8.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('//at.alicdn.com/t/webfont_6lu3qv762g8.svg#Alibaba-PuHuiTi-Bold') format('svg'); /* iOS 4.1- */
}
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,form,p,img{margin:0;padding:0;outline:none}
body{color:#333}
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none}

/*href*/
a{text-decoration:none}
a:link,a:visited{color:#333}
a:hover,a:active{color:#a00}
.cfff,.cfff a:link,.cfff a:visited{color:#fff}
.cfff a:hover,.cfff a:active{color:#fff}

/*common*/
.wrap{width:1300px;margin:0 auto}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden}
.c{display:block;height:0;overflow:hidden;clear:both}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}
.mt30{margin-top:30px}

/*header*/
.header{height:90px;position:absolute;top:0;left:0;right:0;z-index:9}
.header .logo{display:block;width:248px;height:73px;background:url(../images/logo.png) no-repeat;margin-top:20px;float:left}
.nav-box{float:right;height:45px;margin-top:25px;margin-left:45px}
.nav-box li{float:left;font:bold 20px/60px SimSun;padding:0 5px; margin: 0 15px;}
.nav-box li:hover, .nav-box li.curr{ -webkit-box-shadow: 0 1px 0 rgb(255 255 255); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgb(255 255 255);}
.header.open{z-index:300}
.header.open .logo,.header.open .icon-box,.header.open .nav-box,#nav-icon{display:none}

.overlay-menu ul li,.overlay-menu ul li ul,.fs-nav,.fs-nav.open,#nav-icon,#nav-icon span,.overlay-menu ul li a{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
#nav-icon{width:50px;height:50px;background-color:transparent;top:25px;position:absolute;right:10px;z-index:300;cursor:pointer}
#nav-icon span{display:block;position:absolute;height:2px;width:100%;background:#fff;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
#nav-icon span{width:40%;left:30%}
#nav-icon span:nth-child(1){top:18px}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3){top:24px}
#nav-icon span:nth-child(4){top:30px}
#nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(4){top:24px;width:0%;left:50%}
#nav-icon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#nav-icon.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.fs-nav{position:fixed;background-color:rgba(12,12,12, 0.95);top:0;left:0;height:100%;width:100%;opacity:0;visibility:hidden;overflow:hidden;-webkit-transition:transform 0.3s ease-in-out;-moz-transition:transform 0.3s ease-in-out;-o-transition:transform 0.3s ease-in-out;-ms-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out}
.fs-nav.open{opacity:.95;visibility:visible;z-index:200}  
.fs-nav.open li{-webkit-animation:fadeInUp .35s ease forwards;-moz-animation:fadeInUp .35s ease forwards;-ms-animation:fadeInUp .35s ease forwards;-o-animation:fadeInUp .35s ease forwards;animation:fadeInUp .35s ease forwards;-webkit-animation-delay:.10s;-moz-animation-delay:.10s;-ms-animation-delay:.10s;-o-animation-delay:.10s;animation-delay:.10s}
.overlay-menu{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-align:center}
.overlay-menu ul{list-style:none;padding:0;margin:0 auto;display:block;position:relative;height:100%} 
.overlay-menu ul li{display:block;position:relative;opacity:0;height:auto;width:100%}
.overlay-menu ul li a{display:block;position:relative;overflow:hidden;padding:15px 0;font-size:24px;letter-spacing:0.05em;color:#fff;font-weight:300;text-decoration:none;text-transform:uppercase}
.overlay-menu ul li ul.navsubmenu{transition:all 0.6s;-o-transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;letter-spacing:0.05em;opacity:0;display:none}
.overlay-menu ul li ul.navsubmenu li{width:100%;display:none}
.overlay-menu ul li ul.navsubmenu li a{font-size:16px}
.overlay-menu ul li:hover ul.navsubmenu{opacity:1}
.overlay-menu ul li:hover ul.navsubmenu li{display:block}
.overlay-menu ul li ul.navsubmenu li:hover{background:#eee}
.overlay-menu ul li.active > a{color:#fe6d2e}
.overlay-menu ul li:hover a{color:#383838}
.overlay-menu ul li:hover{background-color:#fff}
@keyframes fadeInUp{0%{opacity:0;bottom:20%}100%{opacity:1;bottom:0}}
@-webkit-keyframes fadeInUp{0%{opacity:0;bottom:20%}100%{opacity:1;bottom:0}}
@-moz-keyframes fadeInUp{0%{opacity:0;bottom:20%}100%{opacity:1;bottom:0}}
@media (max-width: 1024px){
	.header{height:50px;padding:0 10px}
	.wrap{width:100%;overflow:hidden}
	.header .icon-box,.header .nav-box{display:none}
	#nav-icon{display:block;top:0}
	.header .logo{background-size:auto 100%;height:36px;margin-top:7px}
}
@media (max-width: 640px){
	#nav-icon{right:0}
}

/*footer*/
.footer{background:url(../images/footer.jpg) no-repeat center top;height:295px}
.footer .wx{float:right;display:block;margin-top:105px;width:145px;height:145px}
.footer .sub-nav{padding:50px 0}
.footer .sub-nav li{float:left;border-left:1px solid #fff;font-size:16px;line-height:1.1;padding:0 25px}
.footer .sub-nav li.home{border:0;padding-left:0}
.footer .tel{font-size:16px;line-height:30px}
.footer .tel span{font-size:24px;font-weight:bold;font-family:Arial}
.footer .copy{font-size:14px;line-height:24px;margin-top:20px}
.footer .copy,.footer .copy a{color:#6a9ac7}

@media (max-width: 1024px){
	.footer{width:100%;overflow:hidden;text-align:center;padding:20px 0;height:auto}
	.footer .wx,.footer .sub-nav{display:none}
	.footer .copy{padding:0 15px}
}