/*专题banner图*/

.banner{ clear:both; width:100%; height:240px; background:url(../img/banner.jpg) no-repeat center;background-size:auto 100%; position:relative;}
.mnav{ font-size: 12px; display: flex; flex-direction: row; justify-content:space-between; align-items: center; width: 100%; padding: 0px; box-sizing: border-box;flex-wrap: wrap;}
.sy100{ position: absolute; bottom: 0; left: 0; width: 100%;}
.mnav a{padding: 0.3em 0px; text-align: center; color: #ffffff; width:21%; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.mnav a img{ width: auto; max-width:60px;}
.pnav{  position:relative; height: 100%;margin: 0px auto;width:calc(1.515 * 240px)}

@media (min-width: 480px) {
  .banner{height:320px;}
  .pnav{width:calc(1.515 * 320px); }
}
@media (min-width: 576px) {
  .banner{height:350px;}
  .mnav{ font-size: 14px;}
  .mnav a img{ width: auto; max-width:80px;}
  .pnav{width:calc(1.515 * 350px); }
}
@media (min-width: 640px) {
	.banner{height:380px;}
	.pnav{width:calc(1.515 * 380px); }

}
@media (min-width: 768px) {
	.banner{height:480px;}
	.mnav a{width:11.5%;padding: 0.66em 0px;}
	.mnav a img{ width: auto; max-width:100%;}
	.pnav{ width:calc(1.515 * 480px)}
}
@media (min-width: 992px) {
	.banner{height:600px;}
	.pnav{width:calc(1.515 * 600px); }

}
@media (min-width: 1230px) {
	.banner{height:726px;}
	.mnav a{ padding: 12px 0px;}
	.pnav{width:1100px; }

}

.pnav a{ position: absolute;}
.pnav a:first-child{top:42.9%; left: 0; width: 9%; height:16.53%;}
.pnav a:nth-child(2){top:25.7%; left:5.2%; width: 9%; height:16.53%;}
.pnav a:nth-child(3){top:12.6%; left:12.7%; width: 9%; height:12.3%;}
.pnav a:nth-child(4){top:2.2%; left:23.1%; width: 9%; height:10.4%;}
.pnav a:nth-child(5){width: 9%;height:12.4%;top:2.2%; right:21%;}
.pnav a:nth-child(6){width: 9%;height:12.4%;top:14.6%;right:11.18%;}
.pnav a:last-child{width: 9%;height:14.87%;top:28.9%;right:3.6%;}

.tbar img{ max-width: 243px; width: 40%; height: auto;}
@media (min-width: 576px) {
	.tbar img{ width: 30%;}
}
@media (min-width: 768px) {
	.tbar img{ width: 23%;}
}
.zlz-dy .row{align-items:stretch;}
.zlz-new{ position: relative; width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; padding: 0.5em 1em; box-sizing: border-box; background: #f3f9ff; border-radius: 0.5em; border: 1px solid #95bdfb; }
.zlz-new .img{  width: 34.3%; background-position: center; background-size:cover; background-repeat: no-repeat;}
.zlz-new .img img{ width: 100%; height: 100%; object-fit: cover;}
.zlz-new .text{ width: 60.7%;}
.zlz-new .more{ font-size: 0.6em; line-height: 2; padding: 0 1em; background-color: #00c0fa; color: #fff; border-radius: 4px;background: -webkit-linear-gradient(90deg, #1159d9, #49ade2); position: absolute; left: 0; bottom: 0;}
.zlz-new b{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;background: -webkit-linear-gradient(90deg, #1159d9, #49ade2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.zlz-new p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; font-size: 0.9em; margin-top: 3px; text-align: justify; color: #666;}
.zlz-pt{ width: 100%; height:400px;}
.zlz-pt img{ width: 100%; height: 13.5%; object-fit: cover; padding-top: 5px; box-sizing: border-box; transition: all linear 0.3s;}
.zlz-pt img:hover{ cursor: pointer;}
.zlz-pt img:first-child{ height: 46%; padding-top: 0px;}

@media (min-width: 768px) {
	.zlz-pt{ height:564px;}
}
@media (min-width: 992px) {
	.zlz-pt{ height:527px;}
	.zlz-pt img{padding-top: 8px;}
}
@media (min-width: 1230px) {
	.zlz-dy .row{padding-left: 20px; padding-right: 46px;}
	.zlz-new{ padding-right: 15px;}
	.zlz-pt{ height: 498px;}
	.zlz-pt img{padding-top: 15px;}
	.zlz-new .more{transform: translateY(50%);bottom: 0; right: 2.5em; left: auto;}
}
.newmore{ color: #999999; text-align: center; margin: 0 auto; display: block; }

.bgf6{ background: #f1f7fc;}
.bg6{background:url(../img/bg6.png) no-repeat bottom center #ffffff;}
.bg1{background:url(../img/bg1.png) no-repeat bottom -50px center #ffffff;}

.bgdy1{ background: url(../img/bgdy1.jpg) no-repeat center; background-size: cover;}


.qscon{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap; padding-bottom: 5px;}
.qscon .qsli{ width: 48%; transition: all ease .3s; border-radius: 10px;background: #fff;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);}
.qscon .qsli img{ border-top-right-radius: 10px; border-top-left-radius: 10px;}
.qscon .qsli p{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box; background: rgba(110, 110, 110, 0.7); color: #fff; font-weight: bold; text-align: center;border-top-right-radius: 10px; border-top-left-radius: 10px;}
.sz32{padding-top: 61.3%;height: 0;}/*图片宽高3:2*/
.qscon .qsli .text{  border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  line-height: 1.3; margin: .85em 0; color: #666; text-align: justify; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; width: 100%; padding: 0 .85em; box-sizing: border-box;}

@media (min-width: 768px) {
	.qscon .qsli{ width: 19.16%;}
}
@media (min-width: 1230px) {
	.qscon .qsli p{ padding: 10px 30px;}
}
.qscon .qsli:hover{ transform: translateY(-10px);}
.qscon .qsli:hover p{background: rgba(52, 132, 233, 0.8); color: #fcee56;}


.zlz-bq{  position: relative; background: url(../img/bgk.png) no-repeat bottom center; background-size:  auto 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}
.zlz-bq a{ display: inline-block; background: url(../img/bj.png) repeat-x; background-size: auto 100%; color: #ffffff; line-height: 2; padding-right: 0.6em; border-radius: 8px; padding-left: 0.6em; transition: all linear 0.3s; margin-top: 20px; margin-right: 20px;}
.zlz-bq a span{ padding-right: 1.5em; background: url(../img/jt.png) no-repeat right center; background-size: auto 1em;}
@media (min-width: 640px) {
.zlz-bq{height: 420px; margin-top: 0px;}
.zlz-bq a{ position: absolute;margin-top: 0px; margin-right: 0px;}
.zlz-bq a:first-child{left: 9.67%;bottom:76.28%; opacity: 0.6;}
.zlz-bq a:nth-child(2){left: 41.25%;bottom:69.62%;opacity: 0.9;}
.zlz-bq a:nth-child(3){ right:8.41%;bottom:84.38%; opacity: 0.8;}
.zlz-bq a:nth-child(4){ left: 26.58%; bottom:52.23%;opacity: 0.8;}
.zlz-bq a:nth-child(5){ right: 2.83%; bottom:47%;opacity: 0.8;}
.zlz-bq a:nth-child(6){ bottom:31.47%;left: 4.16%;opacity: 0.8;}
.zlz-bq a:nth-child(7){ bottom:29.85%;right: 26.66%;opacity: 0.7;}
.zlz-bq a:nth-child(8){bottom: 4.85%; left: 21.9%;opacity: 0.6;}
.zlz-bq a:last-child{ bottom: 9.5%; right: 11%;opacity: 0.8;}
.zlz-bq a:hover{ transform: scale(1.2);opacity: 1;}
}
.bgp1{ background: url(../img/bgp1.png) no-repeat center;}
.bgp2{ background: url(../img/bgp2.png) no-repeat center #f6f6f6;}


.ztslide{ position: relative; width: 100%; box-sizing: border-box; padding: 0px 40px; display: flex; flex-direction: row; justify-content: center;  align-items: stretch; height:100%}
@media (min-width: 1230px) {
	.ztslide{padding: 0px 60px;}
}
.ztslide .swiper-container {width: 100%;height:100%; padding: 8px 0px;}
.ztslide .swiper-slide { width:80%; /* Center slide text vertically */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; flex-direction: column; height: 100%;}

@media (min-width: 576px) {
	.ztslide .swiper-slide{width:60%;}
}
@media (min-width: 768px) {
	.ztslide .swiper-slide{width:50%;}
}
@media (min-width: 992px) {
	.ztslide .swiper-slide{width:22%;}
	.ztslide .swiper-slide-active,.ztslide .swiper-slide-duplicate-active{width: 44%;}
}
@media (min-width: 1230px) {
	.ztslide .swiper-slide{width:16.6666667%; padding: 0px 10px; box-sizing: border-box;}
	.ztslide .swiper-slide-active,.ztslide .swiper-slide-duplicate-active{width: 33.3333332%;}
}
.ztslide .swiper-button-next{background-image:  url(../img/ic_next9.png);right: 0;}
.ztslide .swiper-button-prev{background-image: url(../img/ic_prve9.png);left: 0;}
.ztslide .swiper-button-prev.swiper-button-disabled{background-image: url(../img/ic_prve9-1.png); opacity: 1;}
.ztslide .swiper-button-next.swiper-button-disabled{background-image:  url(../img/ic_next9-1.png);opacity: 1;}

.ztslide .p-name{ width: 100%; background:rgba(47, 47, 47, 0.9); color: #fff; text-align: center; padding: 2px 10px; box-sizing: border-box;}


.fj-main{ width: 100%;}
.fj-cut ul{width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.fj-cut ul li{ line-height: 1.6; border-radius: 0.8em; border: 1px solid #afafaf; background: -webkit-linear-gradient(90deg, #ebebec, #fefefe); padding: 0em 1em; margin: 0px 1em; transition: all ease .3s;}

.fj-cut ul li:hover,.fj-cut ul li.on{background: -webkit-linear-gradient(90deg, #1159d9, #49ade2); color: #fff; border: 1px solid #1159d9; cursor: pointer;}


.cpslide{ position: relative; width: 100%; box-sizing: border-box; padding: 0px 40px; display: flex; flex-direction: row; justify-content: center;  align-items: stretch; height:100%}
@media (min-width: 1230px) {
	.cpslide{padding: 0px 50px;}
}
.cpslide .swiper-container {width: 100%;height:100%; box-sizing: border-box; padding: 8px; border: 1px solid #b4b4b4;}
.cpslide .swiper-slide { width:100%; /* Center slide text vertically */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; flex-direction: column; background: #f0f0f0; border-radius: 8px; height:auto;}
.cpslide .swiper-button-next{background-image:  url(../img/ic_next9.png);right: 0;}
.cpslide .swiper-button-prev{background-image: url(../img/ic_prve9.png);left: 0;}
.cpslide .swiper-button-prev.swiper-button-disabled{background-image: url(../img/ic_prve9-1.png); opacity: 1;}
.cpslide .swiper-button-next.swiper-button-disabled{background-image:  url(../img/ic_next9-1.png);opacity: 1;}

.cpslide ul{ width: 100%; box-sizing: border-box; display: flex; flex-direction: row; justify-content:center; align-items: stretch; padding: 0px 15px; flex-wrap: wrap;}
.cpslide ul li{ width: 320px;padding: 0px 10px; box-sizing: border-box;}
.cpslide ul li p{ color: #5f5f5f; text-align: center; margin: .36em 0em .5em 0em; font-size: .88889em; }
.cpslide .pname{background: -webkit-linear-gradient(90deg, #1159d9, #49ade2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 0.61em; font-weight: bold;}
@media (min-width: 576px) {

}
@media (min-width: 768px) {
	.cpslide .swiper-slide{width:auto;  -webkit-justify-content: flex-start; justify-content: flex-start;height:100%;}
	.cpslide ul{ flex-wrap: nowrap;}
	
	.cpslide ul{padding: 0px 5px;}
	.cpslide ul li{ width: 210px;padding: 0px 5px;}
	.cpslide ul li p{height: 2.4em; line-height: 1.2em; display: flex; flex-direction: row; justify-content: center; align-items: center; text-align: center; width: 100%;}
}
@media (min-width: 992px) {
	
	.cpslide ul{padding: 0px 8px;}
	.cpslide ul li{ width: 278px;padding: 0px 8px;}
}
@media (min-width: 1230px) {
	.cpslide .swiper-container{padding: 20px;}
	.cpslide ul{padding: 0px 15px;}
	.cpslide ul li{ width: 342px;padding: 0px 10px;}
}

.rdslide{position: relative; width: 100%; box-sizing: border-box; padding: 0px 40px; display: flex; flex-direction: row; justify-content: center;  align-items: stretch; height:100%}
@media (min-width: 1230px) {
	.rdslide{padding: 0px 50px;}
}
.rdslide .swiper-container {width: 100%;height:100%; box-sizing: border-box; }
.rdslide .swiper-slide { width:100%; /* Center slide text vertically */display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;  align-items: center; flex-direction: column; height:auto; background: #f3f9ff; border-radius: 8px; }
.rdslide .swiper-button-next{background-image:  url(../img/ic_next9.png);right: 0;}
.rdslide .swiper-button-prev{background-image: url(../img/ic_prve9.png);left: 0;}
.rdslide .swiper-button-prev.swiper-button-disabled{background-image: url(../img/ic_prve9-1.png); opacity: 1;}
.rdslide .swiper-button-next.swiper-button-disabled{background-image:  url(../img/ic_next9-1.png);opacity: 1;}
.rdslide .swiper-slide img{ border-top-right-radius: 8px; border-top-left-radius: 8px;}
.rdslide .txt{ padding: .5em 1em; width: 100%; box-sizing: border-box;}
.rdslide b{ display: block; text-align: left; width: 100%;background: -webkit-linear-gradient(90deg, #1159d9, #49ade2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 0.9em;}
.rdslide b sup{background: -webkit-linear-gradient(90deg, #1159d9, #49ade2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.rdslide .p-name{ text-align: justify;width: 100%; display: block; margin-top: 0.2em; font-size: 0.8em; color: #5f5f5f;min-height: 6.2em; position: relative; }

@media (min-width: 1230px) {
	.rdslide .txt{ }
}

.rdxx .txt{ padding: .5em 0em; width: 100%; box-sizing: border-box;}
.rdxx b{ display: block; text-align: left; width: 100%;background: -webkit-linear-gradient(90deg, #1159d9, #49ade2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.rdxx b sup{background: -webkit-linear-gradient(90deg, #1159d9, #49ade2); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.rdxx .p-name{ text-align: justify;width: 100%; display: block; margin-top: 3px; font-size: 0.8em; color: #5f5f5f;}

.zlz-hdp .swiper-container {width: 100%;height: 100%; padding: 5px 0px;}
.zlz-hdp .swiper-slide {text-align: center;font-size: 18px; width:80%; height:auto; background:none;}
@media (min-width: 576px) {
	.zlz-hdp .swiper-slide{width:430px;}
}
.imgbd{width: 100%; box-sizing: border-box; padding: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); border-radius: 9px; background: #fff; position: relative;}
.imgbd img{border-radius: 9px;}

.imgbd .hd-txt{ display: none;}



.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content:''}/*prev*/
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content:''}/*next*/


.zlz-hdp .swiper-button-next{background-image:  url(../img/ic_next9.png); right: 0;}
.zlz-hdp .swiper-button-prev{background-image: url(../img/ic_prve9.png); left: 0;}



.zlz-cp{}
.zlz-cp .swiper-container {width: 100%; height: auto;}
.zlz-cp .swiper-slide {text-align: center; width:100%; height:auto; background:none; padding: 0px 35px; box-sizing: border-box;display: flex; flex-direction:column; justify-content: center; align-items: center;}

.zlz-cp .swiper-button-next{background-image:  url(../img/ic_next9.png);right: 0;}
.zlz-cp .swiper-button-prev{background-image: url(../img/ic_prve9.png);left: 0;}
.zlz-cp .swiper-button-prev.swiper-button-disabled{background-image: url(../img/ic_prve9-1.png); opacity: 1;}
.zlz-cp .swiper-button-next.swiper-button-disabled{background-image:  url(../img/ic_next9-1.png);opacity: 1;}

.swiper-button-next,.swiper-button-prev{width:28px;height:28px; background-size:100% 100% ;margin-top: -14px;background-repeat: no-repeat;}
@media (min-width: 576px) {
	.swiper-button-next,.swiper-button-prev{width:30px;height:30px; margin-top: -15px;}
}
@media (min-width:1230px) {
	.swiper-button-next,.swiper-button-prev{width:35px;height:35px; margin-top: -17.5px;}
}

.zlz-li{ width:100%;   padding: 5px; box-sizing: border-box;  display: flex; flex-direction: row; justify-content: center; align-items:stretch; flex-wrap: wrap; padding-bottom: 2em;border: 2px solid; border: 2px solid transparent;
  border-radius: 10px;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), linear-gradient(to bottom, #015eea, #00c0fa);}
.zlz-li li{width: 100%; padding: 3px; box-sizing: border-box; }
@media (min-width:576px) {
	.zlz-cp .swiper-slide { padding: 0px;}
	.zlz-li{width:auto;padding: 5px;padding-bottom: 2em;}
	.zlz-li li{width: 177px;}
}
@media (min-width:768px) {
	.zlz-li{padding: 6px;padding-bottom: 2em;}
	.zlz-li li{width: 226px;}
}
@media (min-width:992px) {
	.zlz-li li{width: 276px;}
}
@media (min-width:1230px) {
	.zlz-li{padding: 12px;padding-bottom: 2em;}
	.zlz-li li{width: 346px;}
}

.zlz-li p{ width: 100%; padding: 0.85em 10px 0px 10px; box-sizing: border-box; margin-top: 0.5em; background: url(../img/ic-jt1.png) no-repeat center top; background-size: auto 0.71em;}

.cp-pp{ transform: translateY(-50%);}
.cp-pp span{ display: inline-block; background: url(../img/bj.png) repeat-x; background-size: auto 100%; color: #fff; padding:0.275em 1.545em; border-radius: 10px; line-height: 1.5; font-weight: bold;} 

.zlz-zf{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items:stretch; flex-wrap: wrap;}
.zlz-zf li{ width: 49%; box-sizing: border-box;  background: #ffffff;  border-radius: 10px;}
.zlz-zf li img{ border-radius: 10px;}
.zlz-zf li a{ position: relative; display: block; width:100%; height: 100%;}
.zlz-zf li .txt{ position: absolute; bottom: 0; left: 0; width: 100%; height: auto; background: rgba(47,47,47,0.9); color: #fff;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 8px; box-sizing: border-box;}
@media (min-width:576px) {
	.zlz-zf{padding: 0px 3%; box-sizing: border-box;}
	.zlz-zf li{ width: 48.5%; }
}
@media (min-width:992px) {
	.zlz-zf{padding: 0px;}
	.zlz-zf li{ width: 24.5%; }
}
@media (min-width:1230px) {
	.zlz-zf li{ width: 23.5%; }
}
.zlz-zf li span{display: block; line-height: 1.2;}
.zlz-zf li p{  line-height: 1.2; height: 2.4em; font-size: 0.7777778em; display: flex; flex-direction: row; justify-content:flex-start; align-items: center; margin-top: 3px; }


.gmore{ width: 100%; text-align: right; font-weight: bold;background: -webkit-linear-gradient(90deg, #015eea, #00c0fa); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.mbtn{ display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: 100%;}
.mbtn a{font-weight: bold;background: -webkit-linear-gradient(90deg, #015eea, #00c0fa); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.col4s{ display:  flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; width: 100%; }
.col4s::after{ content: ''; width: 33%;}
.col4s li{ width: 24%;}
@media (min-width: 576px) {
	.col4s li{ width: 24%;}
}
@media (min-width: 768px) {
	.col4s li{ width: 24%;}
}
@media (min-width: 992px) {
	.col4s li{ width: 24%;}
}

.xf-m{ display: none;}
.xf-icon{display: none;}
@media (min-width: 1230px) {
	.xf-icon{display:block; position: fixed; right: 20px; bottom:374px; width: auto; height: auto;cursor: pointer;}
	
	.xf-m{ position: fixed; right: 20px; bottom: 150px;  width: 200px; height: auto; padding: 7px 14px; box-sizing: border-box; z-index: 9999; font-size: 20px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); border-radius: 0px; text-align: center;}


	.xf-m li{  width: 100%;text-align: center; padding: 8px 0px; }
	.xf-m li a{ display: block;height: 46px; line-height: 46px; border-radius: 2px; background: -webkit-linear-gradient(90deg, #e3e3e3, #fafafa); width: 100%; transition: all linear 0.3s; border: 1px solid #d2d2d2;}
	.xf-m li a span{ display: inline-block;   box-sizing: border-box; color: #979a9d;transition: all linear 0.3s;background: url(../img/jt2.png) no-repeat center right -30px;}
	.xf-m li a:hover{background: -webkit-linear-gradient(90deg, #015eea, #00c0fa); background-size: auto 100%; width: 100%;}
	.xf-m li a:hover span{ background: url(../img/jt2.png) no-repeat center right;color: #ffffff;padding-right: 30px;}
}

.col3s li{ display: flex; flex-direction: row; justify-content: center; align-items:flex-start; flex-wrap: wrap;}
.col3s li .p-name{ opacity: 1; margin-top: 0.5em;}

.zz-pro p{ width: 100%; padding: 0.85em 10px 0px 10px; box-sizing: border-box; margin-top: 0.5em; background: url(../img/ic-jt1.png) no-repeat center top; background-size: auto 0.71em; text-align: center;}
.zz-pro li{ margin-top:1.42em; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); padding-bottom: 0.8em; position: relative;}
.zz-pro li .pname{ position: absolute; top: 0; right: 0; z-index: 1; background: -webkit-linear-gradient(90deg, #015eea, #00c0fa); color: #fff; padding: 5px 15px; font-weight: bold; border-bottom-left-radius: 10px;}

.cp-pp.notrans{ transform: translateY(0%);}

.rdxx .col3s li{ padding: 8px;  box-sizing: border-box; background: #f3f9ff; flex-direction: column; justify-content:  flex-start; }


.spcf:after {content: ""; width: 32%;}
.spcf li{ padding: 12px; border: 1px solid #999999; border-radius: 8px; cursor: pointer;}
.spcf li:hover{ border: 1px solid #f2f6fa; background: #f2f6fa;}
.spcf li h5{ line-height: 1.5; height: 1.5; overflow: hidden;}
.spcf li p{ font-size:0.77778em;}
.zzbox{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99;  box-sizing: border-box;  text-align: center; background: rgba(0,0,0,0.8); display: none;}
.v-box{ width: 96%; height: auto; position: absolute; top: 50%; transform:translate(0,-50%);  left: 50%; margin-left: -48%; }
.v-box video{width: 100%; height: auto;}

@media (min-width:768px) {
	.v-box{ width: 90%; margin-left: -45%; }
}
@media (min-width:1230px) {
	.v-box{ width: 50%; margin-left: -25%; }
}