/*独立模块*/ .mod-product-head{ height: 400px; color: #fff; margin-bottom: 118px;} .mod-product-head .container{ position: relative; } .mod-product-head .img{ width: 544px; height: 567px; float: left;margin-top: 20px;position:absolute;background-size: 80%; background-repeat: no-repeat; background-position: center top; } .mod-product-head .text{ width: 600px; float: right; padding-top: 89px;} .mod-product-head .text .pic{ width: 600px; height: 160px; margin-bottom: 40px;} .mod-product-head .text .sub{ background: rgba(255,255,255,.5); font-size: 16px; color: rgba(0,0,0,.5) } .mod-list-2-p20{ margin-right: -20px; } .mod-list-2-p20 li{ float: left; width: 585px; margin: 0 20px 20px 0; } .mod-list-3-p15{ margin-right: -15px; } .mod-list-3-p15 li{ float: left; width: 390px; margin: 0 15px 15px 0; } .mod-list-3-p20{ margin-right: -20px; } .mod-list-3-p20 li{ float: left; width: 386px; margin: 0 20px 20px 0; } .mod-list-3-p30{ margin-right: -30px; } .mod-list-3-p30 li{ float: left; width: 380px; margin: 0 30px 30px 0; } .mod-list-4-p13{ margin-right: -13px; overflow: hidden; } .mod-list-4-p13 li{ float: left; width: 290px; margin-right: 13px; margin-bottom: 13px; } .mod-list-4-p20{ margin-right: -20px; overflow: hidden; } .mod-list-4-p20 li{ float: left; width: 285px; margin-right: 20px; margin-bottom: 20px; } .mod-list-4-p25{ margin-right: -28px; overflow: hidden; } .mod-list-4-p25 li{ float: left; width: 282px; margin-right: 25px; margin-bottom: 25px; } .mod-list-5-p20{ margin-right: -20px; overflow: hidden; } .mod-list-5-p20 li{ float: left; width: 220px; margin-right: 20px; margin-bottom: 20px; } .mod-list-5-p35{ margin-right: -35px; overflow: hidden; } .mod-list-5-p35 li{ float: left; width: 209px; margin-right: 35px; margin-bottom: 35px; } .mod-list-4-line li{ float: left; width: 299px; border: 1px solid #E4E4E4; margin: 0 -1px -1px 0; } .mod-list-6-line li{ float: left; width: 198px; border: 1px solid #E4E4E4; margin: 0 -1px -1px 0; } .mod-product-slide{ height: 609px; padding-top: 74px; background: #0F77FD; color: #fff;} .mod-product-slide .hd{ float: right; width: 575px; } .mod-product-slide .hd h2{ font-size: 36px; margin-bottom: 62px;} .mod-product-slide .hd ul{ overflow: hidden; margin-bottom: 22px;} .mod-product-slide .hd li{ float: left; cursor: pointer; width: 100px; height: 100px; margin: 0 22px 20px 0; text-align: center; font-size: 14px; border-radius: 5px; } .mod-product-slide .hd li.on{ background: #fff; color: #1573fb; } .mod-product-slide .hd li i{ width: 39px; height: 41px; display: block; margin: 16px auto 10px; } .mod-product-slide .hd .qrcode{ text-align: center; font-size: 14px; width: 137px; } .mod-product-slide .hd .qrcode .img{ width: 137px; height: 137px; margin-bottom: 15px; } .mod-product-slide .bd{ width: 456px; float: left; margin-left: 43px; height: 540px; position: relative;} .mod-product-slide .bd ul{ margin-left: 101px; } .mod-product-slide .bd li{ width: 289px; height: 541px; background: url(../images/common/mobile.png) no-repeat; } .mod-product-slide .bd .prev, .mod-product-slide .bd .next{ width: 38px; height: 38px; transition: all .2s; border: 1px solid #fff; border-radius: 100%; position: absolute; top: 50%; margin-top: -20px;} .mod-product-slide .bd .next{ right: 0; } .mod-product-slide .bd .prev:after, .mod-product-slide .bd .next:after{ content: ""; position: absolute; margin: -5px 0 0 -7px; left: 50%; top: 50%; width: 8px; height: 8px; border: 1px solid #fff; border-color: transparent #fff #fff transparent; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .mod-product-slide .bd .prev:after{ -ms-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); transform: rotate(-225deg); margin: -5px 0 0 -2px;} .mod-product-slide .bd .prev:hover, .mod-product-slide .bd .next:hover{ background: #fff; } .mod-product-slide .bd .prev:hover:after, .mod-product-slide .bd .next:hover:after{ border-color: transparent #aaa #aaa transparent; } .mod-product-slide .bd .i-title{ position: absolute; font-size: 14px; font-weight: 700; color: #333; left: 50%; top: 30px; margin-left: -65px; text-align: center; width: 130px; height: 30px; line-height: 30px; overflow: hidden; } .mod-product-slide .bd .img{ width: 245px; overflow: hidden; height: 427px; background: #F4F4F4; position: absolute; top: 51px; left: 25px; border-radius: 0 0 22px 22px; } .mod-product-slide .bd .img img{ width: 240px; height: auto; } .mod-product-slide .bd .img-short{ height: 437px; border-radius: 0; } .mod-product-slide .bd .swiper-slide{ height: auto; } .mod-product-slide .swiper-scrollbar{ background: rgba(105, 105, 105, 0.5); opacity: 1!important; } .section-footer .container{ margin-top: 60px; text-align: center; padding-bottom: 50px;} .section-footer .text{ font-size: 16px; padding: 44px 0 54px;} .section-footer .text a{ color: #f42424; } .section-footer .btn-wrap a{ margin: 0 10px; } .section-recommend{ padding-bottom: 50px; } .section-recommend .section-title{ margin-bottom: 30px; } .section-recommend .list{ margin-right: -30px; } .section-recommend .list li{ background: #fff; height: 100px; border: 1px solid #DCDCDC; position: relative;} .section-recommend .list li>a{ display: block; height: 100%; } .section-recommend .list li>a:hover{ color: #333; } .section-recommend .list li .img{ float: left; margin: 30px 0 0 30px; width: 40px; height: 59px; background: url(../images/programme/icon.png) no-repeat; } .section-recommend .list li.item-1 .img{ background-position: 0 0; } .section-recommend .list li.item-2 .img{ background-position: -50px 0; } .section-recommend .list li.item-3 .img{ background-position: -100px 0; } .section-recommend .list li.item-4 .img{ background-position: -150px 0; } .section-recommend .list li .text{ font-size: 14px; padding: 26px 0 0 89px;} .section-recommend .list li .text h3{font-size: 18px;} .section-recommend .list li .text p{ color: #888;} .section-recommend .list li .s-btn{ position: absolute; font-size: 14px; right: 20px; top: 50%; margin-top: -20px; width: 88px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #DCDCDC; color: #888; border-radius: 3px; } .section-recommend .list li .s-btn:hover{ color: #fe492d; border-color: #fe492d; } .section-recommend .list li.item-x .img{ float: right; margin: 30px 30px 0 0;} .section-recommend .list li.item-x .text{ float: left; padding: 39px 0 0 30px; } .section-price{ padding-bottom: 76px; } .section-price .list li{ box-sizing: border-box; border: 1px solid #DCDCDC; padding: 40px 20px 50px; } .section-price .list li .per{ font-size: 18px; text-align: center; border-bottom: 1px solid #E5E5E5; padding-bottom: 20px; margin-bottom: 40px;} .section-price .list li .per .num{ font-size: 60px; color: #f33c1c; display: inline-block; font-style: italic; margin-right: 8px;} .section-price .list li .text{ margin-bottom: 26px; } .section-price .list li .text h3{ font-size: 18px; font-weight: bold; margin-bottom: 5px;} .section-price .list li .text .tag-1, .section-price .list li .text .tag-2{ width: 40px; height: 18px; font-weight: normal; color: #fff; text-align: center; line-height: 18px; background: #F9A123; display: inline-block; font-size: 12px; vertical-align: middle; margin-left: 8px;} .section-price .list li .text .tag-2{ background: #F23C1D; } .section-price .list li .text p{ font-size: 16px; color: #888; } .section-price .list li .total{ font-size: 28px; color:#f33c1c; font-style: italic; margin-bottom: 20px;} .section-price .list li .total em{ font-size: 14px; vertical-align: 8px; margin: 5px; font-style: italic; } .section-price .list li .s-btn{ display: block; border: 1px solid #FB453D; color: #FB453D; text-align: center; font-size: 18px; height: 50px; line-height: 50px; } .section-price .list li .s-btn:hover{ background: #FB453D; color: #fff; } /*微商城*/ .page-weshop {} .page-weshop .section-1{ background: url(../images/weshop/00-banner-bg.jpg) repeat-y center top; } .page-weshop .section-1 .img{ background-image: url(../images/weshop/00-banner-img.png); } .page-weshop .section-1 .text .pic{ background: url(../images/weshop/00-banner-text.png) no-repeat left top; } .page-weshop .section-1 .text .btn-wrap .btn-line:hover{color: #1D8FFB;} .page-weshop .section-2 .list li{ margin-bottom: 74px; } .page-weshop .section-2 .list .img{ float: left; width: 65px; height: 43px; background: url(../images/weshop/01-icon.png) no-repeat left top; } .page-weshop .section-2 .list .item-1 .img{ background-position: 0 0; } .page-weshop .section-2 .list .item-2 .img{ background-position: -70px 0; } .page-weshop .section-2 .list .item-3 .img{ background-position: -140px 0; } .page-weshop .section-2 .list .item-4 .img{ background-position: -210px 0; } .page-weshop .section-2 .list .item-5 .img{ background-position: -280px 0; } .page-weshop .section-2 .list .item-6 .img{ background-position: -350px 0; } .page-weshop .section-2 .list .text{ padding-left: 83px; padding-top: 10px; padding-right: 60px;} .page-weshop .section-2 .list .text h3{ color: #1574fb; font-size: 18px; margin-bottom: 10px; } .page-weshop .section-2 .list .text p{ font-size: 14px; color: #888888; } .page-weshop .section-3{ background: url(../images/weshop/02-bg.jpg) no-repeat center top; } .page-weshop .section-3 .hd li i{ background: url(../images/weshop/02-icon.png) no-repeat; } .page-weshop .section-3 .hd li.item-1 i{ background-position: 0 0; } .page-weshop .section-3 .hd li.item-2 i{ background-position: -50px 0; } .page-weshop .section-3 .hd li.item-3 i{ background-position: -100px 0; } .page-weshop .section-3 .hd li.item-4 i{ background-position: -150px 0; } .page-weshop .section-3 .hd li.item-5 i{ background-position: -200px 0; } .page-weshop .section-3 .hd li.item-6 i{ background-position: -250px 0; } .page-weshop .section-3 .hd li.item-7 i{ background-position: -300px 0; } .page-weshop .section-3 .hd li.item-8 i{ background-position: -350px 0; } .page-weshop .section-3 .hd li.item-1.on i{ background-position: 0 bottom; } .page-weshop .section-3 .hd li.item-2.on i{ background-position: -50px bottom; } .page-weshop .section-3 .hd li.item-3.on i{ background-position: -100px bottom; } .page-weshop .section-3 .hd li.item-4.on i{ background-position: -150px bottom; } .page-weshop .section-3 .hd li.item-5.on i{ background-position: -200px bottom; } .page-weshop .section-3 .hd li.item-6.on i{ background-position: -250px bottom; } .page-weshop .section-3 .hd li.item-7.on i{ background-position: -300px bottom; } .page-weshop .section-3 .hd li.item-8.on i{ background-position: -350px bottom; } .page-weshop .section-4{ padding-bottom: 64px; } .page-weshop .section-4 .img{ width: 962px; height: 440px; background: url(../images/weshop/03-img.png) no-repeat center; margin: 0 auto; } .page-weshop .section-5{ background: #F4F8FF; padding: 70px 0;} .page-weshop .section-5 .section-title{ width: 457px; float: left; text-align: left; margin-left: 45px; margin-top: 20px;} .page-weshop .section-5 .img{ float: right; width: 611px; height: 350px; background: url(../images/weshop/04-img.png) no-repeat center; margin-right: 20px; } .page-weshop .section-6{ padding-bottom: 0; } .page-weshop .section-6 .hd{ float: left; width: 280px; height: 330px; border: 1px solid #E7E5EB; border-radius: 10px; margin-top: 76px;} .page-weshop .section-6 .hd li{ border-bottom: 1px solid #E7E5EB; height: 110px; position: relative;} .page-weshop .section-6 .hd li:last-child{ border-bottom: 0 none; } .page-weshop .section-6 .hd li i{position: relative; z-index: 2; width: 28px; height: 26px; background: url(../images/weshop/05-icon.png) no-repeat left top; float: left; margin: 30px 0 0 30px; } .page-weshop .section-6 .hd li.item-1 i{ background-position: 0 0; } .page-weshop .section-6 .hd li.item-2 i{ background-position: -41px 0; } .page-weshop .section-6 .hd li.item-3 i{ background-position: -82px 0; } .page-weshop .section-6 .hd li .text{ position: relative; z-index: 2; margin-left: 76px; padding-top: 32px; } .page-weshop .section-6 .hd li .text h3{ font-size: 16px; font-weight: 700; margin-bottom: 4px;} .page-weshop .section-6 .hd li .text p{ font-size: 14px; color: #888; } .page-weshop .section-6 .hd li.on{ color: #fff; } .page-weshop .section-6 .hd li.on p{ color: #fff; } .page-weshop .section-6 .hd li.item-1.on i{ background-position: 0 -30px; } .page-weshop .section-6 .hd li.item-2.on i{ background-position: -41px -30px; } .page-weshop .section-6 .hd li.item-3.on i{ background-position: -82px -30px; } .page-weshop .section-6 .hd li.on:after{ content: ""; background: url(../images/weshop/05-bg.png) no-repeat center; width: 313px; height: 136px; position: absolute; left: -16px; top: 0;} .page-weshop .section-6 .bd{ width: 856px; height: 510px; margin-left: 300px; } .page-weshop .section-6 .bd li{ width: 856px; height: 510px; } .page-weshop .section-6 .bd li.item-1{ background: url(../images/weshop/05-img1.png) no-repeat center; } .page-weshop .section-6 .bd li.item-2{ background: url(../images/weshop/05-img2.png) no-repeat center; } .page-weshop .section-6 .bd li.item-3{ background: url(../images/weshop/05-img3.png) no-repeat center; } .page-weshop .section-7{ background: #F4F8FF; padding-bottom: 70px;} .page-weshop .section-7 .img{ width: 785px; height: 529px; background: url(../images/weshop/06-img.png) no-repeat center; margin: 0 auto; } .page-weshop .section-7 .list{ height: 0; position: relative;} .page-weshop .section-7 .list li{ width: 194px; position: absolute;} .page-weshop .section-7 .list li.item-1{ top: -300px; left: 27px;} .page-weshop .section-7 .list li.item-2{ top: -250px; right: 0; } .page-weshop .section-7 .list h3{ font-size: 18px; color: #1574fb; font-weight: 700; position: relative; margin-bottom: 20px;} .page-weshop .section-7 .list h3:before{ content: ""; position: absolute; left: -17px; top: 8px; height: 0; width: 0; border-color: transparent transparent transparent #0F78FD; border-width: 5px; border-style: solid; } .page-weshop .section-7 .list p{ font-size: 14px; color: #888; line-height: 1.8; } .page-weshop .section-8{ padding: 85px 0 55px; } .page-weshop .section-8 .section-title{ float: left; width: 340px; text-align: left; margin-top: 30px;} .page-weshop .section-8 .img{ float: right; width: 622px; height: 405px; background: url(../images/weshop/07-img.png) no-repeat; } .page-weshop .section-9{ background: #F4F8FF; padding: 50px 0px;} .page-weshop .section-9 .section-title{ float: right; width: 500px; text-align: left; margin-right: 30px; margin-top: 120px;} .page-weshop .section-9 .img{ width: 552px; height: 636px; background: url(../images/weshop/08-img.png) no-repeat; } .page-weshop .section-9 .btn-wrap p{ margin: 40px 0 30px; } .page-weshop .section-9 .btn-wrap p a{ color: #23a2fb; margin-right: 50px; } /*微分销*/ .page-distribution {} .page-distribution .section-1{ background: url(../images/distribution/00-banner-bg.jpg) repeat-y center top; } .page-distribution .section-1 .img{ background-image: url(../images/distribution/00-banner-img.png); } .page-distribution .section-1 .text .pic{ background: url(../images/distribution/00-banner-text.png) no-repeat left top; } .page-distribution .section-1 .text .btn-wrap .btn-line:hover{color: #fd645a;} .page-distribution .section-2{ padding-bottom: 30px; } .page-distribution .section-2 .list{ text-align: center; } .page-distribution .section-2 .list .img{ height: 69px; background: #FF5D5B; border-radius: 5px 5px 0 0; overflow: hidden; } .page-distribution .section-2 .list .item-1 .img{ background: url(../images/distribution/01-bg1.jpg) repeat-y center top; } .page-distribution .section-2 .list .item-2 .img{ background: url(../images/distribution/01-bg2.jpg) repeat-y center top; } .page-distribution .section-2 .list .item-3 .img{ background: url(../images/distribution/01-bg3.jpg) repeat-y center top; } .page-distribution .section-2 .list .item-4 .img{ background: url(../images/distribution/01-bg4.jpg) repeat-y center top; } .page-distribution .section-2 .list .img i{ width: 50px; height: 38px; display: block; margin: 14px auto 0; background: url(../images/distribution/01-icon.png) no-repeat; } .page-distribution .section-2 .list .item-1 .img i{ background-position: -4px 0; } .page-distribution .section-2 .list .item-2 .img i{ background-position: -75px 0; } .page-distribution .section-2 .list .item-3 .img i{ background-position: -145px 0; } .page-distribution .section-2 .list .item-4 .img i{ background-position: -214px 0; } .page-distribution .section-2 .list .text{ border: 1px solid #E4E4E4; border-top: 0 none; } .page-distribution .section-2 .list h3{ font-size: 24px; padding: 30px 0 10px;} .page-distribution .section-2 .list p{ font-size: 14px; color: #888; margin-bottom: 30px;} .page-distribution .section-3{ background: #F7545A; color: #fff; padding-bottom: 62px;} .page-distribution .section-3 .section-title h2{ color: #fff; } .page-distribution .section-3 .img{ width: 1200px; height: 645px; box-shadow: 0 10px 80px rgba(0,0,0,.2); background: #fff url(../images/distribution/02-img.png) no-repeat center; margin: 0 auto; } .page-distribution .section-4{ background: #FBF6F7; } .page-distribution .section-4 .img{ width: 1112px; height: 502px; background: url(../images/distribution/03-img.png) no-repeat center; margin: 0 auto; } .page-distribution .section-5{ padding-bottom: 40px; } .page-distribution .section-5 .img{ width: 1057px; height: 493px; background: url(../images/distribution/04-img.png) no-repeat center; margin: 0 auto; } .page-distribution .section-6{ background: #FBF6F7; padding: 50px 0 30px;} .page-distribution .section-6 .section-title{ float: right; width: 372px; margin-right: 40px; text-align: left; margin-top: 100px; } .page-distribution .section-6 .img{ float: left; width: 675px; height: 523px; background: url(../images/distribution/05-img.png) no-repeat center; margin: 0 auto; } .page-distribution .section-7{ margin: 50px 0 30px; } .page-distribution .section-7 .section-title{ float: right; width: 493px; margin-right: 40px; text-align: left; margin-top: 100px; } .page-distribution .section-7 .btn-wrap p{ margin: 40px 0 30px; } .page-distribution .section-7 .btn-wrap p a{ color: #23a2fb; margin-right: 50px; } .page-distribution .section-7 .img{ float: left; width: 564px; height: 657px; background: url(../images/distribution/06-img.png) no-repeat center; margin: 0 auto; } .page-distribution .section-8{ background: #FBF6F7; } .page-distribution .section-8 .section-title{ float: right; width: 493px; margin-right: 40px; text-align: left; margin-top: 66px; } .page-distribution .section-8 .btn-wrap p{ color: #f9575e; padding: 36px 0; margin-top: 50px; border-top: 1px solid #E5E5E5; } .page-distribution .section-8 .img{ float: left; width: 589px; height: 475px; background: url(../images/distribution/07-img.png) no-repeat center; margin: 100px auto 0; } /*拼团*/ .page-group{} .page-group .section-1{ background: url(../images/group/00-banner-bg.jpg) repeat-y center top; } .page-group .section-1 .img{ background-image: url(../images/group/00-banner-img.png); } .page-group .section-1 .text .pic{ background: url(../images/group/00-banner-text.png) no-repeat left top; } .page-group .section-1 .text .btn-wrap .btn-line:hover{color: #00CE85;} .page-group .section-2{ padding-bottom: 50px; } .page-group .section-2 .list li{ text-align: center; overflow: hidden; } .page-group .section-2 .list li .img{ background: url(../images/group/01-icon.png) no-repeat; width: 80px; height: 100px; margin: 10px auto 0; } .page-group .section-2 .list li.item-1 .img{ background-position: 0 0; } .page-group .section-2 .list li.item-2 .img{ background-position: -90px 0; } .page-group .section-2 .list li.item-3 .img{ background-position: -180px 0; } .page-group .section-2 .list li.item-4 .img{ background: url(../images/group/01-img.png) no-repeat; width: 143px; height: 145px; margin-top: 0; } .page-group .section-2 .list li h3{ font-size: 18px; font-weight: 700; } .page-group .section-2 .list li p{ color: #888888; font-size: 14px; width: 210px; margin: 15px auto 0;} .page-group .section-3{ background: #F6F9FB; padding-bottom: 50px;} .page-group .section-3 .list li{ background: #FFFFFF; overflow: hidden; padding: 40px 0; border-radius: 3px; text-align: center;} .page-group .section-3 .list li .img{ width: 100px; height: 100px; background: url(../images/group/02-icon.png) no-repeat; margin: 0 auto 20px; } .page-group .section-3 .list li.item-1 .img{ background-position: 0 0; } .page-group .section-3 .list li.item-2 .img{ background-position: -110px 0; } .page-group .section-3 .list li.item-3 .img{ background-position: -220px 0; } .page-group .section-3 .list li.item-4 .img{ background-position: -330px 0; } .page-group .section-3 .list li h3{ font-size: 18px; font-weight: 700; color: #555;} .page-group .section-3 .list li p{ color: #888888; font-size: 14px; width: 210px; margin: 15px auto 0;} .page-group .section-4{ padding-bottom: 70px; } .page-group .section-4 .img-1{ width: 1164px; height: 371px; background: url(../images/group/03-img1.png) no-repeat; margin: 0 auto; } .page-group .section-4 .img-2{ width: 1210px; height: 160px; background: url(../images/group/03-img2.png) no-repeat; margin: 20px -5px 30px; } .page-group .section-4 .img-3{ width: 1164px; height: 354px; background: url(../images/group/03-img3.png) no-repeat; margin: 0 auto; } .page-group .section-5{ background: #F6F9FB; } .page-group .section-5 .section-title{ float: right; width: 503px; text-align: left; margin-top: 90px; } .page-group .section-5 .btn-wrap p{ margin: 40px 0 30px; } .page-group .section-5 .btn-wrap p a{ color: #23a2fb; margin-right: 50px; } .page-group .section-5 .img{ width: 562px; height: 657px; background: url(../images/group/04-img.png) no-repeat; } /*小程序*/ .page-applet{} .page-applet .section-1{ background: url(../images/applet/00-banner-bg.jpg) repeat-y center top; } .page-applet .section-1 .img{ background-image: url(../images/applet/00-banner-img.png); } .page-applet .section-1 .text .pic{ background: url(../images/applet/00-banner-text.png) no-repeat left top; } .page-applet .section-1 .text .btn-wrap .btn-line:hover{color: #fd5d47;} .page-applet .section-2{ padding: 70px 0; } .page-applet .section-2 .section-title{ float: right; width: 556px; text-align: left; } .page-applet .section-2 .section-title .qrcode{ margin-top: 40px; } .page-applet .section-2 .section-title .qr{ width: 168px; height: 170px; background: url(../images/applet/01-img2.png) no-repeat; float: left; } .page-applet .section-2 .section-title .text{ margin-left: 210px; padding-top: 60px; font-size: 14px;} .page-applet .section-2 .section-title .text b{ color: #ff485a; } .page-applet .section-2 .section-title .text p{ font-size: 14px; margin-top: 5px; } .page-applet .section-2 .img{ width: 657px; height: 385px; margin-top: 56px; background: url(../images/applet/01-img1.jpg) no-repeat; margin-left: -50px;} .page-applet .section-3{ background: #f9f9f9; padding-bottom: 50px;} .page-applet .section-3 .list li{ background: #fff; padding: 50px 0; text-align: center; } .page-applet .section-3 .list .img{ width: 100px; height: 100px; background: url(../images/applet/02-icon.png) no-repeat; margin: 0 auto 20px;} .page-applet .section-3 .list li.item-1 .img{ background-position: 0 0; } .page-applet .section-3 .list li.item-2 .img{ background-position: -110px 0; } .page-applet .section-3 .list li.item-3 .img{ background-position: -220px 0; } .page-applet .section-3 .list li.item-4 .img{ background-position: -330px 0; } .page-applet .section-3 .list li h3{ font-size: 18px; font-weight: 700; color: #555;} .page-applet .section-3 .list li p{ color: #888888; font-size: 14px; width: 210px; margin: 15px auto 0;} .page-applet .section-4 .s-slide .hd{float: left; margin: 120px 110px 0 0;} .page-applet .section-4 .s-slide .hd li{ width: 436px; height: 72px; margin-bottom: 0; font-size: 20px; line-height: 72px; cursor: pointer; color: #666;} .page-applet .section-4 .s-slide .hd li.on{ background: #FFEFF2; color: #333;} .page-applet .section-4 .s-slide .hd li i{ display: inline-block; width: 10px; height: 10px; background: #CBCBCB; margin-left: 30px; border-radius: 100%; margin-right: 20px; } .page-applet .section-4 .s-slide .hd li.on i{ background: #FF4E5A; } .page-applet .section-4 .s-slide .bd{ float: left; width: 652px; height: 510px; } .page-applet .section-4 .s-slide .bd li{ width: 652px; height: 510px; } .page-applet .section-4 .s-slide .bd .item-1{ background: url(../images/applet/03-img1.png) no-repeat; } .page-applet .section-4 .s-slide .bd .item-2{ background: url(../images/applet/03-img2.png) no-repeat; } .page-applet .section-5{ background: #ffffff; padding: 50px 0; } .page-applet .section-5 .section-title{ width: 403px; float: right; text-align: left; margin-top: 100px; } .page-applet .section-5 .img{ width: 597px; height: 501px; background: url(../images/applet/04-img.png) no-repeat; } .page-applet .section-6{ padding: 50px 0; } .page-applet .section-6 .section-title{ width: 403px; float: left; text-align: left; margin-top: 100px; } .page-applet .section-6 .img{ float: right; width: 649px; height: 510px; background: url(../images/applet/05-img.png) no-repeat; } .page-applet .section-7{ height: 664px; background: url(../images/applet/06-bg.jpg) no-repeat center top;} .page-applet .section-7 .list{ margin-left: 95px; margin-top: -20px;} .page-applet .section-7 .list li{ float: left; color: #fff; width: 258px; height: 198px; border: 1px solid rgba(255,255,255,.2); margin: 0 -1px -1px 0; text-align: center; } .page-applet .section-7 .list li .img{ width: 50px; height: 50px; margin: 28px auto 13px; background: url(../images/applet/06-icon.png) no-repeat; } .page-applet .section-7 .list li.item-1 .img{ background-position: 0 0; } .page-applet .section-7 .list li.item-2 .img{ background-position: -60px 0; } .page-applet .section-7 .list li.item-3 .img{ background-position: -120px 0; } .page-applet .section-7 .list li.item-4 .img{ background-position: -180px 0; } .page-applet .section-7 .list li.item-5 .img{ background-position: -240px 0; } .page-applet .section-7 .list li.item-6 .img{ background-position: -300px 0; } .page-applet .section-7 .list li.item-7 .img{ background-position: -360px 0; } .page-applet .section-7 .list li.item-8 .img{ background-position: -420px 0; } .page-applet .section-7 .list li h3{font-size: 18px; font-weight: 700; margin-bottom: 10px;} .page-applet .section-7 .list li p{ font-size: 14px; } /*商家app*/ .page-apps{} .page-apps .section-1{ height: 390px; background: url(../images/apps/00-banner.jpg) no-repeat center top; } .page-apps .section-1 .container{ position: relative; height: 390px; } .page-apps .section-1 .btn-wrap{ text-align: left; padding-top: 270px;} .page-apps .section-1 .btn-wrap a{ padding: 0 10px;margin-left: 107px } .page-apps .section-1 .btn-wrap{ text-align: left; padding-top: 270px;} .page-apps .section-1 .btn-wrap a{ padding: 0 10px; } .page-apps .section-2{ padding-bottom: 0; } .page-apps .section-2 .img{ width: 1100px; height: 406px; background: url(../images/apps/01-banner.png) no-repeat center; margin: 0 auto; } .page-apps .section-3{ background: #F6F6F9; padding-bottom: 60px;} .page-apps .section-3 li{ text-align: center; padding-bottom: 16px; background: #fff; transition: all .2s;} .page-apps .section-3 li .img{ width: 285px; height: 252px; } .page-apps .section-3 li.item-1 .img{ background: url(../images/apps/02-img1.jpg) no-repeat center; } .page-apps .section-3 li.item-2 .img{ background: url(../images/apps/02-img2.jpg) no-repeat center; } .page-apps .section-3 li.item-3 .img{ background: url(../images/apps/02-img3.jpg) no-repeat center; } .page-apps .section-3 li.item-4 .img{ background: url(../images/apps/02-img4.jpg) no-repeat center; } .page-apps .section-3 li h3{ font-size: 18px; margin-top: 16px; margin-bottom: 5px;} .page-apps .section-3 li p{ font-size: 14px; color: #888888; } .page-apps .section-3 li:hover{ box-shadow: 0 3px 20px rgba(0,0,0,.1); } .page-apps .section-3 li:hover h3, .page-apps .section-3 li:hover p{ color: #eb3a43; } .page-apps .section-4{ background: #FA4F4A; } .page-apps .section-4 .hd li i{ background: url(../images/apps/03-icon.png) no-repeat; } .page-apps .section-4 .hd li.item-1 i{ background-position: 0 0; } .page-apps .section-4 .hd li.item-2 i{ background-position: -50px 0; } .page-apps .section-4 .hd li.item-3 i{ background-position: -100px 0; } .page-apps .section-4 .hd li.item-4 i{ background-position: -150px 0; } .page-apps .section-4 .hd li.item-5 i{ background-position: -200px 0; } .page-apps .section-4 .hd li.item-6 i{ background-position: -250px 0; } .page-apps .section-4 .hd li.item-7 i{ background-position: -300px 0; } .page-apps .section-4 .hd li.item-8 i{ background-position: -350px 0; } .page-apps .section-4 .hd li.item-1.on i{ background-position: 0 bottom; } .page-apps .section-4 .hd li.item-2.on i{ background-position: -50px bottom; } .page-apps .section-4 .hd li.item-3.on i{ background-position: -100px bottom; } .page-apps .section-4 .hd li.item-4.on i{ background-position: -150px bottom; } .page-apps .section-4 .hd li.item-5.on i{ background-position: -200px bottom; } .page-apps .section-4 .hd li.item-6.on i{ background-position: -250px bottom; } .page-apps .section-4 .hd li.item-7.on i{ background-position: -300px bottom; } .page-apps .section-4 .hd li.item-8.on i{ background-position: -350px bottom; } .page-apps .section-4 .hd li.on{ color: #FA4F4A; } .page-apps .section-4 .hd .qrcode .img{ width: 146px; height: 146px; background: url(../images/apps/03-img.png) no-repeat; } .page-apps .section-4 .bd li{ width: 289px; height: 541px; background: url(../images/common/mobile.png) no-repeat; } .page-apps .section-4 .bd .img{ top: 33px; height: 504px; } .page-apps .section-4 .bd .img-short{ height: 472px; } .page-apps .section-4 .bd .img-full{ top: 56px; height: 417px; border-radius: 0; } .page-apps .section-5 { padding: 140px 0 20px; background: #F6F6F9; } .page-apps .section-5 .section-title{ width: 382px; margin-left: 98px; text-align: left; float: left; margin-top: 66px; } .page-apps .section-5 .img{ width: 522px; height: 542px; float: right; background: url(../images/apps/04-img.png) no-repeat; } .page-apps .section-6{ padding-bottom: 50px; } .page-apps .section-6 .img{ width: 962px; height: 440px; margin: 0 auto; background: url(../images/apps/05-img.png) no-repeat; } /*商家app*/ .page-app{} .page-app .section-1{ background: url(../images/app/00-banner-bg.jpg) repeat-y center top; } .page-app .section-1 .img{ background-image: url(../images/app/00-banner-img.png); } .page-app .section-1 .text .pic{ background: url(../images/app/00-banner-text.png) no-repeat left top; height: 169px; } .page-app .section-1 .text .btn-wrap .btn-line:hover{color: #4043F8;} .page-app .section-2{ padding-bottom: 100px; } .page-app .section-2 .img{ width: 1120px; height: 466px; background: url(../images/app/01-img-large.png) no-repeat; margin: 0 auto; } .page-app .section-3{ background: #F5F8FB; } .page-app .section-3 .img{ width: 852px; height: 474px; background: url(../images/app/02-img.png) no-repeat; margin: 0 auto; } .page-app .section-4{ background: #4252F8; } .page-app .section-4 .hd li i{ background: url(../images/app/03-icon.png) no-repeat; } .page-app .section-4 .hd li.item-1 i{ background-position: 0 0; } .page-app .section-4 .hd li.item-2 i{ background-position: -50px 0; } .page-app .section-4 .hd li.item-3 i{ background-position: -100px 0; } .page-app .section-4 .hd li.item-4 i{ background-position: -150px 0; } .page-app .section-4 .hd li.item-5 i{ background-position: -200px 0; } .page-app .section-4 .hd li.item-6 i{ background-position: -250px 0; } .page-app .section-4 .hd li.item-7 i{ background-position: -300px 0; } .page-app .section-4 .hd li.item-8 i{ background-position: -350px 0; } .page-app .section-4 .hd li.item-1.on i{ background-position: 0 bottom; } .page-app .section-4 .hd li.item-2.on i{ background-position: -50px bottom; } .page-app .section-4 .hd li.item-3.on i{ background-position: -100px bottom; } .page-app .section-4 .hd li.item-4.on i{ background-position: -150px bottom; } .page-app .section-4 .hd li.item-5.on i{ background-position: -200px bottom; } .page-app .section-4 .hd li.item-6.on i{ background-position: -250px bottom; } .page-app .section-4 .hd li.item-7.on i{ background-position: -300px bottom; } .page-app .section-4 .hd li.item-8.on i{ background-position: -350px bottom; } .page-app .section-4 .hd li.on{ color: #4252F8; } .page-app .section-4 .hd .qrcode .img{ width: 146px; height: 146px; background: url(../images/app/03-img.png) no-repeat; } .page-app .section-4 .bd li{ background: url(../images/app/03-mob.png) no-repeat; } .page-app .section-4 .bd .img{ top: 33px; height: 504px; } .page-app .section-4 .bd .img-short{ height: 472px; } .page-app .section-4 .bd .img-full{ top: 45px; height: 427px; border-radius: 0; } .page-app .section-5{ padding-bottom: 30px; } .page-app .section-5 .list{ text-align: center; } .page-app .section-5 .list li{ margin-bottom: 65px; } .page-app .section-5 .list .img{ background: url(../images/feature/02-icon.png) no-repeat; width: 209px; height: 133px; margin: 0 auto;} .page-app .section-5 .list .item-1 .img{ background-position: 0 0; } .page-app .section-5 .list .item-2 .img{ background-position: -220px 0; } .page-app .section-5 .list .item-3 .img{ background-position: -440px 0; } .page-app .section-5 .list .item-4 .img{ background-position: -660px 0; } .page-app .section-5 .list .item-5 .img{ background-position: -880px 0; } .page-app .section-5 .list .item-6 .img{ background-position: 0 -150px; } .page-app .section-5 .list .item-7 .img{ background-position: -220px -150px; } .page-app .section-5 .list .item-8 .img{ background-position: -440px -150px; } .page-app .section-5 .list .item-9 .img{ background-position: -660px -150px; } .page-app .section-5 .list .item-10 .img{ background-position: -880px -150px; } .page-app .section-5 .list .item-11 .img{ background-position: 0 -300px; } .page-app .section-5 .list .item-12 .img{ background-position: -220px -300px; } .page-app .section-5 .list .item-13 .img{ background-position: -440px -300px; } .page-app .section-5 .list .item-14 .img{ background-position: -660px -300px; } .page-app .section-5 .list .item-15 .img{ background-position: -880px -300px; } .page-app .section-5 .list li h3{ font-size: 20px; margin-bottom: 4px;} .page-app .section-5 .list li p{ font-size: 14px; color: #888; } .page-app .section-6{background: #F5F8FB;margin-bottom: 40px} .page-app .section-6 .img{ width: 1100px; height: 406px; background: url(../images/app/05-img.png) no-repeat; margin: 0 auto; } .page-app .section-7{ padding: 30px 0; } .page-app .section-7 .section-title{ width: 477px; margin-top: 20px; text-align: left; float: right;} .page-app .section-7 .img{ width: 677px; } .page-app .section-7 .img img{width: 650px} .page-app .section-7 p{line-height: 24px;} .page-app .section-8{ background: url(../images/app/07-bg.jpg) no-repeat center top; } .page-app .section-8 .img{ width: 983px; height: 540px; margin: 0 auto; } .page-app .section-8 .img01{ background: url(../images/app/0701-img.png) no-repeat; } .page-app .section-8 .img02{ background: url(../images/app/0702-img.png) no-repeat; } .page-app .section-8 .img03{ background: url(../images/app/0703-img.png) no-repeat; } .page-app .section-9{ padding-bottom: 60px; } .page-app .section-9 .s-content{ border-top: 1px solid #FA3737; box-shadow: 0 0 50px rgba(0,0,0,.1); height: 560px; background: #fff;} .page-app .section-9 .s-l{ width: 336px; height: 326px; background: url(../images/authorization/05-img.png) no-repeat; float: left; margin: 130px 0 0 44px; } .page-app .section-9 .s-r{ float: left; padding-top: 40px; margin-left: 68px; } .page-app .section-9 .s-r dl{ width: 283px; float: left; font-size: 16px; margin-right: 90px;} .page-app .section-9 .s-r dt{ color: #888; margin-bottom: 20px;} .page-app .section-9 .s-r dd{ font-size: 14px; margin-bottom: 24px; } .page-app .section-9 .s-r dd i{ display: inline-block; width: 24px; height: 20px; vertical-align: bottom; margin-right: 20px; background: url(../images/authorization/03-icon.png) no-repeat;} .page-app .section-9 .s-r .s-btn{ display: inline-block; margin-top: 40px; border-radius: 4px; width: 115px; height: 37px; line-height: 37px; text-align: center; border: 1px solid #FA322B; color: #FA322B; } .page-app .section-9 .s-r .s-btn:hover{ background: #FA322B; color: #fff; } /*电商平台*/ .page-platform{} .page-platform .section-1{ background: url(../images/platform/00-banner-bg.jpg) repeat-y center top; margin-bottom: 48px;} .page-platform .section-1 .img{ background-image: url(../images/platform/00-banner-img.png); margin-top: 112px; height: 349px;} .page-platform .section-1 .text{ float: left; } .page-platform .section-1 .text .pic{ background: url(../images/platform/00-banner-text.png) no-repeat left top; } .page-platform .section-1 .text .btn-wrap .btn-line:hover{color: #F0291C;} .page-platform .section-2{ padding-bottom: 45px; } .page-platform .section-2 .list li{ float: left; width: 500px; margin: 0 50px; } .page-platform .section-2 .list li h3{ font-size: 20px; color: #ef191a; transition: all .2s; font-weight: 700; width: 197px; height: 49px; line-height: 49px; text-align: center; background: #fff; border-radius: 25px; margin: 0 auto 30px; box-shadow: 0 0 20px rgba(0,0,0,.1); } .page-platform .section-2 .list li .img{ width: 500px; height: 300px; overflow: hidden; transition: all .4s; box-shadow: 0 10px 50px rgba(0,0,0,0.1);} .page-platform .section-2 .list li.item-1 .img p{ background: url(../images/platform/01-img1.png) no-repeat center top; height: 910px; } .page-platform .section-2 .list li.item-2 .img p{ background: url(../images/platform/01-img2.png) no-repeat center top; height: 902px; } .page-platform .section-2 .list li:hover h3{ color: #fff; background: #ef191a; } .page-platform .section-2 .list li:hover .img{ height: 910px; } .page-platform .section-3{ background: #F4F6F9; padding-bottom: 45px;} .page-platform .section-3 .s-right{ width: 579px; float: right; text-align: center;} .page-platform .section-3 .s-right .img{ width: 579px; height: 399px; background: url(../images/platform/02-img7.png) no-repeat; } .page-platform .section-3 .s-right p{ font-size: 16px; margin-bottom: 25px;} .page-platform .section-3 .s-right .s-btn{ width: 118px; height: 38px; border: 1px solid #ef191a; color: #ef191a; font-size: 16px; text-align: center; line-height: 38px; display: inline-block; border-radius: 5px;} .page-platform .section-3 .s-right .s-btn:hover{ background: #fff; } .page-platform .section-3 .s-slide{ float: left; position: relative; width: 591px; height: 365px; margin-top: 70px; background: url(../images/platform/device.png) no-repeat; } .page-platform .section-3 .s-slide .bd{ width: 446px; height: 285px; margin: 8px 0 0 72px;} .page-platform .section-3 .s-slide .bd li{ width: 446px; height: 285px; } .page-platform .section-3 .s-slide .bd li.item-1{ background: url(../images/platform/02-img1.jpg) no-repeat; } .page-platform .section-3 .s-slide .bd li.item-2{ background: url(../images/platform/02-img2.jpg) no-repeat; } .page-platform .section-3 .s-slide .bd li.item-3{ background: url(../images/platform/02-img3.jpg) no-repeat; } .page-platform .section-3 .s-slide .bd li.item-4{ background: url(../images/platform/02-img4.jpg) no-repeat; } .page-platform .section-3 .s-slide .bd li.item-5{ background: url(../images/platform/02-img5.jpg) no-repeat; } .page-platform .section-3 .s-slide .bd li.item-6{ background: url(../images/platform/02-img6.jpg) no-repeat; } .page-platform .section-3 .s-slide .hd{ margin: 97px 0 0 0; text-align: center; } .page-platform .section-3 .s-slide .hd li{ width: 6px; height: 6px; border: 1px solid #E1E3E5; display: inline-block; margin: 0 3px; border-radius: 100%; cursor: pointer;} .page-platform .section-3 .s-slide .hd li.on{ background: #EF2219; border-color: #EF2219; } .page-platform .section-3 .s-slide .prev, .page-platform .section-3 .s-slide .next{ width: 34px; height: 34px; background: #fff; border: 1px solid #ddd; border-radius: 100%; position: absolute; left: 50%; margin-left: -18px; top: 381px; } .page-platform .section-3 .s-slide .prev{ margin-left: -140px; } .page-platform .section-3 .s-slide .next{ margin-left: 100px; } .page-platform .section-3 .s-slide .prev:before, .page-platform .section-3 .s-slide .next:before{ content: ""; position: absolute; width: 10px; height: 10px; border-left: 1px solid #ddd; border-top: 1px solid #ddd; } .page-platform .section-3 .s-slide .prev:before{ -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 14px; top: 12px;} .page-platform .section-3 .s-slide .next:before{ -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); left: 9px; top: 12px;} .page-platform .section-3 .s-slide .prev:hover, .page-platform .section-3 .s-slide .next:hover{ background: #EF2219; border-color: #EF2219; } .page-platform .section-3 .s-slide .prev:hover:before, .page-platform .section-3 .s-slide .next:hover:before{ border-left-color: #fff; border-top-color: #fff; } .page-platform .section-4{ height: 800px; overflow: hidden; } .page-platform .section-4 .s-animation{ height: 500px; } .page-platform .section-4 .s-animation *{ transition: all .5s; } .page-platform .section-4 .s-animation .list{ width: 800px; margin-left: 251px; } .page-platform .section-4 .s-animation .list li{ width: 337px; height: 200px; transform:translate(-15px,0); opacity: 0; position: relative; background: #fff; box-shadow: 0 5px 39px rgba(91, 91, 91, 0.1); float: left; margin: 0 26px 26px 0; } .page-platform .section-4 .s-animation .list li .i-hd{ font-size: 14px; text-align: center; font-weight: 700; position: absolute; top: 40px; left: 0; right: 0;} .page-platform .section-4 .s-animation .list li .i-ok, .page-platform .section-4 .s-animation .list li .i-ok:before, .page-platform .section-4 .s-animation .list li .i-ok:after{ width: 22px; height: 22px; position: absolute; right: 20px; top: 20px; transition: all .5s; } .page-platform .section-4 .s-animation .list li .i-ok:before, .page-platform .section-4 .s-animation .list li .i-ok:after{ left: 0; top: 0; right: auto; content: ""; } .page-platform .section-4 .s-animation .list li .i-ok:before{ background: url(../images/platform/ani/g1.png) no-repeat center; } .page-platform .section-4 .s-animation .list li .i-ok:after{ background: url(../images/platform/ani/g2.png) no-repeat center; opacity: 0; } .page-platform .section-4 .s-animation .list li .i-gray{ background: #EFEFEF; } .page-platform .section-4 .s-animation .list li .i-gray-4{ position: absolute; bottom: 23px; left: 17px; } .page-platform .section-4 .s-animation .list li .i-gray-4 .i-gray{ width: 72px; height: 85px; float: left; margin-right: 5px; } .page-platform .section-4 .s-animation .list li.item-1{ position: relative; z-index: 2; } .page-platform .section-4 .s-animation .list li.item-1 .i-gray{ width: 306px; height: 89px; bottom: 23px; left: 17px; position: absolute; font-size: 14px; color: #999999; text-align: center; line-height: 89px;} .page-platform .section-4 .s-animation .list li.item-2 .i-gray{ width: 306px; height: 89px; bottom: 23px; left: 17px; position: absolute; } .page-platform .section-4 .s-animation .list li.item-2 .slide-point{ text-align: center; position: absolute; bottom: 10px; left: 0; right: 0; } .page-platform .section-4 .s-animation .list li.item-2 .slide-point span{ width: 4px; height: 4px; display: inline-block; margin: 0 3px; border: 1px solid #999999; border-radius: 50%; } .page-platform .section-4 .s-animation .list li.item-2 .slide-point span.on{ background: #999; } .page-platform .section-4 .s-animation .list li.item-1 .i-big{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; overflow: hidden;} .page-platform .section-4 .s-animation .list li.item-1 .i-big .inner{ margin: 0 30px; position: relative;} .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-top{ height: 46px; background: #F4F6F9; margin-top: 20px; margin-bottom: 13px; opacity: 0; transform: translate(0,-30px;);} .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-nav{ height: 37px; } .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-nav .n1, .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-nav .n2, .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-nav .n3{ transform: translate(50px,0); opacity: 0; float: left; height: 37px; } .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-nav .n1{ width: 59px; background: url(../images/platform/ani/t1.png) no-repeat center left; margin-right: 26px; } .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-nav .n2{ width: 267px; background: url(../images/platform/ani/t2.png) no-repeat center left; } .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-nav .n3{ float: right; width: 40px; background: url(../images/platform/ani/t3.png) no-repeat center left; } .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-banner{ opacity: 0; height: 119px; background: url(../images/platform/ani/b1.png) no-repeat center; margin: 16px 0 14px; } .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-h3{ margin-bottom: 11px; font-size: 14px; font-weight: 700; opacity: 0;} .page-platform .section-4 .s-animation .list li.item-1 .i-big dl{ margin-right: -6px; } .page-platform .section-4 .s-animation .list li.item-1 .i-big dl dd{ float: left; width: 155px; height: 181px; margin-right: 6px; margin-bottom: 18px; opacity: 0;} .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-1 .dd-1{ background: url(../images/platform/ani/z1.jpg) no-repeat; transform: translate(243px,20px);} .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-1 .dd-2{ background: url(../images/platform/ani/z2.jpg) no-repeat; transform: translate(82px,20px);} .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-1 .dd-3{ background: url(../images/platform/ani/z3.jpg) no-repeat; transform: translate(-79px,20px);} .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-1 .dd-4{ background: url(../images/platform/ani/z4.jpg) no-repeat; transform: translate(-240px,20px);} .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-2 .dd-1{ background: url(../images/platform/ani/s1.png) no-repeat; transform: translate(0,20px);} .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-2 .dd-2{ background: url(../images/platform/ani/s2.png) no-repeat; transform: translate(0,20px);} .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-2 .dd-3{ background: url(../images/platform/ani/s3.png) no-repeat; transform: translate(-0,20px);} .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-2 .dd-4{ background: url(../images/platform/ani/s4.png) no-repeat; transform: translate(-0,20px);} .page-platform .section-4 .s-animation .list li.item-1 .i-big .bar{ opacity: 0; position: absolute; background: #f9f9f9; width: 10px; right: 11px; bottom: 9px; top: 9px; z-index: 10; border-radius: 5px;} .page-platform .section-4 .s-animation .list li.item-1 .i-big .bar span{ background: #d8d8d8; height: 50%; position: absolute; bottom: 50%; width: 10px; border-radius: 5px;} .page-platform .section-4 .s-animation .list li.on1{ opacity: 1; transform: translate(0,0);} .page-platform .section-4 .s-animation .list li.item-1.on1{ transition: all 1s; } .page-platform .section-4 .s-animation .list li.item-2.on2, .page-platform .section-4 .s-animation .list li.item-3.on2, .page-platform .section-4 .s-animation .list li.item-4.on2{ opacity: 0; transform: translate(0,30px);} .page-platform .section-4 .s-animation .list li.item-1.on2{ opacity: 1; width: 700px; height: 513px; } .page-platform .section-4 .s-animation .list li.item-1.on2 .i-gray{ width: 642px; height: 119px; left: 30px; line-height: 119px; transition: all 1s; } .page-platform .section-4 .s-animation .list li .i-ok.on1:before{ opacity: 0; } .page-platform .section-4 .s-animation .list li .i-ok.on1:after{ opacity: 1; } .page-platform .section-4 .s-animation .list li.item-1 .i-small.on1 .i-gray{ transform: translate(0,-239px); color: #EFEFEF; } .page-platform .section-4 .s-animation .list li.item-1 .i-small.on1 .i-ok, .page-platform .section-4 .s-animation .list li.item-1 .i-small.on1 .i-hd{ opacity: 0; } .page-platform .section-4 .s-animation .list li.item-1 .i-small .i-gray.on1{ opacity: 0; } .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-banner.on1, .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-h3.on1{ opacity: 1; } .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-top.on1{ opacity: 1; transform: translate(0,0);} .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-nav .n1.on1, .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-nav .n2.on1, .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-nav .n3.on1{ transform: translate(0,0); opacity: 1; } .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-1 .dd-1.on1{ opacity: 1; transition: all 1s; transform: translate(243px,0);} .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-1 .dd-2.on1{ opacity: 1; transition: all 1s; transform: translate(82px,0);} .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-1 .dd-3.on1{ opacity: 1; transition: all 1s; transform: translate(-79px,0);} .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-1 .dd-4.on1{ opacity: 1; transition: all 1s; transform: translate(-240px,0);} .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-2 .dd-1.on1{ opacity: 1; transform: translate(0,0); } .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-2 .dd-2.on1{ opacity: 1; transform: translate(0,0); } .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-2 .dd-3.on1{ opacity: 1; transform: translate(-0,0); } .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-2 .dd-4.on1{ opacity: 1; transform: translate(-0,0); } .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-1 .dd-1.on2, .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-1 .dd-2.on2, .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-1 .dd-3.on2, .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-1 .dd-4.on2, .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-2 .dd-1.on2, .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-2 .dd-2.on2, .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-2 .dd-3.on2, .page-platform .section-4 .s-animation .list li.item-1 .i-big .b-list-2 .dd-4.on2{ transform: translate(0,0); } .page-platform .section-4 .s-animation .list li.item-1 .i-big .inner.on1{ transform: translate(0,-182px); } .page-platform .section-4 .s-animation .list li.item-1 .i-big .bar.on1{ opacity: 1; } .page-platform .section-4 .s-animation .list li.item-1 .i-big .bar span.on1{ bottom: 0; } .page-platform .section-4 .s-animation .list li.item-1 .i-big .inner.on2{ transform: translate(0,0); } .page-platform .section-4 .s-animation .list li.item-1 .i-big .bar span.on2{ bottom: 50%; } .page-platform .section-4 .s-animation .list li.item-1.on3{ opacity: 0; transform: translate(0,50px); } .page-platform .section-5{ background: #F4F6F9; padding-bottom: 30px; } .page-platform .section-5 .img{ width: 1236px; margin-left: -18px; height: 464px; background: url(../images/platform/04-img.png) no-repeat center top; } .page-platform .section-6{ padding-bottom: 30px; } .page-platform .section-6 .img{ width: 1046px; margin: 0 auto; height: 630px; background: url(../images/platform/05-img.png) no-repeat center top; } .page-platform .section-7{ background: #F4F6F9; padding-bottom: 74px;} .page-platform .section-7 .list li{ float: left; width: 50%; text-align: center; } .page-platform .section-7 .list li.item-1 .img{ width: 548px; height: 353px; background: url(../images/platform/06-img1.png) no-repeat; margin: 0 auto 30px; } .page-platform .section-7 .list li.item-2 .img{ width: 548px; height: 353px; background: url(../images/platform/06-img2.png) no-repeat center; margin: 0 auto 30px; } .page-platform .section-7 .list li p{ font-size: 16px; color: #ef191a; font-weight: 700; } .page-platform .section-8{ padding-bottom: 70px; } .page-platform .section-8 .img{ width: 1198px; height: 456px; background: url(../images/platform/07-img.png) no-repeat; } .page-platform .section-9{ background: #F4F6F9; padding-bottom: 72px; } .page-platform .section-9 .list{ margin-right: -90px; text-align: center;} .page-platform .section-9 .list li{ position: relative; float: left; width: 227px; height: 253px; margin-right: 90px; background: #fff; box-shadow: 0 3px 30px rgba(0,0,0,0.1); } .page-platform .section-9 .list li:after{ content: ""; position: absolute; left: 263px; top: 120px; width: 20px; height: 17px; background: url(../images/platform/08-icon2.png) no-repeat; } .page-platform .section-9 .list li.item-4:after{ display: none; } .page-platform .section-9 .list li .img{ width: 80px; height: 93px; background: url(../images/platform/08-icon1.png) no-repeat; margin: 38px auto 0; } .page-platform .section-9 .list li.item-1 .img{ background-position: 0 0; } .page-platform .section-9 .list li.item-2 .img{ background-position: -90px 0; } .page-platform .section-9 .list li.item-3 .img{ background-position: -180px 0; } .page-platform .section-9 .list li.item-4 .img{ background-position: -270px 0; } .page-platform .section-9 .list li p{ font-size: 36px; color: #e5e5e5; font-weight: 700; } .page-platform .section-9 .list li p span{ color: #cccccc; } .page-platform .section-9 .list li h3{ font-size: 20px; } .page-platform .section-10 .img{ width: 952px; height: 483px; background: url(../images/platform/09-img.png) no-repeat; margin: 0 auto 30px;} .page-platform .section-11{ background: #414851; } .page-platform .section-11 .img{ width: 1283px; height: 436px; background: url(../images/platform/10-img.png) no-repeat; margin: 0 -21px 30px;} .page-platform .section-12 .btn-wrap{ margin-top: 30px; } .page-platform .section-12 .img{ width: 853px; height: 475px; background: url(../images/platform/11-img.png) no-repeat; margin: 0 auto 30px;} /*供货平台*/ .page-platformsupply{} .page-platformsupply .section-1{ background: url(../images/platformsupply/00-banner-bg.jpg) repeat-y center top; margin-bottom: 48px;} .page-platformsupply .section-1 .img{ background-image: url(../images/platformsupply/00-banner-img.png); margin-top: 112px; height: 349px;} .page-platformsupply .section-1 .text{ float: left; width: 583px; } .page-platformsupply .section-1 .text .pic{ width: 583px; background: url(../images/platformsupply/00-banner-text.png) no-repeat left top; } .page-platformsupply .section-1 .text .btn-wrap .btn-line:hover{color: #2AD4D1;} .page-platformsupply .section-2 .img{ width: 1174px; height: 598px; background: url(../images/platformsupply/01-img.png) no-repeat; margin: 0 auto 30px; } .page-platformsupply .section-3{ background: #F6F9FB; padding-bottom: 50px; } .page-platformsupply .section-3 .img{ width: 879px; height: 450px; background: url(../images/platformsupply/02-img.png) no-repeat; margin: 0 auto 30px; } .page-platformsupply .section-4{ padding-bottom: 80px; } .page-platformsupply .section-4 .s-slide .bd{ width: 870px; height: 530px; float: left; border: 1px solid #2DD4D0;} .page-platformsupply .section-4 .s-slide .bd li{ width: 870px; height: 530px; background-repeat: no-repeat; background-position: center; } .page-platformsupply .section-4 .s-slide .bd li.item-1{ background-image: url(../images/platformsupply/03-img1.png); } .page-platformsupply .section-4 .s-slide .bd li.item-2{ background-image: url(../images/platformsupply/03-img2.png); } .page-platformsupply .section-4 .s-slide .bd li.item-3{ background-image: url(../images/platformsupply/03-img3.png); } .page-platformsupply .section-4 .s-slide .hd{ background: #2DD4D0; float: left; width: 323px; height: 532px; color: #fff; } .page-platformsupply .section-4 .s-slide .hd-h{ font-size: 36px; text-align: center; margin: 57px 0 45px; } .page-platformsupply .section-4 .s-slide .hd-h:before, .page-platformsupply .section-4 .s-slide .hd-h:after{ content: ""; width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin: 0 15px; } .page-platformsupply .section-4 .s-slide .hd-h:before{ border-top: 3px solid rgba(255,255,255,.3); border-left: 3px solid rgba(255,255,255,.3); border-top-left-radius: 5px;} .page-platformsupply .section-4 .s-slide .hd-h:after{ border-bottom: 3px solid rgba(255,255,255,.3); border-right: 3px solid rgba(255,255,255,.3); border-bottom-right-radius: 5px;} .page-platformsupply .section-4 .s-slide .hd ul{ margin-left: 30px; } .page-platformsupply .section-4 .s-slide .hd li{ width: 270px; height: 90px; border: 1px solid #fff; margin-bottom: 30px; border-radius: 5px; cursor: pointer; position: relative;} .page-platformsupply .section-4 .s-slide .hd li.on{ background: #fff; color: #2DD4D0;} .page-platformsupply .section-4 .s-slide .hd li.on:before{ content: ""; position: absolute; left: -11px; top: 50%; margin-top: -6px; width: 0; height: 0; border-width: 6px 10px 6px 0; border-style: solid; border-color: transparent #fff transparent transparent;} .page-platformsupply .section-4 .s-slide .hd li i{ width: 79px; height: 77px; background: url(../images/platformsupply/03-icon.png); float: left; margin-left: 38px; margin-top: 12px; } .page-platformsupply .section-4 .s-slide .hd li.item-1 i{ background-position: 0 0; } .page-platformsupply .section-4 .s-slide .hd li.item-2 i{ background-position: 0 -76px; } .page-platformsupply .section-4 .s-slide .hd li.item-3 i{ background-position: 0 -154px; } .page-platformsupply .section-4 .s-slide .hd li.item-1.on i{ background-position: -81px 0; } .page-platformsupply .section-4 .s-slide .hd li.item-2.on i{ background-position: -81px -76px; } .page-platformsupply .section-4 .s-slide .hd li.item-3.on i{ background-position: -81px -154px; } .page-platformsupply .section-4 .s-slide .hd li .text{ padding-left: 140px; padding-top: 18px;} .page-platformsupply .section-4 .s-slide .hd li .text h3{ font-size: 14px; } .page-platformsupply .section-4 .s-slide .hd li .text p{ font-size: 24px; } .page-platformsupply .section-5{ background: #474E58; } .page-platformsupply .section-5 .img{ width: 1037px; height: 523px; background: url(../images/platformsupply/04-img.jpg) no-repeat; margin: 0 auto 30px; } .page-platformsupply .section-6{ background: #F6F9FB; padding-bottom: 60px; } .page-platformsupply .section-6 .list li{ text-align: center; background: #fff; padding: 30px 0 60px;} .page-platformsupply .section-6 .list li:after{ content: ""; width: 80px; height: 2px; background: #DDE1E3; margin: 45px auto 0; display: block; } .page-platformsupply .section-6 .list li:hover{ box-shadow: 0 3px 40px rgba(0,0,0,.1); } .page-platformsupply .section-6 .list li:hover:after{ background: #2DD4D0; } .page-platformsupply .section-6 .list li .img{ width: 150px; height: 150px; display: block; margin: 0 auto 40px; background: url(../images/platformsupply/05-icon.png) no-repeat; } .page-platformsupply .section-6 .list li.item-1 .img{background-position: 0 0;} .page-platformsupply .section-6 .list li.item-2 .img{background-position: -160px 0;} .page-platformsupply .section-6 .list li.item-3 .img{background-position: -320px 0;} .page-platformsupply .section-6 .list li.item-4 .img{background-position: 0 -160px;} .page-platformsupply .section-6 .list li.item-5 .img{background-position: -160px -160px;} .page-platformsupply .section-6 .list li.item-6 .img{background-position: -320px -160px;} .page-platformsupply .section-6 .list li h3{ font-size: 18px; margin-bottom: 25px; } .page-platformsupply .section-6 .list li p{ font-size: 14px; color: #888888; width: 267px; margin: 0 auto;} /*招商入驻*/ .page-admission{ } .page-admission .section-1{ height: 445px; background: url(../images/admission/00-banner-bg.jpg) repeat-y center; } .page-admission .section-1 .section-title{ width: 483px; float: left; text-align: left; } .page-admission .section-1 .section-title h2{ margin-top: 58px; } .page-admission .section-1 .section-title h2:after{ content: ""; height: 2px; width: 83px; background: #fff; display: block; margin: 30px 0; } .page-admission .section-1 .section-title p{ line-height: 2; } .page-admission .section-1 .img{ width: 563px; height: 354px; background: url(../images/admission/00-banner-img.jpg) no-repeat; float: right; margin-top: 30px;} .page-admission .section-2{ padding-bottom: 70px; } .page-admission .section-2 .list { margin-right: -96px; } .page-admission .section-2 .list li{ float: left; position: relative; width: 226px; height: 194px; margin-right: 96px; text-align: center;} .page-admission .section-2 .list li:after{ content: ""; left: 254px; top: 79px; position: absolute; width: 36px; height: 36px; background: url(../images/admission/01-icon2.png) no-repeat; } .page-admission .section-2 .list li.item-4:after{ display: none; } .page-admission .section-2 .list li:hover{ box-shadow: 0 5px 55px rgba(156, 156, 156, 0.1); } .page-admission .section-2 .list li .img{ width: 50px; height: 50px; background: url(../images/admission/01-icon1.png) no-repeat; margin: 25px auto 20px; } .page-admission .section-2 .list li.item-1 .img{ background-position: 0 0; } .page-admission .section-2 .list li.item-2 .img{ background-position: -60px 0; } .page-admission .section-2 .list li.item-3 .img{ background-position: -120px 0; } .page-admission .section-2 .list li.item-4 .img{ background-position: -180px 0; } .page-admission .section-2 .list li h3{ font-size: 16px; font-weight: 700; margin-bottom: 8px; } .page-admission .section-2 .list li p{ font-size: 14px; color: #888; width: 155px; margin: 0 auto; } .page-admission .section-3{ background: #F3F6F9; padding-bottom: 50px; } .page-admission .section-3 .img{ height: 426px; background: url(../images/admission/02-img.png) no-repeat center top; } .page-admission .section-4{ padding-bottom: 30px; } .page-admission .section-4 .img{ height: 446px; background: url(../images/admission/03-img.png) no-repeat center top; } .page-admission .section-5{ background: #F3F6F9; padding-bottom: 42px; } .page-admission .section-5 .list{ text-align: center; } .page-admission .section-5 .list li{ background: #fff; box-shadow: 0 0 50px rgba(9,9,9,.1); height: 201px; border-radius: 5px; } .page-admission .section-5 .list li h3{ position: relative; top: -22px; width: 130px; height: 44px; margin: 0 auto;} .page-admission .section-5 .list li.item-1 h3{background: url(../images/admission/04-img1.png) no-repeat; } .page-admission .section-5 .list li.item-2 h3{background: url(../images/admission/04-img2.png) no-repeat; } .page-admission .section-5 .list li.item-3 h3{background: url(../images/admission/04-img3.png) no-repeat; } .page-admission .section-5 .list li .links{ margin: 0 20px; } .page-admission .section-5 .list li .links span{ float: left; width: 33%; border: 1px solid #F1F1F1; margin: 0 -1px -1px 0; box-sizing: border-box; line-height: 42px; font-size: 14px; } .page-admission .section-6 .s-slide .hd{ float: left; margin-left: 34px; border: 1px solid #E7E5EB; margin-top: 69px;} .page-admission .section-6 .s-slide .hd li{ width: 280px; height: 110px; overflow: hidden; cursor: pointer; border-bottom: 1px solid #E7E5EB; } .page-admission .section-6 .s-slide .hd li .img{ float: left; width: 35px; height: 30px; margin: 26px 0 0 20px; background: url(../images/admission/05-icon.png) no-repeat; } .page-admission .section-6 .s-slide .hd li.item-1 .img{ background-position: -3px 0; } .page-admission .section-6 .s-slide .hd li.item-2 .img{ background-position: -52px 0; } .page-admission .section-6 .s-slide .hd li.item-3 .img{ background-position: -103px 0; } .page-admission .section-6 .s-slide .hd li .text{ margin: 28px 0 0 70px; } .page-admission .section-6 .s-slide .hd li .text h3{ font-size: 16px; font-weight: 700; margin-bottom: 5px;} .page-admission .section-6 .s-slide .hd li .text p{ font-size: 14px; color: #888888; } .page-admission .section-6 .s-slide .hd li.on{ background: url(../images/admission/05-bg.png) no-repeat -16px 0; } .page-admission .section-6 .s-slide .hd li.on.item-1 .img{ background-position: -3px bottom; } .page-admission .section-6 .s-slide .hd li.on.item-2 .img{ background-position: -52px bottom; } .page-admission .section-6 .s-slide .hd li.on.item-3 .img{ background-position: -103px bottom; } .page-admission .section-6 .s-slide .hd li.on .text{ color: #fff; } .page-admission .section-6 .s-slide .hd li.on .text p{ color: #fff; } .page-admission .section-6 .s-slide .bd{ float: left; margin-left: 140px;} .page-admission .section-6 .s-slide .bd li{ width: 742px; height: 466px; } .page-admission .section-6 .s-slide .bd li.item-1{ background: url(../images/admission/05-img1.png) no-repeat center; } .page-admission .section-6 .s-slide .bd li.item-2{ background: url(../images/admission/05-img2.png) no-repeat center; } .page-admission .section-6 .s-slide .bd li.item-3{ background: url(../images/admission/05-img3.png) no-repeat center; } .page-admission .section-7{ background: #F3F6F9; padding: 76px 0 30px;} .page-admission .section-7 .section-title{ width: 380px; float: right; text-align: left; margin-top: 45px; } .page-admission .section-7 .section-title p{ line-height: 1.8; } .page-admission .section-7 .img{ width: 726px; height: 415px; background: url(../images/admission/06-img.png) no-repeat; float: left; } .page-admission .section-8{ padding: 40px 0; } .page-admission .section-8 .section-title{ width: 342px; float: left; text-align: left; } .page-admission .section-8 .section-title .btn-wrap{ margin-top: 40px; } .page-admission .section-8 .img{ width: 622px; height: 405px; background: url(../images/admission/07-img.png) no-repeat; float: right; } .page-admission .section-9{ background: #F3F6F9; padding: 40px 0;} .page-admission .section-9 .section-title{ width: 406px; float: right; text-align: left; margin-top: 95px;} .page-admission .section-9 .img{ width: 778px; height: 495px; background: url(../images/admission/08-img.png) no-repeat; float: left; } /*特色功能*/ .page-feature{ } .page-feature .section-1{ height: 425px; background: url(../images/feature/00-banner-bg.jpg) repeat-y center; } .page-feature .section-1 .section-title{ width: 483px; float: left; text-align: left; } .page-feature .section-1 .section-title h2{ margin-top: 58px; } .page-feature .section-1 .section-title h2:after{ content: ""; height: 2px; width: 83px; background: #fff; display: block; margin: 30px 0; } .page-feature .section-1 .section-title p{ line-height: 2; } .page-feature .section-1 .img{ width: 563px; height: 354px; background: url(../images/feature/00-banner-img.png) no-repeat; float: right; margin-top: 40px;} .page-feature .section-2{ background: #F0F1F4; padding-bottom: 86px; } .page-feature .section-2 .list li{ float: left; border-radius: 5px; overflow: hidden; } .page-feature .section-2 .list li .i-hd{ height: 100px; text-align: center; color: #fff; background: #999; overflow: hidden; } .page-feature .section-2 .list li .i-hd h3{ font-size: 22px; margin: 20px 0 2px; } .page-feature .section-2 .list li.item-2 .i-hd h3{ margin-top: 30px; } .page-feature .section-2 .list li .i-hd p{ font-size: 14px; } .page-feature .section-2 .list li.item-1{ width: 362px; } .page-feature .section-2 .list li.item-2{ width: 500px; margin: -30px -30px 0; position: relative; z-index: 3; box-shadow: 0 0 20px rgba(0,0,0,.1);} .page-feature .section-2 .list li.item-3{ width: 362px; } .page-feature .section-2 .list li.item-1 .i-hd{ background: url(../images/feature/01-bg1.jpg) repeat-x left top; } .page-feature .section-2 .list li.item-2 .i-hd{ background: url(../images/feature/01-bg2.jpg) repeat-x left top; height: 120px; } .page-feature .section-2 .list li.item-3 .i-hd{ background: url(../images/feature/01-bg3.jpg) repeat-x left top; } .page-feature .section-2 .list li .i-bd{ background: #fff; height: 358px; } .page-feature .section-2 .list li.item-2 .i-bd{ height: 396px; } .page-feature .section-2 .list li .i-list{ padding: 31px 0 0 23px; } .page-feature .section-2 .list li.item-2 .i-list{ overflow: hidden; } .page-feature .section-2 .list li.item-2 .i-list dd{ float: left; width: 50%; } .page-feature .section-2 .list li.item-3 .i-list{ padding-left: 50px; padding-right: 30px; } .page-feature .section-2 .list li .i-list dd{ overflow: hidden; margin-bottom: 8px;} .page-feature .section-2 .list li.item-3 .i-list dd{ margin-bottom: 24px; } .page-feature .section-2 .list li .i-list .img{ float: left; width: 70px; height: 70px; background: url(../images/feature/01-icon1.png) no-repeat; } .page-feature .section-2 .list li.item-2 .i-list .img{ height: 80px; } .page-feature .section-2 .list li.item-3 .i-list .img{ height: 80px; } .page-feature .section-2 .list li .i-list .text{ margin-left: 80px; padding-top: 3px;} .page-feature .section-2 .list li .i-list .text h4{ font-size: 18px; } .page-feature .section-2 .list li .i-list .text p{ font-size: 14px; color: #888; } .page-feature .section-2 .list li.item-1 .i-list .dd-1 .img{ background-position: 0 0; } .page-feature .section-2 .list li.item-1 .i-list .dd-2 .img{ background-position: -80px 0; } .page-feature .section-2 .list li.item-1 .i-list .dd-3 .img{ background-position: -160px 0; } .page-feature .section-2 .list li.item-1 .i-list .dd-4 .img{ background-position: -240px 0; } .page-feature .section-2 .list li.item-2 .i-list .dd-1 .img{ background-position: -5px -80px; } .page-feature .section-2 .list li.item-2 .i-list .dd-2 .img{ background-position: -95px -80px; } .page-feature .section-2 .list li.item-2 .i-list .dd-3 .img{ background-position: -185px -80px; } .page-feature .section-2 .list li.item-2 .i-list .dd-4 .img{ background-position: -275px -80px; } .page-feature .section-2 .list li.item-2 .i-list .dd-5 .img{ background-position: -365px -80px; } .page-feature .section-2 .list li.item-2 .i-list .dd-6 .img{ background-position: -455px -80px; } .page-feature .section-2 .list li.item-2 .i-list .dd-7 .img{ background-position: -545px -80px; } .page-feature .section-2 .list li.item-2 .i-list .dd-8 .img{ background-position: -635px -80px; } .page-feature .section-2 .list li.item-3 .i-list .dd-1 .img{ background-position: -5px -170px; } .page-feature .section-2 .list li.item-3 .i-list .dd-2 .img{ background-position: -95px -170px; } .page-feature .section-2 .list li.item-3 .i-list .dd-3 .img{ background-position: -185px -170px; } .page-feature .section-3{ padding-bottom: 30px; } .page-feature .section-3 .list{ text-align: center; } .page-feature .section-3 .list li{ margin-bottom: 65px; } .page-feature .section-3 .list .img{ background: url(../images/feature/02-icon.png) no-repeat; width: 209px; height: 133px; margin: 0 auto;} .page-feature .section-3 .list .item-1 .img{ background-position: 0 0; } .page-feature .section-3 .list .item-2 .img{ background-position: -220px 0; } .page-feature .section-3 .list .item-3 .img{ background-position: -440px 0; } .page-feature .section-3 .list .item-4 .img{ background-position: -660px 0; } .page-feature .section-3 .list .item-5 .img{ background-position: -880px 0; } .page-feature .section-3 .list .item-6 .img{ background-position: 0 -150px; } .page-feature .section-3 .list .item-7 .img{ background-position: -220px -150px; } .page-feature .section-3 .list .item-8 .img{ background-position: -440px -150px; } .page-feature .section-3 .list .item-9 .img{ background-position: -660px -150px; } .page-feature .section-3 .list .item-10 .img{ background-position: -880px -150px; } .page-feature .section-3 .list .item-11 .img{ background-position: 0 -300px; } .page-feature .section-3 .list .item-12 .img{ background-position: -220px -300px; } .page-feature .section-3 .list .item-13 .img{ background-position: -440px -300px; } .page-feature .section-3 .list .item-14 .img{ background-position: -660px -300px; } .page-feature .section-3 .list .item-15 .img{ background-position: -880px -300px; } .page-feature .section-3 .list li h3{ font-size: 20px; margin-bottom: 4px;} .page-feature .section-3 .list li p{ font-size: 14px; color: #888; } .page-feature .section-4{ background: url(../images/feature/04-bj.jpg) no-repeat; padding-bottom: 65px;} .page-feature .section-4 .img{ width: 980px; height: 545px; background: url(../images/feature/chaquan.png) no-repeat; margin: 0 auto; } .page-feature .section-4 h2{color: #fff} .page-feature .section-5{ padding:20px 0 50px } .page-feature .section-5 .section-title{margin-bottom: 20px;} .page-feature .section-5 .img{ width: 980px; height: 580px; background: url(../images/feature/data_update.png) no-repeat; margin: 0 auto; } .page-feature .section-6{ background: #F0F1F4; padding-bottom: 30px; } .page-feature .section-6 .list { margin-right: -94px; } .page-feature .section-6 .list li{ width: 230px; height: 65px; padding: 7px; margin: 0 78px 60px 0; border-radius: 40px; background: #fff; box-shadow: 0 3px 20px rgba(0,0,0,0.1); } .page-feature .section-6 .list li .img{ width: 65px; height: 65px; float: left; background: url(../images/feature/05-icon.png) no-repeat; } .page-feature .section-6 .list li.item-1 .img{ background-position: 0 0; } .page-feature .section-6 .list li.item-2 .img{ background-position: -75px 0; } .page-feature .section-6 .list li.item-3 .img{ background-position: -150px 0; } .page-feature .section-6 .list li.item-4 .img{ background-position: -225px 0; } .page-feature .section-6 .list li.item-5 .img{ background-position: -300px 0; } .page-feature .section-6 .list li.item-6 .img{ background-position: -375px 0; } .page-feature .section-6 .list li.item-7 .img{ background-position: -450px 0; } .page-feature .section-6 .list li.item-8 .img{ background-position: -525px 0; } .page-feature .section-6 .list li p{ font-size: 16px; padding-left: 79px; line-height: 65px; } .page-feature .section-7{ padding-bottom: 50px; } .page-feature .section-7 .list li{ text-align: center; margin-bottom: 50px;} .page-feature .section-7 .list li .img{ width: 60px; height: 60px; background: url(../images/feature/06-icon.png) no-repeat; margin: 0 auto 20px;} .page-feature .section-7 .list li.item-1 .img{ background-position: 0 0; } .page-feature .section-7 .list li.item-2 .img{ background-position: -70px 0; } .page-feature .section-7 .list li.item-3 .img{ background-position: -140px 0; } .page-feature .section-7 .list li.item-4 .img{ background-position: -210px 0; } .page-feature .section-7 .list li.item-5 .img{ background-position: -280px 0; } .page-feature .section-7 .list li.item-6 .img{ background-position: -350px 0; } .page-feature .section-7 .list li.item-7 .img{ background-position: -420px 0; } .page-feature .section-7 .list li.item-8 .img{ background-position: -490px 0; } .page-feature .section-7 .list li.item-9 .img{ background-position: -560px 0; } .page-feature .section-7 .list li.item-10 .img{ background-position: -630px 0; } .page-feature .section-7 .list li p{ font-size: 18px; } /*技术架构*/ .page-framework{ } .page-framework .section-1{ height: 425px; background: url(../images/index/06-img1.jpg) no-repeat center top; } .page-framework .section-2{ padding-bottom: 60px; } .page-framework .section-2 .img{ height: 341px; background: url(../images/framework/01-img.png) no-repeat center top; } .page-framework .section-3{ padding-bottom: 60px; background: #f7f7fa; } .page-framework .section-3 .list{ width: 380px; float: left; margin-left: 84px; padding-top: 31px;} .page-framework .section-3 .list li{ overflow: hidden; margin-bottom: 18px; } .page-framework .section-3 .list li .img{ width: 40px; height: 40px; float: left; background: url(../images/framework/03-icon.png) no-repeat; } .page-framework .section-3 .list li.item-1 .img{ background-position: 0 0; } .page-framework .section-3 .list li.item-2 .img{ background-position: -47px 0; } .page-framework .section-3 .list li.item-3 .img{ background-position: -94px 0; } .page-framework .section-3 .list li.item-4 .img{ background-position: -138px 0; } .page-framework .section-3 .list li .text{ padding-left: 60px; } .page-framework .section-3 .list li .text h3{ font-size: 20px; font-weight: 700; margin-bottom: 15px; padding-top: 4px;} .page-framework .section-3 .list li .text p{ font-size: 14px; color: #888; } .page-framework .section-3 .img{ float: right; width: 554px; height: 481px; background: url(../images/framework/02-img2.png) no-repeat; } .page-framework .section-4{background: #000; padding-bottom: 40px;} .page-framework .section-4 .section-title p{ color: #888; } .page-framework .section-4 .list li{ float: left; width: 552px; margin-right: 95px; margin-bottom: 60px; } .page-framework .section-4 .list li:nth-child(2n){ margin-right: 0 } .page-framework .section-4 .i-hd{ color: #fff; font-size: 20px; border-bottom: 1px solid #2b2b2b; padding-bottom:15px;margin-bottom:15px;} .page-framework .section-4 .i-bd{ color: #666; font-size: 14px; } .page-framework .section-4 .ib-l, .page-framework .section-4 .ib-c, .page-framework .section-4 .ib-r{ float: left; } .page-framework .section-4 .ib-l{ width: 155px;} .page-framework .section-4 .ib-c{ width: 253px; margin-right: 30px; padding-top: 8px;} .page-framework .section-4 .ib-r{ width: 114px; } .page-framework .section-4 .ib-l .num{ color: #ccc; font-size: 53px; line-height: 1; opacity: .3; margin-top: 17px;} .page-framework .section-4 .ib-l .num span{ font-size: 30px; margin-left: 5px;} .page-framework .section-4 .ib-c .l-l, .page-framework .section-4 .ib-c .l-s{ height: 5px; background-repeat: repeat-y; border-radius: 0 3px 3px 0; width: 243px; margin-bottom: 10px; transition: all cubic-bezier(0.32, 0.35, 0.65, 1.15) 2s;} .page-framework .section-4 .ib-c .l-s{ width: 83px; background-image: url(../images/framework/03-bg5.png); background-size: 100%; } .page-framework .section-4 .ib-c p{ margin-bottom: 10px; } .page-framework .section-4 .item-1 .ib-c .l-l{ background-image: url(../images/framework/03-bg1.png); } .page-framework .section-4 .item-2 .ib-c .l-l{ background-image: url(../images/framework/03-bg2.png); } .page-framework .section-4 .item-3 .ib-c .l-l{ background-image: url(../images/framework/03-bg3.png); } .page-framework .section-4 .item-4 .ib-c .l-l{ background-image: url(../images/framework/03-bg4.png); } .page-framework .section-4 .item-1 .ib-c .l-s{ width: 97px; } .page-framework .section-4 .item-2 .ib-c .l-s{ width: 93px; } .page-framework .section-4 .item-3 .ib-c .l-s{ width: 87px; } .page-framework .section-4 .item-4 .ib-c .l-s{ width: 81px; } .page-framework .section-4 .ib-r .num{ font-size: 60px; line-height: 1; margin-top: 10px;} .page-framework .section-4 .ib-r .num span{ font-size: 22px; display: inline-block; vertical-align: 3px; margin-left: 5px;} .page-framework .section-4 .item-1 .ib-r .num{ color: #FD620D } .page-framework .section-4 .item-2 .ib-r .num{ color: #FFA429 } .page-framework .section-4 .item-3 .ib-r .num{ color: #47CBF9 } .page-framework .section-4 .item-4 .ib-r .num{ color: #8665D1 } .page-framework .section-4 .text{ border: 1px solid #333; line-height: 24px; font-size: 14px; width: 240px; text-align: center; margin: 0 auto; color: #888; clear: both; } .page-framework .section-4 .text em{ color: #666; margin-right: 5px; } .page-framework .section-4 .list.j-short .l-l, .page-framework .section-4 .list.j-short .l-s{ width: 0!important; } .page-framework .section-5 .img{ height: 406px; background: url(../images/framework/04-img.png) no-repeat center top; } .page-framework .section-5 .btn-wrap{ padding-top: 25px; } .page-framework .section-5 .btn-wrap a{ font-size: 20px; color: #fc142b; } .page-framework .section-5 .btn-wrap i{ display: inline-block; width: 20px; height: 20px; background: url(../images/framework/04-icon.png) no-repeat; background-size: contain; vertical-align: -3px; margin-right: 10px; } .page-framework .section-6{background: #000; padding-bottom: 90px;} .page-framework .section-6 .section-title p{ color: #888; } .page-framework .section-6 .img{ height: 379px; background: url(../images/framework/05-img.png) no-repeat center top; } .page-framework .section-7{ padding: 90px 0; } .page-framework .section-7 .img{ width: 497px; height: 286px; background: url(../images/framework/06-img1.png) no-repeat; float: left; } .page-framework .section-7 .s-right{ float: left; margin-left: 80px; padding-top: 30px; } .page-framework .section-7 .title{ width: 583px; height: 124px; background: url(../images/framework/06-img2.png) no-repeat; margin-bottom: 50px; } .page-framework .section-7 .btn-wrap{} /*功能列表*/ .page-function .section-1 .btn-wrap{ padding-top: 270px; } .page-function .section-1 .btn-wrap a{ width: auto; padding: 0 20px; } .page-function .service_tabs{ width:100%; height:80px; background:#fff; border-bottom: 1px solid #e5e5e5;} .page-function .service_tabs ul{ float:left; width:1200px;} .page-function .service_tabs ul li{ width:200px; height:80px; line-height:80px; font-size:20px; float:left; text-align:center; position:relative; cursor:pointer;} .page-function .service_tabs ul li.current,.service_tabs ul li:hover{color: #FC3B36; border-bottom: 2px solid #FC3B36;} .page-function .service_con{ width:1200px; margin:48px auto 100px;} .page-function .service_con table{ border-collapse: collapse; font-size:16px; background:#fff; width:100%;} .page-function .service_con table .ftx03{ color: #23a2fb;} .page-function .service_con table td,.service_con table th{ border:1px solid #dcdcdc; height:45px; line-height:45px; text-align:center;} .page-function .service_con table th{ height:58px; line-height:58px; font-size:20px; font-weight:bold; color:#333; border-top:2px solid #ec5051;} .page-function .service_con table .th1{ width:400px;} .page-function .service_con table .td3{ width:165px;} .page-function .service_con table .th3{ width:628px;} .page-function .service_con table .td1{ width:68px;} .page-function .service_con table .td1 span{ width:20px; display:block; line-height:20px; padding:0 24px; font-size:20px; color:#333;} .page-function .service_con table .td2{ text-align:left; padding-left:30px; color:#333; background: #fff4f4;} .page-function .service_con table .td2.red{ color: #333!important; } .page-function .service_con table .td2[colspan]{ background: transparent; } .page-function .service_con table .td4{ text-align:left; padding-left:50px; padding-right:10px;} .page-function .service_con table td img.ml5{ vertical-align: -3px; } .page-function .service_con table td .icon{ width:27px; height:25px; display:block; float:left; background-position:0 0; margin-left:65px;} .page-function .service_con table td .icon.ok{ width: 24px; height: 20px; background: url(../images/authorization/03-icon.png) no-repeat;} .page-function .service_con table td .icon.error{ background-position:-54px -265px;} .page-function .service_con table td .row1{ display:inline-block; *display:inline; *zoom:1; padding:20px 0; text-align:center;} .page-function .service_con table td .row2{ line-height:30px;} .page-function-x .section-1{ height: 425px; background: url(../images/function/banner-x.jpg) no-repeat center top; } .page-function-x .service_tabs ul li{ width: 300px; } .page-function-2 .section-1{ height: 425px; background: url(../images/function/banner-2.jpg) no-repeat center top; } /*解决方案*/ .page-programme{} .page-programme .section-1{ height: 390px; background: url(../images/programme/00-banner-bg.jpg) no-repeat center top; } .page-programme .section-1 .section-title{ margin-top: 56px; } .page-programme .section-1 .section-title h2{ font-size: 48px; margin-bottom: 0;} .page-programme .section-1 .section-title p{ font-size: 24px; margin-bottom: 40px;} .page-programme .section-1 .section-title .btn-line{ padding: 0 10px; } .page-programme .section-1 .section-title a:hover{ color: #2b3034; } .page-programme .programme-list { margin-right: -30px; } .page-programme .programme-list li{ float: left; text-align: center; width: 380px; height: 250px; position: relative; margin: 0 30px 30px 0; overflow: hidden;} .page-programme .programme-list li:before{ content: ""; position: absolute; z-index: 3; left: 0; right: 0; top: 0; background: #e02629; height: 2px; transition: all .4s; transform: translate(0,-100%); } .page-programme .programme-list li .img{ position: absolute; opacity: 0.8; background: url(../images/programme/cover.jpg) no-repeat center top; width: 380px; height: 250px; left: 0; top: 0; transition: all .2s;} .page-programme .programme-list li .text{ position: absolute; width: 380px; height: 250px; left: 0; top: 0; z-index: 2; transition: all .2s; } .page-programme .programme-list li i{ width: 60px; height: 60px; background: url(../images/programme/i.png) no-repeat; margin: 57px auto 20px; display: block; transition: all .4s; } .page-programme .programme-list li p{font-size: 18px; color: #fff; transition: all .2s; margin-bottom: 10px;} .page-programme .programme-list li p:after{ content: ""; opacity: 0.5; width: 18px; height: 1px; background: #fff; margin: 15px auto 0; display: block;} .page-programme .programme-list li .btn-red2{ opacity: 0; transition: all .4s;} .page-programme .programme-list li.item-more p{ margin-top: 94px; } .page-programme .programme-list li.item-more p:after{ display: none; } .page-programme .programme-list li.item-more span{ color: #fff; font-size: 14px; } .page-programme .programme-list li:hover:before{ transform: translate(0,0); } .page-programme .programme-list li:hover i{ height: .1px; } .page-programme .programme-list li:hover .img{ background: #fafafa; opacity: .8; } .page-programme .programme-list li:hover p{ color: #333; } .page-programme .programme-list li:hover p:after{ background: transparent; } .page-programme .programme-list li:hover .btn-red2{ opacity: 1; } .page-programme .programme-list li.item-more:hover:before{ transform: translate(0,-100%); } .page-programme .programme-list li.item-more:hover p{ color: #fff; } .page-programme .programme-list li.item-more:hover span{ color: #fff; } .page-programme .programme-list li.item-more:hover .img{ background: url(../images/programme/cover.jpg) no-repeat center top; opacity: .8; } .page-programme .section-2 .programme-list li.item-1 i{ background-position: 0 top; } .page-programme .section-2 .programme-list li.item-2 i{ background-position: -60px top; } .page-programme .section-2 .programme-list li.item-3 i{ background-position: -120px top; } .page-programme .section-2 .programme-list li.item-4 i{ background-position: -180px top; } .page-programme .section-2 .programme-list li.item-5 i{ background-position: -240px top; } .page-programme .section-2 .programme-list li.item-6 i{ background-position: -300px top; } .page-programme .section-2 .programme-list li.item-7 i{ background-position: -360px top; } .page-programme .section-2 .programme-list li.item-1{ background-image: url(../images/programme/01-img1.jpg); } .page-programme .section-2 .programme-list li.item-2{ background-image: url(../images/programme/01-img2.jpg); } .page-programme .section-2 .programme-list li.item-3{ background-image: url(../images/programme/01-img3.jpg); } .page-programme .section-2 .programme-list li.item-4{ background-image: url(../images/programme/01-img4.jpg); } .page-programme .section-2 .programme-list li.item-5{ background-image: url(../images/programme/01-img5.jpg); } .page-programme .section-2 .programme-list li.item-6{ background-image: url(../images/programme/01-img6.jpg); } .page-programme .section-2 .programme-list li.item-7{ background-image: url(../images/programme/01-img7.jpg); } .page-programme .section-2 .programme-list li.item-8{ background-image: url(../images/programme/01-img8.jpg); } .page-programme .section-3{ padding-bottom: 94px; } .page-programme .section-3 .programme-list li.item-1 i{ background-position: 0 -60px; } .page-programme .section-3 .programme-list li.item-2 i{ background-position: -60px -60px; } .page-programme .section-3 .programme-list li.item-3 i{ background-position: -120px -60px; } .page-programme .section-3 .programme-list li.item-4 i{ background-position: -180px -60px; } .page-programme .section-3 .programme-list li.item-5 i{ background-position: -240px -60px; } .page-programme .section-3 .programme-list li.item-6 i{ background-position: -300px -60px; } .page-programme .section-3 .programme-list li.item-1{ background-image: url(../images/programme/02-img1.jpg); } .page-programme .section-3 .programme-list li.item-2{ background-image: url(../images/programme/02-img2.jpg); } .page-programme .section-3 .programme-list li.item-3{ background-image: url(../images/programme/02-img3.jpg); } .page-programme .section-3 .programme-list li.item-4{ background-image: url(../images/programme/02-img4.jpg); } .page-programme .section-3 .programme-list li.item-5{ background-image: url(../images/programme/02-img5.jpg); } .page-programme .section-3 .programme-list li.item-6{ background-image: url(../images/programme/02-img6.jpg); } /*解决方案*/ .page-newretail{} .page-newretail .section-1{ height: 390px; background: url(../images/newretail/00-banner.jpg) no-repeat center top; } .page-newretail .section-1 .container{ position: relative; height: 390px; } .page-newretail .section-1 .btn-wrap{ text-align: left; padding-top: 270px;} .page-newretail .section-1 .btn-wrap a{ padding: 0 10px; } .page-newretail .section-1 .btn-wrap{ text-align: left; padding-top: 270px;} .page-newretail .section-1 .btn-wrap a{ padding: 0 10px; } .page-newretail .section-1 i{ width: 92px; height: 92px; cursor: pointer; background: url(../images/newretail/00-banner-button.png) no-repeat; position: absolute; bottom: -46px; left: 50%; margin-left: -46px;} .page-newretail .section-2{ padding-top: 40px; padding-bottom: 45px; } .page-newretail .section-2 .img{ height: 621px; background: url(../images/newretail/01-img.jpg) no-repeat center top; } .page-newretail .section-3{ position: relative; background: #f5f5f5; margin-bottom: 50px; padding-bottom: 60px; } .page-newretail .section-3 .img{ height: 253px; background: url(../images/newretail/02-img.png) no-repeat center top; } .page-newretail .section-4{ padding-bottom: 122px; padding-top: 148px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe9e9+0,fffbfb+100 */ background: rgb(255,233,233); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,233,233,1) 0%, rgba(255,251,251,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,233,233,1) 0%,rgba(255,251,251,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,233,233,1) 0%,rgba(255,251,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe9e9', endColorstr='#fffbfb',GradientType=0 ); /* IE6-9 */ } .page-newretail .section-4 .list li{ text-align: center; } .page-newretail .section-4 .list li .img{ width: 100px; height: 100px; margin: 10px auto 20px; background: url(../images/newretail/03-icon.png) no-repeat; } .page-newretail .section-4 .list li.item-1 .img{ background-position: 0 0; } .page-newretail .section-4 .list li.item-2 .img{ background-position: -110px 0; } .page-newretail .section-4 .list li.item-3 .img{ background-position: -220px 0; } .page-newretail .section-4 .list li.item-4 .img{ background-position: -330px 0; } .page-newretail .section-4 .list li.item-5 .img{ background-position: -440px 0; } .page-newretail .section-4 .list li h3{ font-size: 24px; margin-bottom: 5px;} .page-newretail .section-4 .list li p{ color: #888888; font-size: 14px; margin: 0 14px;} .page-newretail .section-5{ padding-top: 30px; } .page-newretail .section-5 .section-title{ width: 427px; float: left; text-align: left; } .page-newretail .section-5 .img{ width: 590px; height: 595px; background: url(../images/newretail/04-img.png) no-repeat; float: right; } .page-newretail .section-6{ padding-top: 92px; } .page-newretail .section-6 .section-title{ width: 438px; float: right; text-align: left; } .page-newretail .section-6 .img{ width: 590px; height: 595px; background: url(../images/newretail/05-img.png) no-repeat; float: left; } .page-newretail .section-7{ padding-top: 33px; } .page-newretail .section-7 .section-title{ width: 427px; float: left; text-align: left; margin-top: 90px;} .page-newretail .section-7 .img{ width: 590px; height: 595px; background: url(../images/newretail/06-img.png) no-repeat; float: right; } .page-newretail .section-8{ padding-top: 92px; } .page-newretail .section-8 .section-title{ width: 438px; float: right; text-align: left; margin-top: 100px; } .page-newretail .section-8 .img{ width: 590px; height: 595px; background: url(../images/newretail/07-img.png) no-repeat; float: left; } .section-recommend{ background: url(../images/newretail/08-bg.jpg) no-repeat center top; margin-top: 30px;} /*转移页面*/ .body-transfer{} .body-transfer .mt50 {margin-top: 50px; } .body-transfer .ml5 {margin-left: 5px; } .body-transfer .icon{ background: url(../images/common/ecsc_icon.png) no-repeat; } .body-transfer .rmb {margin: -2px 10px 0 0; display: inline-block; width: 27px; height: 27px; vertical-align: middle; } .body-transfer .section {overflow: hidden; padding: 80px 0 100px; } .body-transfer .sc-title {font-size: 36px; color: #333; text-align: center; line-height: 1; margin-bottom: 30px; font-weight: normal; } .body-transfer .sc-subtitle {font-size: 16px; color: #95989d; line-height: 2; margin-bottom: 40px; text-align: center; } .body-transfer .section-warp {width: 1200px; margin: 0 auto; } .body-transfer .dis {display: block; margin: 0 auto; } .body-transfer .m-b15 {margin-bottom: 15px; } .body-transfer .text-c {text-align: center; } .body-transfer .btn {display: inline-block; font-size: 18px; color: #fff; background-color: #239ffd; padding: 12px 25px; border-radius: 15px; } .body-transfer .btn:hover {background-color: #24B2F7; } .body-transfer .btn-danger {background-color: #f42424; } .body-transfer .btn-danger:hover {background-color: #F96565; } .body-transfer .module-word {padding-top: 80px; padding-bottom: 100px; overflow: hidden; } .body-transfer .module-gray {background-color: #f6f9fc; } .body-transfer .container_right {float: right; position: relative; z-index: 9; } .body-transfer .container_right .sc-title, .body-transfer .container_right .sc-subtitle {text-align: left; } .body-transfer .container_left {float: left; text-align: left; } .body-transfer .center-image{ position: relative;} .body-transfer .center-image img{ position: relative; left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); vertical-align: middle;} .body-transfer .index-price .price-slide .hd{ margin-bottom: 30px; } .body-transfer .index-price .price-slide .hd li{ float: left; width: 33.333%; position: relative; background: #677689; font-size: 26px; color: #fff; height: 70px; line-height: 70px; text-align: center; cursor: pointer;} .body-transfer .index-price .price-slide .hd li.on{ background: #3DBAF7; } .body-transfer .index-price .price-slide .hd li i{width: 10px; height: 10px; position: absolute; background: #239ffd; transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); bottom: -5px; left: 50%; display: none;} .body-transfer .index-price .price-slide .hd li.on i{ display: block; } .body-transfer .index-price .price-slide .bd{ border: 1px solid #3dbaf7; overflow: hidden; } .body-transfer .index-price .price-slide .bd li{ margin: -1px;} .body-transfer .index-price .attr-table{ width: 100%; text-align: center; border-collapse: collapse; } .body-transfer .index-price .attr-table th, .body-transfer .index-price .attr-table td{ padding: 10px 0; border: 1px solid #ddd;} .body-transfer .index-price .attr-table th{ background-color: #eee; position: relative;} .body-transfer .index-price .attr-table th.at-title{ background-color: #3DBAF7; } .body-transfer .index-price .attr-table th .tag{ width: 40px; height: 40px; position: absolute; right: 0; bottom: 0; } .body-transfer .index-price .attr-table th .tag-7days{ background: url(../images/common/attr_table_tag_7days.png) no-repeat; } .body-transfer .index-price .attr-table th .tag-year{ background: url(../images/common/attr_table_tag_year.png) no-repeat; } .body-transfer .index-price .attr-table td.at-right{ background: url(../images/common/attr_table_right.png) center center no-repeat; } .body-transfer .index-price .attr-table td.at-wrong{ background: url(../images/common/attr_table_wrong.png) center center no-repeat; } .body-transfer .index-price .attr-table tfoot td{ padding: 30px 45px; } .body-transfer .index-price .attr-table tfoot .at-footdesc{color: #81929D; line-height: 27px; text-align: right; font-size: 16px; margin-right: 10px;} .body-transfer .index-price .attr-table .at-title{ font-size:18px; font-weight:bold; color:#333;} .body-transfer .index-price .attr-table .at-subtitle{ background-color: #D8F1FD; font-size: 14px; text-align: left; padding-left:20px;} .body-transfer .index-price .attr-table .at-subtitle .price{ color:#f42424;} .body-transfer .index-price .btn i{ display: inline-block; vertical-align: middle; margin-right: 10px; width: 16px; height: 16px;} .body-transfer .index-price .btn i.zixun{ background-position: -46px 0; } .body-transfer .index-price .btn i.xiazai{ background-position: -20px 0; } .body-transfer .index-price .attr-table .at-zhichi{ font-size:14px; color:#333;} .body-transfer .index-price .attr-table .at-zhichi a{ color:#333;} .body-transfer .index-price .attr-table .at-zhichi a:hover{ color:#f42424;} .body-transfer .index-price .attr-table .at-zhichi .icon-ok{ width:20px; height:20px; display:inline-block; background:url(../images/common/zhichi.png) no-repeat; vertical-align:middle; margin-right:5px; margin-top:-2px;} .body-transfer .index-price .attr-table .bky{ font-size:14px; color:#333; display:block; text-align:right; margin-right:10px;} .body-transfer .table_con{overflow: hidden;} .body-transfer .table_con table{ border-collapse: collapse;font-size: 16px;background: #fff;width: 100%;} .body-transfer .table_con table td,.table_con table th{ border: 1px solid #99d1fa;min-height: 45px; line-height:25px;text-align: center; padding:10px 0;} .body-transfer .table_con table th{ height:58px; text-align:center; color:#fff; font-size:18px; background:#239ffd;} .body-transfer .table_con table td{ text-align: left;padding:10px 20px;} .body-transfer .table_con table td.last{ text-align:center;} .body-transfer .table_con table td .btn{ height:45px; line-height:45px;} .body-transfer .table_zy{ line-height:20px; font-size:16px; color:#F00; padding-bottom:10px;} .body-transfer .tishi{ text-align:left;} .body-transfer .tishi p{ font-size:14px; line-height:25px;} .body-transfer .tishi p span{ color:#95989d;} .body-transfer .foot-btn{ margin-top:10px;} .body-transfer .foot-btn .btn{ padding:7px 25px; margin-right:10px; border-radius:10px;} .body-transfer .index-needs .needs-slide .hd, .body-transfer .index-price .price-slide .hd li.on, .body-transfer .index-price .attr-table th.at-title{ background-color:#239ffd;} .body-transfer .temp{ width:100%; overflow:hidden;} .body-transfer .temp .title{ text-align:center; padding-top:90px;} .body-transfer .temp .title h3{ font-size:36px; font-weight:bold; color:#333; height:36px; line-height:36px;} .body-transfer .temp .title h2{ font-size: 48px;height: 48px;line-height: 48px;font-weight:bold; color:#333;} .body-transfer .temp .title span{ font-size:16px; display:block; margin-top:15px; line-height:30px;} .body-transfer .temp .content{ width:100%; margin-top:50px;} .body-transfer .temp_2 .content{ position:relative} .body-transfer .temp_1 ul{ width:1270px; overflow:hidden;} .body-transfer .temp_1 li{ width:184px; float:left; text-align:center; margin:0 70px 50px 0;position:relative;cursor:pointer;} .body-transfer .temp_1 li .desc{ width:100%; text-align:center; margin-top:33px;} .body-transfer .temp_1 li .desc h4{ font-size:20px; height:20px; line-height:20px; color:#333; font-weight:normal;} .body-transfer .temp_1 li .desc span{ font-size:14px; line-height:22px; display:block; margin-top:8px;} .body-transfer .attr-table{ width: 100%; text-align: center; border-collapse: collapse; } .body-transfer .attr-table th, .body-transfer .attr-table td{ padding: 10px 0; border: 1px solid #ddd;} .body-transfer .attr-table th{ background-color: #eee;} .body-transfer .attr-table th.at-title{ background-color: #3DBAF7; } .body-transfer .attr-table th .tag{ width: 40px; height: 40px; position: absolute; right: 0; bottom: 0; } .body-transfer .attr-table th .tag-7days{ background: url(../images/saas/attr_table_tag_7days.png) no-repeat; } .body-transfer .attr-table th .tag-year{ background: url(../images/saas/attr_table_tag_year.png) no-repeat; } .body-transfer .attr-table td.at-right{ background: url(../images/saas/attr_table_right.png) center center no-repeat; } .body-transfer .attr-table td.at-wrong{ background: url(../images/saas/attr_table_wrong.png) center center no-repeat; } .body-transfer .attr-table tfoot td{ padding: 30px 45px; } .body-transfer .attr-table tfoot .at-footdesc{color: #81929D; line-height: 27px; text-align: right; font-size: 16px; margin-right: 10px;} .body-transfer .attr-table .at-title{ font-size:18px; font-weight:bold; color:#333; box-sizing: border-box;} .body-transfer .attr-table .at-subtitle{ background-color: #D8F1FD; font-size: 14px; text-align: left; padding-left:20px;} .body-transfer .attr-table .btn i{ display: inline-block; vertical-align: middle; margin-right: 10px; width: 16px; height: 16px;} .body-transfer .attr-table .btn i.zixun{ background-position: -46px 0; } .body-transfer .attr-table .btn i.xiazai{ background-position: -20px 0; } .body-transfer .attr-table .btn i.ie{ width:20px; height:20px; background-position:-158px -1px; margin-top:-3px;} .body-transfer .attr-table th{ padding:20px 0; background-color:#fff;} .body-transfer .attr-table .th-title{ font-size:14px; color:#333;} .body-transfer .attr-table .th-price{ font-size:16px; color:#ec3b3b; font-weight:bold; margin-top:10px;} .body-transfer .attr-table th.at-title{ font-weight:normal; color:#fff; font-size:24px; background-color:#0b94fe;} .body-transfer .attr-table .at-subtitle{ color:#333;} .body-transfer .attr-table td{ font-size:14px; color:#95989d;} .body-transfer .attr-table tfoot td strong{ float:left; font-size:16px; color:#333; padding-left:20px;} .body-transfer .attr-table tfoot td span{ float:left; font-size:14px; color:#d34444;} /*无人零售*/ .page-unmannedretail{} .page-unmannedretail .section-left {float: left; margin-left: 50px; } .page-unmannedretail .section-left + .img {float: left; } .page-unmannedretail .section-right{ float: right; } .page-unmannedretail .section-left .sc-title, .page-unmannedretail .section-right .sc-title, .page-unmannedretail .section-left .sc-subtitle, .page-unmannedretail .section-right .sc-subtitle{ text-align: left; } .page-unmannedretail .section-0{ height: 390px; background: url(../images/unmannedretail/00-banner.jpg) no-repeat center top; } .page-unmannedretail .section-0 .container{ position: relative; height: 390px; } .page-unmannedretail .section-0 .btn-wrap{ text-align: center; padding-top: 246px;} .page-unmannedretail .section-0 .btn-wrap a{ padding: 0 10px; } .page-unmannedretail .section-0 .btn-wrap a:hover{ color: #6468F9; } .page-unmannedretail .section-0 i{ width: 92px; height: 92px; cursor: pointer; background: url(../images/unmannedretail/00-button.png) no-repeat; position: absolute; bottom: -46px; left: 50%; margin-left: -46px;} .page-unmannedretail .section-1{ padding: 0; } .page-unmannedretail .section-1 .section-warp{ overflow: hidden; padding: 122px 0 100px;} .page-unmannedretail .section-1 .three{ padding-left: 197px; overflow: hidden; padding-top: 17px; margin-bottom: 94px;} .page-unmannedretail .section-1 .three div{ float: left; font-size: 16px; line-height: 60px;} .page-unmannedretail .section-1 .three .t-1{ width: 317px; color: #00c0d8; } .page-unmannedretail .section-1 .three .t-2{ width: 170px; height: 60px; border-radius: 30px; background: #6367fb; color: #fff; font-size: 24px; text-align: center;} .page-unmannedretail .section-1 .three .t-3{ width: 300px; color: #fbb126; margin-left: 81px; } .page-unmannedretail .section-1 .step-title{ text-align: center; font-size: 16px; margin-bottom: 60px;} .page-unmannedretail .section-1 .step-title:before{ content: ""; display: block; height: 3px; width: 74px; margin: 0 auto 20px; background: #FEBD49; border-radius: 2px; } .page-unmannedretail .section-1 .step-list li{ width: 260px; height: 260px; background: #fff; float: left; margin: 0 20px; border-radius: 5px; box-shadow: 0 0 58px 0px rgba(0,0,0,0.1); text-align: center;} .page-unmannedretail .section-1 .step-list li .num{ display: block; margin: 0 auto 18px; width: 80px; height: 40px; background: url(../images/unmannedretail/wrg-01-sz.png) no-repeat; } .page-unmannedretail .section-1 .step-list li.item-1 .num{ background-position: 0 0; } .page-unmannedretail .section-1 .step-list li.item-2 .num{ background-position: 0 -40px; } .page-unmannedretail .section-1 .step-list li.item-3 .num{ background-position: 0 -80px; } .page-unmannedretail .section-1 .step-list li.item-4 .num{ background-position: 0 -120px; } .page-unmannedretail .section-1 .step-list li .name{ font-size: 16px; margin-bottom: 25px;} .page-unmannedretail .section-1 .step-list li .img{ height: 137px; background-position: center center; background-repeat: no-repeat; } .page-unmannedretail .section-1 .step-list li.item-1 .img{ background-image: url(../images/unmannedretail/wrg-01-img-1.png); } .page-unmannedretail .section-1 .step-list li.item-2 .img{ background-image: url(../images/unmannedretail/wrg-01-img-2.png); } .page-unmannedretail .section-1 .step-list li.item-3 .img{ background-image: url(../images/unmannedretail/wrg-01-img-3.png); } .page-unmannedretail .section-1 .step-list li.item-4 .img{ background-image: url(../images/unmannedretail/wrg-01-img-4.png); } .page-unmannedretail .section-2{ background: url(../images/unmannedretail/03-bg.jpg) repeat-x center top; padding-bottom:60px;} .page-unmannedretail .section-2 .left{ float:left; width:715px; margin:30px 0 0 495px;} .page-unmannedretail .section-2 .list{ color: #fff; padding-top: 36px;} .page-unmannedretail .section-2 .list li{ width: 350px; height:132px; float: left; text-align: center; margin-bottom:40px;} .page-unmannedretail .section-2 .list li .img{ width: 132px; height: 132px; margin:0 10px 0 0; background-repeat: no-repeat; background-position: center center; float:left;} .page-unmannedretail .section-2 .list li.item-1 .img{ background-image: url(../images/unmannedretail/03-icon-1.png); } .page-unmannedretail .section-2 .list li.item-2 .img{ background-image: url(../images/unmannedretail/03-icon-2.png); } .page-unmannedretail .section-2 .list li.item-3 .img{ background-image: url(../images/unmannedretail/03-icon-3.png); } .page-unmannedretail .section-2 .list li.item-4 .img{ background-image: url(../images/unmannedretail/03-icon-4.png); } .page-unmannedretail .section-2 .list li .i-left{ float:left; text-align:left; width:170px; margin-top:25px;} .page-unmannedretail .section-2 .list li h3{ font-size: 18px; font-weight: 700; margin-bottom: 10px;} .page-unmannedretail .section-2 .list li p{ font-size: 14px; } .page-unmannedretail .section-3 .section-left{ width: 498px; padding-top: 70px;} .page-unmannedretail .section-3 .img{ margin-left: 100px; width: 530px; height: 400px; background: url(../images/unmannedretail/wrg-03-img.png) no-repeat center top; } .page-unmannedretail .section-4{ background: url(../images/unmannedretail/wrg-04-bg.jpg) repeat-x center top; padding-top: 58px;} .page-unmannedretail .section-4 .section-right{ width: 518px; padding-top: 70px;} .page-unmannedretail .section-4 .img{ width: 494px; height: 407px; background: url(../images/unmannedretail/wrg-04-img.png) no-repeat center top; } .page-unmannedretail .section-5 .section-left{ width: 498px; padding-top: 70px;} .page-unmannedretail .section-5 .img{ margin-left: 140px; width: 480px; height: 400px; background: url(../images/unmannedretail/wrg-05-img.png) no-repeat center top; } .page-unmannedretail .section-6{ background: url(../images/unmannedretail/wrg-04-bg.jpg) repeat-x center top;} .page-unmannedretail .section-6 .slide{ padding-top: 60px; position: relative; z-index: 1;} .page-unmannedretail .section-6 .slide .bd{ width: 900px; margin: 0 auto; padding: 57px 50px 0; height: 308px; background: rgba(96,102,232,.5);} .page-unmannedretail .section-6 .slide .bd li{ background: #6066E8; width: 780px; padding: 68px 60px 0; height: 307px; position: relative;} .page-unmannedretail .section-6 .slide .bd li .logo{ width: 200px; height: 160px; position: absolute; top: -122px; left: 50%; margin-left: -100px;} .page-unmannedretail .section-6 .slide .bd li.item-1 .logo{ background-image: url(../images/unmannedretail/wrg-06-logo-1.png); } .page-unmannedretail .section-6 .slide .bd li.item-2 .logo{ background-image: url(../images/unmannedretail/wrg-06-logo-2.png); } .page-unmannedretail .section-6 .slide .bd li.item-3 .logo{ background-image: url(../images/unmannedretail/wrg-06-logo-3.png); } .page-unmannedretail .section-6 .slide .bd li.item-4 .logo{ background-image: url(../images/unmannedretail/wrg-06-logo-4.png); } .page-unmannedretail .section-6 .slide .bd li .img{ width: 240px; height: 240px; float: left;} .page-unmannedretail .section-6 .slide .bd li.item-1 .img{ background-image: url(../images/unmannedretail/wrg-06-img-1.jpg); } .page-unmannedretail .section-6 .slide .bd li.item-2 .img{ background-image: url(../images/unmannedretail/wrg-06-img-2.jpg); } .page-unmannedretail .section-6 .slide .bd li.item-3 .img{ background-image: url(../images/unmannedretail/wrg-06-img-3.jpg); } .page-unmannedretail .section-6 .slide .bd li.item-4 .img{ background-image: url(../images/unmannedretail/wrg-06-img-4.jpg); } .page-unmannedretail .section-6 .slide .bd li .info{ padding-left: 280px; padding-top: 30px;} .page-unmannedretail .section-6 .slide .bd li .text{ font-size: 16px; color: #fff; height: 150px; line-height: 1.7;} .page-unmannedretail .section-6 .slide .bd li .get{ display: block; width: 260px; height: 60px; border-radius: 30px; background: #fff; color: #6066E8; font-size: 24px; line-height: 60px; text-align: center; } .page-unmannedretail .section-6 .slide .hd{ padding-top: 100px; text-align: center;} .page-unmannedretail .section-6 .slide .hd li{ display: inline-block; cursor: pointer; width: 15px; height: 15px; margin: 0 5px; border-radius: 15px; background: #6066E8; opacity: .5; } .page-unmannedretail .section-6 .slide .hd li.on{ opacity: 1; } .page-unmannedretail .section-7{ background: #F5F8FB;} .page-unmannedretail .section-7 .list{margin-top:50px;font-size: 16px;} .page-unmannedretail .section-7 .list li{width:218px;background:#fff; float: left; margin-right:25px;padding:35px 30px 50px;cursor: pointer;} .page-unmannedretail .section-7 .list li:last-child{margin-right:0;} .page-unmannedretail .section-7 .list li:hover{box-shadow: 0 0 11px 1px #e2e0e0;z-index:999;transition:all 0.7s ease;} .page-unmannedretail .section-8{ padding-bottom: 0; } .page-unmannedretail .section-8 .list li{ width: 1022px; height: 185px; margin: 0 auto; overflow: hidden; background: url(../images/unmannedretail/wrg-08-bg.png) no-repeat left top; } .page-unmannedretail .section-8 .list li .num{ width: 96px; height: 55px; float: left; background-repeat: no-repeat; margin: 65px 0 0 70px;} .page-unmannedretail .section-8 .list li.item-1 .num{ background-image: url(../images/unmannedretail/wrg-08-sz-1.png); } .page-unmannedretail .section-8 .list li.item-2 .num{ background-image: url(../images/unmannedretail/wrg-08-sz-2.png); } .page-unmannedretail .section-8 .list li.item-3 .num{ background-image: url(../images/unmannedretail/wrg-08-sz-3.png); } .page-unmannedretail .section-8 .list li.item-4 .num{ background-image: url(../images/unmannedretail/wrg-08-sz-4.png); } .page-unmannedretail .section-8 .list li .info{ padding: 40px 50px 0 200px; } .page-unmannedretail .section-8 .list li .info h3{ font-size: 24px; margin-bottom: 5px;} .page-unmannedretail .section-8 .list li .info p{ font-size: 16px; color: #95989d; } .page-unmannedretail .section-9{ background: #F5F8FB; } .page-unmannedretail .section-9 .sc-subtitle{ color:#ff4a5d;} .page-unmannedretail .section-9 .section-right{ width: 483px; margin-right: 90px; } .page-unmannedretail .section-9 .section-right .sc-title{ line-height: 1.8; margin-bottom: 0;} .page-unmannedretail .section-9 .section-right .sc-subtitle{ margin-bottom: 0; } .page-unmannedretail .section-9 .section-right .price{ font-size: 36px; color: #f42424; } .page-unmannedretail .section-9 .section-right .notice{ font-size: 16px; color: #5f66ea; margin-bottom: 50px;} .page-unmannedretail .section-9 .section-right .btn-wrap{ overflow: hidden; } .page-unmannedretail .section-9 .section-right .btn-wrap .btn{ margin-right: 10px; } .page-unmannedretail .section-9 .img{ margin-left: 50px; width: 465px; height: 348px; background: url(../images/unmannedretail/wrg-09-img.png) no-repeat; } .page-unmannedretail .section-10{ background:url(../images/unmannedretail/02-bg.jpg) center center no-repeat;} .page-unmannedretail .section-10 .video-image{ width:900px; height:563px; margin:0 auto;} .page-unmannedretail .section-11{ background-color:#f6f9fc;} .page-unmannedretail .section-11 .sc-subtitle{ margin-bottom:70px;} /*跨境解决方案*/ .page-crossborder .section-0{ height: 390px; background: url(../images/crossborder/00-banner.jpg) no-repeat center top; } .page-crossborder .section-0 .container{ position: relative; height: 390px; } .page-crossborder .section-0 .btn-wrap{ text-align: center; padding-top: 246px;} .page-crossborder .section-0 .btn-wrap a{ padding: 0 10px; } .page-crossborder .section-0 .btn-wrap a:hover{ color: #57D2BE; } .page-crossborder .body .container{ width: 1210px; } .page-crossborder .section-1{ padding-bottom: 45px; } .page-crossborder .section-1 .list li{ text-align: center; margin-bottom: 50px; } .page-crossborder .section-1 .list li .img{ width: 70px; height: 70px; background: url(../images/crossborder/01-icon.png) no-repeat; margin: 0 auto 20px; } .page-crossborder .section-1 .list li.item-1 .img{ background-position: 0 0; } .page-crossborder .section-1 .list li.item-2 .img{ background-position: -80px 0; } .page-crossborder .section-1 .list li.item-3 .img{ background-position: -160px 0; } .page-crossborder .section-1 .list li.item-4 .img{ background-position: -240px 0; } .page-crossborder .section-1 .list li.item-5 .img{ background-position: -320px 0; } .page-crossborder .section-1 .list li.item-6 .img{ background-position: -400px 0; } .page-crossborder .section-1 .list li h3{ font-size: 22px; margin-bottom: 10px;} .page-crossborder .section-1 .list li p{ font-size: 16px; color: #888888; margin: 0 60px;} .page-crossborder .section-2{ background: #F6F9FB; padding-bottom: 45px; } .page-crossborder .section-2 .list li .img{ float: left; width: 127px; height: 127px; background: url(../images/crossborder/02-bg.png) no-repeat; margin: 0 auto 20px; } .page-crossborder .section-2 .list li .img:after{ content: ""; display: block; width: 70px; height: 70px; background: url(../images/crossborder/02-icon.png) no-repeat; margin: 27px auto 0; } .page-crossborder .section-2 .list li.item-1 .img:after{ background-position: 0 0; } .page-crossborder .section-2 .list li.item-2 .img:after{ background-position: -80px 0; } .page-crossborder .section-2 .list li.item-3 .img:after{ background-position: -160px 0; } .page-crossborder .section-2 .list li.item-4 .img:after{ background-position: -240px 0; } .page-crossborder .section-2 .list li.item-5 .img:after{ background-position: -320px 0; } .page-crossborder .section-2 .list li.item-6 .img:after{ background-position: -400px 0; } .page-crossborder .section-2 .list li .text{ margin-left: 147px; } .page-crossborder .section-2 .list li h3{ font-size: 22px; margin-bottom: 10px; color: #3699ff; padding-top: 10px;} .page-crossborder .section-2 .list li p{ font-size: 14px; color: #888888; margin-right: 20px; } .page-crossborder .section-3{ padding: 70px 0 30px; } .page-crossborder .section-3 .img{ width: 1296px; height: 637px; background: url(../images/crossborder/03-img.png) no-repeat; margin-left: -23px; } .page-crossborder .kuajing-floor-4{background: #3CD8E4 url(../images/crossborder/f4_bg.png) no-repeat center top;} .page-crossborder .kuajing-floor-4 ul{ margin: 0 -13px; } .page-crossborder .kuajing-floor-4 li{ width: 392px; height: 320px; position: relative; float: left; margin: 0 10px; background: #fff; border-radius: 5px; text-align: center; } .page-crossborder .kuajing-floor-4 li i{ display: block; margin: 40px auto 32px; width: 110px; height: 110px; background-repeat: no-repeat;} .page-crossborder .kuajing-floor-4 li:nth-child(1) i{ background-image: url(../images/crossborder/f4_1.png); } .page-crossborder .kuajing-floor-4 li:nth-child(2) i{ background-image: url(../images/crossborder/f4_2.png); } .page-crossborder .kuajing-floor-4 li:nth-child(3) i{ background-image: url(../images/crossborder/f4_3.png); } .page-crossborder .kuajing-floor-4 li h4{ font-size: 22px; margin-bottom: 7px;} .page-crossborder .kuajing-floor-4 li p{ color: #95989d; font-size: 14px; width: 240px; margin: 0 auto; } .page-crossborder .kuajing-floor-4 li:after{ content: ""; font-size: 0; height: 3px; background: #76BFF9; width: 90px; position: absolute; bottom: 3px; left: 50%; margin-left: -45px;} .page-crossborder .kuajing-floor-5{} .page-crossborder .kuajing-floor-5 .img{ height: 497px; background: url(../images/crossborder/f5.png) no-repeat center top; } .page-crossborder .kuajing-floor-6{ background: #F7F9FC; } .page-crossborder .kuajing-floor-6 .img{ height:314px; background: url(../images/crossborder/f6.png) no-repeat center top; } .page-crossborder .sc-title2{font-size: 30px; color: #333; line-height: 1; margin-bottom: 30px; font-weight: normal;} .page-crossborder .kj-fl{ width: 610px; float: left; text-align: left;} .page-crossborder .kj-fl .sc-subtitle{ text-align: left; } .page-crossborder .kj-fl .sc-title2{ padding-top: 78px; } .page-crossborder .kuajing-floor-7{} .page-crossborder .kuajing-floor-7 .sc-title{ margin-bottom: 92px; } .page-crossborder .kuajing-floor-7 .img{ width: 584px; height: 416px; background: url(../images/crossborder/f7.png) no-repeat center top;} .page-crossborder .kuajing-floor-8{ background: #F7F9FC; } .page-crossborder .kuajing-floor-8 .img{ width: 305px; height: 299px; background: url(../images/crossborder/f8.png) no-repeat center top; } .page-crossborder .kuajing-floor-9{} .page-crossborder .kuajing-floor-9 .img{ width: 571px; height: 216px; background: url(../images/crossborder/f9.png) no-repeat center top; } .page-crossborder .kuajing-floor-10{ background: #F7F9FC; } .page-crossborder .kuajing-floor-10 .img{ width: 415px; height: 283px; background: url(../images/crossborder/10-img.png) no-repeat center top; } .page-crossborder .kuajing-floor-11{ padding-top: 108px; } .page-crossborder .body-transfer .kuajing-floor-11.index-price .price-slide .hd li{ width: 50% } .page-crossborder .kuajing-floor-11 .btn-wrap{ text-align: center; padding-top: 30px; } .page-crossborder .kuajing-floor-11 .btn-wrap .btn{ padding: 0 25px; line-height: 42px; font-size: 17px; border-radius: 5px; font-weight: 700;} .page-crossborder .kuajing-floor-11 .attr-table th{ background-color:#F9F9F9;} /*国际版方案*/ .page-international .section-0{ height: 390px; background: url(../images/international/00-banner.jpg) no-repeat center top; } .page-international .section-0 .container{ position: relative; height: 390px; } .page-international .section-0 .btn-wrap{ text-align: center; padding-top: 246px;} .page-international .section-0 .btn-wrap a{ padding: 0 10px; } .page-international .section-0 .btn-wrap a:hover{ color: #5cbcee; } .page-international .sc-subtitle{ font-size:14px; margin-bottom:50px;} .page-international .module-xian{ margin:0 auto 36px; width:393px;} .page-international .sc-subtitle em{ display:block; font-size:18px;} .page-international .body .container{ position:relative;} .page-international .left{ float:left;} .page-international .left .sc-title{ color:#fff; padding-top:90px;} .page-international .left .sc-title em{ font-size:48px; text-align:left; display:block; font-weight:bold;} .page-international .left .sc-title span{ text-align:left; display:block; margin-top:20px;} .page-international .left .sc-subtitle{ color:#95989d; text-align:left;} .page-international .left .module-xian{ background:#dedede; width:200px; margin:0 0 36px 0;} .page-international .right{ position:absolute; right:0;} .page-international .gjb-banner{ height:400px; background:url(../images/international/gjb-banner.jpg) center center no-repeat;} .page-international .gjb_temp2{ background-color:#33363c; padding:0; height:750px;} .page-international .gjb_temp2 .left{ width:300px;} .page-international .gjb_temp2 .left .module-xian{background:#55585c; } .page-international .gjb_temp2 .right{ right:0;} .page-international .gjb_temp3{ height:850px; padding:0; background-color:#f7fafc;} .page-international .gjb_temp3 .left .sc-title{ color:#333333;} .page-international .gjb_temp3 .left .sc-title span{ font-weight:bold;} .page-international .gjb_temp3 .left .module-xian{ width:200px; background-color:#dedede;} .page-international .gjb_temp3 .right{ top:260px;} .page-international .gjb_temp4{ height:750px; padding:0;} .page-international .gjb_temp4 .left .sc-title{ color:#333333;} .page-international .gjb_temp4 .left .sc-title span{ font-weight:bold;} .page-international .gjb_temp4 .right{ top:154px;} .page-international .gjb_temp5 .sc-subtitle .yw{ font-size:18px;} .page-international .gjb_temp5 .gjb-video-content{ overflow:hidden; width:1140px; margin:0 auto;} .page-international .gjb_temp5 .gjb-video-content .gv-info{ width:645px; height:366px; padding:10px; background-color:#95989d; float:left;} .page-international .gjb_temp5 .gjb-video-content .gv-slide{ float:left; width:410px; margin:20px 0 0 50px;} .page-international .gjb_temp5 .gjb-video-content .gv-slide li{ width:100%; display:block; float:left; margin-bottom:18px; cursor:pointer;} .page-international .gjb_temp5 .gjb-video-content .gv-slide li .item{ height:30px;width:auto; border:1px solid #bcc6cd; border-radius:15px; float:left; padding:0 20px 0 13px; line-height:30px; color:#95989d;} .page-international .gjb_temp5 .gjb-video-content .gv-slide li .item i{ width:18px; height:18px; display:block; background:url(../images/international/gv_icon.png) no-repeat; float:left; margin:6px 10px 0 0; } .page-international .gjb_temp5 .gjb-video-content .gv-slide li.on .item{ color:#239ffd;} .page-international .gjb_temp5 .gjb-video-content .gv-slide li.on .item i{ background-position:-22px 0;} .page-international .gjb_temp5 .gjb-video-content .gv-slide li .download{ float:left; margin:10px 0 0 12px;} .page-international .gjb_temp5 .gjb-video-content .gv-slide li .download i{ width:15px; height:15px; background:url(../images/international/gv_icon.png) -3px -24px no-repeat; display:block;} .page-international .gjb_temp5 .module-xian{ margin-bottom:50px;} .page-international .gjb_temp6 .module-xian{ margin-bottom:45px;} .page-international .gjb_temp6 .sc-content .item{ overflow:hidden; margin-bottom:40px;} .page-international .gjb_temp6 .sc-content .item .gjb5-left{ float:left; width:335px; text-align:right;} .page-international .gjb_temp6 .sc-content .item .gjb5-left h3{ font-size:18px; color:#95989d;} .page-international .gjb_temp6 .sc-content .item .gjb5-left p{ color:#95989d; margin-top:10px; line-height:24px;} .page-international .gjb_temp6 .sc-content .item .gjb5-icon{ margin:10px 26px 0; float:left;} .page-international .gjb_temp6 .sc-content .item .gjb5-right{ float:left;} .page-international .gjb_temp6 .sc-content .item .gjb5-right .tit{ font-size:24px;} .page-international .gjb_temp6 .sc-content .item .gjb5-right p{ font-size:16px; color:#95989d;} .page-international .gjb_temp6 .sc-content .item1 .gjb5-right .tit{ color:#44cae6;} .page-international .gjb_temp6 .sc-content .item2 .gjb5-right .tit{ color:#df80f0;} .page-international .gjb_temp6 .sc-content .item3 .gjb5-right .tit{ color:#56d282;} .page-international .gjb_temp6 .sc-content .item4 .gjb5-right .tit{ color:#fbba2e;} .page-international .gjb_temp6 .sc-content .item4{ margin-bottom:0;} .page-international .gjb_temp7{ background:#33363c;} .page-international .gjb_temp7 .sc-title{ color:#fff;} .page-international .gjb_temp7 .sc-subtitle{ font-size:16px;} .page-international .gjb_temp7 .module-xian{ background-color:#55585c; margin-bottom:50px;} .page-international .gjb_temp7 .module-img{ margin-bottom:80px;} .page-international .gjb_temp8 .sc-content li{ float:left; width:298px; border:1px solid #dedede; margin:0 0 -1px -1px; text-align:center; cursor:pointer;} .page-international .gjb_temp8 .sc-content li i{ width:80px; height:80px; display:block; background:url(../images/international/08-img.png) 0 0 no-repeat; margin:30px auto 0;} .page-international .gjb_temp8 .sc-content li span{ display:block; font-size:16px; color:#95989d; margin-top:10px;} .page-international .gjb_temp8 .sc-content li p{ font-size:12px; color:#95989d; padding: 5px 0 30px 0;} .page-international .gjb_temp8 .module-xian{ margin-bottom:50px;} .page-international .gjb_temp8 .sc-content li .icon1{ background-position:0 0px;} .page-international .gjb_temp8 .sc-content li .icon2{ background-position:-90px 0;} .page-international .gjb_temp8 .sc-content li .icon3{ background-position:-180px 0;} .page-international .gjb_temp8 .sc-content li .icon4{ background-position:-270px 0;} .page-international .gjb_temp8 .sc-content li .icon5{ background-position:0 -90px;} .page-international .gjb_temp8 .sc-content li .icon6{ background-position:-90px -90px;} .page-international .gjb_temp8 .sc-content li .icon7{ background-position:-180px -90px;} .page-international .gjb_temp8 .sc-content li .icon8{ background-position:-270px -90px;} .page-international .gjb_temp8 .sc-content li .icon9{ background-position:0 -180px;} .page-international .gjb_temp8 .sc-content li .icon10{ background-position:-90px -180px;} .page-international .gjb_temp8 .sc-content li .icon11{ background-position:-180px -180px;} .page-international .gjb_temp8 .sc-content li .icon12{ background-position:-270px -180px;} .page-international .gjb_temp8 .sc-content li .icon13{ background-position:0 -270px;} .page-international .gjb_temp8 .sc-content li .icon14{ background-position:-90px -270px;} .page-international .gjb_temp8 .sc-content li .icon15{ background-position:-180px -270px;} .page-international .gjb_temp8 .sc-content li .icon16{ background-position:-270px -270px;} .page-international .gjb_temp8 .sc-content li:hover{box-shadow: 0 1px 16px rgba(0,0,0,.1);} .page-international .gjb_temp9 .module-xian{ margin-bottom:50px;} .page-international .gjb_temp9 .sc-content li{ float:left; width:298px; border:1px solid #dedede; margin:0 0 -1px -1px; text-align:center; cursor:pointer; background-color:#fff; position:relative;} .page-international .gjb_temp9 .sc-content li i{ width:80px; height:80px; display:block; background:url(../images/international/09-img.png) 0 0 no-repeat; margin:30px auto 0;} .page-international .gjb_temp9 .sc-content li span{ display:block; font-size:16px; color:#95989d; margin-top:10px;} .page-international .gjb_temp9 .sc-content li p{ font-size:12px; color:#95989d; padding: 5px 0 30px 0;} .page-international .gjb_temp9 .sc-content li b{ width:40px; height:40px; display:block; background:url(../images/international/09_icon.png) 0 0 no-repeat; position:absolute; top:0; right:0;} .page-international .gjb_temp9 .sc-content li .icon1{ background-position:0 0px;} .page-international .gjb_temp9 .sc-content li .icon2{ background-position:-90px 0;} .page-international .gjb_temp9 .sc-content li .icon3{ background-position:-180px 0;} .page-international .gjb_temp9 .sc-content li .icon4{ background-position:-270px 0;} .page-international .gjb_temp9 .sc-content li .icon5{ background-position:0 -90px;} .page-international .gjb_temp9 .sc-content li .icon6{ background-position:-90px -90px;} .page-international .gjb_temp9 .sc-content li .icon7{ background-position:-180px -90px;} .page-international .gjb_temp9 .sc-content li .icon8{ background-position:-270px -90px;} .page-international .gjb_temp10 .sc-content ul{ width:1230px;} .page-international .gjb_temp10 .sc-content li{ float:left; width:380px; margin-right:30px;} .page-international .gjb_temp10 .sc-content li:hover{box-shadow: 0 1px 16px rgba(125,125,125,.3);} .page-international .gjb_temp10 .sc-content li .title{ width:100%; height:120px; border-radius:5px 5px 0 0; text-align:center; color:#fff;} .page-international .gjb_temp10 .sc-content li .title p{ font-size:24px; padding-top:28px;} .page-international .gjb_temp10 .sc-content li .zw_title{ border:1px solid #fff; height:38px; line-height:38px; text-align:center; font-size:12px; color:#95989d;} .page-international .gjb_temp10 .sc-content li.li1 .title{ background-color:#45a4f1;} .page-international .gjb_temp10 .sc-content li.li2 .title{ background-color:#45b7bc;} .page-international .gjb_temp10 .sc-content li.li3 .title{ background-color:#7bb74c;} .page-international .gjb_temp10 .sc-content li.li1 .zw_title{ border-color:#45a4f1;} .page-international .gjb_temp10 .sc-content li.li2 .zw_title{ border-color:#45b7bc;} .page-international .gjb_temp10 .sc-content li.li3 .zw_title{ border-color:#7bb74c;} .page-international .gjb_temp10 .sc-content li .info{ padding:20px; border:1px solid #e5e5e5; overflow:hidden;} .page-international .gjb_temp10 .sc-content li .info .item{ width:168px; height:150px; float:left; text-align:center;} .page-international .gjb_temp10 .sc-content li .info .item i{ width:50px; height:50px; display:block; margin:10px auto 15px; background:url(../images/international/10-icon.png) 1px 0 no-repeat;} .page-international .gjb_temp10 .sc-content li .info .item h3{ font-size:16px;} .page-international .gjb_temp10 .sc-content li .info .item span{ color:#95989d; font-size:12px;} .page-international .gjb_temp10 .sc-content li .info .item1{ border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;} .page-international .gjb_temp10 .sc-content li .info .item2{ border-bottom:1px solid #e5e5e5;} .page-international .gjb_temp10 .sc-content li .info .item3{ border-right:1px solid #e5e5e5;} .page-international .gjb_temp10 .sc-content li .info .item3 i,.gjb_temp10 .sc-content li .info .item4 i{ margin-top:25px;} .page-international .gjb_temp10 .sc-content li .info .item i.icon1{ background-position:1px 0;} .page-international .gjb_temp10 .sc-content li .info .item i.icon2{ background-position:-49px 0;} .page-international .gjb_temp10 .sc-content li .info .item i.icon3{ background-position:-100px 0;} .page-international .gjb_temp10 .sc-content li .info .item i.icon4{ background-position:-150px 0;} .page-international .gjb_temp10 .sc-content li .info .item i.icon5{ background-position:1px -50px;} .page-international .gjb_temp10 .sc-content li .info .item i.icon6{ background-position:-50px -50px;} .page-international .gjb_temp10 .sc-content li .info .item i.icon7{ background-position:-100px -50px;} .page-international .gjb_temp10 .sc-content li .info .item i.icon8{ background-position:-150px -50px;} .page-international .gjb_temp10 .sc-content li .info .item i.icon9{ background-position:1px -100px;} .page-international .gjb_temp10 .sc-content li .info .item i.icon10{ background-position:-50px -100px;} .page-international .gjb_temp10 .sc-content li .info .item i.icon11{ background-position:-100px -100px;} .page-international .gjb_temp10 .sc-content li .info .item i.icon12{ background-position:-150px -100px;} .page-international .gjb_temp11 .module-xian{ margin-bottom:50px;} .page-international .gjb-slide .bd{ width:978px; height:498px; float:left; border:1px solid #239ffd; text-align:center; position:relative; overflow:hidden;} .page-international .gjb-slide .bd li{ display:table-cell; vertical-align:middle; width:978px; height:498px;} .page-international .gjb-slide .hd{ width:212px; height:500px; float:left; background:#239ffd;} .page-international .gjb-slide .hd b{ width:60px; height:60px; display:block; background:url(../images/international/11_icon.png) no-repeat; margin:30px auto;} .page-international .gjb-slide .hd ul{ width:170px; margin:0 auto;} .page-international .gjb-slide .hd li{ width:168px; height:58px; line-height:58px; border:1px solid #fff; margin-bottom:10px; color:#fff; position:relative; cursor:pointer;} .page-international .gjb-slide .hd li h3{ font-size:24px; float:left;margin-left:24px;} .page-international .gjb-slide .hd li span{ font-size:16px; margin-left:10px;} .page-international .gjb-slide .hd li i{ position:absolute; width:10px; height:10px; display:none; background:#fff; transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); top:24px; left:-6px;} .page-international .gjb-slide .hd li.on{ background:#fff; color:#239ffd;} .page-international .gjb-slide .hd li.on i{ display:block;} .page-international .gjb-slide .hd li.last{ line-height:normal; height:73px;} .page-international .gjb-slide .hd li.last h3{ margin-top:8px;} .page-international .gjb-slide .hd li.last span{ margin-left:24px;} .page-international .gjb_temp12.module-word{ } .page-international .gjb_temp12 .price-slide{ width:1100px; margin:0 auto;} .page-international .gjb_temp12 .price-slide .hd li{ width:50%; position:relative; line-height:normal;} .page-international .gjb_temp12 .price-slide .hd li i{ width:10px; height:10px; position:absolute; background:#239ffd; transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); bottom:-5px; left:50%; display:none;} .page-international .gjb_temp12 .price-slide .hd li.on i{ display:block;} .page-international .gjb_temp12 .price-slide .hd li h3{ font-size:26px; margin-top:10px;} .page-international .gjb_temp12 .price-slide .hd li p{ font-size:14px;} .page-international .gjb_temp12 .price-slide .attr-table th.at-title p{ font-size:14px; font-weight:normal;} .page-international .gjb_temp12 .price-slide .tishi p{ color:#333; font-size:14px;} .page-international .gjb_temp12 .price-slide .tishi span{ color:#95989d;} .page-international .gjb_temp12 .price-slide .footbtn{ margin-top:20px;} .page-international .gjb_temp12 .price-slide .footbtn .btn{ border-radius:5px; float:left; margin-right:20px;} .page-international .gjb_temp12 .price-slide .attr-table .at-title h3{ font-size:20px; font-weight:bold;} .page-international .gjb_temp12 .price-slide .attr-table .at-title span{ font-size:14px; font-weight:normal; color:#95989d;} .page-international .gjb_temp12 .btn-wrap{ margin-top: 50px; text-align: center; } .page-international .gjb_temp13 .left{ margin-left:60px;} .page-international .gjb_temp13 .right{ top:70px; right:60px;} .page-international .gjb_temp13 .right .sc-title{ font-weight:bold; margin-bottom:20px;} .page-international .gjb_temp13 .right .sc-title,.gjb_temp13 .right .sc-subtitle{ text-align:left;} .page-international .gjb_temp13 .right .module-xian{ margin-left:0;} /*供应链方案*/ .page-supplychain .section-0{ height: 390px; background: url(../images/supplychain/00-banner.jpg) no-repeat center top; } .page-supplychain .section-0 .container{ position: relative; height: 390px; } .page-supplychain .section-0 .btn-wrap{ text-align: center; padding-top: 246px;} .page-supplychain .section-0 .btn-wrap a{ padding: 0 10px; } .page-supplychain .section-0 .btn-wrap a:hover{ color: #0e5d96; } .page-supplychain .s2b2c-section1{ padding-top:100px; } .page-supplychain .s2b2c-section1 .sc-title{ margin-bottom: 50px; } .page-supplychain .s2b2c-section1 .sc-content ul{ width: 955px; margin: 0 auto; } .page-supplychain .s2b2c-section1 .sc-content li{ width: 245px; float: left; text-align: center; margin:0 98px 0 0;} .page-supplychain .s2b2c-section1 .sc-content li i{ width:129px; height: 129px; display: block; margin: 0 auto 20px;} .page-supplychain .s2b2c-section1 .sc-content li .desc{ font-size:16px; color: #333; line-height: 2;} .page-supplychain .s2b2c-section1 .sc-content .item1 i{ background:url(../images/supplychain/01-icon.png) no-repeat 0 0; } .page-supplychain .s2b2c-section1 .sc-content .item2 i{ background:url(../images/supplychain/01-icon.png) no-repeat -140px 0; } .page-supplychain .s2b2c-section1 .sc-content .item3 i{ background:url(../images/supplychain/01-icon.png) no-repeat -280px 0; } .page-supplychain .s2b2c-section1 .sc-content .item3{ margin-right: 0; } .page-supplychain .s2b2c-section2 { background: #f7f9fa; } .page-supplychain .s2b2c-section2 .sc-title{ margin-bottom: 50px; } .page-supplychain .s2b2c-section2 .sc-content li{ width: 140px; float: left; text-align: center; margin:0 70px 0 0;} .page-supplychain .s2b2c-section2 .sc-content li i{ width: 130px; height: 130px; display: block; margin: 0 auto 20px;} .page-supplychain .s2b2c-section2 .sc-content li .desc{ font-size:18px; color: #333; line-height: 2;} .page-supplychain .s2b2c-section2 .sc-content .item1 i{ background:url(../images/supplychain/02-icon.png) no-repeat 0 0; } .page-supplychain .s2b2c-section2 .sc-content .item2 i{ background:url(../images/supplychain/02-icon.png) no-repeat -140px 0; } .page-supplychain .s2b2c-section2 .sc-content .item3 i{ background:url(../images/supplychain/02-icon.png) no-repeat -280px 0; } .page-supplychain .s2b2c-section2 .sc-content .item4 i{ background:url(../images/supplychain/02-icon.png) no-repeat -420px 0; } .page-supplychain .s2b2c-section2 .sc-content .item5 i{ background:url(../images/supplychain/02-icon.png) no-repeat -560px 0; } .page-supplychain .s2b2c-section2 .sc-content .item6 i{ background:url(../images/supplychain/02-icon.png) no-repeat -700px 0; } .page-supplychain .s2b2c-section2 .sc-content .item6{ margin-right: 0; } .page-supplychain .s2b2c-section3{ width: 100%; height: 546px; background: url(../images/supplychain/3f_bg.jpg) center top no-repeat; padding:0;} .page-supplychain .s2b2c-section3 .sc-title{ color: #fff; margin: 60px 0 100px;} .page-supplychain .s2b2c-section3 .sc-content ul{ width: 1020px; margin: 0 auto; overflow:hidden;} .page-supplychain .s2b2c-section3 .sc-content li{ width: 170px; float: left; text-align: center; margin:0 100px 0 0;} .page-supplychain .s2b2c-section3 .sc-content li i{ width: 130px; height: 130px; display: block; margin: 0 auto 20px;} .page-supplychain .s2b2c-section3 .sc-content li .desc{ font-size:24px; color: #fff; line-height: 2;} .page-supplychain .s2b2c-section3 .sc-content .item1 i{ background:url(../images/supplychain/3f_logo01.png) no-repeat; } .page-supplychain .s2b2c-section3 .sc-content .item2 i{ background:url(../images/supplychain/3f_logo02.png) no-repeat; } .page-supplychain .s2b2c-section3 .sc-content .item3 i{ background:url(../images/supplychain/3f_logo03.png) no-repeat; } .page-supplychain .s2b2c-section3 .sc-content .item4 i{ background:url(../images/supplychain/3f_logo04.png) no-repeat; } .page-supplychain .s2b2c-section3 .sc-content .item4{ margin-right: 0; } .page-supplychain .s2b2c-section3 .sc-content a.ljtyan{ width: 220px; height: 70px; display: block; background:url(../images/supplychain/3f_button.jpg) center center no-repeat; margin:90px auto 0;} .page-supplychain .s2b2c-section3 .sc-content a.ljtyan:hover{ background:url(../images/supplychain/3f_button_on.jpg) center center no-repeat; } .page-supplychain .s2b2c-section4 .price-slide .hd li {width: 50%; } .page-supplychain .s2b2c-section4 .btn-wrap{ text-align: center; padding-top: 50px; } /*大数据方案*/ .page-bigdata .section-0{ height: 390px; background: url(../images/bigdata/00-banner.jpg) no-repeat center top; } .page-bigdata .section-0 .container{ position: relative; height: 390px; } .page-bigdata .section-0 .btn-wrap{ text-align: center; padding-top: 246px;} .page-bigdata .section-0 .btn-wrap a{ padding: 0 10px; } .page-bigdata .section-0 .btn-wrap a:hover{ color: #0e5d96; } .page-bigdata .bigdata_temp2{ height:580px;} .page-bigdata .bigdata_temp2 .content{ overflow:hidden;} .page-bigdata .bigdata_temp2 .content .item{ float:left; width:303px;} .page-bigdata .bigdata_temp2 .content .item .icons{ width:125px; height:125px; margin-left:85px;} .page-bigdata .bigdata_temp2 .content .item .tit{ font-size:20px; font-weight:bold; color:#000; text-align:center; margin-top:30px;} .page-bigdata .bigdata_temp2 .content .item .desc{ font-size:16px; color:#666; line-height:30px; margin-top:20px;} .page-bigdata .bigdata_temp2 .content .item_c,.bigdata_temp2 .content .item_r{ margin-left:145px;} .page-bigdata .bigdata_temp3{ height:610px; background:#1997f4;} .page-bigdata .bigdata_temp3 .w1200{ height:550px; background:url(../images/bigdata/02-img.png) no-repeat right bottom;} .page-bigdata .bigdata_temp3 .title{ float:left; width:476px; float:left; text-align:left; color:#fff; padding-top:135px;} .page-bigdata .bigdata_temp3 .title h3{ color:#fff;} .page-bigdata .bigdata_temp3 .title span{ margin-top:45px;} .page-bigdata .bigdata_temp3 .title p{ margin-top:10px;} .page-bigdata .bigdata_temp4{ background:#ebf4fc; height:845px;} .page-bigdata .bigdata_temp4 .w1200{ height:845px; background:url(../images/bigdata/04-img.jpg) no-repeat center;} .page-bigdata .bigdata_temp5{ height:616px; background:#fff;} .page-bigdata .bigdata_temp5 table,.bigdata_temp6 table{ width:100%;border:1px solid #99d1fa;border-collapse: collapse;border-spacing: 0;} .page-bigdata .bigdata_temp5 table th,.bigdata_temp5 table td,.bigdata_temp6 table th,.bigdata_temp6 table td{ border-bottom:1px solid #99d1fa;border-right:1px solid #99d1fa;} .page-bigdata .bigdata_temp5 table th{ height:48px; text-align:center; background:#0D84F6; font-size:14px; font-weight:normal; color: #fff;} .page-bigdata .bigdata_temp5 table td{ height:98px; text-align:center; font-size:16px;} .page-bigdata .bigdata_temp5 table td.desc{ text-align:left; padding:0 35px 0 45px; line-height:30px;} .page-bigdata .bigdata_temp5 table td strong{ color:#1997f4;} .page-bigdata .bigdata_temp6{ height:650px; background:#EAF3FB;} .page-bigdata .bigdata_temp6 .title em{ color:#1997f4;} .page-bigdata .bigdata_temp6 .list{ margin-left: 183px; } .page-bigdata .bigdata_temp6 .list li{ float: left; margin-right: -1px;} .page-bigdata .bigdata_temp6 .list li .i-td{ width: 184px; height: 82px; line-height: 82px; text-align: center; border: 1px solid #DCDCDC; background: #fff; font-size: 16px; color: #888; margin-bottom: -1px;} .page-bigdata .bigdata_temp6 .list li .i-th{ background: #FAFAFA; font-size: 18px;} .page-bigdata .bigdata_temp6 .list li.item-1 .i-td{ line-height: 1.5; } .page-bigdata .bigdata_temp6 .list li.item-1 .i-th{ line-height: 82px; } .page-bigdata .bigdata_temp6 .list li.item-1 p{ background: url(../images/bigdata/06-icon1.png) no-repeat; height: 28px; width: 28px; margin: 14px auto 3px; } .page-bigdata .bigdata_temp6 .list li.item-1 p.icon-1{ background-position: 0 0; } .page-bigdata .bigdata_temp6 .list li.item-1 p.icon-2{ background-position: -40px 0; } .page-bigdata .bigdata_temp6 .list li.item-1 p.icon-3{ background-position: -80px 0; } .page-bigdata .bigdata_temp6 .list li.item-1 p.icon-4{ background-position: -120px 0; } .page-bigdata .bigdata_temp6 .list li.item-2{ box-shadow: 0 0 50px rgba(0,0,0,.1); position: relative; z-index: 2; } .page-bigdata .bigdata_temp6 .list li.item-2 .i-td{ width: 478px; text-align: left; } .page-bigdata .bigdata_temp6 .list li.item-2 .i-th{ background: #0E82F6; color: #fff; height: 100px; line-height: 100px; font-size: 20px; margin-top: -18px; text-align: center; } .page-bigdata .bigdata_temp6 .list li.item-2 .i-td:last-child{ height: 86px; margin-bottom: -4px; } .page-bigdata .bigdata_temp6 .list li.item-2 i{ background: url(../images/bigdata/06-icon2.png) no-repeat; width: 22px; height: 22px; display: inline-block; vertical-align: -6px; margin: 0 50px 0 80px;} .page-bigdata .bigdata_temp7{ background:#fff; padding-bottom:80px;} .page-bigdata .bigdata_temp7 .price{ font-size:36px; color:#1997f4; text-align:center; margin-top:90px;} .page-bigdata .bigdata_temp7 .blue_btn{ text-align:center; margin-top:30px;} .page-bigdata .bigdata_temp7 .blue_btn a{ display:block; width:372px; height:80px; line-height:80px; border-radius:5px; color:#fff; font-size:20px; background:#1997f4; margin:0 auto;} .page-bigdata .bigdata_temp7 .blue_btn a:hover{ background:#0886e3;} .page-bigdata .bigdata_temp7 .btn-wrap{ text-align: center; margin-top: 50px; } /*直播电商解决方案*/ .page-live .section-1{ background: url(../images/live/00-banner.jpg) no-repeat center top; height: 389px; } .page-live .section-2 .list{ overflow: hidden; margin-bottom: 60px;} .page-live .section-2 .list li{ margin: 0 40px; float: left; width: 220px; text-align: center;} .page-live .section-2 .list li .img{ width: 100px; height: 100px; background-repeat: no-repeat; background-position: center; margin: 0 auto 20px;} .page-live .section-2 .list li.item-1 .img{ background-image: url(../images/live/01-icon1.png); background-size: 80%} .page-live .section-2 .list li.item-2 .img{ background-image: url(../images/live/01-icon2.png);background-size: 80% } .page-live .section-2 .list li.item-3 .img{ background-image: url(../images/live/01-icon3.png);background-size: 80% } .page-live .section-2 .list li.item-4 .img{ background-image: url(../images/live/01-icon4.png); background-size: 80%} .page-live .section-2 .list li h3{ font-size: 18px; font-weight: 700; margin-bottom: 10px;} .page-live .section-2 .list li p{ font-size: 14px; color: #888888; } .page-live .section-3{ background: #f7f9fc; padding-bottom: 60px;} .page-live .section-3 .s-slide:after{ content: ""; display: block; clear: both; } .page-live .section-3 .s-slide .hd{ float: right; width: 450px; } .page-live .section-3 .s-slide .hd li{ height: 111px; cursor: pointer; transition: all .2s;} .page-live .section-3 .s-slide .hd li h3{ font-size: 18px; padding: 18px 0 7px 20px; font-weight: 700; transition: all .2s;} .page-live .section-3 .s-slide .hd li h3:before{ transition: all .2s; content: ""; width: 6px; height: 6px; border-radius: 100%; border: 2px solid #ddd; display: inline-block; margin-right: 18px; } .page-live .section-3 .s-slide .hd li p{ font-size: 14px; color: #888; padding-left: 47px; padding-right: 20px; } .page-live .section-3 .s-slide .hd li.on{ background: #fff; box-shadow: 0 5px 40px rgba(0,0,0,0.05) } .page-live .section-3 .s-slide .hd li.on h3{ color: #2028be; } .page-live .section-3 .s-slide .hd li.on h3:before{ border-color: #2028be; } .page-live .section-3 .s-slide .bd li{ width: 642px; height: 357px; } .page-live .section-3 .s-slide .bd li.item-1{ background: url(../images/live/02-img1.png) no-repeat center; } .page-live .section-3 .s-slide .bd li.item-2{ background: url(../images/live/02-img2.png) no-repeat center; } .page-live .section-3 .s-slide .bd li.item-3{ background: url(../images/live/02-img3.png) no-repeat center; } .page-live .section-4{ padding-bottom: 60px; } .page-live .section-4 .list li{ position: relative; float: left; margin-right: -1px; width: 297px; height: 383px; background: #fff; transition: all .2s; border: 1px solid #ddd; text-align: center;} .page-live .section-4 .list li .img{ width: 98px; height: 96px; background-image: url(../images/live/03-icon.png); background-repeat: no-repeat; margin: 40px auto 40px;} .page-live .section-4 .list li.item-1 .img{ background-position: 0 0; } .page-live .section-4 .list li.item-2 .img{ background-position: -102px 0; } .page-live .section-4 .list li.item-3 .img{ background-position: -200px 0; } .page-live .section-4 .list li.item-4 .img{ background-position: -299px 0; } .page-live .section-4 .list li.item-1:hover .img{ background-position: 0 -100px; } .page-live .section-4 .list li.item-2:hover .img{ background-position: -102px -100px; } .page-live .section-4 .list li.item-3:hover .img{ background-position: -200px -100px; } .page-live .section-4 .list li.item-4:hover .img{ background-position: -299px -100px; } .page-live .section-4 .list li h3{ font-size: 24px; font-weight: 700; margin-bottom: 20px; transition: all .2s;} .page-live .section-4 .list li p{ font-size: 14px; color: #888888; padding: 0 34px; transition: all .2s;} .page-live .section-4 .list li .inner{ position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0; } .page-live .section-4 .list li .bg{ position: absolute; background: url(../images/live/03-bg.png) no-repeat center; background-size: cover; opacity: 0; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; transition: all .2s; } .page-live .section-4 .list li:hover .bg{ opacity: 1; transform: scale(1.1); box-shadow: 0 11px 21px rgba(0,0,0,0.2) } .page-live .section-4 .list li:hover h3{ color: #fff; } .page-live .section-4 .list li:hover p{ color: #fff; } .page-live .jump-list{ text-align: center; } .page-live .jump-list li{ line-height: 67px; border-bottom: 2px solid transparent; cursor: pointer; color: #999; vertical-align: bottom; font-size: 16px; text-align: center; width: 200px; display: inline-block; margin: 0 30px; } .page-live .jump-list li.on{ border-bottom-color: #2028be; color: #2028be; } .page-live .section-5, .page-live .section-6, .page-live .section-7{ background: url(../images/live/bg.png) repeat-x center top; padding: 40px 0; } .page-live .section-5 .section-title{ width: 485px; text-align: left; float: right; margin-right: 60px; margin-top: 110px; } .page-live .section-5 .section-title p{ line-height: 1.8; margin-bottom: 20px;} .page-live .section-5 .section-title b{ display: block; color: #666;} .page-live .section-5 .img{ width: 379px; height: 660px; margin-left:150px;background: url(../images/live/04-img1.png) no-repeat; } .page-live .section-6 .section-title{ width: 485px; text-align: left; float: right; margin-right: 60px; margin-top: 110px; } .page-live .section-6 .section-title p{ line-height: 1.8; margin-bottom: 20px;} .page-live .section-6 .section-title b{ display: block; color: #666;} .page-live .section-6 .img{ float: left; width: 559px; height: 660px; background: url(../images/live/04-img2.png) no-repeat; } .page-live .section-7 .section-title{ width: 485px; text-align: left; float: right; margin-right: 120px; margin-top: 110px; } .page-live .section-7 .section-title p{ line-height: 1.8; margin-bottom: 20px;} .page-live .section-7 .section-title b{ display: block; color: #666;} .page-live .section-7 .img{ width: 379px; margin-left: 150px; height: 660px; background: url(../images/live/04-img3.png) no-repeat; } .page-live .section-8{ padding: 60px 0 40px; background: #f7f9fc;} .page-live .section-8 .section-title{ width: 475px; text-align: left; float: left; margin-top: 80px; margin-left: 40px; } .page-live .section-8 .img{ float: right; background: url(../images/live/05-img.png) no-repeat center; width: 685px; height: 379px;} .page-live .section-9{ padding-bottom: 60px;} .page-live .section-9 .section-title p b{ font-size: 24px; color: #ed353c; font-weight: 300;} .page-live .section-9 .section-title p b em{ font-style: normal; font-size: 20px; } .page-live .section-9 .section-title p span{ color: #bbb; margin: 0 10px; font-size: 22px; } .page-live .section-9 .img{ height: 408px; background: url(../images/live/06-img.png) no-repeat center; } .page-live .section-9 .btn-wrap{ text-align: center; padding-top: 60px; margin-bottom: -20px; clear: both; } .body-transfer .head3 {text-align: center; font-size: 40px; } .body-transfer .kuai-k {display: block; margin: 0 auto; } .body-transfer .public-content {position: relative; max-width: 1210px; margin: 0 auto; } .body-transfer .ctbh-title {position: absolute; top: 50px; left: 445px; } .body-transfer .caption {font-size: 16px; color: #666; line-height: 28px; text-align: center; padding: 15px 60px 0 60px; } /*综合百货方案*/ .page-department .section-0{ height: 390px; background: url(../images/department/00-banner.jpg) no-repeat center top; } .page-department .section-0 .container{ position: relative; height: 390px; } .page-department .section-0 .btn-wrap{ text-align: center; padding-top: 246px;} .page-department .section-0 .btn-wrap a{ padding: 0 10px; } .page-department .section-0 .btn-wrap a:hover{ color: #ee4041; } .page-department .body *{ box-sizing: border-box; } .page-department .section-1 .section-title p{ line-height: 2; } .page-department .now-wrap{background:#F4F4F4;height:620px;} .page-department .now-content{max-width:1210px;margin:0 auto;height:490px;} .page-department .ctbh-title{position: absolute;top:50px;left:445px;} .page-department .industry{padding-top:55px;overflow: hidden;min-height:520px;} .page-department .industry1{position:absolute;top:185px;left:0;} .page-department .industry2{position:absolute;top:185px;left:410px;} .page-department .industry3{position:absolute;top:185px;left:820px;} .page-department .industry li{min-height:308px;width:390px;background:#fff;padding:20px;float:left;box-shadow:0 10px 20px -16px #999;} .page-department .industry li:last-child{margin-right:0;} .page-department .industry p{font-size:18px;color:#333;font-weight: bold;text-align:left;padding:0;padding: 18px 0 4px 0;} .page-department .industry span{font-size:14px;color:#414141;line-height: 24px;} .page-department .solution-wrap{min-height:584px;} .page-department .solution-content{max-width:1210px;margin:0 auto;} .page-department .fays-title{position: absolute;top:50px;left:425px;} .page-department .fays1{position:absolute;top:185px;left:-30px;} .page-department .fays2{position:absolute;top:185px;left:400px;} .page-department .fays3{position:absolute;top:185px;right:-30px;} .page-department .solutions{padding-top:80px;} .page-department .solutions li{width:33.334%;float:left;padding:0 20px;} .page-department .solutions p{font-size:20px;color:#444;font-weight: bold;text-align:center;padding:25px 0 15px 0;} .page-department .solutions span{display:block;text-align:center;font-size: 14px;color:#505050;line-height:25px;} .page-department .solution-model-wrap{background: #f7f7fa; padding-top: 80px;} .page-department .solution-model-content{max-width:1210px; margin: 0 auto;height:931px;} .page-department .zhbh-img{ margin: 50px auto 0; display: block; } .page-department .now-wrap-2{ background: url(../images/department/05-bg.jpg) no-repeat center top; height: 560px; } .page-department .now-wrap-2 .ctbh-title{ color: #fff; left: 485px; } .page-department .now-wrap-2 .industry a{ font-size: 14px; position: absolute; right: 20px; bottom: 30px; width: 90px; height: 40px; border: 1px solid #dcdcdc; color: #a6a6a6; text-align: center; line-height: 40px; border-radius: 3px; } .page-department .now-wrap-2 .industry a:hover{ color: #ed353c; border-color: #ed353c; } /*农村电商方案*/ .page-countryside .section-0{ height: 390px; background: url(../images/countryside/00-banner.jpg) no-repeat center top; } .page-countryside .section-0 .container{ position: relative; height: 390px; } .page-countryside .section-0 .btn-wrap{ text-align: center; padding-top: 246px;} .page-countryside .section-0 .btn-wrap a{ padding: 0 10px; } .page-countryside .section-0 .btn-wrap a:hover{ color: #164147; } .page-countryside .body *{ box-sizing: border-box; } .page-countryside .section-1 .section-title p{ line-height: 2; } .page-countryside .section-2{ background: #F4F4F4; padding-bottom: 80px; } .page-countryside .section-2 .img{ height: 453px; background: url(../images/countryside/02-img.png) no-repeat center top; } .page-countryside .section-3{ height: 995px; background: url(../images/countryside/03-bg.jpg) no-repeat center top; } .page-countryside .section-3 .img{ height: 677px; background: url(../images/countryside/03-img.png) no-repeat center top; } .page-countryside .section-4 .list li{text-align: center; margin-bottom: 50px;} .page-countryside .section-4 .list li .img{ width: 88px; height: 88px; background: url(../images/countryside/04-bg.png) no-repeat; margin: 0 auto; line-height: 88px; text-align: center; font-size: 34px; color: #fff; } .page-countryside .section-4 .list li h3{ font-size: 24px; padding: 30px 0;} .page-countryside .section-4 .list li p{ font-size: 14px; color: #666; margin: 0 22px;} .page-countryside .now-wrap{background:#F4F4F4;height:620px;} .page-countryside .now-content{max-width:1210px;margin:0 auto;height:490px;} .page-countryside .ctbh-title{position: absolute;top:50px;left:485px;} .page-countryside .industry{padding-top:55px;overflow: hidden;min-height:520px;} .page-countryside .industry1{position:absolute;top:185px;left:0;} .page-countryside .industry2{position:absolute;top:185px;left:410px;} .page-countryside .industry3{position:absolute;top:185px;left:820px;} .page-countryside .industry li{min-height:308px;width:390px;background:#fff;padding:20px;float:left;box-shadow:0 10px 20px -16px #999;} .page-countryside .industry li:last-child{margin-right:0;} .page-countryside .industry p{font-size:18px;color:#333;font-weight: bold;text-align:left;padding:0;padding: 18px 0 4px 0;} .page-countryside .industry span{font-size:14px;color:#414141;line-height: 24px;} .page-countryside .now-wrap-2{ background: url(../images/countryside/05-bg.jpg) no-repeat center top; height: 560px; } .page-countryside .now-wrap-2 .ctbh-title{ color: #fff; } .page-countryside .now-wrap-2 .industry a{ font-size: 14px; position: absolute; right: 20px; bottom: 30px; width: 90px; height: 40px; border: 1px solid #dcdcdc; color: #a6a6a6; text-align: center; line-height: 40px; border-radius: 3px; } .page-countryside .now-wrap-2 .industry a:hover{ color: #ed353c; border-color: #ed353c; } /*生鲜电商方案*/ .page-fresh .section-0{ height: 390px; background: url(../images/fresh/00-banner.jpg) no-repeat center top; } .page-fresh .section-0 .container{ position: relative; height: 390px; } .page-fresh .section-0 .btn-wrap{ text-align: center; padding-top: 246px;} .page-fresh .section-0 .btn-wrap a{ padding: 0 10px; } .page-fresh .section-0 .btn-wrap a:hover{ color: #164147; } .page-fresh .body *{ box-sizing: border-box; } .page-fresh .section-1 .section-title p{ line-height: 2; } .page-fresh .section-2{ background: #F4F4F4; padding-bottom: 68px; } .page-fresh .section-2 .list li{ text-align: center; background: #fff; padding: 27px 0; } .page-fresh .section-2 .list li .img{ width: 88px; height: 52px; margin: 0 auto; background: url(../images/fresh/02-icon.png) no-repeat;} .page-fresh .section-2 .list li.item-1 .img{ background-position: 0 0; } .page-fresh .section-2 .list li.item-2 .img{ background-position: -98px 0; } .page-fresh .section-2 .list li.item-3 .img{ background-position: -196px 0; } .page-fresh .section-2 .list li.item-4 .img{ background-position: -294px 0; } .page-fresh .section-2 .list li h3{ font-size: 18px; padding: 10px 0 8px;} .page-fresh .section-2 .list li p{ font-size: 14px; color: #888888; } .page-fresh .section-3{ padding-bottom: 88px; } .page-fresh .section-3 .img{ height: 642px; background: url(../images/fresh/03-img.png) no-repeat center top; } .page-fresh .section-4{ height: 665px; background: url(../images/fresh/04-bg.jpg) no-repeat center top; } .page-fresh .section-4 .img{ height: 397px; background: url(../images/fresh/04-img.png) no-repeat center top; } .page-fresh .section-5{ padding-bottom: 50px; } .page-fresh .section-5 .list li{ text-align: center; padding: 30px 0; } .page-fresh .section-5 .list li .img{ width: 65px; height: 48px; background: url(../images/fresh/05-icon.png) no-repeat; margin: 0 auto 32px; } .page-fresh .section-5 .list li.item-1 .img{ background-position: 0 0; } .page-fresh .section-5 .list li.item-2 .img{ background-position: -75px 0; } .page-fresh .section-5 .list li.item-3 .img{ background-position: -150px 0; } .page-fresh .section-5 .list li.item-4 .img{ background-position: -225px 0; } .page-fresh .section-5 .list li.item-5 .img{ background-position: -300px 0; } .page-fresh .section-5 .list li.item-6 .img{ background-position: -375px 0; } .page-fresh .section-5 .list li.item-7 .img{ background-position: -450px 0; } .page-fresh .section-5 .list li.item-8 .img{ background-position: -525px 0; } .page-fresh .section-5 .list li.item-9 .img{ background-position: -600px 0; } .page-fresh .section-5 .list li.item-10 .img{ background-position: -675px 0; } .page-fresh .section-5 .list li p{ font-size: 20px; } .page-fresh .now-wrap{background:#F4F4F4;height:620px;} .page-fresh .now-content{max-width:1210px;margin:0 auto;height:490px;} .page-fresh .ctbh-title{position: absolute;top:50px;left:485px;} .page-fresh .industry{padding-top:55px;overflow: hidden;min-height:520px;} .page-fresh .industry1{position:absolute;top:185px;left:0;} .page-fresh .industry2{position:absolute;top:185px;left:410px;} .page-fresh .industry3{position:absolute;top:185px;left:820px;} .page-fresh .industry li{min-height:308px;width:390px;background:#fff;padding:20px;float:left;box-shadow:0 10px 20px -16px #999;} .page-fresh .industry li:last-child{margin-right:0;} .page-fresh .industry p{font-size:18px;color:#333;font-weight: bold;text-align:left;padding:0;padding: 18px 0 4px 0;} .page-fresh .industry span{font-size:14px;color:#414141;line-height: 24px;} .page-fresh .now-wrap-2{ background: url(../images/fresh/06-bg.jpg) no-repeat center top; height: 560px; } .page-fresh .now-wrap-2 .ctbh-title{ color: #fff; } .page-fresh .now-wrap-2 .industry a{ font-size: 14px; position: absolute; right: 20px; bottom: 30px; width: 90px; height: 40px; border: 1px solid #dcdcdc; color: #a6a6a6; text-align: center; line-height: 40px; border-radius: 3px; } .page-fresh .now-wrap-2 .industry a:hover{ color: #ed353c; border-color: #ed353c; } /*母婴电商方案*/ .page-baby .section-0{ height: 390px; background: url(../images/baby/00-banner.jpg) no-repeat center top; } .page-baby .section-0 .container{ position: relative; height: 390px; } .page-baby .section-0 .btn-wrap{ text-align: center; padding-top: 246px;} .page-baby .section-0 .btn-wrap a{ padding: 0 10px; } .page-baby .section-0 .btn-wrap a:hover{ color: #F16969; } .page-baby .body *{ box-sizing: border-box; } .page-baby .section-1 .section-title p{ line-height: 2; } .page-baby .section-2{ background: #F4F4F4; padding-bottom: 66px;} .page-baby .section-2 .list{ margin-right: -58px; } .page-baby .section-2 .list li{ background: #FA312B; color: #fff; position: relative; padding: 20px 15px 30px 26px; border-radius: 5px; width: 350px; margin-right: 58px;} .page-baby .section-2 .list li:before{ content: "";position: absolute; top: 0; left: -10px; border-style: solid; border-width: 22px 0 0 17px; border-color: #FA312B transparent transparent transparent; } .page-baby .section-2 .list li h3{ font-size: 18px; margin-bottom: 20px; } .page-baby .section-2 .list li p{ font-size: 14px; } .page-baby .section-2 .list li.item-2{ background: #0D8FF7; } .page-baby .section-2 .list li.item-2:before{ border-color: #0D8FF7 transparent transparent transparent; } .page-baby .section-2 .list li.item-3{ background: #00D884; } .page-baby .section-2 .list li.item-3:before{ border-color: #00D884 transparent transparent transparent; } .page-baby .section-3{ padding-bottom: 83px; } .page-baby .section-3 .img{ height: 466px; background: url(../images/baby/01-img.png) no-repeat center top; } .page-baby .section-3 .text{ margin-top: 30px; background: #F92C2A; font-size: 16px; color: #fff; line-height:1.8; padding: 30px; border-radius: 10px; } .page-baby .section-recommend{ background: #f4f4f4; } /*汽车电商方案*/ .page-auto .section-0{ height: 390px; background: url(../images/auto/00-banner.jpg) no-repeat center top; } .page-auto .section-0 .container{ position: relative; height: 390px; } .page-auto .section-0 .btn-wrap{ text-align: center; padding-top: 246px;} .page-auto .section-0 .btn-wrap a{ padding: 0 10px; } .page-auto .section-0 .btn-wrap a:hover{ color: #0f2846; } .page-auto .body *{ box-sizing: border-box; } .page-auto .section-1{ padding: 150px 0; } .page-auto .section-1 .img{ height: 396px; background: url(../images/auto/01-img.png) no-repeat center top; } .page-auto .section-2{ background: #F6F6F9; padding-bottom: 84px; } .page-auto .section-2 .img{ height: 421px; background: url(../images/auto/02-img.png) no-repeat center top; } .page-auto .section-3{ padding-bottom: 85px; } .page-auto .section-3 .img{ height: 463px; background: url(../images/auto/04-img.png) no-repeat center top; } .page-auto .section-4{ background: #F6F6F9; padding-bottom: 84px; } .page-auto .section-4 .list{ position: relative; padding-left: 76px; } .page-auto .section-4 .list:before{ content: ""; border-top: 1px solid #435B70; width: 980px; left: 106px; top: 50px; position: absolute; } .page-auto .section-4 .list li{ float: left; margin-right: 30px; width: 150px; text-align: center; position: relative; z-index: 2;} .page-auto .section-4 .list li p{background: #F6F6F9; width: 100px; height: 100px; margin: 0 auto; border-radius: 100%; text-align: center; line-height: 100px; border: 1px solid #435B70; color: #435B70; font-size: 40px; } .page-auto .section-4 .list li h3{ font-size: 14px; margin-top: 20px; } /*医药电商方案*/ .page-medicine .section-0{ height: 390px; background: url(../images/medicine/00-banner.jpg) no-repeat center top; } .page-medicine .section-0 .container{ position: relative; height: 390px; } .page-medicine .section-0 .btn-wrap{ text-align: center; padding-top: 246px;} .page-medicine .section-0 .btn-wrap a{ padding: 0 10px; } .page-medicine .section-0 .btn-wrap a:hover{ color: #6cdffc; } .page-medicine .body *{ box-sizing: border-box; } .page-medicine .section-1{ padding-bottom: 100px; } .page-medicine .section-1 .img{ height: 570px; background: url(../images/medicine/01-img.png) no-repeat center top; } .page-medicine .section-2{ background: #F6F6F9; } .page-medicine .section-2 .img{ height: 621px; background: url(../images/medicine/02-img.png) no-repeat center top; } .page-medicine .section-3{ padding-bottom: 80px; } .page-medicine .section-3 .list li{ color: #fff; padding: 30px 15px; height: 380px;} .page-medicine .section-3 .list li.item-1{ background: url(../images/medicine/03-bg1.jpg) repeat-y left top; } .page-medicine .section-3 .list li.item-2{ background: url(../images/medicine/03-bg2.jpg) repeat-y left top; } .page-medicine .section-3 .list li.item-3{ background: url(../images/medicine/03-bg3.jpg) repeat-y left top; } .page-medicine .section-3 .list li h3{ font-size: 24px; text-align: center; } .page-medicine .section-3 .list li p{ font-size: 14px; line-height: 2;} .page-medicine .section-4{ background: #F6F6F9; } .page-medicine .section-4 .img{ height: 539px; background: url(../images/medicine/04-img.png) no-repeat center top; } .page-medicine .section-5 .img{ height: 542px; background: url(../images/medicine/05-img.png) no-repeat center top; } .page-medicine .section-recommend{ background: #f4f4f4; } /*后台*/ .body-backstage .bk-hd{ font-size: 24px; line-height: 24px; border-left: 3px solid #2470FD; padding-left: 20px; margin: 60px 0 30px; } .body-backstage .section-banner{ height: 392px; background: url(../images/backstage/00-banner-bg.jpg) no-repeat center top; } .body-backstage .section-banner .img{ margin-top: 81px; margin-bottom: 49px; height: 143px; background: url(../images/backstage/00-banner-text.png) no-repeat; } .body-backstage .section-banner .btn-wrap .s-btn{ width: 160px; height: 40px; font-size: 16px; display: block; text-align: center; line-height: 40px; color: #0D92F7; background: #fff; border-radius: 4px; } .body-backstage .section-slide .s-slide{ border: 1px solid #DCDCDC; } .body-backstage .section-slide .s-slide:after{ content: ""; display: block; clear: both; } .body-backstage .section-slide .s-slide .hd{ float: left; width: 239px; background: #EFF2F6; height: 409px; } .body-backstage .section-slide .s-slide .hd li{ line-height: 59px; cursor: pointer; font-size: 16px; padding-left: 29px; border-bottom: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; } .body-backstage .section-slide .s-slide .hd li.on{ background: #fff; text-align: center; border-left: 1px solid #2470FD; color: #2470FD; border-right: #fff; margin-left: -1px; padding-left: 0; } .body-backstage .section-slide .s-slide .bd{ padding:34px 0 0 270px; } .body-backstage .section-slide .s-slide .bd p{ font-size: 14px; } .body-backstage .section-slide .s-slide .bd .text{ width: 438px; margin-right: 20px; float: left; text-align: center;} .body-backstage .section-slide .s-slide .bd .text .img{ width: 438px; height: 269px; margin: 30px auto 0; } .body-backstage .section-slide .s-slide .bd .text p{ color: #0085f8; } .body-backstage .section-doc .list li{ border: 1px solid #DCDCDC; padding: 22px 30px; box-sizing: border-box; height: 225px;} .body-backstage .section-doc .list li h3{ font-size: 18px; margin-bottom: 10px;} .body-backstage .section-doc .list li p{ color: #888; font-size: 14px; margin-bottom: 8px;} .body-backstage .section-doc .list li p:before{ content: ""; width: 6px; height: 6px; border-radius: 100%; background: #ddd; display: inline-block; vertical-align: middle; margin-right: 10px; } .body-backstage .section-recommend .list li .img{ width: 60px; height: 60px; margin: 20px 0 0 20px; background: url(../images/backstage/02-icon.png) no-repeat; } .body-backstage .section-recommend .list li.item-1 .img{ background-position: 0 0; } .body-backstage .section-recommend .list li.item-2 .img{ background-position: -70px 0; } .body-backstage .section-recommend .list li.item-3 .img{ background-position: -140px 0; } .body-backstage .section-recommend .list li.item-4 .img{ background-position: -210px 0; } .body-backstage .section-recommend .list li .text{ padding-left: 99px; } .page-backstage .body-backstage .section-slide .s-slide .bd .item-1 .text .img-1{ background: url(../images/backstage/01-img1.png) no-repeat; } .page-backstage .body-backstage .section-slide .s-slide .bd .item-1 .text .img-2{ background: url(../images/backstage/01-img2.png) no-repeat; } .page-backstage .body-backstage .section-slide .s-slide .bd .item-2 .text .img-1{ background: url(../images/backstage/01-img3.png) no-repeat; } .page-backstage .body-backstage .section-slide .s-slide .bd .item-2 .text .img-2{ background: url(../images/backstage/01-img4.png) no-repeat; } .page-backstage .body-backstage .section-slide .s-slide .bd .item-3 .text .img-1{ background: url(../images/backstage/01-img5.png) no-repeat; } .page-backstage .body-backstage .section-slide .s-slide .bd .item-3 .text .img-2{ background: url(../images/backstage/01-img6.png) no-repeat; } .page-backstage .body-backstage .section-slide .s-slide .bd .item-4 .text .img-1{ background: url(../images/backstage/01-img7.png) no-repeat; } .page-backstage .body-backstage .section-slide .s-slide .bd .item-4 .text .img-2{ background: url(../images/backstage/01-img8.png) no-repeat; } .page-backstage .body-backstage .section-slide .s-slide .bd .item-5 .text .img-1{ background: url(../images/backstage/01-img9.png) no-repeat; } .page-backstage .body-backstage .section-slide .s-slide .bd .item-5 .text .img-2{ background: url(../images/backstage/01-img10.png) no-repeat; } .page-backstage .body-backstage .section-slide .s-slide .bd .item-6 .text .img-1{ background: url(../images/backstage/01-img11.png) no-repeat; } .page-backstage .body-backstage .section-slide .s-slide .bd .item-6 .text .img-2{ background: url(../images/backstage/01-img12.png) no-repeat; } .page-backstageseller .body-backstage .section-banner{ background-image: url(../images/backstageseller/00-banner-bg.jpg); } .page-backstageseller .body-backstage .section-banner .img{ background-image: url(../images/backstageseller/00-banner-text.png); } .page-backstageseller .body-backstage .section-slide .s-slide .bd .item-1 .text .img-1{ background: url(../images/backstageseller/01-img1.png) no-repeat; } .page-backstageseller .body-backstage .section-slide .s-slide .bd .item-1 .text .img-2{ background: url(../images/backstageseller/01-img2.png) no-repeat; } .page-backstageseller .body-backstage .section-slide .s-slide .bd .item-2 .text .img-1{ background: url(../images/backstageseller/01-img3.png) no-repeat; } .page-backstageseller .body-backstage .section-slide .s-slide .bd .item-2 .text .img-2{ background: url(../images/backstageseller/01-img4.png) no-repeat; } .page-backstageseller .body-backstage .section-slide .s-slide .bd .item-3 .text .img-1{ background: url(../images/backstageseller/01-img5.png) no-repeat; } .page-backstageseller .body-backstage .section-slide .s-slide .bd .item-3 .text .img-2{ background: url(../images/backstageseller/01-img6.png) no-repeat; } .page-backstageseller .body-backstage .section-slide .s-slide .bd .item-4 .text .img-1{ background: url(../images/backstageseller/01-img7.png) no-repeat; } .page-backstageseller .body-backstage .section-slide .s-slide .bd .item-4 .text .img-2{ background: url(../images/backstageseller/01-img8.png) no-repeat; } .page-backstageseller .body-backstage .section-slide .s-slide .bd .item-5 .text .img-1{ background: url(../images/backstageseller/01-img9.png) no-repeat; } .page-backstageseller .body-backstage .section-slide .s-slide .bd .item-5 .text .img-2{ background: url(../images/backstageseller/01-img10.png) no-repeat; } .page-backstagestore .body-backstage .section-banner{ background-image: url(../images/backstagestore/00-banner-bg.jpg); } .page-backstagestore .body-backstage .section-banner .img{ background-image: url(../images/backstagestore/00-banner-text.png); } .page-backstagestore .body-backstage .section-slide .s-slide .bd .item-1 .text .img-1{ background: url(../images/backstagestore/01-img1.png) no-repeat; } .page-backstagestore .body-backstage .section-slide .s-slide .bd .item-1 .text .img-2{ background: url(../images/backstagestore/01-img2.png) no-repeat; } .page-backstagestore .body-backstage .section-slide .s-slide .bd .item-2 .text .img-1{ background: url(../images/backstagestore/01-img3.png) no-repeat; } .page-backstagestore .body-backstage .section-slide .s-slide .bd .item-2 .text .img-2{ background: url(../images/backstagestore/01-img4.png) no-repeat; } .page-backstagestore .body-backstage .section-slide .s-slide .bd .item-3 .text .img-1{ background: url(../images/backstagestore/01-img5.png) no-repeat; } .page-backstagestore .body-backstage .section-slide .s-slide .bd .item-3 .text .img-2{ background: url(../images/backstagestore/01-img6.png) no-repeat; } .page-backstagesupply .body-backstage .section-banner{ background-image: url(../images/backstagesupply/00-banner-bg.jpg); } .page-backstagesupply .body-backstage .section-banner .img{ background-image: url(../images/backstagesupply/00-banner-text.png); } .page-backstagesupply .body-backstage .section-banner .s-btn{ float: left; } .page-backstagesupply .body-backstage .section-banner .btn-line{ float: left; margin-left: 20px; } .page-backstagesupply .body-backstage .section-banner .btn-line:hover{ color: #0D92F7; } .page-backstagesupply .body-backstage .section-slide .s-slide .bd .item-1 .text .img-1{ background: url(../images/backstagesupply/01-img1.png) no-repeat; } .page-backstagesupply .body-backstage .section-slide .s-slide .bd .item-1 .text .img-2{ background: url(../images/backstagesupply/01-img2.png) no-repeat; } .page-backstagesupply .body-backstage .section-slide .s-slide .bd .item-2 .text .img-1{ background: url(../images/backstagesupply/01-img3.png) no-repeat; } .page-backstagesupply .body-backstage .section-slide .s-slide .bd .item-2 .text .img-2{ background: url(../images/backstagesupply/01-img4.png) no-repeat; } .page-backstagesupply .body-backstage .section-slide .s-slide .bd .item-3 .text .img-1{ background: url(../images/backstagesupply/01-img5.png) no-repeat; } .page-backstagesupply .body-backstage .section-slide .s-slide .bd .item-3 .text .img-2{ background: url(../images/backstagesupply/01-img6.png) no-repeat; } .page-backstagesupply .body-backstage .section-slide .s-slide .bd .item-4 .text .img-1{ background: url(../images/backstagesupply/01-img7.png) no-repeat; } .page-backstagesupply .body-backstage .section-slide .s-slide .bd .item-4 .text .img-2{ background: url(../images/backstagesupply/01-img8.png) no-repeat; } .page-backstagesupply .body-backstage .section-slide .s-slide .bd .item-5 .text .img-1{ background: url(../images/backstagesupply/01-img9.png) no-repeat; } .page-backstagesupply .body-backstage .section-slide .s-slide .bd .item-5 .text .img-2{ background: url(../images/backstagesupply/01-img10.png) no-repeat; } /*客服系统*/ .page-im .section-1{ height: 390px; background: url(../images/im/00-banner.jpg) no-repeat center top; } .page-im .section-1 .btn-wrap{ padding: 270px 0 0 19px; } .page-im .section-1 .s-btn{ height: 40px; background: #F1361B; line-height: 40px; text-align: center; box-shadow: 0 7px 10px rgb(241, 53, 27,0.2); font-size: 16px; color: #fff; border-radius: 5px; display: inline-block; padding: 0 30px; } .page-im .section-2 .list li .img{ background-image: url(../images/im/01-icon.png); } .page-im .section-3{ background: #F4F4F4; padding-bottom: 70px;} .page-im .section-3 .hd{ text-align: center; position: relative; z-index: 3;} .page-im .section-3 .hd li{ display: inline-block; font-size: 18px; margin: 0 25px; font-size: 15px; cursor: pointer;} .page-im .section-3 .hd li:after{ content: ""; opacity: 0; width: 75px; height: 1px; background: #EC383E; display: block; margin: 10px auto -1px; } .page-im .section-3 .hd li.on:after{ opacity: 1; } .page-im .section-3 .hd li.on{ color: #EC383E; } .page-im .section-3 .hd li .img{ width: 41px; height: 41px; margin: 0 auto 12px; background: url(../images/im/02-icon.png) no-repeat; } .page-im .section-3 .hd li.item-1 .img{ background-position: 0 0; } .page-im .section-3 .hd li.item-2 .img{ background-position: -50px 0; } .page-im .section-3 .bd li{ width: 1200px; height: 630px; background: #fff; border: 1px solid #DCDCDC; padding-bottom: 40px;} .page-im .section-3 .bd li p{ font-size: 14px; padding-top: 34px; text-align: center; } .page-im .section-3 .bd li.item-1 .img{ width: 1061px; height: 547px; background: url(../images/im/02-img1.png) no-repeat; margin: 20px auto;} .page-im .section-3 .bd li.item-2 .img{ width: 1061px; height: 547px; background: url(../images/im/02-img2.png) no-repeat; margin: 20px auto;} .page-im .section-4{ padding-bottom: 66px; } .page-im .section-4 .list li{ float: left; margin-right: -1px;} .page-im .section-4 .list li .th, .page-im .section-4 .list li .td{ border: 1px solid #DDDDDD; margin-bottom: -1px; text-align: center;} .page-im .section-4 .list li .th{ height: 82px; line-height: 82px; font-size: 16px; color: #4c4c4c; background: #FAFAFA;} .page-im .section-4 .list li .td{ height: 126px; } .page-im .section-4 .list li.item-1 .th, .page-im .section-4 .list li.item-1 .td{ width: 155px; } .page-im .section-4 .list li.item-2 .th, .page-im .section-4 .list li.item-2 .td{ width: 664px; } .page-im .section-4 .list li.item-3 .th, .page-im .section-4 .list li.item-3 .td{ width: 373px; } .page-im .section-4 .list li.item-1 .td{ font-size: 16px; } .page-im .section-4 .list li.item-1 .td .img{ width: 30px; height: 30px; margin: 30px auto 10px; background: url(../images/im/03-icon.png) no-repeat; } .page-im .section-4 .list li.item-1 .td-1 .img{ background-position: 0 0; } .page-im .section-4 .list li.item-1 .td-2 .img{ background-position: -40px 0; } .page-im .section-4 .list li.item-1 .td-3 .img{ background-position: -80px 0; } .page-im .section-4 .list li.item-1 .td-4 .img{ background-position: -120px 0; } .page-im .section-4 .list li.item-1 .td-5 .img{ background-position: -160px 0; } .page-im .section-4 .list li.item-1 .td-6 .img{ background-position: -200px 0; } .page-im .section-4 .list li.item-2{ position: relative; z-index: 2; box-shadow: 0 0 40px rgba(0,0,0,0.1); } .page-im .section-4 .list li.item-2 .th{ height: 100px; line-height: 100px; color: #fff; background: #EE231A; font-size: 24px; margin-top: -18px; } .page-im .section-4 .list li.item-2 .td{ text-align: left; border-bottom-color: #fff; border-top-color: #fff;} .page-im .section-4 .list li.item-2 .td-6{ border-bottom-color: #ddd; } .page-im .section-4 .list li.item-2 .i-ok{ width: 17px; height: 12px; margin-left: 27px; margin-right: 10px; background: url(../images/im/04-icon.png) no-repeat; display: inline-block; vertical-align: top; margin-top: 48px; } .page-im .section-4 .list li.item-2 p{ display: inline-block; width: 566px; font-size: 14px; color: #4c4c4c; margin-top: 44px;} .page-im .section-4 .list li.item-3 p{ color: #888888; margin: 24px 10px 0 33px; font-size: 14px; text-align: left; } .page-im .section-5{ background: #F4F4F4; padding-bottom: 65px;} .page-im .section-5 .list li{ background: #fff; font-size: 18px;} .page-im .section-5 .list li .th, .page-im .section-5 .list li .td{ height: 60px; text-align: center; line-height: 60px; } .page-im .section-5 .list li .th{ background: #EC383E; font-size: 24px; color: #fff; } .page-im .section-5 .list li .td{ border: 1px solid #DCDCDC; border-top: 0 none; text-align: left; } .page-im .section-5 .list li .i-ok{ width: 17px; height: 12px; margin-left: 52px; margin-right: 10px; background: url(../images/im/04-icon.png) no-repeat; display: inline-block; vertical-align: middle; } .page-im .section-6 .list li .img{ background: url(../images/im/05-icon.png) no-repeat; } .page-im .section-6 .list li.item-1 .img{ background-position: 0 0; } .page-im .section-6 .list li.item-2 .img{ background-position: -50px 0; } /*卖家云erp*/ .page-erpmjy .section-1{ height: 390px; background: url(../images/erpmjy/00-banner.jpg) no-repeat center top; } .page-erpmjy .section-1 .btn-wrap{ padding: 270px 0 0 19px; } .page-erpmjy .section-1 .s-btn{ height: 40px; background: #F1361B; line-height: 40px; text-align: center; box-shadow: 0 7px 10px rgb(241, 53, 27,0.2); font-size: 16px; color: #fff; border-radius: 5px; display: inline-block; padding: 0 30px; } .page-erpmjy .section-2{ padding-bottom: 64px; } .page-erpmjy .section-2 .list{ margin-right: -30px; } .page-erpmjy .section-2 .list li{ background: #fff; height: 100px; border: 1px solid #DCDCDC; position: relative;} .page-erpmjy .section-2 .list li .img{ float: left; margin: 30px 0 0 30px; width: 40px; height: 59px; background: url(../images/erpmjy/01-icon.png) no-repeat; } .page-erpmjy .section-2 .list li.item-1 .img{ background-position: 0 0; } .page-erpmjy .section-2 .list li.item-2 .img{ background-position: -50px 0; } .page-erpmjy .section-2 .list li.item-3 .img{ background-position: -100px 0; } .page-erpmjy .section-2 .list li.item-4 .img{ background-position: -150px 0; } .page-erpmjy .section-2 .list li.item-5 .img{ background-position: -200px 0; } .page-erpmjy .section-2 .list li.item-6 .img{ background-position: -250px 0; } .page-erpmjy .section-2 .list li .text{ font-size: 14px; padding: 26px 0 0 89px;} .page-erpmjy .section-2 .list li .text h3{font-size: 18px; color:#EC383E;} .page-erpmjy .section-2 .list li .text p{ color: #888;} .page-erpmjy .section-3{ background: #F4F4F4; padding-bottom: 78px; } .page-erpmjy .section-3 .tb .tb-h{ height: 60px; font-size: 16px; text-align: center; line-height: 60px; background: #EC383E; color: #fff; } .page-erpmjy .section-3 .tb-b dt, .page-erpmjy .section-3 .tb-b dd{ border: 1px solid #DCDCDC; float: left; margin-right: -1px; margin-bottom: -1px; height: 50px; line-height: 50px; background: #fff; } .page-erpmjy .section-3 .tb-b dt{ width: 388px; font-size: 18px;} .page-erpmjy .section-3 .tb-b dt i{ display: inline-block; width: 20px; height: 20px; background: url(../images/erpmjy/02-icon.png) no-repeat; margin: 0 10px 0 130px; vertical-align: -3px;} .page-erpmjy .section-3 .tb-b dd{ width: 784px; font-size: 16px; color: #888; padding-left: 25px; } .page-erpmjy .section-4 .list li .img{ background: url(../images/erpmjy/03-icon.png) no-repeat; } /*u8+erp*/ .page-erpu8 .section-1{ height: 390px; background: url(../images/erpu8/00-banner.jpg) no-repeat center top; } .page-erpu8 .section-1 .btn-wrap{ padding: 270px 0 0 19px; } .page-erpu8 .section-1 .s-btn{ height: 40px; background: #F1361B; line-height: 40px; text-align: center; box-shadow: 0 7px 10px rgb(241, 53, 27,0.2); font-size: 16px; color: #fff; border-radius: 5px; display: inline-block; padding: 0 30px; } .page-erpu8 .section-2{ padding-bottom: 75px; } .page-erpu8 .section-2 .list li .i-hd{ overflow: hidden; height: 150px; background: url(../images/erpu8/01-bg.jpg) repeat-x center top; color: #fff; text-align: center; } .page-erpu8 .section-2 .list li .i-hd .num{ width: 46px; height: 46px; line-height: 46px; border: 2px solid #fff; font-size: 40px; margin: 40px auto 15px; border-radius: 100%; } .page-erpu8 .section-2 .list li .i-hd p{ font-size: 20px; } .page-erpu8 .section-2 .list li .i-bd{overflow: hidden; font-size: 14px; color: #95989d; height: 250px; background: #fff url(../images/erpu8/shuiyin.png) no-repeat bottom -20px center; background-size: 190px; } .page-erpu8 .section-2 .list li .i-bd p{ margin: 36px 46px 0; } .page-erpu8 .section-2 .list li:hover{ box-shadow: 0 0 50px rgba(0,0,0,.1); } .page-erpu8 .section-3{ background: #F4F4F4; padding-bottom: 60px;} .page-erpu8 .section-3 .list li{ background: #fff; box-sizing: border-box; border: 1px solid #DCDCDC; text-align: center; padding: 34px 0; } .page-erpu8 .section-3 .list li .img{ width: 80px; height: 80px; background: url(../images/erpu8/02-icon.png) no-repeat; margin: 0 auto 20px; } .page-erpu8 .section-3 .list li.item-1 .img{ background-position: 0 0; } .page-erpu8 .section-3 .list li.item-2 .img{ background-position: -90px 0; } .page-erpu8 .section-3 .list li.item-3 .img{ background-position: -180px 0; } .page-erpu8 .section-3 .list li.item-4 .img{ background-position: -270px 0; } .page-erpu8 .section-3 .list li.item-5 .img{ background-position: -360px 0; } .page-erpu8 .section-3 .list li.item-6 .img{ background-position: -450px 0; } .page-erpu8 .section-3 .list li.item-7 .img{ background-position: -540px 0; } .page-erpu8 .section-3 .list li.item-8 .img{ background-position: -630px 0; } .page-erpu8 .section-3 .list li.item-9 .img{ background-position: -720px 0; } .page-erpu8 .section-3 .list li.item-10 .img{ background-position: -810px 0; } .page-erpu8 .section-3 .list li.item-11 .img{ background-position: -900px 0; } .page-erpu8 .section-3 .list li.item-12 .img{ background-position: -990px 0; } .page-erpu8 .section-3 .list li h3{ font-size: 18px; } .page-erpu8 .section-3 .list li p{ font-size: 14px; color: #95989d; } .page-erpu8 .section-3 .list li:hover{ border-color: #FF0302; } .page-erpu8 .section-4{ padding-bottom: 82px;} .page-erpu8 .section-4 .s-slide{ border: 1px solid #DCDCDC; } .page-erpu8 .section-4 .s-slide:after{ content: ""; display: block; clear: both; } .page-erpu8 .section-4 .s-slide .hd{ float: left; width: 239px; background: #EFF2F6; height: 409px; } .page-erpu8 .section-4 .s-slide .hd li{ line-height: 59px; cursor: pointer; font-size: 16px; padding-left: 29px; border-bottom: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; } .page-erpu8 .section-4 .s-slide .hd li.on{ background: #fff; border-left: 1px solid #EF261A; color: #EF261A; border-right: #fff; margin-left: -1px; } .page-erpu8 .section-4 .s-slide .bd{ margin-left: 240px; } .page-erpu8 .section-4 .s-slide .bd li{ height: 410px; background-repeat: no-repeat; background-position: center; } .page-erpu8 .section-4 .s-slide .bd li.item-1{ background-image: url(../images/erpu8/03-img1.png); } .page-erpu8 .section-4 .s-slide .bd li.item-2{ background-image: url(../images/erpu8/03-img2.png); } .page-erpu8 .section-4 .s-slide .bd li.item-3{ background-image: url(../images/erpu8/03-img3.png); } .page-erpu8 .section-5{ background: #F4F4F4; padding-bottom: 100px; } .page-erpu8 .section-5 .list{ margin-right: -10px; } .page-erpu8 .section-5 .list li{ background: #fff; height: 204px; padding: 40px 0; } .page-erpu8 .section-5 .list li .img{ width: 80px; height: 80px; background: url(../images/erpu8/04-icon.png) no-repeat; margin-left: 52px; } .page-erpu8 .section-5 .list li.item-1 .img{ background-position: 0 0; } .page-erpu8 .section-5 .list li.item-2 .img{ background-position: -90px 0; } .page-erpu8 .section-5 .list li.item-3 .img{ background-position: -180px 0; } .page-erpu8 .section-5 .list li.item-4 .img{ background-position: -270px 0; } .page-erpu8 .section-5 .list li.item-5 .img{ background-position: -360px 0; } .page-erpu8 .section-5 .list li.item-6 .img{ background-position: -450px 0; } .page-erpu8 .section-5 .list li.item-7 .img{ background-position: -540px 0; } .page-erpu8 .section-5 .list li.item-8 .img{ background-position: -630px 0; } .page-erpu8 .section-5 .list li h3, .page-erpu8 .section-5 .list li p{ margin-left: 42px; } .page-erpu8 .section-5 .list li h3{ font-size: 18px; padding: 15px 0 7px;} .page-erpu8 .section-5 .list li p{ font-size: 14px; color: #95989d; line-height: 1.8;} .page-erpu8 .section-6{ padding-bottom: 87px; } .page-erpu8 .section-6 .list{ margin-right: -10px; } .page-erpu8 .section-6 .list li{ background: #fff; height: 204px; padding: 40px 0; } .page-erpu8 .section-6 .list li .img{ width: 80px; height: 80px; background: url(../images/erpu8/05-icon.png) no-repeat; margin-left: 52px; } .page-erpu8 .section-6 .list li.item-1 .img{ background-position: 0 0; } .page-erpu8 .section-6 .list li.item-2 .img{ background-position: -90px 0; } .page-erpu8 .section-6 .list li.item-3 .img{ background-position: -180px 0; } .page-erpu8 .section-6 .list li.item-4 .img{ background-position: -270px 0; } .page-erpu8 .section-6 .list li.item-5 .img{ background-position: -360px 0; } .page-erpu8 .section-6 .list li.item-6 .img{ background-position: -450px 0; } .page-erpu8 .section-6 .list li.item-7 .img{ background-position: -540px 0; } .page-erpu8 .section-6 .list li.item-8 .img{ background-position: -630px 0; } .page-erpu8 .section-6 .list li h3, .page-erpu8 .section-6 .list li p{ margin-left: 42px; } .page-erpu8 .section-6 .list li h3{ font-size: 18px; padding: 15px 0 7px;} .page-erpu8 .section-6 .list li p{ font-size: 14px; color: #95989d; line-height: 1.8;} .page-erpu8 .section-7{ background: #F4F4F4;} /*message*/ .page-message .section-1{ height: 390px; background: url(../images/message/00-banner.jpg) no-repeat center top; } .page-message .section-1 .btn-wrap{ padding: 270px 0 0 19px; } .page-message .section-1 .s-btn{ height: 40px; background: #F1361B; line-height: 40px; text-align: center; box-shadow: 0 7px 10px rgb(241, 53, 27,0.2); font-size: 16px; color: #fff; border-radius: 5px; display: inline-block; padding: 0 30px; } .page-message .section-2 .list li .img{ background: url(../images/message/01-icon.png) no-repeat;} .page-message .section-2 .list li.item-1 .img{ background-position: 0 0; } .page-message .section-2 .list li.item-2 .img{ background-position: -50px 0; } .page-message .section-2 .list li.item-3 .img{ background-position: -100px 0; } .page-message .section-2 .list li.item-4 .img{ background-position: -150px 0; } .page-message .section-3{ background: #F4F4F4; } .page-message .section-3{ padding-bottom: 66px; } .page-message .section-3 .list li{ float: left; margin-right: -1px;} .page-message .section-3 .list li .th, .page-message .section-3 .list li .td{ border: 1px solid #DDDDDD; margin-bottom: -1px; text-align: center;} .page-message .section-3 .list li .th{ height: 82px; line-height: 82px; font-size: 16px; color: #4c4c4c; background: #FAFAFA;} .page-message .section-3 .list li .td{ height: 86px; background: #fff;} .page-message .section-3 .list li.item-1 .th, .page-message .section-3 .list li.item-1 .td{ width: 155px; } .page-message .section-3 .list li.item-2 .th, .page-message .section-3 .list li.item-2 .td{ width: 664px; } .page-message .section-3 .list li.item-3 .th, .page-message .section-3 .list li.item-3 .td{ width: 373px; } .page-message .section-3 .list li.item-1 .td{ font-size: 16px; } .page-message .section-3 .list li.item-1 .td .img{ width: 30px; height: 30px; margin: 14px auto 2px; background: url(../images/message/02-icon.png) no-repeat; } .page-message .section-3 .list li.item-1 .td-1 .img{ background-position: 0 0; } .page-message .section-3 .list li.item-1 .td-2 .img{ background-position: -40px 0; } .page-message .section-3 .list li.item-1 .td-3 .img{ background-position: -80px 0; } .page-message .section-3 .list li.item-1 .td-4 .img{ background-position: -120px 0; } .page-message .section-3 .list li.item-1 .td-5 .img{ background-position: -160px 0; } .page-message .section-3 .list li.item-1 .td-6 .img{ background-position: -200px 0; } .page-message .section-3 .list li.item-2{ position: relative; z-index: 2; box-shadow: 0 0 40px rgba(0,0,0,0.1); } .page-message .section-3 .list li.item-2 .th{ height: 100px; line-height: 100px; color: #fff; background: #EE231A; font-size: 24px; margin-top: -18px; } .page-message .section-3 .list li.item-2 .td{ text-align: left; border-bottom-color: #fff; border-top-color: #fff;} .page-message .section-3 .list li.item-2 .td-6{ border-bottom-color: #ddd; } .page-message .section-3 .list li.item-2 .i-ok{ width: 17px; height: 12px; margin-left: 27px; margin-right: 10px; background: url(../images/im/04-icon.png) no-repeat; display: inline-block; vertical-align: top; margin-top: 39px; } .page-message .section-3 .list li.item-2 p{ display: inline-block; width: 566px; font-size: 14px; color: #4c4c4c; margin-top: 35px;} .page-message .section-3 .list li.item-3 p{ color: #888888; margin: 32px 10px 0 33px; font-size: 14px; text-align: left; } .page-message .section-5{ background: #F4F4F4; } .page-message .section-5 .list li .img{ background-image: url(../images/message/04-icon.png); } .mod-like-table{ font-size: 16px; } .mod-like-table .price {color: #f42424; } .mod-like-table .t-bg-light{ background: #fff4f4; } .mod-like-table .th, .mod-like-table .td{ border: 1px solid #D8DFE6; margin-bottom: -1px; text-align: center;} .mod-like-table .td{ height: 48px; line-height: 48px;} .mod-like-table .td.td-row2{ line-height: 24px; padding: 10px 0;} .mod-like-table .td.td-row2-l1{ line-height: 68px; height: 68px;} .mod-like-table .th{ height: 98px; position: relative;} .mod-like-table .col{ margin-right: -1px; width: 14%; float: left; transition: all .2s; background: #fff; } .mod-like-table .col-hd{ width: 30%; } .mod-like-table .col-hd .th{ background: #FA2E2B; border-color: #FA2E2B; color: #fff; line-height: 98px; font-size: 24px;} .mod-like-table .col-item .th h3{ font-size: 14px; padding-top: 30px; margin-bottom: 3px;} .mod-like-table .col-item .th p{ color: #ec3b3b; } .mod-like-table .tag {width: 40px; height: 40px; position: absolute; right: 0; bottom: 0; } .mod-like-table .tag-year {background: url(../images/authorization/attr_table_tag_year.png) no-repeat; } .mod-like-table .i-ok, .mod-like-table .i-no, .mod-like-table .i-sf{ position: relative; } .mod-like-table .i-ok:before, .mod-like-table .i-no:before, .mod-like-table .i-sf:before{ content: ""; position: absolute; width: 24px; height: 20px; left: 50%; top: 50%; margin: -10px -12px; } .mod-like-table .i-ok:before, .mod-like-table .i-no:before{ background: url(../images/authorization/03-icon.png) no-repeat; } .mod-like-table .i-no:before{ background-position: right center; } .mod-like-table .i-sf:before{ background: url(../images/authorization/shoufei.png) no-repeat; width: 53px; height: 20px; margin: -10px -26px; } .mod-like-table .td-col-2{ height: auto; position: relative;} .mod-like-table .td-col-2:after{ content: ""; display: block; clear: both; } .mod-like-table .td-col-2 .td-l{ float: left; width: 50%; height: 100%; position: absolute;} .mod-like-table .td-col-2 .td-l:before{ content: ""; display: inline-block; width: 0; vertical-align: middle; height: 100%; } .mod-like-table .td-col-2 .td-r{ float: right; width: 50%; margin: -1px -1px 0; } .mod-like-table .col-item:hover{ position: relative; z-index: 2; transform: scale(1.05); box-shadow: 0 0 20px rgba(0,0,0,.1);} .mod-like-table .col-item:hover .th{ background: #FA2E2B; color: #fff; border-color: #FA2E2B; } .mod-like-table .col-item:hover .th p{ color: #fff; } .mod-like-table-blue .col-hd .th{ background: #0D83F6; border-color: #0D83F6;} .mod-like-table-blue .t-bg-light{ background: #D7F0FC; } .mod-like-table-blue .t-bg-light2{ background: #E9F6FA; } .mod-like-table-blue .col-item:hover .th{ background: #0D83F6; border-color: #0D83F6; } .mod-like-table-purple .col-hd .th{ background: #3d30b8; border-color: #3d30b8;} .mod-like-table-purple .t-bg-light{ background: #f8f9fd; } .mod-like-table-purple .t-bg-light2{ background: #f3f4fe; } .mod-like-table-purple .col-item:hover .th{ background: #3d30b8; border-color: #3d30b8; } /*商业授权*/ .page-authorization .section-1{ height: 425px; background: url(../images/authorization/00-banner.jpg) no-repeat center top; } .page-authorization .section-1 .s-form{ width: 640px; margin: 240px auto 0; border-radius: 5px; overflow: hidden;} .page-authorization .section-1 .s-form .s-input{ width: 492px; height: 50px; border: 0 none; float: left; padding-left: 18px; font-size: 16px; } .page-authorization .section-1 .s-form .s-button{ height: 50px; width: 130px; background: #B80C01; color: #fff; border: 0 none; font-size: 16px; cursor: pointer;} .page-authorization .section-1 .s-form .s-button:hover{ background: #c50b01; } .page-authorization .section-2{ padding-bottom: 70px; background: #f6f6f9;} .page-authorization .section-2 .list{ margin: 0 -68px 0 60px; } .page-authorization .section-2 .list li{ width: 305px; padding: 42px 0; background: #fff; text-align: center; box-shadow: 0 0 50px rgba(0,0,0,.1); margin-right: 68px;} .page-authorization .section-2 .list li .img{ width: 64px; height: 64px; background: url(../images/authorization/01-icon.png) no-repeat; margin: 0 auto 20px;} .page-authorization .section-2 .list li.item-1 .img{ background-position: 0 0; } .page-authorization .section-2 .list li.item-2 .img{ background-position: -74px 0; } .page-authorization .section-2 .list li.item-3 .img{ background-position: -148px 0; } .page-authorization .section-2 .list li h3{ font-size: 18px; margin-bottom: 10px; } .page-authorization .section-2 .list li p{ font-size: 14px; color: #888888; line-height: 1.8; margin: 0 40px;} .page-authorization .section-3{ padding-bottom: 80px;} .page-authorization .section-3 .list{ margin-left: 94px; } .page-authorization .section-3 .list li{ float: left; } .page-authorization .section-3 .list li .i-hd{ width: 378px; background: #ECEDEE; text-align: center; padding: 20px 0; margin-left: 25px; border-radius: 5px 5px 0 0;} .page-authorization .section-3 .list li .i-hd h3{ font-size: 24px; } .page-authorization .section-3 .list li .i-hd p{ font-size: 16px; } .page-authorization .section-3 .list li .i-bd{ width: 431px; height: 620px; background: #fff; border-radius: 5px; border: 1px solid #F1EFEF; box-shadow: 0 0 30px rgba(0,0,0,.1);} .page-authorization .section-3 .list li .i-bd .price{ text-align: center; padding-top: 40px; margin-bottom: 30px; } .page-authorization .section-3 .list li .i-bd .price p{ font-size: 30px; margin-bottom: 10px; display: none;} .page-authorization .section-3 .list li .i-bd .price a{display: inline-block; width: 107px; height: 34px; line-height: 34px; color: #f92028; border: 1px solid #f92028; border-radius: 5px;} .page-authorization .section-3 .list li .i-bd .price a:hover{ color: #fff; background: #f92028; } .page-authorization .section-3 .list li .fun{ border-top: 1px solid #E8E6E6; margin: 0 30px; padding-bottom: 25px;} .page-authorization .section-3 .list li .fun .f-hd{ font-size: 16px; color: #888888; padding-top: 27px; margin-bottom: 10px;} .page-authorization .section-3 .list li .fun dl{ line-height: 40px; font-size: 14px;} .page-authorization .section-3 .list li .fun dt{ float: left; width: 20px; height: 20px; background: url(../images/authorization/02-icon.png) no-repeat; margin-top: 13px;} .page-authorization .section-3 .list li .fun .dt-w{ background-position: -24px 0; } .page-authorization .section-3 .list li .fun dd{ margin-left: 68px; } .page-authorization .section-3 .list li.item-2{ margin-left: 20px; } .page-authorization .section-3 .list li.item-2 .i-hd{ width: 496px; background: #F82229; color: #fff; } .page-authorization .section-3 .list li.item-2 .i-bd{ width: 548px;} .page-authorization .section-4{ padding-bottom: 87px; background: #F6F6F9; } .page-authorization .section-4-1{ padding-bottom: 87px; background: #f6f6f9;} .page-authorization .section-4-1 .mod-like-table .col-item:hover{ transform: scale(1.02); } .page-authorization .section-5{ padding-bottom: 87px;} .page-authorization .section-6{ padding-bottom: 90px;} .page-authorization .section-6 .s-content{ border-top: 1px solid #FA3737; box-shadow: 0 0 50px rgba(0,0,0,.1); height: 560px; background: #fff;} .page-authorization .section-6 .s-l{ width: 336px; height: 326px; background: url(../images/authorization/05-img.png) no-repeat; float: left; margin: 130px 0 0 44px; } .page-authorization .section-6 .s-r{ float: left; padding-top: 40px; margin-left: 68px; } .page-authorization .section-6 .s-r dl{ width: 283px; float: left; font-size: 16px; margin-right: 90px;} .page-authorization .section-6 .s-r dt{ color: #888; margin-bottom: 20px;} .page-authorization .section-6 .s-r dd{ font-size: 14px; margin-bottom: 24px; } .page-authorization .section-6 .s-r dd i{ display: inline-block; width: 24px; height: 20px; vertical-align: bottom; margin-right: 20px; background: url(../images/authorization/03-icon.png) no-repeat;} .page-authorization .section-6 .s-r .s-btn{ display: inline-block; margin-top: 40px; border-radius: 4px; width: 115px; height: 37px; line-height: 37px; text-align: center; border: 1px solid #FA322B; color: #FA322B; } .page-authorization .section-6 .s-r .s-btn:hover{ background: #FA322B; color: #fff; } .page-authorization .section-7{ background: #f6f6f9; } .page-authorization .section-7 .s-hd{ font-size: 20px; margin-bottom: 18px; border-left: 2px solid #F82329; line-height: 16px; padding-left: 11px;} .page-authorization .section-7 .list{ height: 340px; } .page-authorization .section-7 .list li{ border: 1px solid #DCDCDC; height: 260px; transition: all .2s; overflow: hidden; background: #fff; text-align: center; box-sizing: border-box; padding: 35px 0;} .page-authorization .section-7 .list li .img{ background: url(../images/authorization/06-icon.png) no-repeat; width: 60px; height: 82px; margin: 0 auto;} .page-authorization .section-7 .s-section-1 li.item-1 .img{ background-position: 0 0; } .page-authorization .section-7 .s-section-1 li.item-2 .img{ background-position: -64px 0; } .page-authorization .section-7 .s-section-1 li.item-3 .img{ background-position: -132px 0; } .page-authorization .section-7 .s-section-2 li.item-1 .img{ background-position: -199px 0; } .page-authorization .section-7 .s-section-2 li.item-2 .img{ background-position: -266px 0; } .page-authorization .section-7 .s-section-2 li.item-3 .img{ background-position: -333px 0; } .page-authorization .section-7 .s-section-2 li.item-4 .img{ background-position: -400px 0; } .page-authorization .section-7 .s-section-3 li.item-1 .img{ background-position: -468px 0; } .page-authorization .section-7 .s-section-3 li.item-2 .img{ background-position: -534px 0; } .page-authorization .section-7 .s-section-3 li.item-3 .img{ background-position: -601px 0; } .page-authorization .section-7 .s-section-3 li.item-4 .img{ background-position: -668px 0; } .page-authorization .section-7 .list li h3{ font-size: 18px; margin-bottom: 5px;} .page-authorization .section-7 .list li .price{ font-size: 16px; color: #fa2929; margin-bottom: 10px;} .page-authorization .section-7 .list li .price em{ color: #888; } .page-authorization .section-7 .list li p{ font-size: 14px; color: #888888; margin: 0 38px; line-height: 1.8; height: 50px;} .page-authorization .section-7 .list li p b{ color: #1c63f3; } .page-authorization .section-7 .list li .btn-wrap{ padding-top: 15px; transition: all .2s; opacity: 0;} .page-authorization .section-7 .list li .btn-wrap a{ width: 89px; height: 32px; border: 1px solid #DCDCDC; border-radius: 5px; display: inline-block; line-height: 32px; font-size: 13px; color: #888; margin: 0 3px;} .page-authorization .section-7 .list li .btn-wrap a:hover{ color: #f9252a; border-color: #f9252a; } .page-authorization .section-7 .list li .btn-wrap a.a-red{ background: #F9252A; color: #fff; border-color: #F9252A; } .page-authorization .section-7 .list li .btn-wrap a.a-red:hover{ background: #e51e22; } .page-authorization .section-7 .list li:hover{ height: 316px; } .page-authorization .section-7 .list li:hover .btn-wrap{ opacity: 1; } /*常见问题*/ .page-faq .section-1{ height: 425px; background: url(../images/faq/banner.jpg) no-repeat center top; } .page-faq .course_main{ width:1200px; margin:55px auto 0; position:relative;} .page-faq .course_main .tabs:after{ content: ' '; display: block; clear: both; height: 0; visibility: hidden;} .page-faq .course_main .tabs li{ float:left; width:285px; margin-right:20px; height:60px; line-height:60px; position:relative; text-align:center; font-size:24px; color:#fff; background-color:#ff5955; cursor:pointer;} .page-faq .course_main .tabs li:last-child,.course_main .tabs li.last{ margin-right:0;} .page-faq .course_main .tabs li i{ width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #f62216; position:absolute; bottom:-10px; left:50%; margin-left:-5px; display:none;} .page-faq .course_main .tabs li.current{ background-color:#f62216;} .page-faq .course_main .tabs li.current i{ display:block;} .page-faq .course_main .items{ overflow:hidden; min-height:600px; margin:20px 0 100px;} .page-faq .course_main .items .item{ overflow:hidden; position:relative; display:none;} .page-faq .course_main .items .item li{ width:100%; display:block; overflow:hidden; border-bottom:1px solid #ddd; padding:30px 0 20px;} .page-faq .course_main .items .item li .number{ float:left; width:50px; height:50px; line-height:50px; text-align:center; font-size:20px; color:#fff; background-color:#f62216;} .page-faq .course_main .items .item li .info{ float:left; width:calc(100% - 70px); margin-left:20px;} .page-faq .course_main .items .item li .info .ask{ font-size:24px; font-weight:bold; color:#333; line-height:24px;} .page-faq .course_main .items .item li .info .answer{ font-size:16px; color:#333; margin-top:10px; line-height:30px;} /*更新日志*/ .page-update{ background: #F2F5F6; } .page-update .section-1{ height: 246px; background: url(../images/update/00-banner.jpg) no-repeat center top; } .page-update .update_banner{ height:246px; background:url(../images/update/00-banner.jpg) center center no-repeat; text-align:center;} .page-update .update_banner h1{ font-size:44px; color:#fff; padding-top:60px;} .page-update .update_banner h1 em{ color:#fcff0c; font-weight:bold;} .page-update .update_banner .update_quency{ font-size:16px; color:#fff; margin-top:17px;} .page-update .update_banner .update_quency span{ display:inline-block; width:25px; height:25px; border-radius:3px; background-color:#fff; text-align:center; line-height:27px; font-size:18px; color:#fc352e; margin-right:6px;} .page-update .update_banner .update_quency span:last-child{ margin-right:0;} .page-update .update_banner .cur_version{ color:#fff; margin-top:15px; font-size:14px;} .page-update .update_banner .updata_btns{ font-size:0; margin-top:23px;} .page-update .update_banner .updata_btns a{ width:158px; height:43px; line-height:43px; display:inline-block; text-align:center; color:#fff; font-size:16px; margin-right:30px; border:1px solid #fff; border-radius:5px;} .page-update .update_banner .updata_btns a:last-child{ margin-right:0;} .page-update .update_banner .updata_btns .patch_btn{ background-color:#fff; color:#fc352e;} .page-update .update-tabs{ background:#fff; margin-bottom: 67px;} .page-update .update-tabs ul{ margin: 0 auto; width: 1200px; } .page-update .update-tabs li{ float:left; width:600px; position:relative;} .page-update .update-tabs li.last{ border-right:0;} .page-update .update-tabs li i{ width:90px; height:90px; display:block; float:left; margin:15px 30px 0 50px; background:url(../images/dsc_2.0/update-icon.png) no-repeat;} .page-update .update-tabs li i.icon1{ background-position:0 0;} .page-update .update-tabs li i.icon2{ background-position:-90px 0;} .page-update .update-tabs li i.icon3{ background-position:-180px 0;} .page-update .update-tabs li .con{ background:#fff; position:relative; z-index:9; overflow:hidden; color:#333; cursor:pointer;} .page-update .update-tabs li s{ width:20px; height:20px; transform:rotate(45deg); display:block; position:absolute; box-shadow:0 0 12px 1px rgba(0,0,0,.2); bottom:-8px; left:190px; background-color:#fff; display:none;} .page-update .update-tabs li .info .tit{ font-size:18px; text-align: center; height: 60px; line-height: 60px;} .page-update .update-tabs li .info .span{ font-size:14px; margin-top:5px;} .page-update .update-tabs li.curr .info .tit{ border-bottom: 2px solid #FC3B36; color: #FC3B36;} .page-update .updata_temp{ margin:100px 0;} .page-update .updata_temp a{ color: #1aa6fd; } .page-update .updata_temp .box{ overflow:hidden;} .page-update .updata_temp .box .item{ float:left; position:relative; width:100%;} .page-update .updata_temp .box .item .time{ float:left; width:96px; height:35px; line-height:35px; font-size:15px; color:#74818c; text-align:center; background:#DDE7EE; margin:90px 20px 0 100px; position:relative; border: 1px solid #CEDAE3; border-radius: 18px;} .page-update .updata_temp .box .item .time .edition{ position:absolute; font-size:14px; color:#74818c; width:96px;} .page-update .updata_temp .box .item .desc{ position: relative; z-index: 3; float:left; width:calc(100% - 400px); border-left:2px solid #CEDAE3; padding:90px 60px 40px 116px;} .page-update .updata_temp .box .item .desc .tit{ font-size:32px; color:#333;} .page-update .updata_temp .box .item .desc .con{ margin-top:10px;} .page-update .updata_temp .box .item .desc .con p{ font-size:14px; color:#888; line-height:27px;} .page-update .updata_temp .box .item .lie{ display:block; position:absolute; top:98px; left:215px; padding:5px 0; background:#f2f5f6; z-index: 4;} .page-update .updata_temp .box .item .lie s{ width:8px; height:8px; border-radius:50%; background-color:#c1cdd6; display:block;} .page-update .updata_temp .box .item.year{ margin-left:218px;} .page-update .updata_temp .box .item.year .row{ width:74px; height:74px; border:5px solid #cfdbe3; border-radius:50%; display:block; position:absolute; background-color:#8FA0AB; text-align:center; color:#fff; line-height:74px; font-size:18px; top:26px; left:-42px; cursor:pointer; z-index: 4;} .page-update .updata_temp .box .item.year .desc{ padding-top:50px; min-height:40px;} .page-update .updata_temp .box .item.year .desc .tit{ color:#333;} .page-update .updata_temp .box .item.year .row .down{ width:0; height:0; border-top:6px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent; position:absolute; left:31px; bottom:15px;} .page-update .updata_temp .box .item.first-year .row{ top:0;} .page-update .updata_temp .box .item.first-year .desc{ padding-top:24px;} .page-update .updata_temp .box .item.first .desc{ padding-top:50px;} .page-update .updata_temp .box .item.first .time{ margin-top:50px;} .page-update .updata_temp .box .item.first .lie{ top:58px;} .page-update .updata_temp .box .item.last{ margin-left:218px;} .page-update .updata_temp .box .item.last .lie{ top:77px; left:-3px;} .page-update .updata_temp .box .item.last .desc{ padding-bottom: 0; } .page-update .updata_temp .box .item.year.down .row .down{ border-bottom:6px solid #fff; border-top:none;} .page-update .updata_temp .box .item .desc:before{ content: ""; position: absolute; left: 73px; top: 70px; bottom: 13px; box-shadow: 0 0 30px rgba(64, 64, 64, 0.1); z-index: -1; background: #fff; border: 1px solid #e5e5e5; width: 873px; } .page-update .updata_temp .box .item .desc:after{ content: ""; position: absolute; left: 63px; top: 96px; width: 20px; height: 20px; background: #fff; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; transform: rotate(-45deg); } .page-update .updata_temp .box .item.first .desc:before{ top: 30px; } .page-update .updata_temp .box .item.first .desc:after{ top: 56px; } .page-update .updata_temp .box .item.year .desc:before, .page-update .updata_temp .box .item.last .desc:before, .page-update .updata_temp .box .item.year .desc:after, .page-update .updata_temp .box .item.last .desc:after{ display: none; } /*在线手册*/ .page-manual{ background: #F2F5F6; } .page-manual .section-1{ height: 425px; background: url(../images/manual/00-banner.jpg) no-repeat center top; } .page-manual .manual-warp{ } .page-manual .manual-tabs{ background:#fff; margin-bottom: 67px;} .page-manual .manual-tabs ul{ margin: 0 auto; width: 1200px; } .page-manual .manual-tabs li{ float:left; width:399px; position:relative;} .page-manual .manual-tabs li.last{ border-right:0;} .page-manual .manual-tabs li i{ width:90px; height:90px; display:block; float:left; margin:15px 30px 0 50px; background:url(../images/dsc_2.0/manual-icon.png) no-repeat;} .page-manual .manual-tabs li i.icon1{ background-position:0 0;} .page-manual .manual-tabs li i.icon2{ background-position:-90px 0;} .page-manual .manual-tabs li i.icon3{ background-position:-180px 0;} .page-manual .manual-tabs li .con{ background:#fff; position:relative; z-index:9; overflow:hidden; color:#333; cursor:pointer;} .page-manual .manual-tabs li s{ width:20px; height:20px; transform:rotate(45deg); display:block; position:absolute; box-shadow:0 0 12px 1px rgba(0,0,0,.2); bottom:-8px; left:190px; background-color:#fff; display:none;} .page-manual .manual-tabs li .info .tit{ font-size:18px; text-align: center; height: 60px; line-height: 60px;} .page-manual .manual-tabs li .info .span{ font-size:14px; margin-top:5px;} .page-manual .manual-tabs li.curr .info .tit{ border-bottom: 2px solid #FC3B36; color: #FC3B36;} .page-manual .manual-content{ width:1200px; margin:0 auto 80px;} .page-manual .manual-content-warp{ float:left; width:100%;} .page-manual .manual-content-warp dl{ float:left; width:230px; height:480px; margin-right:93px;} .page-manual .manual-content-warp dl.last{ margin-right:0;} .page-manual .manual-content-warp dt{ font-size:24px; color:#333; padding-bottom:20px; border-bottom:1px solid #e6e6e6; margin-bottom:30px;} .page-manual .manual-content-warp dd{ font-size:16px; margin-bottom:30px;} .page-manual .manual-content-warp dd a{ color:#999;} .page-manual .manual-content-warp dd a:hover{ color:#333;} .page-manual .manual-content-warp .item:after{ content: ' '; display: block; clear: both; height: 0; visibility: hidden;} .page-manual .manual-content-warp .item .title{ font-size:36px; color:#333; text-align:center; margin-bottom:70px;} .page-manual .manual-content-warp .item li{ float:left; width:300px; height:110px; margin-bottom:30px;} .page-manual .manual-content-warp .item li em{width:42px;height:37px;display:block;background:url(../images/manual/icon.png) no-repeat;font-size:24px;text-align:center;line-height:37px;color:#ccc;float:left;margin:20px 0 0 25px;} .page-manual .manual-content-warp .item li .desc{ float:left; margin:15px 0 0 22px; width:200px;} .page-manual .manual-content-warp .item li .desc h3{ font-size:20px; color:#333;} .page-manual .manual-content-warp .item li .desc span{ font-size:14px; color:#999;} .page-manual .manual-content-warp .item li .desc a{ display:none; margin-top:5px;} .page-manual .manual-content-warp .item li .desc2{ margin-top:10px;} .page-manual .manual-content-warp .item li .desc2 a{ margin-top:0;} .page-manual .manual-content-warp .item li.active:hover a{ display:block;} .page-manual .manual-content-warp .item li.active:hover{box-shadow:0 0 37px -6px rgba(0,0,0,.2); background: #fff} .page-manual .manual-content-warp .item li.active em{ background-position:3px 3px; color:#fe3635;} .page-download .section-1{ height: 677px; width: 100%; overflow: hidden;} .page-download .section-1 .container{ position: relative; height: 677px;} .page-download .section-1 .wave{ position: absolute; bottom: 0; left: -360px; width: 1920px; } .page-download .section-1 .wave .w{ width: 3840px; height: 238px; position: absolute; left: 0; bottom: 0; } .page-download .section-1 .wave .w-1{ animation: bgLeft 30s linear infinite; background: url(../images/download/00-banner-bg-top.png) repeat-x; } .page-download .section-1 .wave .w-2{ left: auto; right: 0; animation: bgRight 15s linear infinite; background: url(../images/download/00-banner-bg-middle.png) repeat-x; } .page-download .section-1 .wave .w-3{ animation: bgLeft 10s linear infinite; background: url(../images/download/00-banner-bg-bottom.png) repeat-x; } @keyframes bgRight{ 0%{ transform: translate(0,0); } 100%{ transform: translate(50%,0); } } @keyframes bgLeft{ 0%{ transform: translate(0,0); } 100%{ transform: translate(-50%,0); } } .page-download .section-1 .img{ height: 475px; background: url(../images/download/00-banner-img.png) no-repeat center top; position: relative; z-index: 2; } .page-download .section-2{ background: #F4F5F9; padding-bottom: 78px; } .page-download .section-2 .section-title .btns{ padding-top: 20px; } .page-download .section-2 .section-title .btns a{ font-size: 16px; color: #23a2fb; } .page-download .section-2 .xieyi{ width: 1048px; height: 353px; margin: -20px auto 35px; overflow: hidden; background: #fff; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,.1); } .page-download .section-2 .xieyi .inner{ margin:20px 25px 20px 35px; overflow-x:hidden; overflow-y: auto; height: 303px; font-size: 14px; color: #666666; line-height: 2;} .page-download .section-2 .xieyi .inner a{ color: #23a2fb; } .page-download .section-2 .xieyi .inner h3{ margin: 5px 0; font-weight: bold; } .page-download .section-2 .xieyi .inner::-webkit-scrollbar {width: 10px; height: 1px; } .page-download .section-2 .xieyi .inner::-webkit-scrollbar-thumb {border-radius: 10px; background: #E4E4E4; } .page-download .section-2 .xieyi .inner::-webkit-scrollbar-track { border-radius: 10px; background: #fff; } .page-download .section-2 .btn-wrap{ width: 1048px; margin: 0 auto; } .page-download .section-2 .btn-wrap .btn-red-shadow i{ width: 18px; height: 16px; background: url(../images/download/down.png) no-repeat; display: inline-block; margin: 0 4px 0 1px; vertical-align: middle; } .page-download .section-2 .btn-wrap a{ margin-right: 10px; font-size: 16px;} .page-download .section-2 .btn-wrap .a-link{ float: right; color: #23a2fb; margin-right: 0; line-height: 50px;} .page-download .section-2 .btn-wrap .a-link i{ width: 17px; height: 17px; background: url(../images/download/icon_download.png) no-repeat left center; float: left; margin: 17px 4px 0 0; } .page-download .section-2 .btn-wrap .a-link:hover{ color: #23a2ff; } .page-download .section-2 .btn-wrap .a-link:hover i{ background-position: -18px center; } .page-download .section-2 .btn-wrap .btn-download-sub{ color: #23a2fb; margin-left: 43px; font-size: 14px; } .page-download .section-3{ padding-top: 74px; } .page-download .section-3 .section-title{ float: right; width: 454px; text-align: left; } .page-download .section-3 .btn-wrap p{ margin: 40px 0 30px; } .page-download .section-3 .btn-wrap p a{ color: #23a2fb; margin-right: 50px; } .page-download .section-3 .img{ float: left; width: 593px; height: 366px; background: url(../images/download/01-img.png) no-repeat; } .page-download .section-4{ padding: 74px 0; } .page-download .section-4 .section-title{ float: left; width: 400px; text-align: left; margin-left: 66px; margin-top: 30px;} .page-download .section-4 .section-title a{ color: #23a2fb; margin-right: 50px; font-size: 16px; } .page-download .section-4 .img{ width: 634px; height: 558px; background: url(../images/download/02-img1.png) no-repeat; float: right; } .page-download .section-4 .qr{ width: 182px; height: 192px; background: url(../images/download/02-img2.png) no-repeat; margin: 20px 0; } .page-download .section-5{ padding-bottom: 76px; } .page-download .section-5 .list li{ text-align: center; } .page-download .section-5 .list li .img{ width: 318px; height: 580px; margin: 0 auto;} .page-download .section-5 .list li.item-1 .img{ background: url(../images/download/03-img1-1.png) no-repeat; } .page-download .section-5 .list li.item-2 .img{ background: url(../images/download/03-img2-1.png) no-repeat; } .page-download .section-5 .list li.item-3 .img{ background: url(../images/download/03-img3-1.png) no-repeat; } .page-download .section-5 .list li h3{ font-size:30px; margin: 10px 0 20px;} .page-download .section-5 .list li p{ font-size: 14px; color: #888888; margin: 0px 56px; } .page-download .section-5 .list li .qr{ width: 182px; height: 192px; margin: 20px auto;} .page-download .section-5 .list li.item-1 .qr{ background: url(../images/download/03-img1-2.png) no-repeat; } .page-download .section-5 .list li.item-2 .qr{ background: url(../images/download/03-img2-2.png) no-repeat; } .page-download .section-5 .list li.item-3 .qr{ background: url(../images/download/03-img3-2.png) no-repeat; } .page-download .section-5 .list li a{ color: #23a2fb; font-size: 16px; } /*saas*/ .page-saas .icon {background: url(../images/saas/icons.png) no-repeat; } .page-saas .attr-table .btn i {display: inline-block; vertical-align: middle; margin-right: 10px; width: 16px; height: 16px; } .page-saas .attr-table .btn i.zixun {background-position: -46px 0; } .page-saas .attr-table .btn i.ie {width: 20px; height: 20px; background-position: -158px -1px; margin-top: -3px; } .page-saas .saas-banner{ background: url(../images/saas/saas_banner.jpg) no-repeat center top; height: 450px;} .page-saas .b-btns{ margin: 284px 0 0 0; float:left;} .page-saas .b-btns .b-btn{ height: 38px;line-height: 38px;display: inline-block;text-align: center;color: #fff;font-size: 16px;margin-right: 15px;border: 1px solid #fff;border-radius: 5px; padding:0 28px;} .page-saas .b-btns .b-btnBg{ background-color:#fff; color:#241d6c;} .page-saas .saas-section2 .sc-content{ position: relative; } .page-saas .saas-section2 .float-list{ position: absolute; left: 539px; top: 40px; width: 123px; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,.1)} .page-saas .saas-section2 .float-list li{ text-align: center; padding: 23px 0; border: 1px solid #DADBDD; margin-bottom: -1px;} .page-saas .saas-section2 .float-list i{ display:inline-block; width:35px; height:35px; background:url(../images/saas/saas_icon.png) no-repeat;} .page-saas .saas-section2 .float-list i.icon01{ background-position:-54px 0;} .page-saas .saas-section2 .float-list i.icon02{ background-position:-54px -35px;} .page-saas .saas-section2 .float-list i.icon03{ background-position:-54px -68px;} .page-saas .saas-section2 .float-list i.icon04{ background-position:-52px -105px;} .page-saas .saas-section2 .float-list i.icon05{ background-position:-52px -144px;} .page-saas .saas-section2 .float-list i.icon06{ background-position:-53px -183px;} .page-saas .saas-section2 .float-list i.icon07{ background-position:-54px -216px;} .page-saas .saas-section2 .float-list span{ white-space: nowrap; text-align: center; display: block; font-size: 14px; color: #1f1f1f; color: #3E31B6;} .page-saas .saas-section2 .sc-title{ margin-bottom: 70px; } .page-saas .pk-tab{ border-collapse:collapse;} .page-saas .pk-tab thead tr td{ text-align:center; font-size:24px; color:#3d30b8; padding-bottom:20px;} .page-saas .pk-tab tbody{ background: #fff; } .page-saas .pk-tab tbody tr{border:1px solid #d7dee3;} .page-saas .pk-tab tbody tr:hover{} .page-saas .pk-tab tbody td{ padding:20px 40px; font-size:14px; color:#95989d; line-height:24px;} .page-saas .pk-tab tbody tr .text-l{ text-align:left;} .page-saas .pk-tab tbody tr .text-c{ border:1px solid #d7dee3; border-top:0; border-bottom:0; width:118px; height:98px; padding:0;} .page-saas .pk-tab tbody tr .text-r{ text-align:left;} .page-saas .pk-tab tbody tr .text-c i{ display:inline-block; width:35px; height:35px; background:url(../images/saas/saas_icon.png) no-repeat;} .page-saas .pk-tab tbody tr .text-c i.icon01{ background-position:-1px 0;} .page-saas .pk-tab tbody tr .text-c i.icon02{ background-position:-3px -35px;} .page-saas .pk-tab tbody tr .text-c i.icon03{ background-position:-3px -68px;} .page-saas .pk-tab tbody tr .text-c i.icon04{ background-position:-3px -105px;} .page-saas .pk-tab tbody tr .text-c i.icon05{ background-position:-3px -144px;} .page-saas .pk-tab tbody tr .text-c i.icon06{ background-position:-3px -183px;} .page-saas .pk-tab tbody tr .text-c i.icon07{ background-position:-3px -216px;} .page-saas .pk-tab tbody tr:hover .text-c i.icon01{ background-position:-54px 0;} .page-saas .pk-tab tbody tr:hover .text-c i.icon02{ background-position:-54px -35px;} .page-saas .pk-tab tbody tr:hover .text-c i.icon03{ background-position:-54px -68px;} .page-saas .pk-tab tbody tr:hover .text-c i.icon04{ background-position:-52px -105px;} .page-saas .pk-tab tbody tr:hover .text-c i.icon05{ background-position:-52px -144px;} .page-saas .pk-tab tbody tr:hover .text-c i.icon06{ background-position:-53px -183px;} .page-saas .pk-tab tbody tr:hover .text-c i.icon07{ background-position:-54px -216px;} .page-saas .pk-tab img{display:block;margin:0 auto;margin-bottom:7px;} .page-saas .pk-tab span{white-space: nowrap;text-align: center;display: block;font-size:14px;color:#1f1f1f;} .page-saas .border-l-r{border-left:1px solid #f994cc;;border-right:1px solid #f994cc;} .page-saas .shop-pk{padding-top:135px;} .page-saas .shop-pk h2 span{border-bottom:2px solid #f50580;line-height:50px;display:inline-block;} .page-saas .shop-pk h2 span:first-child{margin-left:230px;} .page-saas .pk-tab tr td:first-child,.pk-tab tr td:last-child{width:545px;box-sizing: border-box;} .page-saas .saas-section1{ padding-bottom: 57px; } .page-saas .saas-section1 .container_right{ width:695px; margin-top: 27px;} .page-saas .saas-section1 .sc-title{ margin-bottom: 40px; } .page-saas .saas-section1 .sc-subtitle p{ margin-bottom: 10px; } .page-saas .saas-section3 .sc-title{ margin-bottom:80px;} .page-saas .card-area{ width:1250px; height:465px;} .page-saas .card-area .card-item{ z-index:9; width:338px; height:429px; border:1px solid #d7dee3; transition: all .3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s; position:relative; margin-left:-1px; float:left;} .page-saas .card-area .card-item .card{ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s; width: 100%;height: 100%;text-align: center;background: #fff;} .page-saas .card-area .card-item .card-title,.card-area .card-item .card-content{ position:absolute; left:0; right:0; z-index:1;} .page-saas .card-area .card-item .card-title{ height:200px; background-color:#f6f9fc; text-align:center;} .page-saas .card-area .card-item .card-title h3{ font-size:18px; color:#333; padding-top:30px; display: block;} .page-saas .card-area .card-item .card-title span{ font-size:14px; color:#95989d; display:block; margin-top:10px;} .page-saas .card-area .card-item .card-title i{ display:block; width:70px; height:70px; background:url(../images/saas/card-icon.png) no-repeat; margin:20px auto 0;} .page-saas .card-area .card-item .card-content{ padding:32px; font-size:14px; color:#95989d; text-align:left; line-height:25px;top:200px;} .page-saas .card-area .card-item.active{ width:520px; height:449px; box-shadow: 0 0 20px rgba(61, 48, 184, .4); border:1px solid #3d30b8; z-index:10;} .page-saas .card-area .card-item.active .card-title{ background-color:#3d30b8; height:210px; top:-10px; left:-1px; right:-1px;} .page-saas .card-area .card-item.active .card-title h3,.card-area .card-item.active .card-title span{ color:#fff;} .page-saas .card-area .card-item .card-title .icon01{ background-position:-70px 0;} .page-saas .card-area .card-item .card-title .icon02{ background-position:-70px -70px;} .page-saas .card-area .card-item .card-title .icon03{ background-position:-70px -140px;} .page-saas .card-area .card-item.active .card-title .icon01{ background-position:0 0;} .page-saas .card-area .card-item.active .card-title .icon02{ background-position:0 -70px;} .page-saas .card-area .card-item.active .card-title .icon03{ background-position:0 -140px;} .page-saas .saas-section4 { text-align:center;} .page-saas .saas-section4 .sc-title{ margin-bottom:50px;} .page-saas .saas-section4 ul{ float:left; margin-top: 30px;} .page-saas .saas-section4 li{ float:left; width:238px; height:258px; border:1px solid #d7dee3; margin:0 -1px -1px 0; text-align:center; position:relative; cursor:pointer;} .page-saas .saas-section4 li i{ width:70px; height:70px; display:block; margin:30px auto 0; background:url(../images/saas/saas-section4-icon.png) no-repeat;} .page-saas .saas-section4 li h3{ font-size:18px; color:#333; margin-top:20px;} .page-saas .saas-section4 li span{ font-size:14px; color:#95989d; padding:0 25px; display:block; line-height:25px; text-align:left; margin-top:10px; height:50px; overflow:hidden; transition: height .3s ease-out;} .page-saas .saas-section4 li i.icon01{ background-position:0 0;} .page-saas .saas-section4 li i.icon02{ background-position:0 -70px;} .page-saas .saas-section4 li i.icon03{ background-position:0 -140px;} .page-saas .saas-section4 li i.icon04{ background-position:0 -210px;} .page-saas .saas-section4 li i.icon05{ background-position:0 -280px;} .page-saas .saas-section4 li i.icon06{ background-position:-70px 0;} .page-saas .saas-section4 li i.icon07{ background-position:-70px -70px;} .page-saas .saas-section4 li i.icon08{ background-position:-70px -140px;} .page-saas .saas-section4 li i.icon09{ background-position:-70px -210px;} .page-saas .saas-section4 li i.icon10{ background-position:-70px -280px;} .page-saas .saas-section4 li:hover .warp{ position:absolute; width:100%; border:1px solid #d7dee3; z-index:9; top:-1px; left:-1px; background-color:#f6f9fc; box-shadow: 0 0 20px rgba(149, 149, 149, 0.4);} .page-saas .saas-section4 li:hover .warp span{ height:150px;} .page-saas .saas-section4 .s-btn{ width:118px; height:34px; line-height:34px; border:1px solid #3d30b8; display:inline-block; text-align:center; font-size:14px; color:#3d30b8; margin:50px auto 0;} .page-saas .saas-section4 .s-btn:hover{ background-color:#3d30b8; color:#fff;} .page-saas .saas-section5{ padding-bottom: 0; } .page-saas .saas-section5 .center-image h2{ text-align:center; font-size:36px; margin-top:110px;} .page-saas .saas-section6 .sc-title{ margin-bottom:60px;} .page-saas .attr-table-saas{ border:1px solid #239ffd;} .page-saas .attr-table-saas td{ border:0; border-left:1px solid #ddd; border-top:1px solid #ddd; height:45px;} .page-saas .attr-table-saas td:first-child,.attr-table-saas th:first-child{ border-left:0;} .page-saas .attr-table-saas td:last-child,.attr-table-saas th:last-child{ border-right:0;} .page-saas .attr-table-saas th{ background-color:#f0f3f6; border-top:0; position:relative;} .page-saas .attr-table-saas th .tit{ font-size:14px; color:#333;} .page-saas .attr-table-saas th .price{ font-size:16px; color:#ec3b3b; font-weight:bold; margin-top:8px;} .page-saas .attr-table-saas .at-title .tit{ font-size:30px; color:#fff;} .page-saas .attr-table-saas .at-title .subtit{ font-size:16px;} .page-printer{} .page-printer .section-1{ background: url(../images/printer/00-banner-bg.jpg) repeat-y center top; height: 400px;} .page-printer .section-1 .img{ background-image: url(../images/printer/00-banner-img.png); margin-top: 70px; height: 427px;} .page-printer .section-1 .text .pic{ background: url(../images/printer/00-banner-text.png) no-repeat left top; } .page-printer .section-1 .text .btn-wrap .btn-line:hover{color: #fc4932;} .page-printer .section-2{ padding-bottom: 50px; } .page-printer .section-2 .list{ text-align: center; } .page-printer .section-2 .list .img{ width: 69px; height: 68px; margin: 0 auto 20px; background: url(../images/printer/01-icon.png) no-repeat; } .page-printer .section-2 .list .item-1 .img{ background-position: 0 0; } .page-printer .section-2 .list .item-2 .img{ background-position: -80px 0; } .page-printer .section-2 .list .item-3 .img{ background-position: -160px 0; } .page-printer .section-2 .list .item-4 .img{ background-position: -240px 0; } .page-printer .section-2 .list h3{ font-size: 18px; font-weight: 700; } .page-printer .section-2 .list p{ font-size: 14px; color: #888; margin: 10px 32px;} .page-printer .section-3{ background: #F9F9F9; padding-bottom: 50px;} .page-printer .section-3 .list li{ float: left; text-align: center; } .page-printer .section-3 .list li.item-1{ width: 750px; } .page-printer .section-3 .list li.item-2{ width: 450px; } .page-printer .section-3 .list li.item-1 .img{ width: 754px; height: 450px; background: url(../images/printer/02-img1.png) no-repeat; } .page-printer .section-3 .list li.item-2 .img{ width: 451px; height: 450px; background: url(../images/printer/02-img2.png) no-repeat; } .page-printer .section-3 .list li h3{ font-size: 20px; color: #db0c14; font-weight: 700; } .page-printer .section-3 .list li p{ font-size: 14px; color: #888; margin: 10px auto; width: 340px;} .page-printer .section-4{ padding: 70px 0; } .page-printer .section-4 .section-title{ width: 437px; float: right; text-align: left; margin-right: 90px; margin-top: 40px; } .page-printer .section-4 .img{ width: 578px; height: 321px; background: url(../images/printer/03-img.png) no-repeat; } .page-printer .section-5{ background: #F9F9F9; padding-bottom: 50px;} .page-printer .section-5 .list{ float: right; margin-right: 110px; } .page-printer .section-5 .list li{ position: relative; width: 400px; height: 218px; color: #888888; font-size: 14px; background: #fff; box-shadow: 0 0 30px rgba(33,33,33,.1); margin-bottom: 20px; text-align: center; } .page-printer .section-5 .list li:before{ content: ""; position: absolute; width: 12px; height: 16px; background: #DA1813; left: 0; top: 15px;} .page-printer .section-5 .list li h3{ margin-bottom: 20px; padding-top: 11px; font-size: 20px; font-weight: 700; color: #333;} .page-printer .section-5 .list li .s-btn{ width: 88px; height: 34px; line-height: 34px; display: inline-block; border-radius: 3px; border: 1px solid #DA1813; color: #DA1813; } .page-printer .section-5 .list li .links{ margin: 0 0 0 76px; } .page-printer .section-5 .list li .links a{color: #888888; cursor: default; text-align: left; float: left; width: 140px; margin-bottom: 10px; } .page-printer .section-5 .list li p{ margin: 0 29px; text-align: left; line-height: 1.8; margin-bottom: 20px;} .page-printer .section-5 .img{ margin-top: 30px; float: left; width: 484px; height: 450px; background: url(../images/printer/04-img.png) no-repeat; } /*ecjia*/ .page-ecjia{ background: #140451; } .page-ecjia .body{ overflow: hidden; } .page-ecjia .section-title p{ color: #ccc; } .page-ecjia .section-1{ height: 866px; } .page-ecjia .section-1 .container{ position: relative; } .page-ecjia .section-1 .img{ height: 866px; width: 1920px; z-index: 1; position: absolute; left: -360px; top: 0; background: url(../images/ecjia/00-banner.png) no-repeat center top; } .page-ecjia .section-1 .bg{ position: absolute; z-index: 0; left: -360px; top: -340px; width: 1920px; height: 1507px; background: url(../images/ecjia/bg-banner.png) no-repeat center top; } .page-ecjia .section-2{ margin-top: -200px; position: relative; } .page-ecjia .section-2 .container{ position: relative; z-index: 2; } .page-ecjia .section-2 .list{ overflow: hidden; margin-bottom: 70px;} .page-ecjia .section-2 .list li{ width: 382px; height: 107px; background: rgba(0,0,0,0.1); float: left; text-align: center; color: #fff; padding: 15px 30px;} .page-ecjia .section-2 .list li.item-1{ margin-left: 80px; } .page-ecjia .section-2 .list li.item-2{ margin-left: 175px; } .page-ecjia .section-2 .list li h3{ font-size: 18px; font-weight: 700; margin-bottom: 10px; } .page-ecjia .section-2 .list li p{ font-size: 14px; color: #aaa; line-height: 2;} .page-ecjia .section-2 .img{ height: 419px; background: url(../images/ecjia/01-img.png) no-repeat center top; } .page-ecjia .section-2 .water{ position: absolute; right: -350px; top: 250px; width: 321px; height: 407px; background: url(../images/ecjia/float01.png) no-repeat center; } .page-ecjia .section-2 .bg{ position: absolute; z-index: 0; opacity: .4; left: 0; top: 0; width: 1920px; height: 1507px; background: url(../images/ecjia/bg-banner.png) no-repeat center top; } .page-ecjia .section-3{ padding-top: 50px; position: relative; z-index: 1;} .page-ecjia .section-3 .container{ position: relative; } .page-ecjia .section-3 .img{ height: 281px; background: url(../images/ecjia/02-img.png) no-repeat center top; } .page-ecjia .section-3 .water{ position: absolute; left: -350px; top: 250px; width: 227px; height: 326px; background: url(../images/ecjia/float02.png) no-repeat center; } .page-ecjia .section-4{ padding-top: 80px; position: relative;} .page-ecjia .section-4 .container{ position: relative; } .page-ecjia .section-4 .water{ position: absolute; right: -350px; top: 250px; width: 228px; height: 325px; background: url(../images/ecjia/float03.png) no-repeat center; } .page-ecjia .section-4 .list li{ float: left; width: 33.33%; text-align: center;} .page-ecjia .section-4 .list li .img{ width: 250px; height: 167px; margin: 0 auto; background-repeat: no-repeat; background-position: center; } .page-ecjia .section-4 .list li.item-1 .img{ background-image: url(../images/ecjia/03-img1.png); } .page-ecjia .section-4 .list li.item-2 .img{ background-image: url(../images/ecjia/03-img2.png); } .page-ecjia .section-4 .list li.item-3 .img{ background-image: url(../images/ecjia/03-img3.png); } .page-ecjia .section-4 .list li p{ font-size: 18px; color: #fff; margin-top: 25px; } .page-ecjia .section-4 .bg{ position: absolute; z-index: 0; opacity: .4; left: 0; top: 0; width: 1920px; height: 1507px; background: url(../images/ecjia/bg-banner.png) no-repeat center top; } .page-ecjia .section-5{ padding-top: 85px; position: relative;} .page-ecjia .section-5 .list li{ float: left; width: 50%; height: 447px; } .page-ecjia .section-5 .list li.item-1{ background: url(../images/ecjia/04-img1.png) no-repeat center; } .page-ecjia .section-5 .list li.item-2{ background: url(../images/ecjia/04-img2.png) no-repeat center; } .page-ecjia .section-6{ padding-top: 100px; padding-bottom: 160px; background: url(../images/ecjia/float04.png) no-repeat center bottom;} .page-ecjia .section-6 .section-title p{ font-size: 26px; color: #fff;} .page-ecjia .section-6 .section-title p b{ font-size: 48px; margin-right: 10px;} .page-ecjia .section-6 .btn-wrap a{ width: 223px; height: 58px; font-size: 23px; margin-top: -30px; border-radius: 29px; margin: 0 auto; color: #fff; background: #FE5766; display: block; text-align: center; line-height: 58px; } .body-about{ font-size: 14px; line-height: 1.42857143;} .body-about * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .body-about h3, .body-about .h3 {font-size: 24px; } .body-about h1, .body-about h2, .body-about h3, .body-about h4, .body-about h5, .body-about h6, .body-about .h1, .body-about .h2, .body-about .h3, .body-about .h4, .body-about .h5, .body-about .h6 {font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .body-about .detail-item{ display: none; }