.middle{width:1100px;margin:0 auto;position:relative;height:100%;overflow:hidden}
.banner_olm_koubei{height:383px;background:url(/images/olm/banner_olm_koubei.jpg) no-repeat center top}
.olmkoubei01 .middle{padding:170px 0;padding-left:450px;background:url(/images/olmkoubei01.jpg) no-repeat 0 80px}
.olmkoubei01 .middle h2{color:#333;font-size:20px;line-height:30px;padding-bottom:15px;font-weight:400}
.olmkoubei01 .middle p{font-size:14px;color:#666;line-height:22px}
.olmkoubei02{background:#f5f5f5}
.olmkoubei02 .middle{padding:160px 0;background:url(/images/olmkoubei02.png) no-repeat right center}
.olmkoubei02 .middle h2{color:#333;font-size:30px;line-height:30px;padding-bottom:15px;font-weight:400}
.olmkoubei02 .middle p.title{color:#666;font-size:14px;background:0 0;width:700px;line-height:24px;padding:0;margin-top:10px;margin-bottom:0;text-align:left}
.olmkoubei02 .middle p.title span{font-weight:700}
.olmkoubei03 .middle{padding:170px 0;padding-left:630px;background:url(/images/olmkoubei03.jpg) no-repeat 0 60px}
.olmkoubei03 .middle h2{color:#333;font-size:30px;line-height:30px;padding-bottom:15px;font-weight:400}
.olmkoubei03 .middle p{font-size:14px;color:#666;line-height:24px;padding:0;margin-top:10px}
.olmkoubei04{background:#f5f5f5}
.olmkoubei04 .middle{padding:180px 0;padding-right:500px;background:url(/images/olmkoubei04.jpg) no-repeat right center}
.olmkoubei04 .middle h2{color:#333;font-size:30px;line-height:30px;padding-bottom:15px;font-weight:400}
.olmkoubei04 .middle p{font-size:14px;color:#666;line-height:24px;padding:0;margin-top:10px}
.olmkoubei05{background:#fff}
.olmkoubei05 .middle{padding:80px 0}
.olmkoubei05 .middle h2{color:#333;font-size:30px;line-height:30px;padding-bottom:15px;font-weight:400;text-align:center}
.olmkoubei05 .middle p.title{text-align:center;color:#666;font-size:14px;background:0 0}
.olmkoubei05 ul{margin-top:40px}
.olmkoubei05 ul li{width:33.33%;float:left;text-align:center;padding:30px 0 0 0}
.olmkoubei05 ul li img{display:inline-block;height:100px}
.olmkoubei05 ul li h3,.olmkoubei07 ul li h3{font-weight:400;font-size:16px;line-height:1.6;margin-top:20px}
.olmkoubei06{background:#f5f5f5}
.olmkoubei06 .middle{padding:180px 0;padding-right:500px;background:url(/images/olmkoubei0601.png) no-repeat right center}
.olmkoubei06 .middle h2{color:#333;font-size:30px;line-height:30px;padding-bottom:15px;font-weight:400}
.olmkoubei06 .middle p{font-size:14px;color:#666;line-height:24px;padding:0;margin-top:10px}
.olmkoubei06 .middle p span.jianju{padding-left:20px}
.olmkoubei07{background:#fff}
.olmkoubei07 .middle{padding:80px 0}
.olmkoubei07 .middle h2{color:#333;font-size:30px;line-height:30px;padding-bottom:15px;font-weight:400;text-align:center}
.olmkoubei07 .middle p.title{text-align:center;color:#666;font-size:14px;background:0 0}
.olmkoubei07 ul{margin-top:40px}
.olmkoubei07 ul li{width:20%;float:left;text-align:center;padding:30px 0 0 0}
.olmkoubei07 ul li img{display:inline-block;height:100px}
.banner_olm_seo{height:570px;background:url(/images/seobanner.gif) no-repeat center top}
.banner_olm_seo .middle{padding:114px 0 0 0;color:#fff;text-align:center}
.banner_olm_seo .middle h2{font-weight:400;font-size:30px;margin-bottom:10px}
.banner_olm_seo .middle p{line-height:28px;font-size:16px;padding:0 200px;color:#fff}
.olmseo01 .middle{padding:200px 0 200px 20px;background:url(/images/olmseo01.png) no-repeat right center}
.olmseo01 .middle h2{color:#333;font-size:30px;line-height:36px;padding-bottom:20px;font-weight:400;letter-spacing:2px}
.olmseo01 .middle p{color:#888;font-size:16px;line-height:28px;letter-spacing:1px}
.olmseo01 .middle p span{color:#0076ca}
.olmseo02{background:#f5f5f5}
.olmseo02 .middle{padding:80px 0 120px}
.olmseo02 .middle h2{color:#333;font-size:30px;line-height:36px;padding-bottom:10px;font-weight:400;text-align:center}
.olmseo02 .middle p.title{text-align:center;color:#888;font-size:16px;background:0 0}
.olmseo02 ul{margin-top:60px}
.olmseo02 ul li{width:20%;float:left;text-align:center}
.olmseo02 ul li i{display:inline-block;width:90px;height:90px;background:url(/images/olmseo02.png) no-repeat center 0}
.olmseo02 ul li i.i02{background-position:center -90px}
.olmseo02 ul li i.i03{background-position:center -180px}
.olmseo02 ul li i.i04{background-position:center -270px}
.olmseo02 ul li i.i05{background-position:center -360px}
.olmseo02 ul li h3{font-size:16px;color:#333;font-weight:400;margin:20px 0 10px 0}
.olmseo02 ul li p{font-size:14px;color:#999;line-height:24px}
.olmseo03{background:#fff}
.olmseo03 .middle{padding:80px 0}
.olmseo03 .middle h2{color:#333;font-size:30px;line-height:36px;padding-bottom:10px;font-weight:400;text-align:center}
.olmseo03 .middle p.title{text-align:center;color:#666;font-size:14px;background:0 0}
.olmseo03 ul{margin-top:60px}
.olmseo03 ul li{width:25%;float:left;text-align:center}
.olmseo03 ul li i{display:inline-block;width:100px;height:100px;background:url(/images/olmseo03.png) no-repeat center 0}
.olmseo03 ul li i.i02{background-position:center -100px}
.olmseo03 ul li i.i03{background-position:center -200px}
.olmseo03 ul li i.i04{background-position:center -300px}
.olmseo03 ul li h3{font-size:16px;color:#333;font-weight:400;margin:20px 0 10px 0}
.olmseo03 ul li p{font-size:14px;color:#999;line-height:24px}
.olmseo04{background:#f5f5f5}
.olmseo04 .middle{padding:160px 0;background:url(/images/olmseo04.png) no-repeat right center}
.olmseo04 .middle h2{color:#333;font-size:30px;line-height:30px;padding-bottom:20px;font-weight:400}
.olmseo04 .middle p{color:#888;font-size:15px;line-height:28px}
.olmseo04 .middle p span{color:#0076ca}
.olmseo05 .middle{padding:130px 0;padding-left:630px;background:url(/images/olmseo05.png) no-repeat 20px center}
.olmseo05 .middle h2{color:#333;font-size:30px;line-height:36px;padding-bottom:15px;font-weight:400}
.olmseo05 .middle p{font-size:15px;color:#888;line-height:28px;padding:0}
.olmseo05 .middle p span{color:#0076ca}
.olmseo06{background:#f5f5f5}
.olmseo06 .middle{padding:100px 0}
.olmseo06 .middle h2{color:#333;font-size:30px;line-height:36px;padding-bottom:10px;font-weight:400;text-align:center}
.olmseo06 .middle p.title{text-align:center;color:#666;font-size:14px;background:0 0}
.olmseo06 ul{margin-top:60px;position:relative}
.olmseo06 ul li{width:12.5%;float:left;text-align:center;position:relative;z-index:1}
.olmseo06 ul li i{display:inline-block;width:80px;height:80px;line-height:80px;font-size:18px;background:#0076ca;color:#fff;border-radius:40px;font-style:normal}
.olmseo06 ul li i.orange{background:#f70}
.olmseo06 ul li p{font-size:14px;color:#888;margin-top:20px;line-height:24px}
.olmseo06 ul li.line{position:absolute;top:40px;left:55px;width:90%;border-top:dashed 2px #0076ca;z-index:0}
.olmseo07{background:#fff}
.olmseo07 .middle{padding:80px 0}
.olmseo07 .middle h2{color:#333;font-size:30px;line-height:36px;padding-bottom:10px;font-weight:400;text-align:center}
.olmseo07 .middle p.title{text-align:center;color:#666;font-size:14px;background:0 0}
.olmseo07 ul{margin-top:40px}
.olmseo07 ul li{width:33.33333333%;float:left;text-align:center}
.olmseo07 ul li i{display:inline-block;width:140px;height:140px;background:url(/images/olmseo07.png) no-repeat center 0}
.olmseo07 ul li i.i02{background-position:center -140px}
.olmseo07 ul li i.i03{background-position:center -280px}
.olmseo07 ul li h3{font-size:16px;color:#333;font-weight:400;margin:20px 0 10px 0}
.olmseo07 ul li p{font-size:14px;color:#888;line-height:24px}
.olmseo08{background:#f5f5f5}
.olmseo08 .middle{padding:80px 0}
.olmseo08 .middle h2{color:#333;font-size:30px;line-height:36px;padding-bottom:10px;font-weight:400;text-align:center}
.olmseo08 .middle p.title{text-align:center;color:#666;font-size:14px;background:0 0}
.swiper-container{padding:30px 0 60px}
.swiper-slide{width:520px;background:#fff;box-shadow:0 8px 30px #ddd}
.swiper-slide img{width:100%}
.olmseo09{background:#fff}
.olmseo09 .middle{padding:80px 0}
.olmseo09 .middle h2{color:#333;font-size:30px;line-height:36px;padding-bottom:10px;font-weight:400;text-align:center}
.olmseo09 .middle p.title{text-align:center;color:#666;font-size:14px;background:0 0}
.olmseo10{background:#f5f5f5}
.olmseo10 .middle{padding:80px 0}
.olmseo10 .middle h2{color:#333;font-size:30px;line-height:36px;padding-bottom:10px;font-weight:400;text-align:center}
.olmseo10 .middle p.title{text-align:center;color:#666;font-size:14px;background:0 0}
.mob-koubei02,.mob-show{display:none}
@media screen and (max-width:768px){.foot,.mob-hide,.olmseo02 ul li p,.swiper-button-next,.swiper-button-prev{display:none}
.mob-show{display:block}
.banner_olm_koubei{height:200px;background:url(../images/koubei.jpg) no-repeat center top;background-size:100% auto}
.middle,.swiper-slide{width:100%}
.olmkoubei01,.olmseo07 .middle,.olmseo08 .middle,.olmseo09 .middle,.olmseo10 .middle{padding:30px 15px}
.olmkoubei02,.olmkoubei03,.olmkoubei04,.olmkoubei05,.olmkoubei06,.olmkoubei07{padding:15px}
.olmkoubei01 .middle{padding:0;border:1px solid #e82247;background-size:26% auto;background-position:10px 34px;border-radius:6px}
.olmkoubei01 .middle h2{background:#e82247;margin-left:30%;padding:15px;font-size:14px;line-height:1.4;color:#fff}
.olmkoubei01 .middle h2:first-child{padding-bottom:0}
.olmkoubei02 .middle,.olmkoubei03 .middle,.olmkoubei04 .middle,.olmkoubei05 .middle,.olmkoubei06 .middle,.olmkoubei07 .middle{padding:15px 0;text-align:center;background:url(../images/title_bg.gif) repeat-x 0 30px}
.olmkoubei02 .middle h2,.olmkoubei03 .middle h2,.olmkoubei04 .middle h2,.olmkoubei05 .middle h2,.olmkoubei06 .middle h2,.olmkoubei07 .middle h2{color:#805135;display:inline-block;padding:0 15px;background:#f5f5f5;font-size:17px;margin-bottom:0}
.olmkoubei02 .middle{height:570px}
.olmkoubei03 .middle h2,.olmkoubei05 .middle h2,.olmkoubei07 .middle h2,.olmseo06,.olmseo08,.olmseo10{background:#fff}
.mob-koubei02{display:block;background:#ff3c3e;width:200px;height:200px;border-radius:50%;padding:15px 30px;position:absolute;left:50%;margin-left:-100px;top:70px;z-index:3}
.mob-koubei02 p{color:#fff;line-height:1.6;margin-top:10px;display:block}
.mob-koubei02 img{width:100px}
.mob-koubei02.green{background:#29c763;left:0;margin-left:0;top:230px;padding:30px;z-index:2}
.mob-koubei02.green p{margin-bottom:10px;color:#fff177}
.mob-koubei02.blue{background:#239bef;margin-left:-50px;top:350px;padding:30px;z-index:1}
.mob-koubei02.blue img{width:45px}
.mob-koubei03{border:1px solid #cbcb21;border-radius:6px;margin:20px 0 0 0;background:url(/images/olmkoubei03.jpg) no-repeat right center;background-size:42% auto}
.mob-koubei03 p{color:#805135;width:60%;text-align:left;background:url(../images/koubei_04.gif) no-repeat 10px 20px #fcf685;background-size:3px}
.mob-koubei03 p:first-child{border-radius:6px 0 0 0}
.mob-koubei03 p:last-child{border-radius:0 0 0 6px}
.olmkoubei03 .middle p,.olmkoubei06 .middle p span{margin-top:0;padding:10px 5px 0 20px;line-height:1.6}
.olmkoubei03 .middle p:last-child,.olmkoubei06 .middle p:last-child span:last-child{padding-bottom:10px}
.mob-seo06 img,.olmkoubei04 .middle p.mob-show img{width:100%}
.olmkoubei05 .middle p.title,.olmkoubei07 .middle p.title{color:#805135;padding-top:10px;font-size:13px;line-height:1.6}
.olmkoubei05 ul,.olmkoubei06 .middle p,.olmkoubei07 ul,.olmseo02 ul,.olmseo03 ul,.olmseo07 ul{margin-top:0}
.olmkoubei05 ul li{padding:10px}
.olmkoubei05 ul li img{width:60px;height:60px}
.olmkoubei05 ul li h3{font-size:14px;line-height:1.6;color:#805135}
.olmkoubei06 .middle p span.jianju{padding-left:20px}
.mob-koubei06 p span{display:block;text-align:left;color:#fff;background:url(../images/koubei_06.gif) no-repeat 8px 20px;background-size:3px}
.mob-koubei06{background:url(/images/olmkoubei0601.png) no-repeat 10px center;background-size:25% auto;border:1px solid #2b79c2;border-radius:6px;margin-top:20px}
.mob-koubei06 p{background:#2b79c2;width:70%;margin-left:30%}
.olmkoubei07 ul li,.olmseo02 ul li{background:url(../images/koubei_07.png) no-repeat center center;background-size:110px 127px;height:127px;width:33.33%;float:left;text-align:center;padding:15px 5px}
.olmkoubei07 ul li img{width:50px;height:50px}
.olmkoubei07 ul li h3{color:#805135;font-size:10px;line-height:1.4;margin-top:10px}
.olmkoubei07 ul li:nth-child(4){margin-left:16%}
.olmkoubei07 ul li:nth-child(4),.olmkoubei07 ul li:nth-child(5){margin-top:-20px}
.olmkoubei07 ul li:first-child,.olmkoubei07 ul li:nth-child(4){padding-top:25px}
.banner_olm_seo{height:240px;background:url(../images/seo_01.jpg) no-repeat center top;background-size:100% auto}
.banner_olm_seo .middle{padding:30px 30px 0 30px}
.banner_olm_seo .middle p{padding:0;font-size:14px}
.olmseo01 .middle{padding:15px;background:0 0}
.olmseo01 .middle h2,.olmseo02 .middle h2,.olmseo03 .middle h2,.olmseo06 .middle h2,.olmseo07 .middle h2,.olmseo08 .middle h2,.olmseo09 .middle h2,.olmseo10 .middle h2{text-align:center;font-size:17px;color:#000;line-height:1.6;padding-bottom:20px}
.olmseo02 .middle h2{padding-bottom:5px}
.olmseo02 .middle p.title{color:#6a6565;font-size:14px}
.seo-data{background:#ececec;width:100%;height:36px;border-radius:8px;margin-bottom:15px}
.seo-data span{display:inline-block;color:#fff;line-height:36px;height:36px}
.seo-data span.project{padding:0 6px;border-radius:8px 0 0 8px}
.seo-data span.percentage{text-align:right;padding-right:10px}
.seo-data.sousuo span.project{background:#f70}
.seo-data.sousuo span.percentage{width:26%;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#feb06a),color-stop(100%,#f70));background:-webkit-linear-gradient(left,#feb06a 0,#f70 100%);background:linear-gradient(to right,#feb06a 0,#f70 100%)}
.seo-data.wailian span.project{background:#00c044}
.seo-data.wailian span.percentage{width:29%;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#69d98e),color-stop(100%,#00c044));background:-webkit-linear-gradient(left,#69d98e 0,#00c044 100%);background:linear-gradient(to right,#69d98e 0,#00c044 100%)}
.seo-data.fangwen span.project{background:#0070c0}
.seo-data.fangwen span.percentage{width:39%;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#66a9d9),color-stop(100%,#0070c0));background:-webkit-linear-gradient(left,#66a9d9 0,#0070c0 100%);background:linear-gradient(to right,#66a9d9 0,#0070c0 100%)}
.seo-data.qita span.project{background:#00bec0}
.seo-data.qita span.percentage{width:12%;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#68d3cf),color-stop(100%,#00bec0));background:-webkit-linear-gradient(left,#68d3cf 0,#00bec0 100%);background:linear-gradient(to right,#68d3cf 0,#00bec0 100%)}
.olmseo01 .middle p{font-size:14px;line-height:1.5}
.olmseo02 .middle,.olmseo03 .middle,.olmseo04 .middle{padding:30px 15px}
.olmseo02 ul{padding-left:2%}
.olmseo02 ul li{background-size:100% 100%;height:147px;padding:20px 5px;margin-left:-2px;opacity:.7}
.olmseo02 ul li i{width:50px;height:50px;background-size:50px auto}
.olmseo02 ul li h3{font-size:12px;line-height:1.4;margin:10px 0 0 0}
.olmseo02 ul li i.i02{background-position:center -50px}
.olmseo02 ul li i.i03{background-position:center -100px}
.olmseo02 ul li i.i04{background-position:center -150px}
.olmseo02 ul li i.i05{background-position:center -200px}
.olmseo02 ul li:nth-child(4){margin-left:16%}
.olmseo02 ul li:nth-child(4),.olmseo02 ul li:nth-child(5){margin-top:-38px}
.olmseo03 ul li{width:50%;background:#1192e6;border:1px solid #fff;border-radius:10px;padding:30px 5px;height:220px}
.olmseo03 ul li i{width:60px;height:60px;border:2px solid #fff;border-radius:50%;background-size:60px auto;background-position:center -3px}
.olmseo03 ul li i.i02{background-position:center -63px}
.olmseo03 ul li i.i03{background-position:center -120px}
.olmseo03 ul li i.i04{background-position:center -183px}
.olmseo03 ul li h3{font-size:14px;color:#fff;margin:15px 0 10px 0}
.olmseo03 ul li p{font-size:12px;color:#f1f1f1;line-height:20px}
.olmseo04 .middle{position:relative;background-size:23% auto;background-position:96% center}
.olmseo04 .middle h2{margin-left:20px}
.olmseo04 .middle h2,.olmseo04 .middle h2 span,.olmseo05 .middle h2,.olmseo05 .middle h2 span{display:inline-block;color:#000;height:17px;font-size:16px;line-height:17px;padding:0 4px;padding-bottom:0;border-left:2px solid #349feb;border-right:2px solid #349feb}
.olmseo04 .middle h2 span,.olmseo05 .middle h2 span{border-width:1px;padding:0 10px}
.line01{width:20px;height:1px;background:#349feb;position:absolute;left:15px;top:39px}
.line02{border-left:1px solid #349feb;height:14px;position:absolute;left:15px;top:40px}
.line03{border-bottom:1px solid #349feb;width:70%;position:relative}
.olmseo04 .middle p,.olmseo05 .middle p{border-left:1px solid #349feb;font-size:14px;line-height:22px;padding:15px 0 0 15px;display:block}
.olmseo05 .middle p{border-right:1px solid #349feb;border-left:0;text-align:right;padding:15px 15px 0 0}
.olmseo04 .middle p:last-child,.olmseo05 .middle p:last-child{padding-bottom:15px}
.bianhao{position:absolute;right:0;bottom:-10px;width:20px;height:20px;line-height:20px;border-radius:50%;background:#349feb;color:#fff;text-align:center}
.olmseo05,.olmseo07{background:#f5f5f5}
.olmseo05 .middle{padding:30px 15px;background-size:23% auto;background-position:5% center}
.olmseo05 .middle h2{float:right;margin-right:20px}
.olmseo05 .middle .line01,.olmseo05 .middle .line02{left:inherit;right:15px}
.olmseo05 .line03{margin-left:30%}
.olmseo05 .bianhao{right:inherit;left:0}
.olmseo06 .middle{padding:30px 0}
.olmseo07 ul li i{width:100px;height:100px;background-size:100px auto}
.olmseo07 ul li{width:100%;float:none;background:url(../images/seo_03.png) no-repeat bottom center;background-size:100% 2px;padding-bottom:25px;margin-top:15px}
.olmseo07 ul li:last-child{background:0 0;padding-bottom:0}
.olmseo07 ul li i.i02{background-position:center -100px}
.olmseo07 ul li i.i03{background-position:center -200px}
.olmseo07 ul li h3{margin:10px 0}
.swiper-container{padding:0 0 30px 0}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:5px}
}
@media screen and (max-width:320px){
.banner_olm_seo{height:200px}
.banner_olm_seo .middle{padding:20px 20px 0 20px}
.banner_olm_seo .middle p{padding:0;font-size:12px;line-height:22px}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){.banner_olm_koubei{height:400px}
}