@charset "utf-8";

/* *{transition: .3s;} */

@media (max-width:768px) {
	.container-padding{padding-top: 30px; padding-bottom: 30px;}
	.index-title{padding-bottom: 20px;}
}
/* 字体图标  */
 @font-face {
	font-family: 'iconfont';
	src: url('../iconfont/iconfont.eot');
	src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
		 url('../iconfont/iconfont.woff') format('woff'),
		 url('../iconfont/iconfont.ttf') format('truetype'),
		 url('../iconfont/iconfont.svg#iconfont') format('svg');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 

 @font-face {
	font-family: 'SemiBold';
	src: url('../fonts/SemiBold.otf');
		
}
.SemiBold {
	font-family: "SemiBold" !important;
} 

.top{position: absolute; top: 0; left: 0; width: 100%; padding: 50px 100px ; z-index: 9;}
.logo{float: left;}
.nav{float: right;}
.search{float: right;}
.search img{display: inline-block; cursor: pointer;}
.sousuo{opacity: 0; width: 0; background: none; color: #eee; font-size: 16px;}
/* WebKit browsers */
.sousuo::-webkit-input-placeholder {
    color: #C0C0C0;
    font-size: 16px;
}
/* Mozilla Firefox 4 to 18 */
.sousuo:-moz-placeholder {
    color: #C0C0C0;
    opacity: 1;
    font-size: 16px;
}
/* Mozilla Firefox 19+ */
.sousuo::-moz-placeholder {
    color: #C0C0C0;
    opacity: 1;
    font-size: 16px;
}
/* Internet Explorer 10+ */
.sousuo:-ms-input-placeholder {
    color: #C0C0C0;
    font-size: 16px;
}
.searchShow{ width: 110px; opacity: 1;}
#navbar-open{float: right; margin-left: 20px;}

@media (max-width:1400px) {
	.top{padding: 50px;}
}

@media (max-width:768px) {
	.top{padding: 25px 40px 25px 30px;}
	.logo img{width: 65%;}
	.nav{padding-top: 3px;}
	.search img{zoom: 0.65; }
	#navbar-open{zoom: 0.7;margin-left: 10px;}
	.sousuo,.sousuo::-webkit-input-placeholder{font-size: 12px;}
}
@media (max-width:600px) {
	.top{padding: 20px 15px;}
	.logo,.nav{width: 50%;}
	.nav{padding-top: 0px;}
	.logo img{width: 50%;}	
	.search img{zoom: 0.45; margin-top: -5px;}			
	#navbar-open{zoom: 0.55;margin-left: 0px;}
	.searchShow{ width: 100px;}
}
@media (max-width:400px) {
	.top{padding: 10px 15px;}
}

#navbar-open{position: relative; float: right; width: 30px; height: 38px; line-height: 38px; display: block; background: var(--main-color); opacity: .9; padding: 0px 19px; text-align: center; cursor: pointer;}
#navbar-open:before,
#navbar-open:after,
#navbar-open span{position: absolute; left: 8px; display: block; content: ''; width: 30px; height: 3px; background-color: #fff; transition: all .3s;}
#navbar-open:before{top: 2px;}
#navbar-open span{top: 12px;}
#navbar-open:after{bottom: 12px;}

.m-nav-bg {position: fixed;top: 0; left: 0; z-index: 14; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .1);transition: .01s ease-in;visibility: hidden; z-index: 998;}
.m-nav-box{position: fixed; right: 0; top: 0; width: 220px; height: auto; z-index: 999; background-color: rgba(55,55,55,.95); transition: .15s ease-in-out; transform: translateX(0px);opacity: 0;visibility: hidden;}
.m-nav-box ul{padding: 0;}
.m-nav-box ul li{line-height: 40px; border-bottom: 1px solid #666;}
.m-nav-box ul li a{display: block; padding: 20px 30px; color: #fff;}
.m-nav-box ul li:hover{background-color: #888; color: #fff;}
.m-nav-box ul li:hover a{ color: #fff;}

.m-nav-bgOpen {visibility: visible;}
.m-navOpen {transform: translateX(0); opacity: 1;visibility: visible;}

.showMe {transform: translateX(0);}
@media (max-width:480px) {
	.m-nav-box{width: 25%; }
	.m-nav-box ul li{line-height: 24px;}
	.m-nav-box ul li a{padding: 10px 15px; font-size: 14px;}
}

.footer{padding: 40px 0;}
.footer-box{padding: 0 170px;}
.footer-l{float: left; width: 50%; margin-top: 10px;}
.footer-l h3{font-size: 24px; margin-bottom: 20px;}
.footer-l h3 span{display: block; color: #999;font-size: 14px; text-transform: uppercase; margin-top: 10px;}
.footer-l p{font-size: 14px; line-height: 24px; color: #999;}
.footer-r{float: right; width: 50%; text-align: right; color: #999; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.footer-r img{ max-width: 120px; width: 100%;}	
.footer-ewm{display: flex; justify-content: flex-end; max-width: 360px; width: 100%; font-size:12px; color: #333333;}
.footer-ewm span{display: inline-block; margin-bottom: 15px; text-align: center; width: 33.33%;}
.footer-r p{width:100%;}

@media (max-width:1200px) {
	.footer-box{padding: 0 70px;}	
}		
@media (max-width:996px) {
	.footer-box{padding: 0 20px;}	
}
@media (max-width:768px) {
	.footer-box{padding: 0 10px;}	
	.footer-l,.footer-r{width: 100%; float: none; text-align: left;}
	.footer-r{margin-top: 10px; text-align: center;}
	.footer-l h3{font-size: 20px;}
}

@media (max-width:480px) {
	.footer-l h3{font-size: 16px;}
	.footer-l h3 span{font-size: 12px; margin-top: 5px;}
}