@charset "utf-8";
#top{background:url(../images/top_bg.jpg) no-repeat center 0}
#top .fr{padding-left:60px;color:#fff;line-height:50px}
#top ul{float:left}
#top li{display:inline-block}
#top a{color:#fff}
#top a:before{content:'•';margin:0 5px}
#search{width:22px;height:24px;float:left;background:url(../images/search.png) no-repeat center;margin-top:50px}
.search-box{box-sizing:border-box;line-height:30px;color:#eee;padding:0;width:50%;display:inline-block;float:right;margin-top:8px;border-radius:20px;overflow:hidden}
.search{width:85%;border:0;line-height:unset;box-sizing:border-box;padding-left:10px}
.search:focus{outline:none;outline-offset:0}
#search-btn{display:block;float:right;width:15%;cursor:pointer;background:#fff url(../images/search1.png) no-repeat center;height:32px;border:0;border-left:1px solid #0E5FB0}
.logo img{margin-top: -26px;}
.nav{text-align:center;margin-top:15px}
.nav>li{width:16.6%;float:left;box-sizing:border-box;line-height:70px;padding:0 5px}
.nav>li>a{font-size:1rem;display:block}
.nav>li>a:hover, .nav>li.on>a{background:#0E67C3;color:#fff}
.nav>li:first-child>a{border-radius:10px 0 0 0}
.drop{position:relative}
.drop:hover .drop-box{display:block}
.drop-box{position:absolute;z-index:5;width:100%;background:rgba(0,0,0,0.5);padding:10px 0;display:none}
.drop-box li{line-height:2}
.drop-box a{color:#fff;display:block;font-size:14px;border-bottom:1px solid rgba(255,255,255,0.5)}
.drop-box a:hover{background:#FF3A2A}
#banner img{display:block}
#banner .swiper-button-prev,#banner .swiper-button-next{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat;}
#banner .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230067E0'%2F%3E%3C%2Fsvg%3E");left:30px}
#banner .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230067E0'%2F%3E%3C%2Fsvg%3E");right:30px}
#menu1{display:none;position:fixed;top:0;left: 0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index: 80;overflow:hidden;}
#footer{border-top:10px solid #7BC6EE;background: #0E67C3;color:#fff;padding:30px 0 0;}
.ti6{text-align:center;font-size:30px;line-height:1.5}
.ti7{text-align:center;font-size:20px;margin-bottom:20px}
.address{padding: 5px 60px 5px;background: url(../images/address.png) no-repeat center right;line-height:1.5;margin-top:40px;text-align: right;}
.ewm img{display:block;max-width:100%;margin:0 auto}
.telphone{padding: 5px 0 5px 60px;background: url(../images/phone.png) no-repeat center left;line-height:1.5;margin-top:40px;}
.copyright{background: #141414;margin-top:30px;text-align:center;font-size:14px;line-height:1.5;padding:10px 0;}
.copyright a{color:#fff}
body{width:100%;overflow-x:hidden}
@media (max-width:767px){
	#menu{position: absolute;right: 10px;top: 20px;font-size: 1.5rem;line-height: 1;}
	.logo{
    float: none !important;
    max-width: 60%;
    margin: 0 auto;
}
	.logo img{margin: 5px 0 0;max-width: 100%;}
	#nav.on{display:block !important;width:50% !important;padding:0 10px !important}
	.nav>li:hover{background:transparent}
	#nav{position:fixed;top:0;left: 0;z-index: 85;width:0;height:100%;background:rgba(0,0,0,0.8);color:#fff;overflow:hidden;padding:0;transition:0.5s all;overflow-y:scroll;}
	.nav{padding-bottom:80px;border:0}
	.nav>li{width:100%;line-height:2;border:0;background: none;}
	.nav>li>a{color:#fff;line-height:2.5;text-align:left;background:transparent !important}
	.drop-box{display:block;background:none;position:relative;width:100%}
	.drop-box>li{width:100%;text-align:left;padding-left:10px}
	.drop-box a{border:0}
	#footer{padding-top:20px}
	.footerL li{width:25%;text-align:center}
	.footerR{float:none !important;margin-top:10px;text-align:center}
	#footer>p{line-height:1.5;font-size:14px;padding:10px}
	.foot{position: fixed;bottom: 0;background: #000;width: 100%;text-align: center;z-index: 99;}
	.foot a{color: #fff;}
	body{padding-bottom:64px;}
	#tmpAreaLmtDiv{display:none;}
}