@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;}
.household-road h2,.tphousehold-solveplan h2{ font-size:36px; color:#333;}
.household-road-con{ width:100%; padding:35px 0 60px;}
.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;display:inline-block !important;}
.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;display:inline-block !important;}
.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;padding:0px;font-weight:bold;color:#ffffff;}
.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;display:inline-block !important;}
.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;display:inline-block !important;}
.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:hover .tpsys-item-detial{ display:block; z-index:2;} */
.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(../image/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:150px; 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:20px;}
.tpshop-case-item ul li a span{ font-size:14px; color:#666; line-height:24px; padding:0 25px; margin-top:10px;}
.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(../image/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:860px;  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;display:inline-block;}
.exmp-name ul li em{ margin-left:20px; font-size:18px;}
.exmp-list img{display:inline-block;}
#exmp-showlist{float:right;width:930px;height:auto;overflow:hidden;}
.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; 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;}
