@charset "utf-8";
@font-face { font-family: "SHSR";src: url(../fonts/SourceHanSansCN-Regular.otf)}
@font-face { font-family: "SHSB";src: url(../fonts/SourceHanSansCN-Bold.otf)}
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,button,th,td,figure,figcaption {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
img {border: none;}
input,select,textarea{outline:none;}
ul li{list-style: none;}
a {text-decoration: none;cursor: pointer;color:inherit;font-size: inherit;}
a:hover,a:active,a:focus{text-decoration: none;color:inherit;}
html {outline: 0;-webkit-text-size-adjust: none;}
body {width: 100%;font-family: 'SHSR','Microsoft YaHei';-webkit-text-size-adjust: none;overflow-x: hidden;}
html,body{font-size: 16px;color:#353636;}
.fl {float: left;}/*左浮动*/
.fr {float: right;}/* 右浮动*/
.tal{text-align: left;}
.tac{text-align:center;}
.tar{text-align:right;}
.clear {clear: both;}/*清除浮动*/
.clearfix:after{clear:both;display: block;content: '';}/*清除浮动*/
.dflex{display: flex;}


.header{width: 100%; height: auto; }
.header .container{width: 94%;}
.header .navbar-inverse{ border-radius:0; border:none;background-color: transparent; padding:10px 0;transition: all 0.2s;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{padding:0 15px;height: auto;margin:0;}
.header .navbar-brand img{ height: 70px;}  

.navbar-right{ /*padding:20px 0;*/position: relative; text-align: center;}
.navbar-right .navbar-nav{ text-align: center;display: inline-block;float:none;display: flex; }
.navbar-nav>li{/* padding:25px 0px;*/display:inline-block;float: none;position: relative;max-width: 120px;}
.navbar-nav>li>a{ }
.navbar-inverse .navbar-nav>li>a{ line-height: 25px;padding:0 15px;color:#fff;display: flex;height: 50px;align-items: center;}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:hover, 
.navbar-inverse .navbar-nav>li>a:focus{ color:#00a0e9;}
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus{background-color:transparent;color:#00a0e9;}
.page-en .navbar-nav>li{max-width: 160px;}
.page-en .navbar-inverse .navbar-nav>li>a{font-size: 14px;padding:0 15px;}
.navbar{margin-bottom:0;} 
.navbar-right .navbar-shop{width:126px;float: right;text-align: right;padding:25px 0;}
.navbar-right .navbar-shop li{display: inline-block;width: 30px; height: 30px;margin:0 5px;}
.navbar-right .navbar-shop li img{max-width: 100%;}
.nav-right{color:#ccc;float:right;display: flex;justify-content: flex-end;height: 30px;line-height: 30px; margin-top:10px;margin-left: 70px;position: relative;}
.nav-right img{width: 22px;}
.nav-right .search-btn{margin-right: 30px;width: 30px;height: 30px;cursor: pointer;}
.nav-right .nav-lx{height: 30px;margin-right: 30px;position: relative;}
.nav-right .nav-lx:before{content:"";height: 16px;border-left:1px solid #ccc;position: absolute; top: 8px;left:-18px;}
.nav-right .nav-lang{height: 30px;position: relative;}
.nav-right .nav-lang:before{content:"";height: 16px;border-left:1px solid #ccc;position: absolute; top: 8px;left:-16px;}
.nav-right .nav-lang span{display: inline-block;cursor: pointer;}

.header .navbar-inverse.notop{background-color: #242424; transition: all 0.2s;}
.navbar-inverse.notop .navbar-nav>li>a{color:#ccc;} 
.navbar-inverse.notop .navbar-nav>li>a:hover,
.navbar-inverse.notop .navbar-nav>li>a:hover, 
.navbar-inverse.notop .navbar-nav>li>a:focus{ color:#00a0e9;}
.navbar-inverse.notop .navbar-nav>.active>a, 
.navbar-inverse.notop .navbar-nav>.active>a:hover, 
.navbar-inverse.notop .navbar-nav>.active>a:focus{background-color:transparent;color:#00a0e9;}

.nav li .subnav{position: absolute;background-color: rgba(255,255,255,0.7);min-width: 100%;white-space: nowrap;left: 50%;transform: translateX(-50%);display: none; }
.nav li .subnav p {line-height: 24px;}
.nav li .subnav p a{line-height: 24px;padding:8px 15px;display: block;}
.nav li .subnav p a:hover{background-color:#00a0e9;color:#fff;}

.searchbox{position: absolute;width: 220px;background-color: #fff;left:0;top:100%; display: none;}
.searchbox.open{display: block;}
.searchbox .form-search{display: flex;width: 100%;}
.searchbox .form-search .text-box{flex:1;height: 32px;width: 180px; padding:0 5px;border:none; outline: 0;color:#333;font-size: 14px;}
.searchbox .form-search button{flex:0 1 40px;height: 32px; background:url(../images/search-icon.svg) center center / contain no-repeat; outline: none;}
.searchbox .form-search button:focus{outline: none; }

.scale1{overflow: hidden;}
.scale1 img{transition: all 0.5s;}
.scale1 img:hover{transition: all 0.5s;transform: scale(1.1);}
.afterscale {z-index: 111;}
.afterscale + img{transition: all 0.5s;}
.afterscale:hover + img{transition: all 0.5s;transform: scale(1.1);}

/*底部*/
.footer{background:#242424;color:#cccccc;}  
.footer .foot-top{padding: 60px 0 40px;}
.footer .foot-top .foot-top-flex{display: flex;justify-content: space-between;}
.footer .foot-top .foot-item{}
.footer .foot-top .foot-lxfs{flex-basis: 320px;}
.footer .foot-top .foot-lxfs .hotline{display: flex;align-items: center;color:#fff;margin-bottom: 25px;}
.footer .foot-top .foot-lxfs .hotline .text{padding-left: 20px;}
.footer .foot-top .foot-lxfs .hotline img{}
.footer .foot-top .foot-lxfs .hotline span{display: block;font-size: 18px;line-height: 20px;}
.footer .foot-top .foot-lxfs .hotline .tel{font-size:30px;line-height: 40px; }
.footer .foot-top .foot-lxfs .address{font-size: 18px;line-height: 30px;}
.footer .foot-top .foot-menu{padding:0 15px;flex:1; display: flex;justify-content: space-evenly;}
.footer .foot-top .foot-menu dl{padding:0 15px;}
.footer .foot-top .foot-menu dl dt{font-size: 18px;font-weight: bold;color:#ffffff;margin-bottom: 10px;position: relative;padding-bottom: 10px;}
.footer .foot-top .foot-menu dl dt:after{content:"";position: absolute;width: 40px;height: 2px;background-color: #fff;left:0;bottom: 0;}
.footer .foot-top .foot-menu dl dd{line-height: 30px;}
.footer .foot-top .foot-ewm{flex-basis: 180px; text-align: right;}
.footer .foot-top .foot-ewm img{max-width: 100%;}
.footer .foot-bot{border-top: 1px solid #ccc;padding:15px 0;}
.footer .copyright{text-align:center;line-height: 2em;}  
.footer .copyright a{color:#cccccc;}

.links{padding-bottom:15px;line-height:24px;}
.links .links-flex{display:flex; }
.links h4{line-height:24px;}
.links a{display:inline-block;margin:0 10px;}
.links .links-flex ul{display:flex;align-items: center;flex-wrap: wrap;}

.pages {
	margin: 40px 0 40px 0;
	text-align: center;
}
.pages a{display: inline-block;height: 30px;padding:0 8px;margin:0 5px; line-height: 30px;color:#333;  border:1px solid #ccc;  min-width: 30px;text-align: center; font-size: 14px;}
.pages a:hover,.pages a.active{border:1px solid #238dff;color:#fff;background-color: #238dff;}
.pages a.none,.pages a.none:hover{border:1px solid #ccc;/*background: #ccc;*/ color:#fff;cursor: default;}



@media (min-width:769px) {
	.nav li:hover .subnav{display: block;}
}
@media (min-width:992px) {
	.navbar-right{}
	.nav-right{margin-left: 40px;float: none;margin-top: 0;}
	.navbar-inverse .navbar-nav>li>a{padding: 0 15px;}
	.page-en .navbar-nav>li{max-width: 90px;}
	.page-en .navbar-inverse .navbar-nav>li>a{padding:0 10px;}
}

@media (min-width:1200px) {
	.navbar-right{}
	.navbar-inverse .navbar-nav>li>a{padding: 0 20px;}
	.page-en .navbar-inverse .navbar-nav>li>a{padding:0 10px;}
	.page-en .navbar-nav>li{max-width: 150px;}
}

@media (min-width:1400px) {
	.navbar-right{margin-top: 10px;}
	.nav-right{margin-left: 70px;float: right;margin-top: 10px;}
	.navbar-inverse .navbar-nav>li>a{padding:0 15px;}
	.page-en .navbar-nav>li{max-width: 100px;}
	.page-en .navbar-inverse .navbar-nav>li>a{font-size: 14px;padding:0 15px;}
	
}

@media (min-width:1600px) { 
	.navbar-inverse .navbar-nav>li>a{padding:0 15px;}
	.page-en .navbar-nav>li{max-width: 160px;}
	.page-en .navbar-inverse .navbar-nav>li>a{font-size: 14px;padding:0 15px;} 
}
@media(max-width:1200px){
	.footer .foot-top .foot-top-flex{flex-wrap: wrap;}
	.footer .foot-top .foot-lxfs{order: 1; }
	.footer .foot-top .foot-ewm{order: 1; }
	.footer .foot-top .foot-menu{order: 2;flex-basis: 100%;justify-content: space-between;margin-top: 20px;}
}
@media(max-width:991px){
	.header{height: 70px;background-color: #242424;}
	.header .container{width: 100%;}
	.header .navbar-header{padding:10px 0;}
	.header .navbar-brand img{height: 50px;} 
	.header .navbar-inverse{padding:0;}
	.navbar-inverse .navbar-toggle{border-color:#fff;padding:7px 5px;}
	.navbar-inverse .navbar-collapse{ background-color: #242424;max-height: none;}
	.nav-right{margin:10px auto;width: 100%;justify-content: center;}
	.navbar-right .navbar-nav{flex-direction: column;border-top: 1px solid #101010;text-align:left;}
	.navbar-nav>li{width: 100%;max-width:none;border-bottom: 1px solid #666;}
	.navbar-inverse .navbar-nav>li>a{color: #ccc;}
	.nav li .subnav{ position: relative;background-color:transparent;color:#999;display: none;}
	.nav li .subnav p a{padding-left: 25px;}
}

@media(max-width:768px){
	.header{height: 60px;background-color: #242424;}
	.header .container{width: 100%;}
	.header .navbar-brand img{height: 50px;}
	.header .navbar-header{padding:5px 0;}
	.header .navbar-inverse{padding:0;}
	.navbar-inverse .navbar-toggle{border-color:#fff;padding:7px 5px;}
	.navbar-inverse .navbar-collapse{ background-color: #242424;max-height: none;}
	.nav-right{margin:10px auto;width: 100%;justify-content: center;}
	.navbar-right .navbar-nav{flex-direction: column;border-top: 1px solid #101010;text-align:left;}
	.navbar-nav>li{width: 100%;max-width:none;border-bottom: 1px solid #666;}
	.navbar-inverse .navbar-nav>li>a{color: #ccc;}
	.nav li .subnav{ position: relative;background-color:transparent;color:#999;display: none;}
	.nav li .subnav p a{padding-left: 25px;}

	.footer .foot-top{padding:40px 0 30px;}
	.footer .foot-top .foot-top-flex{flex-direction: column;}
	.footer .foot-top .foot-lxfs{flex-basis:auto;margin-bottom: 20px;}
	.footer .foot-top .foot-menu{padding:0;justify-content: flex-start;flex-wrap: wrap;margin-bottom: 20px;display: none;}
	.footer .foot-top .foot-menu dl{margin:10px 0;}
	.footer .foot-top .foot-ewm{flex-basis: auto;text-align: center;}

}