.applications .list li, .applications .list li .name, .applications .list li .layer { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
.applications .list ul { display: flex; display: -webkit-flex; display: -ms-flex; }
.applications .list li { display: flex; display: -webkit-flex; display: -ms-flex; flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; }
.applications .list li { align-items: center; -webkit-align-items: center; }
.applications .list li { justify-content: center; -webkit-justify-content: center; }
.applications { overflow: hidden; position: relative; }
.applications .list { min-height:818px; position: relative; }
.applications .list .bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: center no-repeat; background-size: cover; opacity: 0; }
.applications .list .bg.show { opacity: 1; }
.applications .list ul { position: relative; z-index: 11; }
.applications .list li {height:818px; width:16.6666666666%; color: #fff;  position: relative; float:left; cursor:pointer; transition:.5s;}
.applications .list li.bg1{background:url(../images/ywbg_1.jpg) no-repeat left top; background-size:cover;}
.applications .list li.bg2{background:url(../images/ywbg_2.jpg) no-repeat left top; background-size:cover;}
.applications .list li.bg3{background:url(../images/ywbg_3.jpg) no-repeat left top; background-size:cover;}
.applications .list li.bg4{background:url(../images/ywbg_4.jpg) no-repeat left top; background-size:cover;}
.applications .list li.bg5{background:url(../images/ywbg_5.jpg) no-repeat left top; background-size:cover;}
.applications .list li.bg6{background:url(../images/ywbg_6.jpg) no-repeat left top; background-size:cover;}
.applications .list li .name { width:100%; line-height:40px; text-align:center; font-size:30px; color:#fff; font-weight:bold; position: relative; top: 0; margin-top:60%;}
.applications .list li .name img{margin:10px auto 0px auto;}
.applications .list li .layer {position: absolute; z-index: 10; left: 0; right: auto; top: auto; bottom: auto; width: 100%; padding:5% 20% 5% 10%; opacity: 0; background:rgba(0, 0, 0, 0.5);}
.applications .list li .layer h3 { font-size:30px; color:#fff; font-weight:bold; margin-bottom:20px;}
.applications .list li .layer p{line-height:30px; font-size:16px; color:#fff; width: 100%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;}
.applications .list li .layer a.xmore{width:150px; height:44px; line-height:44px; text-align:center; font-size:16px; color:#fff; display:inline-block; background:#004da1; float:left; margin-top:20px; -moz-border-radius:22px; -khtml-border-radius:22px; -webkit-border-radius:22px; border-radius:22px; transition-duration: 0.3s;}
.applications .list li .layer a:hover.xmore{background:#004da1; color:#fff;}
.applications .list li .layer a.more i{margin-left:5px; display: inline-block; vertical-align: top; line-height: inherit;}
.applications .list li:last-child { border: 0; }
.applications .list li.on {width:50%; flex-shrink: 0; -webkit-flex-shrink: 0;}
.applications .list li.on .name { opacity: 0; }
.applications .list li.on .layer { opacity: 1; }

.yslist .swiper-container{padding-bottom:50px;}
.yslist .swiper-slide .pic { width:100%; height:auto; overflow:hidden; position:relative; transition: all 400ms ease 0s;}
.yslist .swiper-slide .pic .img { width:100%; height:auto; transition: all 1s ease 0s;}
.yslist .swiper-slide .layer {position: absolute; z-index: 10; left: 0; bottom:0px; width: 100%; padding:5% 5% 10px 5%; background:rgba(0, 0, 0, 0.5);}
.yslist .swiper-slide .layer h3 {font-size:18px; color:#fff; font-weight:bold; margin-bottom:10px;}
.yslist .swiper-slide .layer p{line-height:24px; font-size:14px; color:#fff; width: 100%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.yslist .swiper-slide .layer a.xmore{width:130px; height:34px; line-height:34px; text-align:center; font-size:14px; color:#fff; display:inline-block; background:#004da1; float:left; margin-top:10px; -moz-border-radius:17px; -khtml-border-radius:17px; -webkit-border-radius:17px; border-radius:17px; transition-duration: 0.3s;}
.yslist .swiper-slide .layer a:hover.xmore{background:#004da1; color:#fff;}
.yslist .swiper-slide .layer a.more i{margin-left:5px; display: inline-block; vertical-align: top; line-height: inherit;}