.banner img{width: 100%; display: block; margin-top: 70px;}
.wrap{width: 1200px; margin: 20px auto;}
.content1 ul{display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;}
.content1 ul a{margin-bottom: 1%;}
.content1 ul li{width: 100%; position: relative; cursor: pointer;}
.content1 ul li>img{width:100%;  display: block;}
.content1 ul li>span{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; display: block; transition: all .5s linear; -webkit-transition: all .5s linear;}
.content1 ul li>span>img{width:100%;  display: block;}
.content1 ul li:hover span{opacity: 0;}




.wrap {
    width: 90%;
    margin: 20px auto;
}
.warpRight{
	display:flex;
	margin-top:40px;
}

.AW_TabList{
	width:250px;
	display: block;
}
.AW_TabList div{
	/* width: 210px; */
    /* height: 52px; */
    font-size: 18px;
    /* display: flex; */
    /* align-items: center; */
    justify-content: center;
    /* border: 1px solid rgba(24, 130, 248); */
    border-radius: 15px;
    /* color: rgba(24, 130, 248); */
    cursor: pointer;
    margin: 0 50px;
    margin-left: 0;
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
	justify-content: space-between;
}
.AW_TabList div div{
	width:auto;
	margin-bottom: 0;
	display: flex;
}
.AW_TabList div span{
	width:56px;
	height:1px;
	display:block;
	background:rgba(0,0,0,.2)
}

.content1 {
    margin-top: 0;
    display:none;
}
.content_show{
	display:block;
}
.content1 ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.content1 ul a {
    margin-bottom: 2%;
    width: calc(100% / 4 - 5px);
}
.content1 ul li {
    width: 100%;
    position: relative;
    cursor: pointer;
	background: #f7f7f7;
}
.content1 ul li>img {
    width: 100%;
    display: block;
}
.content1 ul li>p{
	padding-left:5px;
	font-size:16px;
	padding:10px;
}
.content1 ul li :nth-child(3){
	display:none;
}
.content1 ul li>span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
   height:100%;
   display:flex;
   align-items:center;
   justify-content:center;
   background-color:rgba(0,0,0,.6);
	opacity:0;
	transition: all 0.5s;
}
.wrap_all{
	font-size:18px;
	margin-bottom:30px;
}
.content1 ul li>span>p {
	color: #fff;
    background-color: #01d4d7;
	width: 100px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
	display:flex;
   align-items:center;
   justify-content:center;
}
.content1 ul li:hover span {
    opacity: 1;
}

.AW_TabList .AW_action {
    color: rgba(24, 130, 248);
}

.content1{display:none;}
.content_show{
	display:block;
}

@media screen and (max-width:1219px){
  .wrap{width: 96%;}

}

@media screen and (max-width:1024px) {
  .banner img{margin-top: 60px;}
}

@media screen and (max-width:768px){
  .content1 ul{justify-content: flex-start;}
  .content1 ul a{width:32.3%; margin:0 0.5% 1%;}
  .nyl_title .big{
	  font-size:36px;
  }
}

@media screen and (max-width:600px){
  .content1 ul a{width:49%; margin-bottom: 1%;}
  .banner img{margin-top: 67px;}
}


/* 解决方案 开始*/
@media (max-width: 1000px){
	
	.wrap_all{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.content1 ul li :nth-child(3){
		display:block;
	}
	.content1 ul li :nth-child(2){
		display:none;
	}
	.choose_main{
		margin-bottom:50px;
	}
	
	
	.warpRight{display:block;}
	.AW_TabList{    
		display: flex;
		margin: 0 auto;
		margin-bottom: 40px;
	}
	.AW_TabList div span{display:none;}
	#arrow{display:none}
	.AW_TabList div{
		margin:0 auto;
		border: 1px solid rgba(24, 130, 248);
		color: rgba(24, 130, 248);
		width: 40%;
		height: 35px;
	}
	.AW_TabItem_msg{
		display:none !important;
	}
	.AW_TabList div div{border:none;}
	
	.AW_action{
		background:rgba(24, 130, 248);
		color:#fff !important;
	}
	.AW_action div{color:#fff;}
}
/* 解决方案 结束*/