*{
	margin: 0;
	padding: 0;
}
@font-face{
    font-family: 'myfirstfont';
    src : url('exo2-regular.ttf');
}
html,body{
	width: 100%;
	height: 100%;
	font-family: myfirstfont,Microsoft YaHei;
	font-size: 16px;
	/*min-width: 1366px;*/
	min-height: 768px;
}
.main{
	width: 100%;
}
.xysh{
	width: 100%;
	/*height: 1080px;*/
	overflow: hidden;
}
.xysh .xysh-title{
	font-size: 28px;
	letter-spacing: 0.32px;
	text-align: center;
	line-height: 40px;
	margin: 40px 0px;
}
.xysh  .xysh-content{
	width: 100%;
	/*height: 960px;*/
	display: flex;
	flex-wrap:wrap;
}
/* .xysh  .xysh-content .xysh-box:nth-child(1){
	background-image: url(../../xcwz/images/pic-02.png);
}
.xysh  .xysh-content .xysh-box:nth-child(2){
	background-image: url(../../xcwz/images/pic-03.png) ;
}
.xysh  .xysh-content .xysh-box:nth-child(3){
	background-image: url(../../xcwz/images/pic-04.png) ;
}
.xysh  .xysh-content .xysh-box:nth-child(4){
	background-image: url(../../xcwz/images/pic-05.png) ;
}
.xysh  .xysh-content .xysh-box:nth-child(5){
	background-image: url(../../xcwz/images/pic-06.png) ;
}
.xysh  .xysh-content .xysh-box:nth-child(6){
	background-image: url(../../xcwz/images/pic-07.png) ;
}
.xysh  .xysh-content .xysh-box:nth-child(7){
	background-image: url(../../xcwz/images/pic-08.png) ;
}
.xysh  .xysh-content .xysh-box:nth-child(8){
	background-image: url(../../xcwz/images/pic-09.png) ;
}
.xysh  .xysh-content .xysh-box:nth-child(9){
	background-image: url(../../xcwz/images/pic-10.png) ;
} */
.xysh .xysh-content .xysh-box{
	cursor: pointer;
	width: 33.33%;
	height: 0;
	padding-bottom: 20%;
	/*border: 1px solid forestgreen;*/
	/*height: 320px;*/
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}
.xysh-box>img{
	width: 100%;
	height: 320px;
}
.xysh-box .xysh-mb{
	width: 100%;
	height: 0;
	padding-bottom: 60%;
	/*border: 1px solid red;*/
	/*height: 320px;*/
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.53);
	text-align: center;
	/*line-height: 320px;*/
	font-size: 30px;
	color: transparent;
	opacity: 0;
}
.xysh-box .xysh-mb .text{
	transition: all .3s ease .3s;
		position: absolute;
	left: calc(50% - 40px);
	top: calc(50% - 25px);
}
.xysh-box .xysh-mb .blue{
	width: 0;
	height: 8px;
	background: #20ADA9;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all 1s ease;
}
.xysh-box .xysh-mb .white{
	width: 0;
	height: 3px;
	background: #FFFFFF;
	position: absolute;
	left: calc(50% - 40px);
	top: calc(50% + 25px);
	transition: all 1s ease;
}
.xysh-box:hover .xysh-mb{
	opacity: 1;
}
.xysh-box:hover .xysh-mb .text{
	color: #FFFFFF;
}
.xysh-box:hover .xysh-mb .white{
	width:80px;
}
.xysh-box:hover .xysh-mb .blue{
	width:100%;
}
.jxj{
	width: 100%;
	height: 395px;
/* 	margin-top: 60px; */
}
.jxj .jxj-imgBox{
	width: 57.5%;
	height: 395px;
	float: left;
	position: relative;
	background-image: url(../../xcwz/images/pic-11.png) ;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.jxj .jxj-imgBox>img{
	width: 100%;
	height: 100%;
}
.jxj .jxj-imgBox>a{
	width: 60px;
	height: 60px;
	background: #FFFFFF;
	text-align: center ;
	line-height: 60px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}
.jxj .jxj-imgBox>a>img{
	vertical-align: middle;
}
.jxj .jxj-imgBox>a:hover{
	opacity: 0.85;
}
.jxj .jxj-intro{
	width: 42.5%;
	height: 395px;
/* 	margin-top: 70px; */
	float: right;
	background-image: linear-gradient(160deg, #109F9A 7%, #2CB7B3 100%);
	padding: 45px 40px;
	box-sizing: border-box;
}
.jxj .jxj-intro h4{
	font-size: 28px;
	color: #FFFFFF;
	letter-spacing: 0.32px;
	line-height: 40px;
}
.jxj .jxj-intro p{
	width: 460px;
	color: #FFFFFF;
	line-height: 30px;
	margin-top: 21px;
}
.xcp,.xcp>img,.xcp .xcp-mb{
	width: 100%;
	height: 770px;
}
.xcp{
	width: 100%;
	/*height: 200px;*/
	/* background-image: url(../../xcwz/images/pic-10.png) ; */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	position: relative;
}
.xcp .xcp-mb{
	background: rgba(0,0,0,0.47);
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
.xcp .xcp-mb p{
	opacity: 0.75;
	font-size: 48px;
	color: #FFFFFF;
	line-height: 71px;
}
.xcp .xcp-mb p:first-child{
	margin-top: 254px;
}
.xcp .xcp-mb img{
	width: 89px;
	height: 89px;
	margin-top: 40px;
}
.zslc{
	width: 100%;
	height: 622px;
	background: url(../../xcwz/images/img-20.png) no-repeat center/cover;
	overflow: hidden;
	display: flex;
	justify-content: center;
}
.zslc-content{
	width: 1366px;
}
.zslc .zslc-title{
	font-size: 28px;
	color: #FFFFFF;
	letter-spacing: 0.32px;
	text-align: center;
	line-height: 40px;
	margin-top: 39px;
}
.zslc .zslc-one{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0 137px;
	box-sizing: border-box;
	margin-top: 64px;
}
.zslc-one .zslc-box{
	width: 150px;
	height: 121px;
	border: 1px dashed #FFFFFF;
	border-radius: 15px;
	box-sizing: border-box;
	padding-top: 8px;
	color: #FFFFFF;
	text-align: center;
	position: relative;
}
.zslc-one .zslc-box p{
	letter-spacing: 0.19px;
	line-height: 40px;
	position: relative;
}
.zslc-one .zslc-box p span{
	font-family: "myfirstfont";
	font-size: 48px;
	letter-spacing: 0.56px;
	line-height: 50px;
	font-weight: bold;
}
.zslc-one .zslc-box p span::after{
	content: '';
	width: 40px;
	height: 3px;
	position: absolute;
	left: calc(50% - 20px);
	top: 55px;
	background: #FFFFFF;
}
.zslc .zslc-two{
	padding: 0 301px;
	margin-top: 61px;
}
.zslc-one .right::after{
	content: '';
	width: 147px;
	height: 48px;
	background: url(../../xcwz/images/img-21.png) no-repeat ;
	position: absolute;
	left: 145px;
	top:calc(50% - 24px);
}
.zslc-two .left::after{
	content: '';
	width: 147px;
	height: 48px;
	background: url(../../xcwz/images/img-22.png) no-repeat ;
	position: absolute;
	left: -145px;
	top:calc(50% - 24px);
}
.zslc-one .turn::after{
	content: '';
	width: 69px;
	height: 152px;
	background: url(../../xcwz/images/img-23.png) no-repeat ;
	position: absolute;
	left: calc(50% - 64px);
	top:116px;
}
.zslc button{
	width: 250px;
	height: 68px;
	background: #FFAE12;
	border-radius: 6px;
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 0.23px;
	text-align: center;
	line-height: 40px;
	display: block;
	margin: 0 auto;
	margin-top: 68px;
	border-style: none;
	cursor: pointer;
}
.zslc button:hover{
	opacity: 0.85;
}
.footer{
	width: 100%;
}
.footer .top{
	width: 100%;
	height: 470px;
	font-size: 20px;
	background: #F4F6F8;
	padding: 30px 57px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}
.footer .top .left{
	width: 300px;
}
.footer .top h4{
	letter-spacing: 0.23px;
	line-height: 40px;
	border-bottom: 2px solid #000000;
}
.footer .top .left ul{
	width: 100%;
	list-style: none;
	overflow: hidden;
}
.footer .top .left ul li{
	letter-spacing: 0.23px;
	line-height: 40px;
	margin-top: 5px;
}
.footer .top .left ul li a{
	text-decoration: none;
	color: #000000;
	display: block;
	height: 40px;
}
.footer .top .left ul li a:hover{
	color: #003F43;
}
.footer .top .left ul li a img{
	vertical-align: middle;
	margin-right: 20px;
}
.footer .top .right{
	width: 666px;
}
.footer .top .right .rTop,.footer .top .right .rBottom{
	width: 100%;
}
.footer .top .right .rTop p{
	line-height: 40px;
}
.footer .top .right .rBottom input{
	width: 40.5%;
	height: 45px;
	background: #FFFFFF;
	border: 1px solid #D1D1D1;
	box-sizing: border-box;
	margin-top: 20px;
	font-size: 20px;
	color: #666666;
	letter-spacing: 0.23px;
	line-height: 45px;
	text-indent: 10px;
}
.footer .top .right .rBottom form{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.footer .top .right .rBottom .email{
	width: 100%;
}
.footer .top .right .rBottom .btn{
	width: 16%;
	background: url(../../xcwz/images/img-29.png) no-repeat center ;
	background-color: #003F43;
	border-style: none;
	cursor: pointer;
}
.footer .top .right .rBottom .btn:hover{
	opacity: 0.85;
}
.footer .bottom{
	width: 100%;
	height: 100px;
	background: #000000;
	padding: 10px 57px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}
.footer .bottom .left{
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0.19px;
	line-height: 40px;
}
.footer .bottom img{
	width: 188px;
	height: 47px;
	display: block;
	margin-top: 17px;
}
.footer form{
	margin-top: 0;
}