@charset 'utf-8';

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td, i, b, s { font-family: Microsoft YaHei,Helvetica,Arial,sans-serif; font-size: 12px; font-weight: inherit; font-style: inherit; margin: 0; padding: 0; border: 0; }

ul, ol { list-style: none; }

a img { vertical-align: top; border: none; }

a { text-decoration: none; }

button { overflow: visible; margin: 0; padding: 0; border: 0 none; background-color: transparent; }

button::-moz-focus-inner { padding: 0; }

input[type=password] { -webkit-text-security: disc; }

textarea:focus, input:focus, button:focus { outline: none; }

body { word-wrap: break-word; }

* { -webkit-tap-highlight-color: rgba(0,0,0,0); }

.icon { display: inline-block; zoom: 1; vertical-align: middle; background-repeat: no-repeat; background-position: left top; }

.btn { display: inline-block; zoom: 1; text-align: center; vertical-align: middle; }

.none { display: none; }

body { line-height: normal; }
/*--------------------- banner -------------------*/
#js_banner { width: 100%; height: 650px; position: relative; overflow: hidden; margin-top: 0; }
/*--------------新增--------------*/
#js_banner .banner > a {display: block; width: 100%; height: 650px; cursor: pointer;}
#js_banner .banner {width: 100%; height: 650px; position: relative; overflow: hidden;  -ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/backgroundsize.min.htc);}

.pagination { position: absolute; left: 0; text-align: center; bottom: 10px; width: 100%; }

.swiper-pagination-switch { display: inline-block; width: 30px; height: 5px; background: #a1a1a3; margin: 0 5px; cursor: pointer; }

.swiper-active-switch { background: #fff; }

.banner-bg { width: 100%; height: 650px; position: relative; background: url(../img/banner.jpg) 50% 50% no-repeat; background-size: cover; -ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/backgroundsize.min.htc); }

.banner-box { position: relative; width: 1210px; height: 650px; overflow: hidden; margin: 0 auto; }

.banner-left-box { float: left; height: 650px; overflow: hidden; width: 600px; }

.banner-left-box .h1 { font-weight: bold; font-size: 58px; color: #fff; margin: 170px 0 10px 0; }

.banner-left-box .h2 { font-size: 40px; color: #fff; padding: 0 5px 10px 0; border-bottom: 3px solid #0c777c; float: left; }

.banner-left-box ul { display: block; overflow: hidden; float: left; width: 360px; margin-top: 50px; }

.banner-left-box ul li { background: url(../img/yes-icon.png) no-repeat; background-size: 20px 20px; padding: 0 0 30px 30px; color: #acfffa; line-height: 20px; font-size: 18px; float: left; width: 180px; }

.banner-right-box { position: absolute; top: 0; right: 0; width: 690px; height: 650px; background: url(../img/banner-right.png) no-repeat; background-size: 690px 650px; }

.banner-right-box span { font-size: 18px; color: #fff; position: absolute; }

.banner-right-box span.more-business { right: 284px; top: 215px; }

.banner-right-box span.cloud-software { left: 195px; bottom: 230px; }

.banner-right-box span.module-application { right: 188px; bottom: 230px; }

.banner-right-box pre { font-size: 15px; color: #bbbdd4; position: absolute; }

.banner-right-box pre.more-business-detail { right: 225px; top: 118px; }

.banner-right-box pre.cloud-software-detail { left: 90px; bottom: 160px; line-height: 200%; }

.banner-right-box pre.module-application-detail { right: 95px; bottom: 135px; line-height: 200%; }

/*--------------------- solution -------------------*/
.solution-bg { width: 100%; position: relative; background: #fff; }

.solution-box { position: relative; width: 1230px; margin: 0 auto; }

.base-h1-title { color: #353d41; font-size: 26px; padding: 40px 0; text-align: center; }

.solution-list { display: block; padding-bottom: 60px; }

.solution-list li { width: 200px; height: 325px; margin-right: 6px; float: left; cursor: pointer; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transition: all .3s ease; -webkit-transition: all .3s ease; }

.list-title { font-size: 16px; color: #474747; padding-top: 40px; text-align: center; }

.list-detail { padding: 25px 15px 40px; line-height: 200%; color: #474747; font-size: 12px; }

.solution-list li span { display: none; color: #00a58c; width: 110px; height: 25px; border: 1px solid #00a58c; border-radius: 2px; text-align: center; line-height: 25px; margin: -20px auto 20px; }

.solution-list li:hover { box-shadow: 0px 0px 10px #95e0df; -moz-box-shadow: 0px 0px 10px #95e0df; -webkit-box-shadow: 0px 0px 10px #95e0df; transform: translate3d(0,-2px,0); -webkit-transform: translate3d(0,-2px,0); transition: all .3s ease; -webkit-transition: all .3s ease; background: #fff; }

.solution-list li:hover .list-title { color: #00a58c; padding-top: 25px; }

.solution-list li:hover .list-detail { color: #00a58c; }

.solution-list li:hover span { display: block; }

.solution-list li img { display: block; width: 122px; height: 122px; margin: 0 auto; }

.e-commerce { background: #f7ffef; }

.trade { background: #f1fffc; }

.storage { background: #f1fff9; }

.full-channel { background: #fef6f5; }

.new-retail { background: #f4f8ff; }

.chain-store { background: #fef4ff; margin-right: 0px !important; }

.clear { clear: both; }

/*--------------------- list -------------------*/
.list-bg { width: 100%; height: 560px; position: relative; background: #f8f9fe; }

.list-box { position: relative; width: 1202px; height: 606px; margin: 0 auto; box-sizing: border-box; }

.list-content { width: 100%; height: 368px; box-sizing: border-box; position: relative; }

.list-content li { transition: all .3s; border-right: 0px; cursor: pointer; width: 25%; border: 1px solid #eeeff2; box-sizing: border-box; text-align: center; background: #fff; position: relative; float: left; top: 0; }

.list-content li i { width: 48px; height: 48px; margin: 35px auto 20px; display: block; }

.list-content li i.erp { background: url(../img/erp.png) no-repeat 50% 50%; }

.list-content li i.changguan { background: url(../img/chuangguan.png) no-repeat 50% 50%; }

.list-content li i.cart { background: url(../img/cart.png) no-repeat 50% 50%; }

.list-content li i.lingshou { background: url(../img/lingshou.png) no-repeat 50% 50%; }

.list-content li i.wulianbao { background: url(../img/wulianbao.png) no-repeat 50% 50%; }

.list-content li h1 { font-size: 22px; color: #282828; margin-bottom: 30px; }

.list-content li p { height: 112px; font-size: 14px; color: #818181; line-height: 200%; }

.list-content li button { display: inline-block; width: 100px; height: 30px; font-size: 14px; color: #919191; border-radius: 15px; border: 1px solid #f1f1f1; cursor: pointer; margin-bottom: 60px; font-family: 微软雅黑; }

.list-content li span { display: block; overflow: hidden; width: 100%; }

.list-content li:hover { border: 1px solid #2cd089; }

.list-content li:hover button { background: #2cd089; color: #fff; border: 0; }

.list-content li:first-child + li + li + li + li { border-right: 1 !important; }

/*--------------------- swiper -------------------*/
.advantage-box { width: 1210px; height: 708px; position: relative; margin: 0 auto; padding-top: 20px; }

.swiper-container { width: 673px; height: 395px; position: relative; margin: 20px auto 0; }

.swiper-1-bg { background: url(../img/swiper_1_bg.jpg?v=1) no-repeat 50% 50%; }

.swiper-2-bg { background: url(../img/swiper_2_bg.jpg?v=1) no-repeat 50% 50%; }

.swiper-3-bg { background: url(../img/swiper_3_bg.jpg?v=1) no-repeat 50% 50%; }

.swiper-4-bg { background: url(../img/swiper_4_bg.jpg?v=1) no-repeat 50% 50%; }

.swiper-5-bg { background: url(../img/swiper_5_bg.jpg?v=1) no-repeat 50% 50%; }

.efficient { position: absolute; top: 150px; z-index: 5; }

.efficient-left { float: left; margin-right: 30px; }

.efficient-left h1 { font-size: 24px; font-weight: bold; color: #2a2a2a; text-align: right; margin-bottom: 10px; }

.efficient-left p { font-size: 16px; color: #535353; line-height: 200%; text-align: right; }

.efficient-right { float: left; width: 70px; height: 70px; box-sizing: border-box; border-radius: 50%; border: 1px solid #808291; background: url(../img/hige.png) no-repeat 50% 50%; }

.hige { left: 40px; }

.mobile { top: 415px; left: -20px; }

.mobile .efficient-right { background: url(../img/phone.png) no-repeat 50% 50% !important; }

.love { right: -20px; }

.love .efficient-right { background: url(../img/love.png) no-repeat 50% 50% !important; }

.love .efficient-left { margin-right: 0; margin-left: 30px; }

.love .efficient-left p { text-align: left; }

.love .efficient-left h1 { text-align: left; }

.safe { top: 415px; }

.safe .efficient-right { background: url(../img/safe.png) no-repeat 50% 50% !important; }

/*--------------------- certifications -------------------*/
.certifications-bg { width: 100%; overflow: hidden; background: #f5f8ff; }

.certifications-box { width: 1210px; overflow: hidden; margin: 0 auto; }

.certifications-box h1 { text-align: center; font-size: 32px; color: #2f2f2f; margin: 60px 0 30px; }

.certifications-list { overflow: hidden; text-align: center; background: #fff; margin: 0 auto 80px; }

.certifications-list li { display: inline-block; margin-right: 50px; }

.certifications-list li i { display: block; height: 250px; margin: 0 auto; }

.certifications-list li p { height: 150px; font-size: 12px; color: #545b66; line-height: 150%; padding-top: 30px; }

.text-color { color: #90601c !important; }

.certifications-list li i.gaoxin { width: 166px; background: url(../img/gaoxin.jpg) no-repeat center 120px; }

.certifications-list li i.jinzuoyue { width: 150px; background: url(../img/jinzuoyue.png) no-repeat center 120px; }

.certifications-list li i.jd { width: 60px; background: url(../img/jinfuwu.png) no-repeat center bottom; }

.certifications-list li i.shuling { width: 93px; background: url(../img/yihuoban.png) no-repeat center bottom; }

.certifications-list li i.rongyu { width: 107px; background: url(../img/taopaidang.png) no-repeat center 100px; }

.certifications-list li i.xinlinshou { width: 109px; background: url(../img/xinlingshou.png) no-repeat center 70px; }

.last-certifications-list { margin-right: 0 !important; }