@charset "utf-8";*{padding:0;margin:0;}
ul{list-style:none}
body{overflow-x:hidden}
a{text-decoration:none}
.prelative{position:relative}
.wrap{width:1200px;height:100%;margin:0 auto}
.clearfix:after{content:"\20";clear:both;height:0;display:block;overflow:hidden}
.block{display:block}
.mauto{margin:0 auto}
.opacity6{opacity:.6}
.color1{color:#36383b}
.color2{color:#6f7379}
.color3{color:#9ba2ac}
.color4{color:#ccc}
.color5{color:#eee}
.colorf{color:#fff}
.color-g{color:#1dc99b}
.fz12{font-size:12px}
.fz14{font-size:14px}
.fz16{font-size:16px}
.fz18{font-size:18px}
.fz20{font-size:20px}
.fz22{font-size:22px}
.fz24{font-size:24px}
.fz28{font-size:28px}
.fz30{font-size:30px}
.fz32{font-size:32px}
.fz48{font-size:48px}
.textc{text-align:center}
.textr{text-align:right}
.lh24{line-height:24px}
.lh30{line-height:30px}
.mt4{margin-top:4px}
.mt8{margin-top:8px}
.mt12{margin-top:12px}
.mt16{margin-top:16px}
.mt20{margin-top:20px}
.mt24{margin-top:24px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
.mb4{margin-bottom:4px}
.mb8{margin-bottom:8px}
.mb12{margin-bottom:12px}
.mb16{margin-bottom:16px}
.mb20{margin-bottom:20px}
.mb24{margin-bottom:24px}
.mb30{margin-bottom:30px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb80{margin-bottom:80px}
.ml4{margin-left:4px}
.ml8{margin-left:8px}
.ml12{margin-left:12px}
.ml16{margin-left:16px}
.ml20{margin-left:20px}
.ml24{margin-left:24px}
.ml30{margin-left:30px}
.ml60{margin-left:60px}
.ml80{margin-left:80px}
.ml100{margin-left:100px}
.ml120{margin-left:100px}
.mr4{margin-right:4px}
.mr8{margin-right:8px}
.mr12{margin-right:12px}
.mr16{margin-right:16px}
.mr20{margin-right:20px}
.mr22{margin-right:22px}
.mr24{margin-right:24px}
.mr30{margin-right:30px}
.mr60{margin-right:60px}
.mr80{margin-right:80px}
.mr100{margin-right:100px}
.p50{padding:50px}
.p20{padding:20px}
.p10{padding:10px}
.p40{padding:40px}
.pt4{padding-top:4px}
.pt8{padding-top:8px}
.pt12{padding-top:12px}
.pt16{padding-top:16px}
.pt20{padding-top:20px}
.pt24{padding-top:24px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt60{padding-top:60px}
.pt80{padding-top:80px}
.pt100{padding-top:100px}
.pb4{padding-bottom:4px}
.pb8{padding-bottom:8px}
.pb12{padding-bottom:12px}
.pb16{padding-bottom:16px}
.pb20{padding-bottom:20px}
.pb24{padding-bottom:24px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb60{padding-bottom:60px}
.pb80{padding-bottom:80px}
.pb100{padding-bottom:100px}
.pl4{padding-left:4px}
.pl8{padding-left:8px}
.pl12{padding-left:12px}
.pl16{padding-left:16px}
.pl20{padding-left:20px}
.pl24{padding-left:24px}
.pl30{padding-left:30px}
.pl60{padding-left:60px}
.pl80{padding-left:80px}
.pr4{padding-right:4px}
.pr8{padding-right:8px}
.pr12{padding-right:12px}
.pr16{padding-right:16px}
.pr20{padding-right:20px}
.pr24{padding-right:24px}
.pr30{padding-right:30px}
.pr60{padding-right:60px}
.pr80{padding-right:80px}
.fw-b{font-weight:700}
.bg-g{background:#f5f9fd}
.inline-block{display:inline-block}
.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-weblit-flex;display:flex}
.algin-center{align-items:center}
.justify-center{justify-content:center}
.float-left{float:left}
.float-right{float:right}
.overflow-hidden{overflow:hidden}
.btn-parimary-small{width:110px;height:32px;font-size:16px;color:#fff!important;text-align:center;line-height:32px;background-image:linear-gradient(90deg,#1dc99b 0,#59f47e 100%);border-radius:4px}
.text-tpye-btn{color:#1dc99b!important;font-size:16px;line-height:32px}
.text-tpye-btn:hover{color:#53d1af!important}
.btn-parimary-small:hover{background-image:linear-gradient(90deg,#45e2b8 0,#7af597 100%)}
.btn-sub-small{border:1px solid #1dc99b;color:#1dc99b!important;font-size:16px;line-height:32px;border-radius:4px;text-align:center;width:110px;height:32px;font-size:16px}
.btn-sub-small:hover{background:rgba(29,201,155,.05)}
.opacity10{opacity:1}
.contact-bg{background:url(../../images/xinweishang/contact-bg.png) no-repeat;background-position:50% 50%;background-size:auto;height:452px}
.contact-bg .iconfont{color:#fff;font-size:70px;width:70px;margin:0 auto}
.contact-icon{padding:0 120px}
.contact-icon li{width:160px;margin:0 40px}
.input-style{height:46px;line-height:46px;border-radius:4px;padding:0 20px;outline:0;font-size:14px;width:160px;background-color:#fff;border:none;margin-right:4px}
.contact-form{padding:0 142px}
.btn-tijiao{width:144px;height:46px;line-height:46px;background:#2188ff;border-radius:4px;color:#fff;border:1px solid #2188ff;font-size:14px;margin-right:4px;cursor:pointer}
.btn-tijiao:hover{background:#3895ff;border:1px solid #3895ff}
.btn-online{width:144px;height:46px;line-height:46px;background:0 0;border-radius:4px;color:#fff;border:1px solid #fff;font-size:14px;cursor:pointer}
.btn-online:hover{background:rgba(255,255,255,.1)}
.lh42{line-height:42px}
.lh1-5{line-height:1.5}
.service-item{width:360px;margin-right:56px}
.service-item:last-child{margin-right:0}
.service-item img{width:140px;margin:0 auto;display:block}
.shequn-function li{width:380px;height:160px;padding:30px 24px;background:#fff;box-shadow:0 2px 20px 0 rgba(198,210,202,.5);border-radius:8px;margin-right:30px;margin-top:30px}
.shequn-function li:nth-child(3n){margin-right:0}
.shequn-text{width:216px;margin-left:16px}
.jt-page-show img{width:240px;display:block;margin:0 auto;box-shadow:0 2px 24px 0 rgba(194,194,194,.5)}
.jt-page-show{margin-right:77px}
.jt-page-show:last-child{margin-right:0}
.detail-content{height:550px}
.detail-content img{width:640px;height:510px}
.design img{width:570px;height:400px}
.model-pagination .pages{width:32px;height:32px;font-size:14px;border-radius:4px;background:#fff;border:1px solid #ddd;color:#6f7379;line-height:32px;text-align:center}
.model-pagination .last{width:32px;height:32px;font-size:14px;border-radius:4px;background:#fff;border:1px solid #ddd;color:#6f7379;line-height:32px;text-align:center}
.model-pagination .next{width:32px;height:32px;font-size:14px;border-radius:4px;background:#fff;border:1px solid #ddd;line-height:32px;text-align:center;color:#6f7379}
.model-pagination .active-page{background:#1dc99b;border:1px solid #1dc99b;color:#fff}
.model-pagination a:hover{background:rgba(29,201,155,.1);border:1px solid #1dc99b;color:#1dc99b}
.model-pagination .active-page:hover{background:#1dc99b;border:1px solid #1dc99b;color:#fff}
.algin-start{align-items:flex-start}
.flex-wrap{flex-wrap:wrap}

.swiper-container{height:500px;overflow:visible}
.pagination{position:absolute;left:0;text-align:center;bottom:20px;width:100%}
.swiper-pagination-switch{display:inline-block;width:40px;height:20px;font-size:0;line-height:20px;text-align:center;cursor:pointer;transition:width .8s}
.swiper-pagination-switch:before{content:'';display:inline-block;width:32px;height:4px;border-radius:2px;background:rgba(255,255,255,.5);vertical-align:middle;transition:width .8s,background-color .8s}
.swiper-active-switch:before{background:#fff}
.banner-swiper .swiper-slide{position:relative;transition:opacity .7s ease-in-out;overflow:hidden}
.swiper-slide-active{opacity:1}
.swiper-slide .img{position:absolute}
.inner{position:relative;display:block;width:1180px;height:500px;margin:0 auto}
.banner-text{position:absolute;left:0;bottom:140px;z-index:999}
.banner-text h3{margin-bottom:10px;font-size:24px;color:#fff;line-height:40px}
.banner-text h2{margin-top:10px;margin-bottom:10px;font-size:48px;color:#fff;line-height:60px;font-weight:700}
.banner-text p{margin-top:10px;font-size:22px;color:rgba(255,255,255,.9);font-weight:400;line-height:32px}
.banner-text .btn-second{margin-top:30px;height:40px;line-height:38px;padding:0 30px;font-size:18px;color:#fff;border:1px solid #fff;display:inline-block;border-radius:4px;cursor:pointer}
.banner-text .btn-second:hover{background:rgba(255,255,255,.2);transition:all .2s}
.btn-primary{margin-top:30px;height:40px;line-height:38px;padding:0 30px;font-size:18px;background:#fff;border:1px solid #fff;display:inline-block;margin-left:8px;border-radius:4px;cursor:pointer}
.btn-primary:hover{opacity:.9;transition:all .2s}
.color-text2{color:#4eddbe}
.color-text3{color:#c69242}
.color-text4{color:#5e39d7}
.color-text5{color:#4f69ff}
.slide1{background:url(../images/xinweishang/bg-pc1.png) no-repeat center center}
.slide2{background:url(../images/xinweishang/bg-pc2.png) no-repeat center center}
.slide3{background:url(../images/xinweishang/bg-pc3.png) no-repeat center center}
.slide4{background:url(../images/xinweishang/bg-pc4.png) no-repeat center center}
.slide5{background:url(../images/xinweishang/bg-pc5.png) no-repeat center center}
.dz-bg{background:url(../images/xinweishang/dz-banner.png) no-repeat center center}
.slide2 .img1{right:0;bottom:0;z-index:9;position:absolute}
.slide2 .img2{right:300px;top:64px;z-index:9;position:absolute}
.slide3 .img1{right:0;bottom:0;z-index:9;position:absolute}
.slide3 .img2{right:400px;top:70px;z-index:9;position:absolute}
.slide4 .img1{right:0;bottom:18px;z-index:9;position:absolute}
.slide5 .img1{right:0;bottom:36px;z-index:9;position:absolute}
.btn-green{margin-top:30px;height:40px;line-height:38px;width:140px;font-size:18px;background:linear-gradient(90deg,#1dc99b 0,#59f47e 100%);border:1px solid transparent;display:block;margin:30px auto 0;text-align:center;color:#fff;border-radius:4px;cursor:pointer}
.btn-green:hover{background-image:linear-gradient(90deg,#45e2b8 0,#7af597 100%)}


.why-cooperate li{width:240px;margin:50px 28px 0}
.why-cooperate li img{width:96px;display:block;margin:0 auto;margin-bottom:20px}
.suitable-area{width:280px;height:190px;border-radius:16px;background:#333}
.suitable-area1{background:url(../images/xinweishang/pain-point-1.png)}
.suitable-area2{background:url(../images/xinweishang/pain-point-2.png)}
.suitable-area3{background:url(../images/xinweishang/pain-point-3.png)}
.suitable-area4{background:url(../images/xinweishang/pain-point-4.png)}
.youshi li{width:240px;margin:50px 28px 0}
.youshi li img{width:86px;display:block;margin:0 auto;margin-bottom:20px}
.ws-page-show-bg{background:url(../images/xinweishang/ws-page-show-bg.png) no-repeat center center;width:100%;height:862px}
#certify .iphoneX{position:absolute;left:50%;transform:translateX(-50%);top:-20px;z-index:1000}
#certify{position:relative;width:1200px;margin:50px auto}
#certify .swiper-container{padding-bottom:60px;height:auto}
#certify .swiper-slide{width:245px;height:528px;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.1)}
#certify .swiper-slide img{display:block;width:100%}
#certify .swiper-slide p{line-height:98px;padding-top:0;text-align:center;color:#636363;font-size:1.1em;margin:0}
#certify .swiper-pagination{width:100%;bottom:-10px}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;background-color:#fff;width:10px;height:10px;opacity:.2}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#fff;opacity:1}
#certify .swiper-button-prev{left:-30px;width:45px;height:45px;background:url(../images/xinweishang/wm_button_icon.png) no-repeat;background-position:0 0;background-size:100%;cursor:pointer}
#certify .swiper-button-prev:hover{background-position:0 -46px;background-size:100%}
#certify .swiper-button-next{right:-30px;width:45px;height:45px;background:url(../images/xinweishang/wm_button_icon.png) no-repeat;background-position:0 -93px;background-size:100%;cursor:pointer}
#certify .swiper-button-next:hover{background-position:0 -139px;background-size:100%}