/* CSS Reset */
body, div, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{overflow-x:hidden;margin:0; padding:0;}
body sup {display: inline-block!important;vertical-align: top;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#242424;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a:hover{text-decoration:none;color:#000;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
* {font-family:Arial,Microsoft Yahei,PingFang SC,Helvetica Neue;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;outline: none}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none; font-size:14px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#a1a4b2;font-size:14px;}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{color: #a1a4b2;font-size:14px;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {color: #a1a4b2;font-size:14px;}
img {max-width: 100%;max-height:100%;}
.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.opacity-0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.no-touch { height:100%;}
.no-touch body{ overflow:hidden;height:100%;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.relative {position: relative;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.display-block {display: block!important;}
.height-auto {height: auto!important;}
.hide {display: none;opacity: 0;width: 0px;height: 0px;z-index: -1;overflow: hidden;}
.content {width: 88%;margin: auto;overflow: hidden;}


 



/* header */
.header {position: fixed;top:0;width: 100%;height:60px;z-index: 999;background: #000;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease;}
.header .content {height: 100%;position: relative;}
.header .content .left {position:relative;float: left;padding-top: 10px;}
.header .content .left .logo{display: block;float: left;width:140px;height: 40px;}
.header .content .left span {display: block;float: left;padding: 5px 0 0 10px;font-size: 16px;color: #a3a3a3;}
.header .content .right {text-align: right;font-size: 0;padding-top:19px;}
.header .content .right .nav {display: inline-block;vertical-align: middle;}
.header .content .right .nav a{font-size: 16px;color: #a3a3a3;margin-right: 50px;}
.header .content .right .nav a:hover {color: #fff;}
.header .content .right .nav a.cur{color: #fff;}
.header .content .right .tel {display: inline-block;vertical-align: middle;}
.header .content .right .tel a {font-size: 16px;color: #fff;}
.header .content .right .tel a strong{font-family:Arial,Microsoft Yahei,PingFang SC;font-weight: normal;}
.header.scroll-down {top: -100px;}



/* footer */
.footer {background: #1c1c1c;padding-top:70px;overflow: hidden; color: #fff;clear: both;}
.footer a {color: #636363;font-size: 12px;}
.footer a:hover {color: #fff;}
.footer .content .left {width:30%;overflow: hidden;}
.footer .content .left .name .title{font-size: 16px;}
.footer .content .left .name .title-en{font-size:30px;}
.footer .content .left .ewmtel {padding-top: 50px;margin-top: 50px; position: relative;}
.footer .content .left .ewmtel::before {content: '';display: block;width: 88px;height: 2px;background: #fff;position: absolute;left: 0;top: 0;opacity: .2;}
.footer .content .left .ewmtel .ewm{float: left;width: 80px;height: 80px;overflow: hidden;background: #fff;padding: 4px;}
.footer .content .left .ewmtel .tel{float: left;padding: 15px 0 0 20px;}
.footer .content .left .ewmtel .tel .title{font-size:14px;color: #a8a8a8;}
.footer .content .left .ewmtel .tel .num{font-size:24px;margin-top: 5px;}
.footer .content .right {width:62%;overflow: hidden;position: relative;padding-left: 5%;font-size: 0;}
.footer .content .right::before {content: '';display: block;width:1px;height:100%;background: #fff;position: absolute;left: 0;top: 0;opacity: .2;}
.footer .content .right ul{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: top;margin-right:8%;}
.footer .content .right ul strong{font-weight: normal;font-size: 16px;color: #fff;}
.footer .content .right ul li{list-style: none;margin: 0;padding: 0;padding-top: 20px;color: #636363;font-size: 12px;line-height: 26px;}
.footer .content .right ul li a{display: block;color: #636363;}
.footer .content .right ul li a:hover {color: #fff;}
.footer .content .right ul:last-child {color: #636363;font-size: 12px;line-height: 26px;margin-right: 0;}
.footer .content .right ul .addtext{padding-top:15px;}
.footer .content .right ul .socialtext{margin-top: 50px;}
.footer .content .right ul .socialtext .social a{margin-top: 5px;position: relative;}
.footer .content .right ul .socialtext .social a{display: block;float: left;width: 40px;height: 40px;border: 1px solid #fff;margin-right: 5px;opacity: .3;}
.footer .content .right ul .socialtext .social a.wx{background: url("../upload/wx.png") center no-repeat;}
.footer .content .right ul .socialtext .social a.wb{background: url("../upload/wb.png") center no-repeat;}
.footer .content .right ul .socialtext .social a.dy{background: url("../upload/dy.png") center no-repeat;}
.footer .content .right ul .socialtext .social a:hover {opacity: 1;}
.footer .content .right ul .socialtext .social a .ewmshw {width: 100px;height: 100px;background: #fff;position: absolute;left:-30px;bottom:50px;display: none;}
.footer .content .right ul .socialtext .social a .ewmshw img{display: block;width: 90px;height:90px;margin: 5px;}
.footer .content .right ul .socialtext .social a:hover .ewmshw  {display: block;}
.footer .content .bottom {border-top: 1px solid #3e3e3e;padding: 20px 0;margin-top: 50px; overflow: hidden;color: #636363;font-size: 12px;}
.footer .copy {background: #191919;padding: 20px 0;overflow: hidden;color: #636363;font-size: 12px;}
.footer .copy .left-txt {float: left;}
.footer .copy .right-txt {float: right;}


.aside-right {position: fixed; top: 75%; margin-top: -78px; right: 0; width: 50px; z-index: 1001;}
.aside-right .aside-wrap {width: 100%;}
.aside-right ul {list-style: none;padding: 0;margin: 0;}
.aside-right ul li {position: relative; width: 50px; height: 50px; margin-bottom: 2px; margin-left: 0; cursor: pointer;list-style: none;padding: 0;}
.aside-right ul li a {display: block; width: 100%; height: 100%;}
.aside-right ul li.aside-wc a {background: #b2b2b2 url(../images/aside-wc.svg) no-repeat center;}
.aside-right ul li.aside-wc .wechat-code {display: none; position: absolute; left: -120px; top: -35px; z-index: 1000; width: 110px; height: 110px;padding: 5px;background: #fff;}
.aside-right ul li.aside-wc .wechat-code img {display: block; width: 100%; max-width: 100%;}
.aside-right ul li.aside-qq a {background: #b2b2b2 url(../images/aside-qq.svg) no-repeat center;}
.aside-right ul li.aside-top a {background: #b2b2b2 url(../images/aside-top.svg) no-repeat center;}
.aside-right ul li.aside-wc a:hover {background: #00a78e url(../images/aside-wc.svg) no-repeat center;}
.aside-right ul li.aside-qq a:hover {background: #0077c7 url(../images/aside-qq.svg) no-repeat center;}
.aside-right ul li.aside-top a:hover {background: #ff0000 url(../images/aside-top.svg) no-repeat center;}




@font-face {
	font-family: 'Montserrat-Regular';
	src: url('../fonts/Montserrat-Regular.eot');
	src: local('☺'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Light';
	src: url('../fonts/Montserrat-Light.eot');
	src: local('☺'), url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'), url('../fonts/Montserrat-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.eot');
	src: local('☺'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Nexa-Light';
	src: url('../fonts/Nexa-Light.eot');
	src: local('☺'), url('../fonts/Nexa-Light.woff') format('woff'), url('../fonts/Nexa-Light.ttf') format('truetype'), url('../fonts/Nexa-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}