html {
  font-size: 0.0520833333333333vw;
}
body{
	padding: 0;
	margin: 0;
	font-family: "微软雅黑";
	font-size: 20rem;
	overflow-x:hidden !important;
	
}
ul,li,dd,dt,dl{
	list-style: none;
	margin:0;
	padding: 0;
}
a{
	text-decoration: none;
}
p,h1,h2,h3,h4,h5{
	margin: 0;
	padding: 0;
}
.w1500{
	margin: auto;
	width: 1500rem;
}
.head{
	height: 100rem;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	transition: all .3s;
}
.headbg{
	background: rgba(0,0,0,.4);
	background: -webkit-linear-gradient(90deg,rgba(1, 90, 153,.7) 0,rgba(52,163,55,.7) 100%);
background: -moz-linear-gradient(90deg,rgba(1, 90, 153,.7) 0,rgba(52,163,55,.7) 100%);
background: linear-gradient(90deg,rgba(1, 90, 153,.7) 0,rgba(52,163,55,.7) 100%);
}

.logo{
	/* width: 231rem; */
	height: 44rem;
	display: block;
}
.logo img{
	/* width: 231rem; */
	height: 44rem;
	display: block;
}
.nav{
	width: 1070rem;
}
.nav{
	display: flex;
	justify-content: space-between;
}
.nav li{
	position: relative;
	height: 100rem;
}
.nav li dl{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	background:rgba(255,255,255,.6);
	position:relative;
	max-height: 0;
	transition: all .6s;
	overflow: hidden;
}
.nav li:hover dl{
	max-height: 500rem;
}
.nav li dl::before{
	content: "";
	position: absolute;
	width: 0;
	height: 5rem;
	background: -webkit-linear-gradient(90deg,rgba(1,90,159) 0,rgba(52,163,55) 100%);
	background: -moz-linear-gradient(90deg,rgba(1,90,159) 0,rgba(52,163,55) 100%);
	background: linear-gradient(90deg,rgba(1,90,159) 0,rgba(52,163,55) 100%);
	transition: all 0.3s;
	top: 0;
	left: 0;
}
.nav li:hover dl::before{
	width: 100%;
}
.nav li dl dd a{
	margin: 0 10rem;
	text-align: center;
	display: block;
	line-height: 42rem;
	border-bottom: solid 1rem #8bc493;
	font-size: 18rem;
	color: #333;
}
.nav li dl dd a:hover{
	color: #01787e;
}
.nav li dl dd:first-child a{
	padding-top: 10rem;
}
.nav li dl dd:last-child a{
	border: none;
	padding-bottom: 10rem;
}
.yijia{
	color:#fff;
	line-height: 100rem;
	padding: 0 40rem;
	display: block;
	font-size: 20rem;
}
.top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100rem;
}
.banner{
	height: 100vh;
}
.banner2{
	height: 400rem;
}
.banner .swiper-slide img{
	max-width: 100%;
}
.faky{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	display: flex;
	align-items: center;
}
.faky h3{
	 margin-bottom: 20rem;
	 font-size: 70rem;
	 color: #fff;
	 display: flex;
	 justify-content: left;
	 line-height: 1;
}
.faky img{
	width: 445rem;
	height: 53rem;
}
.faky1 img{
	width: 904rem;
	height: 71rem;
}
.faky h3 p{
	font-weight: lighter;
	margin-left: 20rem;
}
.faky div>p{
	font-weight: lighter;
	font-size: 46rem;
	color: #fff;
	line-height: 1;
	margin-top: 54rem;
}
.banner .swiper-slide{
	position: relative;
}
.swiper-slide .faky{
	transform:translateY(200rem);
	opacity:0;
	transition:all .4s;}
.ani-slide .faky{
	transform:translateY(0);
	opacity:1;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
	background: #5ea060;
	width: 10rem;
	height: 10rem;
	margin: -5rem 0 0 -5rem;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{
	width: 14rem;
	height: 14rem;
	background: #349d37;
	margin: -7rem 0 0 -7rem;

}
.aboutleft{
	width: 890rem;
}
.aboutright{
	width: 600rem;
	/*height: 365rem;*/
}
.abouttop{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.title{
	font-size: 40rem;
	color: #fff;
	line-height: 54rem;
	display: flex;
	align-items: center;
}
.title span{
	font-size: 40rem;
	color: #339d36;
	font-weight: 300;
	display: block;
	margin-left: 20rem;
}
.abouttext{
	line-height: 36rem;
	font-size: 18rem;
	color: #fff;
	margin: 40rem 0;
	margin-bottom: 0;
	font-weight: lighter;
}
.abouttext *{
    font-size: 17rem !important;
    line-height: 1.6 !important;
}
.sige{
	display: flex;
	justify-content: space-between;
	
}
.sige dd{
	display: flex;
	justify-content: left;
	align-items: flex-end;
	color: #fff;
	font-size: 28rem;
	position: relative;
	cursor: pointer;
	padding-bottom: 20rem;
	padding-top: 50rem;
	font-weight: bold;
}
.sige dd:hover{
	animation: huxi 800ms ease-out infinite alternate;
	
}

@keyframes huxi{
   0%{
	   opacity: 1;
	   transform: scale(.8);
	   transform: translateY(10px);
   }
   100%{
	   opacity: 1;
	   transform: scale(1);
	   transform: translateY(-10px);

   }
}
.shuipao{
	position: relative;
	animation: huxi2 1200ms ease-out infinite alternate;
}

@keyframes huxi2{
	0%{
		opacity: .3;
		transform: scale(.8);
		transform: translateY(20px);
	}
	100%{
		opacity: 1;
		transform: scale(1);
		transform: translateY(-20px);
 
	}
 }
.sige img{
	width: 26rem;
	height: 36rem;
	display: block;
	margin-right: 10rem;
}
.aboutright img{
	width: 600rem;
	/*height: 365rem;*/
	display: block;
	/*margin-top: 140rem;*/
	/*margin-left: 60rem;*/
	transform: translate(80rem,60rem);
	position: relative;
}
.aboutright{
    
}
.aboutbottom{
	margin-top: 0rem;
}
.aboutbottom ul{
	display: flex;
	justify-content: space-between;
}
.aboutbottom ul li{
	width: 356rem;
	height: 170rem;
	position: relative;
}
.aboutbottom ul li .imgd{
	display: block;
	width: 356rem;
	height: 170rem;
}
.aboutbottom ul li .wenzibox{
	position: absolute;
	height: 170rem;
	width: 356rem;
	top:0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wenzibox p{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 12rem;
	margin-top: 14rem;
}
.wenzibox p img{
	margin-right: 20rem;
}
.wenzibox{
	background: -webkit-linear-gradient(90deg,rgba(2, 23, 106,.8) 0,rgba(52,163,55,.8) 100%);
	background: -moz-linear-gradient(90deg,rgba(2, 23, 106,.8) 0,rgba(52,163,55,.8) 100%);
	background: linear-gradient(90deg,rgba(2, 23, 106,.8) 0,rgba(52,163,55,.8) 100%);
	color: #fff;
}
.erbox{
	background: -webkit-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	background: -moz-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	background: linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
}
.aboutbox{
	background: url(../img/6.png) no-repeat right center;
	background-position-y: 256rem;
	background-size: 1658rem 395rem;
	overflow: hidden;
}
.rongyu{
	background: url(../img/10.png) no-repeat top center;
	background-size: cover;

}
.rongyutop{
	display: flex;
	justify-content: center;
	color: #349d37;
	margin-bottom: 80rem;
	margin-top: 80rem;
}
.rongyutop a{
	display: block;
	position:relative;
	padding-bottom: 20rem;
	margin: 0 200rem;
	text-align: center;
	text-transform: uppercase;
}
.rongyutop a.on h3{
	color: #005fa9;
}
.rongyutop a::before{
	content: "";
	position: absolute;
	width: 0;
	height: 7rem;
	background: -webkit-linear-gradient(90deg,rgba(1,90,159) 0,rgba(52,163,55) 100%);
	background: -moz-linear-gradient(90deg,rgba(1,90,159) 0,rgba(52,163,55) 100%);
	background: linear-gradient(90deg,rgba(1,90,159) 0,rgba(52,163,55) 100%);
	transition: all 0.3s;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.rongyutop a.on::before{
	content: "";
	position: absolute;
	width: 130rem;
	height: 5rem;
	background: -webkit-linear-gradient(90deg,rgba(1,90,159) 0,rgba(52,163,55) 100%);
	background: -moz-linear-gradient(90deg,rgba(1,90,159) 0,rgba(52,163,55) 100%);
	background: linear-gradient(90deg,rgba(1,90,159) 0,rgba(52,163,55) 100%);
	transition: all 0.3s;
	bottom: 0;
	left: 0;
	color: #005fa9;
}
.rongyutop a:hover::before{
	width: 130rem;
}
.rongyutop h3{
	font-size: 30rem;
}
.rongyutop span{
	display: block;
	font-size: 18rem;
	padding: 5rem 0;
	padding-top: 10rem;
}
.fazhan{
	background: -webkit-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	background: -moz-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	background: linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
}
.shijian{
	height: 428rem;
	/* background: url(../img/16.png) no-repeat center; */
	background-size: 258rem 528rem;
	padding: 50rem 0;
}

.shijian .swiper-slide {
	text-align: center;
	font-size: 100rem;
	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;
	transition: 300ms;
	transform: scale(0.5);
	color: #28a937;
	font-weight: bold;
}

.shijian .swiper-slide-active,.swiper-slide-duplicate-active{
	transform: scale(1);
	color:#fff;
}
.fl{
	width: 270rem;
}
.fr{
	width: 960rem;
	position: relative;
	padding: 100rem 0;
}
.fabox{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.miaoshu{
	height: 490rem;
}
.miaoshu .swiper-slide{
	display: flex;
	justify-content: left;
	padding: 0 80rem;
	box-sizing: border-box;
	border-bottom: solid 1rem #96bfc8;
	align-items: center;
	transition: 300ms;
	transform: scale(1);
	opacity: .3;
}
.miaoshu .swiper-slide-active,.swiper-slide-duplicate-active{
	transform: scale(1.2);
	opacity: 1;
}
.miaoshu span{
	color: #fff;
	font-size: 23rem;
	font-weight: bold;
	display: block;
	width: 220rem;
}
.miaoshu p{
	color: #fff;
	font-size: 18rem;
	width: 580rem;
}
.swiper-button-nexta{
	right: 0;
	background: url(../img/12.png) no-repeat center;
	width: 58rem;
	height: 58rem;
	bottom: 0;
	background-size: 58rem 58rem;
	position:absolute;
}
.swiper-button-preva{
	right: 0;
	background: url(../img/11.png) no-repeat center;
	width: 58rem;
	height: 58rem;
	top: 0;
	background-size: 58rem 58rem;
	position:absolute;
}
.fabiaoti{
	margin-top: 50rem;
}
.fabiaoti h3{
	font-size: 40rem;
	color: #fff;
}
.fabiaoti span{
	color: #fff;
}
.youshititle h3{
	font-size: 40rem;
	color: #005fa9;
}
.youshititle p{
	font-size: 36rem;
	color: #28a937;
	margin-top: 10rem;
	font-weight: 600;
}
.lvse{
	/* background: #28a937; */
	height: 590rem;
	position: absolute;
	left: 150rem;
	top: 0;
	width: 100%;
	transition: all .6s;
	background: rgba(40,168,55,.6);
}
.lvse h2{
	color: #fff;
	font-size: 80rem;
	margin: 30rem;
}
.lvse img{
	margin-top: 70rem;
	margin-left: 40rem;
	display: block;
	width: 67rem;
	height: 67rem;
}
.lvse h3{
	margin-left: 40rem;
	margin-top: 320rem;
	color: #fff;
}
.youshilist{
	display: flex;
	justify-content: space-between;
	margin-top: 60rem;
}
.youshilist li{
	width: 370rem;
	height: 590rem;
	overflow: hidden;
	position: relative;
	background: #005fa9;
}
.gaitop img{
	width: 370rem;
	height: 590rem;
}
.youshilist li:hover .lvse{
	left: 360rem;
}
.gaititle{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right:0;
	margin: auto;
	font-size: 18rem;
	padding:30rem;
	color: #fff;
	line-height: 2;
	transition: all .3s ;
	/* transition-delay: 0.3s; */
	opacity: 0;
	font-size: 18rem;
}
.youshilist li:hover .gaititle{
	opacity: 1;
}
.footbannerbox img{
	 display: block;
	 height: calc(100vh - 340rem);
}
.banner .swiper-slide .bannerimg{
	transition: all 4s;
	width: 100%;
	height: 100%;
	transform: scale(1);
}
.banner .mxdon .bannerimg{
	transform: scale(1.2);
}
.foot{
	/*background: url(../img/footbg.jpg) no-repeat center;*/
	height: 340rem;
	background-size: 100% 100%;
	background: -webkit-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
background: -moz-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
background: linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
}
.footlist li{
	width: 460rem;
	color: #fff;
	font-size: 18rem;
	line-height: 36rem;
}
.footlist{
	width: 1000rem;
}
.footlist{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 90rem;
	padding-bottom: 90rem;
}
.beian,.beian a{
	color: #e6e6e6;
	font-size: 16rem;
}
.footlogo{
	position: absolute;
	top: 90rem;
	right:0;
	width: 131rem;
	height: 168rem;
	display: block;
}
.footbox{
	position:relative;
}
.footbanner{
	position: relative;

}
.wenhuatitel{
	position:absolute;
	right: 100rem;
	top: 70rem;
	z-index: 999;
	width: 154rem;
	height: 154rem;
	border-radius: 50%;
	border:solid 1rem #28a937;
	font-size: 36rem;
	color:#28a937;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}
.miaoshu .swiper-slide-active{
	/* background: url(../img/17.png) no-repeat center; */
	background-size: cover;
}
.ecwulbox{
	height:calc(100vh - 300rem);
	background: url(../img/20.jpg) no-repeat center;
	background-size: cover;
}
.ecwultop{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
.ecwulbottom{
	height: 300rem;
	background: url(../img/22.jpg) no-repeat center;
	background-size: cover;
}
.ecwultop h3{
	font-size: 40rem;
	color: #005fa9;
	margin-bottom: 40rem;
}
.ecwultop h4{
	font-size: 28rem;
	color: #000;
	margin-bottom: 30rem;
	line-height: 60rem;
	font-weight: 500;
}
.ecwultop h4 span{
	font-size: 40rem;
}
.ecwultop p{
	font-size: 18rem;
	color: #606060;
	line-height: 36rem;
}
.ecwulleft{
	width: 890rem;
}
.rentou{
	width: 412rem;
	height: 412rem;
}
.kongzhixiangmu{
	display: flex;
	align-items: center;
	height: 100%;
}
.kongzhixiangmu p{
	font-size: 24rem;
	color: #fff;
}
.kongzhixiangmu h3{
	font-size: 32rem;
	color: #fff;
	margin-left: 10rem;
	margin-top: 20rem;
}
.shuipao{
	display: block;
	/* width: 1022rem; */
	height: 200rem;
	position: absolute;
	right: 110rem;
	top: 60rem;
}
.ecwulbottom{
	position: relative;
}
.shiyongbox h3{
	font-size: 40rem;
	color: #fff;
}
.shiyongbox p{
	font-size: 30rem;
	color: #fff;
	margin-top: 10rem;
	font-weight: bold;
}
.jishulsit{
	display: flex;
	justify-content: space-between;
}
.jiimgbox img{
	display: block;
	/*height: 100%;*/
	width: 100%;
}
.jiimgbox{
	height: 100vh;
	position: relative;
}

.bg1{
	background: rgba(0,0,0,.6);
	width: 100%;
}
.jishulsit li{
	width: 33.4%;
	cursor: pointer;
}

.shiyongbox{
	position: absolute;
	z-index: 999;
	top: 130rem;
	left: 50%;
	margin-left: -750rem;
}
.wenzaaibox{
	padding: 60rem;
	position: relative;
	box-sizing: border-box;
}
.wenzaaibox{
	height: 350rem;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .8s;
}
.jishulsit li {
	overflow: hidden;
}
.jishulsit li img{
	transition: all 0.6s;
}
.jishulsit li:hover img{
	transform: scale(1.1);
}
.jishulsit li:hover .wenzaaibox{
	height: 500rem;
}
.jishulsit li .wenzaaibox:hover {
	height: 500rem;
}
.wenzaaibox h3{
	font-size: 34rem;
	color: #28a937;
	margin-bottom: 30rem;
}
.wenzaaibox p{
	font-size: 18rem;
	color: #ffffff;
}
.wenzaaibox a{
	 display: block;
	font-size: 20rem;
	width: 120rem;
	line-height: 40rem;
	color: #ffffff;
	text-align: center;
	border-radius: 50rem;
	text-align: center;
	background: #28a937;
	position: absolute;
	right: 60rem;
	bottom:60rem;
}
.yanfabiaoti h3{
	font-size: 40rem;
	color: #fff;
}
.yanfabiaoti span{
	font-size: 30rem;
	color: #28a937;
	display: block;
	margin-top: 10rem;
	font-weight: bold;
}
.yanfabox{
	background: url(../img/27.jpg) no-repeat center;
	background-size: 100% 100%;
}
.yanfalist{
	display: flex;
	justify-content: space-between;
	margin-top: 100rem;
}
.yanfalist li{
	width: 602rem;
	height: 504rem;
	position: relative;
}
.tupianhezi{
	width: 602rem;
	height: 504rem;
	overflow: hidden;
}
.tupianhezi img{
	width: 602rem;
	height: 504rem;
	display: block;
}
.dingwiewenzi{
	position: absolute;
	width: 602rem;
	height: 504rem;
	top: 0;
	left: 0;
	display: flex;
	justify-content: right;
	align-items: center;
	box-sizing: border-box;
	padding: 50rem;
}

.dingwiewenzi h3{
	font-size: 40rem;
	color: #28a937;
	margin-bottom: 30rem;
}
.dingwiewenzi a{
	display: inline-block;
	font-size: 20rem;
	width: 120rem;
	line-height: 40rem;
	color: #ffffff;
	text-align: center;
	border-radius: 50rem;
	text-align: center;
	background: #28a937;
}
.wenzijuyou{
	text-align: right;
}
.heisegaibian{
	width: 602rem;
	height: 504rem;
	position: absolute;
	left: 0;
	top: 0;
	transition: all .6s;
}
.yanfalist li:hover .heisegaibian{
	left: 30rem;
	top: -30rem;
	background: rgba(0, 35, 71, .7);
}
.faky2 img{
	width: 491rem;
	height: 71rem;
	display: block;
}
.pone{
	font-size: 30rem;
	color: #47a038;
	margin-bottom: 10px;;
}
.pone1{
	margin-top: 80rem;
}
.dituguojia{
	background: url(../img/32.png) no-repeat center;
	background-size: cover;
}
.h3box{
	display: flex;
	justify-content: left;
	align-items: center;
}
.h3box div{
	font-size: 100rem;
	color: #fff;
}
.h3box p{
	font-size: 20rem;
	color: #fff;
	font-weight: 500;
	margin-left: 10rem;
	line-height: 1.5;
}
.h3box1{
	align-items: flex-start;
}
.h3box1 p{
	font-size: 70rem;
	font-weight: bold;
}
.dituzuo{
	width: 300rem;
}
.ditubox{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.dituyou{
	width: 1000rem;
	/* height: 711rem; */
	position: relative;
}
.dituyou img{
	width: 868rem;
	height: 711rem;
	display: block;
}
.dingweitu{
	position: absolute;
	width: 39rem;
	height: 46rem;
}
.dingweitu img{
	width: 39rem;
	height: 46rem;
	display: block;
}
.d1{
	top: 439rem;
	left: 694rem;
}
.d2{
	top: 489rem;
	left: 594rem;
}
.d3{
	top: 389rem;
	left: 444rem;
}
.d4{
	top: 289rem;
	left: 664rem;
}
.d5{
	top: 129rem;
	left: 294rem;
}
.d6{
	top: 265rem;
	left: 294rem;
}
.d7{
	top: 315rem;
	left: 534rem;
}
.ditudingwei{
	position: relative;
	overflow: hidden;
}
.ditudingwei div{
	width: 119rem;
	height: 49rem;
	background: url(../img/35.png) no-repeat center;
	background-size: 100% 100%;
	text-align: center;
	color: #fff;
	position: absolute;
	top: -16rem;
	left: 26rem;
	opacity: 0;
	transition: all .6s;
}
.ditudingwei:hover{
	overflow: inherit;
}
.ditudingwei:hover div{
	opacity: 1;
}
.taba{
	display: flex;
	justify-content: space-between;
	font-size: 20rem;
	color: #fff;
}
.taba a{
	display: inline-block;
	line-height: 54rem;
	color: #fff;
	border-top: solid 1rem ;
	border-image:-webkit-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%) 1;
	border-image:-moz-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%) 1;
	border-image:linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%) 1;
	border-bottom: solid 1rem ;
}
.xiangmu{
	background: url(../img/36.jpg) no-repeat center;
	background-size: cover;
}
.xiangmulsitbox{
	margin-top: 50rem;
}
.xiangmulsit{
	width: 1300rem;
	margin: auto;
	/* height: 620rem; */
}
.xiangmulsitbox{
	position: relative;
}
.xiangmulsit .swiper-slide{
	/* width: 610rem; */
	height: 540rem;
	background: #fff;
	box-shadow: 0rem 4rem 14rem #0b2f75;
	padding: 30rem;
	box-sizing: border-box;
	border-radius: 10rem;
}
.xiangmulsit .swiper-slide img{
	width: 100%;
	height: 300rem;
}
.xiangmulsittitel{
	margin: 0 50rem;
	padding: 20rem 50rem;
	background: -webkit-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	background: -moz-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	background: linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	color: #fff;
	font-size: 22rem;
	margin-top: -50rem;
	position: relative;
	z-index: 999;
	transition: all .6s;
}
.xiangmulsittitelp{
	font-size: 18rem;
	color: #000;
	margin: 0 50rem;
	margin-top: 24rem;
}
.more{
	margin: 0 50rem;
	text-align: right;
}
.more a{
	font-size: 18rem;
	color: #33a138;
	margin-top: 26rem;
	display: inline-block;
}
.swiper-button-nextb{
	width: 55rem;
	height: 55rem;
	background: url(../img/zy.png) no-repeat center;
	background-size: 100% 100%;
	right: 0;
	top: 40%;
	position: absolute;
}
.swiper-button-prevb{
	width: 55rem;
	height: 55rem;
	background: url(../img/xz.png) no-repeat center;
	background-size: 100% 100%;
	left: 0;
	top: 40%;
	position: absolute;
}
.yanfabiaoti2{
	text-align: center;
}
.yanfabiaoti2 h3{
	color: #053883;
}
.yanfabiaoti2 span{
	color: #606060;
}
.hezuobox{
	margin-top: 40rem;
}
.hezuobox img{
	display:block;
	width: 100%;
}
.moshi{
	display: flex;
	justify-content: space-between;
}
.moshi li{
	width: 33.34%;
	height: 100vh;
}
.moshitext{
	height: 50%;
	color: #fff;
	padding: 100rem;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.moshitext h3{
	font-size: 34rem;
	margin-bottom: 20rem;
}
.moshitext p{
	font-size:20rem;
	line-height: 2;
}
.moshiing img{
	width: 100%;
	/*height: 100%;*/
	display: block;
}
.moshiing{
	height: 50%;
	
}
.ma{
	background: #005fac;
}
.mb{
	background: #04605e;
}
.mc{
	background: #28ac37;
}
.fangantext{
	background: #28ae37;
	width: 915rem;
	height: 290rem;
	padding: 50rem 70rem;
	box-sizing: border-box;
	box-shadow: 0 0 10rem #141414;
}
.fangantext:nth-child(odd){
	background: #005fae;
}
.fangantext h3{
	font-size: 40rem;
	color: #fff;
	margin-bottom: 50rem;
}
.fangantext p{
	text-align: right;
}
.fangantext p span{
	font-size: 30rem;
	color: #fff;
	font-weight: lighter;
	display: block;
	text-align: right;
}
.fangantext p a{
	display: inline-block;
	width: 130rem;
	height: 50rem;
	line-height: 50rem;
	color: #fff;
	border: solid 1rem #fff;
	text-align: center;
	border-radius: 50rem;
	margin-top: 10rem;
}
.fanganimg{
	width: 559rem;
	height: 290rem;
}
.fanganimg img{
	width: 559rem;
	height: 290rem;
	display: block;
}
.fanganlist ul li{
	display: flex;
	justify-content: space-between;
}
.fanganlist li{
	padding-bottom: 30rem;
}
.bgeee{
	padding-top: 140rem;
	padding-bottom: 140rem;
	background: #eee url(../img/47.png) no-repeat right bottom;
	background-size: 776rem 998rem;
}
.headop{
	opacity: 1;
	z-index: 1000;
	/* background: rgba(0,0,0,.15); */
}
.op{
	opacity: 0;
}
.newsnavlsit{
	display: flex;
	justify-content: space-around;
}
.newsnavlsit a{
	width: 260rem;
	text-align: center;
	display: block;
	color: #606060;
	border-bottom: #ebebeb solid 8rem;
	font-size: 26rem;
	line-height: 66rem;
}
.newsnavlsit a.on{
	color: #47a038;
	border-bottom: solid 5rem;
	border-image:-webkit-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%) 1;
	border-image:-moz-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%) 1;
	border-image:linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%) 1;
}
.newslist li{
	display: flex;
	justify-content: space-between;
}
.newslist li .newsl{
	width: 582rem;
	height: 411rem;
	margin-right: 10rem;
}
.newslist li .newsl img{
	width: 582rem;
	height: 411rem;
	display: block;
}
.newslist li .newsr{
	padding: 70rem 100rem;
	background: #ebebeb;
}
.newsr h3{
	font-size: 26rem;
	color: #000;
	font-weight: 500;;

}
.newsr p{
	font-size: 20rem;
	color: #606060;
	margin-top: 40rem;
	margin-bottom: 30rem;
}
.newsr a{
	font-size: 26rem;
	color: #606060;
	display: block;
	text-align: right;
}
.fp-is-overflow .fp-overflow.fp-auto-height-responsive, .fp-is-overflow .fp-overflow.fp-auto-height, .fp-is-overflow > .fp-overflow{
	overflow: hidden;
}
.fp-watermark{
	display: none;
}
.moshi li{
	cursor: pointer;
}
.moshi li .moshiing{
	overflow: hidden;
}
.moshi li .moshiing img{
	transform: scale(1);
	transition:all .6s;
}
.moshi li:hover .moshiing img{
	transform: scale(1.2);
}
.xiangmulsit .swiper-slide{
	cursor: pointer;
}
.xiangmulsit .swiper-slide .xiangmulsittitel{
	transition: all .6s;

}
.xiangmulsit .swiper-slide img{
	transition: all .6s;
}
.xiangmulsit .swiper-slide:hover img{
	transform: scale(1.2);
}
.xiangmulsit .swiper-slide:hover .xiangmulsittitel{
	transition: all .6s;
	margin-left: 0;
	margin-right: 0;
}
.mxdover{
	overflow: hidden;
}
.xiangmulsittitel div{
	width: 369rem;
	margin: auto;
}
.bannerxiaotibi{
	font-family: Arial, Helvetica, sans-serif;
}
.bannerxiaotibi b{
	font-weight: bold;
}
.bannerxiaotibi span{
	font-weight: 400;
}
.mr{
	margin-right: 20rem;
}
.lxtop{
	height: 140rem;
	background: url(../img/50.jpg) no-repeat center;
	background-size: cover;
	font-size: 36rem;
	display: flex;
	align-items: center;
	color: #fff;
	padding: 0 100rem;
	margin-bottom: 90rem;
	font-weight: bold;
}
.lxl{
	width: 640rem;
}
.lxl dl{
	display: flex;
	align-items: center;
	padding: 22rem 0;
}
.lxl dl dt{
	width: 52rem;
	height: 52rem;
}
.lxl dl dt img{
	display: block;
	width: 52rem;
	height: 52rem;
}
.lxl dl dd{
	margin-left: 30rem;
}
.lxl dl dd b{
	display: block;
	font-size: 22rem;
	font-weight: 500;
	margin-bottom: 5rem;

}
.lxl dl dd p{
	font-size: 18rem;
	color: #666;
	line-height: 1.5;
}
.lxr{
	width: 750rem;
}
.lxzw{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.jiaru{
	height: 200rem;
	background: url(../img/50.jpg) no-repeat center;
	background-size: cover;
	font-size: 36rem;
	display: flex;
	align-items: center;
	color: #fff;
	justify-content: center;
	font-weight: bold;
}
.jiaru span{
	margin-left: 20rem;
}
.jointitle{
	background: -webkit-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	background: -moz-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	background: linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	font-size: 35rem;
	height: 80rem;
	display: flex;
	align-items: center;
	width: 100%;
	color: #fff;
	padding-left: 96rem;
	box-sizing: border-box;
}
.joinlist dl{
	margin-top: 20rem;
	box-shadow:0  6rem 8rem #eee;
	cursor: pointer;
	
	background:#fff;
}
.joinlist dt{
	transition: all .6s;
}
.joinlist dt{
	height: 80rem;
	border: solid 1rem #cbd8e5;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.joinlist dt a{
	display: inline-block;
	font-size: 20rem;
}
.joinlist dd{
	padding: 0rem 120rem;
	transition: all .6s;
	max-height: 0;
	overflow: hidden;
}
.j1{
	padding:0 120rem ;
	border-right: solid 1rem #cbd8e5;
	line-height: 80rem;
}
.j2{
	padding:0 120rem ;
	line-height: 80rem;
}
.j3{
	display: inline-block;
	width: 19rem;
	height: 10rem;
	margin-right: 66rem;
}
.joinxinxi a{
	display: inline-block;
	margin-right: 60rem;
	font-size: 20rem;
}
.joinlist h3{
	font-size: 24rem;
	border-bottom: solid 1rem #6f6f6f;
	line-height: 80rem;
}
.jointext{
	padding: 20rem 0;
	font-size: 18rem;
	line-height: 2;
}
.joinlist .joinon dt{
	background: #28ae37;
}
.joinlist .joinon dt a{
	color: #fff;
}
.j4{
	display: none;
}
.joinlist .joinon dt .j3{
	display:none;
}
.joinlist .joinon dt .j4{
	display:block;
}
.joinlist .joinon dd{
	max-height: 1000rem;
	padding: 80rem 120rem;
}
.biaoyouxiang{
	margin-top: 30px;
}
.joinlist{
	margin-top: 120rem;
}
.joinbox{
	background: #e6e6e6;
	padding-bottom: 120rem;
}
.showtitle{
	font-size: 26rem;
	font-weight: 500;
	text-align: center;
}
.showshijian{
	font-size: 18rem;
	color: #666;
	line-height: 70rem;
	border-image: linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%) 1;
	border-bottom: solid 4rem;
	text-align: center;
}
.showbox{
	padding: 60rem 0;
	font-size: 20rem;
	color: #666;
}
.caseliebiao{
	width: 31.5%;
	background: #fff;
	box-shadow: 0rem 4rem 14rem #ececec;
	padding: 30rem;
	box-sizing: border-box;
	border-radius: 10rem;
	margin-bottom: 40rem;

}
.caseliebiao img{
	width: 100%;
}
.caselistbox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.xiangmulsittitel2{
	margin: 0 20rem;
	margin-top: -50rem;
	padding: 20rem;
}
.xiangmulsittitelp2{
	margin: 0 20rem;
	margin-top: 20rem;
}
.xiangmulsittitel2 div{
	display: -webkit-box;
	overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	width: 340rem;
}
.xiangmulsittitel div{
	display: -webkit-box;
	overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.more p {
	font-size: 18rem;
	color: #33a138;
	margin-top: 26rem;
	display: inline-block;
  }
  .xiangmulsittitelp p{
	white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .caseliebiao:hover .xiangmulsittitel {
	margin-left: 0;
	margin-right: 0;
  }
  .caseliebiao img{
	transition: all .6s;
  }
  .caseliebiao:hover img {
	transform: scale(1.2);
  }
  .mt100{
	margin-top: 100rem;
  }
  .w1000{
	width: 1000rem;
	margin: auto;
  }
  .taba a{
	position: relative;
	padding: 0 30rem;
  }
  .taba a::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width:0;
	background: -webkit-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	background: -moz-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	background: linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	transition: all .6s;
	height: 100%;
	z-index: -1;
  }
  .taba a:hover::before{
	width: 100%;
}
  .taba2{
	margin-top: 200rem;
  }
  .taba2 a{
	color: #333;
	border:solid 1rem rgba(52,163,55);
	border-radius: 10rem;
	/* border-image: linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%) 1; */
	padding: 0 30rem;
	position: relative;
	transition: all .6s;
	overflow: hidden;
  }
  .taba2 a::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width:0;
	background: -webkit-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	background: -moz-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	background: linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	transition: all .6s;
	height: 100%;
	z-index: -1;
  }
.caselistbox{
	margin: 100rem 0;
}
.taba2 a:hover{
	color: #fff;
}
.taba2 a:hover::before{
	width: 100%;
}
.taba2 .active{
	color: #fff;
}
.taba2 .active::before{
	width: 100%;
}
.juzhongbox{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}
.juzhongbox>div{
	width: 100%;
}
.gengduo{
	 display: block;
	 width: 150rem;
	 height: 50rem;
	 line-height: 50rem;
	 font-size: 18rem;
	 color: #fff;
	 border-radius: 10rem;
	 margin: auto;
	 text-align: center;
	 background: -webkit-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	background: -moz-linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	background: linear-gradient(90deg,rgba(1, 90, 153) 0,rgba(52,163,55) 100%);
	margin-top: 50rem;
	box-shadow: 0rem 3rem 15rem #0c4a62;
	margin-bottom: 10rem;
	animation: huxi 800ms ease-out infinite alternate;
}
.case_mode{
    width:530rem;
    height:220rem;
    background:rgba(14,39,14,0.6);
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index:9;
}
.case_mode span{
    font-size: 30rem;
    color: #606060;
}
.case_mode h3{
    color: #28a937;
    font-size: 40rem;
}