@charset "UTF-8";
.lm-bg{ padding-bottom: 80px; background-repeat: no-repeat; background-position: center bottom; background-size: cover;}
.lm-bg01{ background-image: url(../images/y-E-lm01-bg.png); background-color: #fbfbfa;}
.lm-bg02{ background-image: url(../images/y-E-lm02-bg.png); background-color: #f6f9ff;}
.lm-bg03{ background-image: url(../images/y-E-lm03-bg.png); background-color: #fcfaf6;}

.lm-bg .lm-tit{ padding: 65px 0 60px 0;}
.lm-bg .lm-tit .titimg{ height: 42px; display: block;}
.lm-bg .lm-tit .more{ height: 42px; border-radius: 21px; display: block;}
.lm-bg .lm-tit .more01{ border: 1px solid #fcb42a;}
.lm-bg .lm-tit .more02{ border: 1px solid #7a60ec;}
.lm-bg .lm-tit .more:hover{ background-color: #fff;}

.tplb{ width: 821px; height: 519px;}
.tplb a{ height: 100%; display: block; position: relative;}
.tplb a img{ height: 100%; border-radius: 10px;}
.tplb a .span-box{ width: 100%; padding: 30px 30px 20px 30px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: url(../images/y-E-tplb-bg.png) repeat-x top center; position: absolute; left: 0; bottom: 0; right: 0;}
.tplb a .span-box span{ color: #fff; display: block;}
.tplb a .span-box .date{ font-size: 18px;}
.tplb a .span-box .tit{ margin-top: 11px; font-size: 22px; line-height: 35px; text-align: justify; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.tplb .swiper-pagination{ height: 11px; padding-right: 22px; text-align: right; bottom:35px;}
.tplb .swiper-pagination .swiper-pagination-bullet { width: 11px; height: 11px; margin: 0 4px; background-color: #fff; border-radius: 6.5px; opacity: 1;}
.tplb .swiper-pagination .swiper-pagination-bullet-active { width: 32px; background: #f5ae27;}

.tpxw{ width: calc(100% - 821px); padding-left: 30px; overflow: hidden;}
.tpxw ul{ height: 100%; margin-top: -27px;}
.tpxw ul li{}
.tpxw ul li a{ height:155px; margin-top: 27px; padding: 25px; border: 1px solid #fce5cb; border-radius: 10px; display: block;}
.tpxw ul li a span{ display: block;}
.tpxw ul li a .tit{ font-size: 21px; line-height: 35px; white-space: normal; display: -webkit-box; word-break:break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.tpxw ul li a .date{ margin-top: 10px; font-size: 17px; color: #666;}
.tpxw ul li a:hover{ background-color: #fff;}

.gjhz{ margin-top: 5px; height: 524px;}
.gjhz a{ height: 100%; display: block;}
.gjhz a .img-box{ width: 887px; height: 100%; overflow: hidden;}
.gjhz a .img-box img{ width: 100%; height: 100%; object-fit: cover;}

.gjhz a .span-box{ width: calc(100% - 887px); height: 100%; padding: 30px 35px; background: url(../images/y-E-lm03-nr-bg.png) no-repeat center bottom #b19fff; background-size: 100% 100%; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.gjhz a .span-box span{ font-size: 22px; color: #fff; line-height: 45px; text-align: justify; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden;}
.gjhz a:hover .span-box{ background-size: 115% 115%;}
.gjhz a:hover .span-box span{ font-weight: bold;}

.gjhz .swiper-pagination{ width: calc(100% - 887px); height: 13px; left: 887px; bottom: 57px;}
.gjhz .swiper-pagination .swiper-pagination-bullet { width: 13px; height: 13px; margin: 0 4.5px; background-color: #fff; border-radius: 6.5px; opacity: 1;}
.gjhz .swiper-pagination .swiper-pagination-bullet-active { width: 36px; background: #f5ae27;}

.xmt{ margin-top: 40px;}
.xmt ul{ margin-right: -38px;}
.xmt ul li{ width: calc(100% / 4); float: left;}
.xmt ul li .box{ margin-right: 38px; position: relative; background-color: red;}

.xmt ul li .box .s-img{ width:80px; height: 80px; border-radius: 40px; background-color: #fff; position: absolute; top: -40px; left: 50%; transform: translate(-50%, 0); z-index: 9;}
.xmt ul li .box .s-img img{ width: 100%; height: 100%;}
.xmt ul li .box .s-img01{ box-shadow: 0 0 6px #04944f;}
.xmt ul li .box .s-img02{ box-shadow: 0 0 6px #da9c32;}
.xmt ul li .box .s-img03{ box-shadow: 0 0 6px #4b7ec9;}
.xmt ul li .box .s-img04{ box-shadow: 0 0 6px #b039d1;}

.xmt ul li .box .b-img{ padding: 95px 0 56px 0; font-size: 0; text-align: center; background-repeat: no-repeat; background-position: center bottom; background-size: 100% 100%; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.xmt ul li .box .b-img01{ background-image: url(../images/y-E-xmt-bg01.png); background-color: #04934f;}
.xmt ul li .box .b-img02{ background-image: url(../images/y-E-xmt-bg02.png); background-color: #ffb137;}
.xmt ul li .box .b-img03{ background-image: url(../images/y-E-xmt-bg03.png); background-color: #4b7ec9;}
.xmt ul li .box .b-img04{ background-image: url(../images/y-E-xmt-bg04.png); background-color: #c53fe7;}
.xmt ul li .box .b-img .ewm{ width: 185px; height: 185px; border: 5px solid #fff; border-radius: 5px; display: inline-block; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.xmt ul li .box .b-img .font{ height: 28px; margin-top: 43px; display: inline-block;}
.xmt ul li .box:hover .b-img{ background-size: 110% 110%;}

@media screen and (max-width: 1680px) {
	.banner{ height: calc(100vw * 680 / 1680); position: relative;}
	
	.tplb{ width: 800px;}
	.tpxw{ width: calc(100% - 800px);}
	
	.gjhz a .img-box{ width: 820px;}
	.gjhz a .span-box{ width: calc(100% - 820px);}
	.gjhz .swiper-pagination{ width: calc(100% - 820px); left: 820px;}
}
@media screen and (max-width: 1440px) {
	.banner{ height: calc(100vw * 580 / 1440); position: relative;}
	.banner .b-top .rf .nav ul li.one{ margin-left: 30px;}
	
	.tplb{ width: 660px; height: calc(100vw * 410 / 1440);}
	
	.tpxw{ width: calc(100% - 660px); padding-left: 20px;}
	.tpxw ul{ height: 100%; margin-top: calc(-100vw * 20 / 1440);}
	.tpxw ul li a{ height: calc(100vw * 124 / 1440); margin-top: calc(100vw * 20 / 1440); padding: 15px 23px;}
	.tpxw ul li a .tit{ font-size: 18px; line-height: 30px;}
	
	.gjhz{ margin-top: 5px; height: calc(100vw * 480 / 1440); }
	.gjhz a .img-box{ width: 710px;}
	.gjhz a .span-box{ width: calc(100% - 710px);}
	.gjhz a .span-box span{ font-size: 21px; line-height: 43px;}
	.gjhz .swiper-pagination{ width: calc(100% - 710px); height: 13px; left: 710px; bottom: 57px;}
	
}