body {
	width: 16rem;
	margin: 0 auto;
	padding: 0;
	font-family: "微软雅黑";
	position: relative;
}

ul {
	margin: 0;
	padding: 0;
}

ul li {
	list-style: none;
}

a {
	text-decoration: none;
}

.am-cf:after,
.am-cf:before {
	content: " ";
	display: table
}

.am-cf:after {
	clear: both
}

.header {
	width: 16rem;
	height: 2.45rem;
	line-height: 2.45rem;
	background: url(../images/topbg.png) repeat-x;
	background-size: contain;
	text-align: center;
	font-size: .8rem;
	color: #fff;
	position: fixed;
	top: 0px;
	z-index: 99;
	font-weight: 500;
}

.logo {
	display: block;
	height: .75rem;
	width: 2.975rem;
	background: url(../images/logo.png) no-repeat;
	background-size: 100%;
	position: absolute;
	left: .5rem;
	top: .9rem;
}

.nav-btn {
	display: block;
	width: .925rem;
	height: .925rem;
	line-height: .925rem;
	background: url(../images/navbtn.png) no-repeat;
	background-size: 100%;
	position: absolute;
	right: .5rem;
	top: .9rem;
}

.bg {
	position: fixed;
	top: 2.45rem;
	z-index: 1;
	font-size: 0;
	width: 16rem;
}

.bg .bgmh {
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 800ms;
}

.bg .bgmm {
	display: block;
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: all 800ms;
}

.screen1 {
	position: relative;
	z-index: 2;
	margin-top: 2.45rem;
	overflow: hidden;
	clear: both;
}

.screen1 .w1 {
	display: block;
	width: 13.7rem;
	height: 4.075rem;
	margin: 5rem auto 0 auto;
}

.screen1 .w2 {
	display: block;
	width: 4.875rem;
	height: 2.35rem;
	margin: .75rem auto 0 auto
}

.screen1 .w3 {
	display: block;
	width: 7.225rem;
	height: 3.425rem;
	margin: 3.175rem auto 0 2.325rem;
}

@-webkit-keyframes start {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, 10px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, -8px);
	}
}

@-moz-keyframes start {
	0%,
	30% {
		opacity: 0;
		-moz-transform: translate(0, 10px);
	}
	60% {
		opacity: 1;
		-moz-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-moz-transform: translate(0, -8px);
	}
}

@keyframes start {
	0%,
	30% {
		opacity: 0;
		transform: translate(0, 10px);
	}
	60% {
		opacity: 1;
		transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		transform: translate(0, -8px);
	}
}

.icon-down {
	display: block;
	width: 1.475rem;
	height: .775rem;
	margin: 1.8rem auto 0 auto;
	background: url(../images/icon-down.png) no-repeat;
	background-size: 100%;
	-webkit-animation: start 1.5s infinite ease-in-out;
	-moz-animation: start 1.5s infinite ease-in-out;
	animation: start 1.5s infinite ease-in-out;
}

.screen2 {
	font-size: .8rem;
	line-height: 1.2rem;
	color: #fff;
	height: 22.75rem;
	text-indent: 2em;
	position: relative;
	z-index: 3;
	padding: 6.8rem 1.85rem 0 1.85rem;
}

.about {
	background: #fff;
	position: relative;
	z-index: 3;
	overflow: hidden;
	clear: both;
	padding: 2.5rem 0 0 1rem
}

.about h1 {
	font-size: 1.6rem;
	color: #333333;
	margin: 0;
}

.about h3 {
	font-size: 1rem;
	color: #666666;
}

.about h3 p {
	font-size: .8rem;
	margin: 0;
}

.about-box {
	overflow: hidden;
	padding-bottom: 1.7rem;
}

.about-box li {
	width: 33.33%;
	float: left;
	text-align: left;
}

.about-box li p {
	font-size: .4rem;
	color: #666;
}

.about-box li b {
	color: #ff6666;
	font-size: 1.7rem;
}

.about-btm {
	margin: 1.7rem 1.5rem 2rem 1.5rem;
}

.line {
	height: .5rem;
	background: #d4d4d4;
	position: relative;
	z-index: 3;
}

.about-btm li {
	width: 40%;
	height: 2.5rem;
	float: left;
	border: 2px solid #999999;
	position: relative;
	font-size: .45rem;
	color: #666666;
	padding: 2.5rem .4rem 0 .4rem;
	text-align: center;
}

.about-btm li:last-child {
	float: right;
}

.about-btm li img {
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	margin: auto;
	position: absolute;
	top: -1.75rem;
	left: 0px;
	right: 0px;
}

.about-btm li .more {
	display: block;
	background: linear-gradient(#1261aa, #37aeeb);
	border-radius: 1.25rem;
	font-size: .5rem;
	color: #fff;
	width: 3.25rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	position: absolute;
	bottom: -.5rem;
	margin: auto;
	left: 0px;
	right: 0px;
}

.screen3 {
	position: relative;
	z-index: 3;
	padding: 2rem 0 1.2rem 0;
	background: #fff;
	text-align: center;
}

.screen3 .sb {
	display: block;
	width: 85%;
	margin: 8rem auto 12rem auto;
}

.screen3 .r {
	display: block;
	width: 85%;
	margin: 3rem auto 0 auto;
}

.screen3 h1 {
	font-size: 1.4rem;
	text-align: left;
	margin: 0rem 1.6rem 1.325rem 1.6rem;
	color: #f89335;
}

.screen3 h3 {
	color: #666666;
	font-size: .8rem;
	margin: 0 1.6rem 3.35rem 1.6rem;
	text-align: left;
}

.screen3 .more {
	display: block;
	border-top: .001rem solid #f89335;
	color: #f89335;
	font-size: .615rem;
	font-weight: 500;
	text-align: center;
	padding-top: .8rem;
	margin: 0 1.6rem;
}

.business {
	padding: 2.5rem 1.6rem;
	position: relative;
	z-index: 3;
	background: #fff;
}

.business h1 {
	color: #f84203;
	text-align: left;
	font-size: 1.4rem
}

.business h3 {
	color: #333;
	font-size: .55rem;
	font-weight: 500;
	line-height: 1.5rem;
}

.business h3 p {
	font-size: .85rem;
	margin: 0;
}

.business .bis-ul {
	overflow: hidden;
	margin-top: 2.1rem;
}

.business .bis-ul li {
	width: 40%;
	float: left;
	height: 2.25rem;
	padding: 1rem 0;
	text-align: center;
	font-size: 1rem;
	line-height: 1.2rem;
	opacity: 0;
}

.business .bis-ul li.jh {
	background: url(../images/b.png) no-repeat center;
	background-size: 4.25rem 4.25rem;
}

.business .bis-ul li.xm {
	background: url(../images/b2.png) no-repeat center;
	background-size: 4.25rem 4.25rem;
	float: right;
}

.business .bis-ul li.zx {
	background: url(../images/b3.png) no-repeat center;
	background-size: 4.25rem 4.25rem;
	margin-left: 30%;
	margin-top: 1.35rem;
}

.info {
	padding: 1.75rem 1.5rem;
	background: #fff;
	position: relative;
	z-index: 3;
}

.info h1 {
	color: #a4922c;
	font-size: 1.4rem;
	text-align: left;
}

.info-ul {
	overflow: hidden;
}

.info-ul li {
	width: 100%;
	padding-bottom: 1rem;
	border-bottom: .001rem solid #ccc;
	margin-top: 1rem;
}

.info-ul li .time {
	background: #e3e3e3;
	display: block;
	width: 2.25rem;
	height: 2.25rem;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
	overflow: hidden;
}

.info-ul li .time b {
	font-size: .7rem;
	color: #969191;
	display: block;
	margin-top: .3rem;
}

.info-ul li .time p {
	font-size: .55rem;
	color: #969191;
	font-weight: 200;
	margin: 0;
}

.info-ul li .title {
	color: #333;
	font-size: 1rem;
	overflow: hidden;
	/*自动隐藏文字*/
	text-overflow: ellipsis;
	/*文字隐藏后添加省略号*/
	white-space: nowrap;
	/*强制不换行*/
	font-weight: 600;
	margin: 1rem .5rem;
}
.info-ul li .title a{color: #333;}
.info-ul li .content {
	font-weight: 200;
	font-size: .7rem;
	line-height: 1rem;
	color: #666666;
	text-indent: 2em;
	height: 3.1rem;
	overflow: hidden;
}
.info-ul li .content a{color: #666666;}

.info .more {
	display: block;
	color: #f89335;
	font-size: .615rem;
	text-align: center;
	padding: 1rem 0;
}

.video {
	position: relative;
	z-index: 3;
}

.video img {
	display: block;
	width: 100%;
}

.video .play {
	display: block;
	height: 4.175rem;
	width: 4.175rem;
	background: url(../images/play.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	margin: auto;
	top: 35%;
	left: 0px;
	right: 0px;
}

.town {
	position: relative;
	z-index: 3;
	background: #fff;
	padding: 2.5rem 1.35rem;
}

.town h1 {
	color: #c75c5c;
	font-size: 1.4rem;
	text-align: left;
}

.town h3 {
	font-weight: 500;
	font-size: .6rem;
}

.town h3 p {
	font-size: .5rem;
}

.town-ul {
	overflow: hidden;
	clear: both;
	margin-top: 1.9rem;
}

.town-ul li {
	width: 30%;
	float: left;
	text-align: left;
	margin-top: .5rem;
	height: 4.475rem;
	overflow: hidden;
	opacity: 0;
}

.town-ul li img {
	display: block;
	width: 3.05rem;
	height: 3.05rem;
	border-radius: 50%;
}

.town-ul li p {
	font-size: .7rem;
	color: #333;
	display: block;
	width: 100%;
	margin: .25rem 0;
	float: right;
}

.town-ul li:nth-child(2) {
	width: 40%;
	text-align: center;
}

.town-ul li:nth-child(2) img {
	margin: 0 auto;
}

.town-ul li:nth-child(3) {
	text-align: right;
}

.town-ul li:nth-child(3) img {
	float: right;
}

.town-ul li:nth-child(5) {
	width: 40%;
	text-align: center;
}

.town-ul li:nth-child(5) img {
	margin: 0 auto;
}

.town-ul li:nth-child(6) {
	text-align: right;
}

.town-ul li:nth-child(6) img {
	float: right;
}

.banner {
	background: url(../images/bn.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
	z-index: 3;
	height: 24rem;
}

.banner h1 {
	margin: 2.5rem 1.35rem 1rem 1.35rem;
	font-size: 1.4rem;
	color: #fff;
	text-align: left;
}

.banner h3 {
	font-size: .7rem;
	color: #fff;
	text-align: left;
	margin: 0 1.35rem 2.25rem 1.35rem;
	font-weight: 500;
}

.banner h3 p {
	font-size: .5rem;
	color: #fff;
	text-align: left;
}

.banner .swiper-container {
	height: 14rem;
}

.banner .swiper-slide {
	width: 60%;
}

.banner .swiper-slide img {
	display: block;
	width: 100%;
}

.banner .swiper-slide-prev,
.banner .swiper-slide-next {
	opacity: .4;
}

.banner .swiper-button-prev,
.banner .swiper-button-next {
	width: 1rem;
	height: 2rem;
	background-size: 1rem 2rem;
	top: 35%;
}

.gg {
	position: relative;
	z-index: 3;
	font-size: 0;
}

.gg img {
	display: block;
	width: 100%;
}

.footer {
	background: #323232;
	padding: 1rem;
	position: relative;
	z-index: 3;
}

.footer .wx {
	width: 2.45rem;
	height: 2.45;
	float: left;
}

.footer .wx img {
	display: block;
	width: 100%;
	height: 100%;
}

.footer .con {
	width: 11rem;
	float: left;
	color: #fff;
	font-size: .5rem;
	text-align: center;
}

.footer .con p {
	margin-top: .25rem;
}

.swiper-wrapper-top .swiper-wrapper {
	height: intrinsic
}

.jh {
	animation-duration: 1s!important;
}

.xm {
	animation-duration: 1.3s!important;
}

.zx {
	animation-duration: 1.7s!important;
}

.menu {
	position: fixed;
	width: 16rem;
	height: 100%;
	z-index: 999;
	background: #ef6a08;
	display: none;
	top: 0px;
	overflow: hidden;
}

.body {
	overflow: hidden;
}

.menu-head {
	height: 2.45rem;
	line-height: 2.45rem;
	font-size: .8rem;
	color: #fff;
	text-align: center;
	position: relative;
}

.menu-head .close {
	display: block;
	height: .8rem;
	width: .8rem;
	background: url(../images/close.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: .8rem;
	top: .9rem;
}

.menu-list {
	margin: 2rem 1.75rem 0 1.75rem;
}

.menu-list ul li {
	height: 1.95rem;
	line-height: 1.95rem;
	text-align: left;
	color: #fff;
	font-size: .65rem;
	border-bottom: 1px solid #fff;
}

.menu-list ul li a {
	color: #fff;
	font-size: .65rem;
}

.search {
	margin: 0 1.75rem;
	position: relative;
	border-bottom: 1px solid #fff;
}

.search i {
	display: block;
	height: 1.95rem;
	line-height: 1.95rem;
	width: .8rem;
	background: url(../images/search.png) no-repeat center;
	background-size: 100%;
	float: left;
}

.search input {
	width: 80%;
	border: 0px;
	background: transparent;
	height: 1.95rem;
	line-height: 1.95rem;
	font-size: .65rem;
	outline: none;
	float: left;
	margin-left: 5%;
	color: #fff;
}

.words {
	position: relative;
	z-index: 3;
	background: #fff;
	text-align: center;
	font-size: 0;
	width: 16rem;
	overflow: hidden;
	transition: all 800ms
}

.words .sb {
	position: absolute;
	top: auto;
	margin: auto;
	left: 0px;
	right: 0px;
	opacity: 1;
	transition: opacity 1s;
}

.words .r {
	position: absolute;
	top: auto;
	margin: auto;
	left: 0px;
	right: 0px;
	opacity: 0;
	transition: opacity 800ms;
}

input:-ms-input-placeholder {
	color: #fff;
	opacity: 1;
}

input::-webkit-input-placeholder {
	color: #fff;
	opacity: 1;
}

.scroll-animate {
	position: relative;
	height: 300vh;
	z-index: 3;
	background: #fff;
}

.scroll-animate .aligner {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	height: 100vh;
	overflow: hidden;
}

.scroll-animate .scale {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #fff url(../images/sb.png) no-repeat center;
	background-size: 80% auto;
	z-index: 2;
}

.scroll-animate .mascot {
	width: 100vw;
	height: 100vh;
	transform: scale(2);
	background: url(../images/r.png) no-repeat center;
	background-size: 80% auto;
}

#container2 {
	margin-top: 0.25rem;
	padding: 0.75rem;
	background-color: #191919;
	color: #f0f0f0;
	line-height: 1.7;
	max-height: 100%;
	font-size: 12px;
}

[data-dpr="2"] #container2 {
	font-size: 24px;
}

[data-dpr="3"] #container2 {
	font-size: 36px;
}



.screen4 {
	position: relative;
	z-index: 3;
	background: #fff;
	text-align: center;
}

.screen4 h1 {
	padding: 2.125rem 0 1.3rem 1.6rem;
	margin: 0;
	color: #373737;
	font-size: 1.6rem;
	text-align: left;
	background: url(../images/lines.png) no-repeat bottom;
}
.screen4 ul{background: #e17a1a;}
.screen4 ul li {
	background: url(../images/lines.png) no-repeat bottom;
	font-size: .71125rem;
	color: #fff;
	text-align: center;cursor: pointer;
	position: relative;
}
.screen4 ul li > span{display: block;
	height:1.75rem;line-height: 1.7rem;font-size: .71125rem;}
.screen4 ul li:after {
	content: "";
	display: block;
	width: .45rem;
	height: .825rem;
	background: url(../images/jg.png) no-repeat;
	position: absolute;
	top: .5rem;
	right: .85rem;
}
.screen4 ul li .txt{height:0px;overflow: hidden;-webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;}
.screen4 ul li .txt .swiper-slide {
	position: relative;
	font-size: 0;
}

.screen4 ul li .txt .swiper-slide img {
	display: block;
	width: 100%;
}

.screen4 ul li .txt .swiper-slide .screen4-txt {
	height: 3.9rem;
	width: 100%;
	background: rgba(0, 0, 0, .7);
	color: #fff;
	text-align: center;
	position: absolute;bottom: 0px;
}
.screen4 ul li .txt .swiper-slide .screen4-txt:after{content: "";display: block;width: 2.375rem;height: .15rem;background: #fff;position: absolute;margin: auto;top: 0px;left: 0px;right: 0px;}
.screen4 ul li .txt .swiper-slide .screen4-txt h3 {
	font-size: .71125rem;
	color: #fff;
	text-align: center;
}
.screen4 ul li .txt .swiper-button-next{right: 0px;}
.screen4 ul li .txt .swiper-button-prev{left: 0px;}
.screen4 ul li .txt .swiper-button-white{width: 6.25rem;height: 100%;position: absolute;top: 0px;margin: 0;background-size:35px 67px; background-image: none;z-index: 1;}
.screen4 ul li .txt .swiper-button-white img{position: absolute;top: 0px;left: 0px;display: block;width: 100%;height: 100%;}

.screen4 ul li.active:after{
	content: "";
	display: block;
	width:.825rem;
	height: .45rem ;
	background: url(../images/jg2.png) no-repeat;
	position: absolute;
	top: .65rem;
	right: .85rem;
}
.screen4 ul li.active .txt{height:14.275rem;}
.screen4 ul li .txt .swiper-slide .screen4-txt p {
	margin: 0 .75rem;
	overflow: hidden;text-align: left;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: .4445rem;
	color: #fff;
}