/*banner*/
.cy-banner-seo{
    background: url(../image/banner-seo.jpg) no-repeat center top;
    background-size: auto 100%;
    width: 100%;
    height: 720px;
    text-align: center;
	font-style: oblique;
}
.cy-banner-seo .title{
    font-size: 72px;
    font-weight: 700;
    color: #fff;
    padding-top: 200px;
}
.cy-banner-seo .subtitle{
    font-size: 28px;
    margin-top: 30px;
    color: #FFFFFF;
}
.cy-banner-seo .desc{
    font-size: 24px;
    margin-top: 20px;
    color: #FFFFFF;
}
.cy-banner-seo .line{
    display: block;
    margin: 15px auto;
    width: 40px;
    height: 4px;
    border-radius: 2px;
    background-color: #fff;
}
/*需要做SEO优化？*/
.cy-seo-why{
    width: 100%;
    /* background: url(../image/bg-about-info.jpg) no-repeat center top; */
	background-color: #f4f4f4;
    background-size: 100% auto;
}
.cy-seo-why .cy-wp{
    padding: 70px 0;
}
.cy-seo-why .whytop{
    margin-top: 40px;
    text-align: center;
}
.cy-seo-why .whytop .title{
    font-size: 60px;
    font-weight: normal;
	color: #000;
}
.cy-seo-why .whytop .title strong{
    background: url(../image/dot-red2.png) no-repeat 20px 45px;
    background-size: 264px 10px;
}
.cy-seo-why .whytop .subtitle{
    font-size: 20px;
    color: #999;
}
.cy-seowhy-list{
    width: 100%;
    margin: 50px auto;
}
.cy-seowhy-case{
    width: 100%;
    margin: 50px auto;
}
.cy-ai-more .cy-seowhy-list{
	margin-top: 0;
}
.cy-seowhy-list li{
    width:30%;
    margin:1.66666%;
    padding: 30px;
    position: relative;
    background-color: #fff;
    float: left;
    border-radius: 5px;
    transition: all ease-out 0.35s;
    overflow: hidden;
}
.cy-seowhy-case li{
    width:48%;
	margin: 1%;
    padding:0;
    position: relative;
    background-color: #fff;
    float: left;
    border-radius: 5px;
    transition: all ease-out 0.35s;
    overflow: hidden;
}
 .cy-seowhy-list li img,.cy-seowhy-case li img{
	 width: 100%;
 }
.cy-seowhy-list4 li{
	width:23%;
	margin:1%;
}
.cy-seowhy-list li:hover{
    transition: all ease-out 0.35s;
    box-shadow:0 10px 20px 0 #ddd;
	background-color: #1476fe;
}
.cy-seowhy-list li .number{
    background-color: #1476fe;
    width: 130px;
    height: 130px;
    font-size: 40px;
    box-sizing: border-box;
    padding-left: 15px;
    line-height: 180px;
    color: #fff;
    display: block;
    font-family: din;
    position: absolute;
    right: -60px;
    top: -60px;
    border-radius: 10%;
    opacity: 0.7;
    transition: all ease-out 0.35s;
}
.cy-seowhy-list li:hover .number{
    opacity:1;
    transition: all ease-out 0.35s;
	background-color: #fff;
	color: #1476fe;
}
.cy-seowhy-list li .title{
    font-size: 26px;
    font-weight: 700;
    color: #000;
    transition: all ease-out 0.35s;
}
.cy-seowhy-list li:hover .title{
    font-size:26px;
    font-weight:700;
    color:#fff;
    transition: all ease-out 0.35s;
}
.cy-seowhy-list li .text{
    font-size: 18px;
    color: #666;
    transition: all ease-out 0.35s;
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 20px;
}
.cy-seowhy-list li .text b{color: #000;}
.cy-seowhy-list li:hover .text,.cy-seowhy-list li:hover .text b{
	color: #fff;
}
/*解决SEO优化难题！*/
.cy-seo-problem{
    display: block;
    width: 100%;
    padding: 50px 0;
    background: url(../image/bg-seo-problem.jpg) no-repeat center top;
    background-size: cover;
}
.cy-seo-problem .title{
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    margin-top: 50px;
    background: url(../image/dot-red2.png) no-repeat 626px 76px;
    background-size: 240px 10px;
}
.cy-seo-problem .subtitle{
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
}
.cy-seo-problem .desc{
    font-size: 18px;
    text-align: center;
    color: #FFF;
    margin-top: 25px;
}
.cy-seo-problem ul{
    display: flex;
    padding-top: 80px;
    flex-direction: row;
    flex-wrap: wrap;
}
.cy-seo-problem li{
    width:30%;
    margin:1.666%;
    float:left;
    min-height:200px;
    border-radius:5px;
    padding:40px;
    box-sizing:border-box;
    background-color:#f6f6f6;
    transition: all 0.35s;
}
.cy-seo-problem li:hover{
    background-color:#1476fe;
    transition: all 0.35s;
    color:#fff;
}
.cy-seo-problem li .number{
    width:73px;
    float:left;
    height:62px;
    overflow:hidden;
    margin-top:10px;
    margin-right:10px;
}
.cy-seo-problem li .number img{
    width: 100%;
    height: auto;
}
.cy-seo-problem li:hover .number img{
    margin-top:-62px;
    transition: all 0.35s;
}
.cy-seo-problem li .text{
    float:left;
    line-height:1.6;
}
.cy-seo-problem li .text strong{
    display: block;
    font-size: 30px;
    font-weight: bold;
}
.cy-seo-problem li .text span{
    display: block;
    font-size: 18px;
    margin-top: 20px;
}
/*案例数据*/
.cy-seo-data{
    background:url(../image/bg-seo-data.png) no-repeat center top;
    background-size: 100% auto;
    height:972px;
    padding: 50px 0;
}
.cy-seo-data .cy-wp{
    padding: 50px ;
	text-align: center;
}
.cy-seo-data .title{
    font-size: 36px;
	font-weight: bold;
	color: #000;
}
.cy-seo-data .subtitle{
    font-size: 60px;
    font-weight: bold;
    background: url(../image/dot-red2.png) no-repeat center 76px;
    background-size: 240px 10px;
	color: #000;
}
.cy-seo-data .desc{
    font-size: 30px;
    color: #999999;
    margin-top: 20px;
}
.cy-seo-data .seo-number{ 
    width:1400px; 
    margin:0 auto; 
    position:relative;
}
.cy-seo-data .seo-number li{
    width:350px; 
    height:350px; 
    color:#fff; 
    box-sizing:border-box; 
    line-height:1.2; 
    position:absolute; 
}
.cy-seo-data .seo-num1{
    background:url(../image/bg-seo-data1.png) no-repeat; 
    background-size: 100% 100%;
    left:0;
    top:0px;
    padding:160px 0 0 80px; 
}
.cy-seo-data .seo-num2{
    background:url(../image/bg-seo-data2.png) no-repeat;
    background-size: 100% 100%;
    left:350px;
    top:110px;
    padding:160px 0 0 80px; 
}
.cy-seo-data .seo-num3{
    background:url(../image/bg-seo-data3.png) no-repeat;
    background-size: 100% 100%;
    left:720px; 
    top:50px;
    padding:120px 0 0 80px; 
}
.cy-seo-data .seo-num4{
    background:url(../image/bg-seo-data4.png) no-repeat;
    background-size: 100% 100%;
    left:1100px;
    top:90px;
    padding:120px 0 0 80px; 
}
.cy-seo-data .seo-number li .num{
    font-size: 24px;
}
.cy-seo-data .seo-number li .num span{
    font-size: 48px;
    font-family: 'Din';
    font-weight: bold;
}
.cy-seo-data .seo-number li .text{
    font-size: 16px;
}
/*比你想象的多*/
.cy-seo-more{
    background: url(../image/bg-seo-more.jpg) no-repeat center top;
    background-size: cover;
    height: 792px;
}
.cy-ai-more{
    background: url(../image/bg-ai-more.jpg) no-repeat center top;
	height: 1080px;
}
.cy-seo-more .moretop{
    padding: 80px 0 50px 0;
    text-align: center;
    color: #FFF;
}
.cy-seo-more .moretop .title{
    font-size: 60px;
    font-weight: bold;
    background: url(../image/dot-red2.png) no-repeat center 76px;
    background-size: 240px 10px;
}
.cy-seo-more .moretop .subtitle{
    font-size: 22px;
    margin-top: 25px;
}
.cy-seo-more .moretop .subtitle span{
    color: #ff0;
    font-weight: bold;
}
/*我们的案例*/
.cy-seo-case{
    padding-bottom: 100px;
}
.cy-seo-case .casetop{
    padding: 80px 0;
    text-align: center;
}
.cy-seo-case .casetop .title{
    font-size: 60px;
    font-weight: bold;
    background: url(../image/dot-red2.png) no-repeat center 76px;
    background-size: 240px 10px;
	color: #000;
}
.cy-seo-case .casetop .subtitle{
    font-size: 36px;
    font-weight: bold;
    margin-top: 25px;
	color: #000;
}
.cy-seo-case .menu{
    margin-top: 30px;
}
.cy-seo-case .menu ul{
  float: left;
  display: table;
  position: relative;
  overflow: hidden;
  margin: 0;
}
.cy-seo-case .menu li{
  float: left;
  line-height: 38px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.cy-seo-case .menu li a{
  display: block;
  letter-spacing: 0;
  outline: none;
  font-size:20px;
  padding:0 20px;
  margin-right:30px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.cy-seo-case .menu li.cur a,.cy-seo-case .menu li:hover a,.cy-seo-case .menu li.on a{
    border-radius: 30px;
    background-color: #1476fe;
    font-weight: 700;
    color: #fff;
}
.cy-seo-case .casebox{
    width: 100%;
    margin: 10px auto;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 10px 20px 0 #ddd;
    padding: 50px;
    box-sizing: border-box;
}
.cy-seo-case .casebox .btn{
    margin-top: 50px;
    text-align: center;
}
.cy-seo-case .casebox a.more {
    width: 160px;
    height: 44px;
    box-sizing: border-box;
    line-height: 44px;
    padding-left: 30px;
    background: url(../image/dot-red.png) no-repeat left center;
    background-size: 20px 1px;
    font-size: 16px;
    border-bottom: 1px solid #1476fe;
    display: inline-block;
    color: #1476fe;
    transition: all 0.35s;
}
.cy-seo-case .casebox a.more:hover {
    padding-left: 70px;
    background-size: 60px 1px;
    transition: all 0.35s;
}
.cy-seo-case-list{
    display: table;
    width: 100%;
    padding-top: 50px;
}
.cy-seo-case-list li{
    display: flex;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 16px;
    line-height: 2.8;
}
.cy-seo-case-list li.bg{
    background-color: #f6fafd;
}
.cy-seo-case-list li:hover{
    background-color: #f6f6f6;
}
.cy-seo-case-list li .text1{
    width: 16%;
}
.cy-seo-case-list li .text2{
    width: 36%;
}
.cy-seo-case-list li .text3{
    width: 16%;
}
.cy-seo-case-list li .text4{
    width: 16%;
}
.cy-seo-case-list li .text5{
    width: 16%;
}
.cy-seo-case-list .green{
    color: #009900;
}
.cy-seo-case-list .red{
    color: #1476fe;
}
/*自适应*/
@media only screen and (min-width:1024px) and (max-width:1900px){
/*banner*/
 .cy-banner-seo{
     height: 37.5vw;
}
 .cy-banner-seo .title{
     font-size: 3.75vw;
     padding-top: 14.0625vw;
}
 .cy-banner-seo .subtitle{
     font-size: 1.458333vw;
     margin-top: 1.5625vw;
}
 .cy-banner-seo .desc{
     font-size: 1.25vw;
     margin-top: 1.041667vw;
}
 .cy-banner-seo .line{
     margin: 0.78125vw auto;
     width: 2.083333vw;
     height: 0.208333vw;
     border-radius: 0.104167vw;
}
/*需要做SEO优化？*/
 .cy-seo-why .cy-wp{
     padding: 2.604167vw 0;
}
 .cy-seo-why .whytop{
     margin-top: 2.604167vw;
}
 .cy-seo-why .whytop .title{
     font-size: 2.291667vw;
}
 .cy-seo-why .whytop .title strong{
     background: url(../image/dot-red2.png) no-repeat 1.041667vw 2.34375vw;
     background-size: 13.75vw 0.520833vw;
}
 .cy-seo-why .whytop .subtitle{
     font-size: 1.041667vw;
}
 .cy-seowhy-list{
     width: 100%;
     margin: 2.604167vw auto;
}
 .cy-seowhy-list li{
     width:30%;
     margin:1.5%;
     padding: 1.5625vw;
}
 .cy-seowhy-list li:hover{
     box-shadow:0 0.520833vw 1.041667vw 0 #ddd;
}
 .cy-seowhy-list li .number{
     width: 6.770833vw;
     height: 6.770833vw;
     font-size: 2.083333vw;
     padding-left: 1.041667vw;
     line-height: 9.375vw;
     right: -3.125vw;
     top: -3.125vw;
}
 .cy-seowhy-list li .title{
     font-size: 1.354167vw;
}
 .cy-seowhy-list li:hover .title{
     font-size:1.354167vw;
}
 .cy-seowhy-list li .text{
     font-size: 0.9375vw;
     margin-top: 1.041667vw;
     padding-top: 1.041667vw;
}
/*解决SEO优化难题！*/
 .cy-seo-problem{
     padding: 2.604167vw 0;
}
 .cy-seo-problem .title{
     font-size: 3.125vw;
     margin-top: 2.604167vw;
     background: url(../image/dot-red2.png) no-repeat 32.604167vw 3.958333vw;
     background-size: 12.5vw 0.520833vw;
}
 .cy-seo-problem .subtitle{
     font-size: 1.875vw;
}
 .cy-seo-problem .desc{
     font-size: 0.9375vw;
     margin-top: 1.302083vw;
}
 .cy-seo-problem ul{
     padding-top: 4.166667vw;
}
 .cy-seo-problem li{
     min-height:10.416667vw;
     border-radius:0.260417vw;
     padding:2.083333vw;
}
 .cy-seo-problem li .number{
     width:3.802083vw;
     height:3.229167vw;
     margin-top:0.520833vw;
     margin-right:0.520833vw;
}
 .cy-seo-problem li:hover .number img{
     margin-top:-3.229167vw;
}
 .cy-seo-problem li .text strong{
     font-size: 1.5625vw;
}
 .cy-seo-problem li .text span{
     font-size: 0.9375vw;
     margin-top: 1.041667vw;
}
/*案例数据*/
 .cy-seo-data{
     height:50.625vw;
     padding: 2.604167vw 0;
}
 .cy-seo-data .cy-wp{
     padding: 2.604167vw ;
}
 .cy-seo-data .title{
     font-size: 1.875vw;
}
 .cy-seo-data .subtitle{
     font-size: 3.125vw;
     background: url(../image/dot-red2.png) no-repeat left 3.958333vw;
     background-size: 12.5vw 0.520833vw;
}
 .cy-seo-data .desc{
     font-size: 1.5625vw;
     margin-top: 1.041667vw;
}
 .cy-seo-data .seo-number{
     width:72.916667vw;
}
 .cy-seo-data .seo-number li{
     width:18.229167vw;
     height:18.229167vw;
}
 .cy-seo-data .seo-num1{
     top:1.5625vw;
     padding:8.333333vw 0 0 4.166667vw;
}
 .cy-seo-data .seo-num2{
     left:18.229167vw;
     top:3.125vw;
     padding:8.333333vw 0 0 4.166667vw;
}
 .cy-seo-data .seo-num3{
     left:37.5vw;
     top:2.604167vw;
     padding:6.25vw 0 0 4.166667vw;
}
 .cy-seo-data .seo-num4{
     left:57.291667vw;
     top:2.604167vw;
     padding:6.25vw 0 0 4.166667vw;
}
 .cy-seo-data .seo-number li .num{
     font-size: 1.25vw;
}
 .cy-seo-data .seo-number li .num span{
     font-size: 2.5vw;
}
 .cy-seo-data .seo-number li .text{
     font-size: 0.833333vw;
}
/*比你想象的多*/
 .cy-seo-more{
     height: 41.25vw;
}
 .cy-seo-more .moretop{
     padding: 4.166667vw 0 2.604167vw 0;
}
 .cy-seo-more .moretop .title{
     font-size: 3.125vw;
     background: url(../image/dot-red2.png) no-repeat center 3.958333vw;
     background-size: 12.5vw 0.520833vw;
}
 .cy-seo-more .moretop .subtitle{
     font-size: 1.145833vw;
     margin-top: 1.302083vw;
}
/*我们的案例*/
 .cy-seo-case{
     padding-bottom: 5.208333vw;
}
 .cy-seo-case .casetop{
     padding: 4.166667vw 0;
}
 .cy-seo-case .casetop .title{
     font-size: 3.125vw;
     background: url(../image/dot-red2.png) no-repeat center 3.958333vw;
     background-size: 12.5vw 0.520833vw;
}
 .cy-seo-case .casetop .subtitle{
     font-size: 1.875vw;
     margin-top: 1.302083vw;
}
 .cy-seo-case .menu{
     margin-top: 1.5625vw;
}
 .cy-seo-case .menu li{
     line-height: 1.979167vw;
}
 .cy-seo-case .menu li a{
     font-size:1.041667vw;
     padding:0 1.041667vw;
     margin-right:1.5625vw;
}
 .cy-seo-case .menu li.cur a,.cy-seo-case .menu li:hover a{
     border-radius: 1.5625vw;
}
 .cy-seo-case .casebox{
     margin: 0.520833vw auto;
     border-radius: 0.78125vw;
     box-shadow: 0 0.520833vw 1.041667vw 0 #ddd;
     padding: 2.604167vw;
}
 .cy-seo-case .casebox .btn{
     margin-top: 2.604167vw;
}
 .cy-seo-case .casebox a.more {
     width: 8.333333vw;
     height: 2.291667vw;
     line-height: 2.291667vw;
     padding-left: 1.5625vw;
     background-size: 1.041667vw 0.052083vw;
     font-size: 0.833333vw;
}
 .cy-seo-case .casebox a.more:hover {
     padding-left: 3.645833vw;
     background-size: 3.125vw 0.052083vw;
}
 .cy-seo-case-list{
     padding-top: 2.604167vw;
}
 .cy-seo-case-list li{
     font-size: 0.833333vw;
}
}

/*Mobile v1*/
@media only screen and (max-width:767px){
.cy-banner-seo {
    background-size: auto 100%;
    height: 320px;
	padding: 30px 0;
}
.cy-banner-seo .title {
    font-size: 26px;
    padding-top: 50px;
}
.cy-banner-seo .subtitle {
    font-size: 18px;
    margin-top: 10px;
    color: #FFFFFF;
}
.cy-banner-seo .desc {
    font-size: 14px;
    margin-top: 10px;
    padding: 0 4%;
}
.cy-seo-why .cy-wp {
    padding: 0px 0 30px;
}
.cy-seo-why .whytop {
    margin-top: 0px;
}
.cy-seo-why .whytop .title {
    font-size: 22px;
}
.cy-seo-why .whytop .title strong {
    background: url(../image/dot-red2.png) no-repeat 0px 20px;
    background-size: 146px 5px;
}
.cy-seo-why .whytop .subtitle {
    font-size: 14px;
}
.cy-seowhy-list {
    margin: 30px auto;
}
.cy-seowhy-list li {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #F6F6F6;
}
.cy-seowhy-case li{width: 100%;}
.cy-seowhy-list li .title {
    font-size: 22px;
}
.cy-seowhy-list li .text {
    font-size: 14px;
    margin-top: 15px;
    padding-top: 15px;
}
.cy-seo-problem {
    padding: 30px 0;
    background-size: cover;
}
.cy-seo-problem .title {
    font-size: 18px;
    margin-top: 10px;
    background: url(../image/dot-red2.png) no-repeat center 26px;
    background-size: 120px 5px;
}
.cy-seo-problem .subtitle {
    font-size: 16px;
}
.cy-seo-problem .desc {
    font-size: 14px;
    margin-top: 15px;
}
.cy-seo-problem ul {
    padding-top: 30px;
}
.cy-seo-problem li {
    display: flex;
    width: 100%;
    margin: 0 0 20px 0;
    float: none;
    border-radius: 5px;
    padding: 20px;
    min-height: auto;
}
.cy-seo-problem li .number {
    float: none;
    height: 53px;
}
.cy-seo-problem li .text {
    float: none;
}
.cy-seo-problem li .text strong {
    font-size: 22px;
}
.cy-seo-problem li .text span {
    font-size: 14px;
    margin-top: 8px;
}
.cy-seo-data {
    background: url(../image/bg-seo-data.png) no-repeat center bottom;
    background-size: 100% auto;
    height: auto;
    padding: 30px 0;
    padding-bottom: 110px;
}
.cy-seo-data .cy-wp {
    padding: 0;
}
.cy-seo-data .title {
    font-size: 22px;
	font-weight: bold;
}
.cy-seo-data .subtitle {
    font-size: 22px;
    background: url(../image/dot-red2.png) no-repeat left 33px;
    background-size: 105px 5px;
}
.cy-seo-data .desc {
    font-size: 14px;
    margin-top: 10px;
}
.cy-seo-data .seo-number {
    width: 100%;
}
.cy-seo-data .seo-number li {
    width: 94%;
    height: 130px;
    position: relative;
    padding: 30px 0 0 50px;
    box-sizing: border-box;
    margin: 0 auto 4px;
    border: 1px solid;
    top: 20px;
    background-image: none;
}
.cy-seo-data .seo-number li:nth-child(1){
  background:linear-gradient(90deg,#391e7d,#cccccc); 
}
.cy-seo-data .seo-number li:nth-child(2){
  background:linear-gradient(90deg,#0f8f7c,#cccccc);
}
.cy-seo-data .seo-number li:nth-child(3){
  background:linear-gradient(90deg,#10498e,#cccccc);
}
.cy-seo-data .seo-number li:nth-child(4){
  background:linear-gradient(90deg,#c43402,#cccccc);
}
.cy-seo-data .seo-num2 {
    left: 0;
    top: 20px;
}
.cy-seo-data .seo-num3 {
    left: 0;
    top: 20px;
}
.cy-seo-data .seo-num4 {
    left: 0;
    top: 20px;
}
.cy-seo-more {
    background-size: cover;
    height: auto;
    padding-bottom: 15px;
}
.cy-seo-more .moretop {
    padding: 30px 0 0px 0;
}
.cy-seo-more .moretop .title {
    font-size: 22px;
    background: url(../image/dot-red2.png) no-repeat center 26px;
    background-size: 80px 5px;
}
.cy-seo-more .moretop .subtitle {
    font-size: 14px;
    margin-top: 10px;
}
.cy-seo-more .cy-seowhy-list li{
    border:none;
}
.cy-seo-case {
    padding-bottom: 30px;
}
.cy-seo-case .casetop {
    padding: 20px 0;
}
.cy-seo-case .casetop .title {
    font-size: 22px;
    background: url(../image/dot-red2.png) no-repeat center 32px;
    background-size: 100px 5px;
}
.cy-seo-case .casetop .subtitle {
    font-size: 16px;
    margin-top: 10px;
    padding: 0 4%;
}
.cy-seo-case .casebox {
    margin: 5px auto;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 #ddd;
    padding: 10px;
}
.cy-seo-case .menu {
    margin-top: 10px;
}
.cy-seo-case .menu li {
    float: none;
    line-height: 26px;
    padding: 0;
    width: 33.33%;
}
.cy-seo-case .menu li a {
    font-size: 14px;
    padding: 0 10px;
    text-align: center;
    margin-bottom: 5px;
    margin-right: 0;
}
.cy-seo-case .menu ul {
    float: none;
    display: flex;
    margin: 0;
    flex-direction: row;
    flex-wrap: wrap;
}
.cy-seo-case-list {
    padding-top: 20px;
}
.cy-seo-case-list li {
    font-size: 12px;
    line-height: 2.2;
}
.cy-seo-case .casebox .btn {
    margin-top: 20px;
    padding-bottom: 20px;
}

}