@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0}
li{list-style:none}
html{font-size:625%}
body{font-size:14px;overflow-x:hidden;font-family:'PingFang SC', 'helvetica neue', 'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif !important;color:#333;}
a{text-decoration:none;color:black;outline:0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
a:focus{outline:0}
a:visited{text-decoration:none}
em{font-style:normal;font-weight:normal; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.clear{clear:both}
input,textarea{background:0;outline:0;resize:none;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;padding-left:10px;}
.fl{ float:left; }
.fr{ float:right; }
.w100{ width:100%;}
.wrap{ width:1400px; margin:0 auto;}
.clear{clear:both;height:0;overflow:hidden; display:block;}
@keyframes fadeIn {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@-webkit-keyframes floattext {
    100% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
}

@keyframes floattext {
    100% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
}

@-webkit-keyframes floattext2 {
    100% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }
}

@keyframes floattext2 {
    100% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }
}

/* 公用头部 */
.Header{ width:100%; background:#FFF; position:fixed; left:0; top:0; z-index:9999; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.HeaderOn{ background:#FFF; border-bottom:0; }
.Header .tops{ background:#F7F7F7;}
.Header .tops .wrap{ height:45px; overflow:hidden; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.Header .tops .wel{ height:45px; line-height:45px; padding-left:22px; background:url(../images/laba.png) no-repeat left center; float:left;}
.Header .tops ul{ float:right;}
.Header .tops ul li{ height:45px; line-height:45px; margin-left:25px; float:left;}
.Header .tops ul li a{ color:#333;}
.Header .tops ul li a:hover{ color:#EF8402;}
.Header .tops ul li.dh{ padding-left:25px; background:url(../images/phonebg.png) no-repeat 0 12px; background-size:20px !important;}
.HeaderOn .tops .wrap{ height:0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; overflow:hidden;}
.HeaderMain{ width:1400px; margin:0 auto;}
.HeaderLogo{ width:200px; height:56px; margin:21px 0; position:relative; float:left;}
.HeaderLogo img{ height:100%; vertical-align:top; position:absolute; left:0; top:0;}
.menuMain{ display:none;}
.navs{ height:100px; margin-left:100px; float:left;}
.navs li{ height:100px; float:left; position:relative;}
.navs li a{ height:100px; line-height:100px; padding:0 17px; font-size:18px; font-weight:bold; color:#000; display:block;}
.navs li a:hover{ color:#EF8402;}
.navs li .ernav{ width:140px; padding:5px 0 10px 0; position:absolute; top:100px; left:-19px; border-bottom:2px solid #EF8402; display:none;}
.navs li:hover .ernav{ width:155px; position:absolute; top:100px; left:-19px; background:#FFF; display:block;}
.navs li .ernav a{ height:28px; line-height:28px; text-align:center; margin:0; font-size:14px; border:0;}
.tel{ height:68px; margin:16px 0; float:right;}
.tel img{ display:block;}
.menuIcon{ position:relative; right:0px; float:right; top:32px; z-index:99999; cursor:pointer; display:none;}
#home{ position:relative; top:-145px;}
#tbyy,#tmyy,#jdyy,#pddyy,#dyyy,#xhsyy,#live,#video,#tmgj,#jdgj,#kaola,#ruzhu,#date,#car,#design,#kefu,#money,#dingzhi,#xin,#yuyue,#pingtai,#fuli,#baozhang,#xuzhi,#danbao,#shili,#liucheng,#daibo,#texing,#tese,#ques,#youshi,#case,#brand,#news{ position:relative; top:-100px;}



/* 小标题公用 */
.title{ text-align:center; position:relative; z-index:2;}
.title h1,.title h2{ line-height:36px; font-size:36px; color:#000;}
.title span,.title h2 span{ width:100%; font-size:72px; color:#f7f7f7; line-height:72px; font-family:'Arial'; text-transform:uppercase; word-break:normal; position:absolute; z-index:-1; top:-16px; left:50%; font-weight:bold; transform:translate(-50%, 0);}
.title p{ font-size:18px; color:#666; line-height:18px; margin-top:15px; padding-bottom:18px; background:url(../images/ttline.png) no-repeat bottom center;}

/* 网店托管 */
.wdtg{ padding:90px 0 70px 0; background:#F9F9F9;}
.wdtg .title h2 span{ color:#F2F2F2;}
.wdcon{ background:#EF8402; margin-top:40px; overflow:hidden; position:relative;}
.wdcon .wdl{ width:300px; padding-left:20px; float:right;}
.wdcon .wdl h3{ padding-top:30px; line-height:62px; font-size:20px; font-weight:normal; color:#FFF;}
.wdcon .wdl h3 b{ line-height:48px; padding-right:5px; font-size:48px; float:left;}
.wdcon .wdl .rmfw{ font-size:24px; color:#FFF;}
.wdcon .wdl ul{ padding-top:15px; overflow:hidden;}
.wdcon .wdl ul li{ width:125px; height:30px; margin:0 20px 15px 0; float:left;}
.wdcon .wdl ul li a{ line-height:30px; text-align:center; color:#EF8402; border-radius:15px; background:#FFF; display:block;}
.wdcon .wdl ul li a:hover{ transform:translateY(-3px); opacity:0.8;}
.wdcon .wdl img{ position:absolute; right:10px; bottom:0; display:block;}
.wdcon .wdr{ width:1070px; height:533px; background:#FFF; margin:10px 0 10px 10px; float:left;}
.wdcon .wdr dl.yy{ width:300px; height:500px; padding:33px 30px 0 30px; border-right:1px solid #EEE; float:left; position:relative;}
.wdcon .wdr dl.yy dt{ border-bottom:1px dashed #DDD;}
.wdcon .wdr dl.yy dt img{ max-width:100%; display:none;}
.wdcon .wdr dl.yy dt h3{ padding-bottom:30px; text-align:center; font-size:24px; color:#EF8402;}
.wdcon .wdr dl.yy dd{}
.wdcon .wdr dl.yy dd p{ height:20px; line-height:20px; margin-top:30px; font-size:16px; font-weight:bold; color:#444; overflow:hidden;}
.wdcon .wdr dl.yy dd p i{ width:6px; height:6px; border:2px solid #EF8402; margin:5px 5px 0 0; border-radius:5px; display:block; float:left;}
.wdcon .wdr dl.yy dd p a:hover{ color:#EF8402;}
.wdcon .wdr dl.yy dd span{ margin-top:10px; padding-left:15px; font-size:14px; color:#666; display:block;}
.wdcon .wdr dl.yy dd img{ width:42px; position:absolute; bottom:-2px; left:45%;}
.wdcon .wdr .wdrr{ width:348px; height:533px; float:left; position:relative;}
.wdcon .wdr .wdrr dl{ height:233px; padding:33px 33px 0 33px; border-bottom:1px solid #EEE; position:relative;}
.wdcon .wdr .wdrr dl.lr{ border-bottom:0;}
.wdcon .wdr .wdrr dl dt{ border-bottom:1px dashed #DDD;}
.wdcon .wdr .wdrr dl dt img{ max-width:100%; display:none;}
.wdcon .wdr .wdrr dl dt h3{ padding-bottom:30px; text-align:center; font-size:24px; color:#EF8402;}
.wdcon .wdr .wdrr dl dd{ overflow:hidden;}
.wdcon .wdr .wdrr dl dd p{ width:50%; height:20px; line-height:20px; margin:25px 0 0 0; font-size:16px; font-weight:bold; color:#444; overflow:hidden; float:left;}
.wdcon .wdr .wdrr dl dd p i{ width:6px; height:6px; border:2px solid #EF8402; margin:5px 5px 0 0; border-radius:5px; display:block; float:left;}
.wdcon .wdr .wdrr dl dd p a:hover{ color:#EF8402;}
.wdcon .wdr .wdrr dl dd img{ width:42px; position:absolute; bottom:-2px; left:45%;}

/* 我们的优势 */
.advantage{ padding:90px 0 70px 0; background:url(../images/openbg.png) no-repeat center;}
.advantage .cons{ margin-top:40px; overflow:hidden;}
.advantage .cons dl{ width:275px; padding:50px 25px 30px 25px; margin-right:30px; border:1px solid #DDD; float:left; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.advantage .cons dl:hover{ border:1px solid #EF8402; background:#EF8402; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.advantage .cons dl.lr{ margin-right:0}
.advantage .cons dl dt{ width:126px; height:126px; border:2px solid #EF8402; border-radius:65px; background-size:60px !important; margin:0 auto; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.advantage .cons dl dt.dt1{ background:url(../images/advbg1.png) no-repeat center;}
.advantage .cons dl dt.dt2{ background:url(../images/advbg2.png) no-repeat center;}
.advantage .cons dl dt.dt3{ background:url(../images/advbg3.png) no-repeat center;}
.advantage .cons dl dt.dt4{ background:url(../images/advbg4.png) no-repeat center;}
.advantage .cons dl:hover dt.dt1{ border:2px solid #FFF; background:url(../images/advbg1h.png) no-repeat center;}
.advantage .cons dl:hover dt.dt2{ border:2px solid #FFF; background:url(../images/advbg2h.png) no-repeat center;}
.advantage .cons dl:hover dt.dt3{ border:2px solid #FFF; background:url(../images/advbg3h.png) no-repeat center;}
.advantage .cons dl:hover dt.dt4{ border:2px solid #FFF; background:url(../images/advbg4h.png) no-repeat center;}
.advantage .cons dl dd{}
.advantage .cons dl dd h3{ line-height:20px; text-align:center; margin:25px 0 15px 0; font-size:20px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.advantage .cons dl dd p{ height:100px; line-height:25px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.advantage .cons dl:hover dd h3,.advantage .cons dl:hover dd p{ color:#FFF; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

/* 成功案例 */
.cases{ padding:90px 0 60px 0; background:url(../images/casebg.jpg) no-repeat center; background-size:cover !important;}
.cases .title h2{ color:#FFF;}
.cases .title h2 span{ color:rgba(255, 255, 255, 0.06);}
.cases .title p{ color:#FFF;}
.casecon{ margin-top:50px;}
.casecon .hd{ width:100%; text-align:center;}
.casecon .hd li{ height:45px; margin:0 5px; display:inline-block;}
.casecon .hd li a{ width:140px; height:45px; line-height:45px; text-align:center; background:rgba(0, 0, 0, 0.3); font-size:18px; font-weight:bold; color:#FFF; display:block;}
.casecon .hd li.on a{ background:#EF8402; color:#FFF}
.casecon .bd{ width:100%; height:auto; margin-top:15px; position:relative; overflow:hidden}
.casecon .bd ul{ height:auto; overflow:hidden; position:relative; font-size:14px; line-height:28px}
.casecon .bd ul li{ width:100%; position:relative; overflow:hidden;}
.casecon .bd ul li dl{ width:430px; margin:30px 55px 0 0; float:left;}
.casecon .bd ul li dl.lr{ margin:30px 0 0 0;}
.casecon .bd ul li dl dt{ padding:0; margin:0; width:430px; height:286px; overflow:hidden; position:relative;}
.casecon .bd ul li dl dt img{ width:100%; height:100%; -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.casecon .bd ul li dl dt:hover img {opacity: 1;	-webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.casecon .bd ul li dl dt span{ padding:10px 20px; width:390px; display:none; position:absolute; left:0; bottom:0px; height:auto; opacity: 0.8; background:#EF8402; overflow:hidden;}
.casecon .bd ul li dl dt:hover span{ display:block; color:#FFF; font-size:14px; z-index:1;}
.casecon .bd ul li dl dt .span01{position: absolute; display:block; top:20px; right:0; background-color: rgba(0,0,0,0.5);; color:#FFF; padding:5px 10px 5px 20px;animation:myfirst 5s infinite;animation-direction:alternate;-webkit-animation:myfirst 5s infinite;-webkit-animation-direction:alternate;}
.casecon .bd ul li dl dt .span01 em{ color:#f0ff01; font-weight:700; font-style:normal; font-size:18px; float:right; margin-left:10px}
@keyframes myfirst{ 0% {background-color: rgba(0,0,0,0.8);}
25% {background-color: rgba(255,109,1,0.8);}
50% {background-color: rgba(0,0,0,0.8);}
100% {background-color: rgba(255,109,1,0.8);}}
.casecon .bd ul li dl dd{ padding:0; margin:0; margin-top:5px;}
.casecon .bd ul li dl dd h3{line-height:40px;height:40px; color:#FFF;font-size:16px;font-weight:normal;letter-spacing:1px;}
.casecon .bd ul li dl dd a{ color:#FFF;}
.casecon .bd ul li dl dd a:hover{ color:#EF8402}

/* 合作伙伴 */
.pater{ padding:90px 0 100px 0; background:#EDF0F4 url(../images/paterbg.png) no-repeat center;}
.pater .wrap{ position:relative;}
.pater .title h2 span{ color:#E3E8EF;}
.pater .typett{}
.pater .typett h2{ font-size:28px;}
.pater .typett span{ padding:0 0 10px 0; font-size:20px; color:#666; display:block;}
.pater .typett p{ line-height:28px; font-size:16px; color:#333;}
.pater ul{ margin-top:20px; overflow:hidden;}
.pater ul li{ width:214px; height:120px; margin:20px 20px 0 0; border:1px solid #DDD; text-align:center; display:flex; justify-content:center; align-items:center; background:#FFF; float:left;}
.pater ul li.lr{ margin:20px 0 0 0;}
.pater ul li img{ max-width:100%; max-height:100%;}
.pater .txt{ line-height:20px; color:#999; right:3px; bottom:-35px; position:absolute;}
.listkh{ padding:60px 0 70px 0; background:#F9F9F9;}

/* 首页资讯 */
.indnew{ padding:60px 0; background:#F9F9F9;}
.indnew .newtt{ padding:25px 50px 25px 0; border-bottom:1px solid #EEE; overflow:hidden;}
.indnew .newtt h3{ width:130px; height:30px; line-height:30px; padding-left:35px; font-size:26px; color:#000; border-right:1px solid #EEE; background:url(../images/newsbg.png) no-repeat left center; background-size:24px !important; float:left;}
.indnew .newtt a{ height:30px; line-height:30px; font-size:14px; color:#999; display:block; float:right;}
.indnew .newtt a:hover{ color:#EF8402;}
.indnew .left{ width:655px; padding:10px 20px 20px 20px; background:#FFF; box-shadow:0 0 20px #DDD;-webkit-box-shadow:0 0 20px #DDD;-moz-box-shadow:0 0 20px #DDD; float:left;}
.indnew .right{ width:655px; padding:10px 20px 20px 20px; background:#FFF; box-shadow:0 0 20px #DDD;-webkit-box-shadow:0 0 20px #DDD;-moz-box-shadow:0 0 20px #DDD; float:right;}
.indnew dl{ width:100%; margin:20px 0 0 0; overflow:hidden;}
.indnew dl.lr{ margin:20px 0 0 0;}
.indnew dl dt{ width:210px; height:140px; float:left;}
.indnew dl dt img{ width:100%; height:100%; display:block;}
.indnew dl dd{ width:425px; height:120px; float:right;}
.indnew dl dd h4{ height:22px; line-height:22px; padding:12px 0 0 0; font-size:16px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.indnew dl dd span{ margin:8px 0 8px 0; padding-left:18px; font-size:13px; color:#999; background:url(../images/dt.png) no-repeat left center; display:block;}
.indnew dl dd p{ line-height:22px; font-size:14px; color:#666;}


/******************** 内页部分 ********************/
.nybanner{ width:100%; height:515px; margin-top:145px; background-size:cover !important;}
.nybanner a{}
.cban{ height:400px;}
.tmbanner{ height:480px;}
.breadcrumbs{ height:60px; line-height:60px; border-bottom:1px solid #EEE;}
.breadcrumbs p{ padding-left:28px; font-size:14px; color: #999; background: url(../images/home.png) 0 23px no-repeat; float:left;}
.breadcrumbs p a{ color:#999;}
.breadcrumbs p a:hover{ color:#EF8402;}
.inside-nav{ float:right;}
.inside-nav li{ float:left; position:relative; text-align:center; margin-left:5px;}
.inside-nav li:first-child{ margin-left:0; }
.inside-nav li a{ padding:0 20px; font-size:16px; color:#666; display:block; position:relative;}
.inside-nav li.active a,.inside-nav li a:hover{ background:#EF8402; color:#FFF;}
.caseshow{ padding:80px 0 60px 0;}
.caseshow dl{ width:430px; margin:30px 55px 0 0; float:left;}
.caseshow dl.lr{ margin:30px 0 0 0;}
.caseshow dl dt{ padding:0; margin:0; width:430px; height:286px; overflow:hidden; position:relative;}
.caseshow dl dt img{ width:100%; height:100%; -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.caseshow dl dt:hover img{opacity:1; -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.caseshow dl dt span{ padding:10px 20px; width:390px; display:none; position:absolute; left:0; bottom:0px; height:auto; opacity: 0.8; background:#EF8402; overflow:hidden;}
.caseshow dl dt:hover span{ display:block; color:#FFF; font-size:14px; z-index:1;}
.caseshow dl dt .span01{position: absolute; display:block; top:20px; right:0; background-color: rgba(0,0,0,0.5);; color:#FFF; padding:5px 10px 5px 20px;animation:myfirst 5s infinite;animation-direction:alternate;-webkit-animation:myfirst 5s infinite;-webkit-animation-direction:alternate;}
.caseshow dl dt .span01 em{ color:#f0ff01; font-weight:700; font-style:normal; font-size:18px; float:right; margin-left:10px}
@keyframes myfirst{ 0%{background-color: rgba(0,0,0,0.8);}
25%{background-color: rgba(255,109,1,0.8);}
50%{background-color: rgba(0,0,0,0.8);}
100%{background-color: rgba(255,109,1,0.8);}}
.caseshow dl dd{ padding:0; margin:0; margin-top:5px;}
.caseshow dl dd h3{ width:100%; line-height:40px;height:40px; color:#FFF;font-size:16px;font-weight:normal;letter-spacing:1px;}
.caseshow dl dd a{ width:100%; color:#333; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block;}
.caseshow dl dd a:hover{ color:#EF8402}


/* 淘宝代运营 */
.tbques{ width:100%; height:630px; background:#F9F9F9 url("../images/problem_bg.png") no-repeat center bottom; padding-top:70px;}
.tbques .bigtt{ text-align:center;}
.tbques .bigtt h2{ font-size:48px; font-weight:normal; color:#EF8402;}
.tbques .bigtt h3{ padding:5px 0 10px 0; font-size:32px; font-weight:normal;}
.tbques .bigtt p{ padding-bottom:30px; color:#666;}
.tbques ul{ position:relative; height:100%;}
.tbques ul li{ height:66px; line-height:58px; position:absolute; font-size:20px; color:#FFF;}
.tbques .li1{ width:297px; top:210px; left:260px; padding-left:54px; background:url("../images/tbques_bg2.png") no-repeat center; -webkit-animation:floattext 1s infinite alternate; animation:floattext 1s infinite alternate;}
.tbques .li2{ width:340px; top:310px; left:180px; padding-left:54px; background:url("../images/tbques_bg1.png") no-repeat center; -webkit-animation:floattext 1s infinite alternate; animation:floattext 1s infinite alternate; -webkit-animation-delay:0.2s !important; animation-delay:0.2s !important;}
.tbques .li3{ width:360px; top:410px; left:80px; padding-left:54px; background:url("../images/tbques_bg3.png") no-repeat center; -webkit-animation:floattext 1s infinite alternate; animation:floattext 1s infinite alternate; -webkit-animation-delay:0.4s !important; animation-delay:0.4s !important;}
.tbques .li4{ width:325px; top:510px; left:20px; padding-left:54px; background:url("../images/tbques_bg4.png") no-repeat center; -webkit-animation:floattext 1s infinite alternate; animation:floattext 1s infinite alternate; -webkit-animation-delay:0.6s !important; animation-delay:0.6s !important;}
.tbques .li5{ width:363px; top:210px; left:810px; padding-left:65px; background:url("../images/tbques_bg5.png") no-repeat center; -webkit-animation:floattext2 1s infinite alternate; animation:floattext2 1s infinite alternate;}
.tbques .li6{ width:330px; top:310px; left:860px; padding-left:65px; background:url("../images/tbques_bg6.png") no-repeat center; -webkit-animation:floattext2 1s infinite alternate; animation:floattext2 1s infinite alternate; -webkit-animation-delay:0.2s !important; animation-delay:0.2s !important;}
.tbques .li7{ width:341px; top:410px; left:900px; padding-left:65px; background:url("../images/tbques_bg7.png") no-repeat center; -webkit-animation:floattext2 1s infinite alternate; animation:floattext2 1s infinite alternate; -webkit-animation-delay:0.4s !important; animation-delay:0.4s !important;}
.tbques .li8{ width:330px; top:510px; left:970px; padding-left:65px; background:url("../images/tbques_bg6.png") no-repeat center; -webkit-animation:floattext2 1s infinite alternate; animation:floattext2 1s infinite alternate; -webkit-animation-delay:0.6s !important; animation-delay:0.6s !important;}
.tbques .tbques_per{ position:absolute; bottom:0; left:50%; margin-left:-310px;}

.tbdyy{ padding:80px 0 60px 0;}
.tbdyy ul{}
.tbdyy ul li{ width:218px; margin:45px 15px 0 0; padding-bottom:25px; float:left; border:1px solid #EEE; overflow:hidden; position:relative; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.tbdyy ul li.lr{ margin:45px 0 0 0;}
.tbdyy ul li:hover{ border:1px solid #EF8402; cursor:pointer; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}
.tbdyy ul li i{ width:50px; height:50px; margin:30px auto 0 auto; background-size:100% !important; display:block;}
.tbdyy ul li i.i1{ background:url(../images/tbico1.png) no-repeat top center;}
.tbdyy ul li i.i2{ background:url(../images/tbico2.png) no-repeat top center;}
.tbdyy ul li i.i3{ background:url(../images/tbico3.png) no-repeat top center;}
.tbdyy ul li i.i4{ background:url(../images/tbico4.png) no-repeat top center;}
.tbdyy ul li i.i5{ background:url(../images/tbico5.png) no-repeat top center;}
.tbdyy ul li i.i6{ background:url(../images/tbico6.png) no-repeat top center;}
.tbdyy ul li h3{ text-align:center; padding:10px 0 0 0; font-size:20px; background-size:50px !important;}
.tbdyy ul li h4{ text-align:center; padding:0 0 15px 0; margin:0 25px 15px 25px; font-weight:normal; font-size:12px; color:#DDD; border-bottom:1px dotted #DDD;}
.tbdyy ul li .txt{ height:180px; margin:0 40px;}
.tbdyy ul li p{ width:101px; line-height:30px; padding-left:18px; font-size:14px; background:url(../images/spot.png) no-repeat left center; background-size:10px !important; float:left;}

.whywe{ width:100%; padding:70px 0; background: url(../images/whywe_bg.jpg) no-repeat center;}
.whywe .title h2 span{color:#EEE;}
.whywe .cons{ margin-top:45px; height:600px; position:relative;}
.whywe .cons dl{ width:525px; height:140px; border-radius:5px; background:#FFF; border:1px solid #EF8402; padding:20px; position:absolute;}
.whywe .cons dl.dl1{ top:0; left:0;}
.whywe .cons dl.dl2{ top:0; right:0;}
.whywe .cons dl.dl3{ top:204px; left:0;}
.whywe .cons dl.dl4{ top:204px; right:0;}
.whywe .cons dl.dl5{ top:414px; left:0;}
.whywe .cons dl.dl6{ top:414px; right:0;}
.whywe .cons dl:before{ content:''; width:29px; height:29px; background:url(../images/whywe_icon.png) no-repeat center; position:absolute; top:50%; margin-top:-14.5px; display:block;}
.whywe .cons dl:nth-child(1):before,.whywe .cons dl:nth-child(3):before,.whywe .cons dl:nth-child(5):before{ right:-15px;}
.whywe .cons dl:nth-child(2):before,.whywe .cons dl:nth-child(4):before,.whywe .cons dl:nth-child(6):before{ left:-15px;}
.whywe .cons dl dt{ width:140px; height:140px; border-radius:5px; float:left; overflow:hidden;}
.whywe .cons dl dt img{ width:100%; height:100%; display:block;}
.whywe .cons dl dd{ width:360px; margin-left:25px; float:left;}
.whywe .cons dl dd h3{ line-height:22px; padding-top:6px; font-size:22px;}
.whywe .cons dl dd h3:after{ content: ''; width:36px; height:4px; margin:14px 0; display:block; background:#EF8402;}
.whywe .cons dl dd p{ line-height:25px; font-size:16px; color:#666;}
.whywe .whyme_c_img{ position:absolute; top:241px; left:50%; margin-left:-62.5px; z-index:3;}
.whywe .whyme_cb_img{ position:absolute; top:91px; left:50%; margin-left:-127.5px;}

.tbadv{ width:100%; padding:80px 0 70px 0; background:#F9F9F9;}
.tbadv .title h2 span{color:#F1F1F1;}
.tbadv ul{ margin-top:45px; position:relative;}
.tbadv ul li{ width:225px; height:360px; margin-right:10px; background-size:cover !important; box-shadow:0px 0px 40px 0px rgb(52 52 52 / 20%); float:left; position:relative; overflow:hidden;}
.tbadv ul li.li1{ background:url(../images/tbadv1.jpg) no-repeat center;}
.tbadv ul li.li2{ background:url(../images/tbadv2.jpg) no-repeat center;}
.tbadv ul li.li3{ background:url(../images/tbadv3.jpg) no-repeat center;}
.tbadv ul li.li4{ background:url(../images/tbadv4.jpg) no-repeat center;}
.tbadv ul li.li5{ background:url(../images/tbadv5.jpg) no-repeat center;}
.tbadv ul li.li6{ background:url(../images/tbadv6.jpg) no-repeat center; margin-right:0;}
.tbadv ul li .nomal{ width:195px; height:320px; padding:20px 15px; text-align:center; position:absolute; top:0; left:0; z-index:9;}
.tbadv ul li .nomal h3{ padding-top:195px; font-size:28px; color:#FFF;}
.tbadv ul li .nomal h4{ padding-top:5px; font-weight:normal; color:#FFF;}
.tbadv ul li .hover{ width:195px; height:320px; padding:20px 15px; text-align:center; cursor:pointer; position:absolute; top:360px; left:0; background:#FFF; z-index:99; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.tbadv ul li:hover .hover{ width:195px; height:320px; padding:20px 15px; text-align:center; cursor:pointer; position:absolute; top:0; left:0; background:#FFF; z-index:99; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.tbadv ul li .hover i{ width:75px; height:75px; background-size:100% !important; display:block; margin:20px auto 0 auto;}
.tbadv ul li .hover i.i1{ background:url(../images/tbadv1.png) no-repeat center;}
.tbadv ul li .hover i.i2{ background:url(../images/tbadv2.png) no-repeat center;}
.tbadv ul li .hover i.i3{ background:url(../images/tbadv3.png) no-repeat center;}
.tbadv ul li .hover i.i4{ background:url(../images/tbadv4.png) no-repeat center;}
.tbadv ul li .hover i.i5{ background:url(../images/tbadv5.png) no-repeat center;}
.tbadv ul li .hover i.i6{ background:url(../images/tbadv6.png) no-repeat center;}
.tbadv ul li .hover h3{ padding-top:25px; font-size:24px;}
.tbadv ul li .hover h4{ width:30px; height:1px; background:#EF8402; margin:10px auto;}
.tbadv ul li .hover p{ line-height:25px;}
.tbadv ul li .hover span{ width:100%; height:40px; line-height:40px; text-align:center; color:#FFF; background:#EF8402; display:block; position:absolute; left:0; bottom:0;}


/* 天猫代运营 */
.annoy{ height:620px; padding:75px 0 70px 0; background:url(../images/annoybg.png) no-repeat bottom center;}
.annoy .title span{ color:#E1D5ED;}
.annoy ul{ padding-top:10px; position:relative;}
.annoy ul li{ width:350px; height:52px; line-height:52px; background:linear-gradient(-83deg, #EF8402, #FF5C00); border-radius:26px; font-size:16px; font-weight:500; color:#FFF; position:absolute;}
.annoy ul li img{ margin: -2px 18px 0 5px; vertical-align: middle; display: inline-block;}
.annoy ul li.li1{ top:126px; left:263px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}
.annoy ul li.li2{ top:228px; left:150px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.annoy ul li.li3{ top:126px; left:785px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate;}
.annoy ul li.li4{ top:228px; left:880px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.annoy ul li.li5{ top:339px; left:880px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.4s !important; animation-delay: 0.4s !important;}
.annoy ul li.li6{ top:339px; left:150px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}
.annoy ul li.li7{ top:450px; left:263px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.annoy ul li.li8{ top:450px; left:785px;-webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate;}

.tmdyy{ padding:75px 0 70px 0;}
.tmdyy .cons{ padding-top:5px;}
.tmdyy .cons dl{ width:398px; margin:40px 40px 0 0; padding:20px 20px; float:left; overflow:hidden; border:1px solid #EEE; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.tmdyy .cons dl.lr{ margin:40px 0 0 0;}
.tmdyy .cons dl:hover{ border:1px solid #EF8402; cursor:pointer; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}
.tmdyy .cons dl dt{ width:100%; height:110px; background:#F9F9F9; position:relative;}
.tmdyy .cons dl dt span{ width:100%; height:110px; line-height:110px; text-align:center; font-size:24px; font-weight:bold; color:#EEE; background-size:60px !important; display:block; position:absolute; left:0; top:0; z-index:9;}
.tmdyy .cons dl dt i{ width:60px; height:60px; background-size:60px !important; display:block; position:absolute; left:50%; top:50%; margin:-30px 0 0 -30px; z-index:99;}
.tmdyy .cons dl dt.dt1 i{ background:url(../images/tbico1.png) no-repeat center;}
.tmdyy .cons dl dt.dt2 i{ background:url(../images/tbico2.png) no-repeat center;}
.tmdyy .cons dl dt.dt3 i{ background:url(../images/tbico3.png) no-repeat center;}
.tmdyy .cons dl dt.dt4 i{ background:url(../images/tbico4.png) no-repeat center;}
.tmdyy .cons dl dt.dt5 i{ background:url(../images/tbico5.png) no-repeat center;}
.tmdyy .cons dl dt.dt6 i{ background:url(../images/tbico6.png) no-repeat center;}
.tmdyy .cons dl dd{ padding:20px 0 0 10px;}
.tmdyy .cons dl dd h3{ text-align:center; line-height:25px; padding:10px 0 10px 0; font-size:24px; font-weight:normal; color:#000;}
.tmdyy .cons dl dd h3:after{ content: ''; width:36px; height:2px; margin:15px auto 0 auto; display:block; background:#EF8402;}
.tmdyy .cons dl dd .txt{ padding-top:10px; overflow:hidden;}
.tmdyy .cons dl dd .txt p{ width:30%; line-height:35px; padding-left:3.33%; font-size:16px; color:#666; background:url(../images/design_icon1.png) no-repeat left center; background-size:8px !important; float:left;}

.tmwhy{ width:100%; padding:75px 0 100px 0; background: url(../images/tmbg.jpg) no-repeat center; background-size:cover !important;}
.tmwhy .title h2 span{ color:rgba(255, 255, 255, 0.06);}
.tmwhy .title h2,.tmwhy .title p{ color:#FFF;}
.tmwhy .cons{ margin-top:80px; height:400px; position:relative; background:url(../images/tmwhybg.png) no-repeat center;}
.tmwhy .cons dl{ width:400px; height:100px; background:url(../images/10.png) repeat; padding:10px; position:absolute;}
.tmwhy .cons dl.dl1{ top:-35px; left:60px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}
.tmwhy .cons dl.dl2{ top:-35px; right:60px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.tmwhy .cons dl.dl3{ top:135px; left:0; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.tmwhy .cons dl.dl4{ top:135px; right:0; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.4s !important; animation-delay: 0.4s !important;}
.tmwhy .cons dl.dl5{ top:305px; left:50px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate;}
.tmwhy .cons dl.dl6{ top:305px; right:50px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}
.tmwhy .cons dl dt{ width:100px; height:100px; float:left; overflow:hidden;}
.tmwhy .cons dl dt img{ width:100%; height:100%; display:block;}
.tmwhy .cons dl dd{ width:285px; margin-left:15px; float:left;}
.tmwhy .cons dl dd h3{ line-height:20px; padding:5px 0 5px 0; font-size:18px; color:#FFF;}
.tmwhy .cons dl dd p{ line-height:20px; font-size:14px; color:#FFF;}

.tmadvs{ width:100%; padding:75px 0 70px 0; background:#F9F9F9;}
.tmadvs .title h2 span{ color:#F2F2F2;}
.tmadvs ul{ padding-top:0;}
.tmadvs ul li{ width:307px; margin:50px 57px 0 0; float:left; border-radius:25px 25px 0 0; overflow:hidden; background:#F9F9F9;}
.tmadvs ul li.lr{ margin:50px 0 0 0;}
.tmadvs ul li img{ width:100%; display:block;}
.tmadvs ul li h3{ text-align:center; line-height:25px; padding:25px 0 10px 0; font-size:20px; background:#FFF;}
.tmadvs ul li p{ text-align:center; line-height:28px; padding:0 30px 30px 30px; font-size:16px; color:#666; background:#FFF;}


/* 京东代运营 */
.jdyynt{ height:620px; padding:75px 0 50px 0;}
.jdyynt ul{ height:503px; margin-top:45px; background:url(../images/jdyy_bg.jpg) no-repeat bottom center; position:relative;}
.jdyynt ul li{ width:360px; height:30px; line-height:30px; font-size:16px; font-weight:500; position:absolute; overflow:hidden;}
.jdyynt ul li span{ padding-right:6px; font-size:24px; font-weight:bold; color:#E43A3D; float:left;}
.jdyynt ul li.li1{ top:25px; left:220px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}
.jdyynt ul li.li2{ top:130px; left:220px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.jdyynt ul li.li3{ top:240px; left:220px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate;}
.jdyynt ul li.li4{ top:340px; left:220px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.jdyynt ul li.li5{ top:45px; left:890px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.4s !important; animation-delay: 0.4s !important;}
.jdyynt ul li.li6{ top:180px; left:890px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}
.jdyynt ul li.li7{ top:320px; left:890px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}

.jdyy{ padding:75px 0 70px 0; background:#F9F9F9;}
.jdyy .title span{ color:#F2F2F2;}
.jdyy .cons{ padding-top:15px;}
.jdyy .cons dl{ width:216px; margin:30px 30px 0 0; padding:40px 20px 30px 20px; float:left; overflow:hidden; background:#FFF; box-shadow:0px 0px 50px 0px rgb(52 52 52 / 9%); float:left; position:relative; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.jdyy .cons dl.lr{ margin:30px 0 0 0;}
.jdyy .cons dl dt{ width:86px; height:86px; background-size:100% !important; margin:0 auto;}
.jdyy .cons dl dt.dt1{ background:url(../images/jddyy1.jpg) no-repeat center;}
.jdyy .cons dl dt.dt2{ background:url(../images/jddyy2.jpg) no-repeat center;}
.jdyy .cons dl dt.dt3{ background:url(../images/jddyy3.jpg) no-repeat center;}
.jdyy .cons dl dt.dt4{ background:url(../images/jddyy4.jpg) no-repeat center;}
.jdyy .cons dl dt.dt5{ background:url(../images/jddyy5.jpg) no-repeat center;}
.jdyy .cons dl dt.dt6{ background:url(../images/jddyy6.jpg) no-repeat center;}
.jdyy .cons dl dt.dt7{ background:url(../images/jddyy7.jpg) no-repeat center;}
.jdyy .cons dl dt.dt8{ background:url(../images/jddyy8.jpg) no-repeat center;}
.jdyy .cons dl dt.dt9{ background:url(../images/jddyy9.jpg) no-repeat center;}
.jdyy .cons dl dt.dt10{ background:url(../images/jddyy10.jpg) no-repeat center;}
.jdyy .cons dl dd{ padding:10px 0 0 0;}
.jdyy .cons dl dd h4{ text-align:center; line-height:30px; padding:10px 0 10px 0; font-size:24px; font-weight:normal; color:#000;}
.jdyy .cons dl dd p{ text-align:center; line-height:30px; font-size:16px; color:#999;}
.jdyy .cons dl:hover{ cursor:pointer; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}

.jdprocess{ width:100%; padding:75px 0 70px 0;}
.jdprocess .title h2 span{ color:#F2F2F2;}
.jdprocess ul{ padding-top:0; text-align:center;}
.jdprocess ul li{ width:125px; margin:40px 40px 0 40px; padding:50px 40px; display:inline-block; border-radius:50%; overflow:hidden; background:#E43A3D; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.jdprocess ul li:hover{ cursor:pointer; background:#EF8402; box-shadow:0px 0px 50px 0px rgb(52 52 52 / 20%);}
.jdprocess ul li h3{ line-height:36px; padding:0 0 20px 0; font-size:36px; color:#FFF;}
.jdprocess ul li p{ line-height:28px; padding-top:20px; font-size:24px; color:#FFF; border-top:1px solid #FFF;}

.jdadvs{ width:100%; padding:75px 0 70px 0; background:#F9F9F9}
.jdadvs .title h2 span{ color:#F2F2F2;}
.jdadvs ul{ padding-top:0;}
.jdadvs ul li{ width:320px; margin:40px 40px 0 0; padding:120px 0; background-size:100% !important; float:left; overflow:hidden; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.jdadvs ul li.lr{ margin:40px 0 0 0;}
.jdadvs ul li.bg1{ background:url(../images/jdadv1.jpg) no-repeat center;}
.jdadvs ul li.bg2{ background:url(../images/jdadv2.jpg) no-repeat center;}
.jdadvs ul li.bg3{ background:url(../images/jdadv3.jpg) no-repeat center;}
.jdadvs ul li.bg4{ background:url(../images/jdadv4.jpg) no-repeat center;}
.jdadvs ul li:hover{ cursor:pointer; background:#E43A3D; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.jdadvs ul li h3{ text-align:center; line-height:25px; padding:0 0 25px 0; font-size:24px; color:#FFF;}
.jdadvs ul li p{ height:90px; line-height:30px; padding:0 30px 0 30px; font-size:17px; font-weight:bold; color:#FFF;}

.jdyyrz{ padding:75px 0 60px 0;}
.jdyyrz dl{ width:1080px; margin:0 auto; padding-top:40px;}
.jdyyrz dl dt{ width:438px; float:left;}
.jdyyrz dl dt img{ width:100%; display:block;}
.jdyyrz dl dd{ width:560px; padding:20px 0 0 0; float:right;}
.jdyyrz dl dd p{ line-height:55px; border-bottom:1px dashed #DDD; font-size:18px;}
.jdyyrz dl dd b{ padding-right:15px; font-size:20px; color:#E43A3D;}


/* 天猫国际代运营 */
.solution{ padding:75px 0 70px 0;}
.solution ul{}
.solution ul li{ width:218px; margin:45px 15px 0 0; padding-bottom:25px; float:left; border:1px solid #EEE; overflow:hidden; position:relative; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.solution ul li.lr{ margin:45px 0 0 0;}
.solution ul li:hover{ border:1px solid #EF8402; cursor:pointer; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}
.solution ul li i{ width:50px; height:50px; margin:30px auto 0 auto; background-size:100% !important; display:block;}
.solution ul li i.i1{ background:url(../images/tmser1.png) no-repeat top center;}
.solution ul li i.i2{ background:url(../images/tmser2.png) no-repeat top center;}
.solution ul li i.i3{ background:url(../images/tmser3.png) no-repeat top center;}
.solution ul li i.i4{ background:url(../images/tmser4.png) no-repeat top center;}
.solution ul li i.i5{ background:url(../images/tmser5.png) no-repeat top center;}
.solution ul li i.i6{ background:url(../images/tmser6.png) no-repeat top center;}
.solution ul li h3{ text-align:center; padding:10px 0 0 0; font-size:20px; background-size:50px !important;}
.solution ul li h4{ text-align:center; padding:0 0 15px 0; margin:0 25px 15px 25px; font-weight:normal; font-size:12px; color:#DDD; border-bottom:1px dotted #DDD;}
.solution ul li p{ height:112px; line-height:28px; margin:0 25px; font-size:14px;}

.assure{ width:100%; padding:75px 0 70px 0; background:#7C48DB;}
.assure .title h2 span{ color:rgba(255, 255, 255, 0.06);}
.assure .title h2,.assure .title p{ color:#FFF;}
.assure .cons{ padding-top:50px;}
.assure .cons dl{ width:280px; padding:0 20px; margin-right:40px; float:left;}
.assure .cons dl.lr{ margin-right:0;}
.assure .cons dl dt{ height:210px; text-align:center; display:flex; justify-content:center; align-items:center;}
.assure .cons dl dt img{ max-width:100%; max-height:100%;}
.assure .cons dl dd{ padding-top:30px; text-align:center;}
.assure .cons dl dd h3{ padding-bottom:15px; font-size:24px; color:#FFF;}
.assure .cons dl dd p{ line-height:28px; font-size:14px; color:#FFF;}

.tmrz{ width:100%; padding:75px 0 70px 0;}
.tmrz .txt{ width:1235px; padding:35px; background:#F9F9F9; margin:45px auto 0 auto;}
.tmrz .txt h2{ text-align:center; font-size:24px; color:#EF8402;}
.tmrz .txt h2:after{ content: ''; width:36px; height:2px; margin:10px auto 0 auto; display:block; background:#EF8402;}
.tmrz .txt h4{ padding:15px 0 5px 0; font-size:18px; color:#EF8402;}
.tmrz .txt p{ line-height:28px; font-size:16px;}
.tmrz .process{ padding-top:35px; text-align:center; overflow:hidden;}
.tmrz .process h2{ text-align:center; padding-bottom:10px; font-size:24px; color:#EF8402;}
.tmrz .process h2:after{ content: ''; width:36px; height:2px; margin:10px auto 0 auto; display:block; background:#EF8402;}
.tmrz .process dl{ width:300px; height:120px; margin:10px 15px 20px 15px; display:inline-block; cursor:pointer; position:relative; overflow:hidden;}
.tmrz .process dl dt{ width:300px; height:120px; line-height:120px; text-align:center; font-size:20px; font-weight:bold; color:#EF8402; background:#F9F9F9;}
.tmrz .process dl dd{ width:200px; height:120px; line-height:25px; display:flex; align-items:center; padding:0 50px; background:#EF8402; font-size:16px; font-weight:bold; color:#FFF; position:absolute; top:0; left:-300px; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.tmrz .process dl:hover dd{ left:0; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s;}

.guara{ width:100%; padding:75px 0 70px 0; background:#F9F9F9;}
.guara .title h2 span{ color:#F2F2F2;}
.guara dl{ width:1200px; margin:30px auto 0 auto; background:url(../images/jt.png) no-repeat center; overflow:hidden;}
.guara dl dt{ width:460px; height:460px; border-radius:250px; background:#0068B7; float:left;}
.guara dl h2{ padding:110px 0 40px 0; text-align:center; color:#FFF; font-size:24px;}
.guara dl h3{ padding:0 80px 0 80px; line-height:60px; text-align:center; color:#FFF; font-size:48px;}
.guara dl p{ padding-left:130px; line-height:35px; font-size:18px; color:#FFF;}
.guara dl dd{ width:460px; height:460px; border-radius:250px; background:#F60; float:right;}


/* 京东国际代运营 */
.jdgjnt{ padding:75px 0 0 0; background:url("../images/problem_bg.png") no-repeat center bottom;}
.jdgjnt .title span{ color:#F2F2F2;}
.jdgjnt ul{ height:530px; position:relative; background:url(../images/jdgjyybg.png) no-repeat bottom center;}
.jdgjnt ul li{ width:280px; height:52px; line-height:52px; background:linear-gradient(to right,#2F86EA, #493FB4); border-radius:26px; font-size:18px; font-weight:500; color:#FFF; position:absolute;}
.jdgjnt ul li img{ margin: -2px 18px 0 5px; vertical-align: middle; display: inline-block;}
.jdgjnt ul li.li1{ top:76px; left:283px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}
.jdgjnt ul li.li2{ top:178px; left:180px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.jdgjnt ul li.li3{ top:76px; left:805px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate;}
.jdgjnt ul li.li4{ top:178px; left:900px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.jdgjnt ul li.li5{ top:289px; left:900px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.4s !important; animation-delay: 0.4s !important;}
.jdgjnt ul li.li6{ top:289px; left:180px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}
.jdgjnt ul li.li7{ top:400px; left:250px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.jdgjnt ul li.li8{ top:400px; left:880px;-webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate;}

.jdgjyy{ padding:75px 0 70px 0;}
.jdgjyy .cons{ padding-top:25px;}
.jdgjyy .cons dl{ width:333px; margin:20px 20px 0 0; float:left; overflow:hidden; border:1px solid #EEE; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.jdgjyy .cons dl.lr{ margin:20px 0 0 0;}
.jdgjyy .cons dl:hover{ border:1px solid #EF8402; cursor:pointer; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}
.jdgjyy .cons dl dt{ width:100%; height:110px; background:#F9F9F9; position:relative;}
.jdgjyy .cons dl dt span{ width:100%; height:110px; line-height:110px; text-align:center; font-size:24px; font-weight:bold; color:#EEE; background-size:60px !important; display:block; position:absolute; left:0; top:0; z-index:9;}
.jdgjyy .cons dl dt i{ width:60px; height:60px; background-size:60px !important; display:block; position:absolute; left:50%; top:50%; margin:-30px 0 0 -30px; z-index:99;}
.jdgjyy .cons dl dt.dt1 i{ background:url(../images/tbico2.png) no-repeat center;}
.jdgjyy .cons dl dt.dt2 i{ background:url(../images/tbico3.png) no-repeat center;}
.jdgjyy .cons dl dt.dt3 i{ background:url(../images/jdgjico5.png) no-repeat center;}
.jdgjyy .cons dl dt.dt4 i{ background:url(../images/tbico6.png) no-repeat center;}
.jdgjyy .cons dl dt.dt5 i{ background:url(../images/jdgjico1.png) no-repeat center;}
.jdgjyy .cons dl dt.dt6 i{ background:url(../images/jdgjico2.png) no-repeat center;}
.jdgjyy .cons dl dt.dt7 i{ background:url(../images/jdgjico3.png) no-repeat center;}
.jdgjyy .cons dl dt.dt8 i{ background:url(../images/jdgjico4.png) no-repeat center;}
.jdgjyy .cons dl dd{ padding:15px 0 10px 10px;}
.jdgjyy .cons dl dd h3{ text-align:center; line-height:25px; padding:10px 0 10px 0; font-size:20px;}
.jdgjyy .cons dl dd h3:after{ content: ''; width:32px; height:2px; margin:10px auto 0 auto; display:block; background:#EF8402;}
.jdgjyy .cons dl dd .txt{ overflow:hidden;}
.jdgjyy .cons dl dd .txt p{ width:30.33%; line-height:35px; padding-left:3%; background:url(../images/dian.jpg) no-repeat left center; background-size:4px !important; font-size:14px; color:#666; float:left;}

.jdwhy{ width:100%; padding:75px 0 100px 0; background:linear-gradient(to right,#2F86EA, #493FB4);}
.jdwhy .title h2 span{ color:rgba(255, 255, 255, 0.06);}
.jdwhy .title h2,.jdwhy .title p{ color:#FFF;}
.jdwhy .cons{ margin-top:80px; height:400px; position:relative; background:url(../images/tmwhybg.png) no-repeat center;}
.jdwhy .cons dl{ width:400px; height:100px; background:#FFF; padding:10px; position:absolute; overflow:hidden; border-radius:10px;}
.jdwhy .cons dl.dl1{ top:-35px; left:60px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}
.jdwhy .cons dl.dl2{ top:-35px; right:60px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.jdwhy .cons dl.dl3{ top:135px; left:0; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.jdwhy .cons dl.dl4{ top:135px; right:0; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.4s !important; animation-delay: 0.4s !important;}
.jdwhy .cons dl.dl5{ top:305px; left:50px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate;}
.jdwhy .cons dl.dl6{ top:305px; right:50px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}
.jdwhy .cons dl dt{ width:100px; height:100px; float:left; overflow:hidden;}
.jdwhy .cons dl dt img{ width:100%; height:100%; display:block;}
.jdwhy .cons dl dd{ width:285px; margin-left:15px; float:left;}
.jdwhy .cons dl dd h3{ line-height:20px; padding:5px 0 5px 0; font-size:18px;}
.jdwhy .cons dl dd h3 span{ padding-right:10px; font-size:22px; color:#493FB4;}
.jdwhy .cons dl dd p{ line-height:22px; font-size:14px; color:#666;}

.jdadv{ width:100%; padding:75px 0 70px 0;}
.jdadv .cons{ padding-top:15px;}
.jdadv .cons dl{ width:640px; margin:30px 40px 0 0; padding:10px 20px; float:left; border-radius:5px; overflow:hidden; box-shadow:0px 0px 50px 0px rgb(52 52 52 / 9%);}
.jdadv .cons dl.lr{ margin:30px 0 0 0;}
.jdadv .cons dl dt{ width:140px; height:140px; text-align:center; float:left;}
.jdadv .cons dl dt img{ width:100%; height:100%; display:block;}
.jdadv .cons dl dd{ width:470px; float:right;}
.jdadv .cons dl dd h3{ line-height:25px; padding:25px 0 10px 0; font-size:20px; color:#493FB4; background:#FFF;}
.jdadv .cons dl dd p{ line-height:28px; padding:0 30px 30px 0; font-size:16px; color:#666; background:#FFF;}


/* 拼多多代运营 */
.pddques{ width:100%; height:530px; background:#F9F9F9 url("../images/problem_bg.png") no-repeat center bottom; padding-top:70px;}
.pddques .bigtt{ text-align:center;}
.pddques .bigtt h2{ font-size:48px; font-weight:normal; color:#EF8402;}
.pddques .bigtt h3{ padding:5px 0 10px 0; font-size:32px; font-weight:normal;}
.pddques .bigtt p{ padding-bottom:30px; color:#666;}
.pddques ul{ position:relative; height:100%;}
.pddques ul li{ height:66px; line-height:58px; position:absolute; font-size:20px; color:#FFF;}
.pddques .li1{ width:360px; top:160px; left:200px; padding-left:54px; background:url("../images/tbques_bg3.png") no-repeat center; -webkit-animation:floattext 1s infinite alternate; animation:floattext 1s infinite alternate;}
.pddques .li2{ width:297px; top:260px; left:160px; padding-left:54px; background:url("../images/tbques_bg2.png") no-repeat center; -webkit-animation:floattext 1s infinite alternate; animation:floattext 1s infinite alternate; -webkit-animation-delay:0.2s !important; animation-delay:0.2s !important;}
.pddques .li3{ width:297px; top:360px; left:100px; padding-left:54px; background:url("../images/tbques_bg2.png") no-repeat center; -webkit-animation:floattext 1s infinite alternate; animation:floattext 1s infinite alternate; -webkit-animation-delay:0.4s !important; animation-delay:0.4s !important;}
.pddques .li4{ width:330px; top:160px; left:810px; padding-left:65px; background:url("../images/tbques_bg6.png") no-repeat center; -webkit-animation:floattext2 1s infinite alternate; animation:floattext2 1s infinite alternate;}
.pddques .li5{ width:363px; top:260px; left:860px; padding-left:65px; background:url("../images/tbques_bg5.png") no-repeat center; -webkit-animation:floattext2 1s infinite alternate; animation:floattext2 1s infinite alternate; -webkit-animation-delay:0.2s !important; animation-delay:0.2s !important;}
.pddques .li6{ width:250px; top:360px; left:940px; padding-left:65px; background:url("../images/tbques_bg8.png") no-repeat center; -webkit-animation:floattext2 1s infinite alternate; animation:floattext2 1s infinite alternate; -webkit-animation-delay:0.4s !important; animation-delay:0.4s !important;}
.pddques .tbques_per{ position:absolute; bottom:0; left:50%; margin-left:-310px;}

.pddyyser{ padding:75px 0 60px 0;}
.pddyyser .sercon{ padding-top:10px;}
.pddyyser .sercon dl{ width:285px; margin:40px 46px 0 0; padding:15px; overflow:auto; background:#F9F9F9; float:left; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.pddyyser .sercon dl:hover{ background:#EF8402; cursor:pointer; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}
.pddyyser .sercon dl.lr{ margin:40px 0 0 0;}
.pddyyser .sercon dl dt{ width:285px; height:185px;}
.pddyyser .sercon dl dt img{ width:100%; height:100%; display:block;}
.pddyyser .sercon dl dd{ padding:20px 20px 10px 20px;}
.pddyyser .sercon dl dd h3{ line-height:30px; text-align:center; font-size:24px; color:#EF8402;}
.pddyyser .sercon dl dd p{ height:90px; line-height:30px; padding:10px 0 0 0; font-size:16px; color:#666;}
.pddyyser .sercon dl:hover dd h3,.pddyyser .sercon dl:hover dd p{ color:#FFF;}

.pddadv{ padding:75px 0 70px 0; background:#EF8402;}
.pddadv .title h2,.pddadv .title p{ color:#FFF;}
.pddadv .title h2 span{ color:rgba(255, 255, 255, 0.06);}
.pddadv .cons{ padding-top:30px;}
.pddadv .cons dl{ width:230px; padding:20px 30px; background:#FFF; float:left;}
.pddadv .cons dl dt{ padding:15px 0 20px 0; text-align:center; font-size:24px; font-weight:bold; color:#EF8402;}
.pddadv .cons dl dd{}
.pddadv .cons dl dd p{ line-height:60px; padding-left:55px; font-size:16px; border-top:1px dotted #DDD; background:url(../images/hot.png) no-repeat 20px center;}
.pddadv .cons ul{ width:560px; padding:0 30px 25px 30px; margin-left:20px; background:#FFF; float:left;}
.pddadv .cons ul li{ width:226px; margin:60px 25px 0 25px; text-align:center; padding:50px 0 20px 0; border:2px solid #EF8402; position:relative; float:left;}
.pddadv .cons ul li h3{ width:80px; height:80px; line-height:80px; text-align:center; font-size:20px; color:#FFF; background:#EF8402; border-radius:40px; position:absolute; top:-41px; left:50%; margin-left:-40px;}
.pddadv .cons ul li p{ line-height:30px; font-size:16px;}
.pddadv .cons .txt{ width:350px; padding:63px 50px 60px 50px; background:#FFF; float:right;}
.pddadv .cons .txt h3{ font-size:24px; color:#EF8402}
.pddadv .cons .txt p{ line-height:34px; margin-top:20px; font-size:18px;}
.pddadv .cons .txt p span{ font-weight:bold; color:#EF8402;}

.pddwhy{ padding:70px 0;}
.pddwhy .bigtt{ text-align:center;}
.pddwhy .bigtt h2{ font-size:48px; font-weight:normal; color:#EF8402;}
.pddwhy .bigtt h3{ padding:5px 0 10px 0; font-size:32px; font-weight:normal;}
.pddwhy .bigtt p{ padding-bottom:30px; color:#666;}
.pddwhy .cons{}
.pddwhy .cons dl{ width:254px; margin:30px 30px 0 0; padding:40px 0 30px 0; float:left; border:1px solid #EEE; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.pddwhy .cons dl.lr{ margin:30px 0 0 0;}
.pddwhy .cons dl:hover{ border:1px solid #EF8402; cursor:pointer; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.pddwhy .cons dl dt{ width:86px; height:86px; background-size:50px !important; margin:0 auto; border-radius:43px;}
.pddwhy .cons dl dt.dt1{ background:#EF8402 url(../images/pddwhy1.png) no-repeat center;}
.pddwhy .cons dl dt.dt2{ background:#EF8402 url(../images/pddwhy2.png) no-repeat center;}
.pddwhy .cons dl dt.dt3{ background:#EF8402 url(../images/pddwhy3.png) no-repeat center;}
.pddwhy .cons dl dt.dt4{ background:#EF8402 url(../images/pddwhy4.png) no-repeat center;}
.pddwhy .cons dl dt.dt5{ background:#EF8402 url(../images/pddwhy5.png) no-repeat center;}
.pddwhy .cons dl dt.dt6{ background:#EF8402 url(../images/pddwhy6.png) no-repeat center;}
.pddwhy .cons dl dt.dt7{ background:#EF8402 url(../images/pddwhy7.png) no-repeat center;}
.pddwhy .cons dl dt.dt8{ background:#EF8402 url(../images/pddwhy8.png) no-repeat center;}
.pddwhy .cons dl dt.dt9{ background:#EF8402 url(../images/pddwhy9.png) no-repeat center;}
.pddwhy .cons dl dt.dt10{ background:#EF8402 url(../images/pddwhy10.png) no-repeat center;}
.pddwhy .cons dl dd{ padding:20px 20px 0 20px; text-align:center;}
.pddwhy .cons dl dd h3{ line-height:30px; font-size:24px;}
.pddwhy .cons dl dd p{ height:75px; line-height:25px; padding:10px 0 0 0; font-size:14px; color:#666;}


/* 直通车推广 */
.ztcon{ padding:75px 0 40px 0; background:#F9F9F9;}
.ztcon .title span{ color:#F2F2F2;}
.ztcon dl{ padding:45px 0 0 0;}
.ztcon dl dt{ width:975px; float:left;}
.ztcon dl dt img{ width:100%; display:block;}
.ztcon dl dd{ width:400px; float:right;}
.ztcon dl dd h3{ height:24px; line-height:24px; padding:40px 0 10px 0; font-size:24px;}
.ztcon dl dd h2{ padding-bottom:20px; font-size:30px;}
.ztcon dl dd h2 span{ color:#EF8402;}
.ztcon dl dd p{ line-height:30px; font-size:16px;}
.ztcon dl dd a{ margin-top:30px; padding:15px; font-size:18px; background:#FFF; display:inline-block;}
.ztcon dl dd a span{ color:#EF8402;}

.ztcwt{ width:1250px; padding:75px 0 40px 0;}
.ztcwt dl{ padding:45px 0 0 0;}
.ztcwt dl dt{ width:664px; float:right;}
.ztcwt dl dt img{ width:100%; display:block;}
.ztcwt dl dd{ width:540px; float:left;}
.ztcwt dl dd h3{ height:24px; line-height:24px; padding:40px 0 10px 0; font-size:24px;}
.ztcwt dl dd h2{ padding-bottom:20px; font-size:30px;}
.ztcwt dl dd h2 span{ color:#EF8402;}
.ztcwt dl dd p{ line-height:30px; font-size:16px;}
.ztcwt dl dd a{ margin-top:30px; padding:15px; font-size:18px; background:#F9F9F9; display:inline-block;}
.ztcwt dl dd a span{ color:#EF8402;}

.ztczx{ padding:50px 0; text-align:center; background:#333;}
.ztczx h2{ font-size:30px; color:#FFF;}
.ztczx h2 strong{ color:#EF8402;}
.ztczx p{ padding:10px 0 30px 0; font-size:16px; color:#FFF;}
.ztczx a{ width:194px; height:60px; line-height:60px; display:block; background:#EF8402; font-size:24px; color:#FFF; border-radius:6px; margin:0 auto;}
.ztczx a:hover{ background:#FFF; color:#EF8402;}

.ztcess{ width:1200px; padding:75px 0 60px 0;}
.ztcess .title{ padding-bottom:45px;}
.ztcess dl{ border-bottom:1px solid #EEE;}
.ztcess dl.dl4{ border-bottom:0;}
.ztcess dl.dl1 dt{ width:790px; float:right;}
.ztcess dl.dl2 dt{ width:756px; float:left;}
.ztcess dl.dl3 dt{ width:770px; float:right;}
.ztcess dl.dl4 dt{ width:727px; float:left;}
.ztcess dl dt img{ width:100%; display:block;}
.ztcess dl.dl1 dd{ width:410px; padding:60px 0 0 0; float:left;}
.ztcess dl.dl2 dd{ width:410px; padding:60px 0 0 0; float:right;}
.ztcess dl.dl3 dd{ width:410px; padding:60px 0 0 0; float:left;}
.ztcess dl.dl4 dd{ width:410px; padding:80px 0 0 0; float:right;}
.ztcess dl dd h3{ height:24px; line-height:24px; padding:90px 0 10px 0; font-size:24px;}
.ztcess dl dd h3.ico1{ background:url(../images/ztclcico1.png) no-repeat top left;}
.ztcess dl dd h3.ico2{ background:url(../images/ztclcico2.png) no-repeat top left;}
.ztcess dl dd h3.ico3{ background:url(../images/ztclcico3.png) no-repeat top left;}
.ztcess dl dd h3.ico4{ background:url(../images/ztclcico4.png) no-repeat top left;}
.ztcess dl dd h2{ padding-bottom:20px; font-size:30px;}
.ztcess dl dd h2 span{ color:#EF8402;}
.ztcess dl dd p{ line-height:30px; font-size:16px;}
.ztcess dl dd a{ margin-top:30px; padding:10px 25px; font-size:16px; background:#F9F9F9; display:inline-block;}
.ztcess dl dd a:hover{ color:#FFF; background:#EF8402;}


/* 钻展推广 */
.drill{ padding:75px 0 60px 0;}
.drill .cons{}
.drill .cons dl{ width:363px; margin:50px 50px 0 0; padding:50px 35px 40px 35px; float:left; overflow:hidden; background:#FFF; box-shadow:0px 0px 50px 0px rgb(52 52 52 / 9%); position:relative; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.drill .cons dl.lr{ margin:50px 0 0 0;}
.drill .cons dl dt{ width:79px; height:77px; background-size:100% !important; margin:0 auto;}
.drill .cons dl dt.dt1{ background:url(../images/zz1.png) no-repeat center;}
.drill .cons dl dt.dt2{ background:url(../images/zz2.png) no-repeat center;}
.drill .cons dl dt.dt3{ background:url(../images/zz3.png) no-repeat center;}
.drill .cons dl dt.dt4{ background:url(../images/zz4.png) no-repeat center;}
.drill .cons dl dt.dt5{ background:url(../images/zz5.png) no-repeat center;}
.drill .cons dl dt.dt6{ background:url(../images/zz6.png) no-repeat center;}
.drill .cons dl dd{ padding:10px 0 0 0;}
.drill .cons dl dd h4{ text-align:center; line-height:30px; padding:10px 0 10px 0; font-size:24px; font-weight:normal; color:#000;}
.drill .cons dl dd p{ text-align:center; line-height:25px; font-size:16px; color:#666;}
.drill .cons dl:hover{ cursor:pointer; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}

.zzadv{ padding:75px 0 70px 0;}
.zzadv .cons{ padding-top:20px;}
.zzadv .cons dl{ width:208px; margin:25px 25px 0 0; padding:40px 25px 30px 25px; float:left; border:1px solid #EEE; overflow:hidden; position:relative; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.zzadv .cons dl.lr{ margin:25px 0 0 0;}
.zzadv .cons dl dt{ width:80px; height:80px; background-size:100% !important; margin:0 auto;}
.zzadv .cons dl dt.dt1{ background:url(../images/zzadv1.png) no-repeat center;}
.zzadv .cons dl dt.dt2{ background:url(../images/zzadv2.png) no-repeat center;}
.zzadv .cons dl dt.dt3{ background:url(../images/zzadv3.png) no-repeat center;}
.zzadv .cons dl dt.dt4{ background:url(../images/zzadv4.png) no-repeat center;}
.zzadv .cons dl dt.dt5{ background:url(../images/zzadv5.png) no-repeat center;}
.zzadv .cons dl dd{ padding:10px 0 0 0;}
.zzadv .cons dl dd h4{ text-align:center; line-height:30px; padding:10px 0 10px 0; font-size:20px; font-weight:normal; color:#000;}
.zzadv .cons dl dd p{ text-align:center; height:100px; line-height:25px; font-size:14px; color:#666;}
.zzadv .cons dl:hover{ border:1px solid #EF8402; cursor:pointer; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}


/* 小红书代运营 */
.xhsdyy{ padding:75px 0 70px 0;}
.xhsdyy ul{ padding-top:15px; text-align:center;}
.xhsdyy ul li{ width:240px; margin:30px 40px 0 0; padding:50px 40px 40px 40px; float:left; box-shadow:0px 0px 50px 0px rgb(52 52 52 / 9%); -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.xhsdyy ul li.lr{ margin:30px 0 0 0;}
.xhsdyy ul li span{ width:110px; height:110px; background-size:55px !important; margin:0 auto; border-radius:55px; display:block;}
.xhsdyy ul li span.t1{ background:#EF8402 url(../images/xhsico1.png) no-repeat center;}
.xhsdyy ul li span.t2{ background:#EF8402 url(../images/xhsico2.png) no-repeat center;}
.xhsdyy ul li span.t3{ background:#EF8402 url(../images/xhsico3.png) no-repeat center;}
.xhsdyy ul li span.t4{ background:#EF8402 url(../images/xhsico4.png) no-repeat center;}
.xhsdyy ul li h3{ text-align:center; line-height:30px; padding:25px 0 12px 0; font-size:24px;}
.xhsdyy ul li p{ line-height:32px; font-size:18px; color:#666;}
.xhsdyy ul li:hover{ cursor:pointer; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}

.xhstx{ width:100%; padding:75px 0 70px 0; background:#F9F9F9;}
.xhstx dl{ margin:40px 0 0 0; background:#FFF; overflow:hidden; box-shadow:0px 0px 50px 0px rgb(52 52 52 / 9%);}
.xhstx dl dt{ width:760px; float:left; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.xhstx dl dt img{ width:100%; display:block;}
.xhstx dl dd{ width:500px; padding:0 80px 0 60px; float:right;}
.xhstx dl dd h2{ margin-top:50px; font-size:30px; color:#333;}
.xhstx dl dd h3{ margin-top:35px; font-size:22px; color:#333;}
.xhstx dl dd p{ line-height:30px; margin-top:10px; font-size:18px; color:#666;}
.xhstx dl dd a{ width:160px; line-height:45px; text-align:center; margin:35px 0 0 0; display:block; font-size:16px; color:#F60; border:1px solid #F60; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.xhstx dl dd a:hover{ color:#FFF; background:#EF8402; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s;}

.xhsys{ width:100%; padding:75px 0 70px 0;}
.xhsys .title h2 span{ color:#F2F2F2;}
.xhsys ul{ padding-top:10px;}
.xhsys ul li{ width:203px; margin:40px 10px 0 0; padding:30px 10px 30px 10px; border:1px solid #EEE; background:#FDFDFD; float:left; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.xhsys ul li.lr{ margin:40px 0 0 0;}
.xhsys ul li span{ width:115px; height:115px; margin:0 auto; display:block;}
.xhsys ul li span.t1{ background:url(../images/xhsys1.png) no-repeat center;}
.xhsys ul li span.t2{ background:url(../images/xhsys2.png) no-repeat center;}
.xhsys ul li span.t3{ background:url(../images/xhsys3.png) no-repeat center;}
.xhsys ul li span.t4{ background:url(../images/xhsys4.png) no-repeat center;}
.xhsys ul li span.t5{ background:url(../images/xhsys5.png) no-repeat center;}
.xhsys ul li span.t6{ background:url(../images/xhsys6.png) no-repeat center;}
.xhsys ul li h3{ text-align:center; line-height:30px; padding:10px 0; font-size:20px; font-weight:normal; color:#000;}
.xhsys ul li p{ height:75px; line-height:25px; padding:0 15px; font-size:14px;}
.xhsys ul li:hover{ cursor:pointer; border:1px solid #EF8402; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}

.xhscase{ width:100%; padding:75px 0 70px 0; background:#F9F9F9;}
.xhscase .title h2 span{ color:#F2F2F2;}
.xhscase .conts{ margin-top:15px; overflow:hidden;}
.xhscase .conts dl{ width:317px; margin:30px 30px 0 0; border:5px solid #FFF; overflow:hidden; float:left; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.xhscase .conts dl.lr{ margin:30px 0 0 0;}
.xhscase .conts dl dt{ width:317px; height:195px; overflow:hidden;}
.xhscase .conts dl dt img{ width:100%; height:100%; display:block; cursor:pointer; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.xhscase .conts dl dt:hover img{ transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1);}
.xhscase .conts dl dd{ height:50px; line-height:55px; text-align:center; background:#FFF; font-size:16px; color:#333; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.xhscase .conts dl:hover{ border:5px solid #EF8402;}
.xhscase .conts dl:hover dd{ background:#EF8402; color:#FFF;}


/* 抖音代运营 */
.dydyy{ padding:75px 0 20px 0; background:#F7F8FA;}
.dydyy .title span{ color:#F2F2F2;}
.dydyy ul{ margin-top:45px;}
.dydyy ul li{ width:210px; padding:40px 35px 40px 40px; background:#FFF; border-radius:20px; box-shadow:-5px 0px 20px 1px #EEEAF8; margin-right:-10px; transition:all 0.3s; float:left;}
.dydyy ul li.on{ width:495px; padding:40px 45px;}
.dydyy ul li.on .fwnr{ height:78px;}
.dydyy ul li.on .fwnr p{ width:50%;}
.dydyy ul li.on .fwys{ height:78px;}
.dydyy ul li .bta h3{ font-size:24px;}
.dydyy ul li .bta p{ color:#666;}
.dydyy ul li h4{ width:100px; height:36px; line-height:36px; text-align:center; margin-top:30px; font-size:16px; color:#FFF; border-radius:18px; background:#884BF0;}
.dydyy ul li .fwnr{ height:156px; margin-top:17px; transition:all 0.3s;}
.dydyy ul li .fwnr p{ font-size:14px; line-height:26px; color:#666; width:100%; transition:all 0.3s; float:left;}
.dydyy ul li h5{ width:100px; height:36px; line-height:36px; text-align:center; margin-top:20px; font-size:16px; color:#FFF; border-radius:18px; background:#EF8402;}
.dydyy ul li .fwys{ overflow:hidden; height:0; margin-top:16px; margin-bottom:35px; transition:all 0.3s;}
.dydyy ul li .fwys p{ font-size:14px; line-height:26px; color:#666;}
.dydyy ul li .tag{ font-size:44px; font-weight:bold; color:#F6F6F6; text-align:right; font-style:italic;}

.dyblem{ width:100%; padding:180px 0 0 0; background:url(../images/dybg1.jpg) no-repeat top center;}
.dyblem .cons{ padding-top:10px;}
.dyblem .ntqy{ width:450px; height:360px; padding:65px 140px 0 110px; margin-top:40px; background:url(../images/wt1.png) no-repeat center; float:left;}
.dyblem .ntqy h3{ text-align:center; padding-bottom:50px; font-size:24px; color:#FFF;}
.dyblem .ntqy p{ margin-bottom:30px; overflow:hidden;}
.dyblem .ntqy p img{ width:30px; margin-right:10px; display:block; float:left;}
.dyblem .ntqy p b{ width:70px; line-height:30px; font-size:18px; color:#FFF; display:block; float:left;}
.dyblem .ntqy p span{ width:340px; line-height:30px; font-size:16px; color:#FFF; display:block; float:left;}
.dyblem .ntgs{ width:530px; height:420px; margin-top:80px; padding:64px 70px 0 100px; background:url(../images/wt2.png) no-repeat center; float:left;}
.dyblem .ntgs h3{ text-align:center; padding-bottom:50px; font-size:24px; color:#FFF;}
.dyblem .ntgs p{ margin-bottom:35px; overflow:hidden;}
.dyblem .ntgs p img{ width:30px; margin-right:10px; display:block; float:left;}
.dyblem .ntgs p b{ width:105px; line-height:30px; font-size:18px; color:#FFF; display:block; float:left;}
.dyblem .ntgs p span{ width:385px; line-height:30px; font-size:16px; color:#FFF; display:block; float:left;}

.dyadv{ width:100%; padding:300px 0 100px 0; margin-top:-90px; background:url(../images/dybg2.jpg) no-repeat;}
.dyadv .wrap{ height:642px; position:relative;}
.dyadv dl{ width:330px; padding:30px 36px; text-align:center; border-radius:15px; background:url(../images/dyadvbg.png) no-repeat center; position:absolute; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.dyadv dl:hover{ cursor:pointer; background:#FFF;}
.dyadv dl.dl1{ top:0; left:50%; margin-left:-201px;}
.dyadv dl.dl2{ top:230px; left:0;}
.dyadv dl.dl3{ top:500px; left:50px;}
.dyadv dl.dl4{ top:230px; right:0;}
.dyadv dl.dl5{ top:500px; right:50px;}
.dyadv dl dt{ font-size:24px; font-weight:bold; color:#FFF;}
.dyadv dl dd{ line-height:24px; margin-top:15px; font-size:16px; color:#FFF;}
.dyadv dl:hover dt{ color:#884BF0;}
.dyadv dl:hover dd{ color:#333;}

.dylc{ padding:75px 0 40px 0; border-bottom:1px solid #F6F6F6;}
.dylc .title h2 span{ color:#F2F2F2;}
.dylc .cons{ padding-top:20px;}
.dylc ul{ margin-top:33px;}
.dylc ul li{ width:33.333%; height:280px; transition:all 0.3s; position:relative; float:left;}
.dylc .txt{ width:48%;}
.dylc .txt p{ font-size:24px; color:#884BF0; font-weight:bold; transition:all 0.3s;}
.dylc .txt h6{ font-size:16px; line-height:24px; color:#513d63; transition:all 0.3s; margin-top:15px;}
.dylc ul li:first-child{ background:url(../images/lc1.png) no-repeat; margin-top:38px; z-index:100;}
.dylc ul li:nth-child(2){ background:url(../images/lc2.png) no-repeat; z-index:99;}
.dylc ul li:nth-child(3){ background:url(../images/lc3.png) no-repeat; margin-top:45px; z-index:98;}
.dylc ul li:first-child .txt{ margin-left:115px; margin-top:96px;}
.dylc ul li:nth-child(2) .txt{ margin-left:161px; margin-top:114px;}
.dylc ul li:nth-child(3) .txt{ margin-left:184px; margin-top:99px;}
.dylc ul li:first-child:hover{ background:url(../images/lc1a.png) no-repeat;}
.dylc ul li:nth-child(2):hover{ background:url(../images/lc2a.png) no-repeat;}
.dylc ul li:nth-child(3):hover{ background:url(../images/lc3a.png) no-repeat;}
.dylc ul li:first-child::after{ content:''; display:block; position:absolute; width:217px; height:99px; background:url(../images/lci1.png) no-repeat; background-size:cover; left:373px; top:102px; z-index:101;}
.dylc ul li:nth-child(2)::after{ content:''; display:block; position:absolute; width:235px; height:168px; background:url(../images/lci2.png) no-repeat; background-size:cover; left:394px; top:120px; z-index:100;}
.dylc ul li:nth-child(3)::after{ content:''; display:block; position:absolute; width:99px; height:164px; background:url(../images/lci3.png) no-repeat; background-size:cover; left:328px; top:205px;}
.dylc ul li:hover p{ color:#FFF;}
.dylc ul li:hover h6{ color:#FFF;}
.dylc dl{ margin-top:24px;}
.dylc dl dd{ width:33.333%; height:280px; transition:all 0.3s; position:relative; float:left;}
.dylc dl dd:first-child{ background:url(../images/lc4.png) no-repeat; margin-top:44px; z-index:98;}
.dylc dl dd:nth-child(2){ background:url(../images/lc5.png) no-repeat; height:300px; z-index:97;}
.dylc dl dd:nth-child(3){ background:url(../images/lc6.png) no-repeat; margin-top:14px; z-index:95;}
.dylc dl dd:first-child .txt{ margin-left:125px; margin-top:91px;}
.dylc dl dd:nth-child(2) .txt{ margin-left:142px; margin-top:125px;}
.dylc dl dd:nth-child(3) .txt{ margin-left:198px; margin-top:102px;}
.dylc dl dd:first-child:hover{ background:url(../images/lc4a.png) no-repeat;}
.dylc dl dd:nth-child(2):hover{ background:url(../images/lc5a.png) no-repeat;}
.dylc dl dd:nth-child(3):hover{ background:url(../images/lc6a.png) no-repeat;}
.dylc dl dd:first-child::after{ content:''; display:block; position:absolute; width:203px; height:143px; background:url(../images/lci4.png) no-repeat; background-size:cover; left:364px; top:34px;}
.dylc dl dd:nth-child(2)::after{ content:''; display:block; position:absolute; width:256px; height:87px; background:url(../images/lci5.png) no-repeat; background-size:cover; left:385px; top:174px;}
.dylc dl dd:hover p{ color:#FFF;}
.dylc dl dd:hover h6{ color:#FFF;}


/* 网店装修 */
.design{ width:1200px; padding:75px 0 0 0;}
.design .cons{ margin-top:45px;}
.design .cons .sjimg{ width:618px; height:578px; background:url(../images/design_bg1.png) no-repeat center; position:relative; float:left;}
.design .cons .sjimg img{ display:block; position:absolute; left:67px; bottom:-23px;}
.design .cons .descon{ width:535px; float:right; padding:50px 0 40px 0; border-bottom:1px dashed #DDD; position:relative;}
.design .cons .descon dl{ margin-top:40px;}
.design .cons .descon dl dt{ line-height:20px; padding:0 0 0 20px; font-size:20px; font-weight:bold; background:url(../images/design_icon1.png) no-repeat left center;}
.design .cons .descon dl dt span{ padding-left:10px; font-size:16px; font-weight:normal; color:#999;}
.design .cons .descon dl dd{ margin-top:5px; overflow:hidden;}
.design .cons .descon dl dd h3{ width:25%; margin:10px 0 0 0; font-size:16px; font-weight:normal; float:left;}
.design .cons .descon a{ width:85px; height:31px; text-align:center; line-height:31px; font-size:14px; color:#FFF; display:block; text-transform:uppercase; background:#FF5C00; position:absolute; bottom:-13px; right:10px; transition:0.3s;}
.design .cons .descon a:hover{transform: translateY(-3px);}
.designbg1{ width:100%; background:url(../images/designbg22.jpg) repeat-x;}
.designbg1 img{ max-width:100%; margin:0 auto; display:block;}
.designbg2{ width:100%;}
.designbg2 img{ max-width:100%; margin:0 auto; display:block;}

.choose{ padding:78px 0 70px 0; background:url(../images/choose_bg.jpg) no-repeat center;}
.choose .wrap{ width:1200px;}
.choose_detail{ width:100%; height:507px; background:url("../images/choose_bg1.jpg") no-repeat right bottom; margin-top:50px;}
.choose_detail_show{ width:1158px; height:480px; background:#FFF url("../images/choose_line.png") no-repeat center; box-shadow:0 0 6px rgba(153, 153, 153, 0.35);}
.choose_detail_show_l{ float:left; width:428px; margin-left:35px; padding-top:40px;}
.choose_detail_show_l h2{ text-align:center; font-size:30px; line-height:30px; margin-bottom:38px;}
.choose_detail_show_r{ float:right; width:428px; margin-right:75px; padding-top:40px;}
.choose_detail_show_r h2{ text-align:center; font-size:30px; color:#FF5C00; line-height:30px; margin-bottom:38px;}
.choose_detail_show_each{ padding-left:45px; text-align:left; position:relative; height:120px;}
.choose_detail_show_each h3{ font-size:20px; line-height:20px;}
.choose_detail_show_each p{ font-size:16px; line-height:25px; margin-top:10px;}
.choose_detail_show_each img{ position:absolute; top:0; left:0;}

.decase{ width:100%; height:1200px; overflow:hidden; padding:20px 0 40px 0; background:#EFF5F5;}
.decase_bd{ padding:30px 0; background:url(../images/sjxian.gif) repeat-x bottom center;}
.decase_bd ul{ width:1200px; margin:0 auto; overflow:hidden;}
.decase_bd ul li{ width:200px; background:url(../images/serss3.gif) no-repeat center top; float:left; cursor:pointer;}
.decase_bd ul li.active{ background:url(../images/serss2.gif) no-repeat center top;}
.decase_bd ul li p{ width:140px; height:140px; background:url(../images/service.png) no-repeat; margin:0 auto;}
.decase_bd ul li p.img1{ background-position:left top;}
.decase_bd ul li p.img2{ background-position:-192px top;}
.decase_bd ul li p.img3{ background-position:-384px top;}
.decase_bd ul li p.img4{ background-position:-575px top;}
.decase_bd ul li p.img5{ background-position:-770px top;}
.decase_bd ul li p.img6{ background-position:right top;}
.decase_bd ul li h2{ text-align:center; font-size:18px; padding:20px 0 0 0;}
.decase_c{ width:1200px; padding-top:40px; overflow:hidden; margin:0 auto;}
.none{ display:none;}
.decase_c ul{ overflow:hidden;}
.decase_c ul li{ width:1200px; float:left;}
.decase_c .tuplist3{ width:1150px; margin:10px auto;}
.decase_c .tuplist3 ul{ width:1150px; overflow:hidden;}
.decase_c .tuplist3 ul li{ width:229px; text-align:center; margin-top:5px; margin-bottom:5px;}
.decase_c .tuplist3 ul li img{ width:210px; border:1px solid #CCC;}
.decase_c .hblist3{ width:1150px; margin:10px auto;}
.decase_c .hblist3 ul{ width:1150px; float:left; text-align:left;}
.decase_c .hblist3 ul li{ width:570px; height:210px; text-align:center; float:left; margin-top:5px; margin-bottom:5px;}
.decase_c .hblist3 ul li img{ width:530px; height:210px; border:1px solid #CCC;}
.decase_c .chelist3{ width:1150px; margin:10px auto;}
.decase_c .chelist3 ul{ width:1150px; float:left; text-align:left;}
.decase_c .chelist3 ul li{ width:286px; text-align:center; float:left; margin-top:8px; margin-bottom:8px;}
.decase_c .chelist3 ul li img{ width:265px; border:1px solid #CCC;}
.decase_c .chelist4{ width:1150px; margin:10px auto;}
.decase_c .chelist4 ul{ width:1150px; float:left; text-align:left;}
.decase_c .chelist4 ul li{ width:382px; text-align:center; float:left; margin-top:8px; margin-bottom:8px;}
.decase_c .chelist4 ul li img{ width:350px; border:1px solid #CCC;}

.designbz{ padding:75px 0 70px 0; background:url(../images/design_bg.jpg) no-repeat center;}
.designbz .title h2,.designbz .title p{ color:#FFF;}
.designbz .title h2 span{ color:rgba(255, 255, 255, 0.06);}
.designbz .cons{ margin-top:40px;}
.designbz .cons dl{ width:305px; margin-right:60px; padding:50px 0 40px 0; float:left; background:rgba(0, 0, 0, 0.5); border-radius:5px; box-shadow:0px 0px 50px 0px rgb(52 52 52 / 9%);}
.designbz .cons dl:hover{ cursor:pointer; background:#EF8402;}
.designbz .cons dl.lr{ margin-right:0;}
.designbz .cons dl dt{ width:94px; height:94px; border-radius:47px; box-shadow:0px 0px 50px 0px rgb(52 52 52 / 9%); margin:0 auto;}
.designbz .cons dl dt.dt1{ background:#FFF url(../images/designicon1.png) no-repeat center;}
.designbz .cons dl dt.dt2{ background:#FFF url(../images/designicon2.png) no-repeat center;}
.designbz .cons dl dt.dt3{ background:#FFF url(../images/designicon3.png) no-repeat center;}
.designbz .cons dl dt.dt4{ background:#FFF url(../images/designicon4.png) no-repeat center;}
.designbz .cons dl dd{ text-align:center; padding:30px 40px 0 40px;}
.designbz .cons dl dd h3{ line-height:25px; font-size:24px; color:#FFF;}
.designbz .cons dl dd span{ margin:5px 0 10px 0; color:#FFF; display:block;}
.designbz .cons dl dd p{ line-height:28px; text-align:left; margin-top:10px; font-size:16px; color:#FFF;}


/* 短视频拍摄 */
.videocon{ width:990px; padding:30px; margin:30px auto; border:1px solid #DDD;}
.vdtt{ margin:70px 0 0 0;}
.videocon .imgs{ max-width:100%; display:block;}
.videocon .plays{ width:770px; padding:40px 50px; border:2px solid #F60; margin:40px auto; border-radius:20px;}
.videocon .plays h2{ padding:0 0 20px 0; text-align:center; font-size:36px; color:#F60; letter-spacing:4px;}
.videocon .plays h3{ line-height:35px; font-size:18px; color:#333;}
.videocon .plays p{ font-size:16px; color:#666;}
.videocon .plays h3 span{ font-size:16px; font-weight:normal; color:#666;}
.videocon .liucheng{ width:870px; padding:40px 0; border:2px solid #FF545D; margin:40px auto; border-radius:20px;}
.videocon .liucheng h2{ padding:0 0 20px 0; text-align:center; font-size:36px; color:#FF545D; letter-spacing:4px;}
.videocon .liucheng h3{ text-align:center; font-size:16px; font-weight:normal; color:#666;}
.videocon .liucheng ul{ padding-top:30px; text-align:center; overflow:hidden;}
.videocon .liucheng ul li{ width:90px; margin:0 0 0 4px; padding:30px 0 20px 0; text-align:center; border:1px solid #FF545D; float:left;}
.videocon .liucheng ul li span{ height:70px; display:block;}
.videocon .liucheng ul li img{}
.videocon .liucheng ul li p{ font-size:16px; color:#FF545D;}
.videocon .xian{width:870px;border-bottom:1px dashed #CCC;margin:0 auto;}
.videocon .tit{ height:90px; line-height:90px; text-align:center; font-size:48px; color:#F4DA01; background:#2D2D2D; display:block;}
.videocon .psxz{ padding:30px 0 20px 0;}
.videocon .psxz h2{ line-height:40px; text-align:center; font-size:36px; color:#333;}
.videocon .psxz p{ line-height:30px; text-align:center; font-size:24px; color:#666;}
.videocon .psxz ul{ padding-top:10px; overflow:hidden;}
.videocon .psxz ul li{ width:490px; margin:10px 10px 0 0; padding:20px 0; background:#7B2DFB; float:left;}
.videocon .psxz ul li.lr{ margin:10px 0 0 0;}
.videocon .psxz ul li h3{ padding:0 30px; font-size:24px; color:#FFF;}
.videocon .psxz ul li span{ padding:0 30px; margin-top:10px; font-size:16px; color:#FFF; display:block;}
.videocon .we{ padding:50px 0 20px 0;}
.videocon .we h2{ line-height:40px; text-align:center; font-size:36px; color:#333;}
.videocon .we ul{ padding:30px 0; text-align:center; overflow:hidden;}
.videocon .we ul li{ width:120px; height:120px; line-height:60px; text-align:center; padding:40px; margin:0 20px; border-radius:100px; background:#7B2DFB; font-size:48px; font-weight:bold; color:#FFF; display:inline-block;}
.videocon .video{}
.videocon .video dt{ text-align:center;}
.videocon .video img{ max-width:100%;}
.videocon .video dd{ overflow:hidden;}
.videocon .video dd a{ float:left;}
.videocon .video dd a img{ width:247px; height:200px; display:block;}


/* 直播代运营 */
.whylive{ padding:75px 0 40px 0;}
.whylive .cons{ margin-top:60px; position:relative;}
.whylive .cons::after{ width:100%; height:39px; content:''; display:block; background:url(../images/arrow.png) no-repeat right center; position:absolute; top:138px; z-index:0;}
.whylive .cons ul li{ width:30%; margin:0 1.5%; text-align:center; display:inline-block; vertical-align:top;}
.whylive .cons ul li .box{ width:23px; height:23px; text-align:center; border:20px solid #FFCA8A; border-radius:50%; background:#EF8402; margin:40px auto 30px auto; position:relative; z-index:2;}
.whylive .cons ul li h3{ font-size:30px;}
.whylive .cons ul li p{ padding:15px 75px; line-height:30px; font-size:16px; color:#666;}

.lives{ padding:75px 0 70px 0; background:#F9F9F9;}
.lives .title span{ color:#F2F2F2;}
.lives .cons{ padding-top:45px;}
.lives .cons dl{ width:223px; margin-right:10px; padding:40px 0 30px 0; border:1px solid #EEE; float:left; overflow:hidden; background:#FFF; position:relative; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.lives .cons dl:hover{ cursor:pointer; border:1px solid #EF8402; background:#EF8402; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}
.lives .cons dl.lr{ margin-right:0;}
.lives .cons dl dt{ width:84px; height:84px; background-size:84px !important; margin:0 auto; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.lives .cons dl dt.dt1{ background:url(../images/live1.png) no-repeat center;}
.lives .cons dl dt.dt2{ background:url(../images/live2.png) no-repeat center;}
.lives .cons dl dt.dt3{ background:url(../images/live3.png) no-repeat center;}
.lives .cons dl dt.dt4{ background:url(../images/live4.png) no-repeat center;}
.lives .cons dl dt.dt5{ background:url(../images/live5.png) no-repeat center;}
.lives .cons dl dt.dt6{ background:url(../images/live6.png) no-repeat center;}
.lives .cons dl:hover dt.dt1{ background:url(../images/live1h.png) no-repeat center;}
.lives .cons dl:hover dt.dt2{ background:url(../images/live2h.png) no-repeat center;}
.lives .cons dl:hover dt.dt3{ background:url(../images/live3h.png) no-repeat center;}
.lives .cons dl:hover dt.dt4{ background:url(../images/live4h.png) no-repeat center;}
.lives .cons dl:hover dt.dt5{ background:url(../images/live5h.png) no-repeat center;}
.lives .cons dl:hover dt.dt6{ background:url(../images/live6h.png) no-repeat center;}
.lives .cons dl dd{ padding:0 25px;}
.lives .cons dl dd h3{ line-height:30px; padding:20px 0 10px 0; font-size:20px; text-align:center; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.lives .cons dl dd p{ height:100px; line-height:25px; color:#666; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.lives .cons dl:hover dd h3,.lives .cons dl:hover dd p{ color:#FFF;}
.lives .cons dl.lr dd p{ text-align:center;}

.zbadv{ width:100%; padding:75px 0 70px 0;}
.zbadv .cons{ padding-top:50px;}
.zbadv .cons dl{ width:335px; margin-right:20px; float:left; background:#FFF; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.zbadv .cons dl:hover{ cursor:pointer; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}
.zbadv .cons dl.lr{ margin-right:0;}
.zbadv .cons dl dt{ width:100%;}
.zbadv .cons dl dt img{ width:100%; display:block;}
.zbadv .cons dl dd{ padding:20px; background:#F6F9FA; border:1px solid #EEE; border-top:0;}
.zbadv .cons dl dd h3{ font-size:22px; color:#EF8402;}
.zbadv .cons dl dd span{ margin-bottom:15px; padding-bottom:15px; font-size:16px; color:#999; border-bottom:1px solid #EEE; display:block;}
.zbadv .cons dl dd p{ padding-left:15px; font-size:16px; line-height:30px; color:#666; background:url(../images/dian.jpg) no-repeat left center; background-size:6px !important;}

.zbplat{ padding:75px 0 70px 0; background:#F9F9F9;}
.zbplat .title h2 span{ color:#F2F2F2;}
.zbplat ul{ padding-top:45px; text-align:center;}
.zbplat ul li{ width:150px; height:93px; background:#EF8402; border-radius:50%; margin:0 30px; padding-top:57px; display:inline-block;}
.zbplat .txt{ padding-top:45px; text-align:center; font-size:18px;}
.zbplat .txt span{ font-weight:bold; color:#EF8402;}

.zbcase{ width:100%; padding:75px 0 70px 0;}
.zbcase .cons{ padding-top:20px;}
.zbcase .cons img{ width:327px; margin:30px 30px 0 0; border-radius:45px; display:block; float:left;}
.zbcase .cons img.lr{ margin:30px 0 0 0;}


/* 客服外包 */
.customer{ padding:75px 0 60px 0;}
.customer .cons{ padding-top:15px;}
.customer .cons dl{ width:158px; margin:30px 30px 0 0; padding:40px 25px 30px 25px; float:left; overflow:hidden; background:#FFF; box-shadow:0px 0px 50px 0px rgb(52 52 52 / 9%); position:relative; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.customer .cons dl.lr{ margin:30px 0 0 0;}
.customer .cons dl dt{ width:65px; height:70px; background-size:100% !important; margin:0 auto;}
.customer .cons dl dt.dt1{ background:url(../images/kfwb01.svg) no-repeat center;}
.customer .cons dl dt.dt2{ background:url(../fonts/kfwb02.svg) no-repeat center;}
.customer .cons dl dt.dt3{ background:url(../fonts/kfwb03.svg) no-repeat center;}
.customer .cons dl dt.dt4{ background:url(../fonts/kfwb04.svg) no-repeat center;}
.customer .cons dl dt.dt5{ background:url(../fonts/kfwb05.svg) no-repeat center;}
.customer .cons dl dt.dt6{ background:url(../fonts/kfwb06.svg) no-repeat center;}
.customer .cons dl dd{ text-align:center; line-height:30px; padding:10px 0 10px 0; font-size:20px; color:#000;}
.customer .cons dl:hover{ cursor:pointer; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}
.customer .kfpt{ margin-top:30px; padding:30px 35px; border:1px dashed #DDD; overflow:hidden;}
.customer .kfpt .tt{ float:left;}
.customer .kfpt .tt h2{ height:30px; line-height:30px; font-size:30px; color:#EF8402; background:url(../images/kftticon.png) no-repeat 130px center;}
.customer .kfpt .tt p{ height:16px; line-height:16px; margin-top:15px; font-size:16px; color:#666;}
.customer .kfpt ul{ margin-left:64px; float:left;}
.customer .kfpt ul li{ width:160px; text-align:center; float:left; position:relative;}
.customer .kfpt ul li p{ line-height:18px; margin-top:12px; font-size:18px;}
.customer .kfpt ul li span{ width:1px; height:48px; margin-top:-24px; background:#DDD; position:absolute; top:50%; right:0; display:block;}

.problem{ width:100%; height:662px; background:#F9F9F9 url("../images/problem_bg.png") no-repeat center bottom; padding-top:70px;}
.problem .title h2 span{color:#F1F1F1;}
.problem .blockbox{ position:relative; height:575px;}
.problem_licon1{width:205px; height:58px; line-height:58px; position:absolute; top:80px; left:363px; text-align:left; font-size:20px; color:#FFF; background:url("../images/problem_sbg1.png") no-repeat center; padding-left:56px; -webkit-animation:floattext 1s infinite alternate; animation:floattext 1s infinite alternate;}
.problem_licon2{width:205px; height:58px; line-height:58px; position:absolute; top:190px; left:219px; text-align:left; font-size:20px; color:#FFF; background:url("../images/problem_sbg1.png") no-repeat center; padding-left:56px; -webkit-animation:floattext 1s infinite alternate; animation:floattext 1s infinite alternate; -webkit-animation-delay:0.2s !important; animation-delay:0.2s !important;}
.problem_licon3{width:205px; height:58px; line-height:58px; position:absolute; top:300px; left:130px; text-align:left; font-size:20px; color:#FFF; background:url("../images/problem_sbg1.png") no-repeat center; padding-left:56px; -webkit-animation:floattext 1s infinite alternate; animation:floattext 1s infinite alternate; -webkit-animation-delay:0.4s !important; animation-delay:0.4s !important;}
.problem_licon4{width:205px; height:58px; line-height:58px; position:absolute; top:410px; left:189px; text-align:left; font-size:20px; color:#FFF; background:url("../images/problem_sbg1.png") no-repeat center; padding-left:56px; -webkit-animation:floattext 1s infinite alternate; animation:floattext 1s infinite alternate; -webkit-animation-delay:0.6s !important; animation-delay:0.6s !important;}
.problem_licon5{width:205px; height:58px; line-height:58px; position:absolute; top:80px; left:816px; text-align:left; font-size:20px; color:#FFF; background:url("../images/problem_sbg2.png") no-repeat center; padding-left:62px; -webkit-animation:floattext2 1s infinite alternate; animation:floattext2 1s infinite alternate;}
.problem_licon6{width:205px; height:58px; line-height:58px; position:absolute; top:190px; left:902px; text-align:left; font-size:20px; color:#FFF; background:url("../images/problem_sbg2.png") no-repeat center; padding-left:62px; -webkit-animation:floattext2 1s infinite alternate; animation:floattext2 1s infinite alternate; -webkit-animation-delay:0.2s !important; animation-delay:0.2s !important;}
.problem_licon7{width:205px; height:58px; line-height:58px; position:absolute; top:300px; left:1000px; text-align:left; font-size:20px; color:#FFF; background:url("../images/problem_sbg2.png") no-repeat center; padding-left:62px; -webkit-animation:floattext2 1s infinite alternate; animation:floattext2 1s infinite alternate; -webkit-animation-delay:0.4s !important; animation-delay:0.4s !important;}
.problem_licon8{width:205px; height:58px; line-height:58px; position:absolute; top:410px; left:950px; text-align:left; font-size:20px; color:#FFF; background:url("../images/problem_sbg2.png") no-repeat center; padding-left:62px; -webkit-animation:floattext2 1s infinite alternate; animation:floattext2 1s infinite alternate; -webkit-animation-delay:0.6s !important; animation-delay:0.6s !important;}
.problem_per{position:absolute; bottom:0; left:50%; margin-left:-300px;}
.problem_btn{display:block; text-align:center; width:316px; height:70px; line-height:70px; background:#F83A4F; font-size:30px; color:#FFF; position:absolute; bottom:0; left:50%; margin-left:-135px; transition:0.3s;}
.problem_btn:hover{opacity:0.85; filter:alpha(opacity=85);}

.kfadv{ padding:75px 0 60px 0;}
.kfadv .cons{ margin-top:50px;}
.kfadv .cons dl{ width:320px; margin-right:40px; float:left; box-shadow:0px 0px 50px 0px rgb(52 52 52 / 9%);}
.kfadv .cons dl.lr{ margin-right:0;}
.kfadv .cons dl dt{ width:100%;}
.kfadv .cons dl dt img{ width:100%; display:block;}
.kfadv .cons dl dd{ text-align:center; padding:20px 10px 20px 10px;}
.kfadv .cons dl dd h4{ font-size:24px;}
.kfadv .cons dl dd p{ line-height:30px; padding:0 10px; text-align:left; margin-top:10px; font-size:18px;}

.types{ width:100%; height:730px; background:#F9F9F9; position:relative; padding:70px 0 0 0; overflow:hidden;}
.types *{ -webkit-box-sizing:border-box; box-sizing:border-box;}
.types .title h2 span{color:#F1F1F1;}
.types_l{ width:1200px; margin:70px auto 0 auto;}
.types_l li{ width:400px; height:470px; padding:23px 40px 0; background:#FFF; -webkit-box-shadow:0px 2px 30px 0px rgba(9,17,23,0.1); box-shadow:0px 2px 30px 0px rgba(9,17,23,0.1); float:left; text-align:center; position:relative; -webkit-transition:all .4s; transition:all .4s;}
.types_l li.on{ width:400px; height:560px; padding-top:70px; -webkit-box-shadow:0px 2px 30px 0px rgba(9,17,23,0.1); box-shadow:0px 2px 30px 0px rgba(9,17,23,0.1); border-radius:10px; top:-44px; z-index:2;}
.types_l li.on .types_lb{ background:#EF8402;}
.types_l li.on .types_lb *{ color:#fff !important;}
.types_l li.on .types_lb_tab{ background:#F83A4F;}
.types_l li.on .types_l_server{ opacity:1; z-index:1;}
.types_l .types_ll{ border-radius:8px 0px 0px 8px;}
.types_l .types_lr{ border-radius:0px 8px 8px 0px;}
.types_l .types_lt{ font-size:20px; color:#444444; font-weight:bold;}
.types_l .types_ld{ font-size:14px; color:#969696; margin:5px auto 10px;}
.types_l .types_lp{ color:#EF8402;}
.types_l .types_lp font{ font-size:16px;}
.types_l .types_lp span{ font-family:'Impact'; font-size:40px; position:relative; top:2px; margin:0 -2px 0 -8px;}
.types_l .types_lp label{ font-size:14px;}
.types_l .types_l_server{ width:117px; height:117px; display:inline-block; border-radius:50%; background-color:#EF8402; border:7px solid #fff; -webkit-box-shadow:0px 3px 13px 0px rgba(194,161,135,0.4); box-shadow:0px 3px 13px 0px rgba(194,161,135,0.4); position:absolute; top:-58px; left:0; right:0; margin:auto; line-height:104px; transition:-webkit-transform .4s; -webkit-transition:-webkit-transform .4s; transition:transform .4s; transition:transform .4s,-webkit-transform .4s; opacity:0; z-index:-1;}
.types_l .types_l_server:hover{ -webkit-transform:translateY(-4px); transform:translateY(-4px);}
.types_l .types_l_server i{ display:inline-block; width:50px; height:50px; background:url(../images/sprite.png) no-repeat center; background-size:100% !important; vertical-align:middle;}
.types_l .types_lb{ width:320px; height:300px; background-color:#eef2f6; border-radius:8px; margin-top:16px; text-align:left; position:relative;}
.types_l .types_lb dd{ padding:0 18px 0 18px; height:61px; border-top:1px dashed #dfe5e9; padding-top:17px;}
.types_l .types_lb dd:first-child{ border-top:0; padding-top:0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.types_l .types_lb dd:first-child span{ color:#6f6f6f; line-height:61px; display:inline;}
.types_l .types_lb dd:first-child label{ line-height:61px; display:inline;}
.types_l .types_lb dd + dd{ height:112px;}
.types_l .types_lb dd + dd + dd{ height:127px;}
.types_l .types_lb dd label{ font-size:14px; color:#585858; font-weight:bold; line-height:28px; display:inline-block;}
.types_l .types_lb dd span{ font-size:14px; color:#9ca0a4; display:inline-block; line-height:28px; max-height:56px; overflow:hidden;}
.types_l .types_lb_tab{ width:34px; height:34px !important; border-radius:50%; background:#884BF0; position:absolute; top:-13px; right:-13px; padding:0 !important; border:0 !important; text-align:center; line-height:34px; font-size:14px; color:#fff;}


/* 天猫入驻 */
.tmrznt{ width:100%; padding:75px 0 0 0; background:#F6F9FA;}
.tmrznt .title h2 span{ color:#F2F2F2;}
.tmrznt ul{ margin-top:60px; height:389px; position:relative; background:url(../images/problem_img1.png) no-repeat bottom center;}
.tmrznt ul li{ width:380px; height:52px; line-height:52px; background:#EF8402; border-radius:26px; font-size:18px; color:#FFF; position:absolute;}
.tmrznt ul li img{ margin:-2px 15px 0 5px; vertical-align: middle; display: inline-block;}
.tmrznt ul li.li1{ top:20px; left:160px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}
.tmrznt ul li.li2{ top:20px; right:120px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.tmrznt ul li.li3{ top:140px; left:70px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.tmrznt ul li.li4{ top:140px; right:40px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.4s !important; animation-delay: 0.4s !important;}
.tmrznt ul li.li5{ top:260px; left:140px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate;}
.tmrznt ul li.li6{ top:260px; right:120px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}

.settled{ padding:75px 0 60px 0;}
.settled .cons{ padding-top:25px;}
.settled .cons dl{ width:185px; margin:20px 10px 0 0; padding:40px 20px 30px 20px; float:left; overflow:hidden; background:#FFF; box-shadow:0px 0px 50px 0px rgb(52 52 52 / 9%); position:relative; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.settled .cons dl.lr{ margin:20px 0 0 0;}
.settled .cons dl dt{ width:100px; height:100px; border-radius:50px; background-size:100% !important; margin:0 auto;}
.settled .cons dl dt.dt1{ background:#EF8402 url(../images/net1.png) no-repeat center;}
.settled .cons dl dt.dt2{ background:#EF8402 url(../images/net2.png) no-repeat center;}
.settled .cons dl dt.dt3{ background:#EF8402 url(../images/net3.png) no-repeat center;}
.settled .cons dl dt.dt4{ background:#EF8402 url(../images/net4.png) no-repeat center;}
.settled .cons dl dt.dt5{ background:#EF8402 url(../images/net5.png) no-repeat center;}
.settled .cons dl dt.dt6{ background:#EF8402 url(../images/net6.png) no-repeat center;}
.settled .cons dl dd{ padding-top:10px;}
.settled .cons dl dd h3{ line-height:30px; text-align:center; padding:10px 0 10px 0; font-size:22px;}
.settled .cons dl dd p{ height:100px; line-height:25px; font-size:15px; color:#666;}
.settled .cons dl:hover{ cursor:pointer; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}
.settled .txt{ height:30px; line-height:30px; margin-top:30px; padding:0 0 0 40px; font-size:18px; background:url(../images/xing.png) no-repeat left center; background-size:30px !important;}
.settled .txt strong{ color:#EF8402;}

.tmallzx{ padding:40px 0; text-align:center; background:#EF8402;}
.tmallzx h2{ font-size:30px; font-weight:normal; color:#FFF;}
.tmallzx p{ padding:10px 0 20px 0; font-size:20px; color:#FFF;}
.tmallzx p strong{ font-size:28px; font-weight:normal; font-family: Impact;}
.tmallzx a{ width:170px; height:50px; line-height:50px; display:block; background:#FFF; font-size:20px; color:#EF8402; border-radius:6px; margin:0 auto;}
.tmallzx a:hover{ background:#FFF; color:#EF8402;}

.settadv{ padding:75px 0 60px 0; background:#F9F9F9;}
.settadv .title h2 span{ color:#F3F3F3;}
.settadv ul{ padding-top:5px;}
.settadv ul li{ width:361px; margin:40px 50px 0 0; padding:35px 35px 30px 35px; border:1px solid #DDD; float:left; overflow:hidden; box-shadow:0px 0px 50px 0px rgb(52 52 52 / 9%); position:relative; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.settadv ul li.lr{ margin:40px 0 0 0;}
.settadv ul li h3{ line-height:34px; margin-bottom:10px; padding:0 0 0 50px; font-size:22px; color:#000;}
.settadv ul li h3.t1{ background:url(../images/reason1.png) no-repeat left center;}
.settadv ul li h3.t2{ background:url(../images/reason2.png) no-repeat left center;}
.settadv ul li h3.t3{ background:url(../images/reason3.png) no-repeat left center;}
.settadv ul li h3.t4{ background:url(../images/reason4.png) no-repeat left center;}
.settadv ul li h3.t5{ background:url(../images/reason5.png) no-repeat left center;}
.settadv ul li h3.t6{ background:url(../images/reason6.png) no-repeat left center;}
.settadv ul li p{ line-height:30px; font-size:16px;}
.settadv ul li:hover{ border:1px solid #EF8402; cursor:pointer; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}

.settlc{ padding:80px 0 30px 0; background:#333 url(../images/step_bg.png) no-repeat center;}
.settlc .title h2,.settlc .title p{ color:#FFF;}
.settlc .title h2 span{ color:rgba(255, 255, 255, 0.06);}
.settlc ul{ padding-top:45px; text-align:center;}
.settlc ul li{ width:150px; height:150px; margin:0 35px 40px 35px; display:inline-block; position:relative;}
.settlc ul li p{ width:150px; height:150px; line-height:150px; text-align:center; font-size:18px; font-weight:bold; color:#FFF; position:absolute; top:0; left:0; z-index:99;}
.settlc ul li span{ width:150px; height:150px; line-height:150px; text-align:center; background:#EF8402; border-radius:75px; font-size:70px; color:#F19627; font-family: "Arial Black", Gadget, sans-serif; display:block; position:absolute; top:0; left:0; z-index:9;-webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 3s linear infinite;
    -moz-animation: rotate 3s linear infinite;
    -o-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}


/* 考拉海购 */
.klques{ height:620px; padding:60px 0 60px 0; background:url(../images/annoybg.png) no-repeat bottom center;}
.klques .title h2 span{ color:#E9EBF5;}
.klques ul{ padding-top:10px; position:relative;}
.klques ul li{ width:360px; height:52px; line-height:52px; background:#EF8402; border-radius:26px; font-size:16px; font-weight:500; color:#FFFFFF; position:absolute;}
.klques ul li img{ margin: -2px 15px 0 5px; vertical-align: middle; display: inline-block;}
.klques ul li.li1{ top:126px; left:263px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}
.klques ul li.li2{ top:228px; left:150px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.klques ul li.li3{ top:126px; left:785px;-webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate;}
.klques ul li.li4{ top:228px; left:880px;-webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.klques ul li.li5{ top:339px; left:880px;-webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.4s !important; animation-delay: 0.4s !important;}
.klques ul li.li6{ top:339px; left:150px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}
.klques ul li.li7{ top:450px; left:263px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.klques ul li.li8{ top:450px; left:785px;-webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate;}

.kaolazx{ padding:40px 0; text-align:center; background:#EF8402;}
.kaolazx h2{ font-size:56px; color:#FFF;}
.kaolazx p{ padding:0 0 20px 0; font-size:24px; color:#FFF;}
.kaolazx p strong{ font-size:36px;}
.kaolazx a{ width:170px; height:50px; line-height:50px; display:block; background:#FFF; font-size:20px; color:#EF8402; border-radius:6px; margin:0 auto;}
.kaolazx a:hover{ background:#FFF; color:#EF8402;}

.kaola{ padding:75px 0 60px 0;}
.kaola .cons{ padding-top:15px;}
.kaola .cons dl{ width:406px; margin:30px 30px 0 0; padding:30px 20px 30px 20px; float:left; overflow:hidden; background:#FFF; box-shadow:0px 0px 50px 0px rgb(52 52 52 / 9%); position:relative; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.kaola .cons dl.lr{ margin:30px 0 0 0;}
.kaola .cons dl dt{ width:110px; height:110px; border-radius:20px; background-size:100% !important; margin:0 auto; float:left;}
.kaola .cons dl dt.dt1{ background:url(../images/kaola1.jpg) no-repeat center;}
.kaola .cons dl dt.dt2{ background:url(../images/kaola2.jpg) no-repeat center;}
.kaola .cons dl dt.dt3{ background:url(../images/kaola3.jpg) no-repeat center;}
.kaola .cons dl dt.dt4{ background:url(../images/kaola4.jpg) no-repeat center;}
.kaola .cons dl dt.dt5{ background:url(../images/kaola5.jpg) no-repeat center;}
.kaola .cons dl dt.dt6{ background:url(../images/kaola6.jpg) no-repeat center;}
.kaola .cons dl dd{ width:270px; float:right;}
.kaola .cons dl dd h3{ line-height:25px; padding:10px 0 10px 0; font-size:20px; color:#000;}
.kaola .cons dl dd p{ line-height:25px; font-size:15px;}
.kaola .cons dl:hover{ cursor:pointer; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}

.klfour{ padding:75px 0 60px 0; background:#F9F9F9;}
.klfour .title h2 span{ color:#F3F3F3;}
.klfour ul{ padding-top:5px;}
.klfour ul li{ width:255px; margin:40px 30px 0 0; padding:50px 35px 30px 35px; border:1px solid #DDD; float:left; overflow:hidden; box-shadow:0px 0px 50px 0px rgb(52 52 52 / 9%); position:relative; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.klfour ul li.lr{ margin:40px 0 0 0;}
.klfour ul li span{ width:110px; height:110px; border-radius:60px; background-size:60px !important; margin:0 auto; display:block;}
.klfour ul li span.ico1{ background:#EF8402 url(../images/xtico1.png) no-repeat center;}
.klfour ul li span.ico2{ background:#EF8402 url(../images/xtico2.png) no-repeat center;}
.klfour ul li span.ico3{ background:#EF8402 url(../images/xtico3.png) no-repeat center;}
.klfour ul li span.ico4{ background:#EF8402 url(../images/xtico4.png) no-repeat center;}
.klfour ul li h3{ width:90px; line-height:34px; margin:20px auto 15px auto; padding:0 0 0 50px; font-size:22px; color:#000;}
.klfour ul li h3.t1{ background:url(../images/reason1.png) no-repeat left center;}
.klfour ul li h3.t2{ background:url(../images/reason2.png) no-repeat left center;}
.klfour ul li h3.t3{ background:url(../images/reason3.png) no-repeat left center;}
.klfour ul li h3.t4{ background:url(../images/reason4.png) no-repeat left center;}
.klfour ul li p{ height:112px; line-height:28px; font-size:16px;}
.klfour ul li:hover{ border:1px solid #EF8402; cursor:pointer; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}

.klcase{ padding:75px 0 60px 0;}
.klcase .txt{ padding-top:45px;}
.klcase .txt img{ width:325px; margin-right:30px; border:1px solid #DDD; float:left; display:block;}
.klcase .txt img.lr{ margin-right:0;}


/* 数据分析 */
.datant{ padding:75px 0 0 0; background:#F9F9F9 url("../images/problem_bg.png") no-repeat center bottom;}
.datant .title h2 span{ color:#F2F2F2;}
.datant ul{ height:540px; background:url(../images/datantbg.png) no-repeat bottom center; position:relative;}
.datant ul li{ width:320px; height:52px; line-height:52px; background:#EF8402; border-radius:26px; font-size:18px; font-weight:500; color:#FFF; position:absolute;}
.datant ul li img{ margin: -2px 15px 0 5px; vertical-align: middle; display: inline-block;}
.datant ul li.li1{ top:80px; left:240px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}
.datant ul li.li2{ top:190px; left:160px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.datant ul li.li3{ top:300px; left:160px;-webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate;}
.datant ul li.li4{ top:410px; left:200px;-webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.datant ul li.li5{ top:80px; left:780px;-webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.4s !important; animation-delay: 0.4s !important;}
.datant ul li.li6{ top:190px; left:860px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}
.datant ul li.li7{ top:300px; left:880px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.datant ul li.li8{ top:410px; left:880px;-webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate;}

.datas{ padding:75px 0 70px 0;}
.datas .cons{ padding-top:5px;}
.datas .cons dl{ width:280px; margin:40px 40px 0 0; padding:40px 20px 30px 20px; border-radius:5px; float:left; overflow:hidden; background:#FFF; box-shadow:0px 0px 50px 0px rgb(52 52 52 / 9%); position:relative; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.datas .cons dl.lr{ margin:40px 0 0 0;}
.datas .cons dl dt{ width:100px; height:100px; background-size:100% !important; margin:0 auto;}
.datas .cons dl dt.dt1{ background:url(../images/datas1.png) no-repeat center;}
.datas .cons dl dt.dt2{ background:url(../images/datas2.png) no-repeat center;}
.datas .cons dl dt.dt3{ background:url(../images/datas3.png) no-repeat center;}
.datas .cons dl dt.dt4{ background:url(../images/datas4.png) no-repeat center;}
.datas .cons dl dt.dt5{ background:url(../images/datas5.png) no-repeat center;}
.datas .cons dl dt.dt6{ background:url(../images/datas6.png) no-repeat center;}
.datas .cons dl dt.dt7{ background:url(../images/datas7.png) no-repeat center;}
.datas .cons dl dt.dt8{ background:url(../images/datas8.png) no-repeat center;}
.datas .cons dl dd{ text-align:center;}
.datas .cons dl dd h3{ line-height:25px; padding:20px 0 10px 0; font-size:22px; color:#000;}
.datas .cons dl dd p{ line-height:28px; font-size:16px;}
.datas .cons dl:hover{ cursor:pointer; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}

.datadv{ padding:75px 0 70px 0; background:#F9F9F9;}
.datadv .title h2 span{ color:#F3F3F3;}
.datadv ul{ padding-top:50px;}
.datadv ul li{ width:27.33%; padding:0 3%; float:left; overflow:hidden; position:relative; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.datadv ul li.lr{ margin-right:0;}
.datadv ul li span{ width:110px; height:110px; border-radius:55px; background-size:60px !important; margin:0 auto; display:block;}
.datadv ul li span.ico1{ background:#EF8402 url(../images/datadv1.png) no-repeat center;}
.datadv ul li span.ico2{ background:#EF8402 url(../images/datadv2.png) no-repeat center;}
.datadv ul li span.ico3{ background:#EF8402 url(../images/datadv3.png) no-repeat center;}
.datadv ul li h3{ line-height:30px; text-align:center; padding:20px 0 10px 0; font-size:22px;}
.datadv ul li p{ line-height:30px; font-size:16px;}

.dataform{ padding:75px 0 70px 0; background:url(../images/dataser.png) no-repeat center; background-size:cover !important;}
.dataform .title h2 span{ color:#EEE;}
.dataform .cons{ width:100%; height:500px; position:relative;}
.dataform .cons ul.ul1{ width:500px; height:500px; background:url(../images/30.png) repeat center; border-radius:50%; margin:50px auto 0 auto; position:relative;}
.dataform .cons ul.ul1 li{ width:110px; border-radius:30px; overflow:hidden; position:absolute;}
.dataform .cons ul.ul1 li:nth-child(1){ top:20px; left:50%; margin-left:-55px;}
.dataform .cons ul.ul1 li:nth-child(2){ top:140px; left:110px; margin-left:-61px;}
.dataform .cons ul.ul1 li:nth-child(3){ top:140px; right:50px; margin-left:-61px;}
.dataform .cons ul.ul1 li:nth-child(4){ top:250px; left:110px; margin-left:-61px;}
.dataform .cons ul.ul1 li:nth-child(5){ top:250px; right:50px; margin-left:-61px;}
.dataform .cons ul.ul1 li:nth-child(6){ top:360px; left:50%; margin-left:-55px;}
.dataform .cons ul.ul1 li img{ width:100%; display:block;}
.dataform .cons ul.ul1 .ul1_img{ position:absolute; top:50%; left:50%; margin:-54px 0 0 -62px}
.dataform .cons ul.ul2{ width:100%; height:500px; position:absolute; top:0; left:0;}
.dataform .cons ul.ul2 li{ height:50px; line-height:50px; padding:0 20px; background:#FFF; letter-spacing:2px; border-radius:5px; font-size:24px; position:absolute;}
.dataform .cons ul.ul2 li:nth-child(1){ top:50px; left:280px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}
.dataform .cons ul.ul2 li:nth-child(2){ top:160px; left:230px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.dataform .cons ul.ul2 li:nth-child(3){ top:270px; left:230px;-webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate;}
.dataform .cons ul.ul2 li:nth-child(4){ top:380px; left:260px;-webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.dataform .cons ul.ul2 li:nth-child(5){ top:50px; left:980px;-webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.4s !important; animation-delay: 0.4s !important;}
.dataform .cons ul.ul2 li:nth-child(6){ top:160px; left:1030px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}
.dataform .cons ul.ul2 li:nth-child(7){ top:270px; left:1030px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.dataform .cons ul.ul2 li:nth-child(8){ top:380px; left:980px;-webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate;}
.dataform .cons ul.ul2 li span{ color:#EF8402;}
.dataform .cons ul.ul2 li i{ width:8px; height:8px; background:#EF8402; display:block; position:absolute;}
.dataform .cons ul.ul2 li:nth-child(1) i,.dataform .cons ul.ul2 li:nth-child(2) i,.dataform .cons ul.ul2 li:nth-child(3) i,.dataform .cons ul.ul2 li:nth-child(4) i{ top:21px; right:-25px;}
.dataform .cons ul.ul2 li:nth-child(5) i,.dataform .cons ul.ul2 li:nth-child(6) i,.dataform .cons ul.ul2 li:nth-child(7) i,.dataform .cons ul.ul2 li:nth-child(8) i{ top:21px; left:-25px;}

.dataser{ padding:75px 0 70px 0;}
.dataser .cons{ padding-top:5px;}
.dataser .cons dl{ width:431px; margin:20px 20px 0 0; padding:20px 20px 20px 0; border:1px solid #EEE; background:#FFF; float:left; overflow:hidden; box-shadow:0px 0px 50px 0px rgb(52 52 52 / 9%); -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.dataser .cons dl:nth-child(3),.dataser .cons dl:nth-child(6){ margin:20px 0 0 0;}
.dataser .cons dl dt{ width:120px; height:80px; background-size:80px !important; float:left;}
.dataser .cons dl dt.dt1{ background:url(../images/datas1.png) no-repeat center;}
.dataser .cons dl dt.dt2{ background:url(../images/datas2.png) no-repeat center;}
.dataser .cons dl dt.dt3{ background:url(../images/datas3.png) no-repeat center;}
.dataser .cons dl dt.dt4{ background:url(../images/datas4.png) no-repeat center;}
.dataser .cons dl dt.dt5{ background:url(../images/datas5.png) no-repeat center;}
.dataser .cons dl dt.dt6{ background:url(../images/datas6.png) no-repeat center;}
.dataser .cons dl dd{ width:311px; float:left;}
.dataser .cons dl dd h3{ line-height:25px; padding:0 0 5px 0; font-size:20px;}
.dataser .cons dl dd p{ line-height:28px; font-size:16px; color:#666;}
.dataser .cons dl:hover{ cursor:pointer; transform:translate(0px,-5px); -ms-transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px);}


/* 关于我们 */
.about_title{ text-align:center;}
.abouts{ padding:60px 0;}
.abouts dl{ padding-top:35px; overflow:hidden;}
.abouts dl dd{ width:680px; padding-bottom:30px; border-bottom:1px dashed #DDD; float:left;}
.abouts dl dd h3{ padding-bottom:5px; font-size:26px; font-weight:normal;}
.abouts dl dd h4{ padding-bottom:8px; font-size:16px; font-weight:normal;}
.abouts dl dd i{ width:80px; height:1px; margin-bottom:30px; background:#EF8402; display:block;}
.abouts dl dd p{ line-height:32px; font-size:15px;}
.abouts dl dt{ width:640px; float:right;}
.abouts dl dt video{ width:100%; display:block;}

.culture{ padding:60px 0 76px 0; background:url(../images/culbg.jpg) no-repeat center; background-size:cover !important;}
.culture dl{ padding-top:35px; overflow:hidden;}
.culture dl dd{ width:680px; float:left;}
.culture dl dd h3{ padding-bottom:5px; font-size:26px; font-weight:normal;}
.culture dl dd h4{ padding-bottom:8px; font-size:16px; font-weight:normal;}
.culture dl dd i{ width:80px; height:1px; margin-bottom:30px; background:#EF8402; display:block;}
.culture dl dd p{ line-height:32px; font-size:15px;}
.culture dl dt{ width:640px; float:right;}
.culture dl dt video{ width:100%; display:block;}

.honer{ padding:60px 0;}
.honer ul{ padding-top:10px;}
.honer li{ width:430px; float: left; margin:40px 55px 0 0; box-shadow:0 0 15px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);}
.honer li.lr{ margin:40px 0 0 0}
.honer li img{ width:100%; height:auto; display:block;}
.honer li p{ text-align:center; height:60px; line-height:60px; font-size:18px; color:#333;}

.history{ padding:60px 0; background:#FFFCFB;}
#certify{ width:70%; margin:40px auto 0 auto; position:relative;}
#certify .swiper-container{ padding-bottom:50px; }
#certify .swiper-slide{ width:40%; text-align:center; background:#FFF; box-shadow:0 8px 30px #CCC; }
#certify .swiper-slide img{ display:block; margin:0 auto; max-width:100%; }
#certify .swiper-pagination{ width:100%; bottom:0;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{ display:inline-block; width:25px; height:25px; color:#FFF; margin:0 5px; line-height:25px; font-size:12px;}
#certify .swiper-button-prev{ left:0; top:42%; width:45px; height:45px; background:url(../images/wm_button_icon.png) no-repeat; background-position:0 0; background-size:100%; }
#certify .swiper-button-prev:hover{ background-position:0 -46px; background-size:100%; }
#certify .swiper-button-next{ right:0; top:42%; width:45px; height:45px; background:url(../images/wm_button_icon.png) no-repeat; background-position:0 -93px; background-size:100%; }
#certify .swiper-button-next:hover{ background-position:0 -139px; background-size:100%; }

@media screen and (max-width:768px){
	
	#certify{ width:94%; margin:0 auto 30px auto;}
	#certify .swiper-slide{ width:100%;}
	#certify .swiper-button-prev,#certify .swiper-button-next{ display:none;}
	#certify .swiper-pagination{ bottom:5px;}
	#certify .swiper-pagination-bullets .swiper-pagination-bullet{ font-size:12px;}

}

/* 成功案例 */
.listcase{ padding:30px 0 60px 0; background:#F9F9F9;}
.listcase dl{ width:430px; margin:30px 55px 0 0; float:left;}
.listcase dl.lr{ margin:30px 0 0 0;}
.listcase dl dt{ padding:0; margin:0; width:430px; height:286px; overflow:hidden; position:relative;}
.listcase dl dt img{ width:100%; height:100%; display:block; -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.listcase dl dt:hover img{opacity: 1;	-webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.listcase dl dt span{ padding:10px 20px; width:390px; display:none; position:absolute; left:0; bottom:0px; height:auto; opacity: 0.8; background:#EF8402; overflow:hidden;}
.listcase dl dt:hover span{ display:block; color:#FFF; font-size:14px; z-index:1;}
.listcase dl dt .span01{position: absolute; display:block; top:20px; right:0; background-color: rgba(0,0,0,0.5);; color:#FFF; padding:5px 10px 5px 20px;animation:myfirst 5s infinite;animation-direction:alternate;-webkit-animation:myfirst 5s infinite;-webkit-animation-direction:alternate;}
.listcase dl dt .span01 em{ color:#f0ff01; font-weight:700; font-style:normal; font-size:18px; float:right; margin-left:10px}
@keyframes myfirst{ 0%{background-color: rgba(0,0,0,0.8);}
25% {background-color: rgba(255,109,1,0.8);}
50% {background-color: rgba(0,0,0,0.8);}
100% {background-color: rgba(255,109,1,0.8);}}
.listcase dl dd{ padding:0 20px; background:#FFF;}
.listcase dl dd h3{line-height:60px; height:60px; color:#FFF;font-size:16px;font-weight:normal;letter-spacing:1px;}
.listcase dl dd a{ color:#333;}
.listcase dl dd a:hover{ color:#EF8402}

/* 新闻资讯 */
.newslist{ padding:10px 0 60px 0; background:#F9F9F9;}
.newslist dl{ width:100%; margin-top:50px; background:#FFF; box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.1); overflow:hidden;}
.newslist dl dt{ display:block; position:relative; width:420px; height:280px; overflow:hidden; float:left;}
.newslist dl dt img{ width:100%; height:100%; position:relative; z-index:2; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.newslist dl:hover dt img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.newslist dl dd{ width:750px; height:100%; padding:50px 80px; float:left;}
.newslist dl dd h5{ font-size:20px; color:#1b1b1b; font-weight:normal;  line-height:30px;  overflow:hidden;}
.newslist dl dd h5 i{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80%; float:left; color:#333; font-style:normal; }
.newslist dl dd h5 em{ float:right; font-size:14px; color:#999; background:url(../images/time.png) 0 2px no-repeat; padding-left:22px; }
.newslist dl dd p{ font-size:14px; line-height:30px; color:#999; margin-top:22px; text-overflow:-o-ellipsis-lastline;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; }
.newslist dl dd span{ display:block; width:135px; height:40px; position:relative; line-height:40px; border:1px solid #666666; color:#666666; text-align:center; font-size:14px; margin-top:22px;}
.newslist dl dd span:before{ display:none; content:""; position:absolute; width:51px; height:19px; background:url(../images/news-jt.png) 0 0 no-repeat; right:-30px; top:10px; }
.newslist dl:hover h5 i{ color:#EF8402;}
.newslist dl:hover dd span{ border-color:#EF8402; background:#EF8402; color:#fff; }

.sernews{ padding:70px 0 60px 0;}
.sernews .cons{ margin-top:50px;}
.sernews .cons dl{ width:320px; margin-right:40px; float:left;}
.sernews .cons dl.lr{ margin-right:0;}
.sernews .cons dl dt{ width:100%;}
.sernews .cons dl dt img{ width:100%; display:block;}
.sernews .cons dl dd{ padding:15px 0; border-bottom:1px solid #EEE; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.sernews .cons dl:hover dd{ border-bottom:1px solid #EF8402; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.sernews .cons dl dd h4{ height:22px; line-height:22px; font-size:16px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.sernews .cons dl:hover dd h4{ color:#EF8402; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.sernews .cons dl dd span{ margin:8px 0 8px 0; padding-left:18px; font-size:14px; color:#999; background:url(../images/dt.png) no-repeat left center; display:block;}
.sernews .cons dl dd p{ line-height:25px; font-size:14px; color:#666;}


/* 详情页 */
.articles{ width:1280px; padding:50px 60px; margin:60px auto; background:#FFF; box-shadow:0px 5px 15px 0px rgb(0 0 0 / 5%);}
.articles h1{ font-size:24px; line-height:24px;  color:#333;  text-align:center;  font-weight:normal;}
.articles .dates { margin-top:10px;  display:flex;  justify-content:center;  border-bottom:1px dashed #d9d9d9;   padding-bottom:10px;}
.articles .dates span { display:inline-block; font-size:14px;  color:#999;  line-height:30px;  margin-right:20px;}
.articles .cons{ margin-top:20px; font-size:16px; line-height:32px; color:#555; border-bottom:1px dashed #d9d9d9; padding-bottom:30px;}
.articles .cons p{ margin-bottom:15px; font-size:16px; line-height:32px; color:#555;  }
.articles .cons img{ max-width:100%; display:block; margin:20px auto; }
.articles .video{}
.articles .video dt{ text-align:center;}
.articles .video img{ max-width:100%;}
.articles .video dd{ overflow:hidden; text-align:center;}
.articles .video dd a{ margin:0 20px; display:inline-block;}
.articles .video dd a img{ width:247px; height:200px; margin:0 !important; display:block;}


/* 联系我们 */
.contact{ padding:60px 0 70px 0;}
.contact .top{ overflow:hidden}
.contact .top dl{ width:306px; height:273px; text-align:center; margin:55px 55px 0 0; border:1px solid #EEE; float:left; position:relative}
.contact .top dl dt{ width:120px; height:120px; position:absolute; top:-55px; left:50%; margin-left:-60px;}
.contact .top dl dt img{ width:100%; height:100%;}
.contact .top dl h2{ padding-top:80px; font-size:18px; font-weight:bold;}
.contact .top dl p{ line-height:30px; margin-top:20px; font-size:14px;}
.contact .top dl p a:hover{ color:#F08300;}
.contact .top dl span{ display:block; width:94px; height:38px; line-height:38px; text-align:center; margin:20px auto; font-size:14px; color:#FFF}
.contact .top dl.add span{ background:#FFC208}
.contact .top dl.tel span{ background:#E64716}
.contact .top dl.email span{ background:#00BCD5}
.contact .top dl.qq{ margin:55px 0 0 0;}
.contact .top dl.qq span{ background:#8CC34B}
.contact #dituContent{ width:1398px; height:450px; margin-top:50px; border:1px solid #EEE;}

/* 服务客户 */
.paters{ padding:60px 0 70px 0; background:#F9F9F9;}

/* 上下篇 */
.getPre{ overflow:hidden; margin-top:30px;}
.getPre dl{ width:70%; float:left; }
.getPre dl dd{ width:100%; font-size:16px; color:#999; line-height:30px; margin-bottom:10px;    display:inline-flex;float:left;}
.getPre dl dd a{ color:#999; line-height:30px; display:inline-block; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.getPre dl dd:last-child{ margin-bottom:0; }
.getPre dl dd a:hover,.getPre dl dd:hover{ color:#EF8402 }
.getPre .back-list{ width:80px; height:35px; font-size:14px; line-height:33px; border:1px solid #EF8402; border-radius:5px; color:#EF8402; margin-top:15px;  float:right; display:block; text-align:center;}
.getPre .back-list:hover{ background:#EF8402; color:#FFF;}

/* 分页 */
#mpage{ display:none}
#page{ text-align:center; padding:40px 0 0 0; clear:both;}
#page li,#mpage li{ width:auto; height:auto; float:none; display:inline-block; vertical-align:middle; margin:0 3px;}
#page li a,#mpage li a{ display:block; height:42px; line-height:42px; padding:0 16px; color:#666; background:#FFF;}
#page li.thisclass a,#page li a:hover{ background:#EF8402; color:#FFF;}


/* 地区分站 */
.city-web {
  padding:10px 0 50px 0;
  overflow: hidden;
}
.city-web a {
  display:block;
  float:left;
  font-size: 14px;
  padding:0 20px 10px 0;
}
.city-web dt {
  display: block;
  margin-top: 20px;
  line-height: 36px;
}
.city-web dt a {
  font-size: 16px;
  font-weight: bold;
  padding:0;
  display:inline;
  float:none;
}
.city-web dd {
  display: block;
  line-height: 36px;
  border-bottom: 1px dashed #eee;
}
.city-web dd a {
  display: inline-block;
  margin-right: 20px;
  padding:0;
  display:inline;
  float:none;
  font-size: 14px;
  color: #666;
}
.city-web dl a:hover {
  color: #4098ef;
}

/* 公用底部 */
.ftys{ border-top:1px solid #E6E6E6;}
.ftys ul{ border-left:1px solid #E6E6E6; overflow:hidden;}
.ftys li{ width:270px; padding:30px 35px 25px 44px; border-right:1px solid #E6E6E6; overflow:hidden; float:left;}
.ftys li i{ width:51px; height:51px; border-radius:8px; border:solid 2px #EF8402; margin:6px 15px 0 0; text-align:center; display:flex; align-items:center; justify-content:center; float:left;}
.ftys li h4{ padding-bottom:5px; font-size:16px; color:#000;}
.ftys li p{ line-height:20px; font-size:14px; color:#AEAEAE;}

.bottoms{ padding:40px 0 30px 0; background:#303030; overflow:hidden;}
.bottoms .wrap{ overflow:hidden;}
.bottoms dl{ min-width:100px; margin-right:100px; float:left;}
.bottoms dl dt{ padding-bottom:13px; margin-bottom:12px; font-size:15px; font-weight:bold; color:#FFF; border-bottom:1px solid #444;}
.bottoms dl dd{ line-height:30px; font-size:13px; color:#686868;}
.bottoms dl dd a{ color:#686868;}
.bottoms dl dd a:hover{ color:#EF8402;}
.bottoms dl.ewm{ float:right; margin-right:0; padding:10px 0 0 60px; border:0;}
.bottoms dl.ewm dt{ width:120px; padding-bottom:0; border-bottom:0; margin-bottom:0}
.bottoms dl.ewm dt img{ width:120px;}
.bottoms dl.ewm dd{ text-align:center;}
.bottoms dl dd.adds{ padding-left:25px; background:url(../images/addbg.png) no-repeat left center;}
.bottoms dl dd.tel1{ padding-left:25px; background:url(../images/telbg.png) no-repeat left center;}
.bottoms dl dd.tel2{ padding-left:25px; background:url(../images/tel2bg.png) no-repeat left center;}
.links{ padding:20px 0; line-height:20px; background:#1F1F1F; border-bottom:1px solid #373737;}
.links span{ font-size:14px; color:#6b6b6b;}
.links a{ padding-right:10px; font-size:14px; color:#6b6b6b;}
.links a:hover{ color:#EF8402;}
.copyright{ line-height:20px; padding:20px 0; font-size:14px; color:#6B6B6B; background:#1F1F1F; overflow:hidden;}
.copyright p{ float:left;}
.copyright p a{ color:#6B6B6B;}
.copyright p a:hover{ color:#EF8402;}
.copyright .xml{ color:#6B6B6B; float:right;}
.copyright .xml:hover{ color:#EF8402;}
.mft{ display:none;}

/* 右侧悬浮 */
.right-fixed{ width:60px; position:fixed; bottom:10%; right:0; z-index:10;}
.right-fixed ul { width:100%; zoom:1;}
.right-fixed li {  margin-bottom:10px; position:relative; width:60px; height:60px; float:right;  line-height:60px;  background:#ebebeb; transition:width .3s, background .3s, margin .3s;}
.right-fixed li.right-fixed1 {width:200px;  margin-right:-140px;}
.right-fixed li.right-fixed2{ width:140px; margin-right:-80px; }
.right-fixed li.right-fixed3{ width:180px; margin-right:-120px; }
.right-fixed li a { display:block;  width:100%;  height:100%;}
.right-fixed li .ico { width:60px; height:60px; position:absolute;  top:0;  right:0;  transition:right .3s;}
.right-fixed li.right-fixed1 .ico, .right-fixed li.right-fixed2 .ico ,.right-fixed li.right-fixed3 .ico{left:0;}
.right-fixed li .ico.ico01 {background:url(../images/right-i1.png) no-repeat center;}
.right-fixed li .ico.ico02 {background:url(../images/right-i2.png) no-repeat center;}
.right-fixed li .ico.ico03 {background:url(../images/right-i3.png) no-repeat center;}
.right-fixed li .ico.ico04 {background:url(../images/right-i4.png) no-repeat center;}
.right-fixed li p {
    font-size:15px;
    color:#fff;
    line-height:60px;
    padding:0 20px;
    transition:transform .3s;
}
.right-fixed li.right-fixed1 p, .right-fixed li.right-fixed2 p , .right-fixed li.right-fixed3 p{
    padding:0 20px 0 60px;
}
.right-fixed li:hover {  background:#EF8402;}
.right-fixed li.right-fixed1:hover {margin-right:0;width:200px;}
.right-fixed li.right-fixed2:hover {margin-right:0;width:140px;}
.right-fixed li.right-fixed3:hover {margin-right:0;width:180px; background:#EF8402}
.right-fixed li.right-fixed3:hover p{ width:120px; height:120px; border:2px solid #ccc; padding:0; background:#fff; }
.right-fixed li.right-fixed3:hover p img{ margin:11px; display:block; }
.right-fixed li:hover .ico, .right-fixed li.right-fixed1:hover .ico, .right-flex li.right-fixed3:hover .ico {right:0;left:auto;}
.right-fixed li.right-fixed1:hover p,.right-fixed li.right-fixed2:hover p{ padding:0 20px; }
.right-fixed li.right-fixed1:hover .ico.ico01 {background:url(../images/right-i1-hover.png) no-repeat center;} 
.right-fixed li.right-fixed3:hover .ico.ico02 {background:url(../images/right-i2-hover.png) no-repeat center;} 
.right-fixed li.right-fixed3:hover .ico.ico03 {background:url(../images/right-i3-hover.png) no-repeat center;} 
.right-fixed li.backtop{ display:block !important;}
.right-fixed li.backtop:hover .ico.ico04 {background:url(../images/right-i4-hover.png) no-repeat center;}