@charset "utf-8";
body{ color:#696969; font-family:\5FAE\8F6F\96C5\9ED1; background-color:#000; font-size:14px; overflow-x:hidden; padding-top:70px;}
a{ color:#696969; text-decoration:none;}
a:hover{ text-decoration:none; color:#e60013;}
i,em{ font-style:normal;}



/*动画增加*/
a{
-webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.advantage li .pd{
-webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.page_nav li .img{
-webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.advantage li em{
-webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.subnav li i{
-webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.smm_service_bottom li{
-webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.smm_service_bottom li .m{
-webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.advantage li:hover .pd{
    -webkit-transform: translate(0px, -5px);
  -moz-transform: translate(0px, -5px);
  -o-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
  -webkit-box-shadow: 0 5px 10px rgba(67,72,84,0.3);
  box-shadow: 0 5px 10px rgba(67,72,84,0.3);
}

.smm_service_top .pd{
-webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
 
}
.smm_service_top .img{
-webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.smm_service_top li:hover .pd{
    -webkit-transform: translate(0px, -5px);
  -moz-transform: translate(0px, -5px);
  -o-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
  box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}

.page_nav li:hover .img{
    -webkit-transform: translate(0px, -5px);
  -moz-transform: translate(0px, -5px);
  -o-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
  box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}


.menu-link{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.menu-link *{box-sizing: border-box;}
.menu-link { display:none; border-radius:5px; box-sizing: border-box; position: fixed; top:13px;right:20px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:8px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:10px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #d1000b;width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.55em;content: " ";}
.menu-link span:after {top: .55em;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before {
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.menu-link.active span:after {
-webkit-transform: rotate(-45deg) translate(.4em, -.3em);
-moz-transform: rotate(-45deg) translate(.4em, -.3em);
-ms-transform: rotate(-45deg) translate(.4em, -.3em);
-o-transform: rotate(-45deg) translate(.4em, -.3em);
transform: rotate(-45deg) translate(.4em, -.3em);
}


.menu_body{}
.menu_body .header{ background:#d1000b;}
.menu_body .menu-link span,
.menu_body .menu-link span:before,
.menu_body .menu-link span:after {background-color: #fff;}
.menu_body .menu-link.active span {background: transparent;}
.menu_body .menu ul{border-top: 1px solid #ee4d5a;}
.menu_body .menu li{ background:#d1000b;border-bottom: 1px solid #ee4d5a; text-align:center;}
.menu_body .menu li h3 a{ color:#fff; height:60px; line-height:60px; font-size:18px; font-weight:normal;}
.menu_body .menu li.curr{ background-color:#d1000b;}
.menu_body .menu li.curr h3 a{ color:#fff; font-weight:bold;}
.menu_body .logo .img1{ display:none;}
.menu_body .logo .img2{ display:block;}

.menu_bg{ display:none !important; background-color:#191919; position:fixed; display:none; _position:absolute; left:0px; bottom:0px; right:0px; top:0px; z-index:120;}

.wp{ width:1300px; margin:0 auto; position:relative;}
.header{ position:fixed; _position:absolute; top:0px; left:0px; right:0px; width:100%; background-color:#fff; height:70px; z-index:999; box-shadow:0px 1px 5px #ccc}

.logo{ float:left; padding:15px 0;}
.logo img{ height:40px; width:auto;}
.logo .img1{ display:block;}
.logo .img2{ display:none;}
.isubmenu{ position:absolute; left:0px; top:0px; width:260px; background:url(../img/isubmenu.png) repeat;z-index:9999;}
.isubmenu li{ position:relative;}
.isubmenu li.odd{ background-color:#333;}
.isubmenu li a{ height:60px; line-height:60px; color:#fff; font-size:1.14em; display:block; padding-left:70px; -webkit-transition: .3s background ease-out;-moz-transition: .3s background ease-out;-ms-transition: .3s background ease-out;transition: .3s background ease-out; background-color:transparent;}
.isubmenu li a i{ position:absolute; left:30px; font-size:24px;}
.isubmenu li a:hover{ background-color:#bc0e24;}

.logobox{ position:relative; float:left;}
.logobox .isubmenu{ top:70px; position:absolute; display:none; width:230px; left:0px; right:0px;}

.menu{ float:left; padding:0 0 0 70px;}
.menu li{ float:left; margin:0 1px; position:relative;}
.menu li a{display:block; padding:0 30px; height:62px; line-height:62px; border-top:3px solid #fff; -webkit-transition: .3s all ease-out;-moz-transition: .3s all ease-out;-ms-transition: .3s all ease-out;transition: .3s all ease-out;}
.menu li.curr a{ border-top:5px solid #e60012; color:#e60012; font-weight:bold;}
.menu li.curr i{ display:none !important;}
.menu li a:hover{background-color:#e60012; color:#fff; border-top:8px solid #e60012;}
.menu .showmenu{ display:none; position:absolute; right:0px; top:50%; margin-top:-25px; font-size:24px !important; cursor:pointer; width:50px; height:50px; line-height:50px; text-align:center;}
.menu .showmenu:hover{ color:#e60012;}

.iphone{ position:absolute; right:0px; top:15px;}
.iphone strong{ font-size:13px; display:block; color:#333333; line-height:1;}
.iphone em{ font-size:24px; color:#e60012; font-weight:bold;}

.navbar{ display:none; position:absolute; right:0px; top:10px; width:40px; font-size:14px; line-height:40px; height:40px; background:url(../img/nav_icon.png) no-repeat center center; cursor:pointer;}

.subnav{ position:fixed; _position:absolute; left:50px; top:50%; margin-top:-100px; z-index:99;}
.subnav li{ font-size:12px; position:relative; margin-bottom:10px;}
.subnav li a{ display:block; padding-left:25px; color:#333; height:18px; line-height:18px;}
.subnav li a span{ display:none;}
.subnav li i{ position:absolute; left:2px; top:50%; width:14px; height:14px; border:1px solid #11b192; margin-top:-7px; box-sizing:border-box; background-color:#fff; border-radius:50%;}
.subnav li.curr i,.subnav li a:hover i{ left:0px; background-color:#f4bb1d; border:2px solid #fff; width:18px; height:18px; margin-top:-9px; margin-right:-2px;}
.subnav li a:hover span{ display:block;}

.banner img{ width:100%; height:auto;}
.banner .slick-dots{ position:absolute; left:50%; bottom:30px;}
.banner .slick-dots li{ float:left; margin:0 4.5px; width:36px; overflow:hidden; height:5px;}
.banner .slick-dots li button{ background:url(../img/ico.png) no-repeat -45px 0px; cursor:pointer; width:36px; height:5px; border:none; text-indent:-9999px; overflow:hidden;}
.banner .slick-dots li.slick-active button{ background-position:0px 0px;}

.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(../img/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(../img/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:/*url(../img/seo_con2_bg.jpg) no-repeat top center */#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(../img/seo_con3.jpg) no-repeat #dca91a center top; height:975px;}
.case{ padding-top:68px;}
.case .single-item{}
.case .slick-list{ margin:0 88px;}
.case .slick-slide{ padding-top:40px;}
.case .slick-prev{ margin-top:-34px; cursor:pointer; background:url(../img/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(../img/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(../img/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:-50px 0 0 -63px; width:126px; height:100px;}
.case .pd .text{ padding:140px 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; padding-top:15px;}
.case .pd .text .p{ color:#000; line-height:1.8; padding-bottom:30px; word-wrap:break-word;}
.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(../img/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(../img/seo_con4.jpg) no-repeat #ffffff center top fixed; background-size:cover; height:891px;}
.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(../img/form_ico1.png);}
.ipt_t2{ background-image:url(../img/form_ico2.png);}
.ipt_t3{ background-image:url(../img/form_ico3.png);}
.ipt_t4{ background-image:url(../img/form_ico4.png);}

.ipt_t1:focus{ background-image:url(../img/form_icoh1.png);}
.ipt_t2:focus{ background-image:url(../img/form_icoh2.png);}
.ipt_t3:focus{ background-image:url(../img/form_icoh3.png);}
.ipt_t4:focus{ background-image:url(../img/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(../img/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(../img/close1.png) no-repeat #000 center center; border-radius:50%; width:68px; height:68px;}


.footer_nav{ background-color:#fff; padding:50px 0;}
.footer_nav ul{ float:left; width:15%; margin:0 0.8%; text-align:center;}
.footer_nav li.h3 h3{ font-size:18px; color:#e60012; padding-bottom:10px; line-height:1;}
.footer_nav li.h3 h3 a{color:#e60012; cursor:default;}
.footer_nav li.p{ line-height:2.5;}
.footer_nav li.h3 i{ display:none; background:url(../images/honor_textlist.png) no-repeat; background-size:16px 32px; width:16px; height:16px; position:absolute; right:10px; top:50%; margin-top:-8px;}
.footer_nav li.lishow{ display:block;}
.footer_nav li.lihide{ display:block;}

.footer{ background:url(../img/footerbg.jpg) no-repeat; height:auto; font-size:12px;}
.footer_top{ padding:30px 0;}
.footer_fl{ float:left;}
.footer_fl .p1{ padding-top:10px;}
.footer_fl .p1 a{ color:#fff;}
.footer_fl .p1 span{ color:#fff; margin:0 8px;}
.footer_fl .p2{ padding-top:15px;}
.footer_fl .p2 span{ margin-right:24px;}
.footer_fr{ float:right;}
.footer_fr li{ float:left; padding:20px 0 0 24px;}
.footer_fr li.last{ padding:0px 0 0 40px;}
.footer_fr li.first{ display:none !important; float:right; padding:0px 0 0 40px;}
.footer_fr li.first img{ width:88px; height:auto;}
.footer_fr li a i{ font-size:38px; color:#8a8a8a; line-height:1;}
.footer_fr li a:hover i{ color:#fff;}
.footer_con{ padding-top:50px;}
.footer_con a{ color:#585858;}
.footer_con span{ margin:0 8px;}

/*sem*/
.sem_con1{ background:url(../img/sem_con1.jpg) no-repeat; height:929px;}
.sem_summary{ background:url(../img/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(../img/sem_con2.jpg) no-repeat; height:1307px;}
.sem_con2 .value_text{ color:#232323;}
.process{ background:url(../img/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(../img/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;-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
.seo_case li:hover .img1{-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);}
.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(../img/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(../img/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(../img/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:550px;}
.smm_summary li em{ display:block; font-size:22px;}
.smm_summary li span{ color:#555; display:block; font-size:14px;}
.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(../img/smm_con1.jpg) no-repeat; padding-bottom:110px;background-size:auto 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(../img/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 .h3{ font-size:30px;}
.smm_service_bottom li.li1{ background:url(../img/smm_service_bottom1.png) no-repeat;}
.smm_service_bottom li.li2{ background:url(../img/smm_service_bottom2.png) no-repeat;}
.smm_service_bottom li.li3{ background:url(../img/smm_service_bottom3.png) no-repeat;}
.smm_service_bottom li.li4{ background:url(../img/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(../img/smm_con3.jpg) no-repeat top center #e4b67c;}

.smm_service_bottom .img{ height:530px; position:relative;}


.smm_top{ background:url(../img/smm_top.jpg) no-repeat top center; height:366px;}
.crumbs{ padding:35px 0 20px 0;}
.crumbs strong{color:#999999;}
.crumbs span{ color:#666666;}
.crumbs em{ margin:0 5px;}
.crumbs a{ color:#999999;}
.crumbs a:hover{ color:#e60013;}

.page_nav{}
.page_nav ul{ padding-top:55px;}
.page_nav li{ float:left; width:16.66%;}
.page_nav li a{ width:120px; margin:0 auto; display:block; text-align:center; font-size:18px;}
.page_nav li .img{ width:120px; height:120px;  background-color:#fff; box-sizing:border-box; border-radius:50%; border:2px solid #000; position:relative; margin-bottom:15px;}
.page_nav li .img i{ display:block; width:80px; height:80px; background:url(../img/page_nav.png) no-repeat 0 -80px; position:absolute; left:50%; top:50%; margin:-40px 0 0 -40px;}
.page_nav li span{ line-height:1;}



.page_nav .li1 .img{ border-color:#e42122;}
.page_nav .li2 .img{ border-color:#46af35;}
.page_nav .li3 .img{ border-color:#f3b239;}
.page_nav .li4 .img{ border-color:#088092;}
.page_nav .li5 .img{ border-color:#e7425c;}
.page_nav .li6 .img{ border-color:#16ab94;}

.page_nav .li1 .img i{ background-position:0px -80px;}
.page_nav .li2 .img i{ background-position:-80px -80px;}
.page_nav .li3 .img i{ background-position:-160px -80px;}
.page_nav .li4 .img i{ background-position:-240px -80px;}
.page_nav .li5 .img i{ background-position:-320px -80px;}
.page_nav .li6 .img i{ background-position:-400px -80px;}

.page_nav .li1:hover span,.page_nav .curr .li1 span{ color:#e42122;}
.page_nav .li2:hover span,.page_nav .curr .li2 span{ color:#46af35;}
.page_nav .li3:hover span,.page_nav .curr .li3 span{ color:#f3b239;}
.page_nav .li4:hover span,.page_nav .curr .li4 span{ color:#088092;}
.page_nav .li5:hover span,.page_nav .curr .li5 span{ color:#e7425c;}
.page_nav .li6:hover span,.page_nav .curr .li6 span{ color:#16ab94;}

.page_nav .li1:hover .img,.page_nav .curr .li1 .img{ background-color:#e42122;}
.page_nav .li2:hover .img,.page_nav .curr .li2 .img{ background-color:#46af35;}
.page_nav .li3:hover .img,.page_nav .curr .li3 .img{ background-color:#f3b239;}
.page_nav .li4:hover .img,.page_nav .curr .li4 .img{ background-color:#088092;}
.page_nav .li5:hover .img,.page_nav .curr .li5 .img{ background-color:#e7425c;}
.page_nav .li6:hover .img,.page_nav .curr .li6 .img{ background-color:#16ab94;}

.page_nav .li1:hover .img i,.page_nav .curr .li1 .img i{ background-position:0px 0px;}
.page_nav .li2:hover .img i,.page_nav .curr .li2 .img i{ background-position:-80px 0px;}
.page_nav .li3:hover .img i,.page_nav .curr .li3 .img i{ background-position:-160px 0px;}
.page_nav .li4:hover .img i,.page_nav .curr .li4 .img i{ background-position:-240px 0px;}
.page_nav .li5:hover .img i,.page_nav .curr .li5 .img i{ background-position:-320px 0px;}
.page_nav .li6:hover .img i,.page_nav .curr .li6 .img i{ background-position:-400px 0px;}


.smm_info1_con1{ background-color:#f5f5f5; padding-bottom:50px;}
.title1{ font-size:30px; text-align:center; color:#2f3836; position:relative; padding-top:40px; margin-bottom:30px;}
.title1 i{ position:absolute; width:62px; height:3px; background-color:#e42122; left:50%; bottom:0px; margin-left:-31px;}
.title1 strong{ text-align:center; padding:20px 0; display:block; line-height:1.1;}

.imgtext1{ background-color:#fff; padding:70px;}
.imgtext1 .img{ float:left; width:480px; height:520px; position:relative;}
.imgtext1 .img .h3{ width:135px; height:135px; background-color:#e7425c; border-radius:50%; text-align:center; line-height:135px; font-size:24px; color:#fff; margin:0 auto; position:relative; z-index:9;}
.imgtext1 .img li{ width:256px; height:256px; border-radius:50%; background-color:#000; color:#fff; position:absolute; font-size:15px;}
.imgtext1 .img li .pd{ padding:30px 50px 0 50px;}
.imgtext1 .img li i{ display:block; text-align:center;font-size:26px; height:50px; line-height:1; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
.imgtext1 .img .li1{ background-color: rgba(243,178,57,0.9); left:0px; top:73px;}
.imgtext1 .img .li2{ background-color: rgba(17,143,158,0.9); right:0px; top:73px;}
.imgtext1 .img .li3{ background-color: rgba(233,87,42,0.9); bottom:0px; left:50%; margin-left:-128px;}
.imgtext1 .text{ margin:0 0 0 480px; padding:0 0 0 100px;}
.imgtext1 .text li{ position:relative; padding:0 80px 25px 44px;}
.imgtext1 .text li i{ position:absolute; left:0px; top:0px; width:26px; color:#000; height:26px; display:block; text-align:center; line-height:26px; border:1px solid #000; border-radius:50%;}
.imgtext1 .text li i.i1{color:#e7425c;border-color:#e7425c;}
.imgtext1 .text li i.i2{color:#118f9e;border-color:#118f9e;}
.imgtext1 .text li i.i3{color:#f3b239;border-color:#f3b239;}
.imgtext1 .text li i.i4{color:#e9572a;border-color:#e9572a;}
.imgtext1 .text li i.i5{color:#e7425c;border-color:#e7425c;}
.imgtext1 .text li i.i6{color:#118f9e;border-color:#118f9e;}
.imgtext1 .text li i.i7{color:#f3b239;border-color:#f3b239;}
.imgtext1 .text li .h3{ font-size:18px; color:#333333;}
.imgtext1 .text li .p{ color:#666;}

.smm_info1_con1 .value_text{ color:#333;}
.weixin_con1{ padding:0 150px 0 50px;}
.weixin_con1 li{ width:33.33%; float:left;}
.weixin_con1 .img{ width:416px; height:416px; border-radius:50%; background-color:#000; color:#fff;}
.weixin_con1 .pd{ padding:50px 60px 0 60px;}
.weixin_con1 em{ display:block; width:64px; height:64px; line-height:64px; text-align:center; margin:0 auto; background-color:#fff; border-radius:50%; font-size:26px;}
.weixin_con1 h3{ font-size:26px; text-align:center; line-height:1; padding:20px 0 10px 0;}
.weixin_con1 span{ font-size:16px; display:block; line-height:1.5;}
.weixin_con1 .li1 .img{ background-color: rgba(243,178,57,0.9);}
.weixin_con1 .li2 .img{ background-color: rgba(17,143,158,0.9);}
.weixin_con1 .li3 .img{ background-color: rgba(233,87,42,0.9);}
.weixin_con1 .li1 em{color:#f3b239;}
.weixin_con1 .li2 em{color:#118f9e;}
.weixin_con1 .li3 em{color:#e9572a;}
.smm_info1_con2 .advantage li .p{ min-height:72px;}
.smm_info1_con1 .advantage li .p{ min-height:81px;}

.smm_info1_con2{ background-color:#fff;}
.smm_info1_con2 .advantage li{ width:50%;}
.smm_info1_con3{ background-color:#fff;}
.weibo_process{ padding-bottom:120px;}
.weibo_process .img img{ width:100%; height:auto;}
.weibo_process ul{ display:none;}

.bbs_list{}
.bbs_list li{ width:25%; float:left;}
.bbs_list .pd{ margin:0 15px; border:1px solid #d9d9d9; background-color:#fff;}
.bbs_list .p{ font-size:18px; text-align:center; padding:35px; min-height:200px;}
.bbs_list em{ display:block; padding:30px 0 43px 0; text-align:center; background:url(../img/bbs_list.png) no-repeat center bottom #f3b239; font-size:76px; line-height:1; color:#fff;}
.bbs_list em.em1{ background-color:#f3b239;}
.bbs_list em.em2{ background-color:#088092;}
.bbs_list em.em3{ background-color:#e7425c;}
.bbs_list em.em4{ background-color:#16ab94;}


.smm_news{ padding:50px 0;}
.smm_news img{ width:100%; height:auto;}

.smm_info1_con2 .smm_video_lsit li .p{ min-height:120px;}

.smm_video_img .img{ display:none; margin:0 auto; }
.smm_video_img .text{}
.smm_video_img .text h3{ display:none;}
.smm_video_img .text ul{ position:relative; background:url(../img/smm_video_img2.png) no-repeat center center; width:467px; height:504px; margin:0 auto;}
.smm_video_img .text li{ position:absolute; text-indent:-999px; overflow:hidden;}
.smm_video_img .text li span{ display:none;}
.smm_video_img .text li i{ background:url(../img/smm_video_img_ico.png) no-repeat; width:132px; height:132px; display:block;}
.smm_video_img .text li.li1{left:50%; top:-8px; margin-left:-68px;}
.smm_video_img .text li.li2{left:-5px; top:85px;}
.smm_video_img .text li.li3{right:-5px;top:85px;}
.smm_video_img .text li.li4{left:-5px;bottom:85px;}
.smm_video_img .text li.li5{right:-5px;bottom:85px;}
.smm_video_img .text li.li6{left:50%; bottom:-8px; margin-left:-68px;}

.smm_video_img .text li.li1 i{ background-position:0px 0px;}
.smm_video_img .text li.li2 i{ background-position:-132px 0px;}
.smm_video_img .text li.li3 i{ background-position:-264px 0px;}
.smm_video_img .text li.li4 i{ background-position:-396px 0px;}
.smm_video_img .text li.li5 i{ background-position:-528px 0px;}
.smm_video_img .text li.li6 i{ background-position:-660px 0px;}

/* side */
.side{position:fixed;width:54px;height:auto;right:20px;bottom:100px;z-index:100; z-index:99999;}
.side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#d50007;color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li img{float:left;}






/*seo news*/
.classroom_imglist .img img,
.news_tj .img img,
.news_list .img img{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.classroom_imglist .img:hover img,
.news_tj .img:hover img,
.news_list .img:hover img{-moz-transform:scale(1.1); -webkit-transform:scale(1.1);  -o-transform:scale(1.1);transform:scale(1.1);}

.con5{ background-color:#ffffff; display:none !important;}
.seo_tit1{ text-align:center; font-size:48px; margin-bottom:37px; position:relative; padding-bottom:20px;}
.seo_tit1:after{content:'\20'; position:absolute; width:54px; height:3px; background-color:#f3b237; left:50%; bottom:0px; margin-left:-27px;}

.classroom_imglist{ border-bottom:1px dashed #acacac; padding-bottom:30px;}
.classroom_imglist li{ float:left; width:33.33%; position:relative;}
.classroom_imglist .pd{ padding-right:20px;}
.classroom_imglist .img{ overflow:hidden;}
.classroom_imglist .img img{ width:100%; height:auto;

}
.classroom_imglist .em{ position:absolute; top:0px; left:20px; width:70px; height:87px; background:url(../images/hstm90.png) repeat; margin-bottom:45px; text-align:center; color:#808080; font-size:12px;}
.classroom_imglist .em strong{ font-size:42px; border-bottom:1px solid #808080; font-weight:normal; display:block; margin:0 7px;}
.classroom_imglist .text{ padding-top:10px;}
.classroom_imglist .h3{ font-size:22px;}
.classroom_imglist .h3 a{ color:#e60012;}
.classroom_imglist .h3 a:hover{ text-decoration:underline;}
.classroom_imglist .p{ padding-top:10px;}
.classroom_imglist .p a{ color:#666;}
.classroom_imglist .p a:hover{color:#e60012;}
.classroom_imglist .p span{ color:#e60012; margin-left:5px;}
.classroom_imglist .p a:hover span{ text-decoration:underline;}

.classroom_textlist{ padding:20px 0;}
.classroom_textlist li{ float:left; width:33.33%; line-height:20px; padding:8px 0;}
.classroom_textlist li a{ display:block; padding-left:12px; background:url(../img/classroom_textlist_ico.png) no-repeat left center;}
.classroom_textlist li a:hover{color:#e60012;}

.classroom_m{ padding-bottom:20px;}
.classroom_m a{ width:253px; height:46px; display:block; margin:0 auto; border:1px solid #bdbdbd; line-height:46px; border-radius:6px; text-align:center; color:#e60012; }
.classroom_m a:hover{ background-color:#e60012; border-color:#e60012; color:#fff;}

.classroom_r{ text-align:center; padding-bottom:60px; color:#666;}
.classroom_r strong{ font-weight:normal;}
.classroom_r span{ margin:0 15px;color:#999;}
.classroom_r a{ color:#999;}
.classroom_r a:hover{color:#e60012;}

.pgwp{ background-color:#f5f5f5;}
.pgwp_con{ padding-bottom:50px;}
.pgwp_fl{ width:220px; float:left;}
.pgwp_fr{ width:1060px; float:right;}

.nav_tit{ position:relative; background-color:#fff; color:#e60012; border-bottom:1px solid #e60012; padding:15px 0 15px 10px; margin-bottom:10px;}
.nav_tit i{ float:left; font-size:56px; margin-right:5px; line-height:1;}
.nav_tit strong{ display:block; font-size:24px; font-weight:normal;}
.nav_tit em{ font-size:12px; display:block; color:#666; text-transform:uppercase;}
.nav_tit .m{-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;}
.nav_tit .m{display:none; border-radius:5px; box-sizing: border-box; position:absolute; top:8px;right:12px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:8px;}

.nav_tit .m *{box-sizing: border-box;}


.nav_tit .m:hover,
.nav_tit .m:focus {}
.nav_tit .m span {position: relative;display: block;margin-top:10px;}
.nav_tit .m span,
.nav_tit .m span:before,
.nav_tit .m span:after {background-color: #000;width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.nav_tit .m span:before,
.nav_tit .m span:after {position: absolute;top: -.55em;content: " ";}
.nav_tit .m span:after {top: .55em;}
.nav_tit .m.active span {background: transparent;}
.nav_tit .m.active span:before {
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.nav_tit .m.active span:after {
-webkit-transform: rotate(-45deg) translate(.4em, -.3em);
-moz-transform: rotate(-45deg) translate(.4em, -.3em);
-ms-transform: rotate(-45deg) translate(.4em, -.3em);
-o-transform: rotate(-45deg) translate(.4em, -.3em);
transform: rotate(-45deg) translate(.4em, -.3em);
}







.nav{ margin-bottom:50px;}
.nav li a{ height:50px; line-height:50px; background-color:#fff; color:#666; display:block; border-bottom:1px solid #f5f5f5; padding:0 0 0 25px; font-size:16px;}
.nav li a:hover,.nav li.curr a{ background-color:#e60013; color:#fff;}
.nav li a i{ margin-right:15px; font-family:Consolas, "Andale Mono",'微软雅黑';}

.rmtj{ margin-bottom:15px; background-color:#fff;}
.rmtj_tit{ border-bottom:1px solid #dedede; line-height:50px; height:50px; padding:0 15px;}
.rmtj_tit strong{ color:#e60013; border-bottom:1px solid #e60013; height:50px; display:block; float:left;}
.rmtj_list{ padding:0 15px;}
.rmtj_list ul{ padding:10px 0;}
.rmtj_list li{ line-height:32px; height:32px; font-size:12px;}
.rmtj_list li a{ display:block; padding-left:12px; background:url(../img/rmtj_list.png) no-repeat left center;}
.rmtj_list li a:hover{ color:#e60013;}

.news_list{ background-color:#fff; padding:0 30px;}
.news_list ul{}
.news_list li{ padding:27px 0; border-bottom:1px dashed #c9c9c9; overflow:hidden;}
.news_list .img{ float:left; width:306px; overflow:hidden;}
.news_list .img img{ width:100%; height:auto;}
.news_list .text{ margin-left:306px; padding-left:30px; padding-top:10px;}
.news_list .h3{ font-size:22px;}
.news_list .h3 a{ color:#000;}
.news_list .h3 a:hover{color:#e60012;}
.news_list .p{ padding-top:10px; padding-bottom:30px;}
.news_list .p a{ color:#666;}
.news_list .p a:hover{color:#e60012;}
.news_list .p span{ color:#e60012; margin-left:5px;}
.news_list .p a:hover span{ text-decoration:underline;}
.news_list .em{ color:#999;}

.news_page{ background-color:#fff; text-align:center; padding:40px 0;}
.news_page a{ width:40px; height:40px; line-height:40px; font-size:24px; margin:0 1px; text-align:center; display:inline-block;}
.news_page a:hover{ background-color:#f0f0f0; color:#fff;}
.news_page a.curr{ color:#fff; background-color:#e60012;}

.news_info{ padding:0 30px; background-color:#FFF; margin-bottom:20px;}
.news_info .c_i{ padding:20px 0;}
.news_info .c_i img{ margin:5px 0; width:100%; height:auto; box-shadow:0 0 8px #d9d9d9;}
.news_info .c_t{ font-size:30px; color:#000; padding:20px 0; position:relative;}
.news_info .c_t:after{content:'\20'; position:absolute; width:48px; border-bottom:1px solid #e60012; left:0px; bottom:0px;}
.news_info .t{ border-bottom:1px solid #e7e7e7; text-align:center; padding:35px 0 15px 0;}
.news_info .t .h3{ font-size:30px; color:#000;}
.news_info .t .em{ font-size:12px; color:#999;}
.news_info .p{ padding:30px 0 100px 0; font-size:16px; color:#333333; line-height:1.8;}
.news_info .p strong{ color:#e60012;}
.news_info .m{ border-top:1px dashed #d0d0d0; padding:20px 0;}
.news_info .m a{ line-height:30px; width:50%; float:left;}
.news_info .m .a1{ text-align:left;}
.news_info .m .a2{ text-align:right;}

.news_tj{ padding:0 0 0 30px; background-color:#FFF;}
.news_tj .t{ padding:15px 0px; line-height:30px; font-size:18px; color:#666666;}
.news_tj ul{ padding-bottom:20px;}
.news_tj li{ float:left; width:33.33%; padding-right:30px; box-sizing:border-box; font-size:16px;}
.news_tj .img{ overflow:hidden;}
.news_tj .img img{ width:100%; height:auto;}
.news_tj .text{ line-height:20px; padding:10px 0;}
.case_tj .img{ border:2px solid #e9e9e9;}

.banner_case{ overflow:hidden;}
.banner_case img{ width:100%; height:auto;}



@media screen and (max-width:1600px){
.isubmenu{ width:200px;}
.isubmenu li a{ height:68.3px; line-height:68.3px; font-size:1em;}
.isubmenu li a i{ font-size:24px;}
}
@media screen and (max-width:1440px){
.wp{ width:1200px;}
.menu li a{ padding:0 15px;}
.advantage li strong{ font-size:32px;}
.advantage li .p{ font-size:16px;}
.subnav{ left:40px;}
.case_box{ width:70%; left:15%;}

.smm_summary li{ width:400px;}

.smm_service_top .pd{ padding:80px 50px 50px 50px;}
.smm_service_top li span{ display:inline;}
.imgtext1 .text li{padding: 0 0px 25px 40px;}

.weixin_con1 h3{ font-size:18px;}
.weixin_con1 span{ font-size:14px;}
.weixin_con1 .img{ width:360px; height:360px;}

.pgwp_fr{ width:970px;}
}
@media screen and (max-width:1366px){
.wp{ width:1180px;}
.case_box{ margin-top:-284px;}
.case_info .npd{ height:300px;}

.pgwp_fr{ width:950px;}
}
@media screen and (max-width:1300px){
.seo_case{ height:648px;}
.seo_case ul{moz-transform:scale(0.7);-webkit-transform:scale(0.7); -o-transform:scale(0.7); }
}
@media screen and (max-width:1200px){
.isubmenu{ width:160px;}
.isubmenu li a{ height:51.3px; line-height:51.3px; font-size:1em; padding-left:50px;}
.isubmenu li a i{ font-size:18px; left:20px;}

.case_box{ width:80%; left:10%;}
.subnav{ left:30px;}
.wp{ width:1080px;}
.iphone em{ font-size:18px;}
.advantage li strong{ font-size:28px;}
.advantage li .p{ font-size:14px;}
.advantage li .pd{padding: 60px 30px 40px 30px;}
.case .pd{ background-size:280px 477px; width:280px; height:477px;}
.case .pd .text{padding: 150px 27px 0 27px;}
.case .pd .text .h3{ font-size:28px; padding-bottom:10px;}
.case .pd .text .p{ font-size:12px; line-height:1.6;}
.case .pd .text .m a{height:40px; line-height:40px;}
.con2{ height:auto;}

.smm_summary li{ width:300px;}
.smm_summary li em{ font-size:18px;}
.smm_summary li span{ font-size:12px;}
.smm_service_top .pd{ padding:80px 40px 40px 40px;}
.smm_service_top .p{ font-size:16px;}

.smm_service_bottom{}
.smm_service_bottom .img{ height:390px; position:relative;}
.smm_service_bottom ul{moz-transform:scale(0.8);-webkit-transform:scale(0.8); -o-transform:scale(0.8); top:-50px;}

.imgtext1{ padding:50px;}
.imgtext1 .text{ padding:0 0 0 50px;}

.weixin_con1 em{ width:32px; height:32px; line-height:32px; font-size:14px;}
.weixin_con1 h3{ font-size:14px;padding: 10px 0 10px 0;}
.weixin_con1 span{ font-size:12px;}
.weixin_con1 .img{ width:300px; height:300px;}

.bbs_list .pd{ margin:0 8px;}
.bbs_list .p{ font-size:14px; min-height:150px; padding:20px;}

.pgwp_fr{ width:850px;}
}
@media screen and (max-width:1100px){
.wp{ width:990px;}
.iphone{ display:none;}
.imgtext1 .text li{padding: 0 0px 15px 40px;}

.pgwp_fr{ width:760px;}
}
@media screen and (max-width:1024px){
.logobox .isubmenu{ display:none !important;}

.wp{ width:auto; margin:0 20px;}
.logo{ padding:12px 0;}
.logo img{ width:150px; height:auto;}
body{ padding-top:60px;}
.header{ height:60px;}
.menu li a{ height:56px; line-height:56px;border-top: 2px solid #fff;}
.menu li a:hover{border-top: 4px solid #e60012;}
.iphone{ display:none;}
.slogan{ padding:60px 0 20px 0;}
.con1{ padding-bottom:60px; height:auto;}
.advantage{ padding-top:60px;}
.advantage li{ padding-bottom:60px;}
.advantage li strong{ font-size:24px;}
.advantage li .p{ font-size:12px;}
.advantage li em{ width:70px; height:70px; margin-left:-35px; top:-35px; font-size:32px; line-height:66px;border: 2px solid #f4bb1d;}
.advantage li:hover em{border: 2px solid #11b192;}

.con3{ height:auto; padding-bottom:60px;}
.con4{ height:auto; padding-bottom:60px;}

.seo_tit1{ font-size:28px;}
.classroom_imglist .h3{ font-size:18px;}

.pgwp_fl{ float:none; width:auto;}
.pgwp_fr{ width:auto; float:none;}
.nav_tit i{ display:none;}
.nav{ display:none;}
.rmtj{ margin-bottom:10px;}

.nav_tit{ padding:10px 0 10px 20px;}
.nav_tit .m{ display:block;}

.rmtj_list ul{ overflow:hidden;}
.rmtj_list li{ width:33.33%; float:left;}

.news_page a{ font-size:12px; width:20px; height:20px; line-height:20px;}
.news_page{ padding:20px 0;}

.rmtj{ display:none;}

.banner_case img{ width:150%; margin-left:-25%;}

.nav_tit strong{ display:inline;}
.nav_tit em{ display:inline;}
}
@media screen and (max-width:1000px){
.menu-link{ display:block;}

.ibanner .isubmenu{ display:none;}

.menu li a{ height:60px; line-height:60px; padding:0 20px;}
.menu .showmenu{ display:block;}
.menu{ }
.menu ul{ border-top:1px solid #cfcfcf;position:fixed; top:60px; left:0px; right:0px; width:100%; display:none;}
.menu ul.in{ display:block; height:0px; overflow:hidden;}
.menu li{ width:auto; float:none; background-color:#fff; border-bottom:1px solid #dfdfdf; margin:0px;}
.menu li.curr a{ background:none; color:#e60012;}
.menu li a{ border:none !important; line-height:40px; height:40px;}
.menu li a:hover{ background-color:#d1000b; color:#fff;}
.menu li a i{ display:none;}

.case_box{ width:90%; left:5%;}
.footer_fr{ float:none;}
.footer_fl{ float:none;}
.footer_fr li.first{ width:auto;}
.subnav{ left:3%;}


.smm_service_bottom{ padding:50px;}
.smm_service_bottom ul{moz-transform:scale(1);-webkit-transform:scale(1); -o-transform:scale(1); top:0px; position:static; width:auto; margin:0px;}
.smm_service_bottom li{ background:none !important; margin:0 0 10px 0 !important; width:50%; height:auto;}
.smm_service_bottom li .pd{ padding:50px; margin:0 5px 0 0; border-radius:10px;}
.smm_service_bottom li.li1 .pd{ background-color:#f3b239;}
.smm_service_bottom li.li2 .pd{ background-color:#088092;}
.smm_service_bottom li.li3 .pd{ background-color:#e7425c;}
.smm_service_bottom li.li4 .pd{ background-color:#16ab94;}
.smm_service_bottom li.even .pd{ margin:0 0 0 5px;}
.smm_service_bottom .img{ height:auto;}
.smm_service_bottom li .m{ position:static !important; margin:0 auto;}
.smm_service_bottom li .p{ min-height:140px;}
.smm_service_bottom li i{ display:block; height:100px;}
.smm_con2{ padding-bottom:60px;}
.navbar{ display:block;}


.footer_fr{ display:none !important;}
.footer_fl{ float:none;}
.footer_con{ display:none !important;}
.footer_fl .p1{ text-align:center;}
.footer_fl .p2{ text-align:center;}
.footer{ background:#000;}

}
@media screen and (max-width:980px){

.slogan .tit1 img{ width:70%; max-width:425px;}
.value_list{ background:none; height:auto; width:auto;}
.value_list ul{ padding-top:20px; width:255px; margin:0 auto;}
.value_list li{ position:static; margin-bottom:10px; text-align:left;}
.value_list li em{ display:inline; font-size:16px; margin-right:5px; float:none !important; color:#fff;}
.value_list li .p{ display:inline; font-size:16px; margin:0!important;}
.value_list li .p span{ display:inline;}
.value_list .img{ display:none;}
.advantage li{ width:50%;}
.advantage li .p{ font-size:16px;}
.con3{ height:auto; padding-bottom:40px; background-size:auto 100%;}

.seo_case{ height:555px;}
.seo_case ul{moz-transform:scale(0.6);-webkit-transform:scale(0.6); -o-transform:scale(0.6); }
.sem_con1{ height:auto; padding-bottom:50px;}
.sem_summary{ background:none; width:auto; height:auto;}
.sem_summary .img{ display:block;}
.sem_summary ul{padding-top:20px; width:200px; margin:0 auto;}
.sem_summary li{ position:static; margin-bottom:10px;}
.process li h3 span{ display:inline; margin-right:5px;}
.sem_summary em{ display:inline; font-size:16px; margin-right:5px; float:none !important; color:#fff;}
.sem_summary span{ display:inline; font-size:16px; color:#fff;}
.sem_summary li.even{ text-align:left;}
.sem_summary li.li1 em{ text-align:left;}

.sem_con2{ height:auto; padding-bottom:50px;}
.process{ background:none; width:auto; height:auto;}
.process li{ position:relative; left:auto !important; right:auto !important; top:auto !important; overflow:hidden; width:50%; float:left; border:none !important; margin-bottom:20px;}
.process li .pd{ margin:0 10px 0 0;}
.process li.even .pd{ margin:0 0 0 10px;}

.smm_summary ul{ background:none; width:auto; height:auto;}
.smm_summary li{ position:static; width:50%; float:left; padding-bottom:10px;}
.smm_con1{ padding-bottom:60px;}

.imgtext1{ padding:50px 0;}
.imgtext1 .img{ float:none; margin:0 auto 15px auto;}
.imgtext1 .text{ margin:0px; width:480px; margin:0 auto; padding:0px;}
.weixin_con1{ padding:0 150px;}
.weixin_con1 li{ width:auto; float:none; margin-bottom:20px;}
.weixin_con1 .img{ width:auto; height:auto; border-radius:10px;}
.weixin_con1 .pd{ padding:30px;}

.smm_info1_con2 .smm_video_lsit li .p{ min-height:168px;}


}
@media screen and (max-width:900px){
.case_box{ width:auto; height:auto; left:20px; top:20px; right:20px; margin:0px; bottom:20px;}
.value_text span{ display:inline;}




.footer_nav{ padding:30px 0;}
.footer_nav{ background-color:#222;}
.footer_nav ul{ float:none; width:auto;}
.footer_nav li.p{ display:none;}
.footer_nav li.h3{ display:block;margin-bottom:10px; position:relative;}
.footer_nav li.h3 h3{ padding:10px 0px; font-size:16px; text-align:left; color:#fff; cursor:pointer; border-bottom:1px solid #5a5a5a; }
.footer_nav li.h3 h3 a{color:#fff;}
.footer_nav li.h3 i{ display:block;}
.footer_nav li.lishow{ display:block;}
.footer_nav li.lihide{ display:none;}
.footer_nav .h3{ display:block !important; }
.footer_nav .p{}
.footer_nav .p a{ display:block; font-size:12px; text-align:left;}
.footer_nav ul{ padding-bottom:10px;}
.footer_nav ul.curr .h3 h3{}
.footer_nav ul.curr .h3 i{ background-position:0 -16px;}

.smm_service_top .h3{ font-size:24px;}
.smm_service_top .p{ font-size:14px;}
}
@media screen and (max-width:860px){
.case_box .case_close{ position:absolute; right:10px; top:10px; width:30px; height:30px; background-color:#f4bb1d; background-size:15px 15px; border-radius:0;}
.case_box{ left:0px; top:0px; bottom:0px; right:0px; width:100%; height:100%; border-radius:0px;}
.case_boxn{overflow-y:scroll;-webkit-overflow-scrolling: touch;height:100%;}
.case_info .npd{ overflow:inherit; height:auto}
.case_box .img{ float:none; overflow:hidden; width:auto;}
.case_box .img .p{ width:50%; float:left; box-sizing:border-box;}
.case_box .img .p1{ padding-right:15px;}
.case_box .img .p2{ padding-left:15px;}
.case_box .text{ float:none; width:auto; padding-left:0px;}
.case_box ul{ padding:30px;}
.case_box .case_close{ right:5px; top:5px; width:20px; height:20px; background-size:10px 10px;}

.msg{ width:auto;}
.advantage li{ width:auto; float:none;}
.advantage li .pd{ margin-right:0px;}
.case .pd .text .h3{ font-size:24px; line-height:1.5; margin-bottom:0px;}
.banner .slick-dots{ bottom:10px;}

.case{ padding-top:20px;}
.case ul{ width:auto;}
.case .pd{ width:100%; box-sizing:border-box; height:auto; background-color:#fff; margin:0 0 20px 0; overflow:hidden; padding:20px; border-radius:6px;}
.case .pd .img{ position:relative; left:inherit; float:left; width:150px; margin:0px; border-radius:0;}
.case .pd .img img{}
.case .pd .text{ margin-left:150px; padding:0 0 0 20px;}
.case .pd .text .h3{ text-align:left; margin-bottom:10px;}
.case .pd .text .h3 i{ display:none;}
.case .pd .text .m a{ margin:0px;}
.case .pd .text .p{ padding-bottom:15px;}
.case .pd:hover{ background:none; background-color:#11b192;}
.case .slick-slide{ padding-top:0px;}

.seo_case{ height:auto;}
.seo_case ul{moz-transform:scale(1);-webkit-transform:scale(1); margin:0 -10px; -o-transform:scale(1); position:static;  width:auto; height:auto; background:none;}
.seo_case li{ position:static; float:left; width:50%; margin-bottom:10px;}
.seo_case li .img1{ display:none;}
.seo_case li .pd{ display:block; box-sizing:border-box; margin:0 10px;}
.seo_case li .img2{ width:100%; height:auto; border:1px solid #666;}
.seo_case li .pd span{ display:block; text-align:center; padding:10px 0; color:#fff; font-size:16px;}

.process li h3{ font-size:18px;}
.process li p{ font-size:14px;}
.smm_service_bottom li .pd{ padding:30px;}

.smm_top{ height:auto; padding-bottom:30px;}
.page_nav ul{ padding-top:20px;}
.page_nav li a{ width:80px;}
.page_nav li .img{ width:80px; height:80px; border-width:2px; margin-bottom:5px;}
.page_nav li .img i{moz-transform:scale(0.75);-webkit-transform:scale(0.75); -o-transform:scale(0.75);}
.page_nav li span{ font-size:14px;}
.smm_info1_con2 .advantage li{ width:auto;}
.smm_info1_con2 .advantage li .p{ min-height:inherit;}
.smm_info1_con1 .advantage li .p{ min-height:inherit;}

.bbs_list li{ width:50%; margin-bottom:15px;}
.bbs_list .p{ font-size:18px;}
.bbs_list em{ font-size:54px;}
.weibo_process{ padding-bottom:60px;}

.smm_info1_con2 .smm_video_lsit li .p{ min-height:inherit;}


.classroom_imglist .pd{ padding-right:0px;}
.classroom_imglist li{ overflow:hidden; width:auto; float:none; padding-bottom:20px;}
.classroom_imglist .img{ float:left; width:300px;}
.classroom_imglist .text{ margin-left:300px; padding-left:20px;}

.classroom_textlist li{ width:50%;}


.rmtj_list li{ width:50%;}
.news_list .h3{ font-size:18px;}
.news_list .p{ padding-bottom:10px;}
.news_list .text{ padding-top:0px;}

}
@media screen and (max-width:760px){
.process li{ width:auto; float:none;}
.process li .pd{ margin:0px !important;}
.smm_summary li{ width:auto; float:none;}
.smm_service_bottom{ padding:30px;}
.smm_service_bottom li .pd{ padding:20px;}
.weixin_con1{ padding:0 50px;}
.mpo_con1{ background-image:none}
.spo_summary .img1,.spo_solution .img1{ display:none;}
.spo_summary .img2,.spo_solution .img2{ display:block;}
.spo_summary .img2,.spo_solution .img2{ width:80%;}
.side .li2{ display:none;}
.side{ bottom:40px;}

.news_list .img{ width:250px;}
.news_list .text{ margin-left:250px; padding-left:20px;}
.news_list{ padding:0 15px;}
.news_list li{ padding:15px 0;}

.news_info .t{ padding:30px 0 15px 0;}
.news_info .t .h3{ font-size:24px; padding-bottom:5px;}
.news_info .p{ font-size:14px; padding:20px 0 30px 0;}
.news_info .m a{ width:auto; float:none; display:block; text-align:left !important;}
.news_tj{ padding:0 5px 0 15px;}
.news_tj li{ padding-right:10px;}
.news_tj .text{ font-size:14px; text-align:center;}

}
@media screen and (max-width:640px){
.case_box .img .p{ width:auto; float:none; padding:0px !important;}

.con1{ padding-bottom:30px;}
.con2{ padding-bottom:20px;}
.con3{ padding-bottom:20px;}
.con4{ padding-bottom:20px;}
.slogan{ padding:30px 0 20px 0}
.advantage{ padding-top:20px;}
.advantage li{ padding-bottom:10px;}
.advantage li .pd{ padding:20px; text-align:left; border-radius:6px;}
.advantage li .h3{ height:auto; line-height:1; padding-bottom:5px;}
.advantage li em{ display:inline; position:static; background:none; border:none; width:auto; height:auto; margin:0 5px 0 0; color:#333; font-size:18px; line-height:normal;}
.advantage li strong{ font-size:18px;}
.advantage li .p{ font-size:14px;}
.advantage li:hover em{ background:none; color:#fff; border:none;}

.case{ padding-top:10px;}
.value_text{ padding-bottom:30px;}
.banner .slick-slide{ overflow:hidden;}
.banner .slick-slide img{ width:150%; margin-left:-25%;}
.msg li{ margin-bottom:15px;}


.footer_fl .p2 span{ display:block; margin-right:0px;}
.footer_nav{ padding:30px 0;}
.footer_nav li.h3 h3{ padding:15px; font-size:16px;}
.footer_nav .p a{ font-size:14px; padding:5px 0;}

.case .pd .img{ float:none; width:auto;}
.case .pd .text{ margin-left:0; padding:20px 0px 0px 0px;}
.case .pd .text .h3{ text-align:center; margin-bottom:10px;}
.case .pd .text .h3 i{ display:block;}
.case .pd .text .m a{ margin:0 auto;}
.case .pd .text .p{ text-align:center}

.sem_con1{padding-bottom:20px;}
.sem_con2{padding-bottom:20px;}
.smm_con1{ padding-bottom:30px;}
.smm_con2{ padding-bottom:30px;}

.smm_service_top{ padding:20px 0 0 0;}
.smm_service_top li{ width:auto; float:none; padding-top:20px;}
.smm_service_top li .pd{ margin:0px !important; padding:30px;}
.smm_service_top li .img{ position:relative; left:auto; top:auto; margin:0px auto;}
.smm_service_top li .text{ padding-top:15px;}
.smm_service_top .p{ min-height:inherit;}
.smm_service_bottom li{ width:auto; float:none;}
.smm_service_bottom li .p{ min-height:inherit; padding-bottom:20px;}
.smm_service_bottom li .pd{ margin:0px !important;}
.smm_top{ background-size:auto 100%;}
.page_nav li{ width:33.33%; padding-bottom:10px;}
.imgtext1{}
.imgtext1 .text{ width:auto; padding:0 20px;}
.imgtext1 .img{margin: 0 auto 25px auto; height:auto; width:auto;}
.imgtext1 .img .h3{ width:auto; height:auto; padding:10px 0; line-height:1; border-radius:5px; margin-bottom:10px;}
.imgtext1 .img li{ position:static; margin:0 0 10px 0 !important; height:auto; width:auto; border-radius:10px;}
.imgtext1 .img li .pd{ padding:50px;}

.weixin_con1 li{ margin-bottom:10px;}
.weixin_con1{ padding:0px;}

.bbs_list li{ width:auto; float:none;}
.bbs_list .p{ min-height:inherit;}
.bbs_list .pd{ margin:0px;}
.bbs_list em{ font-size:36px; padding:20px 0 33px 0;}

#qiao-invite-wrap{ display:none !important;}

.classroom_r{ text-align:left;}
.classroom_r strong{ display:block; border-bottom:1px solid #eee; text-align:center; font-size:18px; padding:10px 0;}
.classroom_r a{ display:block; border-bottom:1px dashed #eee; line-height:30px;}
.classroom_r span{ display:none;}

.classroom_imglist .img{ width:250px; }
.classroom_imglist .text{ margin-left:250px;}
.seo_tit1{ margin-bottom:10px; font-size:24px;}
.classroom_r{ padding-bottom:20px;}
.rmtj_list li{ width:auto; float:none;}

.news_tj li{ width:50%;}
.banner_case img{ width:180%; margin-left:-40%;}
}
@media screen and (max-width:520px){
.case_box .case_t{ float:none; padding-bottom:20px;}
.case_box .case_t em{ display:none;}
.case_box .case_logo{ float:none;}
.case_box .case_logo img{ display:block; margin:0 auto;}
.case .slick-list{ margin:0px; padding-bottom:20px;}
.case .slick-dots{ position:absolute; left:50%; bottom:10px;}
.case .slick-dots li{ float:left; margin:0 3px; width:14px; overflow:hidden; height:14px;}
.case .slick-dots li button{ background-color:#fff; border-radius:50%; border:none; cursor:pointer; width:12px; height:12px; border:none; text-indent:-9999px; overflow:hidden;}
.case .slick-dots li.slick-active button{ background-color:#F00;}

.seo_case ul{margin:0 -20px 0 0;}
.seo_case li{ width:50%; float:left;}
.seo_case li .pd{ margin:0 20px 0 0;}
.smm_video_img .img{ display:block;}
.smm_video_img img{ width:100%; height:auto;}
.smm_video_img .text{ display:none;}

.classroom_imglist{ padding-bottom:10px;}
.classroom_imglist .img{ width:auto; float:none;}
.classroom_imglist .text{ margin:0px; padding:20px 0 0 0;}
.classroom_textlist li{ width:auto; float:none;}

.news_list .img{ float:none; width:auto;}
.news_list .text{ margin:0px; padding:15px 0 0 0 ;}
.news_list .em{}
.news_list .h3{ font-size:16px;}
.news_list .p{ padding:5px 0;}

.nav{ margin-bottom:20px;}
.nav li a{ line-height:40px; height:40px;}
}
@media screen and (max-width:440px){
.wp{ margin:0 15px;}
.value_list .img img{ width:80%;}
.slogan .tit1 img{ width:80%;}
.case_box ul{ padding:0px 30px 30px 30px;}
.case_box .bt{ display:block; padding-top:10px;}
.case_box .case_t{ display:none;}
.case_box .case_close{ width:30px; height:30px; background-size:15px 15px; top:10px;}

.msg_text{ font-size:14px;padding: 5px 0 10px 0;}
.ipt_b1{ width:100%;}
.footer_fr li{ width:25%; padding:30px 0px 0px 0px;}
.footer_fr li a{ width:38px; display:block; margin:0 auto;}
.footer_fr li.first{ width:auto; float:none; padding:0;}
.footer_fr li.first a{ width:auto;}
.footer_fl .p1 a{ width:25%; float:left; line-height:30px; text-align:center;}
.footer_fl .p1 span{ display:none;}
.footer_con a{ float:left; width:50%; line-height:30px; text-align:center;}
.footer_con span{ display:none;}
.footer_fl .p2 span.line1{ display:none;}
.footer_fr li.first img{ margin:0 auto; display:block; width:140px;}
.msg li{ margin-bottom:10px;}
.ipt,.ipt_s1,.ipt_b1{ line-height:46px; height:46px; font-size:16px;}

.sem_summary .img img{ width:80%;}

#qiao-wrap,#qiao-mess-wrap{ display:none !important;}

.subnav{ display:none;}

.news_info .t{ padding:15px 0;}
.news_tj{ padding:0 15px;}
.news_info{ padding:0 15px;}
.news_tj li{ width:auto; float:none; padding:0px;}
.news_info .m a strong{ display:block;}
.crumbs{ padding-top:25px;}
.news_info .c_t{ font-size:18px;}

.banner_case img{ width:200%; margin-left:-50%;}
}
@media screen and (max-width:375px){
.case_box ul{ padding:0 20px 20px 20px;}
.case_box .case_close{ right:20px;}
}
@media screen and (max-width:350px){
.process li{ margin-bottom:10px;}
.process li h3{padding: 25px 0 10px 0; font-size:16px;}
.process li p{ font-size:12px;}
}
@media screen and (max-width:320px){
.wp{ margin:0 10px;}
.case_box ul{ padding:0 10px 10px 10px;}
.case_box .case_close{ right:10px;}
.case_box .bt{ font-size:18px;}
.case_box .bt em{ font-size:12px;}
.case_box .ptext{padding: 10px 0 10px 0; font-size:14px;}
.case_box .pimg{ border-width:2px;}
.case_box .img{ padding-bottom:20px;}
.case_box .h3{ font-size:16px;}
.case_info h3{ font-size:14px;}
.case_info h4{ font-size:12px;}
.case_info p{ font-size:12px;}
.smm_service_top li .pd{ padding:15px;}
.smm_service_bottom{ padding:15px;}
.smm_service_bottom li .pd{ padding:10px;}
.imgtext1 .img li .pd{ padding:20px;}
.imgtext1 .img li i{ height:30px;}
.crumbs{ padding:20px 0 10px 0;}
.crumbs strong{ display:block;}

.bbs_list em{ font-size:24px; padding:15px 0 28px 0;}
.title1{ font-size:24px;}
.bbs_list .p{ font-size:14px;}

.nav_tit{padding: 10px 0 10px 10px;}
.nav_tit strong{ font-size:16px;}
.nav_tit .m{ top:3px; right:2px;}
}
@media screen and (max-height:480px){
.case .pd .img{ height:114px;}
.case .pd .text .h3{ margin-bottom:0px;}


}



@media \0screen\,screen\9 {
.imgtext1 .img li{*zoom:1;filter:Alpha(opacity=90);}
.imgtext1 .img .li1{ background-color:#f3b239;}
.imgtext1 .img .li2{ background-color:#118f9e;}
.imgtext1 .img .li3{ background-color:#e9572a;}

.weixin_con1 .img li{*zoom:1;filter:Alpha(opacity=90);}
.weixin_con1 .img .li1{ background-color:#f3b239;}
.weixin_con1 .img .li2{ background-color:#118f9e;}
.weixin_con1 .img .li3{ background-color:#e9572a;}
}


/*youbiancaidan*/
.quick_nav{ position:fixed; -webkit-transform: translateZ(0); right:0px; top:50%; color:#fff; text-align:center; width:100px; margin-top:-234px; box-shadow:0 0 5px rgba(0,0,0,0.1); z-index:99999;}
.quick_nav1 a{ color:#fff;}
.quick_nav1 a:hover{text-decoration:underline}；
.quick_nav1{}
.quick_nav1 li{ background:#323235; margin-bottom:1px; padding:10px 0;transition:0.3s; border-radius:3px;}
.quick_nav1 li:hover{ background:#e10000; color:#fff;}
.quick_nav1 li:hover a{ color:#fff;}

.quick_nav1 .h3{ font-size:16px; line-height:1; position:relative; margin-bottom:7px;}
.quick_nav1 .h3:before{ content:'\20'; width:10px; height:2px; background:#e10000; position:absolute; left:15px; top:50%; margin-top:-1px;}
.quick_nav1 .p{ font-size:12px; line-height:18px; text-align:left; padding:0 0 0 10px; overflow:hidden;}
.quick_nav1 .p span,.quick_nav1 .p a{ margin-right:8px; float:left; color:#acacac;}
.quick_nav1 .p a:hover{ text-decoration:underline; color:#fff;}
.quick_nav1 li:nth-child(3) .p{ padding:0px;}
.quick_nav1 li:nth-child(3) .p span,.quick_nav1 li:nth-child(3) .p a{ width:50%; margin-right:0px; text-align:center;}

.quick_nav2{}
.quick_nav2 li{ background:#fff; border-radius:3px; margin-bottom:1px; position:relative;transition:0.3s; padding:12px 0;}

.quick_nav2 .pd{ color:#666; display:block;}
.quick_nav2 .pd i{ display:block; height:28px; line-height:28px; font-size:28px;}
.quick_nav2 .pd strong{ font-weight:normal;}
.quick_nav2 .pd:hover{ color:#e81215;}
.quick_nav2 .box{ position:absolute; right:100px; top:0px; width:392px; text-align:left; color:#888888; font-size:14px; display:none;}
.quick_close{ display:none;}
.quick_nav2 .npd{ background:#fff; margin-right:22px; padding:20px; border:1px solid #e8e8e8; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:3px; overflow:hidden;}
.quick_nav2 .npd:before{ content:'\20'; background:url(../images/sj.png) no-repeat; width:18px; height:29px; display:block; position:absolute; right:16px; top:15px;}
.quick_nav2 li:hover{background:#e81215; color:#fff;}
.quick_nav2 li:hover .pd{color:#fff;}
.quick_nav2 li:hover .box{ display:block;}



.quick_kf .h3{ font-size:24px; color:#e81215; line-height:30px; padding:0 0 20px 38px; border-bottom:1px solid #ececec; position:relative;}
.quick_kf .h3 i{ font-size:30px; position:absolute; left:0px; top:0px; height:30px; line-height:30px; color:#888888;}
.quick_kf .p{ padding:15px 0; margin-bottom:5px;}
.quick_kf .m{ overflow:hidden;}
.quick_kf .m a{ width:33.3333%; float:left; display:block; color:#555555; text-align:center; padding:15px 0 12px 0; background:#f9f9f9;}
.quick_kf .m i{ display:block; font-size:28px; color:#e81215; position:relative; display:block; height:34px; line-height:34px; width:34px; margin:0 auto;}
.quick_kf .m i:after{ content:'\20'; width:14px; height:14px; background:url(../images/xiaoxi.gif) no-repeat; background-size:cover; position:absolute; right:-8px; top:-5px;}
.quick_kf .m span{ display:block;}
.quick_kf .m a:hover{ background:#f1f1f1;}

.quick_fw .i{width:66px;border-right:1px solid #ececec;height:90px;line-height:90px;float:left;margin-right: 18px;}
.quick_fw .i i{ font-size:28px; position:relative; width:44px; text-align:center; display:block;}
.quick_fw .i i:after{ content:'\20'; width:14px; height:14px; background:url(../images/xiaoxi.gif) no-repeat; background-size:cover; position:absolute; right:-5px; top:14px;}
.quick_fw .h3{ font-size:18px; line-height:1; padding:15px 0;}
.quick_fw .p{ font-size:36px; line-height:1; color:#e81215;}

.quick_wx{}
.quick_wx .box{ width:186px; bottom:0px; top:auto;}
.quick_wx .npd:before{ top:auto; bottom:20px;}
.quick_wx img{ width:100%; height:auto; display:block;}
.quick_wx span{ display:block; padding-top:15px; text-align:center;}

.quick_top{ display:none;}
.body_top .quick_top{ display:block;}

@media screen and (max-width:1366px){
.quick_nav{ width:92px; top:110px; margin:0px;}
.quick_nav1 .h3{ margin-bottom:3px; font-size:14px;}
.quick_nav2 li{ padding:10px 0;}
.quick_nav2 .pd i{ height:24px; line-height:24px; font-size:24px;}
.quick_nav2 .box{ right:92px;}
.quick_nav1 .h3:before{ left:12px;}
}
@media screen and (max-width:1024px){
#form1{ padding-bottom:50px;}
body{ padding-bottom:50px; height:auto;}
.quick_bg{ background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; right:0px; bottom:0px; display:none;}
.quick_nav{ top:auto; left:0px; width:auto; bottom:0px; margin:0px; -webkit-transform:none;}
.quick_nav1{ display:none;}
.quick_nav2{border-top: 1px solid rgba(255,255,255,0.5);}
.quick_nav2 li{ float:left; width:25%; margin-bottom:0px;border-right: 1px solid #ccc; box-sizing:border-box; padding:0px; display:block; border-radius:0px; position:static;}
.quick_nav2 .pd{ background:#e81214; padding:5px 0; color:#fff;}
.quick_nav2 .pd i{ height:24px; line-height:24px; font-size:24px;}
.quick_nav2 .pd strong{ display:block; line-height:16px; font-size:12px;}
.quick_nav2 .pd:hover {background: #e81214;}
.quick_nav2 .box{ position:fixed; left:50%; bottom:auto; top:50%; right:auto;}
.quick_nav2 .npd{ margin:0;}
.quick_nav2 .npd:before{ transform:rotate(90deg); right:auto; left:50%; bottom:5px; top:auto; display:none;}
.quick_nav2 li:hover .box{ display:none;}

.quick_kf .box{ margin:-120px 0 0 -196px;}
.quick_fw .box{ margin:-66px 0 0 -196px;}
.quick_wx .box{ margin: -122px 0 0 -93px;}
.quick_close{ position:absolute; left:50%; bottom:-40px; margin:0 0 0 -15px; width:30px; height:30px; border-radius:50%; background:#e10000; color:#fff; text-align:center; line-height:30px; cursor:pointer; display:block;}
}
@media screen and (max-width:480px){
.quick_nav2 .box{ left:25px; right:25px; width:auto;}
.quick_kf .box{ margin:-120px 0 0 0;}
.quick_fw .box{ margin:-66px 0 0 0;}
.quick_wx .box{ margin: -122px 0 0 -93px; width:186px !important; left:50% !important;}

#nb_icon_wrap{ display:none !important;}

.footer_nav ul:nth-child(3){ display:none;}
.footer_nav li.p{ padding:0 15px;}
.footer_nav li.h3{ margin-bottom:0px;}
.con4{ display:none;}
}
@media screen and (max-width:413px){
.quick_fw .p{ font-size:28px}
.quick_kf .m a{ font-size:12px;}
.quick_nav2 .box{ left:20px; right:20px; width:auto;}
}
@media screen and (max-width:374px){
.quick_fw .p{ font-size:24px}
.quick_nav2 .box{ left:15px; right:15px; width:auto;}
}




/*
#newBridge{ display: none !important;}
.show_sq{ display: none !important ;}
.iservice .img .show_sq{ display: block !important; pointer-events: none;}
*/


.embed-icon-default{ display: none !important;}
.quick_nav2 li.quick_kf{background:#e81215; color:#fff;}
.quick_nav2 li.quick_kf .pd{color:#fff;}