/* 头部 */
.header{
    height: 290px;
    background: #121e36;
}
.header_one {
	width: 100%;
	height: 110px;
	position: absolute;
	top: 0px;
	left: 0px;
	transition: all .3s ease-out;
	z-index: 10;
}

.header_main1 {
	height: 100%;
	line-height: 110px;
}

.h1 {
	display: inline-block;
}

.nav {
	width: 600px;
}

.nav ul {
	width: 100%;
}

.nav ul li {
	width: 16%;
}

.nav ul li a {
	display: inline-block;
	width: 100%;
	text-align: right;
	color: #e3e9ef;
}

.nav ul li a:hover {
	color: #eff4f8;
	font-weight: bold;
}

/* 底部 */

.footer {
	width: 100%;
	height: 305px;
	background: url("footer_bg.png") no-repeat;
	background-size: cover;
}

.footer_main {
	height: 100%;
}

.footer_main1 {
	height: 250px;
	background: url("f6.png") no-repeat;
	background-position: 100% 100%;
}

.footer_left {
	line-height: 250px;
	margin-right: 50px;
}

.footer_right {
	margin-top: 60px;
}

.s1 {
	width: 70px;
	height: 35px;
	line-height: 35px;
}

.s1 a {
	display: inline-block;
	color: #d5d9e2;
	width: 100%;
	text-align: center;
}

.s1 a:hover {
	color: #eff4f8;
}

.s2 {
	width: 75px;
	text-align: center;
}

.footer_text {
	font-size: 14px;
	color: #7d7e80;
	margin-top: 15px;
}

.footer_bor {
	margin-right: 5px;
}

.footer_text_bor {
	background: url("footer_bor.png") no-repeat;
	background-position: 0px 15px;
	padding-left: 50px;
}

.toolbar {
	width: 96px;
	height: 130px;
	margin-top: 70px;
}

.toolbar span {
	display: inline-block;
	width: 100%;
	text-align: center;
	color: #7d7e80;
	line-height: 35px;
}

.footer_main2 {
	height: 54px;
	line-height: 54px;
	font-size: 14px;
	color: #7d7e80;
}
.sss{
	font-size: 14px;
	color: #7d7e80;
}

/* 头部动画效果 */

.header_two {
	width: 100%;
	height: 633px;
	position: relative;
	overflow: hidden;
}

.l1 {
	position: absolute;
	animation: l1 3s linear infinite;
	left: 660px;
}

.l2 {
	position: absolute;
	animation: l2 5s linear infinite;
	left: 710px;
}

.l2-2 {
	position: absolute;
	animation: l2-2 8s linear infinite;
	left: 710px;
}

.l3 {
	position: absolute;
	animation: l3 5.5s linear infinite;
	left: 800px;
}

.l4 {
	position: absolute;
	animation: l4 3.5s linear infinite;
	left: 880px;
}

.l5 {
	position: absolute;
	animation: l5 2s linear infinite;
	left: 970px;
}

.l6 {
	position: absolute;
	animation: l3 1.75s linear infinite;
	left: 1100px;
}

.l7 {
	position: absolute;
	animation: l1 2.5s linear infinite;
	left: 1190px;
}

.l8 {
	position: absolute;
	animation: l2 4s linear infinite;
	left: 1250px;
}

.l9 {
	position: absolute;
	animation: l4 4s linear infinite;
	left: 1350px;
}

@keyframes l1 {
	from {
		opacity: 0.3;
		height: 0;
		top: 740px;
	}
	to {
		opacity: 1;
		height: 200px;
		top: -130px;
	}
}

@keyframes l2 {
	from {
		opacity: 0.3;
		height: 0;
		top: 740px;
	}
	to {
		opacity: 1;
		height: 200px;
		top: -450px;
	}
}

@keyframes l2-2 {
	from {
		opacity: 0.3;
		height: 0;
		top: 1040px;
	}
	to {
		opacity: 1;
		height: 200px;
		top: -450px;
	}
}

@keyframes l3 {
	from {
		opacity: 0.3;
		height: 0;
		top: 800px;
	}
	to {
		opacity: 1;
		height: 200px;
		top: -230px;
	}
}

@keyframes l4 {
	from {
		opacity: 0.3;
		height: 0;
		top: 800px;
	}
	to {
		opacity: 1;
		height: 200px;
		top: -130px;
	}
}

@keyframes l5 {
	from {
		opacity: 0.3;
		height: 0;
		top: 740px;
	}
	to {
		opacity: 1;
		height: 200px;
		top: -130px;
	}
}

.logo {
	text-align: center;
	margin-top: 200px !important;
	animation: logo 0.75s linear 1;
	position: relative;
}

.logo1 {
	position: absolute;
	top: -110px;
	left: 230px;
	animation: logo1 1s linear 1;
}

.logo-l {
	position: absolute;
	top: 0px;
	left: 125px;
}

.logo2 {
	position: absolute;
	top: 55px;
	left: 450px;
	animation: logo2 5s linear infinite;
}

@keyframes logo {
	from {
		opacity: 0.3;
		margin-top: 25 0px;
	}
	to {
		opacity: 1;
		margin-top: 200px;
	}
}

@keyframes logo1 {
	0% {
		opacity: 0;
		transform: scale(0)
	}
	80% {
		opacity: 0;
		transform: scale(0.5)
	}
	100% {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes logo2 {
	0% {
		top: 51px;
		left: 507px;
	}
	20% {
		top: 51px;
		left: 557px;
	}
	27% {
		top: 60px;
		left: 567px;
	}
	35% {
		top: 26px;
		left: 586px;
	}
	40% {
		top: 50px;
		left: 604px;
	}
	60% {
		top: 50px;
		left: 779px;
	}
	65% {
		top: 61px;
		left: 788px;
	}
	70% {
		top: 50px;
		left: 794px;
	}
	100% {
		top: 50px;
		left: 1007px;
	}
}

/* 头部轮播 */
.g-banner li {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

.banner-bg {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100%;
}

.pb-carouselWarp {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.pb-carouselWarp .pb-carousel {
	position: relative;
	height: 100%;
}

.pb-carouselWarp .pb-carousel li {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.banner-bg{
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.pb-carouselWarp .pb-carousel .pb-this {
	display: block;
	left: 0;
}

.pb-carouselWarp .pb-carousel-ind {
	position: absolute;
	bottom: 20px;
	left: 49.8%;
	transform: translateX(-49.8%);
}

.pb-carouselWarp .pb-carousel-ind li {
	float: left;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #e0f8fc;
	margin: 8px 15px;
	cursor: pointer;
}

.pb-carouselWarp .pb-carousel-ind .pb-this {
	width: 30px;
	height: 30px;
	margin: 0px;
	background: url("banner_this.png") no-repeat;
}

.pb-carouselWarp .pb-arrow {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	/* background: #000; */
	cursor: pointer;
	border: none;
}

.pb-carouselWarp .pb-arrow-prev {
	left: 20px;
	/* background: #000000 url(../img/arrow-left.png) no-repeat center; */
}

.pb-carouselWarp .pb-arrow-next {
	right: 20px;
	/* background: #000000 url(../img/arrow-right.png) no-repeat center; */
}

.pb-carouselWarp[type='updown'] .pb-carousel-ind {
	position: absolute;
	width: 15px;
	top: 50%;
	left: auto;
	bottom: auto;
	right: 20px;
	transform: translateY(-50%);
}

.pb-carouselWarp[type='updown'] .pb-carousel-ind li {
	float: none;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #ccc;
	margin: 5px 0;
}

.pb-carouselWarp[type='updown'] .pb-carousel-ind .pb-this {
	background-color: #000;
}

.pb-carouselWarp[type='updown'] .pb-arrow {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -20px;
	margin-top: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}

.pb-carouselWarp[type='updown'] .pb-arrow-prev {
	top: 20px;
	/* background: #000000 url(../img/arrow-top.png) no-repeat center; */
}

.pb-carouselWarp[type='updown'] .pb-arrow-next {
	top: auto;
	bottom: 20px;
	/* background: #000000 url(../img/arrow-bottom.png) no-repeat center; */
}
.bs-head2{
	position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    height: 633px;
    z-index: 9;
}
.index-main{
	padding-top: 633px;
}


/* 头尾自适应 start */
.lf{float:left}
.rg{float:right}
.clear{clear:both;height:0px;line-height:0px;font-size:0px}
.a_txt{display:none}
.moblie_head{display: none;}
/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
.nav ul li .a1{font-size:14px}
.nav ul li .div1 .p1 a{font-size:12px}
.foot_top ul{margin-left:60px}
.nav ul li .div1 .p1{width:58.1%}
}
/* 导航栏 */
@media screen and (max-width: 1024px) and (min-width: 0px){
.header{display:none}
.moblie_head{display:block;height:55px;background:#121e36;top:0px;left:0px;width:100%;z-index:9999;}
.moblie_head .lf{padding-top:10px;padding-left:5%}
.moblie_head .lf img{height:30px}
.moblie_head .rg{padding-right:5%;padding-top:18px}
.moblie_head .rg a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}

/* 底部 start */
.footer{height: auto;background-size: cover;}
.footer_main1{height: auto;}
.footer_left{display: none;}
.footer_right{width:100%;margin-top: 30px;}
.footer_text_bor{width:100%;padding: 0px;}
.s1{width: 25%;}
.s2{display: none;}
.footer_text{font-size: 12px;margin-left: 25px;}
.toolbar{width: 100%;text-align: center;margin-top: 15px;}
.footer_main2{height: auto;line-height: 35px;}
.footer_main2 li{width: 100%;text-align: center;}
.s3 span{display: block;}
/* 底部 end */


}

/* 头尾自适应 end */