.m_mn {
    width: 1200px;
    margin: 0 auto;
}
.banner{height:700px;width:100%;min-width:1200px;overflow:hidden;z-index:auto; margin:0 auto;}
.banner .m_mn{position: relative;height: 700px;}
.subbanner{height:320px;width:100%;min-width:1200px;overflow:hidden;z-index:1;margin:100px auto 0 auto;}
.subbanner .subnav{height:54px;margin:266px auto 0 auto;width:1200px;overflow:hidden;text-align:center;}
.subnav a{width:140px;line-height:44px;height:44px;display:inline-block;background:rgba(0,0,0,0.4);margin:10px 0 0 1px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;overflow:hidden;font-size:16px;color:#ffffff;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;}
.subnav a:hover, .subnav a.hover{margin:0 0 0 1px;height:54px;line-height:54px;background:#3fac81;}
.swiper-container{width: 100%;height: 100%;}
.swiper-banner .swiper-slide{text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-repeat:no-repeat;background-position:center center;position: relative;overflow: hidden;}
.swiper-banner .swiper-slide a{display:block;height:100%;width: 100%;color:#fff;}
.swiper-banner .swiper-slide .ads_left div,.swiper-banner .swiper-slide .ads_right div{position: absolute;}
.swiper-banner .swiper-slide .ads_left div img,.swiper-banner .swiper-slide .ads_right div img{max-height: 100%;}
.swiper-banner .swiper-slide .ads_left div:nth-child(1){left: 165px;top: 210px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(2){left: -650px;top: -320px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(2) img{-moz-animation:rotate 20s infinite linear;-webkit-animation:rotate 20s infinite linear;animation:rotate 20s infinite linear;}
.swiper-banner .swiper-slide .ads_left div:nth-child(3){left: 0px;top: 250px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(4){left: 145px;top: 210px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(5){left: 0px;top: 355px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(6){left: 0px;top: 510px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(7){left: 148px;top: 510px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(8){left: 295px;top: 510px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(9){left: 170px;top: 375px;}
.swiper-banner .swiper-slide .ads_right div:nth-child(1){left: 880px;top: 130px;}
.swiper-banner .swiper-slide .ads_right div:nth-child(2){left: 790px;top: 280px;}
.swiper-banner .swiper-slide .ads_right div:nth-child(3){left: 865px;top: 430px;}
.swiper-banner .swiper-slide .ads_right div:nth-child(4){left: 740px;top: 555px;}
@-moz-keyframes rotate{0%{-moz-transform:rotate(0deg);}
100%{-moz-transform:rotate(360deg);}}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}}
@keyframes rotate{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}}
.banner .tt .f-btn {width: 198px; height: 45px;line-height: 45px; margin:25px 0; font-size: 21px; color: #fff;border-radius: 35px; border: solid #fff 1px; text-align:center; -webkit-transition: all .5s;
transition: all .5s; border-color: #f3f3f3;position: relative;overflow: hidden;}
.banner .tt .f-btn:before {content: "";background: rgba(0,0,0,0.1); -webkit-transform: skew(45deg, 0);transform: skew(45deg, 0); width: 0;height: 100%;position: absolute;top: 0px;left: -30px;z-index: -1;-webkit-transition: all .5s;transition: all .5s;}
.banner .tt .f-btn:hover:before {width: 150%;}
 
.banner .tt img { margin-bottom:15px;}
.banner .ads1{color: #ffffff;font-size: 18px;text-align: left;}
.banner .ads1 .tt{left: 30px;top: 190px;line-height: 36px; position: absolute;}
.banner .ads2{color: #ffffff;font-size: 18px;text-align: left;}
.banner .ads2 .tt{left: 30px;top: 190px;line-height: 36px;position: absolute;}
.banner .ads3{color: #ffffff; font-size: 18px;text-align: left;}
.banner .ads3 .tt{line-height: 50px; padding-top:100px; text-align:center}
.banner .ads3 .tt .f-btn {width: 198px; height: 45px;line-height: 45px; margin:25px auto; font-size: 21px; color: #fff;border-radius: 35px; border: solid #fff 1px; text-align:center}

.banner-pages .swiper-pagination-bullet{width:15px;height:15px;display:inline-block;background-color:#ffffff;opacity:.5; border-radius:50px;}
.banner-pages .swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.banner-pages .swiper-pagination-bullet-active{width:50px; opacity:1; background:#ffffff}
@media(max-width:1000px){
.m_mn ,.banner{width:100%;min-width:100%;}
.banner{height:500px;}
}


.f-fl,.fl{float: left !important}
.f-fr,.fr{float: right !important}
/*about*/
.n_about .m_tt {text-align: center;}
.n_about .team{background:#f6f6f6 url(../img/about_img1.png) no-repeat center top;height: 520px;width: 100%;}
.n_about .team .g_text{padding-top: 160px;padding-left: 20px;color: #ffffff;line-height: 28px;width: 540px;}
.n_about .team .g_text .g_tt{margin-bottom: 35px;}
.n_about .culture{background-color: #f6f6f6;height: 485px;padding-top: 85px;width: 100%;}
.n_about .culture .culture_list{overflow: hidden;width: 1200px;margin: 60px auto 0;font-size: 0;}
.n_about .culture .culture_list li{display: inline-block;width: 270px;margin-right: 40px;text-align: center;}
.n_about .culture .culture_list li .g-img{width: 185px;height: 185px;line-height: 185px;text-align: center;margin: 0 auto;border: 1px dashed #B9BABA;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.n_about .culture .culture_list li .g-img img{width: 170px;height: 170px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.n_about .culture .culture_list li .text .tt{color: #333333;font-size: 20px;margin: 30px 0 5px;}
.n_about .culture .culture_list li .text .info{color: #666666;font-size: 14px;line-height: 28px;}
.n_about .design{padding-top: 90px;height: 560px;}
.n_about .design .g-text{padding-left: 20px;width: 550px;overflow: hidden;}
.n_about .design .g-text .tt{color: #f29e1c;font-size: 36px;font-weight: bold;margin: 80px 0 15px;}
.n_about .design .g-text .info{color: #cccccc;font-size: 16px;margin-bottom: 45px;line-height: 20px;text-transform: uppercase;}
.n_about .design .g-text .txt{color: #666666;line-height: 28px;}
.n_about .fz{background-color: #f6f6f6;height: 475px;padding-top: 85px;width: 100%;}
.n_about .fz .g-img{margin-top: 75px;text-align: center;}
.n_about .service{padding: 80px 0 20px;}
.n_about .service .g-img{text-align: center;margin-top: 65px;}
.n_about .service .list{font-size: 0;position: relative;margin-top: -113px;}
.n_about .service .list li{width: 395px;display: inline-block;height: 340px;font-size: 14px;color: #cccccc;text-align: center;text-transform: uppercase;}
.n_about .service .list li div{height: 240px;width: 100%;background: url(../img/about_ico1.png) no-repeat ;}
.n_about .service .list li .tt{color: #666666;font-size: 22px;margin-bottom: 5px;}
.n_about .service .list li div.ico1{background-position: 158px 140px;}
.n_about .service .list li div.ico2{background-position: -220px 140px;}
.n_about .service .list li div.ico3{background-position: -604px 140px;}
@media(max-width:1000px){
.n_about .team .g_text{width:96%;padding-left: 2%;padding-right: 2%;}
.n_about .culture,.n_about .design,.n_about .fz{height:auto;}
.n_about .culture .culture_list,.n_about .design .g-text{width:100%;}
.n_about .culture .culture_list li{width:95%;margin:0;}
.n_about .service .list li{width:100%;height:140px;}
}
/*小程序*/
.clear{clear:both;}
.hide{display:none;}
.cont{width:1200px;height:auto;margin:0 auto;}
.m_main5{width:100%;min-width:1200px;background:#ffffff;margin:0;}

.shop_title{width:100%;height:auto;text-align:center;}
.shop_title h3{font-weight:normal;font-size:32px;color:#333333;}
.shop_title img{margin-top:10px;}
.shop_title p{font-size:16px;color:#666666;margin-top:5px;}

/*方案*/
.fang_top{width:100%;height:585px;background: url(../img/cbg.jpg) no-repeat center;overflow:hidden;padding-top:160px;}
.fang_top .text{text-align: center;}
.fang_top .text span{font-size: 40px;color: #ffffff;margin: 0 10px;text-transform: uppercase;-webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);text-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.fang_top .text span{font-size: 40px;color: #ffffff;margin: 0 10px;text-transform: uppercase;-webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);text-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.fang_top .text .xt{height: 1px;width: 145px;margin: 15px auto 0;border-bottom: 1px solid rgba(255,255,255,0.5);}
.fang_list{width:100%;height:auto;margin-top:27px;}
.fang_list li{width:140px;height:auto;float:left;margin-right:72px;margin-bottom:30px;text-align:center;}
.fang_list li:nth-child(6n){margin-right:0;}
.fang_list li a{display:block;width:100%;height:100%;overflow:hidden;}
.fang_pic{width:140px;height:140px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-moz-box-shadow: 0px 0px 35px -10px #858585;-webkit-box-shadow: 0px 0px 35px -10px #858585;box-shadow: 0px 0px 35px -10px #858585;border-radius:50%;background:#fff;}
.fang_pic .pic-box{width:140px;height:140px;display:table-cell;vertical-align:middle;text-align:center;}
.fang_pic img{display:none;margin:0 auto;}
.fang_pic img.on{display:block;}
.fang_list li p{font-size:16px;color:#fff;text-align:center;margin-top:20px;display:inline-block;position: relative;}
.fang_list li p:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: #fff;transition: all 0.3s ease-out;}
/*背景颜色改变效果*//*.fang_list li:hover .fang_pic{background:url(../img/cbg.png) no-repeat;}
.fang_list li:hover .fang_pic img{display:block;}
.fang_list li:hover .fang_pic img.on{display:none;}*//*图片动的效果*/.fang_list li:hover .fang_pic img{animation: swing 1s 0s linear normal;-webkit-animation: swing 1s 0s linear normal;}
.fang_list li:hover p:after{width: 100%;}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}

.chengxu_dao{width:100%;height:auto;margin-top:50px;}
.dao_left{float:left;width:294px;height:528px;overflow:hidden;}
.dao_left a{display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.dao_img{width:100%;height:100%;background:url(../img/pic.jpg) no-repeat;position:absolute;left:0;top:0;z-index:1;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.dao_text{width:100%;height:auto;padding:57px 30px;box-sizing:border-box;position:relative;z-index:2;}
.dao_text h3{font-size:24px;color:#fff;font-weight:bold;}
.dao_text p{font-size:16px;color:#fff;margin-top:3px;}
.dao_bg{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,01,0,0.5);opacity:0;z-index:3;overflow:hidden;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.pic-box{display:table-cell;vertical-align:middle;text-align:center;}
.dao_bg .pic-box{width:294px;height:528px;padding:57px 30px;box-sizing:border-box;}
.dao_bg h3{font-size:26px;color:#fff;font-weight:bold;}
.dao_bg p{color:#fff;margin-top:3px;font-size:16px;}
.dao_bg span{display:block;width:134px;height:40px;border:1px solid #fff;line-height:40px;border-radius:20px;text-align:center;margin:0 auto;margin-top:20px;font-size:14px;color:#fff;}
.dao_bg span img{margin-left:10px;}
.dao_left a:hover .dao_img{transform:scale(1.05);}
.dao_left a:hover .dao_bg{opacity:1;}
.dao_right{float:right;height:528px;width:898px;}

.dao_top{width:100%;height:340px;}
.dao_topl{float:left;width:596px;height:340px;}
.dao_topl a{display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.dao_topl .dao_text{padding-right:405px;}
.dao_topl .dao_img{background:url(../img/picwx1.jpg) no-repeat;}
.dao_topl .dao_bg .pic-box{width:596px;height:340px;padding:57px 30px;box-sizing:border-box;}
.dao_topl a:hover .dao_img{transform:scale(1.05);}
.dao_topl a:hover .dao_bg{opacity:1;}
.dao_topr{width:294px;float:right;}
.dao_topr .dao_text{position:relative;padding:57px 30px;}
.dao_topr .dao_img{background:url(../img/picwx2.jpg) no-repeat;}
.dao_topr .dao_bg .pic-box{width:294px;}
.dao_bottom{width:100%;height:180px;margin-top:8px;}
.dao_bottom li{width:294px;height:180px;float:left;margin-right:8px;}
.dao_bottom li a{display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.dao_bottom li a .dao_text{padding:30px;padding-right:20px;}
.dao_bottom li a .dao_img{background:url(../img/picwx3.jpg) no-repeat;}
.dao_bottom li a .dao_text img{margin-top:20px;}
.dao_bottom li:nth-child(2) .dao_img{background:url(../img/picwx4.jpg) no-repeat;}
.dao_bottom li:last-child .dao_img{background:url(../img/picwx5.jpg) no-repeat;}
.dao_bottom li:last-child{margin-right:0;}
.dao_bottom li .dao_bg .pic-box{width:294px;height:180px;padding:0;}
.dao_bottom li .dao_bg h3{font-size:20px;}
.dao_bottom li .dao_bg span{margin-top:15px;}
.dao_bottom li .dao_bg span img{margin-top:0;}
.dao_bottom li a:hover .dao_img{transform:scale(1.05);}
.dao_bottom li a:hover .dao_bg{opacity:1;}
@media(max-width:1000px){
.cont{width:100%;}.m_main5{min-width:100%;}
.dao_left{width:29%;}
.dao_right{width:70%;}
.dao_bg .pic-box{width:100%;}
.dao_topl{width:60%;}
.dao_topl .dao_text{padding-right:15px;}
.dao_topr{width:39%;}
.dao_bottom li{width:32%;margin-right:1%;}
.dao_text h3{font-size:20px;}
.dao_bg p{font-size:14px;}
.dao_bg span{display:block;width:100px;height:40px;border:1px solid #fff;line-height:40px;border-radius:20px;text-align:center;margin:0 auto;margin-top:20px;font-size:14px;color:#fff;}

}
/*小程序核心优势*/
.hexin{width:100%;height:auto;margin-top:70px;}
.hexin_con{width:100%;height:auto;position:relative;background:url(../img/icon9.png) no-repeat center bottom;min-height:355px;margin-top:50px;}
.hexin_con li{position:absolute;}
.hexin_con li.hexin_1{left:0;top:123px;}
.hexin_img{text-align:center;background:url(../img/icon5.png) no-repeat;width:48px;height:48px;line-height:48px;color:#fff;font-weight:bold;font-size:18px;float:left;}
.hexin_text{float:left;margin-left:16px;background:#f6f6f6;padding:20px;box-sizing:border-box;font-size:16px;line-height:28px;position:relative;color:#333333;}
.hexin_bg{width:0;height:0;position:absolute;left:-12px;top:16px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:12px solid #f6f6f6;}
.hexin_con li.hexin_1 .hexin_text{width:256px;}
.hexin_con li.hexin_2{left:240px;top:0;}
.hexin_con li.hexin_2 .hexin_img{background:url(../img/icon6.png) no-repeat;}
.hexin_con li.hexin_2 .hexin_text{width:247px;}
.hexin_con li.hexin_3{left:649px;top:0;}
.hexin_con li.hexin_3 .hexin_img{background:url(../img/icon7.png) no-repeat;}
.hexin_con li.hexin_3 .hexin_text{width:216px;}
.hexin_con li.hexin_4{right:0;top:123px;}
.hexin_con li.hexin_4 .hexin_img{background:url(../img/icon8.png) no-repeat;}
.hexin_con li.hexin_4 .hexin_text{width:185px;}
@media(max-width:1000px){
.hexin_con li{position:static;float:left;width:46%;margin-bottom:10px;}
.hexin_con li:nth-child(2n){float:right;}
}
/*流量入口*/
.liuliang{width:100%;height: auto;margin-top:70px;background:#f6f6f6;overflow:hidden;padding:77px 0;padding-bottom:30px;}
.liuliang_con{width:100%;height:auto;margin-top:60px;}
.liuliang_con li{width:150px;margin-right:112px;margin-bottom:50px;}
.liuliang_con .fang_pic{margin:5px;box-shadow:0px 3px 7px rgba(20,20,20,0.05);}
.liuliang .fang_pic img{display:block;}
.liuliang_con li p{color:#666666;}
.liuliang_con li p:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: #666666;transition: all 0.3s ease-out;}
.liuliang_con li:nth-child(6n){margin-right:112px;}
.liuliang_con li:nth-child(5n){margin-right:0;}
@media(max-width:1000px){
.liuliang_con li{display:inline-block;width:18%;margin-left:1.5%;margin-right:0;margin-bottom:20px;text-align:center;}
.liuliang_con li:nth-child(6n){margin-right:0;}
.fang_pic{display:inline-block;}
.fang_pic ,.fang_pic .pic-box {width: 90px;height: 90px;}
.fang_list li p{display:block;}
}
@media all and (min-width: 0px) and (max-width: 767px) {
.fang_pic ,.fang_pic .pic-box {width: 60px;height:60px;}
.liuliang .fang_pic img{width:50%;}
.liuliang_con li p{height:50px;font-size:14px;}

}
/*小程序模板展示*/
.moban{width:100%;height:auto;margin-top:70px;background:url(../img/bg.jpg) no-repeat;background-size:cover;background-position:center;padding-top:73px;min-height:840px;box-sizing:border-box;}
.moban .solute_title h3{color: #fff;}
.moban .solute_title p{color: #fff;}
.moban .cont{width:1360px;height:auto;margin:0 auto}
.moban_con{width:100%;height:552px;position:relative;margin-top:40px;padding-top:65px;}
.moban_con .swiper-container{width:1200px;height:auto;margin-top:0;}
.moban_con .swiper-container:before, .moban_con .swiper-container:after{background:none;}
.moban_con .swiper-slide{width:242px;height:422px;}
.moban_con .swiper-slide div{position:relative;}
.moban_con .swiper-slide div.moban_bg{position:absolute;width:100%;height:100%;background:#fff;opacity:0.7;}
.moban_con .swiper-slide-active div.moban_bg{opacity:0;}
.moban_con .swiper-prev,.moban_con .swiper-next{width:48px;height:48px;margin-top:-24px;position:absolute;top:50%;cursor:pointer;}
.moban_con .swiper-prev{left:0;background:url(../img/icon20.png) no-repeat;}
.moban_con .swiper-next{right:0;background:url(../img/icon21.png) no-repeat;}
.moban_con .swiper-container:before,.moban_con .swiper-container:after{width:415px;height:405px;content:'';background-color: #f5f5f5;display:block;position:absolute;z-index: 9999;opacity: .5;top:0;display:none;}
.moban_con .swiper-container:before{left:0;}
.moban_con .swiper-container:after{right:0;}
.framing{width:271px;height:552px;position:absolute;background-image: url(../img/icon22.png);top:0;left: calc(50% - 135px);z-index:999;opacity:0;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;-webkit-transition: all 0.1s ease;}
.lookTemp{position: absolute;left: calc(50% - 65px);background-color: #ff7200;color: #fff;padding: 0;width: 133px;line-height: 40px;border-radius: unset;display:none;}
@media(max-width:1000px){
.moban .cont{width:90%;}
.moban_con .swiper-container{width:80%;}
}

/*小程序解决方案*/
.jiejue{width:100%;height:auto;margin-top:63px;}
.jiejue_con{width:100%;height:auto;margin-top:40px;}
.jiejue_con li{width:290px;height:380px;float:left;position:relative;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;border:1px solid #e5e5e5;box-sizing:border-box;margin-right:13px;}
.jiejue_con li a{display:block;width:100%;height:100%;overflow:hidden;transition:none;}
.jiejue_con li:last-child{margin-right:0;}
.jiejue_top{width:100%;height:155px;background:url(../img/pic8.jpg) no-repeat;background-size:cover;background-position:center;padding-top:45px;font-size:24px;color:#fff;text-align:center;box-sizing:border-box;}
.jiejue_con li:nth-child(2) .jiejue_top{background:url(../img/pic9.jpg) no-repeat;background-size:cover;}
.jiejue_con li:nth-child(3) .jiejue_top{background:url(../img/pic11.jpg) no-repeat;background-size:cover;}
.jiejue_con li:nth-child(4) .jiejue_top{background:url(../img/pic10.jpg) no-repeat;background-size:cover;}
.jiejue_c{width:100%;height:auto;}
.jiejue_pic{width:100%;height:auto;text-align:center;margin-top:-45px;}
.jiejue_list{width:100%;height:auto;padding:0 20px;overflow:hidden;box-sizing:border-box;transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;position: absolute;z-index: 3;opacity: 1;left:0;top:220px;}
.jiejue_list span{display:block;background:url(../img/icon29.png) no-repeat left center;padding-left:10px;font-size:14px;color:#666666;margin-right:25px;float:left;line-height:20px;margin-bottom:5px;}
.jiejue_list span:nth-child(3n){margin-right:0;}
.jiejue_detail{width:100%;height:auto;padding:0 28px;text-align:center;margin-top:30px;box-sizing:border-box;opacity:0;z-index:0;position:absolute;left:0;transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.jiejue_detail p{font-size:14px;color:#666666;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:72px;}
.jiejue_detail span{display:block;width:105px;height:30px;line-height:30px;text-align:center;color:#fff;border-radius:15px;background:#26bbfb;font-size:14px;margin:0 auto;margin-top:20px;}
.jiejue_con li:hover{box-shadow:0px 5px 24px rgba(38,187,251,0.48);border:1px solid #26bbfb;}
.jiejue_con li:nth-child(2):hover{box-shadow:0px 5px 24px rgba(241,98,159,0.48);border:1px solid #f1629f;}
.jiejue_con li:nth-child(3):hover{box-shadow:0px 5px 24px rgba(73,205,164,0.48);border:1px solid #49cda4;}
.jiejue_con li:nth-child(4):hover{box-shadow:0px 5px 24px rgba(254,73,107,0.48);border:1px solid #fe496b;}
.jiejue_con li:hover .jiejue_list{opacity:0;z-index:1;}
.jiejue_con li:hover .jiejue_detail{opacity:1;z-index:3;}
.jiejue_con li:nth-child(2):hover .jiejue_detail span{background:#f1629f;}
.jiejue_con li:nth-child(3):hover .jiejue_detail span{background:#49cda4;}
.jiejue_con li:nth-child(4):hover .jiejue_detail span{background:#fe496b;}
@media(max-width:1000px){
.jiejue_con li{width:24%;margin-left:0.7%;margin-right:0;margin-bottom:10px;}
}
@media(max-width:800px){
.jiejue_con li{width:48%;margin-left:1.2%;margin-right:0;}
}
/*适用行业*/.industry{width:100%;height:auto;margin-top:70px;}
.indu_con{width:100%;height:auto;text-align:center;margin-top:50px;}
/*小程序客户案例*/.kehu{width:100%;height:auto;margin-top:90px;padding:75px 0;background:#f6f6f6;}
.kehu_con{width:100%;height:auto;margin-top:22px;overflow:hidden;}
.kehu_con li{width:214px;height:251px;float:left;margin-right:32px;margin-top:32px;background:#fff;}
.kehu_con li:nth-child(5n){margin-right:0;}
.kehu_pic{width:100%;height:214px;position:relative;overflow:hidden;}
.kehu_pic img{width:100%;height:100%;object-fit:cover;}
.kehu_bg{width:100%;height:0;line-height:214px;text-align:center;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;overflow:hidden;}
.kehu_bg img{width:auto;height:auto;}
.kehu_text{text-align:center;height:37px;line-height:37px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#666666;padding:0 10px;}
.kehu_con li:hover .kehu_bg{height:214px;}
@media(max-width:1000px){
.kehu_con li{width:19%;margin-left:0.7%;margin-right:0;}
}
@media(max-width:640px){
.kehu_con li{width:48%;margin-left:0.7%;}
}



.auto {max-width: 1200px;margin:0 auto;}
.seo_title{text-align: center;}
.seo_title h2{font-size: 2.25rem; font-weight: bold;}
.seo_title p{color: #666;font-size: 1rem;}
.seo_content ul{margin:30px 0;}
.seo_content ul li{width:calc(23% - 1px);padding:10px 1%;margin:30px 0px;float: left;border-right: 1px #e2e2e2 solid;}
.seo_content ul li img{margin: auto;display: block;padding-bottom: 30px;}
.seo_content ul li h6{font-size: 0.95rem;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.seo_content ul li p{color:#666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:50px;}
.seo_content .seo_li{border-right: none;}


.support_hotline{background: url(../images/service/seo_bg01.jpg) center no-repeat;height:400px;background-size: cover;}
.support_hotline .sup_hot{top: 100px;position: relative;}
.support_hotline p{color: #006acd;font-size: 2rem;}
.support_hotline .contact_num{font-size: 1.2rem;background:#ff5800;border-radius: 40px;width:32%;color:#fff;height:60px;line-height: 60px;text-align: center;margin-top: 30px;}
.contact_num span{font-size: 1.9rem;font-weight: bold;}

.w_problem{width:100%;background:#f6f6f6;padding:50px 0 30px;}
.problem_title{width:100%;text-align: center;}
.problem_title h2{font-size: 2.25rem; font-weight: bold;}
.problem_title p{color: #666;font-size: 1rem;}
.problem_content{text-align: center;padding:30px 0px;}

.w_mark{padding:40px 0px;}
.mark_title{width:100%;text-align: center;}
.mark_title strong{font-size: 2.25rem; font-weight: bold;}
.mark_title p{color: #666;font-size: 1.3rem;font-weight: bold;color: #eee;}
.mark_content{text-align: center;padding:40px 0px;}
.mark_zx {margin:auto;width:160px;}
.mark_zx a{width:160px;text-align: center;background: #ff5800;border-radius: 5px;line-height: 50px;height:50px;color:#fff;display: block;font-size:1.1rem;}
.m_mark{padding:20px 3%;display: none;}
.m_mark strong{font-size: 0.9rem;}
.m_mark .mark_one{background: url(../images/service/1.png) left top no-repeat ;}
.m_mark .mark_two{background: url(../images/service/2.png) left top no-repeat ;}
.m_mark .mark_three{background: url(../images/service/3.png) left top no-repeat ;}
.m_mark .mark_four{background: url(../images/service/4.png) left top no-repeat ;}
.m_mark .mark_five{background: url(../images/service/5.png) left top no-repeat ;}
.m_mark .mark_six{background: url(../images/service/6.png) left top no-repeat ;}
.m_mark_content{padding-left:50px;padding-bottom: 20px;}

.support_hotline{background: url(../images/service/seo_bg01.jpg) center no-repeat;height:400px;background-size: cover;}
.support_hotline .sup_hot{top: 100px;position: relative;}
.support_hotline p{color: #006acd;font-size: 2rem;}
.support_hotline .contact_num{font-size: 1.2rem;background:#ff5800;border-radius: 40px;width:32%;color:#fff;height:60px;line-height: 60px;text-align: center;margin-top: 30px;}
.contact_num span{font-size: 1.9rem;font-weight: bold;}

.w_compared{margin:50px auto;}
.compared_title{background: url(../images/service/seo_bg02.png) center no-repeat;text-align: center;}
.compared_title h2{font-size: 2.5rem;color: #ff3500; font-weight: bold; padding-top: 25px;}
.compared_title p{font-size: 1.5rem;color: #000;padding: 10px 0 25px;}
.compared_left h2{font-size: 1.75rem;text-align: center;}
.compared_content{background: url(../images/service/seo_bg03.png) no-repeat center;margin:50px 0 20px;}
.compared_left{width: 32%;margin: 20px 10px 50px 10px;float: left;}
.compared_left .tradition{background: url(../images/service/seo_bg04.png) no-repeat left 10px;padding-left: 20px;margin-top: 30px;}
.compared_left .tradition h3{font-size: 1.25rem;font-weight: normal;}
.compared_left .tradition p{color: #000;padding-top: 10px;line-height: 24px;font-size:0.9rem;}
.compared_left .tradition_one{padding-bottom: 65px;}
.compared_left .tradition_two{padding-bottom: 30px;}
.compared_left .tradition_three{padding-bottom: 60px;}
.compared_right{width: 32%;margin: 20px 10px 50px 10px;float: right;}
.compared_right h2{font-size: 1.75rem;text-align: center;color: #fff;}
.compared_right .tradition{background: url(../images/service/seo_bg05.png) no-repeat left 10px;padding-left: 20px;margin-top: 30px;}
.compared_right .tradition h3{font-size: 1.25rem;font-weight: normal;color:#fff;}
.compared_right .tradition p{color: #afafaf;padding-top: 10px;line-height: 24px;font-size:0.9rem;}
.compared_right .tradition_one{padding-bottom: 65px;}
.compared_right .tradition_two{padding-bottom: 65px;}
.compared_right .tradition_three{padding-bottom: 30px;}

.seo_painful{background: #f6f6f6;padding:50px 0 70px;}
.w_painful{position: relative;}
.painful_text{float:left;padding-left: 80px;background: url(../images/service/01.png) left top no-repeat;width:40%;}
.painful_text p{font-size:1rem;color:#c6c6c6;}
.painful_text h2{font-size: 2rem;font-weight: bold;line-height: 40px;}
.painful_text h2 span{color:#ff5800;}
.painful_text ul{padding-top: 30px;}
.painful_text ul li{font-size: 1.3rem;line-height: 40px;color:#737373;}
.painful_img{position: absolute;right:0;top:50px;width:40%;}

.seo_adv_title{float:left;padding-left: 80px;background: url(../images/service/02.png) left center no-repeat;width:80%;height:70px;margin-top: 50px;}
.seo_adv_title p{font-size:1rem;color:#c6c6c6;}
.seo_adv_title h2{font-size: 2rem;font-weight: bold;line-height: 40px;}
.seo_adv_title h2 span{color:#ff5800;}
.seo_adv_text{float: left;width: 95%;margin-left:5%;background: url(../images/service/seo_img02.png) center no-repeat;color:#fff;padding-bottom: 90px;}
.seo_adv_text h3{font-size: 1.3rem;padding-left: 20px;}
.seo_adv_text p{font-size: 1rem;}
.seo_adv_text .adv_num{width:25%;padding:14px 0;}
.seo_adv_text .adv_num p{padding-left: 30px}
.seo_adv_text .adv_one,.seo_adv_text .adv_three{float: left;}
.seo_adv_text .adv_two,.seo_adv_text .adv_four{float: right;}
.seo_adv_text .adv_one{background: url(../images/service/no1.png) left center no-repeat;margin:90px 20% 0 5%;}
.seo_adv_text .adv_one span{color:#005ede;font-weight: bold;}
.seo_adv_text .adv_two{background: url(../images/service/no2.png) right center no-repeat;margin:90px 5% 0 20%;}
.seo_adv_text .adv_two span{color:#005ede;font-weight: bold;}
.seo_adv_text .adv_three{background: url(../images/service/no4.png) left center no-repeat;margin:90px 25% 0 0;}
.seo_adv_text .adv_three span{color:#e20000;font-weight: bold;}
.seo_adv_text .adv_four{background: url(../images/service/no3.png) right center no-repeat;margin:90px 0 0 25%;}
.seo_adv_text .adv_four span{color:#ffcc00;font-weight: bold;}

.seo_key{background: #f6f6f6;padding:50px 0 70px;}
.key_words{position: relative;}
.key_text{float:left;padding-left: 80px;background: url(../images/service/03.png) left top no-repeat;width:40%;}
.key_text p{font-size:1rem;color:#c6c6c6;}
.key_text h2{font-size: 2rem;font-weight: bold;line-height: 40px;}
.key_text h2 span{color:#ff5800;}
.key_text ul{padding-top: 30px;}
.key_text ul li{font-size: 1.3rem;line-height: 40px;color:#737373;}
.key_img{position: absolute;right:0;top:50px;width:40%;}

.seo_promise_title{float:left;padding-left: 80px;background: url(../images/service/04.png) left center no-repeat;width:80%;height:70px;margin-top: 50px;}
.seo_promise_title p{font-size:1rem;color:#c6c6c6;}
.seo_promise_title h2{font-size: 2rem;font-weight: bold;line-height: 40px;}
.seo_promise_title h2 span{color:#ff5800;}
.seo_promise_text{float: left;width: 100%;background: url(../images/service/seo_img04.png) center no-repeat;color:#fff;margin-bottom: 70px;}
.seo_promise_text .promise_num{width:50%;margin-top: 60px;}
.seo_promise_text p{font-size: 1.4rem;line-height: 100px;height:100px;padding-left:110px;padding-right: 10px}
.seo_promise_text .promise_one,.seo_promise_text .promise_three{float: left;}
.seo_promise_text .promise_two,.seo_promise_text .promise_four{float: right;text-align: right;}
.seo_promise_text .promise_one{background: url(../images/service/seo09.png) left center no-repeat;}
.seo_promise_text .promise_two{background: url(../images/service/seo10.png) right center no-repeat;}
.seo_promise_text .promise_three{background: url(../images/service/seo11.png) left center no-repeat;}
.seo_promise_text .promise_four{background: url(../images/service/seo12.png) right center no-repeat;}

.seo_hzlc{background: #f6f6f6;padding:50px 0 70px; }
.seo_hzlc_title{float:left;padding-left: 80px;background: url(../images/service/05.png) left center no-repeat;width:80%;height:70px;}
.seo_hzlc_title p{font-size:1rem;color:#c6c6c6;}
.seo_hzlc_title h2{font-size: 2rem;font-weight: bold;line-height: 40px;}
.seo_hzlc_title h2 span{color:#ff5800;}
.seo_hzlc_text{margin:100px 0 100px 5%;width:95%;float: left;}
.hzlc_num{width:10.5%;float: left;text-align: center;margin-left:1%;margin-right:1%;color:#fff;}
.hzlc_num h2{font-size:3rem;font-family: "黑体";}
.hzlc_num p{padding-bottom: 15px;font-size: 1rem;}
.hzlc_single{background: #fe6725;}
.hzlc_double{background: #006acd;margin-top: 40px;}
@media(max-width:800px){
.seo_content ul li{width:calc(48% - 1px);padding:10px 1%;margin:10px 0px;float: left;border-right: 1px #e2e2e2 solid;}

.w_problem{display: none;}
	.w_compared{display: none;}


.support_hotline{height:240px;}
	.support_hotline .sup_hot{top:30px;}
	.support_hotline p{color: #006acd;font-size: 1.4rem;margin:0 5%;}
	.support_hotline .contact_num{font-size: 1rem;width:90%;height:40px;line-height: 40px;margin:30px auto 0;}
	.contact_num span{font-size: 1.2rem;}

	.painful_text{float:left;padding-left: 60px;background: url(../images/service/01.png) left top no-repeat / 50px;margin:0 2%;width:calc(96% - 60px);}
	.painful_text p{font-size:0.8rem;color:#c6c6c6;}
	.painful_text h2{font-size: 1.2rem;font-weight: bold;line-height: 24px;}
	.painful_text ul{padding-top: 10px;}
	.painful_text ul li{font-size: 1rem;line-height: 30px;color:#737373;}
	.painful_img,.key_img{display:none;}

	.seo_adv_title p{font-size:0.8rem;color:#c6c6c6;}
	.seo_adv_title h2{font-size: 1.2rem;font-weight: bold;line-height: 24px;}
	.seo_adv_title{float:left;padding-left: 60px;background: url(../images//service/02.png) left top no-repeat / 50px;margin:50px 2% 0;}
	.seo_adv_text .adv_num{margin:20px auto 0;width:300px;}
	.seo_adv_text{background:none;}
	.seo_adv_text .adv_two{background: url(../images/service/no2.png) right center no-repeat;}
	.seo_adv_text .adv_four{background: url(../images/service/no3.png) right center no-repeat;}

	.key_text{float:left;padding-left: 60px;background: url(../images/service/03.png) left top no-repeat / 50px;margin:0 2%;width:calc(96% - 60px);}
	.key_text p{font-size:0.8rem;color:#c6c6c6;}
	.key_text h2{font-size: 1.2rem;font-weight: bold;line-height: 24px;}
	.key_text ul{padding-top: 10px;}
	.key_text ul li{font-size: 1rem;line-height: 30px;color:#737373;}

	.seo_promise_text p{font-size: 1.2rem;line-height: 100px;height:100px;padding-left:100px;padding-right: 0;}
	.seo_promise_text .promise_two,.seo_promise_text .promise_four{float: right;text-align:left;}
	.seo_promise_text .promise_one{background: url(../images/service/seo09.png) left center no-repeat / 100%;}
	.seo_promise_text .promise_two{background: url(../images/service/seo10.png) right center no-repeat / 100%;}
	.seo_promise_text .promise_three{background: url(../images/service/seo11.png) left center no-repeat / 100%;}
	.seo_promise_text .promise_four{background: url(../images/service/seo12.png) right center no-repeat / 100%;}
	
	.seo_promise_title p{font-size:0.8rem;color:#c6c6c6;}
	.seo_promise_title h2{font-size: 1.2rem;font-weight: bold;line-height: 24px;}
	.seo_promise_title{float:left;padding-left: 60px;background: url(../images//service/02.png) left top no-repeat / 50px;margin:50px 2% 0;}
	.seo_promise_text .promise_num{width:100%;margin-top: 20px;}
	.seo_promise_text p{font-size: 1rem;line-height: 50px;height:50px;padding-left:60px;padding-right: 0;}
	.seo_promise_text .promise_one{background: url(../images/service/seo09_1.png) left center no-repeat;}
	.seo_promise_text .promise_two{background: url(../images/service/seo10_1.png) left center no-repeat;}
	.seo_promise_text .promise_three{background: url(../images/service/seo11_1.png) left center no-repeat;}
	.seo_promise_text .promise_four{background: url(../images/service/seo12_1.png) left center no-repeat;}

	.seo_hzlc_title{float:left;padding-left: 60px;background: url(../images/service/05.png) left top no-repeat / 50px;margin-top: 50px;}
	.seo_hzlc_title p{font-size:0.8rem;color:#c6c6c6;}
	.seo_hzlc_title h2{font-size: 1.2rem;line-height: 24px;}
	.seo_hzlc_text{margin:40px 2%;width:96%;}
	.hzlc_num {width: 23%;float: left;text-align: center;margin-left:1%;margin-right:1%;color: #fff;}
}