/*banner*/
.banner{
	background: url("../images/banner.jpg") no-repeat center center;
	width: 100%;
	position: relative;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 0;
}

.banner_txt{
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;

}

.banner_txt .img2{
	margin-top: .8rem;
}



.banner .more-zx{
	position: absolute;
	right: 1rem;
	bottom: 0.9rem;
	color: #cfcfcf;
	font-size: 0.4rem;
}

.banner .more-zx i,
.banner .more-zx img{
	display: inline-block;
	vertical-align: middle;
}

.banner .more-zx .small-ewm {
	width: 20px;
	height: 20px;
}

.banner .more-zx .zx-ewm{
	position: absolute;
	right: 0;
	bottom: 100%;
	/*display: none;*/
	transition: all 1s;

	opacity: 0;
	filter:alpha(opacity=0);
	margin-bottom: 2px;
}

.logo-txt{
	position: absolute;
	left: 1rem;
	bottom: 0.8rem;
	color: #fff;
	font-size: .4rem;
}

/*

comtitle

*/

.com-title{
	text-align: center;
	font-size: .4rem;
}
.com-title p{
	color: #737373;
}
.com-title h2{
	margin-bottom: .7rem;
}
.com-title p br{
	display: none;
}

.section-why,
.section-use,
.section-show,
.section-news{
	background: #fff;
	position: relative;
	z-index: 9;
	overflow: hidden;
}

/*section1*/
.section-why{
	position: relative;
	padding-top: 2.44rem;
}
.why-con{
	padding-top: 1rem;
}
.why-con .why-desc{
	background: url("../images/why_line.png") no-repeat left center;
	font-size: .44rem;
	width: 47%;
	height: 12.577rem;
	position: relative;
	margin-top: 1.6rem;
	font-size: 16px;
	padding-bottom: 20px;
	    background-position-y: 0;
	/*  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -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;*/
}
.why-con .why-desc li{
	position: absolute;
	height: 1rem;
	line-height: 1.5;
	padding-left: 1.4rem;

}
.why-con .why-desc li p{
	float: left;
	display: contents;
}
.why-con .why-desc li .text{
	clear: none;
	/*display: flex;*/
}
.why-con .why-desc li .text br{
	display: none;
}
.why-con .why-desc li:nth-child(1){
	left: 1.18rem;
	top: -.5rem;
}
.why-con .why-desc li:nth-child(2){
	left: 0.18rem;
	top: 1.9354rem;
}
.why-con .why-desc li:nth-child(3){
	left: -0.3rem;
	top: 4.3708rem;
}

.why-con .why-desc li:nth-child(4){
	left: -0.3rem;
	top: 6.8062rem;
}

.why-con .why-desc li:nth-child(5){
	left: 0.15rem;
	top: 9.2416rem;
}
.why-con .why-desc li:nth-child(6){
	left: 1.2rem;
	top: 11.677rem;
}

.why-con .why-desc li i,
.why-con .why-desc li span{
	display: inline-block;
	vertical-align: middle;
}
.why-con .why-desc li .circle-wrap{
	width: 0.88rem;
	height: 0.88rem;
	position: absolute;
	left: 0;
	top:50%;
	margin-top: -.44rem;
}
.why-con .why-desc li .circle{
	width: 0.88rem;
	height: 0.88rem;
	position: absolute;
	left: 0;
	top:50%;
	margin-top: -.44rem;
	background: #9b88a8;
	border-radius: 50%;
	animation: scale 2s ease infinite normal; 
}

@-moz-keyframes scale{
	from{
		transform:scale(1);
		opacity:.9
	}
	to{
		transform:scale(2);
		opacity:0
	}
}
@-webkit-keyframes scale{
	from{
		transform:scale(1);
		opacity:.9
	}
	to{
		transform:scale(2);
		opacity:0
	}
}
@-o-keyframes scale{
	from{
		transform:scale(1);
		opacity:.9
	}
	to{
		transform:scale(2);
		opacity:0
	}
}
@keyframes scale{
	from{
		transform:scale(1);
		opacity:.9
	}
	to{
		transform:scale(2);
		opacity:0
	}
}

.why-con .why-desc li .animate-circle{
	
	    width: .666rem;
	    height: .666rem;
	    background: #9d82af;
	    border-radius: 100%;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    
	    margin-top: -.333rem;
	    margin-left: -.331rem;
	    z-index: 999;
	    /*display: none;*/
}
/*right*/
.why-con .why-pro{
}
.why-con .why-pro .swiper-container {
  width: 100%;
  height: 100%;	
  /*border: 1px solid red;*/
}
.why-con .why-pro .swiper-slide {
  text-align: left;
  /* Center slide text vertically */
/*  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -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;*/
}
.why-con .why-pro .swiper-slide  img{
	width: 100%;
}
.why-con .why-pro .swiper-slide .fr{
	/*border: 1px solid red;*/
}
.why-con .why-pro .swiper-slide .fr-top{
	font-size: .75rem;
	margin-top: 2.2rem;
}
.why-con .why-pro .swiper-slide .fr-top .p-betale i,
.why-con .why-pro .swiper-slide .fr-top .p-betale span{
	display: inline-block;
	vertical-align: middle;
}
.why-con .why-pro .swiper-slide .fr-top .p-betale i{
	width: 2.577rem;
	height: 0.622rem;
	background: #434343;
	margin-right: .2rem;
}

.why-con .why-pro .swiper-slide ul{
	font-size: .4rem;
	margin-top: 1rem;
	line-height: .7rem;
}
.why-con .why-pro .swiper-slide ul li{
	position: relative;
	padding-left: .7rem;
}
.why-con .why-pro .swiper-slide ul li i{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background: #776525;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -6px;
}

.why-con .why-pro .swiper-slide .fr-bottom{
	font-size: .533rem;
	color: #f9edd1;
	position: absolute;
	bottom: 3rem;

}
.why-con .why-pro .swiper-slide .fr-bottom p{
	height: 1rem;
	line-height: 1rem;
}
.why-con .why-pro .swiper-slide .fr-bottom p.p-second{
	height: .6rem;
	line-height: .2rem;
}
.why-con .why-pro{
	width: 50%;
}

.why-bg{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40%;
	height: 560px;
	background: #9d82af;
	z-index: -1;
}
.swiper-pagination-bullet{
	background: #776525;
	opacity: 1;
}

.swiper-pagination-bullet-active{
	background: #fff;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	width: 2rem;
	/*right: 0;*/
	left: 60%;
	bottom: 1.2rem;
}



/*section2*/
.section-use{
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.section-usecon{
	background: #434343;
	/*background: url("../images/use_bg.jpg") repeat ;*/
	color: #fff;
	padding: 1.3rem 0;
	margin-top: 2.666rem;
	/*margin-bottom: 3.777rem;*/
	position: relative;
}
.section-usecon .use-con{
	position: relative;
}

.section-usecon .left-img{
	width: 34%;
	/*display: none;*/
	position: absolute;
	top: -1.7rem;
	z-index: 999
}

.section-usecon .left-img .li-second{
	margin-top: .35rem;
	margin-bottom: .35rem;
}
.section-usecon .left-img li img{
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;

	/*box-shadow: 0 0 10px 5px red;*/
}
.section-usecon .left-img li:hover img{
	-webkit-transform: scale(1.05,1.06,1);
	-moz-transform: scale3d(1.05,1.06,1);
	-o-transform: scale3d(1.05,1.06,1);
	transform: scale3d(1.05,1.06,1);
}
.section-usecon .left-img img{
	display: block;
	max-width: 100%;
}

.section-usecon .right-con{
	width: 41.2%;
	text-align: center;
	margin-right: 3.333rem;
}
.section-usecon .right-con .use-title {
	text-align: center;
	margin-bottom: 1rem;
}
.section-usecon .right-con .use-title h3{
	font-size: .533rem;
	margin-bottom: .3rem;
}

.section-usecon .right-con .use-title p{
	font-size: .311rem;
	color: #9a9a9a;
}
.section-usecon .right-con img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.section-usecon .right-con .line img{
	margin-bottom: .6rem;
}



/*section3*/
.section-show{
	/*padding-top: 2rem;*/
}
.show-con {
	/*height: 546px;*/
	margin-top: 2.15rem;
	margin-bottom: 4rem;
}
.show-con img{
	display: block;
	max-width: 100%;
}
.show-con .show-top{
	height: 192px;
}
.show-con .show-bottom{
	height: 327px;
}

.show-con .show-top,
.show-con .show-bottom{
	position: relative;
	overflow: hidden;
}
.show-con .show-desc,
.show-con .show-style1{
	display: inline-block;
	float: left;
}
.show-con .show-style{
	overflow: hidden;
}
.show-con .show-desc{
	width: 37.302%;
	color: #f6f6f6;
	padding: 2.5% 2.5%;
	box-sizing: border-box;
	position: absolute;
	height: 100%;
	background: url("../images/show.png") no-repeat 92% center #434343;
}

.show-con .show-style1,
.show-con .show-style2{
	width: 29.5%;
	/*height: 4.26rem;*/
	height: 100%;
}
.show-con .show-style1{
    margin-left: 39.1%;
    /*height: 35.1%;*/
}
.show-con .show-style2{
	right: 0;
	position: absolute;

}

.show-con .show-desc h2{
	font-size: .6rem;
	margin-bottom: .5rem;
}
.show-con .show-desc p{
	font-size: .355rem;
	line-height: .6rem;
}

.show-con .show-bottom{
	margin-top: .6rem;
}
.show-con .show-bottom .left,
.show-con .show-bottom .middle,
.show-con .show-bottom .right{
	float: left;
}

.show-con .show-bottom .left{
	width: 50%;
	height: 100%;
}


.show-con .show-bottom .right,
.show-con .show-bottom .middle{
	position: absolute;
	right: 0;
	height: 100%;
}
.show-con .show-bottom .middle{
	right: 31.4%;
	width: 16.98%;
}
.show-con .show-bottom .m-top{
	height: 33.9%;

}
.show-con .show-bottom .m-bottom{
	height: 61.75%;
}
.show-con .show-bottom .m-top,
.show-con .show-bottom .m-bottom,
.show-con .show-bottom .right .r-top,
.show-con .show-bottom .right .r-bottom{
	overflow: hidden;
	background: #f8f8f8;
}


.show-con .show-bottom .m-bottom,
.show-con .show-bottom .r-bottom{
	bottom: 0;
	position: absolute;
}
.show-con .show-bottom .r-bottom:hover img{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);

	opacity: 0.85;
	filter: alpha(opacity=85);
}
.show-con .show-bottom .right{
	width: 29.5%;
}
.show-con .show-bottom .right .r-top{
	height: 58.66%;
}
.show-con .show-bottom .right .r-bottom{
	height: 33.8%;
}

/*show phone*/
.show-con-phone{
	display: none;
}
.show-con-phone .show-item{
	position: relative;
	margin-top: 0.2rem;
}
.show-con-phone .show-item .fr{
	float: right!important;
}
.show-con-phone .show-item:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.show-con-phone .show-desc{
	/*width: 8.7rem;*/
	width: 72.5%;
	height: 3.6rem;
	float: left;
	background-size: 1.6rem auto;
	
}
.show-con-phone .show-phone-img{
	float: left;
	overflow: hidden;
}

.show-con-phone .show-phone-img1{
	width: 3.11rem;
	height: 3.6rem;
	float: right;
}

.show-con-phone .show-phone-img2,
.show-con-phone .show-phone-img3{
	width: 5.92rem;
	height: 3.56rem;
	right: 0;
	top: 0;
	display: inline-block;
	float: left;
}
.show-con-phone .show-phone-img4,
.show-con-phone .show-phone-img5{
	height: 2.25rem;
}
.show-con-phone .show-phone-img4{
	width: 4.68rem;
}
.show-con-phone .show-phone-img5{
	width: 6.97rem;
}
.show-con-phone .show-phone-img5 img{
	height: 100%;
}
/*section4*/
.section-news{
	padding-bottom: 3rem;
}
.section-news .news-con{
	margin-left: -1.062%;
	margin-top: 2rem;
	margin-bottom: 2rem;
}


.section-news .news-con:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.section-news .news-con a{
	width: 32.271%;
	overflow: hidden;
	display: inline-block;
	float: left;
	margin-left: 1.062%;
	line-height: .6rem;
	box-sizing: border-box;
}
.section-news .news-con a:hover h2{
	color: #9d82af
}
.show-con img:hover,
.section-news .news-con a:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.section-news a .img-wrap{
	overflow: hidden;
	height: 276px;
}
.section-news a img{
	max-width: 100%;
}

.show-con img,
.section-news a h2,
.section-news a img{
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;

}
.section-news a h2{
	font-size: .44rem;
	color: #434343;
	margin: .5rem 0 .3rem;
}

.section-news a p{
	font-size: .355rem;
	color: #959595;
}
.section-news a p.date{
	margin-top: .3rem;
}

.section-news .more-news{
	font-size: .444rem;
	display: block;
	margin: 0 auto;
	width: 3rem;
	height: .9rem;
	line-height: .9rem;
	border: 3px solid #9d82af;
	border-radius: 1rem;
	text-align: center;
	color: #434343;
	box-shadow: 0px 0px 20px 2px #eee;
	transition: all .4s ease;

}

.section-news .more-news:hover{
	background: #9d82af;
	color: #fff;
}

@media (max-width: 1440px){
	.banner,.empty-banner{
		height: 740px!important;
		background-size: 100% auto;
	}
	.banner_txt img {
	    width: 420px;
	}
	.banner_txt .img2 img {
	    width: 568px;
	}

	.section-why{
		padding-top: 1.5rem;
	}

}



@media (max-width: 1280px){
	.banner{
		/*background-size: auto 100%;*/
	}

	.why-con .why-desc{
		font-size: .4rem;
	}


	.section-usecon .left-img{
		top: -1.57rem;
	}


}

@media (max-width: 1024px){
	.banner,.empty-banner{
		height: 520px!important;
	}
	.banner_txt img {
	    width: 332px;
	}
	.banner_txt .img2 img {
	    width: 568px;
	}



}


@media (max-width: 1024px){
	.section-news a .img-wrap{
		height: 202px;
	}
}


/*手机*/
@media screen and (max-width: 768px){

	.empty-banner{
		display: none;
	}
	.banner{
		position: relative;
		background: url("../images/banner-phone.jpg") no-repeat center center;
		background-size: cover;
		/*margin-top: -1.8rem;*/
	}
	.banner_txt img{
		width: 5.8rem;
	}
	.banner_txt .img2 img{
		width: 8rem;
	}
	.banner_txt .img2{
		margin-top: .1rem;
	}
	.banner .more-zx{
		right: 0.5rem;
		bottom: .7rem;
		width: 2rem;
		height: 2rem;
	}
	.banner .more-zx .zx-more{
		display: none;
	}
	.banner .more-zx .zx-ewm{
		display: block;
		top: 0;
		opacity: 1;
	}
	.banner .more-zx .zx-ewm img{
		width: 2rem;
	}

	.logo-txt{
		bottom: 0.7rem;
		left: 0.5rem;
	}

	/*com-title*/
	.com-title{
		padding-left: 0.6rem;
		padding-right: 0.6rem;	
		/*font-size: .34rem;*/
		line-height: .76rem;
	}
	.com-title h2 {
	    margin-bottom: .4rem;
	}

	.com-title p br{
		display: block;
	}

	.com-title img{
		max-width: 5.88rem;
	}

	.section-why{
		padding-top: 1rem;  /*1.499*/
		/*margin-bottom: 1rem;*/
	}

	.why-con {
		width: 100%;
		padding-top: .5rem;
	}
	.why-con .why-desc{
		/*width: 12rem;*/
		width: 100%;
		font-size: .32rem;
		height: auto;
		background-size: auto 100%;
		box-sizing: border-box;
		
		background: #e8e9ed;
		/*overflow: hidden;*/
		/*padding: .6rem .6rem;*/
		padding: 4.8%;
		margin-top: .5rem;

	}
	.why-con .why-desc ul{
		margin-left: -2%;
	}
	.why-con .why-desc li{
		line-height: .6rem;
		padding-left: 0;
		padding-bottom: .56rem;
		height: auto;
		/*width: 3.42rem;*/
		width: 31.33%;
		float: left;
		position: static;
		background: #fff;
		margin-left: 0.22rem;
		margin:1% 0 1% 2%;
		/*height: 4.5rem;*/
		text-align: center;
		float: left;
		border-radius: 5px;
	}
	.why-con .why-desc .year{
		float: inherit;
		font-size: .4rem;
		line-height: 3;
		font-weight: bold;
		text-align: center;
	}
	.why-con .why-desc li p{
		height: 5.03rem;
		padding: 0 .3rem;
		float: inherit;
		display: block;
	}
	.why-con .why-desc li .circle{
		width: 1.72rem;
		height: 1.72rem;
		margin: 0.56rem 0;
		position: static;
		background-size: 100% auto!important;

	}
	.why-con .why-desc li .circle-wrap{
		position: static;
		width: auto;
		height: auto;
		margin-top: 0;
		display: none;
	}
	.why-con .why-desc li .circle{
		animation: none;
	}
	.why-con .why-desc li .animate-circle{
		display: none;
	}

	.why-con .why-desc li:nth-child(1) i{
		background: url("../images/chonse_1.png") no-repeat center center;
	}
	.why-con .why-desc li:nth-child(2) i{
		background: url("../images/chonse_2.png") no-repeat center center;
	}
	.why-con .why-desc li:nth-child(3) i{
		background: url("../images/chonse_3.png") no-repeat center center;
	}
	.why-con .why-desc li:nth-child(4) i{
		background: url("../images/chonse_4.png") no-repeat center center;
	}
	.why-con .why-desc li:nth-child(5) i{
		background: url("../images/chonse_5.png") no-repeat center center;
	}
	.why-con .why-desc li:nth-child(6) i{
		background: url("../images/chonse_6.png") no-repeat center center;
	}
	

	.why-con .why-pro{
		width: 96%;
		padding: 2% 2% 2%;
		background: #9d82af
	}
	.why-con .why-pro .swiper-slide .fl{
		width: 100%;
	}
	.why-con .why-pro .swiper-slide .fl img{
		width: 100%;
	}

	.why-con .why-pro .swiper-slide .fr{
		width: 55%;
	}
	.why-con .why-pro .swiper-slide .fr-top{
		font-size: .56rem;
		margin-top: 1rem;
	}
	.why-con .why-pro .swiper-slide ul{
		font-size: .4rem;
		margin-top: .7rem;
	}
	.why-con .why-pro .swiper-slide ul li i{
		width: 8px;
		height: 8px;
		margin-top: -4px;
	}
	.why-con .why-pro .swiper-slide .fr-bottom{
		font-size: 0.36rem;
		bottom: 1.5rem;
	}
	.why-con .why-pro .swiper-slide .fr-top .p-betale i{
		width: 1.577rem;
		height: .45rem;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 0;
		left: 50%;
		margin-left: -1rem;
	}
	.why-con .why-pro .swiper-slide .fr-bottom p {
	    height: .6rem;
	    line-height: .6rem;
	}
	.why-con .why-pro .swiper-slide .fr-bottom p.p-second{
		height: .4rem;
	}
	

	.why-bg{
		display: none;
	}

	.section-use{
		padding-top: 1rem;
		padding-bottom: 1rem;
		overflow: hidden;
	}

	.section-usecon{
		background: #fff;
		margin: 0;
		padding-top: 1rem;
		padding-bottom: 0;
	}
	.section-usecon .use-con{
		width: 100%;
	}
	.section-usecon .left-img{
		padding: 0 .6rem .2rem;
		/*width: 10.8rem;*/
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}

	.section-usecon .left-img li a{
		display: block;
	}
	.section-usecon .left-img li a img{
		margin:  0 auto;
	}
	.section-usecon .left-img,
	.section-usecon .right-con{
		
		float: none;
		position: static;
		display: inline-block;
	}
	.section-usecon .left-img .li-second {
	    margin-top: .1rem;
	    margin-bottom: .1rem;
	}
	/*.section-usecon .left-img li {
	    padding-top: 0rem;
	    padding-bottom: .2rem;
	}*/
	.section-usecon .right-con{
		background: #434343;
		/*background: url("../images/use_bg.jpg") repeat;*/
		padding: .5rem 0;
		width: 100%;
	}
	

	.section-usecon .right-con .pl-img img{
		max-width: 80%;
	}


	/*show*/
	.section-show{
		padding-top: 1rem;
	}
	.show-con{
		display: none;
		height: auto;
		margin-bottom: 0;
	}
	.show-con-phone{
		display: block;
		margin-top: 1rem;
		padding-bottom: 1rem;
	}
	
	
	
	
	






	.section-news{
		padding-bottom: .2rem;
		padding-top: 1rem;
	}
	.section-news .news-con{
		margin-top: .6rem;
		margin-bottom: .2rem;
	}

	.section-news .news-con a:nth-child(1){
		border-top: 0;
	}
	.section-news .news-con a{
		width: 90%;
		margin: 0 5%;
		padding: 3% 0;
		color: #252525;
		border-top: 1px solid #f0f0f1;
	}

	.section-news a .img-wrap{
		width: 40%;
		float: left;
		/*height: auto;*/
		height: 169px;
	}
	.section-news a .txt-wrap{
		width: 60%;
		float: left;
		padding: 0 3%;
		box-sizing: border-box;
	}
	.section-news a h2{
		margin: 0;
		font-size: .46rem;
		height: .55rem;
		white-space:nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.section-news a p{
		font-size: .4rem;
		height: 1.2rem;
		line-height: .6rem;
		margin-top: .2rem;
		overflow: hidden;
	}
	.section-news a p.date {
	    margin-top: .1rem;
	    height: auto;
	}
	.section-news .more-news{
		display: none;
	}


	.section-usecon .right-con .use-title p{
		font-size: .36rem;
	}



}


@media (max-width: 480px){
	.section-news a .img-wrap{
		height: 101px;
	}

}

@media (max-width: 375px){
	.section-news a .img-wrap{
		height: 91px;
	}

}
@media (max-width: 320px){
	.section-news a .img-wrap{
		height: 78px;
	}

}



@media(min-width: 1024px){
	.year{
		float: left;
	}
	.year::after{
		content: "年：";
	}
}


@media (min-width: 1920px){
	.banner{
		background-size: cover;
	}
}