/*功能特色*/
.wst-container{width: 1200px;margin:0 auto;}
.wst-feature{background-color: #f1f1f1;border-top: 1px solid #e7e7e7;position: relative;}
.wst-feature .option{width: 100%;position: relative;height: 80px;background: #fff;border-bottom: 1px solid #eee;padding-bottom: 80px;}
.feature-list{width: 1200px;}
.feature-list a{float: left;width: 200px;height: 80px;line-height:80px;font-size: 24px;color: #555;font-family:Microsoft YaHei;text-align: center; background: #fff;position: relative; -webkit-transition: all .2s linear; transition: all .2s linear;}
.feature-list a i{width: 40px;height: 40px;position: absolute;top: 20px;left: 56px;background: url(../img/feature-icon.png) no-repeat;}
.feature-list a .i-marketing{background-position: 0px 0px;}
.feature-list a .i-distribution{background-position: -40px 0px;}
.feature-list a .i-bargain{background-position: -85px 0px;}
.feature-list a .i-frame{background-position: -133px 0px;}
.feature-list a:hover{color: #ef5858;background: #fff;}
.feature-list .feature-current{color: #ef5858;background: #fff;}
.banner .swiper-slide h1,.banner .swiper-slide h2,.banner .swiper-slide h3,.banner .swiper-slide p{width: 700px;}
.banner{height: 450px;}
/*搜索干預*/
.gy_banner{background: url(../img/gongneng/ganyu/banner.jpg) top center no-repeat;}
.gy_banner .swiper-slide{width: 1200px;margin: 100px auto 0px;height: 200px;}
.gy_banner .swiper-slide h1{font-size: 50px;color: #fff;line-height: 50px;margin-bottom: 20px;}
.gy_banner .swiper-slide p{font-size: 24px;color: #fff;}
.gy_banner .swiper-slide a{float: left;margin:30px 20px 0px 0px;border: 2px solid #fff;display: inline-block;line-height: 40px;width: 156px;text-align: center;font-size: 16px;color: #fff;border-radius: 6px;}
.gy_banner .swiper-slide a:hover,.gy_banner .swiper-slide .active{background: linear-gradient(to right, #FB8732, #F6C418);border: 0px;line-height: 44px;width: 160px;opacity: 0.9;}
.gy_1,.gy_3{width: 1200px;margin: 60px auto;}
.gy_1 .mimg{margin: 40px auto 0px;display: block;overflow: hidden;}
.gy_1 a{margin: 30px auto;}
.gy_2{width: 100%;margin: 0px auto;padding: 60px 0px;background: #f9faf9;overflow: hidden;}
.gy_2 ul,.gy_3 ul{width: 1200px;margin: 30px auto 0px;}
.gy_2 ul li{width: 306px;float: left;margin-right: 50px;padding: 30px;border-radius: 4px;cursor: pointer;transition: all ease 300ms;}
.gy_2 ul li:last-child,.gy_3 ul li:last-child{margin-right: 0px;}
.gy_2 ul li i{width: 100%;display: block;background: #eee;height: 204px;overflow: hidden;}
.gy_2 ul li i img{width: 100%;}
.gy_2 ul li h3{font-size: 18px;margin: 20px 0px;overflow: hidden;}
.gy_2 ul li h3 em{font-style: normal;width: 250px;float: left;}
.gy_2 ul li h3 span{float: right;color: #e81a154a;font-size: 40px;transition: all ease 300ms;}
.gy_2 ul li p{font-size: 14px;color: #666;}
.gy_2 ul li:hover,.gy_3 ul li:hover{background: #fff;box-shadow: 0px 5px 30px rgba(0,0,0,0.05);}
.gy_2 ul li:hover h3 span{color: #e81a15;}
.gy_3 ul li{width: 240px;float: left;text-align: center;border-radius: 4px;cursor: pointer;padding: 20px 0px;}
.gy_3 ul li i{margin-top: 10px;}
.gy_3 ul li p{font-size: 14px;color: #666;margin-top: 10px;}
.gy_3 ul{margin-top: 40px;}
/*門店核銷*/
.hx_banner{background: url(../img/gongneng/hexiao/banner.jpg) center center no-repeat;}
.hx_banner .swiper-slide{width: 1180px;margin: 70px auto 0px;overflow: hidden;}
.hx_banner .swiper-slide h1{color: #fff;font-size: 50px;line-height: 50px;margin-bottom: 20px;}
.hx_banner .swiper-slide p{font-size: 24px;line-height: 40px;color: #fff;}
.hx_banner .swiper-slide a{float: left;margin-top: 30px;background: linear-gradient(to right, #FB8732, #F6C418);}
.hx_banner .swiper-slide a:last-child{background: #fff;margin-left: 20px;color: #fe6a42;}
.hx_1{width: 1200px;margin: 60px auto;overflow: hidden;}
.hx_1 .mimg,.hx_2 .mimg{text-align: center;margin: 40px auto 0px;}
.hx_1 .wst_btn{margin: 30px auto 0px;}
.hx_2,.hx_4{width: 100% !important;margin: 0px auto !important;background: #f9faf9;padding: 60px 0px;}
.hx_3{width: 1200px;margin: 60px auto;}
.hx_3 ul{width: 100%;margin: 50px auto 0px;border-radius: 4px;cursor: pointer;}
.hx_3 ul li{width: 300px;float: left;text-align: center;padding: 10px 0px 40px;}
.hx_3 ul li i{width: 260px;display: block;margin: 20px auto 0px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);border-radius: 6px;overflow: hidden;}
.hx_3 ul li i img{width: 100%;}
.hx_3 ul li span{width: 40px;height: 40px;display: block;background: #eb354a;text-align: center;font-size: 22px;color: #fff;border-radius: 50%;position: relative;margin: 20px auto 10px;line-height: 40px;}
.hx_3 ul li span::before{width: 80px;height: 6px;content: "";background: #eb3348;position: absolute;margin-left: 100px;top: 18px;}
.hx_3 ul li span::after{content: "";width: 0;height: 0;border-top: 12px solid transparent;border-left: 12px solid #eb3348;border-bottom: 12px solid transparent ;background: initial;position: absolute;margin-left: 160px;margin-top: 9px;}
.hx_3 ul li h3{font-size: 16px;line-height: 40px;}
.hx_3 ul li p{font-size: 14px;color: #666;width: 220px;margin: 0px auto;line-height: 24px;}
.hx_3 ul li:last-child span::before,.hx_3 ul li:last-child span::after{display: none;}
/*自定义*/
.ctm_banner{background: url(../img/gongneng/custom/banner.jpg) center center no-repeat;}
.ctm_banner .swiper-slide{width: 1200px;margin: 60px auto 0px;}
.ctm_banner h1{font-size: 50px;color: #fff;line-height: 50px;margin-bottom: 30px;}
.ctm_banner h3{font-size: 30px;line-height: 40px;margin-bottom: 20px;color: #fff;}
.ctm_banner p{font-size: 22px;line-height: 30px;color: #fff;}
.ctm_banner a{margin-top: 30px;float: left;margin-right: 20px;background: linear-gradient(to right, #FB8732, #F6C418);}
.ctm_banner a:last-child{background: #fff;color: #fd1839;}
.ctm_1,.ctm_4{width: 1200px;margin: 60px auto;}
.ctm_1 .mimg{margin-top: 20px;}
.ctm_1 .wst_btn{margin: 30px auto 0px;}
.ctm_2,.ctm_3{width: 100%;margin: 0px auto;padding: 60px 0px;overflow: hidden;background: #f9faf9;}
.ctm_2 ul{width: 1200px;margin: 50px auto 0px;}
.ctm_2 ul li{width: 310px;float: left;padding: 30px;margin-right: 30px;background: #fff;border-radius: 4px;box-shadow: 0px 0px 20px rgba(0,0,0,0.06);cursor: pointer;text-align: center;}
.ctm_2 ul li i{display: block;margin: 0px auto 20px;text-align: center;}
.ctm_2 ul li h3{font-size: 16px;margin-bottom: 20px;}
.ctm_2 ul li p{font-size: 14px;color: #666;line-height: 26px;height: 130px;}
.ctm_3 .wst_left,.ctm_4 .wst_right{width: 660px;}
.ctm_3 .wst_right,.ctm_4 .wst_left{width: 500px;text-align: left;margin-top: 10px;}
.ctm_3 .wst_right a,.ctm_4 .wst_left a{margin-top: 30px;}
.ctm_4{overflow: hidden;}
.ctm_5{width: 100% !important;background: #f9faf9;padding: 60px 0px;margin: 0px auto !important;}
/* 秒杀 */
.msbanner{background: url(../img/gongneng/miaosha/banner.jpg) center center no-repeat;}
.msbanner .swiper-slide{width: 1200px;margin: 60px auto 0px;}
.msbanner .swiper-slide h1{font-size: 50px;margin-bottom: 20px;color: #fff;width: 800px;}
.msbanner h3{font-size: 30px;margin-bottom: 10px;color: #fff;}
.msbanner p{font-size: 18px;color: #fff;width: 800px;}
.msbanner a{margin-top: 30px;background: #fff;color: red;width: 260px;}
.ms_1 .title{width: 800px;}
.ms_1,.ms_3,.ms_5{width: 1200px;margin: 60px auto;}
.ms_1 .mimg{margin-top: 40px;}
.ms_2,.ms_4{width: 100%;margin: 0px auto;background: #f9faf9;padding: 60px 0px;overflow: hidden;}
.ms_2 ul{width: 1200px;margin: 30px auto 0px;}
.ms_2 ul .wst_left{width: 580px;margin-top: 20px;}
.ms_2 ul li dl dd{padding: 20px;border-radius: 6px;box-shadow: 0px 0px 20px rgba(0,0,0,0.05);background: #fff;overflow: hidden;margin-top: 20px;cursor: pointer;}
.ms_2 ul li dl dd i{width: 50px;height: 50px;display: block;float: left;margin-top: 16px;}
.ms_2 ul li dl dd .mtxt{width: 480px;float: right;}
.ms_2 ul li dl dd .mtxt h3{font-size: 16px;margin-bottom: 10px;}
.ms_2 ul li dl dd .mtxt p{font-size: 14px;line-height: 24px;}
.ms_4 ul{width: 1200px;margin: 30px auto 0px;overflow: hidden;}
.ms_4 ul li{width: 245px;float: left;margin: 30px 56px 10px 10px;box-shadow: 0px 0px 10px rgba(0,0,0,0.02);background: #fff;padding: 30px 0px;overflow: hidden;border-radius: 6px;cursor: pointer;}
.ms_4 ul li i{width: 160px;height: 160px;display: block;margin: 0px auto;border: 1px solid #eee;border-radius: 50%;overflow: hidden;}
.ms_4 ul li i img{width: 140px;height: 140px;margin: 10px auto;display: block;border-radius: 50%;}
.ms_4 ul li p{font-size: 16px;text-align: center;margin-top: 20px;}
.ms_4 ul li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.08);}
.ms_4 ul li:nth-child(4n){margin-right: 10px;}
/* 商品组合 */
.zhbanner{background: url(../img/gongneng/zuhe/banner.jpg) center center no-repeat;}
.zhbanner .wst_m{margin-top: 100px;}
.zhbanner .wst_m h2{font-size: 36px;color: #fff;line-height: 36px;margin-bottom: 20px;}
.zhbanner .wst_m h1{font-size: 50px;color: #fff;line-height: 50px;margin-bottom: 20px;}
.zhbanner .wst_m p{font-size: 22px;color: #fff;}
.zh_1,.zh_5,.zh_6{width: 1200px;margin: 60px auto;position: relative;}
.zh_1 .z1img{margin: 30px auto 0px;}
.zh_1 .z1img img{width: 100%;}
.zh_1 .z1img a{margin: 30px auto 0px;}
.zh_2{width: 100%;margin: 0px auto;background: #f9faf9;padding: 60px 0px;overflow: hidden;}
.zh_2 ul{width: 1200px;margin: 20px auto 0px;}
.zh_2 ul li{width: 300px;float: left;margin: 30px 50px 15px 0px;padding: 40px 30px;text-align: center;background: #fff;border-radius: 4px;box-shadow: 0px 0px 10px rgba(0,0,0,0.06);}
.zh_2 ul li:nth-child(3n){margin-right: 0px;}
.zh_2 ul li i{display: block;width: 60px;height: 60px;margin: 0px auto 30px;}
.zh_2 ul li p{font-size: 16px;color: #666;}
.zh_3{width: 1200px;margin: 60px auto;overflow: hidden;}
.zh_3 ul{width: 100%;margin: 50px auto 0px;}
.zh_3 ul li{width: 300px;float: left;text-align: center;}
.zh_3 ul li i{width: 260px;display: block;height: 150px;background: #999;margin: 0px auto;box-shadow: 0px 0px 10px rgba(0,0,0,0.08);}
.zh_3 ul li i img{width: 100%;}
.zh_3 ul li span{width: 40px;height: 40px;display: block;background: linear-gradient(to right, #eb3348,#fe6b42);text-align: center;font-size: 22px;color: #fff;border-radius: 50%;position: relative;margin: 20px auto 10px;line-height: 40px;}
.zh_3 ul li span::before{width: 160px;height: 4px;content: "";background: #eb3348;position: absolute;margin-left: 60px;top: 18px;}
.zh_3 ul li span::after{content: "";width: 0;height: 0;border-top: 12px solid transparent;border-left: 12px solid #eb3348;border-bottom: 12px solid transparent ;background: initial;position: absolute;margin-left: 200px;margin-top: 8px;}
.zh_3 ul li h3{font-size: 16px;line-height: 40px;}
.zh_3 ul li p{font-size: 14px;color: #666;width: 220px;margin: 0px auto;}
.zh_3 ul li:last-child span::before,.zh_3 ul li:last-child span::after{display: none;}
.zh_4{width: 100%;margin: 0px auto;background: #fafafa;padding: 60px 0px;overflow: hidden;}
.zuhe .mimg{width: 680px;}
.zuhe .mtxt{width: 480px;margin-top: 90px;}
.zuhe .mtxt h2{font-size: 32px;margin-bottom: 20px;}
.zuhe .mtxt p{font-size: 16px;color: #666;line-height: 30px;}
.zuhe .mtxt a{margin-top: 30px;}
.zh_5{overflow: hidden;}
.zh_6 ul{margin: 50px auto 15px;width: 1200px;}
.zh_6 ul li{width: 240px;float: left;text-align: center;border-radius: 8px;cursor: pointer;padding: 20px 0px;background: #fff;box-shadow: 0px 5px 30px rgba(0,0,0,0.08);margin: 0px 30px;}
.zh_6 ul li i{margin-top: 10px;}
.zh_6 ul li p{font-size: 14px;color: #666;margin-top: 10px;}
.zh_6 ul li:hover{box-shadow: 0px 0px 30px rgba(0,0,0,0.1);}
/* app */
.app_banner{background: url(../img/solution/applive/banner.jpg) center center no-repeat;}
.app_banner .wst_m{margin: 70px auto 0px;color: #fff;}
.app_banner .wst_m h1{font-size: 46px;color: #fff;line-height: 50px;margin-bottom: 20px;width: 100%;}
.app_banner .wst_m h2{font-size: 24px;color: #fff;line-height: 30px;margin-bottom: 20px;}
.app_banner .wst_m p{font-size: 22px;line-height: 35px;}
.app_banner .wst_m a{margin: 30px 0px 0px 0px;width: 300px;}
.app_1,.app_3{width: 1200px;margin: 60px auto;}
.app_1 .mimg{margin-top: 50px;}
.app_2,.app_4{width: 100%;margin: 0px auto;padding: 60px 0px;background: #f9faf9;}
.app_2 ul{width: 1200px;margin: 20px auto 0px;}
.app_2 ul li{width: 310px;padding: 30px;margin: 30px 45px 0px 0px;border-radius: 4px;box-shadow: 0px 0px 20px rgba(0,0,0,0.06);background: #fff;text-align: center;float: left;cursor: pointer;}
.app_2 ul li i{width: 60px;height: 60px;display: block;margin: 0px auto 20px;}
.app_2 ul li h3{font-size: 16px;margin-bottom: 10px;}
.app_2 ul li p{font-size: 14px;color: #666;line-height: 26px;}
.app_2 ul li:nth-child(3n){margin-right: 0px;}
.app_2 ul li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.08);}
.app_3{background: url(../img/solution/applive/pic02.png) left 140px no-repeat;height: 820px;}
.app_3 ul{width: 660px;float: right;margin: 40px 0px 0px 0px;}
.app_3 ul li{margin: 0px 0px 30px;overflow: hidden;transition: all 150ms;}
.app_3 ul li i{width: 70px;height: 70px;background: #fff;display: inline-block;float: left;border-radius: 50%;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);margin: 30px 20px 20px 30px;text-align: center;}
.app_3 ul li i img{margin-top: 15px;}
.app_3 ul li div{width: 360px;float: left;padding: 20px;cursor: pointer;transition: all 150ms;}
.app_3 ul li div h3{font-size: 16px;color: #333;margin-bottom: 20px;}
.app_3 ul li div p{font-size: 14px;line-height: 22px;color: #999;}
.app_3 ul li div:hover{background: linear-gradient(to right, #ff214d, #ff7e1f);border-radius: 4px;}
.app_3 ul li div:hover h3{color: #fff;}
.app_3 ul li div:hover p{color: #fff;}
.app_4 ul{width: 1200px;margin: 50px auto 0px;}
.app_4 ul li{width: 164px;float: left;margin-right: 20px;cursor: pointer;text-align: center;display: block;overflow: hidden;box-shadow: 0px 0px 20px rgba(0,0,0,0.06);background: #fff;padding: 30px;}
.app_4 ul li:last-child{margin-right: 0px;}
.app_4 ul li i{margin-bottom: 20px;display: block;}
.app_4 ul li h3{margin-bottom: 10px;font-size: 16px;}
.app_4 ul li p{font-size: 14px;color: #666;line-height: 26px;height: 104px;}
.app_5{width: 1200px;margin: 60px auto;;}
.app_5 ul{width: 100%;margin-top: 30px;}
.app_5 ul li{width: 225px;float: left;margin: 20px 20px 0px 0px;border-radius: 4px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);cursor: pointer;text-align: center;padding: 30px;}
.app_5 ul li:nth-child(4n){margin-right: 0px;}
.app_5 ul li i{display: block;border: 1px solid #eee;width: 120px;height: 120px;border-radius: 50%;padding: 10px;margin: 0px auto;overflow: hidden;}
.app_5 ul li i img{width: 110px;height: 110px;border-radius: 50%;margin: 5px auto;}
.app_5 ul li h3{margin-top: 20px;font-size: 16px;}
/* 案例 */
.case{width: 100%;margin: 0px auto;padding: 60px 0px;overflow: hidden;}
.case ul{width: 1200px;margin: 50px auto 0px;background: #fff;border-radius: 6px;box-shadow: 0px 20px 30px rgba(0,0,0,0.06);}
.case ul li{width: 289.25px;float: left;border-right: 1px dashed #eee;padding: 5px 5px 0px 5px;cursor: pointer;border-bottom: 1px dashed #eee;}
.case ul li:nth-child(4n){border-right: 0px;}
.case ul li img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.4;}
.case ul li:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);background: #f9faf9;opacity: 1;} 
.case ul li:nth-child(9),.case ul li:nth-child(10),.case ul li:nth-child(11),.case ul li:nth-child(12){border-bottom: 0px;}