/* 新版首页部分样式 和 另外4个子页样式 2017-12-11 */
.s-01 .items { font-size: 0; margin-top: 60px; margin-bottom: 10px; }
.s-01 .item { width: 33%; display: inline-block; margin-bottom: 40px; }
.s-01 .item .box { width: 200px; text-align: center; margin: 0 auto; }
.s-01 .item .pic { width: 140px; height: 140px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; }
.s-01 .item .pic img { width: 100%; }
.s-01 .item .title { font-size: 16px; color: #303030; margin-top: 30px; }
.s-01 .item p { font-size: 14px; color: #909090; margin-top: 10px; }

.s-02 .items { font-size: 0; margin-top: 60px; margin-bottom: 80px; }
.s-02 .item { width: 24.8%; text-align: center; display: inline-block; }
.s-02 .item .box { width: 270px; margin: 0 auto; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1); -moz-box-shadow: 0 0 5px rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,.1) }
.s-02 .item .title { font-size: 18px; color: #606060; height: 70px; line-height: 70px; }

.s-03 .items { font-size: 0; margin-top: 60px; margin-bottom: 80px; }
.s-03 .item { width: 25%; text-align: center; float: left; }
.s-03 .item .box { width: 270px; margin: 0 auto; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; position: relative; }
.s-03 .item .pop { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; text-align: center; color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: rgba(0,0,0,0); }
.s-03 .item .title { font-size: 20px; font-weight: bold; margin-top: 42px; }
.s-03 .item p { font-size: 14px; margin: 20px 0; }
.s-03 .item label { width: 100px; height: 30px; line-height: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; font-size: 14px; border: 1px solid #fff; cursor: pointer; }
.s-03 .item .box:hover .pop { -webkit-animation: fadeIn .6s both; -moz-animation: fadeIn .6s both; -o-animation: fadeIn .6s both; animation: fadeIn .6s both; }
.s-03 .item .box:hover .pop label:hover { background: #11bf92; border-color: #11bf92; }
@-webkit-keyframes fadeIn {
	to { opacity: 1; background: rgba(0,0,0,.7); }
}
@-moz-keyframes fadeIn {
	to { opacity: 1; background: rgba(0,0,0,.7); }
}
@-o-keyframes fadeIn {
	to { opacity: 1; background: rgba(0,0,0,.7); }
}
@keyframes fadeIn {
	to { opacity: 1; background: rgba(0,0,0,.7); }
}

.s-04 { position: relative; height: 690px; background: url('../images/ada-more-bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.s-04 .widFix { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.main-wrapper.idx .session.s-04 .head-title { margin-top: 80px; }
.main-wrapper.idx .session.s-04 .head-title h2 { color: #fff; }
.main-wrapper.idx .session.s-04 .head-title p { color: #fff; }
.s-04 .items { font-size: 0; margin-bottom: 40px; }
.s-04 .item { width: 20%; text-align: center; margin-top: 50px; float: left; }
.s-04 .item .box { width: 140px; margin: 0 auto; }
.s-04 .item .pic { width: 140px; height: 140px; display: block; background: url('../images/ada-spirit.png') no-repeat center center; }
.s-04 .item .pic.a { background-position: 0 0; }
.s-04 .item .pic.b {  background-position: -140px 0; }
.s-04 .item .pic.c {  background-position: -280px 0; }
.s-04 .item .pic.d {  background-position: -420px 0; }
.s-04 .item .pic.e {  background-position: -560px 0; }
.s-04 .item .pic.f {  background-position: 0 -140px; }
.s-04 .item .pic.g {  background-position: -140px -140px; }
.s-04 .item .pic.h {  background-position: -280px -140px; }
.s-04 .item .pic.i {  background-position: -420px -140px; }
.s-04 .item .pic.j {  background-position: -560px -140px; }
.s-04 .item .title { font-size: 16px; margin-top: 20px; color: #fff; }

.header-box {}
.header-box .items { font-size: 0; margin: 30px 0; font-size: 0; }
.header-box .items .item { width: 24.8%; display: inline-block; padding: 20px 0 20px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header-box .items .item:hover { background: #fafafa; }
.header-box .items .title { font-size: 18px; font-weight: bold; color: #303030; }
.header-box .items p { font-size: 14px; color: #616161; margin-top: 14px; }

.child { position: fixed; left: 0; top: 66px; right: 0; background: #fff; -webkit-box-shadow: 0 1px 8px rgba(0,0,8,.14); -moz-box-shadow: 0 1px 8px rgba(0,0,8,.14); box-shadow: 0 1px 8px rgba(0,0,8,.14); display: none; }

.head-foot { height: 70px; line-height: 70px; text-align: center; font-size: 12px; color: #616161; }
.head-foot label { display: inline-block; margin: 0 25px; }


/* page */
.page-other { position: relative; }
.page-other .banner-img { width: 100%; height: 778px; position: absolute; left: 0; top: 0; }
.page-other.page-1 .banner-img { background: #de3a3c url('../images/page-banner-1.jpg') no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }
.page-other.page-2 .banner-img { background: #14a85a url('../images/page-banner-2.jpg') no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }
.page-other.page-3 .banner-img { background: #0ebdcd url('../images/page-banner-3.jpg') no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }
.page-other.page-4 .banner-img { background: #348ef5 url('../images/page-banner-4.jpg') no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }

.page-other .banner { height: 778px; position: relative; }
.page-other .banner img { width: 100%; }
.page-other .banner .btn-group { position: absolute; right: 36px; bottom: 250px; font-size: 0; }
.page-other .banner .qrcode-model { width: 118px; height: 118px; position: absolute; left: 15px; top: 54px; background: #fff; display: none; }
.page-other .banner .qrcode-model span { width: 110px; height: 110px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; margin: 4px; background: url('../images/qrcode.jpg') no-repeat center center; }
.page-other .banner .qrcode-model i {width: 0; height: 0; width: 0; height: 0; border-style: solid; border-width: 0 6px 10px 6px; border-color: transparent transparent #fff transparent; position: absolute; left: 50%; top: -10px; margin-left: -6px; }
.page-other .banner img { width: 100%; }
.page-other .banner a { width: 140px; height: 40px; line-height: 40px; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 20px; border: 1px solid #fff600; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-other .banner .qrcode { background: #fff; border: none; margin-right: 30px; }
.page-other .banner .exp { color: #fff600; }
.page-other .banner .exp:hover { background: #fff600; color: #fff600; }
.page-other .banner .qrcode:hover ~ .qrcode-model { display: block; }

.page-other.page-1 .banner .qrcode-model span { background-position: 0 0; }
.page-other.page-1 .banner .qrcode { color: #cd3235; }
.page-other.page-1 .banner .exp:hover { color: #cd3235; }

.page-other.page-2 .banner .qrcode-model span { background-position: -110px 0; }
.page-other.page-2 .banner .qrcode { color: #0aa351; }
.page-other.page-2 .banner .exp:hover { color: #0aa351; }

.page-other.page-3 .banner .qrcode-model span { background-position: -220px 0; }
.page-other.page-3 .banner .qrcode { color: #0dbccc; }
.page-other.page-3 .banner .exp:hover { color: #0dbccc; }

.page-other.page-4 .banner .qrcode-model span { background-position: -330px 0; }
.page-other.page-4 .banner .qrcode { color: #3985f6; }
.page-other.page-4 .banner .exp:hover { color: #3985f6; }

.page-other .top-four-icon { width: 1050px; height: 340px; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 30px rgba(204,204,204,.4); -moz-box-shadow: 0 0 30px rgba(204,204,204,.4); box-shadow: 0 0 30px rgba(204,204,204,.4); position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(-114px); -moz-transform: translateX(-50%) translateY(-114px); -ms-transform: translateX(-50%) translateY(-114px); -o-transform: translateX(-50%) translateY(-114px); transform: translateX(-50%) translateY(-114px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-other .top-four-icon .item { width: 25%; float: left; text-align: center; font-size: 0; }
.page-other .top-four-icon .item .icon { width: 110px; height: 110px; display: inline-block; margin-top: 80px; background: url('../images/pages-spirit.png') no-repeat center center; }
.page-other .top-four-icon .item .icon.a { background-position: 0 0; }
.page-other .top-four-icon .item .icon.b { background-position: -110px 0; }
.page-other .top-four-icon .item .icon.c { background-position: -220px 0; }
.page-other .top-four-icon .item .icon.d { background-position: -330px 0; }

.page-other .top-four-icon .item .icon.e { background-position: 0 -110px; }
.page-other .top-four-icon .item .icon.f { background-position: -110px -110px; }
.page-other .top-four-icon .item .icon.g { background-position: -220px -110px; }
.page-other .top-four-icon .item .icon.h { background-position: -330px -110px; }

.page-other .top-four-icon .item .icon.i { background-position: 0 -220px; }
.page-other .top-four-icon .item .icon.j { background-position: -110px -220px; }
.page-other .top-four-icon .item .icon.k { background-position: -220px -220px; }
.page-other .top-four-icon .item .icon.l { background-position: -330px -220px; }

.page-other .top-four-icon .item .icon.m { background-position: 0 -330px; }
.page-other .top-four-icon .item .icon.n { background-position: -110px -330px; }
.page-other .top-four-icon .item .icon.o { background-position: -220px -330px; }
.page-other .top-four-icon .item .icon.p { background-position: -330px -330px; }
.page-other .top-four-icon .item .title { font-size: 16px; color: #666666; margin-top: 60px; }

/* 解决方案--内容*/
.page-s-wrapper .bgf9{background-color:#f9f9f9}
.page-s-wrapper .ta_r{text-align: right}
.page-s-wrapper .item { overflow: hidden; }
.page-s-wrapper [class^="item i-3-"] { overflow: visible }
.page-s-wrapper .item .tit { font-size: 36px; color: #4c4c4c; margin-bottom: 44px }
.page-s-wrapper .item .tit_s { font-size: 18px; color: #979797; margin-bottom: 14px; }
/* 电商 */
.page-s-wrapper .item.i-1-1 { margin-top: 230px; padding-bottom: 80px; }
.page-s-wrapper .item.i-1-1 .l{margin-top:160px;margin-left:-26px }
.page-s-wrapper .item.i-1-1 .r{margin-top:380px }

.page-s-wrapper .item.i-1-2 .l{margin-top:240px;}
.page-s-wrapper .item.i-1-2 .r{margin-top:205px;margin-right:-30px}

.page-s-wrapper .item.i-1-3 .l{margin-top:140px;margin-left: -177px}
.page-s-wrapper .item.i-1-3 .r{margin-top:260px;}

.page-s-wrapper .item.i-1-4 .l{margin-top:218px;}
.page-s-wrapper .item.i-1-4 .r{margin-top:68px;}

.page-s-wrapper .item.i-1-5 {padding-bottom: 40px; }
.page-s-wrapper .item.i-1-5 .l{margin-top:106px;}
.page-s-wrapper .item.i-1-5 .r{margin-top:285px;}

/* 智店 */
.page-s-wrapper .item.i-2-1 { margin-top: 230px;}
.page-s-wrapper .item.i-2-1 .l{margin-top:180px;margin-left:-42px }
.page-s-wrapper .item.i-2-1 .r{margin-top:300px }

.page-s-wrapper .item.i-2-2 .l{margin-top:220px;}
.page-s-wrapper .item.i-2-2 .r{margin-top:68px;}

.page-s-wrapper .item.i-2-3 .l{margin-top:110px;}
.page-s-wrapper .item.i-2-3 .r{margin-top:240px;}

.page-s-wrapper .item.i-2-4{padding-bottom: 40px;}
.page-s-wrapper .item.i-2-4 .l{margin-top:214px;}
.page-s-wrapper .item.i-2-4 .r{margin-top:98px;}
/* 新媒体 */
.page-s-wrapper .item.i-3-1 { margin-top: 230px;}
.page-s-wrapper .item.i-3-1 .l{margin-top:190px;}
.page-s-wrapper .item.i-3-1 .r{margin-top:400px }

.page-s-wrapper .item.i-3-2 .l{margin-top:220px;}
.page-s-wrapper .item.i-3-2 .r{margin-top:20px;}

.page-s-wrapper .item.i-3-3 .l{margin-top:70px;}
.page-s-wrapper .item.i-3-3 .r{margin-top:280px;}

.page-s-wrapper .item.i-3-4{padding-bottom: 40px;}
.page-s-wrapper .item.i-3-4 .l{margin-top:224px;}
.page-s-wrapper .item.i-3-4 .r{margin-top:14px;}
/* 企业 */
.page-s-wrapper .item.i-4-1 { margin-top: 230px;padding-bottom: 90px}
.page-s-wrapper .item.i-4-1 .l{margin-top:200px;}
.page-s-wrapper .item.i-4-1 .r{margin-top:400px }

.page-s-wrapper .item.i-4-2 .l{margin-top:234px;}
.page-s-wrapper .item.i-4-2 .r{margin-top:106px;}

.page-s-wrapper .item.i-4-3{padding-bottom: 40px;}
.page-s-wrapper .item.i-4-3 .l{margin-top:104px;}
.page-s-wrapper .item.i-4-3 .r{margin-top:348px;}

/* 更多模板 */
.page-s-wrapper .go-tpls { display: block; width: 178px; height: 48px; line-height: 50px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 20px; border: 1px solid #dd3a3c; margin: 100px auto 30px auto; }
.page-s-wrapper .go-tpls.i-1{color: #dd3a3c;border-color: #dd3a3c}
.page-s-wrapper .go-tpls.i-1:hover { background-color: #dd3a3c; color: #fff; }
.page-s-wrapper .go-tpls.i-2{color: #13a759;border-color: #13a759}
.page-s-wrapper .go-tpls.i-2:hover { background-color: #13a759; color: #fff; }
.page-s-wrapper .go-tpls.i-3{color: #3f9af8;border-color: #3f9af8}
.page-s-wrapper .go-tpls.i-3:hover { background-color: #3f9af8; color: #fff; }
.page-s-wrapper .go-tpls.i-4{color: #0ebdcd;border-color: #0ebdcd}
.page-s-wrapper .go-tpls.i-4:hover { background-color: #0ebdcd; color: #fff; }