/*å…¬å…±*/
@charset "utf-8";
/*body{font-family:PingFangSC-Regular,PingFang SC;font-size:16px;word-wrap:break-word;}*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
body{width:100%;min-width:1200px;}
li{list-style:none;}
a:hover,a:visited,a:active,a:focus{text-decoration: none; outline: 0;}
a,u,del,s{text-decoration:none;color:#000;}
a img{border:0;}
i,em{font-style:normal;}
b,th,strong{font-weight:normal;}
img{vertical-align:middle;}
table{border-collapse:collapse;}
input,textarea{outline:none;}
.c{width:1200px;margin:0 auto;}
.clear{zoom:1;}
.clear:after{content:"";clear:both;display:block;height:0;overflow:hidden;visibility:hidden;}
.clearx{clear:both;}
.over{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vm{vertical-align:middle;display:inline-block;}
.vcenter{width:0px;height:100%;vertical-align:middle;display:inline-block;}
.dis100{display:block;width:100%;height:100%;}
.ind2{text-indent:2em;}
.bor0{border:0;}
.l{float:left;}
.r{float:right;}
.tcenter{text-align: center!important;}
.tleft{text-align: left!important;}
.tright{text-align: right!important;}
.fw400{font-weight: 400;}
.fw700{font-weight: 700;}
.m-auto{margin: 0 auto;}
.c2{width:890px;margin:0 auto;}
.clear-line:after{display: block;content:"";clear:both;}

.opct8{opacity: .8;}

.c34{color: #343434;}
.cfff{color: #fff!important;}
.bg-fa{background-color: #f7f7f7;}

.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f24{font-size: 24px;}

.line16{line-height: 16px;}
.line18{line-height: 18px;}
.line26{line-height: 26px;}
.line34{line-height: 34px;}
.line36{line-height: 36px;}
.line60{line-height: 60px;}
/*å…¬å…±æ ·å¼padding margin*/
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb60{margin-bottom: 60px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb20{margin-bottom: 20px;}
.mb40{margin-bottom: 40px;}

.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt60{margin-top: 60px;}
.mt90{margin-top: 90px;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}

.pt30{padding-top: 30px;}
.pt100{padding-top: 100px;}
.p80{padding: 80px 0}
.pb30{padding-bottom: 30px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb75{padding-bottom: 75px;}
/*.pb80{padding-bottom: 80px;}*/
.pb98{padding-bottom: 98px;}
.pb120{padding-bottom: 120px;}
.pad1{padding: 30px 0;}
.pad2{padding: 30px 0 20px;}

.container-fluid{
    margin: 0;
    padding: 0;
}

.flex1{
    text-align: center;
}
.flex1>li{
    display: inline-block;
    margin: 0 3px;
    vertical-align: top;
}
.flex1>li p{
    text-align: left;
}
.mb01>li{
    margin: 0 15px;
}

.mb60>li{
    margin: 0 20px;
}
.mb02>li{
    margin:0 50px;
}
.mb03>li{
    margin: 0 70px;
}
.mb04 .info{
    text-align: left;
}
.mb05>li{
    margin: 0 170px;
}
.flex2{
    text-align: center;
}
.flex2>li{
    display: inline-block;
    margin: 0 12px;
    vertical-align: top;
}
.container-position {
    z-index: 10;
    position: relative;
    /*top: -70px;*/
}
.banner-wrap{
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.btn-banner{
    display: block;
    width: 120px;
    line-height: 36px;
    text-align: center;
    /*color: #ffca00;*/
    font-size: 14px;
    /*border: 2px solid #ffca00;*/
}
.btn-banner:hover{
    color: #ffca00;
}
.btn2-banner{
    display: block;
    width: 136px;
    line-height: 36px;
    text-align: center;
    color: #51d8ff;
    font-size: 16px;
    border: 2px solid #51d8ff;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -68px;
    top:357px;
}
.btn-blue{
    display: block;
    font-size: 16px;
    line-height: 50px;
    width: 180px;
    text-align: center;
    background-color: #00baff;
    color: #fff;
}
.l-btn{
    width: 230px;
}
.btn-blue:hover{
    color: #fff;
}
/*å…³äºŽæˆ‘ä»¬æ ·å¼*/
.about h3{
    font-weight: 400;
    font-size: 24px;
    line-height: 104px;
    text-align: center;
}
.about p{
    font-size: 16px;
    color: #343434;
}
.about .banner-box{
    display: block;
    height: 500px;
    background: url("http://www.wanmi.com/attachment/20210517/87ffc4e6667d46eb95d0fd9b8499435b.png") center no-repeat;
}
.about .s2 p{
    font-size: 14px;
    line-height: 34px;
}
.about .s2 p.p-top{
    font-size: 20px;
    line-height: 60px;
}
.about .s2 p.p-spe{
    line-height: 17px;
}
.about .s3{
    position: relative;
    height: 520px;
    background: url("http://web-img.qmimg.com/qianmicom/u/cms/qmwww2/201706/12151843fka6.png") center 180px no-repeat;
}
.about .s3 p{
    position: absolute;
    text-align: right;
    line-height: 22px;
}
.about .s3 p.p1{
    left: -8px;
    top: 179px;
}
.about .s3 p.p2{
    left: 564px;
    top: 266px;
    text-align: left;
}
.about .s3 p.p3{
    left: 180px;
    top: 358px;
}
.about .s3 p.p4{
    left: 564px;
    top: 447px;
    text-align: left;
}
.pro-center  .s3>p{
    text-align: center;
    font-size: 18px;
    padding-bottom: 27px;
    padding-top: 20px;
}
.about .s5 a{
    display: inline-block;
    padding: 55px 55px 55px 135px;
}
.about .s5 a.call1{
    background: url("http://web-img.qmimg.com/qianmicom/u/cms/qmwww2/201706/13100409uhpr.png") 49px center #fafafa no-repeat;
    float: left;
}
.about .s5 a.call2{
    background: url("http://web-img.qmimg.com/qianmicom/u/cms/qmwww2/201706/131006020rih.png") 49px center #fafafa no-repeat;
}
.about .s5 a p{
    text-align: left;
    font-size: 14px;
    line-height: 34px;
    color: #343434;
}
.about .s5 a p.call-top{
    font-size: 20px;
    line-height: 36px;
}
/*äº§å“ä¸­å¿ƒæ ·å¼*/
.pro-center .wrap-content h1{
    font-size: 40px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 56px;
}
.pro-center .wrap-content p{
    color:#fff;
    font-size: 18px;
    line-height: 28px;
}
.pro-center .wrap-content p.spe{
    margin-top: 23px;
}
.pro-center .btn-banner{
    /*margin-top: 40px;*/
}
.pro-center h3{
    font-weight: 400;
    font-size: 30px;
    padding-top: 27px;
    line-height: 160px;
    text-align: center;
}
.pro-center h2{
    font-weight: 400;
    text-align: center;
}
.pro-center h4{
    color: #343434;
    text-align: center;
}
.pro-center p{
    /*color: #343434;*/
    /*font-size: 14px;*/
    /*line-height: 24px;*/
}
/*äº§å“ä¸­å¿ƒbanner*/
.banner-box {
    position: relative;
}
.b2c .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/e19387dc92dc4ee8828fba6558bcdbbd.png");
}
.mdlsNew .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://m.wanmi.com/attachment/20200929/70f8d2cfe916462ca763bc96280f796e.png");
    background-position: 430px 100%;
}
.contactOnlineNew .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/4c3d1bf16a71459bb16111d058093230.png");
}
.kjdsNew .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/6c2fcae0feaf4cc98285f1e4d3bf57eb.png");
}
.smallProgramNew .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/0bf3b4cf9e224329b41c3ee0f931e6cb.png");
}
.microServiceNew .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/ded6449223e249008c1e292bba66ac63.png");
}
.solution .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20210128/83842ae5da514f889713eb3114d83f99.png");
}
.zhibo .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/9b11952a5c0845908bf3472028cde9a9.png");
}
.jiajuNew .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/a58e6d97e10c48cca5cfc5535ef3c5e7.png");
}
.shengxianNew .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/c1b9c76942694dc2bb63d84a83b8caef.png");
}
.health .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/47fa735d18fe46df9da53c2a55ca6de0.png");
}
.inPurchasingNew .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/a52fe75140a8489e901e7462281bcd89.png");
}
.pointStoreNew .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/81891eb2f5be4f49b27c659991432f9e.png");
}
.API .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/77538b7d31854cfbaae11724ea663965.png");
}
.customServiceNew .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/4d2be63cd65d43d7918775f06d57d63a.png");
}
.AppNew .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/2dfbbd1c8cda4a07811c90efa09a0cf7.png");
}
.businessLandNew .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/efa4724b5f9e49879ac5a3a852863267.png");
}
.kuaixiaopinNew .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/e2a17f6528314ecfa2fe76a497b6cd3b.png");
}
.o2o .banner-box{
    height: 500px;
    background: url("http://web-img.qmimg.com/qianmicom/u/cms/qmwww2/201706/131544372hx7.jpg") center no-repeat;
}
.b2b .banner-box{
    height: 500px;
    background: url("http://web-img.qmimg.com/qianmicom/u/cms/qmwww2/201706/13154312ldwr.jpg") center no-repeat;
}
.s2b2c .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/0864124f56ab4e68a03d8e2e6c39cfc3.png");
}
.saasNew .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/8fb4e750481f4022aba952b6e2aaa3a5.png");
}
.live-supply-chain .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20201109/bd3b86273c204e7db83c6aa89c6164d7.png");
}
.b2b2cNew .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/b6ea8afa5071494ab6bd8ba77246b039.png");
}
.sjds .banner-box{
    height: 500px;
    background: url("http://www.wanmi.com/attachment/20190315/4264dc443e644657b4b6b21944dea4b5.png") center no-repeat;
}
.sydc .banner-box{
    height: 500px;
    background: url("http://www.wanmi.com/attachment/20190320/c993bef2b7d04547bbae6aab17096d80.png") center no-repeat;
}
.glassProgram .banner-box{
    height: 500px;
    background: url("http://www.wanmi.com/attachment/20190419/ec2f5801184843eba2c96ffd17f24dc5.png") center no-repeat;
}
.nzsc .banner-box{
    height: 500px;
    background: url("http://web-img.qmimg.com/qianmicom/u/cms/syy/201706/27110804bjcv.png") center no-repeat;
}
.xls .banner-box{
    height: 500px;
    background: url("http://web-img.qmimg.com/qianmicom/u/cms/syy/201708/03163026u5wi.png") center no-repeat;
}
.s2b .banner-box{
    height: 500px;
    background: url("http://web-img.qmimg.com/qianmicom/u/cms/syy/201803/121547316s4e.jpg") center no-repeat;
}
.technology .banner-box{
    height: 500px;
    background: url("http://www.wanmi.com/attachment/20190227/b1f6659981664847bcebf2773ffad969.png") center no-repeat;
}
.kxp .banner-box{
    height: 500px;
    background: url("http://web-img.qmimg.com/qianmicom/u/cms/syy/201708/04104433co2j.png") center no-repeat;
}
.zysc .banner-box{
    height: 500px;
    background: url("http://web-img.qmimg.com/qianmicom/u/cms/syy/201707/17114709uyda.png") center no-repeat;
}
.qyfx .banner-box{
    height: 500px;
    background: url("//web-img.qmimg.com/qianmicom/u/cms/syy/201707/171501103jdp.png") center no-repeat;
}
.pos .banner-box{
    height: 500px;
    background: url("//web-img.qmimg.com/qianmicom/u/cms/syy/201712/0109402490ub.png") center no-repeat;
    background-size: 1920px 500px;
}
.erp .banner-box{
    height: 500px;
    background: url("http://www.wanmi.com/attachment/20180704/4fc7eadfc5eb44b9b370e15823e3181a.png") center no-repeat;
    background-size: 1920px 500px;
}
.crm .banner-box{
    height: 500px;
    background: url("http://www.wanmi.com/attachment/20180704/d080d69d3cf34a41be7494231ce5d64c.png") center no-repeat;
    background-size: 1920px 500px;
}
.app .banner-box{
    height: 500px;
    background: url("//web-img.qmimg.com/qianmicom/u/cms/syy/201707/171719388mky.png") center no-repeat;
}
.qipei .banner-box{
    height: 500px;
    background: url("//web-img.qmimg.com/qianmicom/u/cms/syy/201707/18155246066k.png") center no-repeat;
}
.b2b-new .banner-box{
    height: 500px;
    background: url("//web-img.qmimg.com/qianmicom/u/cms/syy/201710/25145412okql.png") center no-repeat;
}
.shengxian .banner-box{
    height: 500px;
    background: url("//web-img.qmimg.com/qianmicom/u/cms/syy/201708/04142748strj.png") center no-repeat;
}
.partner .banner-box{
    height: 500px;
    background: url("http://www.wanmi.com/attachment/20180704/2a6a718ab6f443fd968bb26ec5c15b4b.png") center no-repeat;
}
.weixin .banner-box{
    height: 500px;
    background: url("//web-img.qmimg.com/qianmicom/u/cms/syy/201707/26171847dhsu.png") center no-repeat;
}
.tgdr .banner-box{
    height: 500px;
    background: url("//web-img.qmimg.com/qianmicom/u/cms/syy/201712/01094517h80n.png") center no-repeat;
}
.yxzx .banner-box{
    height: 500px;
    background: url("//web-img.qmimg.com/qianmicom/u/cms/syy/201712/010946085cu5.png") center no-repeat;
}
.kjds .banner-box{
    height: 500px;
    background: url("//web-img.qmimg.com/qianmicom/u/cms/syy/201711/20161341gn5o.png") center no-repeat;
}
.jiaju .banner-box{
    height: 500px;
    background: url("http://web-img.qmimg.com/qianmicom/u/cms/syy/201709/051029307970.png") center no-repeat;
}
.xcx .banner-box{
    height: 500px;
    background: url("http://www.wanmi.com/attachment/20190318/6a19a32363054552989e1c096a321340.png") center no-repeat;
}
.jdsm .banner-box{
    height: 500px;
    background: url("http://www.wanmi.com/attachment/20190321/0ba65f0c68c044ca8fba9e28417bdf34.png") center no-repeat;
}
.mro .banner-box{
    height: 500px;
    background: url("http://www.wanmi.com/attachment/20190418/274ec1e5334640d5a4da1d681725a2ad.png") center no-repeat;
}
.sqtg .banner-box{
    height: 500px;
    background: url("http://www.wanmi.com/attachment/20190319/7d6f9270f8094503bfe3142809d56154.png") center no-repeat;
}
.dzfw .banner-box{
    height: 500px;
    background: url("http://www.wanmi.com/attachment/20190319/c68e7b6e3fa24d8ca09eb0b6ccfb0967.png") center no-repeat;
}
.jzyx .banner-box{
    height:500px;
    background: url("http://www.wanmi.com/attachment/20190402/5ae0cf08008042c583f9c1750bfd914c.png") center no-repeat;
}
.syzn .banner-box{
    height:500px;
    background: url("http://www.wanmi.com/attachment/20190403/bb0e058918d54ed3ad09b20678ed8722.png") center no-repeat;
}
.dsf .banner-box{
    height: 500px;
    background: url("http://www.wanmi.com/attachment/20190319/f30286e941a748668cad4636f1320202.png") center no-repeat;
}
.gsry .banner-box{
    height: 500px;
    background: url("http://www.wanmi.com/attachment/20190520/4fab430ecb694c48bd907d1eb24186f4.png") center no-repeat;
}

/*.b2c .banner-box .wrap-content,.b2b .banner-box .wrap-content,.b2b2c .banner-box .wrap-content,.zysc .banner-box .wrap-content{*/
/*	position: absolute;*/
/*	left: 120px;*/
/*	top: 150px;*/
/*}*/
.sjds .banner-box .wrap-content{
    position: absolute;
    left: 560px;
    top: 95px;
}
.sydc .banner-box .wrap-content{
    position: absolute;
    left: 560px;
    top: 95px;
}
.glassProgram .banner-box .wrap-content{
    position: absolute;
    left: 560px;
    top: 95px;
}
.dzfw .banner-box .wrap-content{
    position: absolute;
    left: 78px;
    top: 127px;
}
.jzyx .banner-box .wrap-content{
    position: absolute;
    left: 78px;
    top: 127px;
}
.syzn .banner-box .wrap-content{
    position: absolute;
    left: 78px;
    top: 127px;
}
.dsf .banner-box .wrap-content{
    position: absolute;
    left: 78px;
    top: 127px;
}
.qipei .banner-box .wrap-content,.shengxian .banner-box .wrap-content, .b2b-new .banner-box .wrap-content{
    position: absolute;
    left: 582px;
    top: 95px;
}
.o2o .banner-box .wrap-content,.qyfx .banner-box .wrap-content,.app .banner-box .wrap-content,.weixin .banner-box .wrap-content,.pos .banner-box .wrap-content{
    position: absolute;
    left: 78px;
    top: 127px;
}
.nzsc .banner-box .wrap-content,.xls .banner-box .wrap-content,.kxp .banner-box .wrap-content,.jiaju .banner-box .wrap-content,.crm .banner-box .wrap-content{
    position: absolute;
    left: 78px;
    top: 127px;
}
.crm .banner-box .wrap-content{
    position: absolute;
    left: 45px;
    top:280px;
}
.pos .banner-box .wrap-content{
    position: absolute;
    left: 12px;
    top:310px;
}
.erp .banner-box .wrap-content{
    position: absolute;
    left: 50%;
    margin-left: 42px;
    bottom:125px;
}
.erp .banner-box .wrap-content a,.crm .banner-box .wrap-content a,.pos .banner-box .wrap-content a{
    width:120px;
    height:40px;
    line-height: 40px;
    color: #296fde;
    background: #fff;
    border: none;
    display: inline-block;
}
.s2b .banner-box .wrap-content{
    position: absolute;
    left: 50%;
    bottom: 90px;
    margin-left: -78px;
}
.xcx .banner-box .wrap-content{
    position: absolute;
    left: 78px;
    top: 127px;
}
.jdsm .banner-box .wrap-content{
    position: absolute;
    left: 78px;
    top: 127px;
}
.mro .banner-box .wrap-content{
    position: absolute;
    left: 78px;
    top: 127px;
}
.sqtg .banner-box .wrap-content{
    position: absolute;
    left: 78px;
    top: 127px;
}
.technology .banner-box .wrap-content{
    position: absolute;
    left: 50%;
    bottom: 80px;
    margin-left: -78px;
    opacity: 0;
}
.pro-center .s1{
    padding: 0 45px 80px;
}
.pro-center .s1 h4{
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 8px;
}
.pro-center .s2 h4{
    font-size: 16px;
    line-height: 55px;
}
.pro-center .s3 h4{
    font-size: 16px;
    line-height: 62px;
}
.pro-center .s1 p{
    margin-bottom: 38px;
}
.pro-center .s1 ul li{
    width: 270px;
}
.pro-center.o2o .s1 ul li,.pro-center.xls .s1 ul li,.pro-center.zysc .s1 ul li,.pro-center.app .s1 ul li{
    width: 242px;
}
.pro-center.qipei .s1 ul li{
    width: 242px;
}
.pro-center.shengxian .s1 ul li{
    width: 242px;
}
.pro-center .s2 ul li{
    width: 248px;
}
.pro-center .s3 ul li{
    width: 250px;
    margin-bottom: 40px;
}
/*.pro-center img{*/
/*	display: block;*/
/*	*/
/*}*/

/*.b2c .s1 img{*/
/*	width: 200px;*/
/*}*/
.o2o .s1 img,.b2b2c .s1 img{
    width: 202px;
}
.b2b .s1 img{
    width: 278px;
}
/*.b2c .s2 img{*/
/*	width: 224px;*/
/*}*/
.o2o .s2 img{
    width: 203px;
}
.b2b2c .s2 img{
    width: 242px;
}
.pro-center .s3 img{
    width: 125px;
}
.pro-center .s4 i{
    color:#343434;
    line-height: 104px;
    font-size: 20px;
    padding-left: 15px;
}
.pro-center .s4 li{
    background-color: #fff;
}
.pro-center .s4 li a {
    display: block;
    width: 270px;
    height: 325px;
    padding: 10px 10px 25px;
}
.pro-center .s4 li div{
    font-size: 12px;
    line-height: 24px;
    color: #7a7a7a;
}
.pro-center .s4 li div.tit{
    margin-top: 10px;
    line-height: 40px;
    color: #343434;
    text-align: left;
}
.pro-center .s4 li div.tit span{
    font-size: 14px;
    font-weight: 700;
}
.app .s2 .code{
    width:220px;
    height:260px;
    box-shadow: 0px 0px 15px #ddd
}


.pro-center .s1.partner ul li{
    width: 250px;
    height: 340px;
    border: 1px solid #ededed;
    margin-bottom: 30px;
    padding:20px;
}
.pro-center .s2.partner ul li{
    width: 250px;
    height: 340px;
    padding:20px;
    border: 1px solid #ededed;
    background: #fff;
}
.partner ul li p{
    margin: 25px 0;
}
.apply-p>p{
    text-align: center;
    font-size: 20px;
    margin: 100px 0 60px 0;
}
.fw400{font-weight: 400;}
.reg-waper{
    width:400px;
    margin:0 auto;
}
.reg-waper .input-group{
    height:80px;
    width:100%;
}
.reg-waper .input-group .input-control{
    height:38px;
    width:100%;
    border-bottom: 1px solid #f0f0f0;
}
.reg-waper .input-group .input-control span{
    color: #f00;

}
.reg-waper .input-group .focus{
    border-bottom: 2px solid #ff7b1e!important;
}
.reg-waper .input-group .input-control label{
    margin:10px 0 0 5px;
    width:95px;
    color: #343434;
}
.reg-waper .input-group .input-control input{
    border:0;
    outline: 0;
    width:220px;
    height: 26px;
    color:#343434;
}
.btn400{
    line-height: 40px;
    background: #ff7b1e;
    width: 400px;
    text-align: center;
    outline: 0;
    border:0;
    color:#fff;
}
.c-90{
    width: 900px;
    margin: 0 auto;
}
.wx-item{
    width: 900px;
    height:532px;
    border: 1px solid transparent;
    position: relative;
}
.wx-item.wx-itemr{
    padding-right: 750px;
    width: 1200px
}
.wx-item.wx-iteml{
    padding-left: 750px;
    width: 1200px
}
.wx-item ul{
    margin: 80px 0;
}
.wx-item ul .c-title{
    font-size: 18px;
    color: #343434;
    margin: 10px 0
}
.wx-item ul .c-content{
    font-size: 16px;
    color: #343434;
    margin: 10px 0
}
.wx-item ul .h-img{
    font-size: 16px;
    color: #333;
    margin: 10px 0;
}
.wx-item ul .h-img p{
    display: inline-block;
}
.wx-item ul .h-img p span{
    display: inline-block;
    font-size: 54px;
    vertical-align: top;
    margin-right: 5px;
}
.wx-item ul .h-img .l-img{
    position: absolute;
    left: 0;
    top:0
}
.wx-item ul .h-img .r-img{
    position: absolute;
    right: 0;
    top:0
}
.h-img:hover p{
    color: #ea6000;
}
.kxp .core-scene{
    width: 910px;
    margin: 0 auto;
}
.kxp .core-scene li{
    width: 380px;
    height: 325px;
}
.kxp .core-scene li h4{
    font-size: 18px;
    color: #343434;
    text-align: left;
    margin: 20px 0;
}
.kxp .core-scene li p{
    font-size: 14px;
    color: #343434;
    margin: 5px 0;
}
.yxzx h3{
    line-height: 80px;
}
.yxzx .s-title{
    font-size: 16px;
    text-align: center;
}
.yxzx .wx-item{
    height: 380px;
}
.yxzx .wx-item img{
    position: absolute;
    top:40px;
}
.jiaju-tab{
    margin: 0 auto;
    margin-bottom: 30px;
    width: 424px;
}
.jiaju-tab div{
    width: 212px;
    padding:10px 0;
    float: left;
    text-align: center;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}
.jiaju-tab div.active{
    color: #ff9314;
    border-bottom: 2px solid #ff9314;
}
.slide_banner .item .btns a {
    display: inline-block;
    height: 40px;
    width: 160px;
    line-height: 35px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin: 0 10px;
    border-radius: 20px;
}
.pro-center .s1 ul.pos li{
    width: 50%;
    float: left;
    margin: 30px 0;
    height: 165px;
}
ul.pos li img{
    display: inline-block;
    margin-right: 30px;
}
.pro-center ul.pos li p{
    margin-bottom: 0;
}
.pos .pos-item{
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
.pro-center .s1 ul.pos h4{
    text-align: left;
}
.pos .spot{
    margin-right: 10px;
}
.pro-center .s1 ul.pos2{
    padding:0 100px;
}
.pro-center .s1 ul.pos2 li{
    float: left;
    width: 140px;
    height: 160px;
    margin: 29px;
    border: 1px solid #ededed;
}
.pro-center .s1 ul.pos2 li:hover{
    border: 1px solid #ff9314;
    transition: all .3s;
}
.pro-center ul.pos2 li:hover p{
    color:  #ff9314;
    transition: all .3s;
}
ul.pos2 li img{
    margin: 35px auto;
}
ul.pos2 li p{
    text-align: center;
}
.pro-center.kjds .s3 img {
    width: 105px;
}
.pro-center.kjds .s3 ul li {
    width: 192px;
    margin-bottom: 40px;
}
.mb02.kjds>li {
    margin: 0 20px;
}
.wx-item .l-img {
    position: absolute;
    left: 0;
    top: 0;
}
.wx-item .r-img {
    position: absolute;
    right: 0;
    top: 0;
}
.pro-center .kjds-btn{
    position: absolute;
    top:320px;
    left: 96px;
}
.pro-center .kjds-btn .btn-banner{
    color: #7bfffa;
    border: 1px solid #7bfffa;
    width: 120px;
    height: 40px;
    line-height: 40px
}
.s2b.pro-center .s1 p {
    font-size: 12px;
    margin-bottom:0;
    background: #fff;
    height: 53px;
    padding: 0 10px;
}
.s2b.pro-center .s1 h4 {
    margin-bottom: 0;
    background: #fff;
    text-align: left;
    padding: 2px 10px;
    font-size: 16px;
}
.s2b.pro-center .s3 h4{
    color: #fff;
}
.technology.pro-center .s3.s3_t ul li{
    padding: 0 40px;
}
.technology.pro-center .s3.s3_new h4{
    color: #fff;
}
.technology.pro-center .s3.s3_new p{
    color: #fff;
    padding: 0 22px;
}
.technology.pro-center .s3.s3_new ul li{
    margin-right: 40px;
    margin-left: 40px;
    margin-bottom: 50px;
}
.pro-center.technology .s2 ul li,.pro-center.index .s6 ul li {
    width: 329px;
    margin-bottom: 20px;
    margin-right: 15px;
}
.pro-center .s1 ul.col8 li{
    width: 11%;
}
.pro-center .s1 ul.col8 li img{
    width: 80px;
    height: 80px;
}
.pro-center .s1 ul.col8 li h4{
    background: none;
    text-align: center;
    padding: 5px 0px;
    font-size: 14px;
    line-height: normal;
    margin-top: 20px;
}
.pro-center.index .ind1{
    text-align: center;
}
.pro-center.index .ind1 li{
    display: inline-block;
    width: 370px;
    height: 450px;
    border: 1px solid #ededed;
    vertical-align: middle;
    margin: 0 50px;
    padding: 10px;
}
.pro-center.index .ind1 li img{
    width: 100%;
}
.pro-center.index .ind1 li h2{
    font-size: 20px;
}
.pro-center.index .ind1 li p{
    font-size: 14px;
    padding: 0 20px;
}
.pro-center.index .ind1 li a.ind1-btn{
    display: block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #4ab1ff;
    color: #4ab1ff;
    margin: 30px auto;
}
.pro-center.index .s1 ul.col8 li {
    width: 145px;
}
.index.pro-center .s2 h4 {
    color: #fff;
}
.index.pro-center .s2 p {
    color: #fff;
}
.index.pro-center .s2 ul li{
    width: 180px;
    margin: 0 30px;
}
.index.pro-center h3 {
    padding-top: 15px;
}
.index-btn{
    display: block;
    margin: 20px auto;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #01a1ec;
    border: 1px solid #01a1ec;
}
.index.pro-center .s3 .com-logo{
    width: 1120px;
}
.pro-center.index .s1 ul.col8 li:hover h4{
    color: #01a1ec;
    transition: all .3s;
}

.floor-title{
    padding: 0!important;
    line-height: 1!important;
    color: #343434!important;
}
.floor-half-title{
    line-height: 1!important;
}
.item-list{
    padding: 0 131px
}
.item-box{
    float: left;
    width: 435px;
    height: 139px;
    padding: 30px 24px 30px 30px;
    margin-right: 67px;
    margin-bottom: 40px;
    border: 1px solid #f0f0f0
}
.item-box:nth-child(2n){
    margin-right: 0;
}
.item-box .item-box-img{
    float: left;
    width: 60px;
    height: 60px;
}
.item-box .item-box-desc{
    margin-left: 74px;
}
.item-box .item-box-desc h4{
    text-align: left;
    margin-bottom: 8px;
}


.microService .banner-box {
    height: 500px;
    background: url("http://www.wanmi.com/attachment/20190321/585d8fb8783545518961b0593c6d2740.png") center no-repeat;
}
.microService .banner-box .wrap-content{
    position: absolute;
    left: 630px;
    top: 95px;
}
.pro-center.microService h3 {line-height: 90px;padding-top: 40px;}
.pro-center.microService .s3 ul li { width: 320px; margin: 0 110px 60px 0;}
.pro-center.microService .s3 ul li:nth-child(3n) {margin-right: 0;}
.pro-center.microService .s3 h4 {line-height: 1;margin: 15px 0;}
.pro-center.microService .flex1>li p {height: 72px;text-align: center;}
.microService .tcenter {color: #343434;}
.microService .btn-orange{
    display: block;
    width: 180px;
    line-height: 50px;
    margin-top: 70px;
    font-size: 16px;
    text-align: center;
    background-color: #ff9314;
    color: #fff;
}
.microService .btn-orange:hover {background-color: #ff7800;}


@media screen and (min-width: 980px) and (max-width: 1279px){
    body{width:100%;min-width:980px}
    /*.c{width:980px;margin:0 auto;}*/
    .banner-wrap{
        width: 980px;
    }
    .flex1 > li{
        margin: 0;
    }
    .mb01 > li{
        margin: 0 15px;
    }
    .mb02 > li{
        margin: 0 30px;
    }
    .mb03 > li{
        margin: 0 35px;
    }
    .mb04 > li{
        width: 240px;
    }
    .mb05 > li{
        margin: 0 115px;
    }
    .pro-center .s1 UL LI{
        width: 246px;
    }
    .pro-center .s2 UL LI{
        width: 240px;
    }
    .pro-center .s3 UL LI{
        width:235px;
    }
    .pro-center .s3 UL LI p{
        padding: 0 5px;
    }
    .pro-center .s4 LI A{
        width:246px;
    }
    .mb04 > li a img{
        width:220px;
        height: auto;
    }
    .o2o.pro-center .s1 UL LI,.xls.pro-center .s1 UL LI,.pro-center.zysc .s1 ul li,.app.pro-center .s1 UL LI,.qyfx.pro-center .s1 UL LI{
        width: 210px;
        margin: 0 3px;
    }
    .qipei.pro-center .s1 UL LI,.shengxian.pro-center .s1 UL LI,.pos.pro-center .s1 UL LI,.erp.pro-center .s1 UL LI,.crm.pro-center .s1 UL LI{
        width: 210px;
        margin: 0 3px;
    }
    .wx-item.wx-itemr{
        padding-right: 700px;
        width: 968px
    }
    .wx-item.wx-iteml{
        padding-left: 700px;
        width: 968px
    }
    .pro-center .s1 ul.pos li{
        width: 50%;
        float: left;
        margin: 0;
    }
    .pro-center .s1 ul.pos2 li{
        float: left;
        width: 140px;
        height: 160px;
        margin: 8px;
        border: 1px solid #ededed;
    }
    .erp .banner-box {
        background-size: 1660px 500px;
    }
    .pos .banner-box {
        background-size: 1625px 500px;
    }
    .crm .banner-box {
        background-size: 1660px 500px;
    }
    .crm .banner-box .wrap-content {
        left: 0;
    }
    .pos .banner-box .wrap-content {
        left: 0;
    }
    .pro-center.kjds .s3 UL LI{
        width: 192px;
    }
    .mb02.kjds > li {
        margin: 0 0;
    }
    .pro-center .kjds-btn{
        left: 0;
    }
    .pro-center.index .s2 UL LI{
        width: 180px;
        margin: 0 5px;
    }
    .index.pro-center .s3 .com-logo{
        width: 980px;
    }
    .item-list{
        padding: 0 21px
    }
    .pro-center.microService .s3 ul li {margin: 0 5px 60px 0;}
}




/*æ–°è½åœ°é¡µ*/
/*ç¬¬ä¸€å±‚*/
.first-advert{
    background: -ms-linear-gradient(to right, #00dff3 , #005fc1);
    background: linear-gradient(to right, #00dff3 , #005fc1);
    min-width:980px;
}
.first-advert .left-words{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
.first-advert .left-words .up-text{
    font-size: 40px;
    color: #fff;
    margin-bottom: 20px;
    display: block;
}
.first-advert .left-words .center-text{
    font-size: 24px;
    color: #fff;
    margin-bottom: 3px;
    display: block;
}
.first-advert .left-words .down-text{
    font-size: 24px;
    color: #fff;
    margin-bottom: 63px;
    display: block;
}
.first-advert .left-words .current-btn{
    font-size: 20px;
    color: #fff;
    width:160px;
    padding: 12px 0;
    background: #ffa800;
    border-radius: 30px;
    cursor: pointer;
}
.first-advert .right-img{
    width: 32%;
    padding-top: 27%;
    background: url("http://www.wanmi.com/attachment/20181127/a5302927e20b4b57bf1e6ed5110fb077.png") no-repeat;
    background-size: 100% 100%;
    margin-left:100px;
}
@media screen and (max-width:1600px) {
    .first-advert .left-words .up-text{
        font-size: 36px;
        margin-bottom: 15px;
    }
    .first-advert .left-words .center-text{
        font-size: 26px;
        margin-bottom: 3px;
    }
    .first-advert .left-words .down-text{
        font-size: 24px;
        margin-bottom: 48px;
    }
    .first-advert .left-words .current-btn{
        font-size: 18px;
        width: 150px;
        padding: 14px 0;
        background: #ffa800;
        border-radius: 25px;
    }
}
@media screen and (max-width:1440px) {
    .first-advert .left-words .up-text{
        font-size: 30px;
        margin-bottom: 15px;
    }
    .first-advert .left-words .center-text{
        font-size: 22px;
        margin-bottom: 3px;
    }
    .first-advert .left-words .down-text{
        font-size: 20px;
        margin-bottom: 43px;
    }
    .first-advert .left-words .current-btn{
        font-size: 16px;
        width: 141px;
        padding: 12px 0;
        background: #ffa800;
        border-radius: 25px;
    }
}
@media screen and (max-width:1280px) {
    .first-advert .left-words .up-text{
        font-size: 30px;
        margin-bottom: 15px;
    }
    .first-advert .left-words .center-text{
        font-size: 20px;
        margin-bottom: 3px;
    }
    .first-advert .left-words .down-text{
        font-size: 18px;
        margin-bottom: 43px;
    }
    .first-advert .left-words .current-btn{
        font-size: 12px;
        width: 110px;
        padding: 10px 0;
        background: #ffa800;
        border-radius: 20px;
    }
}
/*ç¬¬äºŒå±‚*/
.secound-advert{
    background: #fff;
    min-width:980px;
    -ms-flex-direction: column;
    flex-direction: column;
}
.secound-advert .title{
    font-size: 28px;
    color: #000;
    margin-bottom: 1%;
    display: block;
}
.secound-advert .text{
    font-size: 16px;
    color: #666;
    display: block;
    width: 30%;
}
.secound-advert .model-plan{
    overflow:hidden;
    margin-top: 2%;
    width:46.5%;
    margin-bottom: 1.2%;
}
.secound-advert .model-plan li{
    overflow:hidden;
    margin-bottom: 2.5%;
}
.secound-advert .model-plan li .model-div{
    float:left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width:25%;
}
.secound-advert .model-plan li .model-div:nth-child(4n){
    margin-right: 0px !important;
}
.secound-advert .model-plan li .model-div .up-img{
    float:left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
}
.secound-advert .model-plan li .model-div .up-img img{
    width:100%;
    height:100%
}
.secound-advert .model-plan li .model-div .model-title{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 8px;
    display: block;
}
.secound-advert .model-plan li .model-div .model-words{
    font-size: 14px;
    color: #666;
    display: block;
    padding: 0px 10%;
}
@media screen and (max-width:1600px) {
    .secound-advert .title{
        font-size: 26px;
        color: #000;
        margin-bottom: 1%;
        display: block;
    }
    .secound-advert .text{
        font-size: 14px;
        color: #666;
        display: block;
    }
    .secound-advert .model-plan li .model-div .model-title{
        font-size: 14px;
        color: #333;
        font-weight: bold;
        margin-bottom: 8px;
    }
    .secound-advert .model-plan li .model-div .model-words{
        font-size: 12px;
        color: #666;
        padding: 0px 10%;
    }
}
@media screen and (max-width:1440px) {
    .secound-advert .title{
        font-size: 24px;
        color: #000;
        margin-bottom: 1%;
        display: block;
    }
    .secound-advert .text{
        font-size: 14px;
        color: #666;
        display: block;
    }
    .secound-advert .model-plan li .model-div .model-title{
        font-size: 13px;
        color: #333;
        font-weight: bold;
        margin-bottom: 8px;
    }
    .secound-advert .model-plan li .model-div .model-words{
        font-size: 12px;
        color: #666;
        padding: 0px 10%;
    }
}
@media screen and (max-width:1280px) {
    .secound-advert .title{
        font-size: 20px;
        color: #000;
        margin-bottom: 1%;
        display: block;
    }
    .secound-advert .text{
        font-size: 12px;
        color: #666;
        display: block;
    }
    .secound-advert .model-plan li .model-div .model-title{
        font-size: 12px;
        color: #333;
        font-weight: bold;
        margin-bottom: 8px;
    }
    .secound-advert .model-plan li .model-div .model-words{
        font-size: 12px;
        color: #666;
        padding: 0px 10%;
    }
}
@media screen and (max-height:729px){
    .secound-advert .title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .secound-advert .model-plan li {
        margin-top: 0px;
        margin-bottom: 0;
    }
    .secound-advert .model-plan {
        margin-top: 0%;
        width: 60%;
    }
}
/*ç¬¬ä¸‰å±‚*/
.third-advert{
    background: #def0ff;
    min-width:980px;
    -ms-flex-direction: column;
    flex-direction: column;
}
.third-advert .title{
    font-size: 28px;
    color: #000;
    margin-bottom: 1%;
    display: block;
}
.third-advert .text{
    font-size: 16px;
    color: #666;
    margin-bottom: 6%;
    display: block;
    width: 35%;
}
.third-advert .phone-div{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 62.5%;
    position: relative;
}
.third-advert .phone-div .phone1{
    /* padding-bottom: 43%; */
    background: url("http://www.wanmi.com/attachment/20181128/2b44eaa32d1048b7bdadbe76513e63d8.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.third-advert .phone-div .phone2{
    /* padding-bottom: 43%; */
    background: url("http://www.wanmi.com/attachment/20181128/960c52a8721e45e286f4da45dc73a900.png") no-repeat;
    background-size: 100% 100%;
    margin:0 3%;
    position: relative;
}
.third-advert .phone-div .phone3{
    float:left;
    padding-top: 43%;
    background: url("http://www.wanmi.com/attachment/20181128/0c76c674cf5c4d9284086b2256d1b569.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
}
/*æ–‡å­—*/
.third-advert .phone-div .words{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
}
.third-advert .phone-div .words .blue-title{
    font-size:18px;
    color:#0ca1ff;
    margin-bottom: 10%;
    display: block;
    visibility: hidden;
}
.third-advert .phone-div .words .gray-text{
    font-size:14px;
    color:#666666;
    text-align: left;
    display: block;
    visibility: hidden;
}
/*çº¿*/
.third-advert .phone-div .line{
    position: absolute;
    display: -ms-flexbox;
    display: flex;
}
.third-advert .phone-div .line .block1{
    background: #0ca1ff;
    visibility: hidden;
    width: calc(15.3vw);
    height: 2px;
    position: absolute;
    right: 5px;
    top: 0;
}
.third-advert .phone-div .line .block4{
    background: #0ca1ff;
    visibility: hidden;
    width: calc(20vw);
    height: 2px;
    /* position: absolute; */
    /* left: 0; */
    /* top: 0; */
}
.third-advert .phone-div .line .block2{
    background: #0ca1ff;
    visibility: hidden;
    width: 2px;
    height: calc(6.2vw);
    position: absolute;
    bottom: 9px;
    right: 4px;
}
.third-advert .phone-div .line .block3{
    background: #0ca1ff;
    visibility: hidden;
    width: 2px;
    height: calc(8.1vw);
    position: absolute;
    left: 4px;
    bottom: 9px;
}
.third-advert .phone-div .line .block5{
    background: #0ca1ff;
    margin-top: 3%;
    visibility: hidden;
    width: calc(2.55vw);
    height: 2px;
}
.third-advert .phone-div .line .row-line{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;

}
.third-advert .phone-div .line .row1,.third-advert .phone-div .line .row2{
    border-radius:100%;
    background: #0ca1ff;
    visibility: hidden;
}
@media screen and (max-width:1600px) {
    .third-advert .title{
        font-size: 26px;
        color: #000;
        margin-bottom: 1%;
        display: block;
    }
    .third-advert .text{
        font-size: 14px;
        color: #666;
        margin-bottom: 6%;
        display: block;
    }
    .third-advert .phone-div .words .blue-title{
        font-size:15px;
        color:#0ca1ff;
        margin-bottom: 10%;
    }
    .third-advert .phone-div .words .gray-text{
        font-size:14px;
        color:#666666;
        text-align: left;
    }
}
@media screen and (max-width:1440px) {
    .third-advert .title{
        font-size: 24px;
        color: #000;
        margin-bottom: 1%;
        display: block;
    }
    .third-advert .text{
        font-size: 14px;
        color: #666;
        margin-bottom: 6%;
        display: block;
    }
    .third-advert .phone-div .words .blue-title{
        font-size:14px;
        color:#0ca1ff;
        margin-bottom: 10%;
    }
    .third-advert .phone-div .words .gray-text{
        font-size:12px;
        color:#666666;
        text-align: left;
    }
}
@media screen and (max-width:1280px) {
    .third-advert .title{
        font-size: 20px;
        color: #000;
        margin-bottom: 1%;
        display: block;
    }
    .third-advert .text{
        font-size: 12px;
        color: #666;
        margin-bottom: 6%;
        display: block;
    }
    .third-advert .phone-div .words .blue-title{
        font-size:12px;
        color:#0ca1ff;
        margin-bottom: 10%;
    }
    .third-advert .phone-div .words .gray-text{
        font-size:12px;
        color:#666666;
        text-align: left;
    }
}
@media screen and (max-height:729px){
    .third-advert .title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .third-advert .text {
        margin-bottom: 6%;
    }
    .third-advert .phone-div .phone1 {
        width: calc(13.2vw) !important;
    }
    .third-advert .phone-div .phone2 {
        width: calc(13.2vw) !important;
    }
    .third-advert .phone-div .phone3 {
        width: calc(13.2vw) !important;
    }
    .third-advert .phone-div .absolute5 {
        top:-42px !important;
    }
}
/*ç¬¬å››å±‚*/
.fourth-advert{
    background: #fff;
    min-width:980px;
    -ms-flex-direction: column;
    flex-direction: column;
}
.fourth-advert .title{
    font-size: 28px;
    color: #000;
    margin-bottom: 1%;
    display: block;
}
.fourth-advert .text{
    font-size: 16px;
    color: #666;
    display: block;
}
.fourth-advert .product-type{
    overflow: hidden;
    width: 46.5%;
    margin-bottom: 1.2%;
}
.fourth-advert .product-type li{
    overflow: hidden;
    padding-top: 9%;
}
.fourth-advert .product-type li .product-div{
    float:left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width:25%;
}
.fourth-advert .product-type li .product-div:nth-child(4n){
    margin-right: 0 !important;
}
.fourth-advert .product-type li .product-div .up-icon{
    width:106px;
    height:106px;
    border-radius: 30px;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20%;
    -ms-box-shadow: 2px 0px 24px 0px rgba(167,167,167,0.3); /* è€çš„ Firefox */
    box-shadow: 2px 0px 24px 0px rgba(167,167,167,0.3);
    cursor: pointer;
}
.fourth-advert .product-type li .product-div .up-icon:hover{
    -ms-box-shadow: 2px 0px 24px 0px rgba(28,178,255,0.3); /* è€çš„ Firefox */
    box-shadow: 2px 0px 24px 0px rgba(28,178,255,0.3);
}
.fourth-advert .product-type li .product-div .up-icon img{
    width:44%;
}
.fourth-advert .product-type li .product-div .center-title{
    font-size: 16px;
    color: #333;
    display: block;
    margin-bottom: 9px;
    font-weight: bold;
}
.fourth-advert .product-type li .product-div .down-text{
    font-size: 14px;
    color: #666;
    display: block;
    padding: 0px 10%;
}
@media screen and (max-width:1600px) {
    .fourth-advert .title{
        font-size: 26px;
        color: #333;
        display: block;
        margin-bottom: 1%;
    }
    .fourth-advert .text{
        font-size: 14px;
        color: #666;
        display: block;
    }
    .fourth-advert .product-type li .product-div .center-title{
        font-size:15px;
        color:#333;
        margin-bottom: 1%;
        font-weight: bold;
    }
    .fourth-advert .product-type li .product-div .down-text{
        font-size:13px;
        color:#666666;
        padding: 0px 10%;
    }
}
@media screen and (max-width:1440px) {
    .fourth-advert .title{
        font-size: 24px;
        color: #333;
        display: block;
        margin-bottom: 1%;
    }
    .fourth-advert .text{
        font-size: 14px;
        color: #666;
        display: block;
    }
    .fourth-advert .product-type li .product-div .center-title{
        font-size:14px;
        color:#333;
        margin-bottom: 1%;
    }
    .fourth-advert .product-type li .product-div .down-text{
        font-size:12px;
        color:#666666;
        padding: 0px 10%;
    }
}
@media screen and (max-width:1280px) {
    .fourth-advert .title{
        font-size: 20px;
        color: #333;
        display: block;
        margin-bottom: 1%;
    }
    .fourth-advert .text{
        font-size: 12px;
        color: #666;
        display: block;
    }
    .fourth-advert .product-type li .product-div .center-title{
        font-size:12px;
        color:#333;
        margin-bottom: 1%;
    }
    .fourth-advert .product-type li .product-div .down-text{
        font-size:12px;
        color:#666666;
        padding: 0px 10%;
    }
}
@media screen and (max-height:729px){
    .fourth-advert .product-type {
        overflow: hidden;
        width: 60%;
    }
    .fourth-advert .title {
        font-size: 20px;
        color: #333;
        margin-bottom: 10px;
    }
    .fourth-advert .product-type li {
        overflow: hidden;
        padding-top: 4%;
    }
}
/*ç¬¬äº”å±‚*/
.fifth-advert{
    background: #def0ff;
    min-width:980px;
    -ms-flex-direction: column;
    flex-direction: column;
}
.fifth-advert .title{
    font-size: 28px;
    color: #000;
    margin-bottom: 1%;
}
.fifth-advert .text{
    font-size: 16px;
    color: #666;
}
.fifth-advert .programme{
    width: 58%;
    overflow: hidden;
    padding-top: 4%;
    margin-bottom: 4.5%;
}
.fifth-advert .programme li{
    overflow: hidden;
}
.fifth-advert .programme .prohramme-li{
    padding-left: 115px;
    margin-bottom: -82px;
}
.fifth-advert .programme li .programme-div{
    width:268px;
    height:290px;
    float: left;
    background: url("http://www.wanmi.com/attachment/20181130/f2fc01836a6c4dc3bc5fb7f6ba4b7a0e.png") no-repeat;
    background-size: 100% 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: -38px;
    cursor: pointer;
}
.fifth-advert .programme li .programme-div:hover{
    background: url("http://www.wanmi.com/attachment/20181130/f01267f027e745c3b428b55d20491a92.png") no-repeat;
    background-size: 100% 100%;
}
.fifth-advert .programme li .programme-div:nth-child(4n){
    margin-right:0 !important;
}
.fifth-advert .programme li .programme-div img{
    width:26%;
}
.fifth-advert .programme li .programme-div .programme-text{
    font-size: 16px;
    color: #666;
    margin-top: 6px;
    font-weight: bold;
    display: block;
}
.fifth-advert .programme li .programme-div .c333{
    color: #333;
}
@media screen and (max-width:1600px) {
    .fifth-advert .title{
        font-size: 26px;
        color: #000;
        margin-bottom: 1%;
    }
    .fifth-advert .text{
        font-size: 14px;
        color: #666;
    }
}
@media screen and (max-width:1440px) {
    .fifth-advert .title{
        font-size: 24px;
        color: #000;
        margin-bottom: 1%;
    }
    .fifth-advert .text{
        font-size: 14px;
        color: #666;
    }
    .fifth-advert .programme li .programme-div .programme-text{
        font-size: 14px;
        color: #666;
        margin-top: 6px;
        font-weight: bold;
    }
}
@media screen and (max-width:1280px) {
    .fifth-advert .title{
        font-size: 20px;
        color: #000;
        margin-bottom: 1%;
    }
    .fifth-advert .text{
        font-size: 12px;
        color: #666;
    }
    .fifth-advert .programme li .programme-div .programme-text{
        font-size: 12px;
        color: #666;
        margin-top: 6px;
        font-weight: bold;
    }
}
@media screen and (max-height:729px){
    .fifth-advert .title {
        font-size: 20px;
        color: #000;
        margin-bottom: 10px;
    }
    .fifth-advert .programme {
        width: 58%;
        overflow: hidden;
        padding-top: 4%;
    }
}
/*ç¬¬å…­å±‚*/
.sixth-advert{
    background: url("http://www.wanmi.com/attachment/20181130/dad2d9771cda4a15bbaf601f70e5b4a4.png") no-repeat;
    background-size:100% 100% ;
    min-width:980px;
    -ms-flex-direction: column;
    flex-direction: column;
}
.sixth-advert .title{
    font-size: 28px;
    color: #fff;
    margin-bottom: 1%;
}
.sixth-advert .text{
    font-size: 16px;
    color: #fff;
}
.sixth-advert .axis{
    width:58%;
    overflow: hidden;
    margin-top: 1%;
    margin-bottom: 1.5%;
}
.sixth-advert .axis .up-li{
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: -0.6%;
    height: calc(16vw);
}
.sixth-advert .axis .up-li .axis-div{
    float: left;
}
.sixth-advert .axis .up-li .axis-div .axis-word{
    display: block;
    font-size: 14px;
    color: #fff;
    margin-bottom: 12px;
    width: calc(6.5vw);
}
.sixth-advert .axis .up-li .axis-div img{
    display: block;
    margin: 0 auto 10px auto;
    width: calc(4.6vw);
    height: calc(4.6vw);
}
.sixth-advert .axis .up-li .axis-div .line1{
    width:1px;
    border-left:1px dashed #fff;
    margin: 0 auto;
    height: calc(5.2vw);
    visibility: hidden;
}
.sixth-advert .axis .up-li .axis-div .line2{
    width:1px;
    border-left:1px dashed #fff;
    margin: 0 auto;
    height: calc(3.55vw);
    visibility: hidden;
}
.sixth-advert .axis .up-li .axis-div .point1{
    background: #fff;
    border-radius: 100%;
    margin: 0 auto;
    width: calc(0.625vw);
    height: calc(0.625vw);
}
.sixth-advert .axis .center-li{
    width:100%;
    background: #fff;
    height: calc(0.1vw);
    visibility: hidden;
}
.sixth-advert .axis .down-li{
    overflow: hidden;
    margin-top: -0.5%;
    height: calc(16vw);
}
.sixth-advert .axis .down-li .axis-div{
    float: left;
}
.sixth-advert .axis .down-li .axis-div:last-child{
    margin-right: 0 !important;
}
.sixth-advert .axis .down-li .axis-div .axis-word{
    display: block;
    font-size: 14px;
    color: #fff;
    margin-top: 12px;
    width: calc(6.25vw);
}
.sixth-advert .axis .down-li .axis-div img{
    display: block;
    margin: 10px auto 0 auto;
    width: calc(4.6vw);
    height: calc(4.6vw);
}
.sixth-advert .axis .down-li .axis-div .line1{
    width:1px;
    border-left:1px dashed #fff;
    margin: 0 auto;
    height: calc(5.2vw);
    visibility: hidden;
}
.sixth-advert .axis .down-li .axis-div .line2{
    width:1px;
    border-left:1px dashed #fff;
    margin: 0 auto;
    height: calc(3.55vw);
    visibility: hidden;
}
.sixth-advert .axis .down-li .axis-div .point2{
    background: #fff;
    border-radius: 100%;
    margin: 0 auto;
    width: calc(0.47vw);
    height: calc(0.47vw);
}
@media screen and (max-width:1600px) {
    .sixth-advert  .title{
        font-size: 26px;
        color: #fff;
        margin-bottom: 1%;
    }
    .sixth-advert  .text{
        font-size: 14px;
        color: #fff;
    }
}
@media screen and (max-width:1440px) {
    .sixth-advert  .title{
        font-size: 24px;
        color: #fff;
        margin-bottom: 1%;
    }
    .sixth-advert  .text{
        font-size: 14px;
        color: #fff;
    }
    .sixth-advert .axis .up-li .axis-div .axis-word{
        display: block;
        font-size: 12px;
        color: #fff;
        margin-bottom: 12px;
    }
    .sixth-advert .axis .down-li .axis-div .axis-word{
        display: block;
        font-size: 12px;
        color: #fff;
        margin-top: 12px;
    }
}
@media screen and (max-width:1280px) {
    .sixth-advert .title{
        font-size: 20px;
        color: #fff;
        margin-bottom: 1%;
    }
    .sixth-advert .text{
        font-size: 12px;
        color: #fff;
    }
}
@media screen and (max-height:729px){
    .sixth-advert .title {
        font-size: 20px;
        color: #fff;
        margin-bottom: 10px;
    }
}
/*ç¬¬ä¸ƒå±‚*/
.seventh-advert{
    min-width:980px;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
}
.seventh-advert .title{
    font-size: 28px;
    color: #000;
    margin-bottom: 1%;
}
.seventh-advert .rotat-div{
    overflow: hidden;
    width: 49.4vw;
    position: relative;
}
.seventh-advert .rotat-div .rotat-banner{
    width: 49.4vw;
    overflow: hidden;
    position: relative;
    height: 27.5vw;
}
.seventh-advert .rotat-div .rotat-banner li{
    width: 49.4vw;
    position: absolute;
    transition: all 0.5s ease-out;
}
.seventh-advert .rotat-div .rotat-banner .left1{
    left:-49.4vw;
    visibility: hidden;
}
.seventh-advert .rotat-div .rotat-banner .left2{
    left:0;
}
.seventh-advert .rotat-div .rotat-banner .left3{
    left:49.4vw;
    visibility: hidden;
}
.seventh-advert .rotat-div .rotat-banner li .left-picture{
    width: 24.7vw;
    height: 27.5vw;
    float:left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f7f7f7;
}
.seventh-advert .rotat-div .rotat-banner li .left-picture img{
    width: 20.3vw;
    height: 25.5vw;
    margin-left: 2.2vw;
}
.seventh-advert .rotat-div .rotat-banner li .right-words{
    width: 24.7vw;
    height: 27.5vw;
    float:left;
    background: #def0ff;
    padding-left: 3vw;
    padding-right: 4vw;
    padding-top: 3.1vw;
}
.seventh-advert .rotat-div .rotat-banner li .right-words .words-title{
    display: block;
    font-size: 26px;
    color: #000;
    margin-bottom: 13px;
}
.seventh-advert .rotat-div .rotat-banner li .right-words .words-text{
    display: block;
    font-size: 16px;
    color: #000;
    margin-bottom: 28px;
}
.seventh-advert .rotat-div .rotat-banner li .right-words .words-container{
    display: block;
    font-size: 13px;
    color: #333;
    text-align: left;
    overflow: auto;
    position: relative;
    max-height: 18vw;
}
.words-container::-webkit-scrollbar {
    /*æ»šåŠ¨æ¡æ•´ä½“æ ·å¼*/
    width: 5px; /*é«˜å®½åˆ†åˆ«å¯¹åº”æ¨ªç«–æ»šåŠ¨æ¡çš„å°ºå¯¸*/
    height: 10px;
}
.words-container::-webkit-scrollbar-thumb {
    /*æ»šåŠ¨æ¡é‡Œé¢å°æ–¹å—*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #999;
}
.words-container::-webkit-scrollbar-track {
    /*æ»šåŠ¨æ¡é‡Œé¢è½¨é“*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #ededed;
}
.seventh-advert .rotat-div .rotat-banner li .right-words .words-container p{
    line-height: 22px;
    text-indent: 26px;
    padding-right: 5px;
}
.seventh-advert .rotat-div .left-arrow{
    width: 3.15vw;
    height: 3.15vw;
    background:rgba(000,000,000,0.2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left:0;
    top:50%;
    margin-top: -1.575vw;
    cursor: pointer;
}
.seventh-advert .rotat-div .left-arrow:hover{
    background:rgba(000,000,000,0.5);
}
.seventh-advert .rotat-div .right-arrow{
    width: 3.15vw;
    height: 3.15vw;
    background:rgba(000,000,000,0.2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right:0;
    top:50%;
    margin-top: -1.575vw;
    cursor: pointer;
}
.seventh-advert .rotat-div .right-arrow:hover{
    background:rgba(000,000,000,0.5);
}
.seventh-advert .rotat-div .rotat-banner li .left-arrow img,.seventh-advert .rotat-banner li .right-arrow img{
    width:13px;
    height:24px;
}
.seventh-advert .blue-btn{
    font-size: 20px;
    color: #fff;
    width: 160px;
    padding: 12px 0;
    background: #1e99ff;
    border-radius: 30px;
    cursor: pointer;
    margin-top: 1vw;
}
@media screen and (max-width:1600px) {
    .seventh-advert .title{
        font-size: 26px;
        color: #000;
        margin-bottom: 1%;
    }
}
@media screen and (max-width:1440px) {
    .seventh-advert .title{
        font-size: 24px;
        color: #000;
        margin-bottom: 1%;
    }
    .seventh-advert .blue-btn{
        font-size: 16px;
        color: #fff;
        width: 141px;
        padding: 12px 0;
        background: #1e99ff;
        border-radius: 25px;
        margin-top: 2%;
    }
    .seventh-advert .rotat-div .rotat-banner li .right-words .words-title{
        display: block;
        font-size: 20px;
        color: #000;
        margin-bottom: 8px;
    }
    .seventh-advert .rotat-div .rotat-banner li .right-words .words-text{
        display: block;
        font-size: 14px;
        color: #000;
        margin-bottom: 10px;
    }
    .seventh-advert .rotat-div .rotat-banner li .right-words .words-container{
        display: block;
        font-size: 12px;
        color: #333;
        text-align: left;
        overflow: auto;
    }
}
@media screen and (max-width:1280px) {
    .seventh-advert .title{
        font-size: 20px;
        color: #000;
        margin-bottom: 1%;
    }
    .seventh-advert .blue-btn{
        font-size: 12px;
        color: #fff;
        width: 110px;
        padding: 10px 0;
        background: #1e99ff;
        border-radius: 20px;
        margin-top: 2%;
    }
    .seventh-advert .rotat-div .rotat-banner li .right-words .words-title{
        display: block;
        font-size: 18px;
        color: #000;
        margin-bottom: 6px;
    }
    .seventh-advert .rotat-div .rotat-banner li .right-words .words-text{
        display: block;
        font-size: 12px;
        color: #000;
        margin-bottom: 6px;
    }
    .seventh-advert .rotat-div .rotat-banner li .right-words .words-container{
        display: block;
        font-size: 12px;
        color: #333;
        text-align: left;
        overflow: auto;
    }
}
@media screen and (max-height:729px){
    .seventh-advert .title {
        font-size: 20px;
        color: #000;
        margin-bottom: 10px;
    }
    .seventh-advert .blue-btn {
        font-size: 14px;
        color: #fff;
        width: 110px;
        padding: 6px 0;
        background: #1e99ff;
        border-radius: 25px;
        margin-top: 1%;
        margin-bottom: 3%;
    }
}
/*css3*/
@-webkit-keyframes currentH1 {
    0% {
        height: 0;
    }

    100% {
        height: calc(6.2vw);
    }
}

@keyframes currentH1{
    0% {
        height: 0;
    }

    100% {
        height: calc(6.2vw);
    }
}
@-webkit-keyframes currentH2 {
    0% {
        height: 0;
    }

    100% {
        height: calc(8.1vw);
    }
}

@keyframes currentH2{
    0% {
        height: 0;
    }

    100% {
        height: calc(8.1vw);
    }
}
@-webkit-keyframes currentW1 {
    0% {
        width: 0;
    }

    100% {
        width: calc(15.3vw);
    }
}

@keyframes currentW1{
    0% {
        width: 0;
    }

    100% {
        width: calc(15.3vw);
    }
}
@-webkit-keyframes currentW2 {
    0% {
        width: 0;
    }

    100% {
        width: calc(20vw);
    }
}

@keyframes currentW2{
    0% {
        width: 0;
    }

    100% {
        width: calc(20vw);
    }
}
@-webkit-keyframes currentW3 {
    0% {
        width: 0;
    }

    100% {
        width: calc(2.55vw);
    }
}

@keyframes currentW3{
    0% {
        width: 0;
    }

    100% {
        width: calc(2.55vw);
    }
}
.zoomIn1 {
    visibility: visible !important;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.zoom-ani1{
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}
.zoom-ani2{
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}

.bounceInUp1 {
    visibility: visible !important;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -webkit-animation-name: currentH1;
    animation-name: currentH1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.bounceUp-ani1{
    visibility: visible !important;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -webkit-animation-name: currentH2;
    animation-name: currentH2;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.bounceInLeft1 {
    visibility: visible !important;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -webkit-animation-name: currentW1;
    animation-name: currentW1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.bounceInRight1 {
    visibility: visible !important;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -webkit-animation-name: currentW2;
    animation-name: currentW2;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.bounce-ani1{
    visibility: visible !important;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -webkit-animation-name: currentW3;
    animation-name: currentW3;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fadeIn1 {
    visibility: visible !important;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.fade-ani1{
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
}
.fade-ani2{
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
}
@-webkit-keyframes dynamic {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes dynamic {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.dynamic {
    visibility: visible !important;
    animation-duration: 3.3s;
    -webkit-animation-duration: 3.3s;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-name: dynamic;
    animation-name: dynamic;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes dynamicH1 {
    0% {
        height: 0;
    }

    100% {
        height: calc(5.2vw);
    }
}

@keyframes dynamicH1 {
    0% {
        height: 0;
    }

    100% {
        height: calc(5.2vw);
    }
}
.cut-height1{
    visibility: visible !important;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    -webkit-animation-name: dynamicH1;
    animation-name: dynamicH1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.cut-height2{
    visibility: visible !important;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s;
    -webkit-animation-name: dynamicH1;
    animation-name: dynamicH1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.cut-height5{
    visibility: visible !important;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -webkit-animation-name: dynamicH1;
    animation-name: dynamicH1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.cut-height6{
    visibility: visible !important;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-delay: 2.3s;
    -webkit-animation-delay: 2.3s;
    -webkit-animation-name: dynamicH1;
    animation-name: dynamicH1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.cut-height9{
    visibility: visible !important;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-delay: 3.2s;
    -webkit-animation-delay: 3.2s;
    -webkit-animation-name: dynamicH1;
    animation-name: dynamicH1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes dynamicH2 {
    0% {
        height: 0;
    }

    100% {
        height: calc(3.55vw);
    }
}

@keyframes dynamicH2 {
    0% {
        height: 0;
    }

    100% {
        height: calc(3.55vw);
    }
}
.cut-height3{
    visibility: visible !important;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s;
    -webkit-animation-name: dynamicH2;
    animation-name: dynamicH2;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.cut-height4{
    visibility: visible !important;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-delay: 1.7s;
    -webkit-animation-delay: 1.7s;
    -webkit-animation-name: dynamicH2;
    animation-name: dynamicH2;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.cut-height7{
    visibility: visible !important;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-delay: 2.6s;
    -webkit-animation-delay: 2.6s;
    -webkit-animation-name: dynamicH2;
    animation-name: dynamicH2;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.cut-height8{
    visibility: visible !important;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-delay: 2.9s;
    -webkit-animation-delay: 2.9s;
    -webkit-animation-name: dynamicH2;
    animation-name: dynamicH2;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/*ç¤¾äº¤ç”µå•†*/
.sjds .first-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding:100px 0 50px 0;
}
.sjds .secound-floor{
    width:100%;
    overflow:hidden;
    background: #fafafa;
    padding:100px 0 60px 0;
}
.sjds .third-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding:100px 0;
}
.sjds .fourth-floor{
    width:100%;
    overflow:hidden;
    background: #fafafa;
    padding:100px 0 60px 0;
}
.sjds .fifth-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding:100px 0;
}
.sjds .sixth-floor{
    width:100%;
    overflow:hidden;
    background: #fafafa;
    padding:100px 0 60px 0;
}
.sjds .first-floor .flist-title,.sjds .secound-floor .flist-title,.sjds .third-floor .flist-title,.sjds .fourth-floor .flist-title,.sjds .fifth-floor .flist-title,.sjds .sixth-floor .flist-title{
    font-size:30px ;
    color:#343434;
    text-align: center;
    margin-bottom: 40px;
}
.sjds .first-floor .secound-title,.sjds .secound-floor .secound-title,.sjds .third-floor .secound-title,.sjds .fourth-floor .secound-title,.sjds .fifth-floor .secound-title,.sjds .sixth-floor .secound-title{
    font-size:18px ;
    color:#343434;
    text-align: center;
    width:800px;
    margin: 0 auto 40px auto;
}
.sjds .first-floor  .first-img{
    width:1028px;
    height:587px;
    margin: 0 auto;
}
.sjds .secound-floor .first-img{
    width:960px;
    height:436px;
    margin: 0 auto;
}
.sjds .third-floor .first-img{
    width:996px;
    height:623px;
    margin: 0 auto;
}
.sjds .fifth-floor .first-img{
    width:949px;
    height:531px;
    margin: 0 auto;
}
.sjds .fourth-floor .current-ul{
    width:880px;
    overflow: hidden;
    margin:0 auto;
}
.sjds .fourth-floor .current-ul .current-li{
    overflow: hidden;
}
.sjds .fourth-floor .current-ul .current-li .current-div{
    float:left;
}
.sjds .fourth-floor .current-ul .current-li .current-div .img{
    width:125px;
    height:125px;
    display: block;
}
.sjds .fourth-floor .current-ul .current-li .current-div .text1{
    font-size:16px ;
    color:#343434;
    text-align: center;
    margin:20px 0
}
.sjds .fourth-floor .current-ul .current-li .current-div .text2{
    font-size:14px ;
    color:#343434;
    text-align: center;
    width:222px;
}
.sjds .sixth-floor .current-ul{
    width: 1020px;
    overflow: hidden;
    margin: 0 auto;
}
.sjds .sixth-floor .current-ul li{
    float: left;
    padding: 26px 18px 0px;
    background: #fff;
    margin-right: 10px;
    height:294px;
}
.sjds .sixth-floor .current-ul li .img{
    width:95px;
    height:95px;
    display: block;
}
.sjds .sixth-floor .current-ul li .text1{
    font-size:16px ;
    color:#343434;
    text-align: center;
    margin:20px 0
}
.sjds .sixth-floor .current-ul li .text2{
    font-size:14px ;
    color:#343434;
    text-align: center;
    width:210px;
}
.sjds .sixth-floor .current-btn{
    width:180px;
    height:50px;
    background: #FF9314;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin: 89px auto 0;
    display: block;
}
/*微信小程序*/
.xcx .first-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding:100px 0 135px 0;
}
.xcx .secound-floor{
    width:100%;
    overflow:hidden;
    background: #fafafa;
    padding:124px 0 116px 0;
}
.xcx .first-floor .flist-title{
    font-size:30px ;
    color:#343434;
    text-align: center;
    margin-bottom: 40px;
}
.xcx .first-floor .first-ul{
    width: 980px;
    overflow: hidden;
    margin: 0 auto;
}
.xcx .first-floor .first-ul li{
    float:left;
    margin-right: 14%;
}
.xcx .first-floor .first-ul li:last-child{
    margin-right: 0%;
}
.xcx .first-floor .first-ul li img{
    display: block;
    width:142px;
    height:162px;
    margin-bottom: 16px;
}
.xcx .first-floor .first-ul li span{
    font-size: 16px;
    color: #333;
    text-align: center;
    display: block;
}
.xcx .secound-floor .flist-title{
    font-size:30px ;
    color:#343434;
    text-align: center;
    margin-bottom: 54px;
}
.xcx .secound-floor .current-ul{
    width:822px;
    overflow: hidden;
    margin:0 auto;
}
.xcx .secound-floor .current-ul .current-li{
    overflow: hidden;
}
.xcx .secound-floor .current-ul .current-li .current-div{
    float:left;
    background: #fff;
    padding: 25px;
}
.xcx .secound-floor .current-ul .current-li .current-div .img{
    width:96px;
    height:96px;
    display: block;
}
.xcx .secound-floor .current-ul .current-li .current-div .text1{
    font-size:16px ;
    color:#343434;
    text-align: center;
    margin:10px 0 5px;
}
.xcx .secound-floor .current-ul .current-li .current-div .text2{
    font-size:14px ;
    color:#343434;
    text-align: center;
    width:205px;
}
.xcx .secound-floor .current-btn{
    width:180px;
    height:50px;
    background: #FF9314;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin: 77px auto 0;
    display: block;
}
/*社区团购解决方案*/
.sqtg .first-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 100px 0 66px 0;
}
.sqtg .first-floor .title{
    font-size:30px ;
    color:#343434;
    text-align: center;
    margin-bottom: 40px;
}
.sqtg .first-floor .text{
    font-size:18px ;
    color:#343434;
    text-align: center;
    width:1000px;
    margin: 0 auto 60px auto;
}
.sqtg .first-floor  .first-img{
    width:809px;
    height:496px;
    margin: 0 auto;
}
.sqtg .secound-floor{
    width:100%;
    overflow:hidden;
    background: #fafafa;
    padding: 100px 0;
}
.sqtg .secound-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 65px;
}
.sqtg .secound-floor .current-ul{
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
}
.sqtg .secound-floor .current-ul li{
    float: left;
    width:180px;
    margin-right: 90px;
}
.sqtg .secound-floor .current-ul li:last-child{
    margin-right: 0;
}
.sqtg .secound-floor .current-ul li .img{
    width:124px;
    height:94px;
    display: block;
}
.sqtg .secound-floor .current-ul li .text1{
    font-size:16px;
    color:#343434;
    text-align: center;
    margin: 25px 0 8px;
}
.sqtg .secound-floor .current-ul li .text2{
    font-size:14px ;
    color:#343434;
    text-align: center;
}
.sqtg .third-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 112px 0;
}
.sqtg .third-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 54px;
}
.sqtg .third-floor .current-ul{
    width: 880px;
    overflow: hidden;
    margin: 0 auto;
}
.sqtg .third-floor .current-ul li{
    float: left;
    width:160px;
    margin-right: 200px;
}
.sqtg .third-floor .current-ul li:last-child{
    margin-right: 0;
}
.sqtg .third-floor .current-ul li .img{
    width:128px;
    height:128px;
    display: block;
}
.sqtg .third-floor .current-ul li .text1{
    font-size:16px;
    color:#343434;
    text-align: center;
    margin: 4px 0 14px;
}
.sqtg .third-floor .current-ul li .text2{
    font-size:14px ;
    color:#343434;
    text-align: center;
}
.sqtg .fourth-floor{
    width:100%;
    overflow:hidden;
    background: #fafafa;
    padding: 100px 0 90px;
}
.sqtg .fourth-floor .title{
    font-size:30px ;
    color:#343434;
    text-align: center;
    margin-bottom: 40px;
}
.sqtg .fourth-floor .fourth-container{
    width:1000px;
    overflow: hidden;
    margin: 0 auto;
}
.sqtg .fourth-floor .fourth-container .box{
    overflow: hidden;
    margin-bottom: 60px;
}
.sqtg .fourth-floor .fourth-container .box .current-img{
    width:581px;
    height:450px;
    float:left;
}
.sqtg .fourth-floor .fourth-container .box .current-ul{
    float:right;
    margin-top: 107px;
}
.sqtg .fourth-floor .fourth-container .box .current-ul .text{
    font-size:18px;
    color:#333;
    margin-bottom: 43px;
}
.sqtg .fourth-floor .fourth-container .box .current-ul .text1{
    font-size:16px;
    color:#666;
    margin-bottom: 5px;
    list-style: inside;
}
/*定制服务*/
.dzfw .first-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 90px 0 100px 0;
}
.dzfw .first-floor .title{
    font-size:30px ;
    color:#343434;
    text-align: center;
    margin-bottom: 35px;
}
.dzfw .first-floor .text{
    font-size:18px ;
    color:#343434;
    text-align: center;
    margin: 0 auto 75px auto;
}
.dzfw .first-floor .current-ul{
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
}
.dzfw .first-floor .current-ul li{
    float: left;
    width:260px;
    margin-right: 110px;
}
.dzfw .first-floor .current-ul li:last-child{
    margin-right: 0;
}
.dzfw .first-floor .current-ul li .img{
    width:124px;
    height:94px;
    display: block;
}
.dzfw .first-floor .current-ul li .text1{
    font-size:16px;
    color:#343434;
    text-align: center;
    margin: 25px 0 8px;
}
.dzfw .first-floor .current-ul li .text2{
    font-size:14px ;
    color:#343434;
    text-align: center;
}
.dzfw .secound-floor{
    width:100%;
    overflow:hidden;
    background: #fafafa;
    padding:70px 0 100px 0;
}
.dzfw .secound-floor .title{
    font-size:30px ;
    color:#343434;
    text-align: center;
    margin-bottom: 36px;
}
.dzfw .secound-floor .text{
    font-size:18px ;
    color:#343434;
    text-align: center;
    margin: 0 auto 50px auto;
}
.dzfw .secound-floor .first-img{
    width:1000px;
    height:523px;
    margin: 0 auto;
}
.dzfw .third-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 82px 0 120px;
}
.dzfw .third-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 35px;
}
.dzfw .third-floor .text{
    font-size:18px ;
    color:#343434;
    text-align: center;
    margin: 0 auto 55px auto;
}
.dzfw .third-floor .current-ul{
    width: 930px;
    overflow: hidden;
    margin: 0 auto;
}
.dzfw .third-floor .current-ul li{
    float: left;
    width:230px;
    margin-right: 110px;
}
.dzfw .third-floor .current-ul li:last-child{
    margin-right: 0;
}
.dzfw .third-floor .current-ul li .img{
    width:157px;
    height:157px;
    display: block;
}
.dzfw .third-floor .current-ul li .text1{
    font-size:14px;
    color:#343434;
    text-align: center;
    margin-top: 32px;
}
.dzfw .fourth-floor{
    width:100%;
    overflow:hidden;
    background: #fafafa;
    padding: 75px 0 60px;
}
.dzfw .fourth-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 35px;
}
.dzfw .fourth-floor .text{
    font-size:18px ;
    color:#343434;
    text-align: center;
    margin: 0 auto 80px auto;
}
.dzfw .fourth-floor .current-box{
    overflow: hidden;
}
.dzfw .fourth-floor .current-box .content{
    overflow: hidden;
    width:890px;
    margin:0 auto 40px auto;
}
.dzfw .fourth-floor .current-box .content .picture{
    float: left;
    margin-right: 30px;
    width:200px;
    height:230px;
}
.dzfw .fourth-floor .current-box .content .picture:last-child{
    margin-right: 0px;
}
.dzfw .fifth-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 90px 0;
}
.dzfw .fifth-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 5px;
}
.dzfw .fifth-floor .fifth-img{
    width:1072px;
    height:449px;
    margin: 0 auto;
}
.dzfw .fifth-floor .current-btn{
    width:180px;
    height:50px;
    border:1px solid #01A1EC;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #01A1EC;
    margin: 40px auto 0;
    display: block;
}
/*新APP*/
.app .first-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 100px 0 90px;
}
.app .first-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 15px;
}
.app .first-floor .text{
    font-size:18px ;
    color:#343434;
    text-align: center;
    margin: 0 auto 80px auto;
}
.app .first-floor .current-ul{
    width:1000px;
    overflow: hidden;
    margin: 0 auto;
}
.app .first-floor .current-ul li{
    width:190px;
    float:left;
    margin-right: 80px;
}
.app .first-floor .current-ul li:last-child{
    margin-right: 0px;
}
.app .first-floor .current-ul li .picture{
    width:142px;
    height:162px;
    margin:0 auto;
}
.app .first-floor .current-ul li .text1{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin: 10px auto;
}
.app .first-floor .current-ul li .text2{
    font-size: 14px;
    color: #343434;
    text-align: center;
}
.app .secound-floor{
    width:100%;
    overflow:hidden;
    background: #fafafa;
    padding: 80px 0 136px;
}
.app .secound-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 60px;
}
.app .secound-floor .current-ul{
    width:720px;
    overflow: hidden;
    margin: 0 auto;
}
.app .secound-floor .current-ul li{
    width:180px;
    float:left;
    margin-right: 90px;
}
.app .secound-floor .current-ul li:last-child{
    margin-right: 0px;
}
.app .secound-floor .current-ul li .picture{
    width:159px;
    height:159px;
    margin:0 auto;
}
.app .secound-floor .current-ul li .text1{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin: 5px auto 0;
}
.app .third-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 120px 0 90px;
}
.app .third-floor .title{
    font-size:30px ;
    color:#343434;
    text-align: center;
    margin-bottom: 40px;
}
.app .third-floor .third-container{
    width:1000px;
    overflow: hidden;
    margin: 0 auto;
}
.app .third-floor .third-container .box{
    overflow: hidden;
    margin-bottom: 60px;
}
.app .third-floor .third-container .box .current-img{
    width:532px;
    height:520px;
    float:left;
}
.app .third-floor .third-container .box .current-ul{
    float:right;
    margin-top: 107px;
}
.app .third-floor .third-container .box .current-ul .text{
    font-size:18px;
    color:#333;
    margin-bottom: 43px;
}
.app .third-floor .third-container .box .current-ul .text1{
    font-size:16px;
    color:#666;
    margin-bottom: 5px;
    list-style: inside;
}
/*第三方*/
.dsf .first-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 90px 0;
}
.dsf .first-floor .title{
    font-size:30px ;
    color:#343434;
    text-align: center;
    margin-bottom: 25px;
}
.dsf .first-floor .text{
    font-size:18px ;
    color:#343434;
    text-align: center;
    margin-bottom: 75px;
}
.dsf .first-floor .first-img{
    width:730px;
    height:451px;
}
.dsf .secound-floor{
    width:100%;
    overflow:hidden;
    background: #fafafa;
    padding: 85px 0 45px;
}
.dsf .secound-floor .title{
    font-size:30px ;
    color:#343434;
    text-align: center;
    margin-bottom: 40px;
}
.dsf .secound-floor .current-ul{
    width:1010px;
    margin: 0 auto;
    overflow: hidden;
}
.dsf .secound-floor .current-ul li{
    overflow: hidden;
    margin-bottom: 40px;
}
.dsf .secound-floor .current-ul li .box{
    width:200px;
    float: left;
    margin-right: 70px;
}
.dsf .secound-floor .current-ul li .box:last-child{
    margin-right: 0px;
}
.dsf .secound-floor .current-ul li .box .img{
    width:127px;
    height:127px;
    margin:0 auto;
    display: block;
}
.dsf .secound-floor .current-ul li .box .text1{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin: 10px auto 8px;
}
.dsf .secound-floor .current-ul li .box .text2{
    font-size: 14px;
    color: #333;
    text-align: center;
}
.dsf .third-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 90px 0 60px;
}
.dsf .third-floor .title{
    font-size:30px ;
    color:#343434;
    text-align: center;
    margin-bottom: 65px;
}
.dsf .third-floor .first-img{
    width:1011px;
    height:283px;
}
.dsf .third-floor .current-btn{
    width:180px;
    height:50px;
    background: #FF9314;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin: 60px auto 0;
    display: block;
}
/*商业地产*/
.sydc .first-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 100px 0;
}
.sydc .first-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 35px;
}
.sydc .first-floor .text{
    font-size:18px ;
    color:#343434;
    text-align: center;
    margin: 0 auto 75px auto;
}
.sydc .first-floor .current-ul{
    width:1010px;
    overflow: hidden;
    margin: 0 auto;
}
.sydc .first-floor .current-ul li{
    width:200px;
    float:left;
    margin-right: 70px;
}
.sydc .first-floor .current-ul li:last-child{
    margin-right: 0px;
}
.sydc .first-floor .current-ul li .picture{
    width:155px;
    height:155px;
    margin:0 auto;
}
.sydc .first-floor .current-ul li .text1{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin: 16px auto 6px;
}
.sydc .first-floor .current-ul li .text2{
    font-size: 14px;
    color: #343434;
    text-align: center;
}
.sydc .secound-floor{
    width:100%;
    overflow:hidden;
    background: #fafafa;
    padding: 100px 0 145px;
}
.sydc .secound-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 45px;
}
.sydc .secound-floor .text{
    font-size:18px ;
    color:#343434;
    text-align: center;
    margin:0 auto 75px;
    width:980px;
}
.sydc .secound-floor .text span{
    display: block;
}
.sydc .secound-floor .secound-img{
    width:916px;
    height:309px;
    display: block;
    margin:0 auto;
}
.sydc .third-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 100px 0;
}
.sydc .third-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 85px;
}
.sydc .third-floor .current-ul{
    width:1010px;
    overflow: hidden;
    margin: 0 auto;
}
.sydc .third-floor .current-ul li{
    width:230px;
    float:left;
    margin-right: 30px;
}
.sydc .third-floor .current-ul li:last-child{
    margin-right: 0px;
}
.sydc .third-floor .current-ul li .picture{
    width:126px;
    height:126px;
    margin:0 auto;
}
.sydc .third-floor .current-ul li .text1{
    font-size: 16px;
    color: #333;
    text-align: center;
    width:150px;
    margin: 12px auto;
}
.sydc .third-floor .current-ul li .text1 span{
    display: block;
}
.sydc .third-floor .current-ul li .text2{
    font-size: 14px;
    color: #343434;
    text-align: center;
    width:230px;
    margin: 0 auto;
}
.sydc .fourth-floor{
    width:100%;
    overflow:hidden;
    background: #f3f3f3;
    padding: 100px 0 140px;
}
.sydc .fourth-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 74px;
}
.sydc .fourth-floor .current-ul{
    width:836px;
    overflow: hidden;
    margin:0 auto;
}
.sydc .fourth-floor .current-ul .current-li{
    overflow: hidden;
}
.sydc .fourth-floor .current-ul .current-li .current-div{
    float:left;
    background: #fff;
    padding: 25px;
}
.sydc .fourth-floor .current-ul .current-li .current-div .img{
    width:96px;
    height:96px;
    display: block;
    margin-bottom: 32px;
}
.sydc .fourth-floor .current-ul .current-li .current-div .text2{
    font-size:14px ;
    color:#343434;
    text-align: center;
    width:210px;
    margin-bottom:24px;
}
.sydc .fourth-floor .current-ul .current-li .current-div .text2 span{
    display: block;
}
/*新微服务*/
.microService .first-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 90px 0;
}
.microService .first-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 80px;
}
.microService .first-floor .current-ul{
    width:980px;
    margin: 0 auto;
    overflow: hidden;
}
.microService .first-floor .current-ul li{
    overflow: hidden;
    margin-bottom: 140px;
}
.microService .first-floor .current-ul li:last-child{
    margin-bottom: 0;
}
.microService .first-floor .current-ul li .img{
    width:571px;
    height:301px;
    float:left;
}
.microService .first-floor .current-ul li .content{
    float:right;
    margin-top: 80px;
}
.microService .first-floor .current-ul li .content .up-text{
    display: block;
    font-size: 24px;
    color: #343434;
}
.microService .first-floor .current-ul li .content .down-text{
    font-size: 16px;
    color: #666;
}
.microService .first-floor .current-ul li .content .down-text span{
    display: block;
}
.microService .secound-floor{
    width:100%;
    overflow:hidden;
    background: #fafafa;
    padding: 100px 0 145px;
}
.microService .secound-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 65px;
}
.microService .secound-floor .current-ul{
    width: 1020px;
    overflow: hidden;
    margin: 0 auto;
}
.microService .secound-floor .current-ul li{
    float: left;
    padding: 26px 18px 0px;
    background: #fff;
    margin-right: 10px;
    height:294px;
}
.microService .secound-floor .current-ul li .img{
    width:95px;
    height:95px;
    display: block;
}
.microService .secound-floor .current-ul li .text1{
    font-size:16px ;
    color:#333;
    text-align: center;
    margin:20px 0
}
.microService .secound-floor .current-ul li .text2{
    font-size:14px ;
    color:#333;
    text-align: center;
    width:210px;
}
.microService .third-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 120px 0 100px;
}
.microService .third-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 85px;
}
.microService .third-floor .current-ul{
    width: 900px;
    overflow: hidden;
    margin: 0 auto;
}
.microService .third-floor .current-ul li{
    float: left;
    margin-right: 260px;
}
.microService .third-floor .current-ul li:last-child{
    margin-right: 0;
}
.microService .third-floor .current-ul li .img{
    width:124px;
    height:94px;
}
.microService .third-floor .current-ul li .text{
    font-size:16px ;
    color:#333;
    text-align: center;
    display: block;
    margin-top:25px;
}
.microService .third-floor .current-btn{
    width:180px;
    height:50px;
    background: #FF9314;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin: 120px auto 0;
    display: block;
}
/*家电数码*/
.jdsm .first-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 110px 0 100px;
}
.jdsm .first-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 45px;
}
.jdsm .first-floor .text{
    font-size:18px ;
    color:#343434;
    text-align: center;
    margin:0 auto 40px;
    width:980px;
}
.jdsm .first-floor .text span{
    display: block;
}
.jdsm .first-floor .img{
    width:581px;
    height:469px;
    display: block;
    margin:0 auto;
}
.jdsm .secound-floor{
    width:100%;
    overflow:hidden;
    background: #fafafa;
    padding: 90px 0 125px;
}
.jdsm .secound-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 70px;
}
.jdsm .secound-floor .current-ul{
    width:1010px;
    overflow: hidden;
    margin: 0 auto;
}
.jdsm .secound-floor .current-ul li{
    width:200px;
    float:left;
    margin-right: 70px;
}
.jdsm .secound-floor .current-ul li:last-child{
    margin-right: 0px;
}
.jdsm .secound-floor .current-ul li .picture{
    width:143px;
    height:162px;
    margin:0 auto;
}
.jdsm .secound-floor .current-ul li .text1{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin: 16px auto 6px;
}
.jdsm .secound-floor .current-ul li .text2{
    font-size: 14px;
    color: #343434;
    text-align: center;
}
.jdsm .third-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 115px 0 105px;
}
.jdsm .third-floor .title{
    font-size:30px ;
    color:#343434;
    text-align: center;
    margin-bottom: 80px;
}
.jdsm .third-floor .current-ul{
    width:1000px;
    margin: 0 auto;
    overflow: hidden;
}
.jdsm .third-floor .current-ul li{
    overflow: hidden;
    margin-bottom: 40px;
}
.jdsm .third-floor .current-ul li .box{
    float: left;
    margin-right: 150px;
}
.jdsm .third-floor .current-ul li .box:last-child{
    margin-right: 0px;
}
.jdsm .third-floor .current-ul li .box .img{
    width:125px;
    height:125px;
    margin:0 auto;
    display: block;
}
.jdsm .third-floor .current-ul li .box .text1{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin: 16px auto 12px;
}
.jdsm .third-floor .current-ul li .box .text2{
    width:230px;
    font-size: 14px;
    color: #333;
    text-align: center;
}
.jdsm .third-floor .current-btn{
    width:180px;
    height:50px;
    background: #FF9314;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin: 135px auto 0;
    display: block;
}
/*精准营销*/
.jzyx .first-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 90px 0 125px 0;
}
.jzyx .first-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 90px;
}
.jzyx .first-floor .current-ul{
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
}
.jzyx .first-floor .current-ul li{
    float: left;
    width: 200px;
    margin-right: 60px;
}
.jzyx .first-floor .current-ul li:last-child{
    margin-right: 0;
}
.jzyx .first-floor .current-ul li .img{
    width:124px;
    height:94px;
    display: block;
}
.jzyx .first-floor .current-ul li .text1{
    font-size:16px;
    color:#343434;
    text-align: center;
    margin: 25px 0 8px;
}
.jzyx .secound-floor{
    width:100%;
    overflow:hidden;
    background: #fafafa;
    padding: 120px 0 90px;
}
.jzyx .secound-floor .title{
    font-size:30px ;
    color:#343434;
    text-align: center;
    margin-bottom: 40px;
}
.jzyx .secound-floor .cut-text{
    font-size:18px ;
    color:#343434;
    text-align: center;
    margin:0 auto 40px;
}
.jzyx .secound-floor .secound-container{
    width:900px;
    overflow: hidden;
    margin: 0 auto;
}
.jzyx .secound-floor .secound-container .box{
    overflow: hidden;
    margin-bottom: 60px;
}
.jzyx .secound-floor .secound-container .box .current-img{
    width:357px;
    height:283px;
    float:left;
}
.jzyx .secound-floor .secound-container .box .current-ul{
    float:right;
    margin-top: 60px;
}
.jzyx .secound-floor .secound-container .box .current-ul .text{
    font-size:18px;
    color:#333;
    margin-bottom: 43px;
}
.jzyx .secound-floor .secound-container .box .current-ul .text1{
    font-size:16px;
    color:#666;
    margin-bottom: 5px;
    list-style: inside;
}
.jzyx .third-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 90px 0 100px;
}
.jzyx .third-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 120px;
}
.jzyx .third-floor .img{
    width:979px;
    height:497px;
    display: block;
    margin:0 auto;
}
.jzyx .fourth-floor{
    width:100%;
    overflow:hidden;
    background: #fafafa;
    padding: 80px 0 136px;
}
.jzyx .fourth-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 60px;
}
.jzyx .fourth-floor .current-ul{
    width:1020px;
    overflow: hidden;
    margin: 0 auto;
}
.jzyx .fourth-floor .current-ul li{
    width:220px;
    float:left;
    margin-right: 180px;
}
.jzyx .fourth-floor .current-ul li:last-child{
    margin-right: 0px;
}
.jzyx .fourth-floor .current-ul li .picture{
    width:157px;
    height:157px;
    margin:0 auto;
}
.jzyx .fourth-floor .current-ul li .text1{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin: 20px auto 0;
}
.jzyx .fifth-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 115px 0 105px;
}
.jzyx .fifth-floor .title{
    font-size:30px ;
    color:#343434;
    text-align: center;
    margin-bottom: 80px;
}
.jzyx .fifth-floor .current-ul{
    width:1000px;
    margin: 0 auto;
    overflow: hidden;
}
.jzyx .fifth-floor .current-ul li{
    overflow: hidden;
    margin-bottom: 40px;
}
.jzyx .fifth-floor .current-ul li .box{
    float: left;
    margin-right: 150px;
}
.jzyx .fifth-floor .current-ul li .box:last-child{
    margin-right: 0px;
}
.jzyx .fifth-floor .current-ul li .box .img{
    width:157px;
    height:157px;
    margin:0 auto;
    display: block;
}
.jzyx .fifth-floor .current-ul li .box .text1{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin: 16px auto 12px;
}
.jzyx .fifth-floor .current-ul li .box .text2{
    width:230px;
    font-size: 14px;
    color: #333;
    text-align: center;
}
.jzyx .fifth-floor .current-btn{
    width:180px;
    height:50px;
    background: #FF9314;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin: 70px auto 0;
    display: block;
}
/*商业智能*/
.syzn .first-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 90px 0 125px 0;
}
.syzn .first-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 90px;
}
.syzn .first-floor .current-ul{
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
}
.syzn .first-floor .current-ul li{
    float: left;
    width: 200px;
    margin-right: 60px;
}
.syzn .first-floor .current-ul li:last-child{
    margin-right: 0;
}
.syzn .first-floor .current-ul li .img{
    width:124px;
    height:94px;
    display: block;
}
.syzn .first-floor .current-ul li .text1{
    font-size:16px;
    color:#343434;
    text-align: center;
    margin: 25px 0 8px;
}
.syzn .first-floor .current-ul li .text2{
    font-size:14px;
    color:#343434;
    text-align: center;
}
.syzn .secound-floor{
    width:100%;
    overflow:hidden;
    background: #fafafa;
    padding: 90px 0 125px;
}
.syzn .secound-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 70px;
}
.syzn .secound-floor .current-ul{
    width:1010px;
    overflow: hidden;
    margin: 0 auto;
}
.syzn .secound-floor .current-ul li{
    width:200px;
    float:left;
    margin-right: 70px;
}
.syzn .secound-floor .current-ul li:last-child{
    margin-right: 0px;
}
.syzn .secound-floor .current-ul li .picture{
    width:113px;
    height:113px;
    margin:0 auto;
}
.syzn .secound-floor .current-ul li .text1{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin: 16px auto 6px;
}
.syzn .secound-floor .current-ul li .text2{
    font-size: 14px;
    color: #343434;
    text-align: center;
}
.syzn .third-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 90px 0 100px;
}
.syzn .third-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 50px;
}
.syzn .third-floor .img{
    width:1020px;
    height:580px;
    display: block;
    margin:0 auto;
}
.syzn .fourth-floor{
    width:100%;
    overflow:hidden;
    background: #fafafa;
    padding: 120px 0 90px;
}
.syzn .fourth-floor .title{
    font-size:30px ;
    color:#343434;
    text-align: center;
    margin-bottom: 40px;
}
.syzn .fourth-floor .fourth-container{
    width:900px;
    overflow: hidden;
    margin: 0 auto;
}
.syzn .fourth-floor .fourth-container .box{
    overflow: hidden;
    margin-bottom: 60px;
}
.syzn .fourth-floor .fourth-container .box .current-img1{
    width:298px;
    height:252px;
    float:left;
}
.syzn .fourth-floor .fourth-container .box .current-img2{
    width:341px;
    height:282px;
    float:left;
}
.syzn .fourth-floor .fourth-container .box .current-img3{
    width:353px;
    height:272px;
    float:left;
}
.syzn .fourth-floor .fourth-container .box .current-ul{
    float:right;
    margin-top: 60px;
}
.syzn .fourth-floor .fourth-container .box .current-ul .text{
    font-size:18px;
    color:#333;
    margin-bottom: 28px;
}
.syzn .fourth-floor .fourth-container .box .current-ul .text1{
    font-size:16px;
    color:#666;
    margin-bottom: 5px;
}
.syzn .fourth-floor .current-btn{
    width:180px;
    height:50px;
    background: #FF9314;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin: 0px auto;
    display: block;
}
/*mro解决方案*/
.mro .first-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 100px 0;
}
.mro .first-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 35px;
}
.mro .first-floor .text{
    font-size:18px ;
    color:#343434;
    text-align: center;
    margin: 0 auto 75px auto;
}
.mro .first-floor .current-ul{
    width:610px;
    overflow: hidden;
    margin: 0 auto;
}
.mro .first-floor .current-ul li{
    width:210px;
    float:left;
    margin-right: 190px;
}
.mro .first-floor .current-ul li:last-child{
    margin-right: 0px;
}
.mro .first-floor .current-ul li .picture{
    width:142px;
    height:162px;
    margin:0 auto;
}
.mro .first-floor .current-ul li .text1{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin: 16px auto 6px;
}
.mro .first-floor .current-ul li .text2{
    font-size: 14px;
    color: #343434;
    text-align: center;
}
.mro .secound-floor{
    width:100%;
    overflow:hidden;
    background: #fafafa;
    padding: 100px 0 145px;
}
.mro .secound-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 65px;
}
.mro .secound-floor .current-ul{
    width: 1020px;
    overflow: hidden;
    margin: 0 auto;
}
.mro .secound-floor .current-ul li{
    float: left;
    padding: 26px 18px 0px;
    background: #fff;
    margin-right: 10px;
    height:294px;
}
.mro .secound-floor .current-ul li .img{
    width:95px;
    height:95px;
    display: block;
}
.mro .secound-floor .current-ul li .text1{
    font-size:16px ;
    color:#333;
    text-align: center;
    margin:20px 0
}
.mro .secound-floor .current-ul li .text2{
    font-size:14px ;
    color:#333;
    text-align: center;
    width:210px;
}
.mro .third-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 120px 0 100px;
}
.mro .third-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 85px;
}
.mro .third-floor .current-ul{
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
}
.mro .third-floor .current-ul li{
    float: left;
    margin-right: 150px;
}
.mro .third-floor .current-ul li:last-child{
    margin-right: 0;
}
.mro .third-floor .current-ul li .img{
    width:124px;
    height:94px;
}
.mro .third-floor .current-ul li .text{
    font-size:16px ;
    color:#333;
    text-align: center;
    display: block;
    margin-top:25px;
    margin-bottom: 14px;
}
.mro .third-floor .current-ul li .text2{
    font-size:14px ;
    color:#333;
    text-align: center;
    display: block;
    width:220px;
}
/*眼镜行业解决方案*/
.glassProgram .first-floor{
    width:100%;
    overflow:hidden;
    background: #fff;
    padding: 100px 0 90px;
}
.glassProgram .first-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 15px;
}
.glassProgram .first-floor .text{
    font-size:18px ;
    color:#343434;
    text-align: center;
    margin: 0 auto 80px auto;
}
.glassProgram .first-floor .current-ul{
    width:1010px;
    overflow: hidden;
    margin: 0 auto;
}
.glassProgram .first-floor .current-ul li{
    width:200px;
    float:left;
    margin-right: 70px;
}
.glassProgram .first-floor .current-ul li:last-child{
    margin-right: 0px;
}
.glassProgram .first-floor .current-ul li .picture{
    width:95px;
    height:95px;
    margin:0 auto;
}
.glassProgram .first-floor .current-ul li .text2{
    font-size: 14px;
    color: #343434;
    text-align: center;
    margin-top: 18px;
}
.glassProgram .secound-floor{
    width:100%;
    overflow:hidden;
    background: #f3f3f3;
    padding: 80px 0 136px;
}
.glassProgram .secound-floor .title{
    font-size:30px;
    color:#343434;
    text-align: center;
    margin-bottom: 60px;
}
.glassProgram .secound-floor .text{
    font-size:18px ;
    color:#343434;
    text-align: center;
    margin: 0 auto 80px auto;
}
.glassProgram .secound-floor .current-ul{
    width:840px;
    overflow: hidden;
    margin: 0 auto;
}
.glassProgram .secound-floor .current-ul li{
    width:220px;
    float:left;
    margin-right: 90px;
}
.glassProgram .secound-floor .current-ul li:last-child{
    margin-right: 0px;
}
.glassProgram .secound-floor .current-ul li .picture{
    width:125px;
    height:125px;
    margin:0 auto;
}
.glassProgram .secound-floor .current-ul li .text1{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin: 5px auto 15px;
}
.glassProgram .secound-floor .current-ul li .text2{
    font-size: 14px;
    color: #333;
    text-align: center;
}
/*公司荣誉*/
.gsry .gsry-logo{
    margin-top:126px;
}
.gsry .banner-box h1{
    color:#fff;
    font-size: 48px;
    font-weight: normal;
    margin-top: 50px;
}

.gsry .banner-box .banner-wrap{
    text-align: center;
}
.gsry .fourth-floor{
    width:100%;
    overflow:hidden;
    background: #f3f3f3;
    padding: 40px 0 80px;
}
.gsry .fourth-floor .title{
    font-size:30px;
    color:#333;
    text-align: center;
    margin-bottom: 64px;
}
.gsry .fourth-floor .current-ul{
    width:1205px;
    overflow: hidden;
    margin:0 auto;
}
.gsry .fourth-floor .current-ul li{
    width: 365px;
    display: inline-block;
    text-align: center;
    position: relative;
    margin-right: 50px;
    margin-bottom: 55px;
}
.gsry .fourth-floor .current-ul li:nth-child(3n+0){
    margin-right: 0;
}
.gsry .fourth-floor .current-ul li .img1{
    width: 365px;
}

.gsry .fourth-floor .current-ul li span{
    display: block;
    text-align: center;
    margin-top: -40px;
    font-size: 16px;
    color:#333;
}
@media screen and (min-width: 980px) and (max-width: 1279px) {
    .gsry .fourth-floor .current-ul{
        width:calc(100% - 60px);
        overflow: hidden;
        margin:0 auto;
    }
    .gsry .fourth-floor .current-ul li {
        margin-right: 20px;
        width: calc(100%/3 - 24px);
        margin-right: 30px;

    }
    .gsry .fourth-floor .current-ul li .img1{
        width: 100%;
    }

}


.banner-box {
    position: relative;
    width: 100%;
    height: 608px;
    z-index: 2;
    overflow: hidden;
}

.banner-wrap {
    position: fixed;
    width: 100%;
    height:560px;
    z-index: -3;
}

.wrap-content {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.theme-real-yellow {
    background-color: #FE8C00;
}

.theme-yellow {
    background-color: #F06a1d;
}
.theme-green {
    background-color: #00C267;
}
.theme-blue {
    background-color: #0A6AFA;
}
.theme-sky {
    background-color: rgba(28, 127, 247, 1);
}
.theme-red {
    background-color: #F04141;
}
.theme-grey {
    background-color: #474F66;
}
.theme-white {
    background-color: #ffffff;
}
.theme-purple{
    background-color: #7237FA;
}
.banner-button-fontColor-red {
    color:#F04141;
}

.banner-button-fontColor-green {
    color:#00C267;
}

.banner-button-fontColor-blue {
    color:#0A6AFA;
}

.banner-button-fontColor-grey {
    color:#474F66;
}
.banner-button-fontColor-yellow {
    color:#f06a1d;
}
.banner-button-fontColor-purple {
    color:#7237FA;
}

.banner-button-fontColor-red:hover {
    color:#F68D8D;
}

.banner-button-fontColor-green:hover {
    color:#66DAA4;
}

.banner-button-fontColor-blue:hover {
    color:#6CA6FC;
}

.banner-button-fontColor-grey:hover {
    color:#474F66;
}
.banner-button-fontColor-yellow:hover {
    color:#F6A677;
}
.banner-button-fontColor-purple:hover {
    color:#AA87FC;
}


.banner-desc{}
.banner-button{
    background-color: #fff;
    margin-top: 34px;
    border:none;
    width: 120px;
    height: 36px;
}

.banner-button {
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}
.banner-button > a:hover {
    color: #f06a1d;
}

.content-img{
    text-align: center;
}

.changeSwitch{
    width: 352px;
    height: 64px;
    border-radius: 32px;
    margin: 8px auto 36px;
    background: #fff;
    display: flex;
    overflow: hidden;
}
.changeSwitchItem {
    height: 64px;
    width: 176px;
    font-size: 20px;
    text-align: center;
    line-height: 64px;
    color:rgba(0,0,0,0.8);
    cursor: pointer;
    background: #fff;
}
.activeSwitchItem {
    color: #fff;
    background:#f56614;
    border-radius: 32px;
    /*transition: background .5s;*/
    /*-moz-transition: background .5s;*/
    /*-webkit-transition: background .5s;*/
    /*-o-transition: background .5s;*/

}

.activeSwitchItem1 {
    color: #fff;
    background:#0A6AFA;
    border-radius: 32px;
    /*transition: background .5s;*/
    /*-moz-transition: background .5s;*/
    /*-webkit-transition: background .5s;*/
    /*-o-transition: background .5s;*/

}

.hide {
    display: none;
}

/*.member-center .banner-box .banner-wrap,.businessPlatform .banner-box{*/
/*    position: static;*/
/*}*/
.memberCenter .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/49cf26ff63784d309c84c4af795d61b4.png");
}
.business-platform .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/5cf4e0b2e8924e14baf5e6499c193e32.png");
}
.businessIntell .banner-box > .banner-wrap > .wrap-content{
    background-image: url("http://www.wanmi.com/attachment/20200710/e55c14c6276c4b84a6300776f7f70bbf.png");
}
.saas .btn-banner{
    color:#F56614;
    background-color:#fff;
    border:none;
}
.inst-contnt-type{
    margin-left: 8px;
}
.swiper-item-img{
    user-select: none;
    -webkit-user-drag: none;

    height: 100%;

    position: absolute;
    right: 0;
    z-index: 1;
}

.banner_20230411 > .banner_box {}
.banner_20230411 > .banner_box > .tab-bar-box > .tab-bar-right-bg {
    margin: 0 auto;
}
.banner_20230411 > .banner_box > .banner_list {
    display: flex;
    justify-content: center;
    background-color: #FF5151;
    overflow: hidden;
}
.banner_20230411 > .banner_box > .banner_list > .banner_list_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1200px;
    position: relative;
}
.banner_20230411 > .banner_box > .banner_list > .banner_list_item > div {
    position: relative;
    z-index: 2;
    width: 50%;
}
.banner_20230411 > .banner_box > .banner_list > .banner_list_item > div > h1 {
    font-size: 40px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 56px;
    margin-bottom: 24px;
}
.banner_20230411 > .banner_box > .banner_list > .banner_list_item > div > p {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 32px;
}
.banner_20230411 > .banner_box > .banner_list > .banner_list_item > div > a {
    display: inline-block;

    font-size: 14px;
    font-weight: 400;
    color: #FF5151;
    line-height: 14px;

    background: #FFFFFF;
    padding: 11px 32px;
    margin-top: 34px;
}
.banner_20230411 > .banner_box > .banner_list > .banner_list_item > img {
    user-select: none;
    -webkit-user-drag: none;
    height: 100%;
    position: absolute;
    right: 0;
    z-index: 1;
}

.inst_wrap_202306 {
    height: 100%;
    text-align: left;
    justify-content: flex-start;
}
.inst_wrap_202306 > .inst-item {
    width: calc((100% - 16px * 2) / 3);
    margin-bottom: 20px;
}
.inst_wrap_202306 > .inst-item-service-active > .inst-content > .inst-content-full {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.inst_wrap_202306 > .inst-item:not(:nth-child(3n)) {
    margin-right: 16px;
}
/*.inst_wrap_202306 > .inst-item > .inst-content > .inst-content-detail > .readDetail:hover {*/
/*    background: #FF5151;*/
/*    color: #fff;*/
/*}*/
