/**/
.vertical-middle{width: 100%;height: 100%;display: table;}
.vertical-middle div{display: table-cell;vertical-align: middle;}

.seo-boxs .heading{padding:40px 0 30px}
.seo-boxs .heading h3{ font-size:30px; color:#333; padding-bottom:8px; }
.seo-boxs .heading p{font-size:14px; color:#666}
.seo-con-box .item{ border:1px solid #e5e5e5; padding:30px 36px 15px; height:285px}
.seo-con-box .item s{ display:block; height:100px; width:100px; margin:0 auto;}
.seo-con-box .item1 s{ background:url(../images/seo/seo1.jpg) no-repeat center center}
.seo-con-box .item2 s{ background:url(../images/seo/seo2.jpg) no-repeat center center}
.seo-con-box .item3 s{ background:url(../images/seo/seo3.jpg) no-repeat center center}
.seo-con-box .item4 s{ background:url(../images/seo/seo4.jpg) no-repeat center center}
.seo-con-box .item5 s{ background:url(../images/seo/seo5.jpg) no-repeat center center}
.seo-con-box .item6 s{ background:url(../images/seo/seo6.jpg) no-repeat center center}
.seo-con-box .item6 s a{ display:block; width:100%; height:100%}
.seo-con-box .item .title{font-size:18px;  color:#94d700; line-height:1; margin:25px 0 12px }
.seo-con-box .item2 .title{color:#eec827}
.seo-con-box .item3 .title{color:#41aaed}
.seo-con-box .item4 .title{color:#f72473}
.seo-con-box .item5 .title{color:#ef61de}
.seo-con-box .item6 .title{color:#f77521;margin:60px 0 12px }
.seo-con-box .item .desc{font-size:14px; color:#333; line-height:1.8}

.seo-adv{background:url(../images/seo/seo_adv.jpg) no-repeat center center; background-size:cover; padding:45px 0 60px; line-height:1.8}
.seo-adv .title{color:#333;font-size:20px;line-height:1.7}
.seo-adv .title p{line-height:1.7}
.seo-adv .title .bt{font-size:30px; margin-bottom:5px }
.seo-adv .title .bm{font-size:24px; margin:20px 0 30px}
.seo-adv .title span{ color:#c62421}
.seo-adv .desc{font-size:18px;color:#f77521; background:url(../images/seo/seo_bg.png) repeat; padding:15px;}

.analysis-boxs { background:#f7f7f7}
.seo-analysis-box .item{ padding:15px; height:125px; background:#fff; overflow:hidden}
.seo-analysis-box .item:hover{box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);}
.seo-analysis-box .item .title{font-size:18px;  color:#c62421; line-height:1; margin:6px 0 10px }
.seo-analysis-box .item s{ background:#e76563; display:inline-block; width:25px; border-radius:100%; height:25px; line-height:25px; text-indent:5px; color:#fff; font-style:italic; text-decoration:none; font-weight:bold; margin-right:7px;}
.seo-analysis-box .item2 s{background:#00b6ef}
.seo-analysis-box .item3 s{background:#f78639}
.seo-analysis-box .item4 s{background:#18cbc6}
.seo-analysis-box .item5 s{background:#10be63}
.seo-analysis-box .item6 s{background:#f72473}
.seo-analysis-box .item .desc{font-size:14px; color:#666; line-height:1.8}

.strategy-boxs .show-list{padding:20px 0 0px}
.strategy-boxs h4{font-size:24px; color:#333; position:relative; text-indent:12px;}
.strategy-boxs h4:before{content:""; position:absolute;width:3px;height:100%;top:0; left:0; background:#f77521}
.strategy-l .item{ position:relative; margin-top:7px;}
.strategy-l .item:after{ content:""; position:absolute; background:#c62421; left:110px; width:1px; top:25px; bottom:23px}
.strategy-l li{font-size:18px; color:#c62421; padding:15px 0 14px; position:relative}
.strategy-l li:first-child:before{content:""; position:absolute; width:30px; background:#c62421; height:1px;left:80px;top:25px;}
.strategy-l li:last-child:before{content:""; position:absolute; width:30px; background:#c62421; height:1px;left:80px;bottom:23px;}

.strategy-m .item{ margin-left:61px;}
.strategy-m h3{ font-size:20px; color:#666; text-indent:105px; margin:81px 0 15px;}
.strategy-m li{ display:inline-block; margin-right:45px;}
.strategy-m li{ width:85px; height:85px; border-radius:50%; color:#fff; font-size:20px; text-align:center; padding-top:15px; position:relative}
.strategy-m li:first-child{ background:#c62421}
.strategy-m li:nth-child(2){ background:#f77521;font-size:28px;width:120px; height:120px;padding-top:23px;}
.strategy-m li:last-child{ background:#39b2ff}
.strategy-m li:before,.strategy-m li:after{content:""; position:absolute;width:50px;height:1px;top:50%}
.strategy-m li:first-child:before{background:#c62421; left:-50px; }
.strategy-m li:first-child:after{background:#c62421;right:-50px;}
.strategy-m li:last-child:before{background:#39b2ff;left:-50px;}
.strategy-m li:last-child:after{background:#39b2ff;right:-51px;width:51px;}

.strategy-r .item{ position:relative}
.strategy-r .item:after{ content:""; position:absolute; background:#39b2ff; left:0px; width:1px; top:32px; bottom:31px}
.strategy-r .media{margin-top:0px;margin-bottom:14px; }
.strategy-r .media-left{font-size:18px;color:#39b2ff; width:165px; line-height:55px; position:relative; padding-left:35px;}
.strategy-r .media:first-child .media-left:before{content:""; position:absolute; width:30px; background:#39b2ff; height:1px;left:0px;top:32px;}
.strategy-r .media:last-child .media-left:before{content:""; position:absolute; width:30px; background:#39b2ff; height:1px;left:0px;bottom:25px;}
.strategy-r .media-left p{ line-height:55px;}
.strategy-r .media-body{color:#333; position:relative; padding-left:15px;}
.strategy-r .media-body:after{ content:""; position:absolute; background:#39b2ff; left:0px; width:1px; top:11px; bottom:8px}
.strategy-r .media-body li{line-height:22px;position:relative}
.strategy-r .media-body li:before{content:""; position:absolute; width:10px; background:#39b2ff; height:1px;left:-15px;}
.strategy-r .media-body li:first-child:before{ top:11px}
.strategy-r .media-body li:nth-child(2):before{ top:12px}
.strategy-r .media-body li:last-child:before{ bottom:8px;}

.sprocess-list{ border-top:1px solid #e5e5e5}
.sp-list dd{ font-size:18px; color:#333; padding:6px 0; margin:0}
.sp-list dt{ font-size:20px; color:#c62421; border-bottom:2px solid #c62421; padding-bottom:7px; margin:15px 0 11px;}
.sp-list .dl2 dt{ color:#f77521; border-color:#f77521}
.sp-list .dl3 dt{ color:#39b2ff; border-color:#39b2ff}
.sp-list dd span{ display:inline-block; margin-right:6px; color:#c62421}
.sp-list .dl2 dd span{ color:#f77521}
.sp-list .dl3 dd span{ color:#39b2ff}


.adv-boxs { background:#f5f5f5}
.adv-boxs .item{padding:25px 20px 15px; height:340px; background:#fff}
.adv-boxs .item:hover{box-shadow:1px 0px 4px rgba(0, 0, 0, 0.2);}
.adv-boxs .item s{ display:block; height:109px; width:119px; margin:0 auto;}
.adv-boxs .item1 s{ background:url(../images/seo/adv1.jpg) no-repeat center center}
.adv-boxs .item2 s{ background:url(../images/seo/adv2.jpg) no-repeat center center}
.adv-boxs .item3 s{ background:url(../images/seo/adv3.jpg) no-repeat center center}
.adv-boxs .item4 s{ background:url(../images/seo/adv4.jpg) no-repeat center center}
.adv-boxs .item5 s{ background:url(../images/seo/adv5.jpg) no-repeat center center}
.adv-boxs .item6 s{ background:url(../images/seo/adv6.jpg) no-repeat center center}
.adv-boxs .item7 s{ background:url(../images/seo/adv7.jpg) no-repeat center center}
.adv-boxs .item8 s{ background:url(../images/seo/adv8.jpg) no-repeat center center}
.adv-boxs .item1 s a{ display:block; width:100%; height:100%}
.adv-boxs .item .title{font-size:18px;  color:#c62421; line-height:1.5; margin:25px 0 0px ; height:60px; overflow:hidden}
.adv-boxs .item .desc{font-size:14px; color:#666; line-height:1.8}

.step-boxs .item{ position:relative; background:#ebebeb; border-radius:50px; height:83px; margin-left:30px; padding:0 30px 0 80px; line-height:1.8; color:#333}
.step-boxs .item span{ position:absolute; width:85px; height:85px; color:#fff; font-size:52px; font-weight:bold; background:#f77521; border-radius:50%; left:-20px; font-style:italic; line-height:85px; text-indent:25px;}
.step-boxs .item10 span,.step-boxs .item11 span,.step-boxs .item12 span{text-indent:9px;}

@media (min-width:1000px) and (max-width:1199px){
.seo-con-box .item{height:306px}
.seo-adv .desc{font-size:17px;}
.seo-analysis-box .item{ height:150px;}
.strategy-m .item{ margin-left:51px;}
.strategy-m h3{text-indent:75px;}
.strategy-m li{ margin-right:19px;}
.strategy-m li:before,.strategy-m li:after{width:23px;}
.strategy-m li:first-child:before{left:-23px; }
.strategy-m li:first-child:after{right:-23px;}
.strategy-m li:last-child:before{left:-23px;}
.strategy-m li:last-child:after{right:-22px;}
.adv-boxs .item{height:360px;}
}

@media screen and (max-width:1000px){
.seo-con-box .item{height:306px}
.adv-boxs .item{height:360px;}
.adv-boxs .item .title{ font-size:17px;}
.step-boxs .item{  line-height:1.5; }
.strategy-r .media-left{font-size:14px; width:134px;margin-right:0px;}
.strategy-r .media-body li{ font-size:12px}
.strategy-m li{ width:67px; height:67px;font-size:14px;padding-top:13px;}
.strategy-m li:nth-child(2){ background:#f77521;font-size:18px;width:90px; height:90px;padding-top:21px;}
.strategy-m .item{ margin-left:13px;}
.strategy-m h3{text-indent:45px; }
.strategy-m li{ margin-right:19px;}
.strategy-m li:before,.strategy-m li:after{width:23px;}
.strategy-m li:first-child:before{left:-23px; }
.strategy-m li:first-child:after{right:-23px;}
.strategy-m li:last-child:before{left:-23px;}
.strategy-m li:last-child:after{right:-22px;}
}

@media screen and (max-width:760px){
.line-big{margin-left:-5px;margin-right:-5px}
.line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12{position:relative;min-height:1px;padding-right:5px;padding-left:5px}

.seo-con-box .item{padding:20px 10px 15px;height:326px}
.seo-adv .title{font-size:18px;}
.seo-adv .title .bt{font-size:24px; }
.seo-adv .title .bm{font-size:18px;}
.seo-adv .desc{font-size:14px;}

.strategy-l{ position:relative}
.strategy-l:before,.strategy-l:after{content:""; position:absolute; width:1px; background:#c62421; height:30px;bottom:-50px;}
.strategy-l:before{left:0px;}
.strategy-l:after{right:0px;}
.strategy-l .item:after{ display:none}
.strategy-l ul{padding:0; margin:0}
.strategy-l li{ display:inline-block; width:95px;  padding:0; margin:15px  15px  0 0; }

.strategy-m{ position:relative; margin:30px 0 20px}
.strategy-m:before{content:""; position:absolute; width:100%; background:#c62421; height:1px;left:0px;top:0px;}
.strategy-m:after{content:""; position:absolute; width:100%; background:#39b2ff; height:1px;left:0px;bottom:0px; top:auto !important}

.strategy-m li{ display:block; margin:20px auto}
.strategy-m li:before,.strategy-m li:after{ width:1px !important; height:20px;text-align:center; margin:0 auto}
.strategy-m li:first-child:before,.strategy-m li:last-child:before{left:0 !important; right:0; top: -20px; }
.strategy-m li:first-child:after,.strategy-m li:last-child:after{left:0 !important;right:0;bottom:-20px; top:auto !important}

.strategy-r{ position:relative; }
.strategy-r .item{padding-top:30px;}
.strategy-r:before,.strategy-r:after{content:""; position:absolute; width:1px; background:#39b2ff; height:30px;top:-20px;}
.strategy-r:before{left:0px;}
.strategy-r:after{right:0px;}
.strategy-r .item:after{ display:none }
.strategy-r .media-left{ padding-left:0px; width:100px;}
.strategy-r .media:first-child .media-left:before,.strategy-r .media:last-child .media-left:before,.strategy-l li:first-child:before,.strategy-l li:last-child:before,.strategy-m h3{display:none}

.seo-boxs .heading p{ line-height:1.5}


.adv-boxs .item{padding:20px 10px 10px}
}
@media screen and (max-width:480px){
.xl6{ width:100% !important}
.seo-con-box .item,.seo-analysis-box .item,.adv-boxs .item{height:auto}
.seo-adv .title{font-size:14px;}
.seo-adv .title .bt,.strategy-boxs h4{font-size:18px; }
.seo-adv .title .bm{font-size:14px;}
.seo-adv .desc{font-size:12px;}
.sp-list dd{font-size:16px;}
.strategy-l li{ width:70px; margin:15px  10px  0 0;  font-size:16px;}
.step-boxs .item{ height:90px; margin:0; border-radius:10px;padding:0 12px 0 62px;}
.step-boxs .item span{ position:absolute; width:40px; height:40px; line-height:40px; color:#fff; font-size:24px;text-indent:13px; left:10px; top:25px;}
.step-boxs .item10 span,.step-boxs .item11 span,.step-boxs .item12 span{text-indent:6px;}
}