body {

	padding-top: 0px;

}



.tab-cell {

	display: table-cell;

	vertical-align: middle;

}



.wrap {

	width: 100%;

	max-width: 1200px;

	margin: 0 auto;

}



.top {

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	background: rgba(0, 0, 0, 0.33);

	z-index: 10;

	padding: 0 2%;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

	transition: all 0.5s ease

}



.top .logo a {

	display: block;

	height: 75px;

	width: 120px;

	background: no-repeat left center;

}



.top .logo a.a1 {

	background-image: url(../images/logo1.png);

}



.top .logo a.a2 {

	background-image: url(../images/logo2.png);

}



.top .logo a.none {

	display: none;

}



.T-nav {

	margin-left: 4%;

}



.T-nav>li {

	float: left;

	position: relative;

}



.T-nav>li>a {

	display: block;

	padding: 0 35px;

	color: #fff;

	line-height: 75px;

	height: 75px;

	font-size: 16px;

	text-align: center;

	transition: all 0.5s ease;

	position: relative;

}



.T-nav>li .gdlt {

	position: absolute;

	width: 100%;

	left: 0%;

	top: 75px;

	text-align: center;

	background: rgba(0, 0, 0, 0.3);

}



.T-nav>li .gdlt a {

	display: block;

	color: #fff;

	line-height: 20px;

	padding: 10px 0;

	transition: all 0.5s ease;

}



.search-T {

	margin-top: 20px;

}



.search-T span {

	width: 35px;

	height: 35px;

	cursor: pointer;

	display: block;

	background: url(../images/fd03.png) no-repeat center center;

}



.search-T p {

	position: absolute;

	display: none;

	right: 0;

	top: 35px;

	background: #fff;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

	width: 200px;

	height: 35px;

	z-index: 5;

}



.search-T p .c1 {

	width: 165px;

	border: none;

	background: none;

	padding: 0 5px;

	float: left;

	height: 35px;

}



.search-T p .c2 {

	float: left;

	width: 35px;

	height: 35px;

	background: url(../images/fd01.png) no-repeat center center;

	border: none;

	cursor: pointer;

}



.ind-main {

	background: #fff;

	padding: 4% 0;

}



.ind-title {

	font-size: 24px;

	font-weight: bold;

	color: #333;

	padding-bottom: 12px;

}



.ind-title2 {

	font-size: 28px;

}



.ind-title::before {

	content: '';

	bottom: 0;

	position: absolute;

	left: 50%;

	width: 50px;

	margin-left: -25px;

	height: 3px;

	background: #00b5d3;

}



.ind-cont {

	line-height: 1.8;

	font-size: 16px;

	max-width: 1100px;

	margin: 5% auto;

}













.ind-news {

	background: #f0f3f3;

	padding: 4% 0;

}



.news-cont {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	background: #fff url(../testimg/t6.jpg) no-repeat right bottom;

	margin-top: 4%;

	padding-right: 22%;

}



.news-cont li {

	width: 50%;

	border-bottom: 1px solid #eee;

	border-right: 1px solid #eee;

}



.news-cont li:nth-child(2n) {

	border-right: none;

}



.news-cont li a {

	display: block;

	padding: 8% 12%;

	color: #333;

	transition: all 0.5s ease;

}



.news-cont li a .prlc {

	color: #00b5d3;

	font-size: 20px;

}



.news-cont li a .prlc span {

	color: #333;

}



.news-cont li a .tit {

	font-size: 18px;

	margin-top: 12px;

	line-height: 1.4;

	font-weight: bold;

	transition: all 0.5s ease;

}



.news-cont li a .con {

	line-height: 1.6;

	font-size: 16px;

	margin: 20px 0 10px;

}



.foot {

	background: #22252a;

	color: #bbb;

}



.foot-cont {

	padding: 5%;

}



.foot-cont .cont {

	width: 260px;

}



.foot-cont .cont .tit {

	font-size: 15px;

}



.foot-cont .cont .list {

	margin-top: 15px;

	padding: 2px 0 2px 25px;

	background: no-repeat left 2px;

}



.bot-cont {

	border-top: 1px solid #464749;

	padding: 20px 0;

	color: #797979;

}



.bot-cont a {

	color: #797979;

}



.bot-cont .title span {

	display: inline-block;

	margin-right: 15px;

}



.fx-link .list {

	margin-left: 30px;

	position: relative;

}



.fx-link .list .od {

	position: absolute;

	display: none;

	bottom: 40px;

	left: 50%;

	transform: translateX(-50%);

	background: #fff;

	padding: 10px;

	width: 140px;

}





.ny-banner .cont {

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	color: #fff;

	width: 100%;

}



.ny-banner .cont .d1 {

	font-size: 48px;

}



.ny-banner .cont .d1 img {

	max-height: 80px;

}



.ny-banner .cont .d2 {

	color: #333;

	font-size: 18px;

	line-height: 1.8;

	margin-top: 20px;

	max-width: 380px;

}



.ny-cont {

	padding: 4% 0;

	position: relative;

}



.ny-cont .wrap {

	position: relative;

	z-index: 2;

}



.ny-cont:nth-child(2n) {

	background: #f7f7f7;

}



.ny-tit-sc {

	margin-top: 3%;

	font-size: 16px;

}



.ny-tit-sc span {

	color: #00b5d3;

}



.abs-img {

	position: absolute;

	right: 0;

	top: 4%;

	width: 30%

}



.odl-list {

	display: flex;

	flex-wrap: wrap;

}



.odl-list li {

	width: 32%;

	margin-right: 2%;

	margin-top: 5%;

}



.odl-list li:nth-child(3n) {

	margin-right: 0;

}



.odl-list li .img {

	line-height: 60px;

	text-align: center;

}



.odl-list li .img img {

	max-height: 60px;

}



.odl-list li .eng {

	font-size: 18px;

	color: #12aac6;

	text-align: center;

	margin: 30px 0;

}



.odl-list li .tit {

	font-weight: bold;

	font-size: 18px;

	color: #12aac6;

}



.odl-list li .con {

	line-height: 1.8;

	color: #666;

	margin-top: 15px;

}



.odl-list li .lbm {

	padding: 0 5%;

}



.odl-list li .lbm p {

	float: left;

	width: 45%;

	line-height: 30px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	padding-left: 12px;

	position: relative;

}



.odl-list li .lbm p:nth-child(2n) {

	float: right;

}



.odl-list li .lbm p:before {

	content: '';

	position: absolute;

	left: 0;

	top: 15px;

	width: 3px;

	height: 3px;

	background: #666;

	border-radius: 2px;

}



.pac-list {

	display: flex;

	flex-wrap: wrap;

}



.pac-list li {

	width: 25%;

	margin-right: 0%;

	margin-top: 5%;

	padding: 2% 3%;

	transition: all 0.5s ease;

}



.pac-list li:nth-child(4n) {

	margin-right: 0;

}



.pac-list li .img {

	line-height: 75px;

}



.pac-list li .img img {

	max-height: 75px;

}



.pac-list li .eng {

	margin: 30px 0 12px;

	color: #00b5d3;

	font-size: 18px;

	line-height: 25px;

	height: 50px;

	overflow: hidden;

}



.pac-list li .act p {

	margin-top: 15px;

	color: #444;

}



.pac-list li .act span.ss {

	display: block;

	color: #000;

	font-size: 16px;

}



.dl-title {

	margin-top: 4%;

	font-size: 15px;

}



.dl-title span {

	color: #00b5d3;

}



.mcunce {

	margin-top: 4%;

	padding: 12px;

	border: 1px dashed #20bdd7;

}



.fenc-object {

	display: flex;

	justify-content: space-between;

	margin-top: 5%;

}



.fenc-object .list {

	width: 160px;

}



.fenc-object .list .d1 {

	color: #00b5cd;

	font-size: 16px;

}



.fenc-object .list .d2 {

	padding-top: 10px;

}



.fenc-object .list .d2 .ps {

	position: relative;

	margin-top: 15px;

	padding-left: 12px;

	color: #666;

}



.fenc-object .list .d2 .ps:before {

	content: '';

	position: absolute;

	left: 0;

	top: 8px;

	width: 3px;

	height: 3px;

	background: #666;

	border-radius: 2px;

}



.ny-nav {

	padding: 3% 0;

}



.ny-nav span {

	display: none;

}



.ny-nav p a {

	display: inline-block;

	margin: 0 20px;

	font-size: 20px;

}



.ny-nav p a i {

	color: #00B5CD;

}



.ny-nav p a.cur {

	color: #00B5CD;

}



.ny-main {

	padding: 4% 0;

}



.ny-main:nth-child(2n+1) {

	background: #f7f7f7;

}



.tolnea {

	margin-top: 5%;

	position: relative;

	padding-top: 60px;

}



.tolnea .d1 {

	font-size: 24px;

	padding-right: 400px;

}



.tolnea .d2 {

	color: #00B5CD;

	font-weight: bold;

	font-size: 22px;

	margin-top: 80px;

	padding-right: 400px;

}



.tolnea .img {

	max-height: 170px;

	position: absolute;

	right: 0;

	top: 0;

}



.me-con {

	color: #666;

	line-height: 1.5;

	font-size: 18px;

	margin-top: 40px;

}



.lecnt-flex {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	width: 100%;

}



.lecnt-flex li {

	margin-top: 5%;

	width: 16%;

	text-align: center;

}



.lecnt-flex li .title {

	text-align: center;

}



.lecnt-flex li .title span {

	display: inline-flex;

	align-items: center;

	text-align: center;

	width: 118px;

	height: 130px;

	background: url(../images/bg.png) no-repeat center center;

}



.lecnt-flex li .title span .ct {

	width: 100%;

	color: #12aac6;

	font-size: 22px;

	font-weight: bold;

}



.lecnt-flex li .cont {

	color: #666;

	font-size: 16px;

	margin-top: 15px;

}



.ouenma {

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

}



.ouenma li {

	width: 165px;

	margin: 5% 30px 0;

	text-align: center;

}



.ouenma li .img span {

	display: inline-block;

	width: 118px;

	height: 118px;

	background: url(../images/dg.png) no-repeat center center;

	line-height: 118px;

}



.ouenma li .img span img {

	max-height: 70px;

	max-width: 70%;

}



.ouenma li .tit {

	font-size: 16px;

	margin-top: 15px;

	color: #666;

}



.midlma {

	max-width: 872px;

	margin: 5% auto 0;

}



.clc-more {

	font-size: 20px;

}



.clc-more span {

	color: #00B5CD;

}



.news-main {

	padding: 5% 0;

	background: #fff;

}



.news-list {

	display: flex;

	flex-wrap: wrap;

}



.news-list li {

	width: 30%;

	margin-right: 5%;

	margin-bottom: 5%;

}



.news-list li:nth-child(3n) {

	margin-right: 0%;

}



.news-list li a {

	display: block;

	border: 1px solid #ddd;

	color: #333;

	transition: all 0.5s ease;

}



.news-list li a .pic {

	overflow: hidden;

}



.news-list li a .pic img {

	display: block;

	width: 100%;

	height: 200px;

	object-fit: cover;

	transition: all 0.5s ease;

}



.news-list li a .con {

	padding: 20px;

}



.news-list li a .con .d1 {

	color: #00B5CD;

	font-size: 18px;

	line-height: 30px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.news-list li a .con .d3 {

	line-height: 22px;

	height: 66px;

	overflow: hidden;

	margin-top: 5px;

	;

}



.page-ol {

	font-size: 0;

}



.page-ol a {

	display: inline-block;

	vertical-align: middle;

	width: 45px;

	height: 45px;

	line-height: 45px;

	background: #f7f7f7;

	font-size: 16px;

}



.page-ol .first {

	margin-right: 5px;

}



.page-ol .last {

	margin-left: 5px;

}



.page-ol .c1 {

	width: 45px;

	height: 45px;

	border: 1px solid #ddd;

	text-align: center;

	margin: 0 5px;

}



.page-ol .c2 {

	border: none;

	cursor: pointer;

	background: #f7f7f7;

	width: 45px;

	height: 45px;

}





.news-mind {

	width: calc(100% - 340px);

}



.news-mind .d1 {

	font-size: 26px;

	font-weight: bold;

}



.news-mind .d2 {

	line-height: 1.8;

	font-size: 18px;

	padding-bottom: 10px;

	border-bottom: 1px solid #ddd;

	margin-top: 30px;

}



.news-mind .d2 span {

	margin-left: 15px;

	font-size: 14px;

}



.news-mind .d3 {

	margin-top: 30px;

	line-height: 1.8;

	font-size: 16px;

}



.fyouta {

	margin-top: 40px;

	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

	padding: 20px;

	line-height: 35px;

	display: flex;

	justify-content: space-between;

}



.news-sild {

	width: 260px;

}



.news-sild h5 {

	border-bottom: 1px solid #ddd;

	font-size: 22px;

	padding-bottom: 12px;

}



.news-sild li {

	margin-top: 25px;

	font-size: 18px;

}



.obneac {

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

}



.obneac li {

	width: 45%;

	text-align: center;

	margin-top: 5%;

}



.obneac li .tit {

	font-size: 18px;

	margin: 20px 0 10px;

}



.obneac li .tit span {

	color: #00B5CD;

}



.obneac li .con {

	color: #464646;

	font-size: 15px;

	line-height: 1.8;

}



.lb-rme li {

	margin-top: 4%;

}



.lb-rme li .pec {

	width: 230px;

	display: flex;

	align-items: flex-end;

}



.lb-rme li .pec img {

	width: 112px;

	height: 112px;

	object-fit: cover;

}



.lb-rme li .name {

	width: 108px;

	margin-left: 10px;

}



.lb-rme li .name .d1 {

	font-size: 18px;

	font-weight: bold;

	padding-bottom: 10px;

	border-bottom: 2px solid #ddd;

	position: relative;

}



.lb-rme li .name .d1:after {

	content: '';

	position: absolute;

	left: 0;

	bottom: -2px;

	width: 50%;

	height: 2px;

	background: #00B5CD;

}



.lb-rme li .name .d2 {

	margin-top: 10px;

	font-size: 16px;

}



.lb-rme li .con {

	width: 920px;

}



.lb-rme li .con .d1 {

	font-size: 18px;

	font-weight: bold;

	color: #00B5CD;

	line-height: 30px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.lb-rme li .con .d2 {

	margin-top: 10px;

	line-height: 25px;

	height: 75px;

	overflow: hidden;

	font-size: 16px;

}



.unc-scroll {

	position: relative;

}



.unc-scroll::before {

	content: '';

	height: 6px;

	width: 100%;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -3px;

	background: #c3c3c3;

}



.lbonme {

	overflow: auto;

	margin-top: 2%;

	white-space: nowrap;

	padding: 20px 0;

	position: relative;

	z-index: 2;

}



.lbonme::-webkit-scrollbar,

.lbonme li .con::-webkit-scrollbar {

	width: 7px;

	height: 12px;

	background-color: #F5F5F5;

}



/*定义滚动条轨道 内阴影+圆角*/  .lbonme::-webkit-scrollbar-track,

.lbonme li .con::-webkit-scrollbar-track {

	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

	border-radius: 10px;

	background-color: #F5F5F5;

}



/*定义滑块 内阴影+圆角*/  .lbonme::-webkit-scrollbar-thumb,

.lbonme li .con::-webkit-scrollbar-thumb {

	border-radius: 10px;

	box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);

	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);

	background-color: #c8c8c8;
 }



.lbonme li {

	width: 255px;

	display: inline-block;

	position: relative;

	height: 646px;

	white-space: normal;

}



.lbonme li:nth-child(n+2) {

	margin-left: -100px;

}



.lbonme li .year {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	width: 60px;

	height: 60px;

	background: #f1f9fc;

	border: 3px solid #1aaac6;

	border-radius: 50%;

	line-height: 54px;

	color: #1aaac6;

	font-weight: bold;

	font-size: 20px;

	text-align: center;

}



.lbonme li .year:before {

	content: '';

	width: 21px;

	height: 19px;

	position: absolute;

	left: 50%;

	margin-left: -10px;

	top: -30px;

	background: url(../images/x1.png);

}



.lbonme li:nth-child(2n) .year:before {

	top: auto;

	bottom: -30px;

	background: url(../images/x2.png);

}



.lbonme li .con {

	position: absolute;

	z-index: 2;

	max-height: 250px;

	overflow: hidden;

	left: 0;

	bottom: 390px;

}



.lbonme li:nth-child(2n) .con {

	bottom: auto;

	top: 390px;

}



.lbonme li .con .list {

	margin-bottom: 10px;

	position: relative;

	line-height: 22px;

}



.contact-us {

	padding-bottom: 4%;

}



.jonme {

	line-height: 80px;

	font-size: 18px;

	background: #f7f7f7;

}



.jonme span {

	float: left;

	width: 20%;

}



.job-list {

	margin-bottom: 4%;

}



.job-list li {

	border-bottom: 2px solid #f7f7f7;

}



.job-list li a {

	display: flex;

	padding: 15px 0;

	line-height: 35px;

}



.job-list li a span {

	width: 20%;

	font-size: 16px;

}



.job-title {

	padding: 25px 0;

	font-size: 22px;

	font-weight: bold;

}



.pebunc {

	background: #f7f7f7;

	padding: 15px 0;

	font-size: 15px;

	line-height: 30px;

}



.pebunc span {

	display: inline-block;

	width: 240px;

}



.job-main {

	font-size: 16px;

	line-height: 2;

	padding-top: 2%;

}





.float-sild {

	position: fixed;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	z-index: 5;

	width: 55px;

}



.float-sild .list {

	margin-top: 2px;

}



.float-sild .list span,

.float-sild .list a {

	display: block;

	height: 55px;

	background: #d9d7d7 no-repeat center center;

	background-size: auto 35px;

	transition: all 0.5s ease;

}



.float-sild .list .s1 {

	background-image: url(../images/fs01.png);

}



.float-sild .list .s2 {

	background-image: url(../images/fs02.png);

}



.float-sild .list .s3 {

	background-image: url(../images/fs03.png);

	cursor: pointer;

}



.float-sild .list .ewm {

	width: 150px;

	position: absolute;

	right: 55px;

	top: 0;

}



.float-sild .list .ltcc {

	position: absolute;

	right: 55px;

	top: 0;

	font-weight: bold;

	height: 55px;

	line-height: 55px;

	text-align: center;

	width: 200px;

	color: #333;

	font-size: 16px;

	background: #3bc6dd;

}





.lonucb {

	background: rgba(0, 0, 0, 0.5);

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 15;

}



.lonucb .cont {

	width: 930px;

	height: 480px;

	background: #fff;

	padding: 40px 80px;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

}



.lonucb .cont .title {

	font-size: 24px;

}



.solt-con {

	margin-top: 20px;

}



.unca-meng li {

	width: 45%;

	float: left;

	margin-top: 15px;

}



.unca-meng li:nth-child(2n) {

	float: right;

}



.unca-meng li .d1 span {

	color: #f00;

}



.unca-meng li .d2 {

	margin-top: 8px;

}



.unca-meng li .d2 input {

	width: 100%;

	height: 35px;

	padding: 0 10px;

	border: 1px solid #ddd;

	border-radius: 3px;

}



.unca-meng li .d2 textarea {

	width: 100%;

	height: 80px;

	padding: 10px;

	border: 1px solid #ddd;

	border-radius: 3px;

}



.lynefa input {

	height: 35px;

	width: 140px;

	margin: 0 10px;

	color: #fff;

	background: #ff9900;

	border-radius: 3px;

	border: none;

	cursor: pointer;

}



.lynefa input.det {

	background: #bbb;

}



.odmbuta {

	display: flex;

	flex-wrap: wrap;

}



.odmbuta .item {

	width: 50%;

	text-align: center;

	margin-top: 5%;

}



.odmbuta .item h5 {

	font-weight: normal;

	font-size: 22px;

	color: #00b5cd;

}



.odmbuta .item h5 span {

	color: #333;

}



.odmbuta .item .btc {

	margin-top: 40px;

	font-size: 20px;

	line-height: 2;

}



@media (max-width: 1200px) {

	.float-sild {

		width: 40px;

	}



	.float-sild .list span {

		height: 40px;

		background-size: auto 60%;

	}



	.float-sild .list .ltcc {

		right: 40px;

		display: none;

	}

}















































/* 2022-07-12 */

.xz-nav {

	background: #fff;

	text-align: center;

	padding:3% 4%;

	font-size: 36px;

}



.xz-nav a {

	color: #12aac6;

	margin: 0 4%;

}



.xz-nav a span {

	color: #333;

}



.xz-nav a.cur span {

	color: #12aac6;

}



.xz-nav2 {

	background: #000;

}



.xz-nav2 a span {

	color: #fff;

}







.loneca {

	background: #000;

	color: #fff;

}



.loneca .d1 {

	font-size: 46px;

}



.loneca .d2 {

	font-size: 30px;

	margin-top: 1%;

}



.loneca .imgt {

	position: absolute;

	top: 0;

	left: 3%;

	height: 100%;

	padding: 1.5% 0;

}



.admlca img {

	display: block;

	width: 100%;

}



.lmtebe {

	background: #000;

	padding: 2.5% 0;

	color: #fff;

}



.calofe .d1 {

	font-size: 42px;

}



.calofe .d2 {

	font-size: 24px;

	margin-top: 1%;

}



.lofmea {

	padding: 0 4%;
	margin-top:2.5%;

}



.lofmea li {

	

}



.lofmea li .pic {

	width: 50%;

}



.lofmea li .pic img {

	width: 100%;
	display:block;

	height: 26vw;

	object-fit: cover;

}



.lofmea li .con {

	width: 50%;
	
	padding:0 3%;

	height: 26vw;

	display: table;

	line-height: 1.6;

}



.lofmea li:nth-child(2n) .pic {

	float: left;

}



.lofmea li:nth-child(2n) .con {

	float: right;

}



.lofmea li .con .d1 {

	font-size: 36px;

}



.lofmea li .con .d2 {

	font-size: 20px;

}



.lofmea02 {

	padding: 0;

}



.lofmea02 li {

	margin: 0;

}



.lofmea02 li .pic {

	width: 50%;

}



.lofmea02 li .pic img {

	object-fit: none;

	height: auto;

}



.lofmea02 li .con {

	width: 50%;

	padding: 0 4%;

}

.calofe{

	margin-top: 2%;

}





.lachont {

	height: 831px;

	background: url(../testimg/xz08.jpg) no-repeat left center;

	color: #fff;

	padding-right: 4%;

}



.lachont .con {

	width: 45%;

	height: 831px;

	display: table;

}



.lachont .con .title {

	font-size: 26px;

	line-height: 1.6;

}



.flex-conta {

	margin-top: 50px;

	display: -webkit-flex;

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.flex-conta .pic {}



.flex-conta .pic .tit {

	font-size: 20px;

	margin-top: 20px;

	text-align: center;

}



.pantm {

	font-size: 26px;

	max-width: calc(100% - 370px);

}



.pantm .d2 {

	margin-top: 20px;

}



.pantm .d2 span {

	font-size: 30px;

}



.loecap {

	font-size: 42px;

	padding:1.5% 0;



}

.loecap .d1{

	font-weight: bold;

}



.pmteba {

	background: #000;

	padding: 2% 4%;

}



.funema {

	display: -webkit-flex;

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

}



.funema li {

	width: 28%;

	text-align: center;

	padding: 8px 0;

}



.funema li a {

	color: #fff;

	font-size: 28px;

}



.funema li a img {

	margin-right: 12px;
	width:70px;

}



.loecap .d2 {

	font-size: 24px;

	margin-top: 15px;

}



.boreauc {

	background: #fff;

	padding: 4%;

}



.vodont video {

	position: absolute;

	display: block;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

	z-index: 2;

}



.btn-an {

	position: absolute;

	right: 10px;

	bottom: 10px;

	width: 50px;

	height: 50px;

	background: url(../images/vod01.png) no-repeat center center;

	background-size: 25px 22px;

	z-index: 4;

	cursor: pointer;

}

.btn-an.on{

	background-image: url(../images/vod02.png);

}

.playON{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 3;

}

.playON a{

	display: block;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	width: 54px;

	height: 54px;

	background: url(../images/bf.png) no-repeat center center;

	background-size: 100%;

	display: none;

	opacity: 0.7;

	transition: all 0.5s;

}

.playON a:hover{

	opacity: 1;

	transition: all 0.5s;

}







@media (max-width: 1600px) {

	.xz-nav {

		font-size: 24px;

	}



	.loneca .d1,

	.calofe .d1,

	.loecap {

		font-size: 32px;

	}



	.loneca .d2,

	.calofe .d2 {

		font-size: 20px;

	}



	.lofmea li .con .d1 {

		font-size: 28px;

	}



	.lofmea li .con .d2 {

		font-size: 18px;

	}



	.lachont .con .title,

	.pantm .d2 span,

	.funema li a {

		font-size: 24px;

	}



	.pantm {

		font-size: 20px;

	}



}



@media (max-width: 1200px) {

	.vodont,.playON {

		display: none;

	}

	.btn-an {

		width: 40px;

		height: 40px;

		display: none;

	}

	.lachont {

		height: auto;

		padding: 10% 4%;

		background-size: auto 100%;

	}



	.lachont .con .title {

		display: none;

	}



	.lachont .con {

		height: auto;

		width: 50%;

	}



	.flex-conta {

		margin: 0;

		flex-wrap: wrap;

	}



	.flex-conta .pic {

		width: 100%;

	}



	.pantm {

		width: 100%;

		max-width: 100%;

		margin-top: 40px;

	}



	.loecap .d2 {

		font-size: 15px;

		margin-top: 10px;

	}

}



@media (max-width: 768px) {

	.xz-nav {

		font-size: 16px;

		padding: 25px 0;

	}



	.xz-nav a {

		margin: 0 2%;

	}



	.loneca {

		

	}



	.loneca .d1 {

		font-size: 20px;

	}



	.loneca .d2 {

		font-size: 14px;



	}



	.lmtebe {

		padding: 8% 0;

	}



	.calofe .d1,

	.loecap {

		font-size: 20px;

	}



	.calofe .d2 {

		font-size: 14px;

	}



	.lofmea li {

		margin-top: 8%;

	}



	.lofmea li .pic {

		width: 100%;

		padding: 0 6%;

	}



	.lofmea li .pic img {

		height: auto;

	}



	.lofmea li .con {

		width: 100%;

		margin-top: 15px;

		text-align: center;

		height: auto;

	}



	.lofmea li .con .d1 {

		font-size: 18px;

	}



	.lofmea li .con .d2 {

		font-size: 14px;

	}



	.lachont {

		padding: 4%;

	}



	.flex-conta .pic img {

		width: 90px;

	}



	.flex-conta .pic .tit {

		font-size: 14px;

		margin-top: 10px;

	}



	.pantm {

		margin-top: 10px;

		font-size: 16px;

	}



	.pantm .d2 {

		margin-top: 10px;

	}



	.pantm .d2 span {

		font-size: 16px;

	}



	.funema li a {

		font-size: 16px;



	}



	.funema li a img {

		display: block;

		margin: 0 auto;

		width: 50px;

		margin-bottom: 10px;

	}



	.lofmea li .pic img {

		object-fit: scale-down;

	}



	.lofmea02 li .pic {

		padding: 0;

	}

	.loneca .pcimg{

		display: none;

	}

	.loneca .mobimg{

		display: block;

	}

}