@CHARSET "UTF-8";
/*农村电商*/
.middle{width:1200px;height:auto;margin:0 auto}
.rural-electricity-ban,.chain-ban,.household-ban,.newretail-ban,.mother-infant-ban,.clothing-ban,.car-parts-ban{width:100%;height:500px;overflow:hidden;text-align:center}
.rural-electricity-ban img,.chain-ban img,.household-ban img,.newretail-ban img,.mother-infant-ban img,.clothing-ban img,.car-parts-ban img,.fresh-fruit-ban img,.im-sysban img{display:block;width:100%;height:500px;object-fit:cover}
.rural-info{width:100%;height:auto;text-align:center;padding-top:60px;padding-bottom:140px;background:url("../image/rural-info-bj.png") bottom center no-repeat}
.rural-info h2{font-size:36px;color:#333;line-height:108px}
.rural-info h2 em{font-size:48px;color:#00e290;font-weight:bolder}
.rural-info p{font-size:18px;line-height:36px;color:#666}
.rural-info-con{height:auto;margin-top:48px;padding:0 4%}
.rural-info-con ul{overflow:hidden}
.rural-info-con ul li{width:216px;height:216px;background-color:#12cb88;border-radius:100%;float:left;margin-left:80px}
.rural-info-con ul li:first-child{margin-left:0}
.rural-info-con ul li span{width:196px;height:196px;border:1px dashed #fff;border-radius:100%;margin-top:10px}
.rural-info-con ul li span img{margin-top:20px}
.rural-info-con ul li span i{font-size:24px;color:#fff;margin-top:8px}
.rural-electricity-features{width:100%;height:auto;background-color:#12cb88;text-align:center;padding-top:30px;padding-bottom:50px}
.rural-electricity-features h2{font-size:36px;font-weight:normal;color:#fff;line-height:108px}
.rural-electricity-features h2 em{font-size:48px;color:#fced00;margin-left:15px;font-weight:bolder}
.rural-electricity-features p{font-size:18px;color:#fff}
.rural-features{width:100%;height:auto;background:url("../image/rural-features-bj.png") center center no-repeat;overflow:hidden;margin-top:50px}
.rural-features span{font-size:24px;color:#fff;font-weight:bolder;line-height:100px}
.rural-features-le{float:left;padding-left:30px}
.rural-features-ri{float:right;padding-right:60px}
.rural-electricity-model{width:100%;height:auto;padding-top:60px;text-align:center}
.rural-electricity-model h2{font-size:48px;color:#333;line-height:80px}
.rural-electricity-model h2 em{font-weight:bolder;color:#23d998}
.rural-model-pic{width:100%;padding:30px 0}
.rural-model-features{width:100%;height:auto}
.rural-model-features ul{overflow:hidden}
.rural-model-features ul li{width:520px;height:150px;float:left;margin-left:40px;border-radius:24px;background-color:#12cb88;padding:0 15px;color:#fff;text-align:left;margin-top:30px}
.rural-model-features ul li:nth-child(odd){margin-left:30px}
.rural-model-features ul li b{font-size:20px;margin-top:30px}
.rural-model-features ul li i{font-size:16px;line-height:24px;margin-top:20px}
.rural-detail-plan{width:100%;height:auto;text-align:center;padding:60px 0 40px 0}
.rural-detail-plan a{display:inline-block;width:300px;height:80px;border-radius:6px;background-color:#12cb88;font-size:24px;color:#fff;line-height:80px}
/*商业o2o*/
.commercial-o2o-ban,.fresh-fruit-ban,.crobor-cle-ban{width:100%;height:500px;position:relative;overflow:hidden;text-align:center}
.commercial-o2o-ban a{width:201px;height:50px;background-color:#ffc600;position:absolute;left:50%;margin-left:-99px;bottom:76px;font-size:20px;color:#fff;line-height:50px;text-align:center;border-radius:6px;font-weight:bolder}
.o2o-prospects{width:100%;height:auto;text-align:center;padding-top:30px;padding-bottom:50px}
.o2o-prospects h2,.o2o-system h2{font-size:40px;color:#1e1e1e;font-weight:normal;padding:30px 0;background:url("../image/o2o-tit-bj.png") bottom center no-repeat}
.o2o-prospects h2 em,.o2o-system h2 em,.tpshop-o2o-advantage h2 em{color:#ffba00}
.o2o-prospects p,.o2o-system p,.tpshop-o2o-advantage p,.o2o-apply-direct p{font-size:18px;margin-top:30px;line-height:30px}
.o2o-prospects-con{margin-top:30px;overflow:hidden}
.o2o-prospects-con span{margin-left:90px;float:left}
.o2o-prospects-con span:first-child{margin-left:0}
.o2o-prospects-con span b{font-size:24px;color:#272727;margin-top:20px}
.o2o-prospects-con span i{font-size:18px;color:#525252;margin-top:10px}
.o2o-system{width:100%;height:auto;background-color:#f2f2f2;text-align:center;padding-top:30px}
.o2o-system-pic{width:100%;height:auto;padding:40px 0 60px 0}
.tpshop-o2o-advantage{width:100%;height:auto;text-align:center;padding-top:60px}
.tpshop-o2o-advantage h2{font-size:32px;color:#333}
.tpshop-o2o-advantage h2 em{font-weight:bolder}
.tpo2o-adv-con{width:100%;position:relative}
.tpo2o-adv-con span{position:absolute;text-align:left}
.tpo2o-adv-con span b{font-size:24px;color:#177cfe;font-weight:bolder}
.tpo2o-adv-con span i{font-size:16px;color:#333;margin-top:10px}
.tpo2o-adv1{left:100px;top:86px}
.tpo2o-adv2{right:100px;top:80px}
.tpo2o-adv3{left:90px;bottom:96px}
.tpo2o-adv4{right:40px;bottom:96px}
.o2o-apply-direct{width:100%;height:auto;margin-top:80px;text-align:center}
.o2o-apply-direct h3{font-size:32px;color:#373737;font-weight:normal}
.o2o-apply-direct p{color:#4b4b4b}
.o2o-appdir-con{width:100%;height:auto;background:url("../image/O2O-down-icon.png") top center no-repeat;margin-top:30px}
.o2o-appdir-con ul{overflow:hidden}
.o2o-appdir-con ul li{width:200px;height:auto;float:left;text-align:center;margin-top:40px}
.o2o-appdir-con ul li i{font-size:18px;color:#7b7b7b}
.o2o-detail-solveplan{width:100%;height:auto;padding:60px 0 40px 0}
.o2o-detail-solveplan a{display:inline-block;width:300px;height:80px;border-radius:6px;background-color:#ff4d4d;text-align:center;line-height:80px;font-size:24px;color:#fff}
/*连锁百货*/
.chain-trouble{width:100%;height:auto;text-align:center;padding:60px 0}
.chain-trouble h2,.chain-solve-crisis h2{font-size:36px;color:#333;font-weight:normal}
.chain-trouble h2 em,.chain-solve-crisis h2 em{color:#5217e9}
.chain-trouble p{font-size:18px;color:#666;line-height:30px;margin-top:20px}
.chain-trouble b{display:block;width:760px;height:48px;border-radius:24px;background-color:#5f33cd;margin:0 auto;margin-top:20px;font-size:20px;color:#fff;line-height:48px}
.chain-trouble-con{width:100%;padding:60px 0;position:relative}
.chain-trouble-con span{width:252px;position:absolute}
.chain-trouble-con span em{font-size:24px;color:#5f33cd}
.chain-trouble-con span i{font-size:14px;color:#666;text-align:justify;margin-top:10px}
.chain-tro1{left:135px;top:90px}
.chain-tro2{right:135px;top:90px}
.chain-tro3{left:155px;bottom:80px}
.chain-tro4{right:160px;bottom:90px}
.trouble-tips{width:900px;margin:0 auto;background-color:#5f33cd;color:#fff;font-size:20px;line-height:30px;padding:20px 0;border-radius:10px;position:relative}
.trouble-tips:before{content:'';position:absolute;width:0;height:0;border:15px solid;left:50%;margin-left:-15px;bottom:100%;border-bottom-color:#5f33cd}
.chain-solve-crisis{width:100%;height:auto;text-align:center;background-color:#f2f2f2;padding:60px 0}
.solve-crisis-methods{width:80%;margin-top:40px;overflow:hidden;padding:0 10%}
.methods-txt{width:620px;text-align:justify}
.methods-txt b{font-size:20px;color:#5f33cd;font-weight:bolder}
.methods-txt span{font-size:16px;color:#666;background:url("../image/crisis-txt-bj.png") no-repeat;background-position:0 7px;padding-left:20px;line-height:24px;margin-top:20px}
.methods-le{float:left}
.methods-ri{float:right}
.chain-tp-plan{width:100%;height:auto;padding-top:100px;padding-bottom:80px}
.chain-tpplan-con{width:100%}
.chain-tpplan-con ul{overflow:hidden}
.chain-tpplan-con ul li{width:253px;height:200px;float:left;margin-left:20px;text-align:center;padding:0 16px;margin-top:20px;color:#fff}
.chain-tpplan-con ul li:first-child{margin-left:0}
.chain-tpplan-con ul li:nth-child(5){margin-left:0}
.chain-tpplan-con ul li b{font-size:24px;font-weight:bolder;margin-top:40px}
.chain-tpplan-con ul li i{font-size:14px;line-height:24px;margin-top:20px}
.chain-tpplan1{background:url("../image/chain-tpplan1.png") center center no-repeat}
.chain-tpplan2{background:url("../image/chain-tpplan2.png") center center no-repeat}
.chain-tpplan3{background:url("../image/chain-tpplan3.png") center center no-repeat}
.chain-tpplan4{background:url("../image/chain-tpplan4.png") center center no-repeat}
.chain-tpplan5{background:url("../image/chain-tpplan5.png") center center no-repeat}
.chain-tpplan6{background:url("../image/chain-tpplan6.png") center center no-repeat}
.chain-tpplan-detail{width:100%;height:auto;margin-top:300px;text-align:center;position:relative}
.chain-tpplan-detail img{position:absolute;left:35%;top:-484px;z-index:-1}
.chain-tpplan-detail a{display:inline-block;width:420px;height:90px;background-color:#8c2edb;border-radius:10px;line-height:90px;color:#fff;font-size:24px;box-shadow:0 6px 12px 1px #d1abf1}
/*家居行业*/
.household-road{width:100%;height:auto;text-align:center;padding-top:100px}
.household-road h2,.tphousehold-solveplan h2{font-size:36px;color:#333}
.household-road-con{width:100%;padding:80px 0}
.household-road-con ul{overflow:hidden}
.household-road-con ul li{width:330px;height:auto;padding:0 15px;float:left;margin-left:60px}
.household-road-con ul li:first-child{margin-left:0}
.household-road-con ul li span{width:120px;height:120px;border-radius:10px;background-color:#f7f2c1;line-height:120px}
.household-road-con ul li span img{vertical-align:middle}
.household-road-con ul li b{font-size:22px;font-weight:bolder;color:#3bbd93;margin-top:15px}
.household-road-con ul li i{font-size:16px;color:#666;text-align:justify;line-height:24px;margin-top:10px}
.tp-household-adv{width:100%;height:auto;background:url("../image/household-adv-bj.png") center center no-repeat;text-align:center;padding:60px 0}
.tp-household-adv h2{font-size:36px;color:#fff}
.tp-household-adv p{font-size:20px;color:#fff;margin-top:20px}
.tphousehold-adv-con{width:100%;height:auto;margin-top:10px}
.tphousehold-adv-con ul{overflow:hidden;padding:0 15%}
.tphousehold-adv-con ul li{width:320px;height:210px;background-color:#fff;float:left;margin-left:120px;margin-top:50px;padding:0 20px}
.tphousehold-adv-con ul li:nth-child(odd){margin-left:0}
.tphousehold-adv-con ul li b{font-size:22px;color:#48ba95;font-weight:bolder;margin-top:40px}
.tphousehold-adv-con ul li i{font-size:18px;color:#666;line-height:30px;margin-top:20px}
.tphousehold-adv1{background:url("../image/household-adv-sbj1.png") center center no-repeat}
.tphousehold-adv2{background:url("../image/household-adv-sbj2.png") center center no-repeat}
.tphousehold-adv3{background:url("../image/household-adv-sbj3.png") center center no-repeat}
.tphousehold-adv4{background:url("../image/household-adv-sbj4.png") center center no-repeat}
.tphousehold-solveplan{width:100%;padding:60px 0;text-align:center}
.tphousehold-solveplan p{font-size:20px;color:#666;margin-top:20px}
.tphousehold-solveplan-con{width:100%;height:auto;margin-top:40px}
.tphousehold-solveplan-con ul{overflow:hidden}
.tphousehold-solveplan-con ul li{width:320px;padding:0 40px;height:auto;float:left}
.tphousehold-solveplan-con ul li i{font-size:16px;color:#333;margin-top:10px;line-height:30px;padding:0 10px;text-align:justify}
.tpho-plan-pic{width:100%;margin-top:100px}
.tpho-plan-pic h3{font-size:30px;color:#333}
.tpho-plan-pic div{margin-top:50px}
.tphousehold-plan-detail{width:100%;margin-top:100px}
.tphousehold-plan-detail a{display:inline-block;width:320px;height:76px;border-radius:38px;font-size:24px;color:#fff;font-weight:bolder;line-height:76px;background-color:#48ba95}
/*全渠道新零售*/
.newretail-intro{width:100%;height:auto;text-align:center;padding:60px 0}
.newretail-intro h2,.newretail-channel h2,.newretail-model h2{font-size:32px;color:#007cf0}
.newretail-intro h2 em,.newretail-channel h2 em{color:#333;font-size:30px}
.newretail-intro p,.newretail-channel p,.newretail-model p{font-size:20px;color:#666;margin-top:20px}
.newretail-feature{width:100%;height:auto;margin-top:40px}
.newretail-feature ul{overflow:hidden}
.newretail-feature ul li{width:240px;height:320px;float:left;color:#fff;position:relative}
.newretail-feature ul li span{width:100%;height:320px}
.newretail-feature ul li span img{margin-top:90px}
.newretail-feature ul li span b{font-size:26px;margin-top:30px}
.newretail-feature ul li em{width:200px;padding:0 20px;height:320px;position:absolute;top:0;left:0;display:none}
.newretail-feature ul li em img{margin-top:45px}
.newretail-feature ul li em b{font-size:26px;margin-top:20px}
.newretail-feature ul li em i{font-size:14px;margin-top:10px;line-height:24px}
.newretail-feature ul li:hover .feature-hov{display:block}
.nrfb1{background:url("../image/newretail-fea1.png") center center no-repeat}
.nrfb2{background:url("../image/newretail-fea2.png") center center no-repeat}
.nrfb3{background:url("../image/newretail-fea3.png") center center no-repeat}
.nrfb4{background:url("../image/newretail-fea4.png") center center no-repeat}
.nrfb5{background:url("../image/newretail-fea5.png") center center no-repeat}
.nrfhb1{background:url("../image/newretail-hovfea1.png") center center no-repeat}
.nrfhb2{background:url("../image/newretail-hovfea2.png") center center no-repeat}
.nrfhb3{background:url("../image/newretail-hovfea3.png") center center no-repeat}
.nrfhb4{background:url("../image/newretail-hovfea4.png") center center no-repeat}
.nrfhb5{background:url("../image/newretail-hovfea5.png") center center no-repeat}
.newretail-channel{width:100%;height:auto;text-align:center}
.retail-chan-con{width:100%;height:auto}
.retail-chan-con ul{overflow:hidden;padding-bottom:60px}
.retail-chan-con ul li{width:350px;height:140px;float:left;box-shadow:0 0 15px 2px #d1e4f3;margin-top:30px;margin-left:45px}
.retail-chan-con ul li:nth-child(1){margin-left:30px}
.retail-chan-con ul li:nth-child(4){margin-left:30px}
.retail-chan-con ul li:nth-child(7){margin-left:30px}
.retail-chan-con ul li span{width:70px;height:70px;background-color:#007cf0;border-radius:100%;line-height:70px;float:left;margin-left:30px;margin-top:35px}
.retail-chan-con ul li span img{vertical-align:middle}
.retail-chan-con ul li em{width:190px;margin-left:20px;float:left;margin-top:28px;text-align:left}
.retail-chan-con ul li em b{font-size:20px;color:#007cf0;font-weight:bold}
.retail-chan-con ul li em i{font-size:14px;color:#666;line-height:24px;text-align:justify;margin-top:10px}
.newretail-model{width:100%;height:auto;text-align:center;background:url("../image/newretail-modelbj.png") center center no-repeat;padding:80px 0 60px 0}
.newretail-modelpic{width:100%;margin-top:50px}
.newretail-consult{width:100%;height:auto;padding:100px 0 60px 0;text-align:center;color:#fff;background:#007cf0 url("../image/newretail-consultbj.png") center center no-repeat}
.newretail-consult h2{font-size:32px}
.newretail-consult p{font-size:24px;margin-top:20px}
.newretail-consultbtn{width:100%;height:auto;margin-top:40px}
.newretail-consultbtn a{width:150px;height:50px;background-color:#fff;font-size:22px;color:#007cf0;line-height:50px;display:inline-block}
/*母婴用品*/
.motherinfant-dividend{width:100%;height:auto;padding:80px 0 60px 0}
.motherinfant-dividend h2,.motherinfant-trouble h2,.motherinfant-system h2{font-size:36px;color:#fa386c;text-align:center}
.motherinfant-dividend p{font-size:20px;color:#666;text-indent:40px;line-height:30px;margin-top:30px}
.dividend-pic{width:100%;height:auto;text-align:center;margin-top:40px}
.motherinfant-trouble{width:100%;height:auto;padding:60px 0;background-color:#fbeaee}
.solvetrouble-con{width:100%;height:auto;margin-top:40px}
.solvetrouble-con ul{overflow:hidden}
.solvetrouble-con ul li{width:360px;height:auto;float:left;margin-left:60px}
.solvetrouble-con ul li:first-child{margin-left:0}
.solvetrouble-con ul li span{width:360px;height:280px;position:relative;text-align:center}
.solvetrouble-con ul li span em{width:100%;height:60px;line-height:60px;background-color:rgba(250,56,108,0.7);position:absolute;left:0;bottom:0;color:#fff;font-size:18px;font-weight:bolder}
.solvetrouble-con ul li i{padding:0 10px;font-size:16px;color:#333;line-height:30px;margin-top:10px;text-align:justify;text-indent:32px}
.motherinfant-system{width:100%;height:auto;text-align:center;padding:60px 0}
.motherinfant-system p{font-size:20px;margin-top:20px;color:#666}
.moinf-sys-pic{width:100%;height:auto;margin-top:50px}
.moinf-sys-pic p{width:820px;height:120px;background-color:#f34b79;margin:0 auto;margin-top:30px;padding:30px 30px 0;color:#fff;text-indent:36px;font-size:18px;text-align:justify;line-height:30px}
.moinf-detail{width:100%;height:auto;margin-top:60px}
.moinf-detail a{display:inline-block;width:220px;height:72px;background:url("../image/moinf-detailbj.png") center center no-repeat;font-size:20px;color:#fff;line-height:72px;font-weight:bolder}
/*生鲜水果*/
.fresh-fruit-ban a{width:180px;height:48px;border-radius:24px;background-color:#00bd1f;font-size:24px;color:#fff;text-align:center;line-height:48px;position:absolute;left:50%;margin-left:-90px;bottom:100px}
.fresh-fruit-statusquo{width:100%;height:auto;padding:80px 0 100px 0;text-align:center}
.fresh-fruit-statusquo h2,.fruit-opportunity h2,.fruit-progrom-process h2{font-size:36px;color:#00bd1f}
.fresh-fruit-statusquo p,.fruit-opportunity p,.fruit-progrom-process p{font-size:20px;color:#666;text-transform:uppercase;background:url("../image/fruit-titbj.png") center center no-repeat;margin-top:20px}
.fruit-statusquo-feature{width:100%;height:auto;margin-top:40px}
.fruit-statusquo-feature ul{overflow:hidden}
.fruit-statusquo-feature ul li{width:240px;height:170px;float:left}
.fruit-fea1{background:url("../image/fruit-feabj1.png") center center no-repeat}
.fruit-fea2{background:url("../image/fruit-feabj2.png") center center no-repeat}
.fruit-fea3{background:url("../image/fruit-feabj3.png") center center no-repeat}
.fruit-fea4{background:url("../image/fruit-feabj4.png") center center no-repeat}
.fruit-fea5{background:url("../image/fruit-feabj5.png") center center no-repeat}
.fruit-statusquo-feature ul li img{margin-top:25px}
.fruit-statusquo-feature ul li span{width:80px;color:#fff;font-size:18px;line-height:24px;margin-top:10px;font-weight:bold}
.fruit-trouble{width:100%;height:230px;margin-top:80px;background:-webkit-linear-gradient(left,red,blue,red);background:-o-linear-gradient(right,red,blue,red);background:-moz-linear-gradient(right,red,blue,red);background:linear-gradient(to right,#333,#4d4d4d,#333);position:relative}
.fruit-trouble span{width:30%}
.fruit-trouble span b{font-size:30px;color:#eb2b2b;margin-top:20px}
.fruit-trouble span i{font-size:20px;color:#fff;line-height:36px;margin-top:10px}
.fruit-trole{float:left;text-align:right}
.fruit-trori{float:right;text-align:left}
.fruit-trouble img{position:absolute;top:-30px;left:50%;margin-left:-200px}
.fruit-opportunity{width:100%;height:auto;padding:60px 0;background-color:#ececec;text-align:center}
.fruit-busin-con{width:100%;height:auto;margin-top:50px}
.fruit-busin-con ul{overflow:hidden}
.fruit-busin-con ul li{width:400px;height:auto;float:left}
.fruit-busin-con ul li b{font-size:20px;color:#333;font-weight:bold;margin-top:10px}
.fruit-busin-con ul li i{font-size:16px;color:#666;margin-top:10px}
.fruit-busin-con span{width:810px;height:60px;background-color:#00bd1f;color:#fff;font-size:24px;line-height:60px;border-radius:4px;margin-top:40px}
.fruit-progrom-process{width:100%;height:auto;padding:60px 0 80px 0;text-align:center}
.fruit-process-con{width:100%;height:auto;margin-top:50px}
.fruit-process-con ul{overflow:hidden;padding:0 120px;background:url("../image/fruit-processbj.png") center center no-repeat}
.fruit-process-con ul li{width:240px;height:auto;float:left;margin-top:100px;font-size:20px;color:#333}
.fruit-process-con ul li span{width:120px;height:120px;background-color:#00bd1f;border-radius:8px;line-height:120px}
.fruit-process-con ul li span img{vertical-align:middle}
.fruit-process-con ul li b{margin-bottom:10px}
.fruit-process-con ul li em{margin-top:10px}
.fruit-plan-steps{margin-top:100px}
.fruit-detail{width:100%;height:auto;margin-top:120px}
.fruit-detail a{display:inline-block;width:300px;height:80px;background-color:#00bd1f;font-size:24px;color:#fff;line-height:80px;border-radius:8px;box-shadow:0 6px 15px 1px #b6e4c3}
/*跨境电商*/
.crobor-cle-ban a{width:260px;height:48px;background-color:#ffc80a;border-radius:5px;color:#fff;font-size:24px;line-height:48px;position:absolute;left:50%;margin-left:-130px;bottom:80px}
.crobor-trouble{width:100%;height:auto;text-align:center;padding:60px 0}
.crobor-trouble h2,.crobor-steps h2,.crobor-choose-tp h2{font-size:36px;font-weight:normal;color:#2c2c2c}
.crobor-trouble h2 em,.crobor-steps h2 em,.crobor-choose-tp h2 em{color:#ff4d4d;font-size:36px}
.crobor-trouble p{font-size:20px;color:#666;line-height:30px;margin-top:20px}
.crobor-trouble b{display:block;margin:0 auto;width:810px;height:48px;background-color:#ff4d4d;border-radius:24px;color:#fff;font-size:20px;line-height:48px;margin-top:30px}
.crobor-trouble-con{width:100%;height:auto;position:relative;margin-top:60px}
.crobor-trouble-con span{width:270px;height:auto;position:absolute}
.crobor-trouble-con span em{font-size:24px}
.crobor-trouble-con span i{font-size:14px;color:#858585;line-height:20px;margin-top:10px;text-align:justify;padding:0 8px}
.crobor-tro1{top:15px;left:120px}
.crobor-tro2{top:20px;right:125px}
.crobor-tro3{bottom:20px;left:162px}
.crobor-tro4{bottom:35px;right:150px}
.crobor-tro1 em{color:#ff4d4d}
.crobor-tro2 em{color:#ff3fb4}
.crobor-tro3 em{color:#4da5ff}
.crobor-tro4 em{color:#ffb401}
.crobor-steps{width:100%;height:auto;padding:60px 0 80px 0;text-align:center;background:#f3f3f3 url("../image/crobor-stepsbj.png") center center no-repeat}
.crobor-steps-con{width:100%;height:auto}
.steps-details{overflow:hidden;background:url("../image/crobor-processbj.png") no-repeat;background-position:172px 45px;margin-top:60px}
.steps-details li{width:240px;height:auto;float:left}
.steps-details li:nth-child(odd){background:url("../image/crobor-stepsbj1.png") top center no-repeat}
.steps-details li:nth-child(even){background:url("../image/crobor-stepsbj2.png") top center no-repeat}
.steps-details li img{margin-top:30px}
.steps-details li b{font-size:20px;color:#333;margin-top:40px}
.steps-details li i{font-size:16px;color:#808080;line-height:30px}
.steps-pic{overflow:hidden;margin-top:70px}
.steps-pic li{width:160px;height:190px;float:left;margin-left:48px;color:#fff}
.steps-pic li:first-child{margin-left:0}
.steps-pic li b{font-size:20px;margin-top:66px}
.steps-pic li i{font-size:16px;margin-top:15px}
.steps-pic1{background:url("../image/crobor-picbj1.png") center center no-repeat}
.steps-pic2{background:url("../image/crobor-picbj2.png") center center no-repeat}
.steps-pic3{background:url("../image/crobor-picbj3.png") center center no-repeat}
.steps-pic4{background:url("../image/crobor-picbj4.png") center center no-repeat}
.steps-pic5{background:url("../image/crobor-picbj5.png") center center no-repeat}
.steps-pic6{background:url("../image/crobor-picbj6.png") center center no-repeat}
.crobor-choose-tp{width:100%;height:auto;padding:60px 0 80px 0;text-align:center}
.raise-for-tp{width:100%;height:auto;margin-top:20px}
.raise-for-tp ul{overflow:hidden}
.raise-for-tp ul li{width:270px;height:192px;background-color:#f3f3f3;border-radius:5px;float:left;margin-left:40px;margin-top:40px}
.raise-for-tp ul li:first-child,.raise-for-tp ul li:nth-child(5){margin-left:0}
.raise-for-tp ul li img{margin-top:40px}
.raise-for-tp ul li span{font-size:20px;color:#434343;margin-top:10px}
.crobor-dedails{width:100%;height:auto;margin-top:80px}
.crobor-dedails a{display:inline-block;width:300px;height:80px;background-color:#ff4d4d;border-radius:5px;box-shadow:0 6px 15px 1px #ffc9c9;font-size:24px;color:#fff;line-height:80px}
/*服装鞋包*/
.clothing-trouble{width:100%;height:auto;text-align:center;padding:60px 0 80px 0}
.clothing-trouble h2,.clothing-function h2,.clothing-solve-plan h2{font-size:36px;color:#333;font-weight:normal}
.clothing-trouble h2 em,.clothing-function h2 em,.clothing-solve-plan h2 em{font-size:36px;color:#101edf;font-weight:bold}
.clothing-trouble p,.clothing-function p{font-size:20px;color:#666;margin-top:20px;line-height:30px}
.clothing-pain{width:100%;height:auto;margin-top:20px;position:relative}
.clothing-pain span{width:256px;height:auto;font-size:16px;color:#fff;line-height:28px;position:absolute;text-align:justify}
.clothing-pain1{left:145px;top:50px}
.clothing-pain2{right:145px;top:60px}
.clothing-pain3{left:155px;bottom:80px}
.clothing-pain4{right:160px;bottom:80px}
.clothing-trouble b{display:block;width:800px;background-color:#767ffc;color:#fff;font-size:20px;text-indent:40px;margin:0 auto;margin-top:30px;padding:30px 50px;line-height:36px;text-align:justify;position:relative;box-shadow:0 12px 40px 1px #d4d7fd}
.clothing-trouble b:before{content:'';position:absolute;width:0;height:0;border:20px solid;left:50%;margin-left:-20px;bottom:100%;border-bottom-color:#767ffc}
.clothing-function{width:100%;height:auto;padding:60px 0 80px 0;background-color:#f3f3f3;text-align:center}
.cloth-fun-con{width:100%;height:auto;margin-top:20px}
.cloth-fun-con ul{overflow:hidden;padding:0 90px}
.cloth-fun-con ul li{width:320px;height:200px;float:left;margin-left:30px;margin-top:30px;box-sizing:border-box;border:5px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(#f3f3f3,#f3f3f3),linear-gradient(#2986f9,#313ee3)}
.cloth-fun-con ul li:first-child,.cloth-fun-con ul li:nth-child(4),.cloth-fun-con ul li:nth-child(7){margin-left:0}
.cloth-fun-con ul li:nth-child(5){background:url("../image/clothing-pic.png") center center no-repeat}
.cloth-fun-con ul li a{width:100%;height:100%;cursor:text}
.cloth-fun-con ul li span{color:#4752e9;font-size:24px;margin-top:20px}
.cloth-fun-con ul li b{font-size:18px;color:#333;margin-top:10px}
.cloth-fun-con ul li i{font-size:14px;color:#4d4d4d;text-align:justify;line-height:24px;padding:8px 15px 0;font-family:Microsoft Yahei}
.cloth-fun-con ul li em{font-size:28px;color:#fff;margin-top:60px;line-height:42px}
.cloth-fun1 a{background:url("../image/clothing-funbj1.png") center center no-repeat}
.cloth-fun2 a{background:url("../image/clothing-funbj2.png") center center no-repeat}
.cloth-fun3 a{background:url("../image/clothing-funbj3.png") center center no-repeat}
.cloth-fun4 a{background:url("../image/clothing-funbj4.png") center center no-repeat}
.cloth-fun5 a{background:url("../image/clothing-funbj5.png") center center no-repeat}
.cloth-fun6 a{background:url("../image/clothing-funbj6.png") center center no-repeat}
.cloth-fun7 a{background:url("../image/clothing-funbj7.png") center center no-repeat}
.cloth-fun8 a{background:url("../image/clothing-funbj8.png") center center no-repeat}
.clothing-solve-plan{width:100%;height:auto;text-align:center;padding:60px 0 80px 0}
.clothing-plan-con{width:100%;height:auto;margin-top:20px}
.clothing-plan-con ul{overflow:hidden;padding-bottom:30px}
.clothing-plan-con ul li{width:980px;height:170px;border-radius:20px;box-shadow:0 8px 28px 1px #d4d7fd;margin-top:50px;text-align:justify;position:relative}
.clothing-plan-con ul li span{width:190px;height:190px;background-color:#767ffc;border-radius:100%;position:absolute;top:-10px;text-align:center;line-height:190px}
.clothing-plan-con ul li span img{vertical-align:middle}
.clothing-plan-con ul li em{width:810px}
.clothing-plan-con ul li em b{font-size:24px;color:#333;margin-top:30px}
.clothing-plan-con ul li em i{font-size:18px;color:#4b4b4b;line-height:30px;margin-top:15px}
.clothing-plan-con ul li:nth-child(odd){float:left;margin-left:160px}
.clothing-plan-con ul li:nth-child(odd) em{margin-left:120px}
.clothing-plan-con ul li:nth-child(odd) span{left:-100px}
.clothing-plan-con ul li:nth-child(even){float:right;margin-right:160px}
.clothing-plan-con ul li:nth-child(even) em{text-align:right;margin-left:50px}
.clothing-plan-con ul li:nth-child(even) span{right:-100px}
.clothing-detail-btn{width:100%;height:auto;margin-top:50px}
.clothing-detail-btn a{display:inline-block;width:300px;height:90px;border-radius:8px;font-size:30px;font-weight:bold;line-height:90px;color:#fff;box-shadow:0 12px 40px 1px #d4d7fd;background:-webkit-linear-gradient(#767ffc,#505aef);background:-o-linear-gradient(r#767ffced,#505aef);background:-moz-linear-gradient(#767ffc,#505aef);background:linear-gradient(#767ffc,#505aef)}
/*汽车配件*/
.carparts-challenge{width:100%;height:auto;padding:60px 0 80px 0}
.carparts-challenge h2,.carparts-slove-plan h2{font-size:40px;color:#333;text-align:center}
.car-chal-con{width:100%;height:auto;margin-top:40px;overflow:hidden}
.car-chal-con span{width:100%;height:140px;color:#333;display:block;margin-top:10px}
.car-challe span:first-child,.car-chalri span:first-child{margin-top:0}
.car-challe{width:40%;height:auto;float:left;text-align:right}
.car-challe span img{float:right}
.car-challe span em{float:right;margin-right:20px}
.car-challe span em b,.car-chalri span em b{font-size:22px;font-weight:bold;margin-top:30px}
.car-challe span em i,.car-chalri span em i{font-size:16px;line-height:24px;margin-top:10px}
.car-chalmi{width:180px;height:auto;float:left;margin:0 30px;padding:0}
.car-chalmi img{float:left}
.car-chalri{width:40%;height:auto;float:left;text-align:left}
.car-chalri span img{float:left}
.car-chalri span em{float:left;margin-left:20px}
.car-parts-model{width:100%;height:auto;padding:60px 0 80px 0;background-color:#2b363d;text-align:center;color:#fff}
.car-parts-model h2{font-size:40px}
.car-parts-model p{font-size:20px;line-height:30px;margin-top:30px}
.car-model-pic{margin-top:50px}
.carparts-slove-plan{width:100%;height:auto;padding:60px 0;text-align:center}
.carparts-slove-plan p{font-size:20px;color:#666;line-height:30px;margin-top:30px}
.car-plan-con{width:100%;height:auto;margin-top:30px;text-align:justify}
.car-plan-con div{border-bottom:1px solid #c7c7c7}
.car-plan-con b{font-size:22px;color:#333;font-weight:bold}
.car-plan-con i{font-size:14px;color:#666;line-height:24px;text-indent:28px}
.carparts-plan1,.carparts-plan2{width:90%;height:auto;padding:50px 5%;overflow:hidden}
.carparts-plan1 span{float:left;width:500px}
.carparts-plan1 span i{margin-top:20px}
.carparts-plan1 img{float:right}
.carparts-plan2 span{float:right;width:450px}
.carparts-plan2 span b{margin-top:50px}
.carparts-plan2 span i{margin-top:20px}
.carparts-plan2 img{float:left}
.carparts-plan3,.carparts-plan4{text-align:center;padding:50px 0}
.carparts-plan3 i,.carparts-plan4 i{margin:30px 0}
.carparts-plan4{border:none!important}
.car-parts-detail{width:100%;height:350px;background:url("../image/carparts-botbj.png") center center no-repeat;text-align:center}
.car-parts-detail span{font-size:32px;margin-top:100px;color:#fff}
.car-parts-detail a{display:inline-block;width:220px;height:66px;background-color:#fff;border-radius:8px;line-height:66px;font-size:30px;color:#31383d;font-weight:bold;margin-top:40px}
/*官网首页*/
.tpshop-system,.industry-solutions,.tp-system-framework,.tp-brand-advantage,.tpshop-case{width:100%;height:auto;text-align:center;overflow:hidden}
.tpshop-system h2,.industry-solutions h2,.tp-system-framework h2,.tp-brand-advantage h2,.tpshop-case h2{font-size:36px;color:#333;margin-top:80px;font-family:"苹方 粗体"}
.tpshop-system p,.industry-solutions p,.tp-system-framework p,.tp-brand-advantage p,.tpshop-case p{font-size:18px;color:#666;margin-top:30px}
.tpshop-system{padding-bottom:130px}
.tpshop-system-item{width:100%;height:auto;padding-top:100px}
.tpshop-system-item ul li{width:298px;height:450px;float:left;border:1px solid #e7e7e7;position:relative}
.tpsys-item-model{width:100%;height:100%;color:#333}
.tpsys-item-model span{width:80%;padding:36px 0;border-bottom:1px solid #e7e7e7}
.tpsys-item-model span b{font-size:20px;margin-top:14px;font-family:"苹方 粗体"}
.tpsys-item-model em{margin-top:30px}
.tpsys-item-model em i{font-size:18px;line-height:48px}
.tpshop-system-item ul li.ac .tpsys-item-detial{display:block;z-index:2}
.tpsys-item-detial{width:398px;height:550px;position:absolute;left:-50px;top:-50px;border:1px solid #91c9ff;box-shadow:0 0 20px 1px #cfe2f4;background-color:#fff;display:none}
.tpsys-item-detial span{width:100%;height:110px;background:#1e8ffd;padding:20px 0}
.tpsys-item-detial span b{font-size:20px;margin-top:10px;font-family:"苹方 粗体";color:#fff}
.tpsys-item-detial em{width:100%;height:450px}
.tpsys-item-detial em i{width:85%;height:60px;border-bottom:1px dashed #dcdcdc;padding:20px 0}
.tpsys-item-detial em i:last-child{border:none}
.tpsys-item-detial em i p{line-height:24px;color:#999;font-size:14px;overflow:hidden;margin-top:0!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}
.tpsys-item-detial em i p b{font-size:18px;color:#333;float:left}
.tpsys-item-detial em i p a{font-size:14px;color:#1e8ffd;float:right}
.industry-solutions{background-color:#f2f3f4}
.solutions-display{width:100%;height:auto;margin-top:30px}
.solutions-display ul{overflow:hidden}
.solutions-display ul li{width:232px;height:340px;margin-left:10px;float:left;position:relative}
.solutions-display ul li:first-child{margin-left:0}
.solutions-display ul li span{width:100%;height:100%;position:relative}
.solutions-display ul li span b{width:232px;height:60px;background-color:#555;position:absolute;left:0;bottom:0;font-size:18px;color:#fff;line-height:60px}
.solutions-display ul li em{width:100%;height:100%;background-color:rgba(51,51,51,0.9);color:#fff;position:absolute;left:0;top:0;display:none}
.solutions-display ul li em b{font-size:18px;margin-top:60px}
.solutions-display ul li em i{font-size:14px;line-height:24px;padding:30px}
.solutions-display ul li em a{width:110px;height:36px;border:1px solid #fff;font-size:14px;line-height:36px;color:#fff;display:inline-block}
.solutions-display ul li em a:hover{background-color:#fff;color:#333}
.solutions-display ul li:hover .solution-name{display:none}
.solutions-display ul li:hover .display-item{display:block}
.more-solutions{width:100%;height:auto}
.more-solutions a{width:200px;height:60px;font-size:20px;color:#333;border:1px solid #999;line-height:60px;margin:70px 0;display:inline-block}
.more-solutions a:hover{background-color:#4a4a4a;color:#fff}
.tp-system-framework{background-color:#4a4a4a}
.tp-system-framework h2,.tp-system-framework p{color:#fff}
.system-framework-img{width:100%;margin:40px 0 80px}
.tp-brand-advantage{padding-bottom:80px}
.brand-adv-items{width:100%;height:auto;margin-top:60px}
.brand-adv-items ul{overflow:hidden}
.brand-adv-items ul li{width:25%;height:auto;float:left;color:#333;font-family:"苹方 粗体"}
.brand-adv-items ul li b{font-size:20px;margin-top:20px}
.brand-adv-items ul li em{margin-top:10px;text-align:left}
.brand-adv-items ul li em i{font-size:14px;padding-left:14px;line-height:24px;background:url("../images/brand-advantage-dec.png") left center no-repeat}
.tpshop-case{background-color:#f2f3f4}
.tpshop-case-item{width:100%;margin-top:15px}
.tpshop-case-item ul{overflow:hidden;padding-bottom:50px}
.tpshop-case-item ul li{width:218px;height:200px;border-radius:5px;border:1px solid #e7e7e7;float:left;margin:0 10px;background-color:#fff;text-align:center;margin-top:30px}
.tpshop-case-item ul li a{width:100%;height:100%}
.tpshop-case-item ul li a img{margin-top:10px}
.tpshop-case-item ul li a span{font-size:14px;color:#666;line-height:24px;padding:0 25px;margin-top:0px}
.tpshop-case-item ul li:hover{box-shadow:0 0 15px 2px #ced3d8}
.more-tpshop-case{width:100%;height:auto}
.more-tpshop-case a{width:200px;height:60px;border:1px solid #ff3838;font-size:20px;color:#ff3838;line-height:60px;margin-bottom:60px;display:inline-block}
.more-tpshop-case a:hover{background-color:#ff3838;color:#fff}
.join-tpshop{width:100%;height:280px;background:url("../images/join-tpshop-bj.png") center center no-repeat;background-size:cover;text-align:center;overflow:hidden}
.join-tpshop h3{font-size:30px;font-family:"苹方 粗体";margin-top:70px;color:#fff}
.join-tpshop a{width:160px;height:50px;background-color:#fff;color:#186cf2;line-height:50px;font-size:24px;margin-top:40px;display:inline-block}
/*开源小程序*/
.banner-routine{width:100%;height:500px;text-align:center;overflow:hidden;position:relative}
.banner-routine img{display:block;width:100%;height:100%;object-fit:cover}
.banner-routine a{position:absolute;width:220px;height:60px;display:inline-block;left:50%;margin-left:-102px;bottom:100px;background:url("../image/make-applet.png") center center no-repeat;background-size:cover}
.solve-routine,.industry-routine{width:100%;text-align:center}
.solve-routine h2,.industry-routine h2,.applet-exmp h2{font-size:36px;color:#333;line-height:76px;padding-top:50px;font-weight:normal}
.solve-routine h2 span,.industry-routine h2 span{color:#04c55a;margin-left:10px}
.solve-routine .des,.industry-routine .des,.applet-exmp .des{font-size:20px;color:#525252;line-height:36px;padding-bottom:25px}
.solve-routine-con{width:100%}
.solve-routine-con ul{overflow:hidden}
.solve-routine-con ul li{width:390px;height:230px;float:left;color:#fff;position:relative;text-align:center;margin-left:15px;margin-top:20px}
.solve-routine-con ul li:nth-child(3n-2){margin-left:0}
.solve-routine-con ul li span{font-size:30px;position:absolute;top:80px;left:0;display:block;width:100%;z-index:6}
.solve-routine-con ul li .cover{width:100%;height:100%;position:absolute;left:0;top:0;background:-webkit-linear-gradient(rgba(16,201,220,0.6),rgba(52,168,248,0.6));z-index:5;opacity:0;transition:all 0.5s}
.solve-routine-con ul li .cover em{margin-top:142px;font-size:16px}
.solve-routine-con ul li:hover .cover{opacity:1}
.applet-exmp{width:100%;height:790px;margin-top:60px;background:url("../image/exmpbj.png") center center no-repeat;background-size:cover;text-align:center}
.exmp-con{width:1200px;margin:40px auto 0;overflow:hidden}
.exmp-name{padding:0 40px;float:left;border-right:1px solid #fff}
.exmp-name ul li{height:66px;color:#fff;line-height:66px;padding:0 24px;cursor:pointer}
.exmp-name ul li img{vertical-align:middle;margin-top:-4px;width:36px;height:36px}
.exmp-name ul li em{margin-left:20px;font-size:18px}
.cur-exmp{background:linear-gradient(to bottom,#10c9dc,#34a8f8)}
.exmp-name ul li:hover{background:linear-gradient(to bottom,#10c9dc,#34a8f8)}
.exmp-list{float:right;padding-right:30px;display:none}
.exmp-list .textcon{color:#fff;font-size:16px;vertical-align:top;text-align:left;margin-right:80px;min-width:520px}
.exmp-list .textcon b{font-size:24px;font-weight:bold;display:block;margin-top:100px}
.exmp-list .textcon em{line-height:30px;margin:40px 0 60px;display:block}
.exmp-list .textcon a{display:inline-block;width:120px;height:44px;line-height:44px;text-align:center;color:#fff;border-radius:6px;border:1px solid #fff}
.industry-routine-con{width:100%;height:auto}
.industry-routine-con ul{overflow:hidden;padding-top:25px}
.industry-routine-con ul li{width:290px;height:420px;float:left;margin-left:13px;position:relative}
.industry-routine-con ul li:first-child{margin-left:0}
.industry-routine-con ul li span{width:100%;height:100%;position:absolute;left:0;top:0;color:#fff}
.industry-routine-con ul li span b{font-size:30px;margin:70px 0 40px}
.industry-routine-con ul li span em{font-size:20px;line-height:36px}
.advantage-routine{text-align:center}
.advantage-routine .title{font-size:36px;color:#333;line-height:76px;padding-top:50px}
.advantage-routine .title>span{color:#04c55a;vertical-align:top;margin-left:10px}
.advantage-routine .des{font-size:20px;color:#525252;line-height:36px;padding-bottom:25px}
.advantage-routine .cont{display:inline-block;padding:0 50px;color:#fff;font-size:20px;line-height:46px;background-color:#1cb661;border-radius:23px;font-family:"苹方 粗体"}
.advantage-routine-pic{padding:66px 0 80px}
.solution-routine{text-align:center;background-color:#22b363}
.solution-routine .title{font-size:36px;color:#fff;line-height:116px;padding-top:34px}
.solution-routine .title>span{color:#ffea00;vertical-align:top}
.solution-routine-pic{padding-bottom:40px}
.get-routine{text-align:center;color:#333}
.get-routine .title{padding-top:55px;line-height:86px;font-size:36px}
.get-routine .title>span{color:#04c55a;vertical-align:top}
.get-routine .des{font-size:20px;line-height:1;padding-bottom:50px}
.get-routine .des>span{color:#eb6900;vertical-align:top}
.get-routine .cont{padding-top:44px;line-height:100px;font-size:30px}
.get-routine .cont>span{color:#10bd5d;vertical-align:top}
.get-routine .tips-btn{width:188px;line-height:32px;font-size:18px;border:1px solid #333;margin:0 auto}
.get-routine .btns-wrap{padding:40px 0 80px}
.get-routine .btns-wrap>a{display:inline-block;width:300px;line-height:60px;font-size:22px;color:#fff;border-radius:10px;margin:0 30px}
.get-routine .kown-more-btn{background-color:#22b363}
.get-routine .get-btn{background-color:#f57900}
/*IM系统*/
.im-sysban{width:100%;height:500px;position:relative;overflow:hidden}
.im-sysban a{width:130px;height:48px;border:1px solid #fff;color:#fff;font-size:18px;line-height:48px;text-align:center;position:absolute;left:25%;bottom:120px}
.im-sysfun,.im-platform,.im-sysadvan,.im-sysfeature{width:100%;height:auto;text-align:center;padding:90px 0}
.im-sysfun h3,.im-platform h3,.im-sysadvan h3,.im-sysfeature h3{font-size:36px;color:#2c2c2c;font-weight:normal}
.im-sysfun p,.im-platform p,.im-sysadvan p,.im-sysfeature p{font-size:16px;color:#525252;margin-top:30px}
.sysfun-tit{width:100%;margin-top:50px;line-height:50px}
.sysfun-tit ul{overflow:hidden;padding:0 10%}
.sysfun-tit ul li{width:25%;float:left;font-size:18px;color:#333;position:relative;cursor:pointer}
.im-cur{color:#5644f1!important}
.im-cur::after{content:"";display:block;width:50px;height:3px;background-color:#5644f1;margin-left:38%}
.sysfun-con{width:100%;margin-top:30px;text-align:center}
.sysfun-con ul{overflow:hidden}
.sysfun-con ul li{width:100%;display:none;position:relative;text-align:center}
.sysfun-con ul li:first-child{display:block}
.sysfun-con ul li a{width:140px;height:48px;border-radius:24px;background-color:#5644f1;position:absolute;left:12%;bottom:30px;color:#fff;line-height:48px}
.im-platform{background-color:#f1f5fe}
.im-platform-con{width:100%;margin-top:50px}
.im-platform-con ul{overflow:hidden}
.im-platform-con ul li{width:292.5px;height:234px;margin-left:10px;float:left}
.im-platform-con ul li img{vertical-align:top}
.im-platform-con ul li span{width:100%;height:44px;background-color:#5644F1;color:#fff;line-height:44px;font-size:18px}
.im-platform-con ul li:first-child{margin-left:0}
.im-sysadvan-con{width:100%;margin-top:60px}
.im-sysfeature{background-color:#f1f5fe}
.im-sysfeature-con{width:100%}
.im-sysfeature-con ul{overflow:hidden}
.im-sysfeature-con ul li{width:20%;padding:60px 2.5% 0;float:left}
.im-sysfeature-con ul li b{font-size:18px;color:#333;margin-top:24px;font-family:"苹方 中等"}
.im-sysfeature-con ul li i{font-size:14px;color:#666;margin-top:14px}
.im-trial{width:100%;height:260px;background:url("../image/im-trialbj.png") center center no-repeat;text-align:center;color:#fff}
.im-trial span{font-size:30px;font-family:"苹方 粗体";margin-top:80px}
.im-trial a{width:180px;height:54px;border:1px solid #fff;line-height:54px;margin-top:30px;color:#fff;font-size:24px;display:inline-block}