@media screen and (max-width: 768px){
  .yingx-intro .case-list .case-lanmu{
     overflow: scroll;
  }
  html body .yingx-intro .absolute .swiper-container3{
       width: 44%;
    height: 50%;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    /* overflow: hidden; */
  }
  .yingx-intro .absolute .iconfont{
   margin: 134px;
    font-size: 28px;
  }
 .yingx-intro .absolute .swiper-container3 .swiper-wrapper{
    overflow: hidden;
    width: 92%;
    height: 90%;
    position: relative;
  }
  .yingx-intro .case-lanmu .casetopnav{
     justify-content: space-between;
    line-height: 20px;
    margin: 20px 0px;
    width: 505px
  }
 .yingx-intro .case-list{
   padding-bottom:20px;
  }
  .yingx-intro .absolute{
  display:none;
  }
  .yingx-intro  .wrapper{
    width:100%;
  }
 .wrapper .case-contain ul {
    /* position: relative; */
    display: list-item;
    flex-wrap: wrap-reverse;
    width: 95%;
    margin: auto;
}
  .casedetail span{
  display:none;
  }
  .wrapper .case-contain .absolute #you {
    position: fixed;
    background: none;
    top: 26%;
    left: -65px;
    transform: rotate(180deg);
    color: rgb(255, 255, 255);
}
  .wrapper .case-contain .absolute #zhuo{
   position: absolute;
    background: none;
    top: -3%;
    right: -156px;
    transform: rotate(-180deg);
    color: rgb(255, 255, 255);
  }
  .wrapper .case-contain ul li {
    width: 48%;
    height: 210px;
    margin: 15px 3px;
    box-shadow: 0 0 20px 3px rgba(0,0,0,0.08);
    background: #fff;
    border-bottom: 4px solid transparent;
    transition: all .2s;
    cursor: pointer;
    padding-bottom: 12px;
    float: left;
}
  .wrapper .case-contain button {
    margin-top: 0px; 
    margin-left: 20%;
    text-align: center;
    padding: 15px 60px;
    border-radius: 25px;
    border: 2px solid;
    font: 16px 'Open Sans', sans-serif;
    text-transform: uppercase;
    background: none;
    outline: none;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s;
}
 .wrapper .case-contain .btn-1:hover {
    background-size: 100% 100%;
    color: #fff;
    /* font-weight: bold; */
    background: #1adaaf;
    border: 2px solid #1adaaf;
}
  .wrapper .case-contain .btn-1{
   color: #999;
  }
}

/*案例banner*/

.banner {
	color: #FFF;
	height: auto;
	width: 100%;
	/*background:url(../img/case-banner1.png)no-repeat top center;*/
	/*background-size: cover;*/
	text-align: center;
	overflow: hidden;
}
.case-contain .absolute #you{
  position: absolute;
  background: none;
  top: 36%; left: -500px; transform: rotate(180deg);
  color: rgb(255, 255, 255);
}
.case-contain .absolute #zhuo{
  position: absolute;
  background: none;
  top: 36%;
  right: -500px; transform: rotate(-180deg);
  color: rgb(255, 255, 255);
}

/*案例tab*/

.case-list {
	height: auto;
	width: 100%;
	position: relative;
	padding-bottom: 180px;
	background: #f6f9fe;
}
.flex {
    /* display: -webkit-box; */
   
    /* display: -webkit-flex; */
   display: flex;
}
.wrapper {
    width: 1179px;
    height: 100%;
    margin: 0 auto;
}
.case-tab {
	position: absolute;
	top: -45px;
	width: 1190px;
	height: 90px;
	background: #fff;
	border: 1px solid #eee;
	box-shadow: 1px 2px 1px #eee;
	font-size: 14px;
}

.case-tab ul {
	margin-left: 7px;
}
.case-contain ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.case-tab ul li {
	float: left;
	padding: 0 90px;
	border-right: 1px solid #eee;
	margin: 33px 0;
	cursor: pointer;
}

.case-tab ul li:hover a {
	color: #00AEFF;
}

.case-tab ul .active a {
	color: #00AEFF;
}

.case-tab ul li:last-child {
	padding: 0 0 0 70px;
	border-right: none;
}

.case-contain ul.flex {
	justify-content: space-around;
	flex-wrap: wrap;
}


.case-contain ul li {
	width: 370px;
    height: 368px;
    margin: 15px 10px;
    box-shadow: 0 0 20px 3px rgba(0,0,0,0.08);
    background: #fff;
	border-bottom: 4px solid transparent;
	transition: all .2s;
	cursor: pointer;
	padding-bottom: 12px;
}

.case-contain ul li img {
	width: 100%;
}
.case-contain ul li:hover {
	border-bottom: 4px solid #2aab65;
	margin-top: 8px;
	margin-bottom: 22px;
}
.case-contain ul li:hover .abscase2 {
	top: 54%;
}
.case-intr {
	margin-top: 15px;
}

.case-intr h3 {
	font-size: 16px;
	line-height: 60px;
	font-weight: bold;
}

.case-intr p {
	margin: 0 auto;
	margin-top: 18px;
	font-size: 12px;
	line-height: 20px;
	width: 225px;
	text-align: left;
}

.qrcode {
	display: none;
}

.case-contain ul li .qrcode img {
	width: 150px;
	height: 150px;
	margin-top: 10px;
}


/*加载更多*/

.case-contain button {
	margin-top: 50px;
	margin-left: 485px;
	text-align: center;
	padding: 15px 60px;
	border-radius: 25px;
	border: 2px solid;
	font: 16px 'Open Sans', sans-serif;
	text-transform: uppercase;
	background: none;
	outline: none;
	cursor: pointer;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.case-contain .btn-1 {
	color: #282828;
	border-color: #eee;
	background: -webkit-linear-gradient(left, #56bdf6, #56bdf6) no-repeat;
	background: linear-gradient(to right, #56bdf6, #56bdf6) no-repeat;
	background-size: 0% 100%;
	bottom: 60px;
	background-color: #fff;
}

.case-contain .btn-1:hover {
	background-size: 100% 100%;
	color: #fff;
	/*font-weight: bold;*/
	border: 2px solid #fff;
}

.top_banner {
	background: linear-gradient(180deg, #1a6eff, #3ac0ff);
	height: 400px;
	color: #fff;
}

.marginauto {
	width: 1100px;
	margin: 0 auto;
}

.top_banner p:nth-of-type(1) {
	font-size: 30px;
	font-weight: 300;
	margin: 132px 0 26px 0;
}

.top_banner p:nth-of-type(2) {
	font-size: 18px;
	line-height: 30px;
	width: 450px;
	font-weight: 100;
}

.banner {
	width: 1010px;
	margin: 0 auto;
	justify-content: space-between;
}

.banner img {
	margin: 40px 0;
	height: 316px;
}
.casedetail {
	font-size: 14px;
	color: #999;
	padding: 24px 20px 0 20px;
	position: relative;
}
.casedetail p {
	width: 77%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.casedetail h3 {
	color: #333;
	padding-bottom: 10px;
	border-bottom: 1px solid #f8f8f8;
	margin-bottom: 12px;
}
.casedetail span {
	position: absolute;
	right: 20px;
	bottom: 0;
	background: #f1f1f1;
	padding: 4px 10px;
	border-radius: 3px;
	font-size: 12px;
}
.casetopnav {
	justify-content: space-around;
	line-height: 100px;
	margin-bottom: 40px;
}
.casetopnav .iconfont {
	font-size: 24px;
	margin-right: 6px;
	vertical-align: middle;
}
.topnav {
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.05);
}
.casetopnav div {
	cursor: pointer;
}
.casetopnav div:hover {
	color: #2389ed;
}
.casetopnav div.act {
	color: #2389ed;
}
html body .absolute {
	top: 0;
	left: 0;
	justify-content: space-around;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 200;
	display: none;
	align-items: center;
	box-sizing: border-box;
	background: rgba(0,0,0,0.6);
}

html body .absolute .swiper-container3 {
	width: 375px;
	height: 667px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	/*overflow: hidden;*/
}
html body .absolute .swiper-container3 img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all .4s ease;
}
.absolute .swiper-container3 .swiper-wrapper {
	overflow: hidden;
	width: 375px;
	height: 667px;
	position: relative;
}
.absolute .swiper-container3 img.prev {
	left: -375px;
}
.absolute .swiper-container3 img.active {
	left: 0;
}
.absolute .swiper-container3 img.next {
	left: 375px;
}
.absolute .iconfont {
	float: right;
	color: #fff;
	font-size: 40px;
	margin: 60px 400px;
	cursor: pointer;
}
/*.swiper-container3 {
	width: 50%;
    margin: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 610px;
}
.swiper-container3 .swiper-wrapper {
	width: 370px!important;
	margin: 0 auto;
	overflow: hidden;
}
.swiper-container3 .swiper-slide {
	width: 370px!important;
	margin: 0 auto;
	overflow: hidden;
}*/
.swiper-button-prev {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	left: -86px;
}
.swiper-button-next {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	right: -86px;
}
#cases ul li {
	position: relative;
	overflow: hidden;
}
.abscase2 {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    flex-direction: column;
    background: #fff;
}
.abscase2 p {
    background: #fff;
}
.abscase2 p.flex {
	justify-content: space-between;
	padding: 16px 20px 0 20px;
}
.abscase2 p.flex span:nth-of-type(2) {
	background: #f1f1f1;
    padding: 4px 10px;
    border-radius: 3px;
    font-size: 12px;
}
.abscase2 div {
	flex: 1;
	background: rgba(0,0,0,0.5);
}
.abscase2 p.casedetail {
	padding-bottom: 20px;
	line-height: 24px;
}
.nothing {
	display: none;
	text-align: center;
}