* {
	padding: 0;
	margin: 0;
	border: none;
	list-style-type: none;
	text-decoration: none;
	box-sizing: border-box;
	outline: none;
}

.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}

.flexbj {
	display: flex;
	flex-wrap: wrap;
}
.cl{
	clear: both;
}
@font-face {
	font-family: 'oswald-regular';
	src: url(../font/OSWALD-REGULAR.TTF);
}

@font-face {
	font-family: 'oswald-bold';
	src: url(../font/Oswald-Stencil-Bold.ttf);
}


/****导航****/
.head-top-bg{width: 100%; height: 100px;position: relative;left: 50%;transform: translateX(-50%);border-bottom: 1px solid #e4e4e4; z-index: 999999;}
.head-top{height: 100px;}
.head-top-scroll{position: fixed;top: -200px;background: #fff;}
.head-top .row{justify-content: space-between; align-items: center;z-index: 999999;}
.head-top-logo a{align-items: center;}
.head-top-logo a img{height: 65px;}
.head-top-logo a .head-top-name{margin-left: 6px;}
.head-top-logo a h3{font-weight: 600;color: #19a7f9; letter-spacing: 0.5px;margin-bottom: 0px;margin-top: 0;}
.head-top-logo a h6{font-size: 13px;color: #999; margin-top: 0;margin-bottom: 0;}
.top-nav{width: 45%;justify-content: space-between;}
.top-nav .nav-list .list-link{display: block; position: relative;height: 100px;line-height: 110px;font-size: 14px;font-weight: 600; color: #333;}
.top-nav .nav-list .list-link:before{content: '';position: absolute; width: 0;height: 2px;background: #19a7f9;left: 50%;transform: translateX(-50%); bottom: 0;
transition: all 0.3s;}
.top-nav .nav-list .list-link:hover:before{width: 100%;}
.top-nav .nav-list .list-link#nav-active:before{width: 100%;}
.nav-list-item{position: absolute;width: 100%;padding-top: 2%;padding-bottom: 2%; background: #fff;left: 0;top: 100px;border-top: solid 1px #f5f5f5;transition: all 0.5s;
display: none;}
.nav-list-item-wp{justify-content: space-between;align-items: center;}
.nav-list-item-left{width: 30%; flex-direction: column;padding-right: 5%;position: relative;}
.nav-list-item-left:before{content: '';position: absolute;width: 1px;height: 100%;background: #E8E8E8;right: 0;top: 0;}
.nav-list-item-left h5{line-height: 30px;color: #999;}
.nav-list-item-right{width: 70%;justify-content: flex-start;align-items: center;padding-left: 5%;}
.nav-list-item-right a{padding: 0 10px; color: #333;transition: all 0.5s;margin-right: 16px;flex-direction: column;align-items: center;}
.nav-list-item-right a img{width: 130px;margin-bottom: 16px;}
.nav-list-item-right a h5{width: 100%;text-align: center; margin-top: 0;margin-bottom: 16px;padding-bottom: 16px; position: relative;}
.nav-list-item-right a h5:after{content: '';position: absolute;left: 50%;transform: translateX(-50%); bottom: 0;width: 0;height: 2px;
background: #19a7f9;transition: all 0.5s;}
.top-nav .nav-list:hover .nav-list-item{display: block;}
.nav-list-item-right a:hover h5{color: #19a7f9;}
.nav-list-item-right a:hover h5:after{width: 100%;}

.head-contact{padding: 5px 10px;background: #19a7f9;border-radius: 99px;justify-content: space-between;align-items: center;}
.head-contact-icon{width: 30px;height: 30px;background: #fff;border-radius: 99px;justify-content: center;align-items: center;}
.head-contact-icon .icon{font-size: 20px; color: #19a7f9;}
.head-mobile{font-family: 'oswald-bold';font-size: 20px;margin-left: 3px;color: #fff;}
@media screen and (max-width: 1350px) {
	.head-top-logo a img{height: 60px;}
	.top-nav{width: 40%;}
}
@media screen and (max-width: 1200px) {
	.head-top-logo a h3{font-size: 20px;letter-spacing: 1px;}
	.head-top-logo a h6{font-size: 12px;font-weight: normal;}
}

/*mobile-menu*/
.mobile-navbtn{display: none;}
.mobile-navbtn div{width: 24px;height: 3px;margin-bottom: 4px;border-radius: 99px; background: #337ab7;}
.mobile-menu{position: fixed;width: 100%;height: 100vh;background: rgba(51,51,51,.95); top: 0; left: 100%;z-index: 999999999;transition: all 0.5s;}
.mobile-menu ul{padding-top: 100px;}
.mobile-menu ul li a{display: block;text-align: center;font-size: 18px;font-weight: 600;color: #fff;padding: 6% 0;}
.mobile-closebtn{position: absolute;right: 4%;top: 5%;}
.mobile-closebtn div{width: 24px;height: 3px;border-radius: 99px; background: #fff;}
.mobile-closebtn div:first-child{transform: rotate(45deg);margin-bottom: -3px;}
.mobile-closebtn div:nth-child(2){transform: rotate(-45deg);}
@media screen and (max-width: 992px) {
	.top-nav{display: none;}
	.mobile-navbtn{display: block;}
	.head-top-bg{height: 80px;}
	.head-top{height: 80px;}
	.head-top .row{height: 80px;}
}
@media screen and (max-width: 768px) {	
	.head-contact{display: none;}
	.head-top-logo{width: 90%;}
	.head-top-logo a h3{font-size: 16px;margin-top: 0;margin-bottom: 0;}
	.head-top-logo a h6{display: none;}
	.head-top-logo a img{height: 40px;}
}

/*banner*/
.index-banners .swiper-wrapper .swiper-slide img{width: 100%;}
.index-banners .swiper-wrapper .swiper-slide{position: relative;z-index: 1;}
.index-banners .swiper-text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;}
.index-banners .index-banner-pagination{bottom: 30px;right: 5%;}
.index-banners .index-banner-pagination .swiper-pagination-bullet-active{width: 24px;border-radius: 99px;}
@media screen and (max-width: 992px) {
	.index-banners{margin-top: 0px;}
}
@media screen and (max-width: 768px) {
	.index-banners .index-banner-pagination{bottom: 16px;}
}

/*footer*/
.footnav{padding: 6% 0 2% 0;background: rgba(40, 41, 42, 0.95);position: relative;z-index: 2;}
.footnav .footer-content .row .footer-contact-wp{padding-left: 5%;position: relative;}
.footnav .footer-content .row .footer-contact-wp:before{content: '';position: absolute;width: 1px;height: 100%;background: #464748;left: 0;top: 0;}
.footnav .dt{font-size: 18px; color: #fff;font-weight: 600;margin-bottom: 16px;}
.footnav .dd{ color: #a5a5a5;line-height: 36px;}
.footnav .dd:hover{color: #fff;}
.footer-contact li{color: #a5a5a5;}
.footer{color: #a5a5a5;justify-content: space-between;align-items: center;}
.footer a{color: #a5a5a5;}
.footer a:hover{color: #fff;}
.foot-line{height: 1px;border: 1px solid #464748;margin: 24px 0;}
.footer-mobile{font-family: 'oswald-bold';}
.footer-code{color: #a5a5a5;}
@media screen and (max-width: 768px) {
	.footnav .footer-content .row .footer-contact-wp{padding-left: 15px;}
	.footnav .footer-content .row .footer-contact-wp:before{display: none;}
	.footnav .dd{line-height: 26px;}
	.footer-content .row .row .col-xs-6{margin-bottom: 24px;}
}
/*mobile footer*/
.footer_float {
	width: 100%;
	height:0px;
	padding:0;
	overflow:hidden;
	position: fixed!important;
	bottom: 0;
	right: 0;
	z-index: 9999;
	background: rgba(0,119,195);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.foot_float {
	width: 100%;
	position: fixed;
	height: 0.8rem;
	bottom: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.foot-relative_float {
	position: relative;
	width: 100%;
	height: 0.8rem;
}
.foot_float a {
	display: block;
	float: left;
	width: 33.33%;
	color: #ffffff
}
.foot_float a span {
	display: block;
	width: 100%;
	text-align: center;
	font-size:30px;
	line-height:40px;
}
.foot_float a h3 {
	width: 100%;
	text-align: center;
	font-size:14px;
	line-height:20px;
	margin: 0;
}
@media screen and (max-width: 998px) { 
	.footer-nav-list{width: 100%; justify-content: space-between;}
	.footer-nav-list a{margin-left: 0;}
	.footer-contact-list{width: 49%;padding: 20px 0;}
	.footer-line1{margin: 0;}
} 
@media screen and (max-width: 768px) { 
	.footnav{padding: 6% 0 94px 0;}
	.footer_float {height:70px;padding:5px 0;}
	
	.footer-nav-list a{font-size: 16px;}
	.footer-bg{margin-bottom: 80px;}
	.footer-logo img{height: 30px;}
} 

/*toTop*/
.toTop{display: none; position: fixed;right: 1%;bottom: 80px;z-index: 999999;}
.toTop a{display: block;width: 40px;height: 40px;border-radius: 99px;background: #19a7f9 url(../images/toTop.png) no-repeat center center; }