.header-top{
	height: 4rem;background: #f5f5f5;width: 100%;
}
.welcome-top{
	width: 100%;max-width: 1200px;margin: 0 auto;
}
.logo{
	height: 90px;width: 100%;max-width: 1200px;margin: 0 auto;padding: 15px 0;box-sizing: border-box;
}
.logo .logo-box{
	display: flex;box-sizing: border-box;padding: 0 10px;margin: 0 auto;
}
.logo .logo-left{
	width: 50%;height: 60px;line-height: 60px;
}
.logo .logo-left img{
	max-width: 400px;width: 100%;
}
.logo .logo-right{
	text-align: right;width: 50%;line-height: 60px;display: flex;align-items: flex-end;justify-content: flex-end;
}
.logo .logo-right img{
	display: block;width: 26px;height: 26px;
}
.logo .logo-right span{
	display: block;height: 26px;font-size: 18px;color: #FFB003;line-height: 26px;margin: 0 0 0 10px;
}
.logo .logo-right em{
	font-style: normal;line-height: 32px;display: block;font-size: 24px;font-weight: 600;color: #ffb003;
}
.header-box{
	height: 14rem;
}
.row{
	max-width: 1200px;margin: 0 auto;
}
.row .col-xs-0{
	
}
.welcome{
	line-height: 40px;height: 40px;display: flex;width: 100%;padding: 0 10px;box-sizing: border-box;
}
.welcome-left{
	width: calc(100% - 120px);height: 40px;font-size: 1.2rem;
}
.cellPhone{
	text-align: right;width: 120px;height: 40px;font-size: 1.2rem;display: flex;align-items: flex-end;justify-content: flex-end;
}
.cellPhone img{
	width: 18px;height: 13px;display: block;margin: 0 10px 13px 0;
}
.cellPhone span{
	display: block;font-size: 12px;color: #999;line-height: 40px;cursor: pointer;
}
@media (max-width:767px){
	.welcome-left{width:calc(100% - 80px)}
	.cellPhone{width:80px}
}
.nav{
	width: 1200px;height: 50px;background: #fff;margin: 0 auto;
}
.nav ul{
	display: flex;
	justify-content: space-between;
}
.nav ul li{
	height: 50px;line-height: 50px;text-align: center;
	/*width: 12.5%;*/
	padding: 0 2%;
	color: #333;font-size: 16px;
}
.nav ul li a{display:block;height:100%;    white-space: nowrap;}
.nav ul li.active{
	background:#ffb003;color: #fff;
}
.nav ul li.active a,.nav ul li:hover a{
	color: #fff;
}
.nav ul li:hover{
	background:#ffb003;color: #fff;
}
.banner{
	width: 100%;
}
.banner img{
	outline-width:0px;
	 vertical-align:top;
	 
}
 @media (max-width:767px){
	.banner img{width:100%}
 }

.banner .swiper-pagination-bullet{
	width: 60px;height: 6px;border-radius: 0;background: #fff;opacity: 1;
}
.banner .swiper-pagination-bullet-active{
	background: #ffb003;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 20px;
}





.top_s_right { text-align: right;width: 20px; display: none;align-items: flex-end;justify-content: flex-end; float: right; }
.top_s_right img { height: 20px; width: 20px; vertical-align: middle; margin-bottom: 20px; }
.top_s_left { top: 0; display: none; position: fixed; height: 100%; width: 100%; z-index: 27; background-color: #000;filter:alpha(opacity=50);  -moz-opacity:.5;  -khtml-opacity: .5;  opacity: .5;}
.phone_nav { overflow: auto; position: fixed; width: 170px; height: 100%; right: -100%; top: 0; z-index:99; background-color: #434b64; }
.phone_nav ul li { width: 100%;padding-left: 10px; font-size: 14px; line-height: 30px;color: #fff; box-sizing: border-box; }
.phone_nav ul li.active { background-color: #fff; color: #434b64; }
.phone_nav ul li.active a { color: #434b64; }
.phone_nav ul li a { color: #fff; }
.myAn {transition: .3s;-moz-transition: .3s; /* Firefox 4 */-webkit-transition: .3s; /* Safari and Chrome */-o-transition: .3s; /* Opera */ }

/*  */

.hide_menu{position:absolute;left:0;z-index:99;background:#fff;width:250px;height:480px;overflow:hidden;text-align:left;padding-top:10px;box-sizing:border-box;display:none;}
.nav ul li .hide_menu dl +dl{border-top:1px solid #ddd;}
.nav ul li .hide_menu dt{padding:0 10px;font-weight:bold;line-height:40px;}
.nav ul li .hide_menu dd{height:auto;line-height:30px;}
.nav ul li .hide_menu a{color:#666;display:inline-block;min-width:31%;padding:0 10px;box-sizing:border-box;font-size:14px;}
.nav ul li:hover .hide_menu{display:block;}
.nav ul li:hover .hide_menu dl a{color:#666}
.nav ul li:hover .hide_menu dl a:hover{color:#FFB003}
.nav ul li:hover .hide_menu dl{color:#333}
@media (max-width: 1200px) {
	.nav { width: 100%; }
}

@media (max-width: 767px) {
	.logo .logo-box { display: block; }
	.top_s_right { display: flex; padding-top: 20px; }
	.logo .logo-left { float: left; }
	.logo .logo-right { display: none; }
	.logo .logo-left { width: 80%; }
	.nav { display: none; }
	.banner .swiper-pagination-bullet { width: 20px; height: 4px; }
	.banner img{
		object-fit: cover;
		height: 30vh;
	}
}

@media (max-width: 450px) {
    .logo{
        height: 66px;
        padding: 10px 0;
        position: sticky;
        top: 0;
        background: #fff;
        left: 0;
        z-index: 9;
    }
	.logo .logo-left { width: 82%;height:auto;line-height:normal;}
	.top_s_right{
	    width: 28px;
	    padding-top: 9px;
	}
	.top_s_right img{
	    margin-bottom: 0;
	    width: 100%;
	    height: auto;
	}
	.banner img{
	    height: 20vh;
	}
}