@charset "utf-8";

.column-banner.kaiwutop{ height: 550px; /*background-image: url(../images/kaiwu/banner.png);*/}
body {line-height: unset;}
.kaiwutop .img-layer {width: 100%;height: 650px;}
.kaiwutop .img-layer img {width:100%;height: 100%;}
.kaiwutop .m-show{display: none;}
.kaiwutop .banner_text {position: absolute;width: 100%;bottom: 33%;}
.kaiwutop .swiper-pagination-bullet {background: rgba(255, 255, 255, 0.8);}
.kaiwutop .swiper-pagination-bullet-active {background: rgba(255, 255, 255, 1);}
.banner_text .text {color: #fff;}
.banner_text .text h2 {font-size: 50px;}
.banner_text .text h3 {font-size: 30px;margin-top: 25px;}
.banner_text .text a {display: inline-block;width: 193px;height: 57px;line-height: 57px;text-align: center;margin-top: 55px;border-radius: 100px;background: #ED3E3E;font-size: 22px;color: #fff;}
.banner_text .text a.more {width: auto;background: none;text-decoration: underline;}
@media (max-width:1400px){
 .column-banner.kaiwutop{height: 35vw !important;}
}

@media (min-width:1025px) and (max-height:750px) {
  .banner_text .text h2 {font-size: 42px;}
}
@media (max-width:991px) {
  .banner_text .text h2 {font-size: 35px;}
  .banner_text .text h3 {font-size: 20px;}
  .banner_text .text a {font-size: 20px;}
  .kaiwutop .img-layer {height: 400px;}
  .kaiwutop .m-show{display: block;}
}
@media (max-width:441px) {
  .banner_text .text h2,.banner_text .text a {font-size: 1em;}
  .banner_text .text h2{font-size: 1.6em;font-weight: bold;}
  .banner_text .text h3 {font-size: 14px;}
  .kaiwutop .banner_text {bottom: 15%;}
  .banner_text .text a{width: 140px;height: 36px;line-height: 36px;}
}
.whatis{display: none;position: relative; font-size: 2em; margin-top: -3.875em;}
.whatis dl{position: relative; font-size: 16px; background: url(../images/kaiwu/what_bg.png) no-repeat center top; background-size: 100% 100%; border-radius: 10px; overflow: hidden;}
.whatis dl .column-head{position: relative; padding: 1.25em 0 .875em; margin-bottom: 0; background: rgba(0,0,0,.1)}
.whatis dl .column-head .currentname{position: relative; z-index: 2; line-height: 1em; color: #fff;}
.whatis dl .column-head b{position: absolute; bottom: .875em; right: 0; left: 0; z-index: 1; display: block; width: 35%; margin: 0 auto; text-align: center;}
.whatis dl .desc{padding: 1.5em 5%; color: #fff; line-height: 2em; text-indent: 2em; text-align: justify;}
.whatis .shadow{position: absolute; right: -3%; left: -3%; bottom: -30px; height: 60px;}
.whatis .shadow img{display: block; width: 100%; height: 100%;}
@media (max-width:1440px){
  .whatis .shadow{right: -10px; left: -10px;}
}
@media (max-width:1220px){
  .whatis .shadow{right: 0; left: 0;}
}
@media (max-width:991px){
  .whatis{font-size: 1.75em; margin-top: -2.0625em;}	
}
@media (max-width:640px){
  .whatis{margin-top: -25px;}		
}
@media (max-width:600px){
  .whatis{font-size: 1.5em;}		
}
@media (max-width:414px){
  .whatis dl .desc{font-size: .875em;}
}

.kwyycp {height: 702px;background: linear-gradient(177.99deg, rgba(240, 248, 255, 1) 0%, rgba(240, 244, 252, 0) 100%);}
.kwyycp .swiper-container {height: 420px;padding-top: 67px;}
.kwyycp .swiper-slide {height: 285px;padding: 50px 35px 20px 45px; border-radius: 20px;background: #fff;box-shadow: 0px 12px 20px  rgba(159, 165, 209, 0.22);}
.kwyycp .swiper-slide h2 {font-size: 26px;margin-top: 35px;margin-bottom: 15px;}
.kwyycp .swiper-slide .memo {font-size: 16px;}
.kwyycp .swiper-slide .sub {display: none;/*height: 65px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;*/margin-bottom: 15px;overflow: hidden;text-align: justify;}
.kwyycp .swiper-slide a {display: none;width: 184px; height: 40px;text-align: center;line-height: 40px;background-color: #0059F7;border-radius: 40px;color: #fff;font-size: 18px;}
.kwyycp .swiper-slide a i {display: inline-block;width: 28px;height: 6px;background: url(../images/kaiwu/icon_jt.png) center no-repeat;vertical-align: middle;margin-top: -5px;}
.kwyycp .swiper-slide:hover {height: 415px;transform: translate(0, -67px);background: url(../images/kaiwu/yy_b.png) center no-repeat;position:relative;z-index: 22;transition: all .3s}
.kwyycp .swiper-slide:hover .con {text-align: center;}
.kwyycp .swiper-slide:hover .memo {display: none;}
.kwyycp .swiper-slide:hover .sub {display: -webkit-box;}
.kwyycp .swiper-slide:hover h2 {margin-top: 15px;}
.kwyycp .swiper-slide:hover a {display: inline-block;}
.product {position: relative;}

@media (max-width:451px){
  .kwyycp .swiper-container{padding-top: 0px;}
  .kwyycp .swiper-slide {height: 415px;transform: translate(0, 0px);background: url(../images/kaiwu/yy_b.png) center no-repeat;position:relative;z-index: 22;transition: all .3s}
  .kwyycp .swiper-slide .con {text-align: center;}
  .kwyycp .swiper-slide .memo {display: none;}
  .kwyycp .swiper-slide .sub {display: -webkit-box;}
  .kwyycp .swiper-slide h2 {margin-top: 15px;}
  .kwyycp .swiper-slide a {display: inline-block;}
  .kwyycp .swiper-slide:hover{transform: translate(0, 0px);}
}


.kwMass {background: url(../images/kaiwu/icon_js.png) center no-repeat;}
.kwjs-con ul {width: 595px;}
.kwjs-con ul li {float: left;width: 48%;height: 198px;padding: 24px 20px;margin-bottom: 15px;background: linear-gradient(154.06deg, rgba(238, 247, 255, 1) 0%, rgba(251, 253, 255, 1) 100%);border-radius: 8px;}
.kwjs-con ul li:nth-child(2n) {margin-left: 15px;}
.kwjs-con ul li a{display: block;}
.kwjs-con ul li h3 {font-size: 22px;color: #333;margin: 10px 0 15px;}
.kwjs-con ul li p {display:-webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.kwjs-con ul li.more img {width: 44px;}
@media (max-width:991px) {
  .kwMass {background: unset;}
  .kwjs-con ul {width: 100%;}
  .kwjs-con ul li {float: none; width: 100%;margin-left: 0;}
  .kwjs-con ul li:nth-child(2n) {margin-left: 0;}
  .kwyycp {height: auto;}
  .kwjs-con ul li img{float: left; margin-right: 10px;}
  .kwjs-con ul li p{-webkit-line-clamp: initial;}
}


.youshi .list{margin-top: -1px; margin-left: -1px;}
.youshi .list li{float: left; width: 20%;}
.youshi .list li dl{padding: 1.5em 6%; margin-top: 1px; margin-left: 1px; border-radius: 10px; border: 1px solid #fff; overflow: hidden;}
.youshi .list li dl dt i{display: block; width: 65%; margin: 0 auto; transition: all .3s;}
.youshi .list li dl dt i img{display: block; width: 100%; height: auto;}
.youshi .list li dl dt p{text-align: center; padding: 1em 0 .875em; font-size: 1.375em; font-weight: bold; text-align: center;}
.youshi .list li dl dd{height: 4.5em; line-height: 4.5em; text-align: center; box-sizing: content-box;}
.youshi .list li dl dd p{display: inline-block; vertical-align: middle; line-height: 1.5em;}
.youshi .list li.on dl{
background: -webkit-linear-gradient(to bottom, rgba(252,253,255), rgba(245,250,254));
background: -o-linear-gradient(to bottom, rgba(252,253,255), rgba(245,250,254));
background: -moz-linear-gradient(to bottom, rgba(252,253,255), rgba(245,250,254));
background: linear-gradient(to bottom, rgba(252,253,255), rgba(245,250,254));
border: 1px solid rgba(207, 216, 247, .37);}
.youshi .list li:hover dl dt i{transform: translateY(-5px);}
@media (max-width:768px){
  .youshi .list li{width: 50%;}
  .youshi .list li dl{
  background: rgb(245,250,254) !important;
  border: none !important; border-radius: 0 !important;}
  .youshi .list li dl dt i{width: 25%;}	
}
@media (max-width:600px){
  .youshi .list li dl dt p{font-size: 1.25em;}
}
@media (max-width:414px){
  .youshi .list li dl{font-size: .875em;}	
}

.cando{display:none;background-image: url(../images/kaiwu/cando_bg.png);}
.cando .hd{margin: -20px -20px 0;}
.cando .hd li{float: left; width: 25%;}
.cando .hd li a{display: block; position: relative; margin: 20px 20px 0; padding-top: .3125em; padding-bottom: 1.25em; background: #fff;}
.cando .hd li a i{display: block; width: 30%; margin: 0 auto 5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.cando .hd li a span{display: block; font-weight: bold; font-size: 1.375em; text-align: center; color: #333;}
.cando .hd li a:before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; content: ""; background-repeat: no-repeat; background-position: right center; background-size: auto 100%;}
.cando .hd li a:after{position: absolute; right: 0; bottom: -5px; left: 0; display: none; content: ""; height: 5px; background: #4a5ad8;}
.cando .hd li.on a:before{display: block;}
.cando .hd li.on a:after{display: block;}
.cando .hd li.li0 a:before{background-image: url(../images/kaiwu/cando_bg_nrsc.png);}
.cando .hd li.li1 a:before{background-image: url(../images/kaiwu/cando_bg_znwd.png);}
.cando .hd li.li2 a:before{background-image: url(../images/kaiwu/cando_bg_jcyh.png);}
.cando .hd li.li3 a:before{background-image: url(../images/kaiwu/cando_bg_nrjw.png);}
.cando .hd li a:hover i{transform: rotateY(360deg); transition: all .5s linear;}
.cando .bd .section + .section{display: none;}
.cando .bd .section dl dt{float: right; width: 33%; overflow: hidden;}
.cando .bd .section dl dt img{display: block; width: 100%; margin-top: -5%;}
.cando .bd .section dl dd{float: left; width: 67%;}
.cando .bd .section dl dd > *{margin-right: 30px;}
.cando .bd .section dl dd .desc{padding-top: 6%; line-height: 1.875em; text-align: justify;}
.cando .bd .section dl dd .intab{padding-top: 6%;}
.cando .bd .section dl dd .intab .inbd .item + .item{display: none;}
.cando .bd .section dl dd ul li{float: left; position: relative; font-size: 1.375em; margin-right: 1.5em; line-height: 2em;}
.cando .bd .section dl dd ul li:last-child{margin-right: 0;}
.cando .bd .section dl dd ul li:before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; content: ""; margin: auto; width: 0; height: 0; border-radius: 5px; transition: all .3s;}
.cando .bd .section dl dd ul li.on{padding: 0 1em; color: #fff; cursor: pointer;}
.cando .bd .section dl dd ul li.on:before{background: #4a5ad8; width: 100%; height: 100%;}
@media (max-width:991px){
  .cando .hd{margin: -20px -10px 0;}
  .cando .hd li a{margin: 20px 10px 0;}	
}
@media (max-width:768px){
  .cando .hd{margin: -1px -1px 0 0;}
  .cando .hd li a{margin: 1px 1px 0 0;}	
  .cando .bd .section dl dt{display: none;}
  .cando .bd .section dl dd{float: none; width: auto;}
  .cando .bd .section dl dd .desc p + p{margin-top: 1em;}
}
@media (max-width:600px){
  .cando .hd li a i{width: 45%;}
  .cando .hd li a span{font-size: 1.25em;}
  .cando .bd .section dl dd ul li{font-size: 1.125em;}	
}
@media (max-width:414px){
  .cando{font-size: .875em;}	
}


.hyfw{background-image: url(../images/kaiwu/hyfw_bg.png);}
.hyfw .column-head .currentname{color: #fff;}
.hyfw .swiper-container{margin-right: -1px;}
.hyfw .swiper-slide dl{padding: 15% 8% 5%;}
.hyfw .swiper-slide dl dt i{display: block; margin: 0 auto; width: 30%;}
.hyfw .swiper-slidedl dt i img{display: block; width: 100%; height: 100%;}
.hyfw .swiper-slide dl dt p{padding: 6% 0 8%; font-size: 1.125em; font-weight: bold; color: #fff; text-align: center;}
.hyfw .swiper-slide dl dd{text-align: center; color: #d7d9e0; line-height: 1.875em; height: 12em;}
.hyfw .swiper-slide:after{position: absolute; top: 0; bottom: 0; right: 0; content: ""; width: 1px; background: #d7d9e0;}
.hyfw .swiper-ctrl-button{display: none;}
.hyfw .swiper-ctrl-button.overflow.swiper-ctrl-prev{left: -60px;}
.hyfw .swiper-ctrl-button.overflow.swiper-ctrl-next{right: -60px;}
@media (max-width:1200px){
  .hyfw .swiper-ctrl-button{display: block;}	
}
@media (max-width:991px){
  .hyfw .swiper-slide dl dd{height: 9.375em; overflow-x: hidden; overflow-y: auto;}	
}
@media (max-width:450px){
  .hyfw .swiper-slide dl dd{height: auto;}	
}


/*开悟平台产品*/
.kwptcp{background-image: url(../images/kaiwu/kwptcp_bg.png); /*overflow: hidden;*/}
.kwptcp .column-subtitle{color: #666; margin-top: -2.5%;}
.kwptcp .kwjs{position: relative; margin-bottom: 5%;}
.kwptcp .kwjs b{position: absolute; top: 0; right: 0; left: 0; margin-top: 36px; height: 24px;}
.kwptcp .kwjs b img{display: block; width: 100%; height: 100%;}
.kwptcp .kwjs ul{position: relative; z-index: 2;}
.kwptcp .kwjs ul li{float: left;}
.kwptcp .kwjs ul li:nth-child(1){width: 16%;}
.kwptcp .kwjs ul li:nth-child(2){width: 16%;}
.kwptcp .kwjs ul li:nth-child(3){width: 20%; margin-right: 2%;}
.kwptcp .kwjs ul li:nth-child(4){width: 24%; margin-right: 2%;}
.kwptcp .kwjs ul li:nth-child(5){width: 18%;}
.kwptcp .kwjs ul li p{display: block; margin-right: 5px; margin-left: 5px;}
.kwptcp .kwjs ul li p i{display: block; width: 120px; margin-right: auto; margin-left: auto;}
.kwptcp .kwjs ul li p strong{display: block; font-size: 1.125em; text-align: center;}
@media (max-width:1400px){
  .kwptcp .kwjs ul li p strong{font-size: 1em;}	
}
@media (max-width:991px){
  .kwptcp .kwjs b{margin-top: 28px; height: 20px;}
  .kwptcp .kwjs ul li p i{width: 90px;}	
}
@media (max-width:640px){
  .kwptcp .kwjs{padding-bottom: 10px; overflow-x: auto;}
  .kwptcp .kwjs b{margin-top: 22px; width: 680px; height: 15px;}
  .kwptcp .kwjs ul{width: 680px;}
  .kwptcp .kwjs ul li:nth-child(1){width: 20%;}
  .kwptcp .kwjs ul li:nth-child(2){width: 17%;}
  .kwptcp .kwjs ul li:nth-child(3){width: 20%; margin-right: 2.5%;}
  .kwptcp .kwjs ul li:nth-child(4){width: 20%; margin-right: 2.5%;}
  .kwptcp .kwjs ul li:nth-child(5){width: 18%;}
  .kwptcp .kwjs ul li p i{width: 70px;}	
}
.kwptcp .tabbox{padding: 40px; background: url(../images/kaiwu/kwptcp_tab_bg.png) no-repeat center center #fff; background-size: cover; border-radius: 10px; box-shadow: 0 12px 20px 0 rgba(159, 165, 209, .22);}
.kwptcp .tabbox .hd{margin-bottom: 40px; border-bottom: 1px solid #e0e0e0;}
.kwptcp .tabbox .hd ul{text-align: center;}
.kwptcp .tabbox .hd ul li{position: relative; display: inline-block; font-size: 1.375em; padding-bottom: 1.125em; margin: 0 2%;}
.kwptcp .tabbox .hd ul li a{color: #333;}
.kwptcp .tabbox .hd ul li:after{position: absolute; right: 0; bottom: 0; left: 0; width: 0; height: .1875em; content: ""; margin-right: auto; margin-left: auto; background: #4a5ad8; transition: all .3s;}
.kwptcp .tabbox .hd ul li.on{font-weight: bold;}
.kwptcp .tabbox .hd ul li.on:after{width: 100%;}
@media (max-width:1400px){
  .kwptcp .tabbox{padding: 30px;}
  .kwptcp .tabbox .hd{margin-bottom: 30px;}
  .kwptcp .tabbox .hd ul li{font-size: 1.3125em;}	
}
@media (max-width:768px) {
  .kwptcp .tabbox .section .hd.none{display: block;}
  .kwptcp .tabbox .section .hd.none ul{text-align: left;}	
  .kwptcp .tabbox .section .hd.none ul li{margin: 0;}
}
@media (max-width:640px){
  .kwptcp .tabbox{padding: 20px;}
  .kwptcp .tabbox .hd{margin-bottom: 20px;}
  .kwptcp .tabbox .js-hd{display: none;}
  .kwptcp .tabbox .section{display: block !important;}
  .kwptcp .tabbox .section + .section{margin-top: 30px;}
  .kwptcp .tabbox .section .hd.none{display: block;}
  .kwptcp .tabbox .section .hd.none ul{text-align: left;}	
  .kwptcp .tabbox .section .hd.none ul li{margin: 0;}
}
@media (max-width:414px){
  .kwptcp .tabbox{font-size: .875em;}
}


.kwptcp .tabbox .section .fl{width: 100%;}
.kwptcp .tabbox .section .yygl-group {position: relative;}
.kwptcp .tabbox .section .znyy-group {position: relative;border-bottom: 1px solid #e0e0e0; padding-bottom: 30px;}
.yygl-group .tool, .znyy-group .tool{position: absolute;right: 0;width: 260px;}

.kwptcp .tabbox .section .fl #data-kwdmxyyglxt-memo .desc {float: left;width: 48%;}
.kwptcp .tabbox .section .fl ul.tool li {width: 50%;}
.kwptcp .tabbox .section .fl ul.tool li:before {background: unset;}
.kwptcp .tabbox .section .fl ul.tool li a {display: inline-block;color: #737D94;text-decoration: underline;}
.kwptcp .tabbox .section .yygl-group{padding-top: 3.375em;}
.kwptcp .tabbox .section .fl #data-kwdmxyyglxt-list {width: 52%;float: right;}
.kwptcp .tabbox .section .fl .caption{margin-bottom: .625em; font-size: 1.6em; line-height: 1.375em;text-align: center;font-weight: bold;}
.kwptcp .tabbox .section .fl .desc{min-height: 11.25em; color: #666; line-height: 2.25em; text-align: justify;}
.kwptcp .tabbox .section .fl #data-kwdmxznyyzt-memo .desc {float: right;width: 52%;padding-top: 35px;}
.kwptcp .tabbox .section .fl #data-kwdmxznyyzt-list {float:left;width: 48%;}
@media (max-width:1400px){
  .kwptcp .tabbox .section .fl .caption{font-size: 1.75em;}
  .kwptcp .tabbox .section .fl .desc{min-height: 12em; line-height: 2em;}
}
@media (max-width:1200px){
  .kwptcp .tabbox .section .fl{width: 63%;}	
  .kwptcp .tabbox .section .fl .caption{font-size: 1.5em;}
}
@media (max-width:768px){
  .kwptcp .tabbox .section .fl{float: none; width: auto;}	
  .kwptcp .tabbox .section .fl .caption{display: none;}
  .kwptcp .tabbox .section .fl .pic{display: none; padding: 3% 0;}
  .kwptcp .tabbox .section .fl .desc{min-height: inherit;}
  .kwptcp .tabbox .section .yygl-group {border-bottom: none;padding-top: 40px;}
  .kwptcp .tabbox .section .fl #data-kwdmxyyglxt-memo .desc {float: none;width: 100%;}
  .kwptcp .tabbox .section .fl #data-kwdmxyyglxt-list {float: none;width: 100%;}
  .kwptcp .tabbox .section .fl #data-kwdmxznyyzt-memo .desc {float: none;width: 100%;}
  .kwptcp .tabbox .section .fl #data-kwdmxznyyzt-list {float: none; width: 100%;}
  .yygl-group .tool {left: 10px;}
  .znyy-group .tool {padding-top: 0;top: -10px;left: 10px;}
}
@media (max-width:640px){
  .kwptcp .tabbox .section .fl .caption{font-size: 1.375em;}
}
.kwptcp .tabbox .section .fl ul{margin: 0 -10px;}
.kwptcp .tabbox .section .fl ul li{float: left; width: 25%; position: relative;}
.kwptcp .tabbox .section .fl ul li a{display: block; margin: 20px 10px 0;}
.kwptcp .tabbox .section .fl ul li a i{display: block; margin: 0 auto 10px; width: 70px; height: 70px;}
.kwptcp .tabbox .section .fl ul li a i.none{display: none;}
.kwptcp .tabbox .section .fl ul li a span{display: block; text-align: center; line-height: 1.875em;}
.kwptcp .tabbox .section .fl ul li a:hover i{display: none;}
.kwptcp .tabbox .section .fl ul li a:hover i.none{display: block;}
.kwptcp .tabbox .section .fl ul li:before{position: absolute; top: 20px; right: 0; bottom: 0; content: ""; width: 1px; background: #e0e0e0;}
.kwptcp .tabbox .section .fl ul li:nth-child(4):before{display: none;}
.jg-img {display: none;position: absolute;right: 0;top: 91px; width: 80%; height: 620px; line-height: 620px; text-align: center; background: rgba(116, 126, 140, 0.27);z-index: 22;}
/*.yygl-group .jg-img {top: 40px;}*/
.jg-img i {position:absolute;top: 10px;right: 10px;display: inline-block;width: 25px;height: 25px;background: url(../images/kaiwu/icon_close.png) center no-repeat;cursor: pointer;}
@media (max-width:1400px){
  .kwptcp .tabbox .section .fl ul li a i{width: 60px; height: 60px; margin-bottom: 10px;}
  .kwptcp .tabbox .section .fl ul li a span{line-height: 1.625em;}	
}
@media (max-width:768px){
  .jg-img {top:45px;justify-content: center;align-items: center;width: 100%;height: 65%;}
  .yygl-group .jg-img {height: 50%;}
}
@media (max-width:450px){
  .kwptcp .tabbox .section .fl ul li{width: 50%;}
  .kwptcp .tabbox .section .fl ul li a i{width: 50px; height: 50px;}
  .kwptcp .tabbox .section .fl ul li:after{position: absolute; right: 0; bottom: -12px; left: 0; content: ""; width: 60%; margin-right: auto; margin-left: auto; height: 1px; background: #e0e0e0;}	
  .kwptcp .tabbox .section .fl ul.tool li:after {background: unset;}
  .kwptcp .tabbox .section .fl ul li:nth-child(2):before{display: none;}
  .kwptcp .tabbox .section .fl ul li:nth-child(3):after{display: none;}
  .kwptcp .tabbox .section .fl ul li:nth-child(4):after{display: none;}
}

.kwptcp .tabbox .section .fr{width: 45%;}
.kwptcp .tabbox .section .fr > p{margin-top: 20px; margin-right: -25%;}
@media (max-width:1200px){
  .kwptcp .tabbox .section .fr{width: 35%;}	
}
@media (max-width:768px){
  .kwptcp .tabbox .section .fr{float: none; width: auto; display: none;}
}
/*优质作品*/
.yzzp{padding-bottom: 0px; background: linear-gradient(177.99deg, rgba(240, 248, 255, 1) 0%, rgba(240, 244, 252, 0) 100%);}
.yzzp_list{overflow: hidden;padding-top:30px;margin-top:-30px;}
.yzzp_list li{width:20%;float:left;position: relative;}
.yzzp_list li i.pic{position: relative;display: block;width: 100%;height: 0;padding-top: 100%;}
.yzzp_list li i.pic img{position: absolute;top: 0;}
.yzzp_list li i.none{position: absolute;left: 0; top: 0;width: 100%;height: 100%;text-align: center;background: rgba(0, 0, 0, .3);font-style: normal;padding:10% 10px;box-sizing: border-box;}
.yzzp_list li i.none span{color: #fff;font-size: 2em;font-weight: bold;padding: 1em 0 0.875em;    display: block;}
.yzzp_list li i.none .more{background: #0E86F5;border-radius:100px;height: 57px;width:64%;margin:0 auto;text-align: center;line-height: 57px;color: #fff;font-size:1.375em;display: inline-block;}
.yzzp_list li:hover i.pic img{z-index: 1;-moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2);}
.yzzp_list li:hover i.none{display: block;z-index: 2;-moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2);}
.imgscale img{-moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}

.dmxal{position: relative;}
.dmxal .pic {
  padding-top: 56%;
  overflow: hidden;
  position: relative;
  display: block;
}
.dmxal .pic a{
  position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
}
.dmxal .pic img {
  transition: all 0.3s ease-in-out 0s;
  display: block;
    width: 100%;
    height: auto;
    min-height: 100%;
}
.dmxal b,
.dmxal a {
  display: block;
}
.dmxal b,
.dmxal a,
.dmxal p {
  padding: 0px 10px;
}
.dmxal b {
  margin-top: 30px;
  font-size: 18px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.dmxal p {
  color: #666666;
  line-height: 30px;
  margin-top: 15px;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  word-break: break-all;
  -webkit-line-clamp: 3;
  min-height: 100px;
}
.dmxal .alzx-more a {
  position: absolute;
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #4865f8;
  color: #4865f8;
  bottom: 40px;
  left: 50%;
  margin-left: -75px;
}
.dmxal  .swiper-ctrl-button{top:28%}

@media (max-width:992px){
  .yzzp_list li i.none span{font-size:1.5em;}
  .yzzp_list li i.none .more{height: auto;padding: .6em 0;line-height: normal;font-size:1em}
}
@media (max-width:768px){
  .yzzp_list li i.none span{font-size:1.25em;padding: 0.875em 0 0.875em;}
  .yzzp_list li i.none .more{font-size:.875em;width: 80%;}
}
@media (max-width:580px){
  .yzzp_list li{width:50%;}
  
  /*.yzzp_list li i.none{display: flex;justify-content: space-around;align-content: space-around;flex-wrap: wrap;}*/
  .yzzp_list li:hover i.none{display: none;}
  .yzzp_list li:hover i.pic img{-moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}
}