@charset "utf-8";
html, body {
        position: relative;
        height: 100%;
		margin:0; 
		padding:0;
		font-family:"Microsoft Yahei";
    }
    .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
		position:relative;

        /* Center slide text vertically */
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		line-height:0;
    }
	
	.p1{
		position:absolute;
		left:50%;
		top:50%;
		margin-left:-683px;
		margin-top:-384px;
	}
	
	.ani-wrap{
		position:absolute;
		left:50%;
		top:35%;
		margin-left:-560px;
		margin-top:-207px;
		width:1000px;
		height:auto;
	}
	.ani-wrap img{
		width:100%;
		height:auto;
	}
	.ani-wrap1{
		position:absolute;
		left:50%;
		top:25%;
		margin-left:-560px;
		margin-top:-207px;
		width:1000px;
		height:auto;
	}
	.ani-wrap1 img{
		width:100%;
		height:auto;
	}
	
	@keyframes next
	{
	0%   {transform:translateY(0)}
	100% {transform:translateY(15px)}
	}
	
	@-moz-keyframes next /* Firefox */
	{
	0%   {-moz-transform:translateY(0)}
	100% {-moz-transform:translateY(15px)}
	}
	
	@-webkit-keyframes next /* Safari 和 Chrome */
	{
	0%   {-webkit-transform:translateY(0)}
	100% {-webkit-transform:translateY(15px)}
	}
	
	@-o-keyframes next /* Opera */
	{
	0%   {-o-transform:translateY(0)}
	100% {-o-transform:translateY(15px)}
	}
	.next-icon{
		position:absolute;
		bottom:20px;
		left:50%;
		margin-left:-50px;
		width:100px;
		height:60px;
		opacity:0.5;
		-moz-opacity:0.5;
		background:url(images/next.png) no-repeat center center;
		animation: next 0.5s ease 0s infinite alternate;
		-moz-animation: next 0.5s ease 0s infinite alternate;	/* Firefox */
		-webkit-animation: next 0.5s ease 0s infinite alternate;	/* Safari 和 Chrome */
		-o-animation: next 0.5s ease 0s infinite alternate;	/* Opera */
	}
	.bottom{
	background-image: url(./bg_lv.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 230px;
	width: 100%;
	position:absolute;
	bottom:0
}
.bottom_zi{
	background-image: url(./bg_zi.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 230px;
	width: 100%;
	position:absolute;
	bottom:0
}
.bottom_lan{
	background-image: url(./bg_lan.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 230px;
	width: 100%;
	position:absolute;
	bottom:0
}
.bottom_hong{
	background-image: url(./bg_hong.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 230px;
	width: 100%;
	position:absolute;
	bottom:0
}
.bottom_huang{
	background-image: url(./bg_huang.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 230px;
	width: 100%;
	position:absolute;
	bottom:0
}
.bottom_qing{
	background-image: url(./bg_qing.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 230px;
	width: 100%;
	position:absolute;
	bottom:0
}
.bottom_n{ margin:auto; width:750px;}
.ewm{width:130px; height:auto; border:3px #fff solid; margin:18px auto 0 auto; border-radius:6px; display:block;}
.ewm_zi{ margin:40px auto 0 auto; width:150px; color:#fff; font-size:14px; float:left; text-align:center;}
.pg{ padding:70px 30px 0 32px; float:left;}
.az{ padding:70px 0 0 30px; float:left;}
.pg img{ width:232px; height:auto;}
.az img{ width:232px; height:auto;}

.bottom_n1{ margin:auto; width:750px;}
.ewm1{width:140px; height:auto; border:3px #fff solid; margin:18px auto 0 auto; border-radius:6px; display:block;}
.ewm1_zi{ margin:40px auto 0 auto; width:150px; color:#fff; font-size:14px; float:left; text-align:center;}
.pg1{ padding:50px 30px 0 32px; float:left;}
.az1{ padding:50px 0 0 30px; float:left;}
.xzwz{ padding:100px 0 0 0;}
.xzwz img{ width:350px; height:auto;}

.bottom_n2{ margin:auto; width:100%;}
.logo_x{ float:left; width:50%; text-align:right;}
.logo_x img{ width:200px; height:auto; padding:40px 50px 0 0;}
.x_wz{ float:left; width:50%;text-align:left; font-weight:normal; height:auto; overflow:hidden;}
.x_wz_n{ padding:40px 0 0 30px; color:#fff; font-size:14px; line-height:24px; }
.x_wz_n img{ width:85px; height:auto; padding:20px 10px 0 0;}


@media(max-width:1440px){
.ani-wrap{
		position:absolute;
		left:50%;
		top:35%;
		margin-left:-420px;
		margin-top:-177px;
		width:800px;
		height:auto;
	}
	.ani-wrap1{
		position:absolute;
		left:50%;
		top:35%;
		margin-left:-445px;
		margin-top:-227px;
		width:800px;
		height:auto;
	}

.bottom{
	background-image: url(./bg_lv.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 180px;
	width: 100%;
	position:absolute;
	bottom:0
}
.bottom_zi{
	background-image: url(./bg_zi.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 180px;
	width: 100%;
	position:absolute;
	bottom:0
}
.bottom_lan{
	background-image: url(./bg_lan.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 180px;
	width: 100%;
	position:absolute;
	bottom:0
}
.bottom_hong{
	background-image: url(./bg_hong.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 180px;
	width: 100%;
	position:absolute;
	bottom:0
}
.bottom_huang{
	background-image: url(./bg_huang.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 180px;
	width: 100%;
	position:absolute;
	bottom:0
}
.bottom_qing{
	background-image: url(./bg_qing.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 180px;
	width: 100%;
	position:absolute;
	bottom:0
}

.bottom_n{ margin:auto; width:750px;}
.ewm{width:100px; height:auto; border:3px #fff solid; margin:18px auto 0 auto; border-radius:6px; display:block;}
.ewm_zi{ margin:40px auto 0 auto; width:150px; color:#fff; font-size:14px; float:left; text-align:center;}
.pg{ padding:70px 30px 0 92px; float:left; width:170px; height:auto; overflow:hidden; display:block;}
.pg img{ width:100%; height:auto;}
.az{ padding:70px 0 0 30px; float:left; width:170px; height:auto; overflow:hidden; display:block;}
.az img{ width:100%; height:auto;}

.bottom_n1{ margin:auto; width:750px; padding:0 0 0 40px;}
.ewm1{width:140px; height:auto; border:3px #fff solid; margin:18px auto 0 auto; border-radius:6px; display:block;}
.ewm1_zi{ margin:40px auto 0 auto; width:150px; color:#fff; font-size:14px; float:left; text-align:center;}
.pg1{ padding:50px 30px 0 32px; float:left;}
.az1{ padding:50px 0 0 30px; float:left;}
.ewm1_zi{ margin:40px auto 0 auto; width:110px; color:#fff; font-size:14px; float:left; text-align:center;}
.ewm1{width:110px; height:auto; border:3px #fff solid; margin:18px auto 0 auto; border-radius:6px; display:block;}
.xzwz{ padding:60px 0 0 0;}
.xzwz img{ width:300px; height:auto;}
.logo_x img{ width:160px; height:auto; padding:40px 50px 0 0;}
.x_wz_n{ padding:40px 0 0 30px; color:#fff; font-size:13px; line-height:24px; }
.x_wz_n img{ width:70px; height:auto; padding:20px 10px 0 0;}
}