/* 新版首页部分样式 和 另外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; 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; border-radius: 4px; overflow: hidden; -webkit-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; 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; 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; 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; 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); }
}
@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; background-size: cover; }
.s-04 .widFix { position: absolute; left: 50%; top: 0; -webkit-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/home-ps-f/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; 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); 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/home-ps-f/page-banner-1.jpg') no-repeat center center; background-size: contain; }
.page-other.page-2 .banner-img { background: #14a85a url('../images/home-ps-f/page-banner-2.jpg') no-repeat center center; background-size: contain; }
.page-other.page-3 .banner-img { background: #0ebdcd url('../images/home-ps-f/page-banner-3.jpg') no-repeat center center; background-size: contain; }
.page-other.page-4 .banner-img { background: #348ef5 url('../images/home-ps-f/page-banner-4.jpg') no-repeat center center; 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; box-sizing: border-box; display: block; margin: 4px; background: url('../images/home-ps-f/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; border-radius: 8px; font-size: 20px; border: 1px solid #fff600; display: inline-block; -webkit-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; border-radius: 10px; -webkit-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); transform: translateX(-50%) translateY(-114px); -webkit-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/home-ps-f/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-s-wrapper .go-tpls { width: 180px; height: 50px; line-height: 50px; text-align: center; border-radius: 5px; font-size: 20px; color: #0ebdcd; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }


.page-s-wrapper { position: relative; }
.page-s-wrapper .s-s { position: absolute; }
.page-s-wrapper .page-s { position: absolute; }
.page-s-wrapper .p-s1-1 { left: 0; top: 121px; }
.page-s-wrapper .p-s1-2 { right: 0; top: 480px; }
.page-s-wrapper .p-s1-3 { left: 0; bottom: 164px; }
.page-s-wrapper .p-s1-4 { left: 26px; top: 96px; }
.page-s-wrapper .p-s1-5 { right: 40px; top: 190px; }
.page-s-wrapper .p-s1-6{ right: 38px; top: 365px; }
.page-s-wrapper .p-s1-7 { left: 58px; top: 714px; }
.page-s-wrapper .p-s1-8 { left: 58px; top: 898px; }
.page-s-wrapper .p-s1-9 { right: 38px; top: 685px; }
.page-s-wrapper .p-s1-10 { left: 45px; top: 1338px; }
.page-s-wrapper .p-s1-11 { right: 40px; top: 1395px; }
.page-s-wrapper .p-s1-12 { right: 40px; top: 1511px; }

.page-s-wrapper .p-s2-1 { left: 0; top: 121px; }
.page-s-wrapper .p-s2-2 { right: 0; top: 480px; }
.page-s-wrapper .p-s2-3 { left: 0; bottom: 164px; }
.page-s-wrapper .p-s2-4 { left: 63px; top: 85px; }
.page-s-wrapper .p-s2-5 { right: 60px; top: 176px; }
.page-s-wrapper .p-s2-6{ right: 60px; top: 364px; }
.page-s-wrapper .p-s2-7 { left: 56px; top: 765px; }
.page-s-wrapper .p-s2-8 { left: 56px; top: 916px; }
.page-s-wrapper .p-s2-9 { right: 36px; top: 716px; }
.page-s-wrapper .p-s2-10 { left: 57px; top: 1336px; }
.page-s-wrapper .p-s2-11 { right: 36px; top: 1394px; }
.page-s-wrapper .p-s2-12 { right: 36px; top: 1490px; }

.page-s-wrapper .p-s3-1 { left: 0; top: 121px; }
.page-s-wrapper .p-s3-2 { right: 0; top: 480px; }
.page-s-wrapper .p-s3-3 { left: 0; bottom: 164px; }
.page-s-wrapper .p-s3-4 { left: 0; top: 0; }
.page-s-wrapper .p-s3-5 { right: 60px; top: 177px; }
.page-s-wrapper .p-s3-6{ right: 60px; top: 366px; }
.page-s-wrapper .p-s3-7 { left: 60px; top: 746px; }
.page-s-wrapper .p-s3-8 { left: 50px; top: 861px; }
.page-s-wrapper .p-s3-9 { right: 30px; top: 653px; }
.page-s-wrapper .p-s3-10 { left: 50px; top: 1300px; }
.page-s-wrapper .p-s3-11 { right: 52px; top: 1407px; }
.page-s-wrapper .p-s3-12 { right: 52px; top: 1525px; }

.page-s-wrapper .p-s4-1 { left: 0; top: 121px; }
.page-s-wrapper .p-s4-2 { right: 0; top: 480px; }
.page-s-wrapper .p-s4-3 { left: 0; bottom: 164px; }
.page-s-wrapper .p-s4-4 { left: 23px; top: 75px; }
.page-s-wrapper .p-s4-5 { right: 40px; top: 220px; }
.page-s-wrapper .p-s4-6{ right: 62px; top: 334px; }
.page-s-wrapper .p-s4-7 { left: 34px; top: 725px; }
.page-s-wrapper .p-s4-8 { left: 34px; top: 896px; }
.page-s-wrapper .p-s4-9 { right: 40px; top: 656px; }
.page-s-wrapper .p-s4-10 { left: 40px; top: 1257px; }
.page-s-wrapper .p-s4-11 { right: 60px; top: 1390px; }
.page-s-wrapper .p-s4-12 { right: 60px; top: 1506px; }


.page-s-wrapper .p-1 { color: #dd3a3c; border-color: #dd3a3c; }
.page-s-wrapper .p-1:hover { background: #dd3a3c; color: #fff; }
.page-s-wrapper .p-2 { color: #13a759; border-color: #13a759; }
.page-s-wrapper .p-2:hover { background: #13a759; color: #fff; }
.page-s-wrapper .p-3 { color: #0ebdcd; border-color: #0ebdcd; }
.page-s-wrapper .p-3:hover { background: #0ebdcd; color: #fff; }
.page-s-wrapper .p-4 { color: #3f9af8; border-color: #3f9af8; }
.page-s-wrapper .p-4:hover { background: #3f9af8; color: #fff; }


.page-other .top-four-icon .item .title { font-size: 16px; color: #666666; margin-top: 60px; }