@charset "utf-8";
@import url("base.css");
@import url("animate.css");
.banner{ width: 100%; height: 626px; background: url(../images/banner-seo.jpg) no-repeat center center; }
.box-public .tit{ margin-bottom:40px; }
.bg-f7{background: #f7f7f7}
.bg-f2{background: #f2f2f2}
.orange{ color:#ff9900;}
.white{ color:#fff;}
.box-public h1{ font-size: 60px; margin-top: 80px; font-weight: normal;}
.box-public h3{ width: 660px; margin: auto; margin-top: 30px; font-size: 18px;font-weight: normal; }
.w880{ width: 880px !important; margin-top: 40px }


.box-seo-question{padding: 50px 0; }
.box-seo-question .con img{ display: block; margin-left: 150px;width: 478px;height: 229px;}
.box-seo-question .con .txt{ padding-left: 45px;overflow: hidden; }
.box-seo-question .con .txt dt{font-size: 30px; line-height: 80px; color: #383838;}
.box-seo-question .con .txt dd{font-size: 18px; line-height: 38px; color: #787878;}
.box-seo-question .con .txt dd b{color: #ea5143;}
.box-seo-question p{margin-top: 60px; text-align: center; font-size: 18px; color: #787878;}

.box-seo-brand{}

.box-seo-brand li{float: left; width: 20%; text-align: center;}
.box-seo-brand li img{width: 72px; height: 72px;}
.box-seo-brand li .c{margin-top: 24px; height: 155px; text-align: center; padding: 0 40px;}
.box-seo-brand li .c h4{font-weight: 400; margin-bottom: 15px; font-size: 18px; color: #383838;}
.box-seo-brand li .c p{line-height: 24px; color: #787878;}
.box-seo-brand li + li .c{border-left: 1px solid #E4E4E4;}

.box-seo-about { background: #268ed8 }
.box-seo-about .tit{ color: #fff; margin: 20px; }
.box-seo-about .tit b{ color: #fff; margin: 0; }
.box-seo-about li{float: left; width: 320px; padding: 30px; display: table; margin: 20px 9px; table-layout: fixed; border: 1px solid #FFFFFF;}
.box-seo-about li .img,
.box-seo-about li .c{height: 88px; display: table-cell; vertical-align: middle; overflow: hidden;}
.box-seo-about li .img{width: 115px; text-align: center;}
.box-seo-about li .c{font-size: 18px; color: #FFFFFF; line-height: 28px;}

.box-seo-keyword{background: url(../images/seo-keyword-bg.jpg) bottom center no-repeat; text-align: center; height: 825px; overflow: hidden; color: #fff; position: relative;}

/*滑动流星*/
@-webkit-keyframes meteoFlush{0%{opacity:0;
transform:scale(2) translate(160px, -105px)}
25%{opacity:1}
50%, 100%{opacity:0;
transform:scale(0.5) translate(-160px, 105px)}}
@keyframes meteoFlush{0%{opacity:0;
transform:scale(2) translate(160px, -105px)}
25%{opacity:1}
50%, 100%{opacity:0;
transform:scale(0.5) translate(-160px, 105px)}}
.meteor-item{width: 156px; height: 103px; display:inline-block; -webkit-transform: scale(0.3); transform: scale(0.3);background: url(../images/liux.png) top no-repeat; -webkit-animation: meteoFlush 2.4s .12s linear infinite; animation: meteoFlush 2.4s .12s linear infinite;opacity:0;}
.meteor-list .item--1{-webkit-animation-delay: 0s; animation-delay: 0s;}
.meteor-list .item--11{-webkit-animation-delay: 1.3s; animation-delay: 1.3s; left:0; position: absolute;}
.meteor-list .item--2{-webkit-animation-delay: 1.3s; animation-delay: 1.3s;}
.meteor-list .item--3{-webkit-animation-delay: .8s; animation-delay: .8s;}
.meteor-list .item--33{-webkit-animation-delay: 1s; animation-delay: 1s; right: -100px; position: absolute;opacity:0;}
.gjcbg{background: url(../images/gjcbg.png) center bottom no-repeat; position: absolute; bottom: -30px; width: 100%; height: 226px;}
.llkey{bottom: 100px;position: relative; margin: 0 auto; width: 800px;margin-top: 200px;height: 350px; z-index: 96;}
.keyword1{position:absolute; left:0px; bottom:50px;display:inline-block;}
.keyword2{position:absolute; left:200px; bottom:200px;display:inline-block;}
.keyword3{position:absolute; left:330px; bottom:30px;display:inline-block;}
.keyword4{position:absolute; right:0px; bottom:200px;display:inline-block;}
.kword1{background:url(../images/keyw1.png) center bottom no-repeat; width:100px; height:130px; display:inline-block;}
.kword2{background:url(../images/keyw2.png) center bottom no-repeat;width:65px; height:85px;display:inline-block;}
.kword3{background:url(../images/keyw3.png) center bottom no-repeat;width:100px; height:130px; display:inline-block;}
.kword4{background:url(../images/keyw4.png) center bottom no-repeat;width:100px; height:110px; display:inline-block;}


.feature-icon-animate{visibility: visible; -webkit-animation: floating-bubble .5s 1 cubic-bezier(0.18,.89,.32,1.28) both; -moz-animation: floating-bubble .5s 1 cubic-bezier(0.18,.89,.32,1.28) both; animation: floating-bubble .5s 1 cubic-bezier(0.18,.89,.32,1.28) both;}
.feature-icon-animate{-webkit-animation-delay: .5s; -moz-animation-delay: .5s; animation-delay: .5s;}
.animate2{-webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;}
.animate3{-webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s;}
.animate4{-webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s;}
@-webkit-keyframes floating-bubble{from{-webkit-transform:translate(0, -5px) scale(0);
transform:translate(0, -5px) scale(0)}
to{-webkit-transform: translate(0, 0) scale(1);transform: translate(0, 0) scale(1)}}
@-moz-keyframes floating-bubble{from{-moz-transform:translate(0, -5px) scale(0);
transform:translate(0, -5px) scale(0)}
to{-moz-transform: translate(0, 0) scale(1);transform: translate(0, 0) scale(1)}}
@keyframes floating-bubble{from{-webkit-transform:translate(0, -5px) scale(0);
-moz-transform:translate(0, -5px) scale(0);
transform:translate(0, -5px) scale(0)}
to{-webkit-transform: translate(0, 0) scale(1);-moz-transform: translate(0, 0) scale(1);transform: translate(0, 0) scale(1)}}

.box-web {background: url(../images/seo-web-bg.png) bottom center no-repeat; text-align: center; height: 880px; overflow: hidden; position: relative;}
.effect-pic{-webkit-animation: fadeInTop .4s ease-in-out both .3s; animation: fadeInTop .4s ease-in-out both .3s; opacity: 1 !important;filter: alpha(opacity=100)\9 !important;}
.effect-pic5{-webkit-animation: fadeInTop .4s ease-in-out both .4s; animation: fadeInTop .4s ease-in-out both .4s; opacity: 1 !important;filter: alpha(opacity=100)\9 !important;}
.box-web .qywz_img{background: url(../images/ban08.png) center no-repeat; width: 1140px; height: 334px; margin: auto; margin-top: 50px;}
.box-web .qysj_img{background: url(../images/ban08_01.png) center no-repeat; width: 176px; height: 153px; margin: auto; margin-top: 50px; position: absolute; bottom: 280px; right: 70px;}

.box-seo-b2b{ background: #db6e1e; color: #fff; text-align: center; height: 880px; overflow: hidden;}
.box-seo-b2b .pcimg{background: url(../images/seo-api.png) top no-repeat; width: 1052px; height: 500px; display: block; margin: 0 auto; position: relative; overflow: hidden; margin-top: 100px;}
.box-seo-b2b .pcimg img{ display: block; margin: 41px;position: relative;width: 922px;height: 447px;overflow: hidden;zoom: 1;}
.box-seo-b2b .w880{ margin-top: 50px; }

.box-seo-sort{}
.box-seo-sort .gzc {
    background: url(../images/ban04.png) bottom center no-repeat;
    width: 1209px;
    height: 549px;
    margin: 0 auto;
    margin-top: 100px;
}


.box-seo-seo{text-align: center; background: url(../images/ban17.jpg) bottom center no-repeat #fff; height: 800px; overflow: hidden; position: relative;}
.wzclass{width: 100%; position: relative; height: 500px; margin-top: 80px;}
.wzcls1{ background:url(../images/wzclass1.jpg) center no-repeat; display:inline-block;width:176px; height:85px; position:absolute; left:500px;}
.wzcls2{background: url(../images/wzclass2.png) center no-repeat;display: inline-block; position: absolute;  top: 98px; right: 200px;width: 200px; height: 85px;}
.wzcls3{ background: url(../images/wzclass3.jpg) center no-repeat; display: inline-block; position: absolute;bottom: 350px;left: 120px; width: 188px; height: 85px;}
.wzcls4{ background: url(../images/wzclass4.jpg) center no-repeat;display: inline-block; position: absolute; top: 149px;right: 500px; width: 127px;height: 85px;}
.wzcls5{ background: url(../images/wzclass5.png) center no-repeat; display: inline-block;position: absolute; bottom: 250px; left: 200px;width: 186px; height: 90px;}
.wzcls6{background: url(../images/wzclass6.jpg) center no-repeat;display: inline-block; position: absolute; left: 940px; width: 186px;height: 90px; bottom: 140px;}
.wzcls7{ background: url(../images/wzclass7.jpg) center no-repeat;display: inline-block; position: absolute; left: 400px; width: 186px; height: 90px; bottom: 100px;}