.slogan{ padding:80px 0 20px 0;}

.slogan .tit1 img{ display:block; margin:0 auto;}

.slogan .tit1 em{ display:none;}

.slogan .tit1 strong{ display:none;}


.con1{ background:url(../images/seo_con1.png) no-repeat #42b3cb center top; height:929px;}

.value_text{ text-align:center; color:#fff; line-height:1.8; padding:6px 0 36px 0;}

.value_text span{ display:block;}

.value_list{ background:url(../images/seo_value_list.png) no-repeat; width:830px; height:528px; margin:0 auto; position:relative;}

.value_list .img{ display:none;}

.value_list .img img{ display:block; margin:0 auto;}

.value_list li{ position:absolute; display:none;}

.value_list li em{ display:block; color:#f3b237; font-size:44px; line-height:1;}

.value_list li .p{ font-size:24px; color:#fff; line-height:1.2;}

.value_list li .p span{ display:block;}

.value_list li.li1{ left:44px; top:40px; display:block;}

.value_list li.li2{ left:560px; top:0px; display:block;}

.value_list li.li3{ left:0px; top:260px; display:block;}

.value_list li.li4{ right:0px; top:260px; display:block;}

.value_list li.li5{ left:417px; bottom:0px; display:block;}

.value_list li.li5 em{ float:left}

.value_list li.li5 .p{ margin-left:60px;}



.con2{ background:#f0f0f0; height:975px;}

.advantage{ padding-top:94px;}

.advantage ul{}

.advantage li{ float:left; width:33.3%; padding-bottom:93px;}

.advantage li .pd{ border:1px solid #d9d9d9; cursor:pointer; background-color:#fff; margin-right:30px; padding:80px 40px 50px 40px; text-align:center; position:relative;}

.advantage li em{ position:absolute; box-sizing:border-box; width:100px; height:100px; left:50%; margin-left:-50px; top:-50px; background-color:#f4bb1d;border:3px solid #f4bb1d; border-radius:50%; line-height:94px; text-align:center; font-size:54px; color:#fff;}

.advantage li strong{ font-size:36px; font-weight:normal; color:#000;}

.advantage li .p{ font-size:18px; color:#666666;}

.advantage li:hover em{ background-color:#ffffff; color:#11b192; border:3px solid #11b192;}

.advantage li:hover .pd{ background-color:#11b192; border:1px solid #11b192;}

.advantage li:hover .p{ color:#fff;}

.advantage li:hover strong{ color:#fff;}



.con3{ background:url(../images/seo_con3.jpg) no-repeat #dca91a center top; height:975px;}

.case{ padding-top:68px; overflow:hidden; padding-bottom:50px}

.case .single-item{}

.case .slick-list{ margin:0 88px;}

.case .slick-slide{ padding-top:40px; width:50%; float:left}

.case .slick-prev{ margin-top:-34px; cursor:pointer; background:url(../images/slick.png) no-repeat; width:68px; height:68px; border:none; text-indent:-999px; overflow:hidden; position:absolute; left:0px; top:50%;}

.case .slick-next{ margin-top:-34px; cursor:pointer; background:url(../images/slick.png) no-repeat -68px 0; width:68px; height:68px; border:none; text-indent:-999px; overflow:hidden; position:absolute; right:0px; top:50%;}

.case .pd{ background:url(../images/seo_casebg.png) no-repeat; width:312px; height:531px; position:relative; margin:0 auto;}

.case .pd .img{ width:164px; height:164px; background-color:#fff; border:1px solid #dedede; position:absolute; left:50%; margin:-40px 0 0 -82px; border-radius:50%;}

.case .pd .img img{ display:block; position:absolute; left:50%; top:50%; margin:-45px 0 0 -56px; width:112px; height:90px;}

.case .pd .text{ padding:160px 27px 0 27px;}

.case .pd .text .h3{ text-align:center; font-size:36px; color:#000; margin-bottom:20px;}

.case .pd .text .h3 i{ border-bottom:1px solid #bababa; display:block; width:60px; margin:0 auto;}

.case .pd .text .p{ color:#000; line-height:1.8; padding-bottom:30px;}

.case .pd .text .m a{ display:block; margin:0 auto; width:158px; height:50px; border:1px solid #f4bb1d; text-align:center; line-height:50px; font-size:14px; border-radius:6px; color:#000;}

.case .pd:hover{ background-image:url(../images/seo_casebgh.png);}

.case .pd:hover .img{ border:1px solid #fff;}

.case .pd:hover .text .h3 i{ border-bottom:1px solid #27384f;}

.case .pd:hover .text .p{ color:#fff;}

.case .pd:hover .text .m a{ background-color:#f4bb1d;}

.case .pd:hover .text .h3{ color:#fff;}



.con4{ background:url(../images/seo_con4.jpg) no-repeat #ffffff center top; height:800px;}

.msg_text{ text-align:center; font-size:18px; color:#000000; padding:13px 0 30px 0;}

.msg_text i{ border-top:3px solid #f3b237; display:block; margin:0 auto; width:55px; margin-bottom:20px;}

.msg{ width:746px; margin:0 auto;}

.msg li{ margin-bottom:27px;}

.ipt{ border:1px solid #d9d9d9; background: no-repeat 10px center #fff; height:58px; width:100%; box-sizing:border-box; border-radius:6px; padding:0 20px 0 50px; font-size:18px; line-height:58px;}











.ipt_t1{ background-image:url(../images/form_ico1.png);}

.ipt_t2{ background-image:url(../images/form_ico2.png);}

.ipt_t3{ background-image:url(../images/form_ico3.png);}

.ipt_t4{ background-image:url(../images/form_ico4.png);}



.ipt_t1:focus{ background-image:url(../images/form_icoh1.png);}

.ipt_t2:focus{ background-image:url(../images/form_icoh2.png);}

.ipt_t3:focus{ background-image:url(../images/form_icoh3.png);}

.ipt_t4:focus{ background-image:url(../images/form_icoh4.png);}







.ipt:focus{ background-color:#11b192; border:1px solid #11b192; color:#fff;}

:-moz-placeholder {color: #000;}

::-moz-placeholder {color: #000;}

:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #000;}

::-webkit-input-placeholder,::-webkit-input-placeholder {color: #000;}

.ipt_s1{border:1px solid #d9d9d9; background-color:#fff; height:58px; width:100%; box-sizing:border-box; border-radius:6px; padding:0 0 0 20px; font-size:18px; line-height:58px;}

.ipt_t1{}

.ipt_b1{ background:#f4bb1d; width:345px; height:58px; margin:0 auto; display:block; border:none; border-radius:5px; cursor:pointer; font-size:20px; color:#fff;}

.ipt_b1:hover{background-color:#11b192;}

.case_boxbg{ display:none; cursor:pointer; background:url(../images/tm.png) repeat; position:fixed; left:0px; top:0px; width:100%; right:0px; bottom:0px; height:100%; z-index:99997;}

.case_box{ display:none; z-index:99998; background-color:#fff; border-radius:7px; width:64%; position:fixed; _position:absolute; left:18%; top:50%; margin:-342px 0 0 0;}

.case_box .bt{ padding-bottom:10px; line-height:40px; height:40px; font-size:24px; display:none;}

.case_box .bt em{ margin-left:5px; font-size:16px;}

.case_boxn{ position:relative;}

.case_box ul{ padding:40px;}

.case_box .img{ float:left; width:30%;}

.case_box .text{ width:70%; float:left; padding-left:40px; box-sizing:border-box;}

.case_box .pimg{ border:5px solid #e7e7e7;}

.case_box .pimg img{ width:100%; height:auto;}

.case_box .ptext{ text-align:center; padding:15px 0 30px 0; font-size:18px;}

.case_box .case_head{ overflow:hidden; padding-bottom:15px;}

.case_box .case_logo{ float:right; border:1px solid #e7e7e7;}

.case_box .case_t{ float:left;}

.case_box .case_t em{ display:block; font-size:60px; line-height:1; color:#d5d5d5;}

.case_box .case_t strong{ display:block; font-size:24px; font-weight:normal; color:#333;}

.case_box .h3{ font-size:24px; line-height:1.5; padding:10px 0; border-bottom:1px solid #d8d8d8; color:#11b192;}

.case_info{ font-size:14px; color:#333; padding-top:20px; line-height:1.5;}

.case_info .npd{ overflow:auto; height:410px; padding-right:20px;}

.case_info h3{ font-size:18px; color:#000; font-weight:bold;}

.case_info h4{ font-size:14px; color:#000; font-weight:bold;}



.case_box ::selection {background: #222 ; color: white ; text-shadow: none ;}

.case_box ::-webkit-scrollbar-track-piece{width:5px;background-color:#f0f0f0 ;  border-radius:50px}

.case_box ::-webkit-scrollbar{width:5px;height:6px ; }

.case_box ::-webkit-scrollbar-thumb{height:50px;background:#cfcfcf;  border-radius:50px ; cursor:pointer;}

.case_box ::-webkit-scrollbar-thumb:hover{background:#cfcfcf ; cursor:pointer}  



.case_box .case_close{ position:absolute; right:-20px; top:-20px; background:url(../images/close1.png) no-repeat #000 center center; border-radius:50%; width:68px; height:68px;}

/*sem*/

.sem_con1{ background:url(../images/sem_con1.jpg) no-repeat; height:929px;}

.sem_summary{ background:url(../images/summary_l.png) no-repeat center center; width:771px; height:516px; margin:0 auto; position:relative;}

.sem_summary .img{ display:none;}

.sem_summary .img img{ display:block; margin:0 auto;}

.sem_summary li{ position:absolute;}

.sem_summary em{ font-size:42px; color:#f4b238; display:block; line-height:1; padding-bottom:10px;}

.sem_summary span{ color:#fff; display:block; font-size:20px; line-height:1;}

.sem_summary li.even{text-align:right;}

.sem_summary li.li1{ left:295px; top:0px;}

.sem_summary li.li1 em{ text-align:center;}

.sem_summary li.li2{ left:0px; top:186px;}

.sem_summary li.li3{ right:0px; top:186px;}

.sem_summary li.li4{ bottom:0px; left:100px;}

.sem_summary li.li5{ bottom:0px; right:100px;}



.sem_con2{ background:url(../images/sem_con2.jpg) no-repeat; height:1307px;}

.sem_con2 .value_text{ color:#232323;}

.process{ background:url(../images/process_bg.png) no-repeat center top; width:875px; height:867px; margin:0 auto; position:relative;}

.process li{ position:absolute;width:360px; right:0px; width:360px; box-sizing:border-box; padding:0 0 0 110px;}

.process li .pd{ background-color:#fff; height:92px; padding:0 0 0 5px;}

.process li em img{ display:block;}

.process li em{ text-indent:-999px; width:220px; height:92px; overflow:hidden; position:absolute; left:-110px; z-index:9;}

.process li em span{ display:none;}

.process li h3{ font-size:24px; color:#000; line-height:1; padding:20px 0 10px 0;}

.process li h3 span{ display:none;}

.process li p{ font-size:18px; line-height:1;}



.process li.even{ text-align:right; right:inherit; left:0px; padding:0 110px 0 0;}

.process li.even em{ left:auto; right:-110px;}

.process li.even .pd{ padding:0 5px 0 0;}



.process li.li1{ top:35px; border-right:3px solid #d15a23;}

.process li.li2{ top:144px; border-left:3px solid #eaa844;}

.process li.li3{ top:257px; border-right:3px solid #7e7db3;}

.process li.li4{ top:365px; border-left:3px solid #259894;}

.process li.li5{ top:476px; border-right:3px solid #4c92be;}

.process li.li6{ top:584px; border-left:3px solid #4c5158;}

.process li.li7{ top:698px; border-right:3px solid #86ae88;}



.sem_con3{ background:#f4bb1d;}

.seo_case{ position:relative; height:926px; margin-top:30px;}

.seo_case ul{ transform:all 0.5; background:url(../images/shu.png) no-repeat center bottom; height:926px; position:absolute; width:1300px; margin:-463px 0 0 -650px; left:50%; top:50%;}

.seo_case li{position: absolute;transition: all 0.2s ease 0s;}

.seo_case li .img1{ display:block;}

.seo_case li .pd{ display:none;}

.seo_case .li1{left: 509px;top: -1px;}

.seo_case .li2{left: 393px;top: 123px;}

.seo_case .li3{left: 162px;top: 81px;}

.seo_case .li4{left: 29px;top: 274px;}

.seo_case .li5{left:61px;top: 342px;}

.seo_case .li6{left: 147px;top: 352px;}

.seo_case .li7{left: 0px;top: 458px;}

.seo_case .li8{left: 124px;top: 504px;}

.seo_case .li9{left: 20px;top: 567px;}

.seo_case .li10{left: 77px;top: 658px;}

.seo_case .li11{left: 332px;top: 665px;}

.seo_case .li12{left: 461px;top: 658px;}

.seo_case .li13{left: 650px;top: 20px;}

.seo_case .li14{left: 754px;top: 102px;}

.seo_case .li15{left: 866px;top: 181px;}

.seo_case .li16{left: 790px;top: 340px;}

.seo_case .li17{left: 763px;top: 441px;}

.seo_case .li18{left: 948px;top: 375px;}

.seo_case .li19{left: 1008px;top: 474px;}

.seo_case .li20{left: 954px;top: 588px;}

.seo_case .li21{left: 889px;top: 697px;}

.seo_case .li22{left: 659px;top: 410px;}



.seo_case li:hover{}



.mpo_con1{ background:url(../images/mpo_con1.jpg) no-repeat #258db7; padding:0 0 50px 0;}

.mpo_con2{ background:#f0f0f0; padding:0 0 68px 0;}

.mpo_con2 .value_text{ color:#000;}

.spo_summary img,.spo_solution img{ width:100%; height:auto; margin:0 auto;}

.spo_summary .img1,.spo_solution .img1{ display:block;}

.spo_summary .img2,.spo_solution .img2{ display:none;}

.smm_con1{ background:url(../images/smm_con1_bg.jpg) no-repeat center center; background-size:cover; padding-bottom:110px;}

.smm_con1 .value_text{ color:#000;}

.smm_summary{ padding-top:30px;}

.smm_summary ul{ background:url(../images/smm_summary_img.png) no-repeat center center; width:447px; height:446px; position:relative; margin:0 auto;}

.smm_summary li{ position:absolute; overflow:hidden; text-align:right; width:400px;}

.smm_summary li em{ display:block; font-size:22px;}

.smm_summary li span{ color:#555; display:block; font-size:14px; margin-top:5px}

.smm_summary li.even{ text-align:left;}

.smm_summary li .img{ border:3px solid #fff; border-radius:50%; position:relative; width:116px; height:116px; float:right;}

.smm_summary li .img img{ position:absolute; left:50%; top:50%; width:86px; height:86px; margin:-43px 0 0 -43px;}

.smm_summary li .text{ margin:0 116px 0 0; padding:25px 20px 0 0;}

.smm_summary li.even .img{ float:left;}

.smm_summary li.even .text{ margin:0 0 0 116px; padding:25px 0 0 20px;}

.smm_summary li.li1{ right:250px; top:-30px;}

.smm_summary li.li2{ left:250px; top:-30px;}

.smm_summary li.li3{ right:390px; top:170px;}

.smm_summary li.li4{ left:390px; top:170px;}

.smm_summary li.li5{ right:250px; bottom:-30px;}

.smm_summary li.li6{ left:250px; bottom:-30px;}



.smm_summary li.li1 .img{ background-color:#239792;}

.smm_summary li.li2 .img{ background-color:#4e91bd;}

.smm_summary li.li3 .img{ background-color:#e74a1f;}

.smm_summary li.li4 .img{ background-color:#f3b300;}

.smm_summary li.li5 .img{ background-color:#7e7db2;}

.smm_summary li.li6 .img{ background-color:#4c5158;}





.smm_summary li.li1 em{color:#239792;}

.smm_summary li.li2 em{color:#4e91bd;}

.smm_summary li.li3 em{color:#e74a1f;}

.smm_summary li.li4 em{color:#f3b300;}

.smm_summary li.li5 em{color:#7e7db2;}

.smm_summary li.li6 em{color:#4c5158;}



.smm_con2{ background:url(../images/smm_con1.jpg) no-repeat; padding-bottom:110px;background-size:100%;}

.smm_service_top{ margin-bottom:20px; padding:50px 0 0 0;}

.smm_service_top li{ width:50%; float:left; text-align:center; position:relative;}

.smm_service_top li .pd{ position:relative;}

.smm_service_top li span{ display:block;}

.smm_service_top li .img{ width:126px; height:126px; position:absolute; left:50%; top:-63px; margin-left:-63px; border-radius:50%; border:4px solid #fff;}

.smm_service_top li .img i{background:url(../images/smm_service_topimg.png) no-repeat; width:80px; height:80px; position:absolute; left:50%; top:50%; margin:-40px 0 0 -40px;}

.smm_service_top .h3{ font-size:30px; color:#000; line-height:1; padding-bottom:15px;}

.smm_service_top .p{ font-size:18px; padding-bottom:20px; min-height:91px; line-height:1.5;}

.smm_service_top .m{ text-align:center; display:block; width:158px; height:50px; color:#000; line-height:50px; margin:0 auto; display:block; border:1px solid #e42122; border-radius:6px;}

.smm_service_top .li2 .m{ border-color:#46af35;}

.smm_service_top .pd{ padding:90px;}

.smm_service_top .li1 .pd{ background-color:#fff; margin-right:14px;}

.smm_service_top .li2 .pd{ background-color:#fff; margin-left:14px;}

.smm_service_top .li1 .img{ background-color:#e42122;}

.smm_service_top .li1 .img i{ background-position:-80px 0;}

.smm_service_top .li2 .img{ background-color:#46af35;}

.smm_service_top .li2 .img i{ background-position:0 0;}

.smm_service_top .li1:hover .pd{ background-color:#e42122; color:#fff;}

.smm_service_top .li2:hover .pd{ background-color:#46af35; color:#fff;}

.smm_service_top li:hover .h3{ color:#fff;}

.smm_service_top li:hover .m{ background-color:#fff; border-color:#fff;}

.smm_service_top .li1:hover .img{ background-color:#fff; border-color:#e42122;}

.smm_service_top .li2:hover .img{ background-color:#fff; border-color:#46af35;}

.smm_service_top .li1:hover .img i{ background-position:-80px -80px;}

.smm_service_top .li2:hover .img i{ background-position:0 -80px;}



.smm_service_bottom{ background-color:#fff; padding:60px 60px 0px 60px;}

.smm_service_bottom .text .h3{ font-size:30px; text-align:center; color:#000;}

.smm_service_bottom .text .p{ text-align:center; color:#555; line-height:1.8; padding:6px 0 36px 0; font-size:12px;}

.smm_service_bottom .text .p span{ display:block;}

.smm_service_bottom ul{ width:1130px; margin-left:-525px; position:absolute; left:50%;}

.smm_service_bottom li{ float:left; width:312px; margin:0 -25px; height:374px; text-align:center; color:#fff; position:relative;}

.smm_service_bottom li .m{ width:72px; height:72px; font-size:16px; background-color:#FFF; border-radius:50%; display:block; margin:0 auto; line-height:66px; bottom:-72px; box-sizing:border-box; border:3px solid #000; position:absolute; left:50%; margin-left:-36px;}

.smm_service_bottom li .pd{ padding:40px 50px 0 50px;}
.smm_service_bottom li .pd i{ text-align:center}
.smm_service_bottom li .pd i img{ display:inline-block}
.smm_service_bottom li .h3{ font-size:30px;}
.smm_service_bottom li .h3,.smm_service_bottom li .pd .p{ margin-top:20px}
.smm_service_bottom li.li1{ background:url(../images/smm_service_bottom1.png) no-repeat;}

.smm_service_bottom li.li2{ background:url(../images/smm_service_bottom2.png) no-repeat;}

.smm_service_bottom li.li3{ background:url(../images/smm_service_bottom3.png) no-repeat;}

.smm_service_bottom li.li4{ background:url(../images/smm_service_bottom4.png) no-repeat;}

.smm_service_bottom li.li1 .m{ border-color:#f3b239; color:#f3b239;}

.smm_service_bottom li.li2 .m{ border-color:#088092; color:#088092;}

.smm_service_bottom li.li3 .m{ border-color:#e7425c; color:#e7425c;}

.smm_service_bottom li.li4 .m{ border-color:#16ab94; color:#16ab94;}



.smm_service_bottom li:hover{ margin:0;}

.smm_service_bottom li:hover .m{ bottom:-60px;}



.smm_con3{ background:url(../images/smm_con3.jpg) no-repeat top center #e4b67c;}
.smm_service_bottom .img{ height:530px; position:relative;}

.smm_top{ background:url(../images/smm_top.jpg) no-repeat top center; height:366px;}

.crumbs{ padding:35px 0 0 0; height:40px;}

.crumbs strong{color:#999999;}

.crumbs span{ color:#666666;}

.crumbs em{ margin:0 5px;}

.crumbs a{ color:#999999;}

.crumbs a:hover{ color:#F4BB1D;}