.w1200{width: 1200px;margin: 0 auto}
.header{background: #fff;}
.seo{padding-top: 121px;}
.seotit{text-align: center;}
.seotit h1{font-size: 36px;color: #8d3924;font-weight: normal;}
.seotit p{font-size: 24px;color: #40424e;padding-top: 15px;}
.seotit h3{font-size: 22px;color: #3742a3;font-weight: normal;padding-top: 15px;padding-bottom: 30px;}
.seotit span{display: block;margin: 0 auto;width: 30px;height: 4px;background: #cccccc;}

.seo-tone{padding: 60px 0;background: #fff;}
.seo-tone-b{background: url("../images/seotopbgs.jpg") no-repeat center bottom;padding-top: 30px;padding-bottom: 100px;}
.seo-tone-info{font-size: 16px;color: #666666;line-height: 36px;}

.seo-tone-b ul{padding-top: 50px;}
.seo-tone-b li{float: left;width: 25%;text-align: center}
.seo-tone-b li span{display: block;margin: 0 auto;position: relative;width: 110px;height: 110px;}
.seo-tone-b li span img{position: relative;z-index: 5}

@keyframes sssrun {
    0%{opacity: .5;transform: scale(1)}
    100%{opacity: 0;transform: scale(1.5)}
}

.seo-tone-b li span:before,.seo-tone-b li span:after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: #08c8fe;opacity: 5;animation: sssrun 2s linear infinite;border-radius: 50%;}
.seo-tone-b li span:after{animation-delay: 1s;}

.seo-tone-b li span:after{}
.seo-tone-b li h1{font-size: 24px;color: #333333;padding-bottom: 15px;margin-top: 50px;font-weight: normal;}
.seo-tone-b li p{font-size: 16px;color: #666666;line-height: 22px;}

.seo-ttew{padding: 160px 0;background: url("../images/seotwobg.jpg") no-repeat center;background-size: cover;}
.seo-ttew-b{padding:80px 0;}
.seo-ttew-b li{float: left;width: 23.5%;margin-right: 2%;background: #fff;border-radius: 150px;padding:90px 30px;box-sizing: border-box}
.seo-ttew-b li:last-child{margin-right: 0;}
.seo-ttew-b li div{height: 130px;text-align: center}
.seo-ttew-b li h1{text-align: center;font-size: 22px;color: #0c113e;font-weight: normal;padding-bottom: 25px;}
.seo-ttew-b li p{font-size: 16px;color: #888888;line-height: 20px;height: 80px;}

.seo-tthree{padding: 60px 0;background: #fff}
.seo-tthree-b{padding-top: 80px;padding-bottom: 20px;text-align: center;}

.seo-tfour{background: #e5e5ed;padding: 80px 0;}
.seo-tfour-b{}
.seo-tfour-b ul{padding-top: 60px}
.seo-tfour-b li{float: left;width: 32%;margin-right: 2%;margin-bottom: 30px;padding: 40px 35px;background: #fff;box-sizing: border-box}
.seo-tfour-b li:nth-child(3n){margin-right: 0}
.seo-tfour-b li h1{font-size: 20px;color: #0c113e;text-align: center;padding-bottom: 20px;}
.seo-tfour-b li p{font-size: 16px;line-height: 26px;color: #666666;height: 78px;}


.seo-tfive{background: url("../images/seoznjfbotbg.jpg") no-repeat center;background-size: cover;padding:90px 0;text-align: center}
.seo-tfive h1{font-size: 36px;color: #fff;font-weight: normal;padding-top: 20px;}
.seo-tfive p{padding-bottom: 25px;padding-top: 20px;font-size: 16px;color: #fff;}
.seo-tfive a{display: inline-block;width: 200px;line-height: 50px;font-size: 18px;color: #000000;background: #ffd200;border-radius: 25px;}

.bottom{margin-top: -15px;}


@media screen and (max-width: 1400px) {
    .seo{padding-top: 91px;}
}


@media screen and (max-width: 1250px) {
    .seo{padding-top: 70px;}
    .seo .w1200{width: 970px;}
    .seotit h1{font-size: 32px;}
    .seo-ttew-b li h1{font-size: 18px;}

}

@media screen and (max-width: 970px){
    .seo .w1200{width:100%;padding: 0 40px;box-sizing: border-box}
    .seo-tone-b{background-size:  80% auto;padding-bottom: 40px;}

    .seo-ttew{padding: 80px 0;}
    .seo-ttew-b{padding-bottom: 40px;}
    .seo-ttew-b li{width: 45%;margin-right: 0;margin-bottom: 40px;border-radius: 0;padding: 40px;}
    .seo-ttew-b li:nth-child(even){float: right}
    .seo-tfour-b li{width: 48%;margin-right: 0;margin-bottom: 30px;}
    .seo-tfour-b li:nth-child(even){float: right}
}

@media screen and (max-width: 757px){
    .seo{padding-top: 40px;}
    .seo .w1200{padding:0 20px;}
    .seo-tone{padding: 30px 0;}
    .seotit h1{font-size: 20px;}
    .seotit h3{font-size: 14px;padding-top: 10px; padding-bottom: 20px;}
    .seo-tone-b ul{padding-top: 20px;}
    .seo-tone-b li{width: 50%;padding:30px 0;}
    .seo-tone-b li span{width: 90px;height: 90px;}
    .seo-tone-b li h1{font-size: 20px;}
    .seo-tone-b li p{font-size: 14px;line-height: 20px;}
    .seotit p{font-size: 14px;}
    .seo-ttew{background-position: right;padding: 40px 0;}
    .seo-ttew-b{padding: 30px 0;}
    .seo-ttew-b li{width: 100%;}

    .seo-tthree{padding:0 0 30px 0;}
    .seo-tthree-b{padding-top: 30px;}

    .seo-tfour{padding: 40px 0;}
    .seo-tfour-b ul{padding-top: 40px;}
    .seo-tfour-b li{width: 100%;float: none !important}

    .seo-tfive{padding: 30px 0;}
    .seo-tfive h1{font-size: 22px;}
    .seo-tfive a{width: 140px;font-size: 14px;line-height: 40px;border-radius: 20px}

}