*{margin: 0px auto;padding: 0px auto;font-family: 'Microsoft YaHei','微软雅黑';}
html,body{width: 100%;height: 100%;}
a{text-decoration: none;}
img{border: none;}

@font-face{
	font-family: "DINPro-Bold";
	src: url(../fonts/DINPro-Bold.otf);
}
@font-face{
	font-family: "DINPRO-REGULAR";
	src: url(../fonts/DINPRO-REGULAR.otf);
}
.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    line-height: 0;
}
.container{
	width: 1500px;
}

/*首页 banner*/
.banner{
	width: 100%;
	height: 800px;
}
.banner .text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.banner .text h2{
	font-size: 50px;
	color: #fff;
	font-weight: normal;
	letter-spacing: 5px;
	line-height: 1.6;
}
.banner .text h3{
	font-size: 43px;
	color: #fff;
	font-weight: normal;
	letter-spacing: 5px;
	line-height: 1.6;
}
.banner .text p{
	font-size: 16px;
	color: #f8eef8;
	text-transform: uppercase;
	opacity: .6;
	margin-top: 12px;
}
.ban_more{
	width: 188px;
	height: 52px;
	border: 1px rgba(248,248,248,.8) solid;
	border-radius: 27px;
	margin: 60px 0px 0px 0px;
	text-align: center;
	transition: .5s;
}
.ban_more a{
	display: block;
}
.ban_more span{
	display: inline-block;
	color: rgba(255,255,255,.8);
	line-height: 52px;
	transition: .5s;
}
.ban_more span img{
	margin-left: 10px;
}
.ban_more:hover{
	border-color: var(--zColor);
	background: var(--zColor);
}
.ban_more:hover span{
	color: #fff;
}
#page{
	width: 1500px;
	text-align: left;
	left: 50%;
	bottom: 60px;
	transform: translateX(-50%);
}
#page span{
	width: 30px;
	height: 3px;
	border-radius: 0;
	background: #fff;
}

.number_box{
	width: 750px;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 100;
	perspective: 800px;
}
.number{
	overflow: hidden;
	transform-origin: bottom;
	transform: rotateX(200deg) translate3d(0, 0, 0);
	transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
}
.number.active{
	transform: rotateX(0deg) translate3d(0, 0, 0);
}
.numl{
	width: 25%;
	height: 180px;
	background-image: url(../images/index_30.jpg);
	background-size: cover;
	float: left;
	color: #fff;
	box-sizing: border-box;
	padding: 25px 20px;
}
.number .item{
	width: 25%;
	height: 180px;
	float: left;
	background: #454545;
	text-align: center;
	box-sizing: border-box;
	padding-top: 16px;
}
.numl p{
    font-size: 14px;
    text-transform: uppercase;
}
.numl h3{
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 2px;
    margin-top: 3px;
}
.number .item p{
	font-size: 14px;
	color: #bc9332;
	line-height: 1;
	margin-top: 5px;
}
.number .item p span{
	display: inline-block;
	font-size: 30px;
	color: #fff;
	font-family: "DINPro-Bold";
	margin-right: 5px;
}
.number .item p span:after{
	content: "+";
    color: #fff;
    font-weight: normal;
    font-size: 22px;
    float: right;
    font-family: "DINPRO-REGULAR";
    font-weight: bold;
    margin: -8px 0px 0px 5px;
} 
.number .item h3{
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	line-height: 1;
	margin-top: 16px;
}


/*头部*/
.header{
    width: 100%;
    height: 100px;
    background: var(--zColor);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
}
.header:after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #a768a6;
	position: absolute;
	left: 0;
	bottom: 0;
}
.header a img{
	float: left;
	margin-top: 24px;
    height: 51px;
    width: auto;
}
.search_box{
	width: 50px;
	height: 42px;
	float: right;
	position: relative;
	z-index: 100;
	margin: 30px 0px 0px 15px;
}
.search{
	width: 50px;
	height: 42px;
	float: right;
	border-radius: 21px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 0px;
	transition: .5s;
}
.search input{
	width: 0px;
	height: 42px;
	box-sizing: border-box;
	float: left;
	border: none;
	background: none;
	outline: none;
	font-size: 14px;
	color: #333;
}
.search button{
	width: 50px;
	height: 42px;
	float: right;
	border: none;
	background: url(../images/tu_03.png)center no-repeat;
	cursor: pointer;
	outline: none;
}
.search.active{
	width: 255px;
	background: #fff;
}
.search.active input{
	width: 205px;
	padding-left: 20px;
	transition: .5s;
}
.search.active button{
	background: url(../images/index_09.png)center no-repeat;
}
.nav{
	float: right;
}
.nav ul li{
	list-style: none;
	float: left;
	margin-left: 40px;
}
.nav ul li>a{
	display: block;
	color: #fff;
	line-height: 99px;
	position: relative;
}
.nav li a:after{
	content: "";
	display: block;
	width: 0;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	transition: .5s;
}
.nav li:hover>a:after{
	width: 100%;
}
.two{
	width: 100%;
	background: #fff;
	position: fixed;
	top: 100px;
	left: 0;
	z-index: 100;
	box-shadow: 0px 2px 10px rgba(0,0,0,.1);
	display: none;
}
.twor{
	float: right;
	font-size: 0;
	margin: 35px 0px;
}
.twor img{
	height: 188px;
}
.twol{
	float: left;
	margin-top: 65px;
}
.twol .tit{
	font-size: 28px;
	color: var(--zColor);
}
.twol .text{
	overflow: hidden;
	margin-top: 40px;
}
.twol .text span{
	float: left;
	padding: 0px 30px;
	border-right: 1px #737373 solid;
	font-size: 18px;
	line-height: 1;
}
.twol .text span:first-child{
	padding-left: 0;
}
.twol .text span:last-child{
	border: none;
}
.twol .text a{
	color: #232323;
}
.twol .text a:hover{
	color: var(--zColor);
}
.hstwo{
	background: url(../images/ban_03.jpg) 100% 100%;
}
.hs2l{
	width: 50%;
	overflow: hidden;
	float: left;
}
.hs2l img{
	width: 100%;
	float: left;
}
.hs2r{
	width: 750px;
	float: left;
	box-sizing: border-box;
	padding: 3% 0 0 5%;
}
.title h2{
    font-size: 24px;
    color: #232323;
    line-height: 1;
}
.title p{
	font-size: 17px;
	color: #666666;
	text-transform: uppercase;
	line-height: 1;
	margin-top: 14px;
}
.title span{
	display: block;
	width: 30px;
	height: 2px;
	background: var(--zColor);
	margin: 14px 0px 0px 0px;
}
.hs2_more{
	width: 110px;
	line-height: 40px;
	background: var(--zColor);
	text-align: center;
	border-radius: 6px;
}
.hs2_more a{
	display: block;
	color: #fff;
}
.hs2b .title{
	float: left;
}
.hs2b .hs2_more{
	float: right;
	margin-top: 20px;
}
.hs2r_cont{
	color: #7b7b7b;
	line-height: 2;
	padding-right: 14%;
	margin-top: 25px;
}
.hs2r_cont p{
	text-indent: 2em;
	margin-top: 25px;
}

.hsthree{
    height: 950px;
    background-image: url(../images/index_38.jpg);
    background-position: center;
    overflow: hidden;
}
.hs3{
	margin-top: 80px;
}
.hs3_title{
	font-size: 28px;
	color: #232323;
	line-height: 1.8;
	font-weight: bold;
	letter-spacing: 2px;
	margin-top: 30px;
}
.hs3_text{
	width: 660px;
	color: #7b7b7b;
	line-height: 2;
	margin: 15px 0px 0px 0px;
}
.hs3box{
	width: calc(100% - (100% - 1500px)/2);
	float: right;
	margin-top: 95px;
}
.slideBox{ width:100%;height:360px;position:relative;z-index: 2000;}
.slideBox .bd{ position:relative;height:100%;overflow: hidden;height: 475px;}
.slideBox .prev{width:56px;height:56px;display:block;background: #bf71be url(../images/ban_10.png)center no-repeat;position:absolute;
	border-radius: 50%;left: -28px;top: 50%;transform: translateY(-50%);}
.slideBox .next{width:56px;height:56px;display:block;background: #bf71be url(../images/ban_13.png)center no-repeat;position:absolute;
	border-radius: 50%;left: 1392px;top: 50%;transform: translateY(-50%);}
.slideBox .bd li{
	width: 710px;
    height: 360px;
    float: left;
	list-style: none;
	position: relative;
}
.slideBox .bd li a{
	display: inline-block;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
    background: #fff;
    box-sizing: border-box;
    padding: 50px 60px;
    border-right: 1px #ebebeb solid;
    transition: all 0.3s ease 0s;
    overflow: hidden;
}
.slideBox .bd li a:before{
	content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/tu_07.png);
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.slideBox .bd li h2{
	font-size: 24px;
	color: #232323;
	line-height: 50px;
	position: relative;
	z-index: 10;
	transition: .3s;
}
.slideBox .bd li p{
	color: #4f4f4f;
	font-size: 15px;
	line-height: 1.8;
	position: relative;
	z-index: 10;
	margin-top: 10px;
}
.slideBox .bd li span{
	display: inline-block;
    color: #4f4f4f;
    background-image: url(../images/index_49.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 40px;
    line-height: 1;
    font-size: 15px;
    margin-top: 35px;
    position: relative;
    z-index: 10;
}
.slideBox .bd li a:hover{
	padding: 65px 60px;
	border-radius: 8px;
}
.slideBox .bd li a:hover:before{
	opacity: 1;
}
.slideBox .bd li a:hover h2{
	color: #fff;
	background-image: url(../images/ban_06.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 65px;
}
.slideBox .bd li a:hover p{
	color: #fff;
	opacity: .9;
}
.slideBox .bd li a:hover span{
	color: #fff;
	background-image: url(../images/index_23.png);
}

.hsfour{
	background: #f6f7f8;
	padding-top: 90px;
}
.hs4{
	height: 728px;
	background-image: url(../images/hs4_02.jpg);
	background-position: center;
}
.hs4l{
	width: 590px;
	float: left;
}
.hs4ul{
	padding: 0;
	margin-top: 40px;
}
.hs4ul li{
	list-style: none;
	box-sizing: border-box;
	padding: 22px 0px;
	transition: .3s;
}
.hs4ul li a{
	display: block;
}
.hs4ul li h3{
	font-size: 17px;
	color: #232323;
	font-weight: normal;
	transition: .3s;
}
.hs4ul li p{
	font-size: 14px;
	color: #7b7b7b;
	background-image: url(../images/index_44.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin: 10px 0px 0px 25px;
	opacity: 0;
	transition: .3s;
}
.hs4ul li i{
	display: block;
	width: 14px;
	height: 14px;
	border: 1px #932c91 solid;
	box-sizing: border-box;
	border-radius: 50%;
	float: left;
	margin: 5px 10px 0px 0px;
	position: relative;
}
.hs4ul li i:after{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background: var(--zColor);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
	transition: .3s;
}
.hs4ul li:hover{
	background: #f1f1f1;
	padding: 22px 30px;
}
.hs4ul li:hover i:after{
	opacity: 1;
}
.hs4ul li:hover h3{
	color: var(--zColor);
	font-weight: bold;
}
.hs4ul li:hover p{
	opacity: 1;
}
.hs4r{
	width: 780px;
	float: right;
	margin-top: 70px;
}
.hs4r>img{
	width: 490px;
	height: 330px;
}
.hs4r .tit{
	font-size: 20px;
	color: var(--zColor);
	font-weight: bold;
	line-height: 1;
	margin-top: 20px;
}
.hs4r .date{
	font-size: 14px;
	color: #7b7b7b;
	background-image: url(../images/index_44.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin: 15px 0px 10px;
}
.hs4r .text{
	color: #4f4f4f;
	font-size: 15px;
	line-height: 2;
}
.hs4r_more{
	display: inline-block;
	font-size: 15px;
	color: var(--zColor);
	background-image: url(../images/index_49.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 40px;
	margin-top: 20px;
}
.hsfive{
	height: 160px;
	background-image: url(../images/index_52.jpg);
	background-position: center;
}
.hs5cont{
	font-size: 28px;
	color: #fff;
	line-height: 160px;
}
.hs5l{
	font-size: 32px;
	color: #fff;
	line-height: 160px;
	float: left;
}
.hs5r{
	width: 148px;
	line-height: 52px;
	font-size: 17px;
	border: 1px #fff solid;
	border-radius: 8px;
	text-align: center;
	float: right;
	margin-top: 50px;
	transition: .5s;
}
.hs5r a{
	display: block;
	color: #fff;
}
.hs5r:hover{
	background: #fff;
}
.hs5r:hover a{
	color: var(--zColor);
}
.footer{
	background: #1b0f1b;
}
.fot2{
	height: 148px;
	border-bottom: 1px #2e2e2e solid;
}
.fot2>img{
	float: left;
	margin-top: 49px;
	height: 68px;
}
.fot2r{
	float: right;
	margin-top: 60px;
}
.fot2r a{
	color: #ffffff;
	margin-left: 40px;
}
.fot3{
	padding-top: 40px;
	border-bottom: 1px #2e2e2e solid;
	padding-bottom: 60px;
}
.fot3l{
	float: left;
	margin-right: 120px;
}
.fot3l h3{
	font-size: 17px;
	color: #fff;
	font-weight: normal;
}
.fot3l .text{
	font-size: 14px;
	color: #ffffff;
	opacity: .7;
	line-height: 2;
	margin-top: 10px;
}
.fot3l .gd{
	margin-top: 15px;
}
.fot3l .gd a{
    color: #fff;
    font-size: 14px;
    opacity: .8;
}
.fot3l .gd a:hover{
	opacity: 1;
}
.fot3r{
	float: right;
}
.fot3r h3{
	font-size: 17px;
	color: #fff;
	font-weight: normal;
}
.fot3r .wechat{
	width: 86px;
	height: 86px;
	border: 1px #fff solid;
	margin-top: 16px;
	position: relative;
}
.wechat>img{
	float: left;
	margin: 13px;
}
.fot3r .wechat .cont{
	position: absolute;
	top: -1px;
	right: -1px;
	overflow: hidden;
	opacity: 0;
	transition: .3s;
}
.fot3r .wechat .cont img{
	width: 106px;
	float: left;
}
.fot3r .wechat .cont:hover{
	opacity: 1;
}
.fot4{
	background: #140a14;
	line-height: 56px;
	font-size: 14px;
	color: #777777;
	margin-top: 45px;
}
.fot4l{
	float: left;
}
.fot4r{
    float: right;
}

@media screen and (max-width: 1600px){
	.container{width: 1300px;}
	.twol .tit{font-size: 24px;}
	.twol{margin-top: 50px;}
	.twol .text span{font-size: 16px;}
	.twor img{height: 150px;}
	.banner .text h2{font-size: 45px;}
	.banner .text h3{font-size: 36px;}
	.banner .text p{font-size: 15px;}
	.ban_more{width: 168px;height: 46px;}
	.ban_more span{line-height: 46px;}
	#page{width: 1300px;}
	.number_box{width: 650px;}
	.hs2r{width: 650px;}
	.hs2r_cont{font-size: 14px;}
	.title h2{font-size: 22px;}
	.title p{font-size: 15px;}
	.hs2_more{width: 90px;line-height: 35px;}
	.hs2_more a{font-size: 14px;}
	.hs3_title{font-size: 24px;}
	.hs3_text{font-size: 14px;}
	.hs3box{width: calc(100% - (100% - 1300px)/2);}

	.slideBox .bd li{width: 620px;height: 320px;}
	.slideBox .bd li a{padding: 40px 50px;}
	.slideBox .bd li a:hover{padding: 55px 50px;}
	.slideBox .bd li a:hover h2{background-size: 40px;padding-left: 55px;}
	.slideBox .bd li h2{font-size: 20px;line-height: 40px;}
	.slideBox .bd li p{font-size: 14px;margin-top: 12px;}
	.slideBox .bd li span{font-size: 14px;}
	.slideBox .prev{width: 46px;height: 46px;background-size: 10px;left: -23px;}
	.slideBox .next{width: 46px;height: 46px;background-size: 10px;left: 1217px;}
	.hsthree{height: 860px;background-position: center top;}

	.hs4l{width: 500px;}
	.hs4r{width: 700px;margin-top: 50px;}
	.hs4ul li{padding: 20px 0px;}
	.hs4ul li h3{font-size: 16px;}
	.hs4ul li i{width: 12px;height: 12px;}
	.hs4ul li i:after{width: 6px;height: 6px;}
	.hs4r .tit{font-size: 18px;}
	.hs4r .text{font-size: 14px;}
	.hs4r_more{font-size: 14px;}
	.hsfour{padding-top: 70px;}
	.hs4{height: 700px;}

	.hsfive{height: 120px;}
	.hs5cont{line-height: 120px;font-size: 24px;}
	.hs5l{font-size: 28px;line-height: 120px;}
	.hs5r{width: 130px;line-height: 44px;font-size: 16px;margin-top: 40px;}
	.fot2{height: 120px;}
	.fot2>img{height: 46px;margin-top: 37px;}
	.fot2r{margin-top: 50px;font-size: 15px;}
	.fot3l h3,.fot3r h3{font-size: 16px;}
	.fot3l .text{font-size: 13px;}
	.fot3l .gd a{font-size: 13px;}
	.fot4{font-size: 13px;}
}


.zybanner{
	height: 440px;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}
.zybanner .text{
	border-left: 4px #fff solid;
	margin-top: 220px;
	color: #fff;
	padding-left: 25px;
}
.zybanner .text h2{
	font-size: 36px;
	letter-spacing: 2px;
	line-height: 1;
}
.zybanner .text p{
	font-size: 18px;
	line-height: 1;
	margin-top: 15px;
}
.pos{
	height: 60px;
}
.pos a{
	color: #666666;
}
.pos p{
	float: right;
	margin-top: 30px;
	color: #666666;
}
.pos p img{
	float: left;
	margin: 1px 10px 0px 0px;
}
.abl{
	width: 63.5%;
	float: left;
}
.abtitle h2{
	font-size: 24px;
	color: var(--zColor);
	letter-spacing: 2px;
}
.abtitle span{
	font-size: 17px;
	color: #666666;
	font-weight: normal;
	margin-left: 10px;
}
.abtitle{
	border-bottom: 1px #eeeeee solid;
	padding-bottom: 20px;
}
.abcont{
	color: #232323;
	line-height: 2;
	margin-top: 30px;
}
.abr{
	width: 32%;
	float: right;
	margin-top: 30px;
}
.abr img{
	width: 100%;
	border-radius: 6px;
}
.abbox{
	padding-bottom: 100px;
	border-bottom: 1px #eeeeee solid;
}
.zytitle{
	border-bottom: 1px #eeeeee solid;
	padding-bottom: 22px;
}
.zytitle h2{
	font-size: 24px;
	color: #232323;
	line-height: 1;
}
.xwbox{
	padding-bottom: 70px;
}
.xwli{
    overflow: hidden;
    margin-top: 40px;
    transition: .5s;
}
.xwli .img{
	width: 490px;
	height: 330px;
	overflow: hidden;
	float: left;
}
.xwli .img img{
	width: 490px;
	height: 330px;
	transition: .5s;
}
.xwli .cont{
	width: 1010px;
	height: 330px;
	background: #f6f7f8;
	float: right;
	box-sizing: border-box;
	padding: 50px 60px 0px 35px;
	transition: .5s;
}
.xwli .cont h2{
	font-size: 22px;
	color: #232323;
	line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.label{
	overflow: hidden;
	margin: 22px 0px;
}
.label span{
	float: left;
	color: #999999;
	margin-right: 30px;
}
.label span img{
	float: left;
	margin: 2px 8px 0px 0px;
}
.xwli .text{
	color: #484848;
	line-height: 2;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient: vertical;
}
.xwli .gd{
	display: inline-block;
	color: var(--zColor);
	line-height: 1;
	background: url(../images/index_49.png)right center no-repeat;
	padding-right: 40px;
	margin-top: 50px;
}
.xwli:hover{
	box-shadow: 2px 1px 15px rgba(0,0,0,.15);
}
.xwli:hover .cont{
	background: #fff;
}
.xwli .img img:hover{
	transform: scale(1.05);
}
.xwli h2:hover{
	color: var(--zColor);
}
.detb{
	border-bottom: 1px #eeeeee solid;
	margin-top: 10px;
}
.detb h2{
	font-size: 24px;
	line-height: 1.5;
}
.detb .text{
	overflow: hidden;
}
.detb .label{
	float: left;
}
.detb a{
	float: right;
	font-size: 15px;
	color: #b9b9b9;
	margin-top: 20px;
}
.detb a img{
	float: left;
	margin: 3px 10px 0px 0px;
}
.detcont{
	color: #484848;
	line-height: 2;
	margin-top: 25px;
}
.container img{
    max-width: 100%;
}
.fany{
	height: 80px;
	background: #fafafa;
	margin-top: 40px;
	padding: 17px 30px;
	box-sizing: border-box;
}
.fany div{
	width: 50%;
	box-sizing: border-box;
	line-height: 46px;
	color: #7f8282;
}
.fyl{
	border-right: 1px #cecece solid;
	box-sizing: border-box;
	float: left;
	background: url(../images/cpdet_15.png)left center no-repeat;
	padding-left: 40px;
}
.fyr{
	float: right;
	padding-left: 130px;
	background: url(../images/cpdet_18.png)right center no-repeat;
	text-align: right;
	padding-right: 50px;
}
.fany a{
	color: #7f8282;
}
.fany a:hover{
	color: var(--zColor);
}
.xw_about{
	margin-top: 70px;
}
.xw_about h2{
	font-size: 24px;
	color: #2c2c2c;
}
.xw_about ul{
	padding: 0;
}
.xw_about ul li{
	height: 78px;
	line-height: 78px;
	border-bottom: 1px #f2f2f2 solid;
	font-size: 16px;
	list-style: none;
}
.xw_about ul li:last-child{
	border: none;
}
.xw_about ul li a{
	color: #707070;
}
.xw_about ul li a:before{
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	background: #6b6b6b;
	float: left;
	border-radius: 50%;
	margin: 36px 15px 0px 5px;
}
.xw_about ul{
	margin-top: 20px;
}
.xw_about ul li span{
	float: right;
	font-size: 15px;
	margin-right: 40px;
}
.xw_about ul li a:hover{
	color: var(--zColor);
}
.xw_about ul li a:hover:before{
	background: var(--zColor);
}
.celan{
	width: 80px;
	position: fixed;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
	z-index: 3000;
}
.celan .list{
	width: 80px;
	height: 80px;
	background: var(--zColor);
	border-radius: 5px;
	margin-top: 3px;
	text-align: center;
	cursor: pointer;
    position: relative;
}
.celan .list p{
	font-size: 14px;
	line-height: 1;
	color: #fff;
	margin-top: 3px;
}
.celan .list img{
    margin-top: 8px;
}

.celan .list:hover .down{
    visibility: visible;
    opacity: 1;
}

.celan .down{
    position: absolute;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    right: 120%;
    top:0;
    padding: 26px 20px;
    border-radius:10px ;
    width: 200px;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
}
.celan .down .flex{
    display:flex;
    gap: 20px;
}
.celan .down .flex .img{
    width: 44px;
    height:auto;
    aspect-ratio: 1/1;
    border-radius: 100%;
    background: #F1F1F3;
    display:flex;
    justify-content: center;
    align-items: center;
}
.celan .down .flex .img img{
    margin: 0;
    width: 54%;
}
.celan .down .flex .txt{
    flex:1;
    text-align:left ;
}
.celan .down .flex .txt h1{
    font-size: 16px;
}
.celan .down p{
    color: #333;
    margin-top: 8px;
    font-size: 15px;
}
.celan .down .ewm{
    text-align: center;
    width:100%;
}
.celan .down .ewm img{
    width: 140px;
}

.pabox{
    background: #f8f8f8;
    margin-top: 25px;
}
.pa2{
	border-bottom: 1px #e5e5e5 solid;
	padding: 20px 0px;
}
.pa2 ul{
	display: block;
	padding: 0;
}
.pa2 ul li{
	list-style: none;
	float: left;
}
.pa2 ul li a{
	display: block;
	color: #4f4f4f;
	font-size: 18px;
	position: relative;
	padding: 15px 30px;
}
.pa2 ul li a:after{
	content: "";
	display: block;
	width: 2px;
	height: 24px;
	background: #d3d3d3;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.pa2 ul li:last-child a:after{
    display: none;
}
.pa2 ul li .cur{
	color: var(--zColor);
	font-weight: bold;
}
.pa2 ul li a:hover{
	color: var(--zColor);
}
.pacont{
    background: #f8f8f8;
    color: #4f4f4f;
    line-height: 2;
    box-sizing: border-box;
    padding: 40px 55px;
}
.lxb{
	border-bottom: 1px #eeeeee solid;
}
.lxb h3{
	font-size: 24px;
	color: #232323;
	line-height: 1;
}
.lxb p{
	color: #484848;
	font-size: 15px;
	margin: 15px 0px 18px;
}
.lxbox{
	padding: 15px 0px 80px;
}
.lx2l{
	width: 52%;
	float: left;
	margin-top: 80px;
}
.lx2l .item{
	float: left;
}
.lx2l .item h3,.form-tit{
    font-size: 18px;
    color: #232323;
    line-height: 1;
}
.lx2l .item h3:after,.form-tit::after{
	content: "";
	display: block;
	width: 24px;
	height: 2px;
	background: var(--zColor);
	margin: 18px 0px 15px;
}
.lx2l .item .text{
	font-size: 14px;
	color: #3d3d3d;
	line-height: 1.8;
}
.lx2bot{
	margin-top: 80px;
}
.ewm_right{
	width: 350px;
	float: right;
	margin-top: -20px;
}
.lx2bot .ewm{
	width: 120px;
	float: left;
}
.ewm_right .ewm img{
	width: 120px;
	height: 120px;
	border: 1px var(--zColor) solid;
}
.lx2bot .ewm p{
	font-size: 14px;
	color: #3d3d3d;
	text-align: center;
	margin-top: 3px;
}
.lx2r{
	width: 47%;
	float: right;
	margin-top: 50px;
}
#t_one{
	width: 260px;
}
#t_two{
	width: 350px;
	float: right;
}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}


.pagination-block{
    display:flex;
    justify-content: center;
    margin-top:60px;
    clear: both;
    height: 50px;
}
.pagination{
    display: flex;
    height: 100%;
}
.pagination li{
    list-style: none;
}
.pagination span,.pagination a{
    border:1px solid #cccccc;
	margin-left:5px;padding:6px 11px;
	background-color:#ffffff;
	text-decoration:none;
	color:#333333;
	font-size:14px;  
}
.pagination li.active span{
    background: var(--zColor);
    color: #fff;
    border: 1px solid var(--zColor);
}




@media screen and (max-width: 1600px){
	.pos p{font-size: 14px;}
	.pos p img{margin: -1px 10px 0px 0px;}
	.abtitle h2{font-size: 22px;}
	.abtitle span{font-size: 16px;}
	.abcont{font-size: 14px;}
    
    .xwli{margin-top: 35px;}
    .xwli .img,.xwli .img img{width: 415px;height: 280px;}
    .xwli .cont{padding: 40px 50px 0px 35px;width: 885px;height: 280px;}
	.xwli .cont h2{font-size: 20px;}
	.label{font-size: 14px;margin: 20px 0px;}
	.label span img{width: 16px;}
	.xwli .text{font-size: 14px;}
	.xwli .gd{font-size: 14px;margin-top: 40px;}

	.detb h2{font-size: 22px;}
	.detb a{font-size: 14px;}
	.detb a img{margin-top: 1px;}
	.detcont{font-size: 14px;}
	.fany{font-size: 15px;}
	.fyr{padding-left: 80px;}
	.xw_about h2{font-size: 22px;}
	.xw_about ul li{font-size: 15px;height: 68px;line-height: 68px;}
	.xw_about ul li a:before{width: 6px;height: 6px;margin: 31px 15px 0px 5px;}
    
    .pa2{padding: 15px 0px;}
	.pa2 ul li a{font-size: 17px;padding: 13px 22px;}
	.pacont{padding: 30px 40px;font-size: 14px;}

    .lxb h3{font-size: 22px;}
    .lxb p{font-size: 14px;}
    #t_two,.ewm_right{width: 300px;}
}

.ep1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}