@font-face{
	font-family:'SourceHanSansCN-Medium';
	src:url('../fonts/SourceHanSansCN-Medium.otf');
}

@font-face{
	font-family:'SourceHanSansCN-Normal';
	src:url('../fonts/SourceHanSansCN-Normal.otf');
}

@font-face{
	font-family:'SourceHanSansCN-Bold';
	src:url('../fonts/SourceHanSansCN-Bold.otf');
}
@font-face{
	font-family:'SourceHanSansCN-ExtraLight';
	src:url('../fonts/SourceHanSansCN-ExtraLight.otf');
}

@font-face{
	font-family:'SourceHanSansCN-Heavy';
	src:url('../fonts/SourceHanSansCN-Heavy.otf');
}

@font-face{
	font-family:'SourceHanSansCN-Light';
	src:url('../fonts/SourceHanSansCN-Light.otf');
}

@font-face{
	font-family:'SourceHanSansCN-Regular';
	src:url('../fonts/SourceHanSansCN-Regular.otf');
}


html,body,ul,li,div,p{margin:0;padding:0}
body{background:#fff;font:1em/1.55  '微软雅黑',sans-serif;font-size:12px;padding: 0}
.fl{float: left}
.fr{float: right}
.main-content{max-width: 1200px;margin:0 auto;position: relative;}
.none{display:none}
.pr{position: relative;}
ul{list-style: none}
.clear{clear: both;}
.mt20{margin-top: 20px}
.mt40{margin-top: 40px}
.item-fade-in{opacity: 0;top: 60px;position: relative;}
.left-item-fade-in{opacity: 0;left: -60px;position: relative;}
.right-item-fade-in{opacity: 0;right: -60px;position: relative;}


header{z-index: 1000}

.mm-head-main{width: 100%;margin:0 auto;padding:0;color: #fff;z-index: 10;background-color: #333333;}
.mm-head-nav{max-width: 1200px;padding:0 20px;height: 55px;;margin:0 auto;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;z-index: 1000}
.mm-head-nav .logo{text-decoration: none;display: inline-block;position: relative;top: 5px}
.mm-head-nav .logo img{height: 40px}

.mm-head-main .mm-menu-list{position: fixed;width: 100%;height: 100%;top: 60;background-color: #333333;z-index: 10001;

	filter:alpha(opacity=0); /* IE */
-moz-opacity:0; /* 老版Mozilla */     
-khtml-opacity:0; /* 老版Safari */
opacity: 0; /* 支持opacity的浏览器*/


}
.mm-head-main .mm-menu-list > div{width: 98%;height: 100%;margin:0 auto;}
.mm-head-main .mm-menu-list ul{width: 100%;margin:0;padding:0;display: flex;flex-direction: column;flex-wrap:nowrap;align-items: stretch;}
.mm-head-main .mm-menu-list ul li{padding: 5px;border-bottom: 1px dotted #333}
.mm-head-main .mm-menu-list ul li a{font-size: 16px;color: #fff;display: block}
.mm-head-main .mm-menu-list ul li.menu-selected a{color:#dd0017}

.mm-head-main .mm-menu-list .close-menu{position: relative;top: 10px;right: 20px;display: block;padding:3px 5px;}




.head-main{width: 100%;margin:0 auto;padding:0;color: #fff;z-index: 1000;background-color: #333333;}
.head-nav{max-width: 1200px;height: 55px;;margin:0 auto}
.head-nav .logo{text-decoration: none;display: inline-block;position: relative;top: 5px}
.head-nav .logo img{height: 45px}

.head-nav ul{list-style: none;display:inline-block;padding:3px 0;flex-direction: row;justify-content: center;align-items: center;margin-left: 30px;}
.head-nav ul li{float: left;color: #fff}
.head-nav ul li.company-menu{padding: 10px 30px 5px 30px;}
.head-nav ul li:first-child{padding-left: 0}
.head-nav ul li:last-child{padding-right: 0}
.head-nav ul li a{position: relative;color: #fff;font-family: '微软雅黑';font-size: 16px;text-decoration: none}

.head-nav ul li a em.on{position: absolute;width: 100%;height: 3px;background-color: #FFFFFF;bottom: -12px;display: block;}
.head-nav ul li:hover em{position: absolute;width: 100%;height: 3px;background-color: #FFFFFF;bottom: -12px;display: block;}

.head-fix{background-color: #333333;top: -300px;position: fixed;}
.head-fix ul{border-bottom: 1px solid #666;}



/*  footer  */
.back_to_top{position: fixed;bottom: 110px;right:30px;display: none;z-index: 10000}
.back_to_top a{display: block;width: 50px;height: 50px;background-image: url(../images/go_to_top.png);opacity: .5;background-repeat: no-repeat;-webkit-transition: background-image .3s,opacity .3s;transition: background-image .3s,opacity .3s;}
.back_to_top a:hover{opacity: 1}
.footer{width: 100%;background: #000000;clear: both}
.footer_con{margin: 0 auto;max-width: 1200px;position: relative;padding:30px 15px;border-top:1px solid #666}
.footer_con>p,.footer_con>div{color: #747b81;text-align: center;font-size: 14px;}
.footer_con .follow a{position: relative;display: inline-block;color: #fff;text-decoration: none;font-size: 14px}
.footer_con .footer_qrCode{position:absolute;display: none;width: 100%;justify-content: center;align-items: center;}
.footer_qrCode,.footer_qrCode img{z-index: 10000;}
.footer_qrCode img{max-width:220px;}


/*.footer_qrCode{background-color:#fff;width: 210px;padding: 5px;border-radius: 4px;position: relative;display: none;z-index: 10}
.footer_qrCode div p{text-align: center}
.footer_qrCode em{position: relative;top: 34px;right: 180px;width: 0;height: 0;border-width: 12px;border-style: solid;border-color: #fff transparent transparent transparent;}
.qrCode{display: inline-block}
.qrCode p{line-height: 20px}*/
.footer_compony,.footer_copyright{line-height: 22px;}
.footer .webchat-tag{vertical-align: middle;width: 24px;margin-left: 10px}
.lang-select{float: right;display: flex;margin-top: 10px}
.lang-select-btn{margin-right: 6px;text-decoration: none;color: #000;padding: 4px 6px;font-size: 14px;background: #fff;border-radius: 4px}
.lang-select-btn.disabled{color: #999;background: #f5f5f5;cursor: not-allowed}