@CHARSET "UTF-8";
.contrainer{background: #fff;}
.banner{width: 100%;margin: 0px auto;overflow: hidden;background: url(../img/product/wechat/banner.png) top center no-repeat;}
/* 楼层 */
.wst-content{width: 100%;}
.wst-box{width: 1200px;margin: 0 auto;overflow: hidden;}
.wst-box .first{padding:60px 0px 0px;overflow: hidden;}
.wst-box .first .title,.second .title,.wst-box .third .title{text-align: center;font-size: 36px;color: #333333;margin-bottom: 20px;font-weight: bold;}
.wst-box .first .p,.second .p,.wst-box .third .p{text-align: center;font-size: 16px;color: #666;margin-bottom: 50px;}
.wst-box .first .left{height:660px;background: url(../img/product/wechat/img_phone.png) center center no-repeat;width: 600px;float: left;}
.wst-box .first .left .left-inner{margin:83px auto auto auto;width: 294px;height: 460px;background: url(../img/product/wechat/img_11.png) center center no-repeat;}
.wst-box .first .right{float: right;width: 540px;}
.wst-box .first .right .top{height:320px;background: url(../img/product/wechat/icon_1.png) left center no-repeat;width: 444px;min-width: 444px;}
.wst-box .first .right .top .square1 div{float: left;width: 25%;margin-top: 160px;box-sizing: border-box;font-size: 16px;}
.wst-box .first .right .top .square1 div:nth-child(1){padding-left: 8px;}
.wst-box .first .right .top .square1 div:nth-child(2){padding-left: 10px;}
.wst-box .first .right .top .square1 div:nth-child(3){padding-left: 38px;}
.wst-box .first .right .top .square1 div:nth-child(4){padding-left: 44px;}
.wst-box .first .right .top .square2 div{float: left;width: 25%;margin-top: 105px;box-sizing: border-box;font-size: 16px;}
.wst-box .first .right .top .square2 div:nth-child(2){padding-left: 11px;}
.wst-box .first .right .top .square2 div:nth-child(3){padding-left: 27px;}
.wst-box .first .right .top .square2 div:nth-child(4){padding-left: 45px;}
.wst-box .first .right .bottom{height:280px;background: url(../img/product/wechat/img_1.png) left center no-repeat;width: 600px;}
.wst-box .first .right .bottom div{padding-left:190px;font-size: 20px;line-height: 30px;}
.wst-box .first .right .bottom div:nth-child(1){padding-top:100px;}
.second{width: 100%;background: #f9faf9;padding: 60px 0px;}
.second .left .top{height:256px;background: url(../img/product/wechat/img.png) left center no-repeat;width: 1200px;margin: 0px auto;}
.second .left .top .square1 div{float: left;width: 20%;margin-top: 25px;box-sizing: border-box;font-size: 16px;padding-left: 80px;}
.second .left .top .square1 div:nth-child(5){padding-left: 90px;}
.second .left .top .square2 div:nth-child(5){padding-left: 90px;}
.second .left .top .square2 div{float: left;width: 20%;margin-top: 90px;box-sizing: border-box;font-size: 16px;padding-left: 80px;}
.second .left .top .square1 div h1,.second .left .top .square2 div h1{font-size: 18px;color: #333;font-weight: 500;text-align: center;margin: 0px;}
.second .left .top .square1 div p,.second .left .top .square2 div p{font-size: 14px;color: #666;font-weight: 500;text-align: center;margin-top: 10px;}
.third{margin:60px auto;}
.wst-box .third .left{height:552px;background: url(../img/product/wechat/img_3.png) center center no-repeat;width: 1200px;position: relative;}
.wst-box .third .left-inner{height:650px;width: 1200px;position: relative;background-position: 471px 110px;}
.wst-box .third .left-inner div{float: left;width: 350px;margin-top: 45px;box-sizing: border-box;font-size: 16px;padding-left: 80px;}
.wst-box .third .left div h1{font-size: 18px;color: #e50115;font-weight: 500;line-height: 40px;}
.wst-box .third .left div p{font-size: 14px;color: #333;font-weight: 500;line-height: 18px;}
.wst-box .third .left .square1 h1{text-align: right;}
.wst-box .third .left .square1 p{text-align: right;}
.wst-box .third .left .square2 h1{text-align: left}
.wst-box .third .left .square2 p{text-align: left;}
.wst-box .third .left-inner div:nth-child(1){position: absolute;top: 40px;left: 60px;}
.wst-box .third .left-inner div:nth-child(2){position: absolute;top: 40px;right: 80px;}
.wst-box .third .left-inner div:nth-child(3){position: absolute;top: 260px;left: 6px;}
.wst-box .third .left-inner div:nth-child(4){position: absolute;top: 260px;right: 140px;}
.st-panel .center-title{padding-top: 60px;}
/*多样化促销方案，销售策略快速落地*/
.pp{width: 100%;margin: 0px auto; background: url(../img/product/wechat/22.png) no-repeat top center;overflow: hidden;}
.pp .pp-content{width: 1200px;margin: 50px auto 60px;overflow: hidden;}
.pp h2, .pp h3 , .pp p, .pp span{color: #fff;}
.pp-item{position: relative; width: 244px; height: 245px; margin: 0 23px;}
.pp-item:before{width: 244px; height: 245px; background-color: #5fabb7; content: ""; position: absolute; top: 0; left: 0; opacity: .6;}
.pp-item .content{position: absolute; width: 100%; height: 100%;}
.pp-item i{display: block; margin-right: auto; margin-left: auto; margin-top: 55px;}
.pp-item:nth-child(3) i, .pp-item:nth-child(4) i{margin-top: 45px;}
.pp-item i.kj{width: 77px; height: 94px; background: url(../img/product/wechat/icon_kj.png) no-repeat 100% 100%;}
.pp-item i.zc{width: 123px; height: 91px; background: url(../img/product/wechat/icon_zc.png) no-repeat 100% 100%;}
.pp-item i.pt{width: 104px; height: 103px; background: url(../img/product/wechat/icon_pt.png) no-repeat 100% 100%;}
.pp-item i.tg{width: 104px; height: 104px; background: url(../img/product/wechat/icon_tg.png) no-repeat 100% 100%;}
.pp-item span{position: relative; display: block; margin-top: 20px; font-size: 18px;}
/*清晰明了的数据统计能力，解决运营难题*/
.ds-content{margin: 40px auto 60px;}
.ds-content .top{width: 1200px;height: 45px;margin: 0px auto 35px; height: 45px;background: #fff;}
.ds-content .top .item{cursor: pointer; width: 398.5px; height: 43px; line-height: 43px; font-size: 18px; font-weight: normal; color: #333; background-color: #fff; border: 1px solid #1599ff; border-right: 0px;}
.ds-content .top .item:last-child{border-right: 1px solid #1599ff}
.ds-content .top .active{color: #fff; background-color: #1599ff;}
.ds-content .middle .img img{width: 1000px;}
.ds-content .bottom{margin: 10px auto 0px;padding-bottom: 30px;}
.ds-content .bottom span{cursor: pointer; display: inline-block; width: 25px; height: 4px; background-color: #e5e5e5; border-radius: 3px;}
.ds-content .bottom span.active{background-color: #1599ff;}