body{width:100%;overflow-x: hidden;}
/*-------------------移动app应用开发 --------------------*/
/*banner视频*/
.banner1{width: 100%;height:510px;overflow:hidden;position:fixed;left:0;top:0;z-index:1;}
.videobox{width:100%;height:100%;overflow: hidden;}
#video{height:100%;}
.banner1bg{width:100%;height:100%;position:absolute;left:0;top:0;background:#000;opacity: 0.67;}
.banner1023{width:100%;height:100%;position:absolute;left:0;top:0;background: no-repeat;background-size:cover;z-index:1;display:none;}

.banbox{width:100%;position:absolute;left:0;top:0;z-index: 2;text-align: center;padding-top:164px;color:#fff;}
.banbox h6{font-size:48px;font-family: "webfont";padding-bottom:15px;opacity: 0;-webkit-transform:translatey(-80px) ;transform:translatey(-80px);transition:all .6s .5s;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.banbox.banbox2 h6{opacity: 1;-webkit-transform:translatey(0) ;transform:translatey(0);}
.banbox p{font-size:14px;line-height:24px;padding-bottom:35px;opacity: 0;-webkit-transform:translatey(-80px) ;transform:translatey(-80px);transition:.6s .8s;font-family: "webfont";width:800px;margin:0 auto;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.banbox.banbox2 p{opacity: 1;-webkit-transform:translatey(0);transform:translatey(0);}
.banbox .dz_see{display:inline-block ;width:184px;height:40px;border:solid 1px #fff;color:#fff;line-height:40px;text-align: center;font-size:16px;opacity: 0;-webkit-transform:translatey(-80px) ;transform:translatey(-80px);transition:.6s 1.1s;position:relative;z-index:1;}

.banbox.banbox2 .dz_see{opacity: 1;-webkit-transform:translatey(0);transform:translatey(0);}
.fixedlist{position:fixed;top:0px;left:0;width:100%;height:60px;background:rgba(0,0,0,0.3);z-index:5; display: none;}
.fixedlist.fixed2{position:fixed;top:0;background:rgba(0,0,0,1)}
.toplist{width:1170px;height:100%;margin:0 auto;}
.toplist li{width:16.6%;line-height:60px;text-align: center;font-size:16px;color:#fff;float:left;border-left:solid 1px #68696a;box-sizing: border-box;cursor: pointer;transition:all .3s;}
.toplist-quality li{width:25%;line-height:60px;text-align: center;font-size:16px;color:#fff;float:left;border-left:solid 1px #68696a;box-sizing: border-box;cursor: pointer;transition:all .3s;}
.toplist-quality{width:1170px;height:100%;margin:0 auto;}
.toplist-quality li:last-child{border-right:solid 1px #68696a;}
.toplist-quality .active{color:#ff5555;}
.toplist2 li{width:50%;}
.toplist3 li{width:33.3%;}
.toplist li:last-child{border-right:solid 1px #68696a;}
.toplist .active{color:#ff5555;}

/*app定制*/

.itembox{position:relative;z-index:2;}
.apptop,.serviceitems,.productbox,.marketwrap{width:100%;background:#fff;overflow:hidden;padding-bottom:75px;position:relative;z-index:2;}
.productbox{padding-bottom:0;}
.sectiontit{padding-top:60px;text-align: center;padding-bottom:35px;transition:0.5s 0.2s;}
.sectiontit h6{font-size:48px;color:#333;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.sectiontit span{display: block;width:215px;height:9px;background: no-repeat;margin:20px auto;}
.sectiontit p{font-size:16px;color:#949494;}
.sectiontit2,.sectiontit3,.sectiontit4{-webkit-transform:translatey(-150px);transform:translatey(-150px);opacity:0;}
.sectiontit2.tits,.sectiontit3.tits,.sectiontit4.tits{-webkit-transform:translatey(0);transform:translatey(0);opacity:1;}
.appwrap{width:1170px;margin:0 auto;}
.appitem{width:370px;float:left;margin-right: 30px;-webkit-transform:translatey(200px);transform:translatey(200px);opacity:0;transition:all .6s;}

.appitem.appitem1{-webkit-transform:translatey(0);transform:translatey(0);opacity:1;}
.appitem:last-child{margin-right:0;}
.appimg{width:100%;position:relative;/*overflow: hidden;*/cursor: pointer;}
.appimg img{width:100%;transition:all .5s;}
.appimg span{position:absolute;left:10px;top:10px;width:350px;height:200px;border:solid 1px #ddd7d0;box-sizing: border-box;transition:all .5s;}
.swiper_app .appimg span{width:350px;height:200px;}
.appimg em{position:absolute;left:11px;width:92px;height:92px;background:#fff;z-index:1;bottom:-50px;border-radius: 50%;}
.appimg em i{font-family: "iconfont";color:#000;font-size:46px;display:inline-block;text-align: center;margin: 20px 0 0 23px;}
.appitem h6,.swiper_app h6{margin-top:80px;font-size:16px;color:#000;padding-bottom:15px;transition:all .5s;}
.appitem p,.swiper_app p{font-size:14px;color:#999;line-height:24px;}
.appitem:hover span,.swiper_app:hover span{border:solid 1px #fff;-webkit-transform: scale(0.8);transform: scale(0.8);}
.appitem:hover h6,.swiper_app:hover h6{color:#ff5555;}
.appitem:hover .appimg img,.swiper_app:hover .appimg img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.appitem:hover em i,.swiper_app:hover em i{color:#ff5555;}

.swiper-container09{width:100%;height:0;overflow:hidden;}
.swiper_app{width:370px;transition: all .6s;margin:0 auto;}

/*技术优势*/
.jsbox{width:100%;overflow:hidden;background:#fff;}
.gwidth{width:1170px;margin:0 auto;}
.jstab{margin-bottom:60px;}
.jsitem{float:left;width:370px;text-align: center;margin-right:30px;-webkit-transform:translatex(-200px);transform:translatex(-200px);opacity:0;transition:all .7s;}
.jsitem.jsitem1{-webkit-transform:translatex(0);transform:translatex(0);opacity:1;}
.jsitem:nth-child(1){transition-delay: 0.3s;}
.jsitem:nth-child(2){transition-delay: 0.6s;}
.jsitem:nth-child(3){transition-delay: 1.9s;}
.jsitem:last-child{margin-right:0;}
.jsitem .g_icon{font-size:60px;font-family: "iconfont";color:#ff5555;}
.jsitem h6{margin:40px 0 20px;font-size:16px;color:#333;}
.jsitem span{width:100%;height:1px;background:#eff0f0;position:relative;display:block;}
.jsitem span em{position:absolute;left:0;top:0;width:0;height:1px;background:#ff5555;display:block;transition:all 1.5s;}
.jsitem p{margin-top:15px;font-size:14px;line-height:24px;color:#999;}
.jsitem:hover em{width:100%;}
.jsimgs{text-align: center;transition:all 1s 1.2s;-webkit-transform:translatey(180px);transform:translatey(180px);}
.jsimgs.jsimgs1{-webkit-transform:translatey(0);transform:translatey(0);}

/*服务领域*/
.servicebox{width:100%;height:822px;background: no-repeat;position:relative;overflow:hidden;}
.phone_dz{position:absolute;left:50%;bottom:0;margin-left:-250px;width:500px;height:560px;background: no-repeat;transition:all 0.8s .2s;-webkit-transform:translatey(570px);transform:translatey(570px);background-size:100%;}
.phone_dz.phone_dz1{-webkit-transform:translatey(0);transform:translatey(0);}
.keyword span{border-radius:50%;color:#fff;text-align: center;display:block;opacity:0;transition:all .4s;}
.keyword .span1{position:absolute;left:12%;bottom:210px;width:128px;height:128px;line-height:128px;background:#f6c01f;font-size:36px;transition-delay: 1.2s;-webkit-transform:translatex(-70px);transform:translatex(-70px);}
.keyword .span2{position:absolute;left:21%;bottom:348px;width:86px;height:86px;line-height:86px;background:#25d1b7;font-size:24px;transition-delay: 2s;-webkit-transform:translatey(-70px);transform:translatey(-70px);}
.keyword .span3{position:absolute;left:26%;bottom:250px;width:93px;height:93px;line-height:93px;background:#f54e6a;font-size:30px;transition-delay: 2.6s;-webkit-transform:translatey(70px);transform:translatey(70px);}
.keyword .span4{position:absolute;left:31%;bottom:355px;width:100px;height:100px;line-height:100px;background:#bb85f3;font-size:30px;transition-delay: 1.6s;-webkit-transform:translatey(-60px);transform:translatey(-60px);}
.keyword .span5{position:absolute;left:35%;bottom:167px;width:154px;height:154px;line-height:154px;background:#27d1b3;font-size:36px;transition-delay: 3s;-webkit-transform:translatey(50px);transform:translatey(50px);}
.keyword .span6{position:absolute;left:56%;bottom:300px;width:86px;height:86px;line-height:86px;background:#459bf5;font-size:24px;transition-delay: 2.4s;-webkit-transform:translatey(-60px);transform:translatey(-60px);}
.keyword .span7{position:absolute;left:62.5%;bottom:216px;width:100px;height:100px;line-height:100px;background:#bb85f3;font-size:30px;transition-delay: 2.8s;-webkit-transform:translatey(60px);transform:translatey(60px);}
.keyword .span8{position:absolute;left:67%;bottom:304px;width:155px;height:155px;line-height:155px;background:#f5bf1f;font-size:36px;transition-delay: 1.8s;-webkit-transform:translatey(-70px);transform:translatey(-70px);}
.keyword .span9{position:absolute;left:75.5%;bottom:200px;width:100px;height:100px;line-height:100px;background:#ff5555;font-size:30px;transition-delay: 1.4s;-webkit-transform:translatey(70px);transform:translatey(70px);}
.keyword .span10{position:absolute;left:84%;bottom:280px;width:72px;height:72px;line-height:72px;background:#23d1b7;font-size:24px;transition-delay: 2.2s;-webkit-transform:translatex(70px);transform:translatex(70px);}
.keyword.keyword2 .span1,.keyword.keyword2 .span10{-webkit-transform:translatex(0);transform:translatex(0);opacity: 1;}
.keyword.keyword2 .span2,.keyword.keyword2 .span3,.keyword.keyword2 .span4,.keyword.keyword2 .span5,.keyword.keyword2 .span6,.keyword.keyword2 .span7,.keyword.keyword2 .span8,.keyword.keyword2 .span9{-webkit-transform:translatey(0);transform:translatey(0);opacity: 1;}

.key_word{width:450px;margin:20px auto 0;text-align: center;display:none;}
.key_word span{display:inline-block;font-size:12px;font-family: "宋体";color:#999;height: 26px;line-height:26px;text-align: center;margin-right:5px;margin-bottom:7px;border:solid 1px #999;width:100px;background:#fff;}


/*推荐案例*/
.tj_casebox{width:100%;overflow:hidden;padding-bottom:80px;background:#fff;}
.casewdith{width:1170px;margin:0 auto;-webkit-transform:translatey(200px);transform:translatey(200px);opacity: 0;transition:all .7s .3s;}
.casewdith.casewdith2{-webkit-transform:translatey(0);transform:translatey(0);opacity: 1;}
.caselist li{width:240px;margin-right:30px;float:left;margin-bottom:40px;position:relative;overflow:hidden;/*height:auto;*/height:400px;cursor: pointer;}
.caselist li:nth-child(4n){margin-right:0;}
.caselist li img{width:100%;}
.caselist li img{width: 100%;transition: all .5s;}
.caselist li .casebg{position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background:#000;opacity:0;transition:all 0.5s;}
.caselist li .caselink{text-align: center;width:100%;position:absolute;left:0;top:-40px;height:42px;opacity:0;transition:all 0.3s 0.1s;}
.caselist li .caselink a{width:42px;height:42px;border-radius:50%;display:inline-block;margin:0 5px;}
.caselist li .caselink .search_icon{background:#e2e2e2;}
.caselist li .caselink .search_icon i{font-size:16px;text-align: center;display: block;line-height:42px;color:#000;font-family: "iconfont";}
.caselist li .caselink .link_icon{background:#e5493a;}
.caselist li .caselink .link_icon i{font-size:16px;text-align: center;display: block;line-height:42px;color:#fff;font-family: "iconfont";}
.caselist li .casetext{position:absolute;left:0;bottom:-70px;width:100%;height:70px;background:#fff;transition:all 0.3s 0.1s;}
.caselist .active .casebg{opacity:0.5;}
.caselist .active .casetext{bottom:0px;}
.caselist .active .caselink{top:50px;opacity:1;}
.caselist li .casetext h6{padding:0 15px ;font-size:14px;color:#000;line-height:1em;height:14px;overflow:hidden;margin:15px 0 12px;text-overflow: ellipsis;white-space: nowrap;}
.caselist li .casetext p{font-size:12px;color:#959595;padding:0 15px;line-height:1em;height:12px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.link_see{margin:0 auto;display:block;width:168px;height:40px;border:solid 1px #000;color:#000;line-height:40px;text-align: center;font-size:14px;border-radius:3px;overflow:hidden;position:relative;z-index:1;transition: all .5s;}
.link_see:before{content:"";position:absolute;left:0;top:0;background:#000;width:0;height:100%;transition: all .5s;z-index:-1;}
.link_see:hover:before{width:100%;}
.link_see:hover{color:#fff;}


/*-----------------响应式设计----------------------- */
/*服务项目*/
.servicwrap{width:100%;height:500px;}
.main1170{width:1170px;margin:0 auto;}
.ser_pos{position:relative;}
.linered{position:absolute;bottom:0;width:390px;height:4px;background:#ff5555;}
.linered i{position:absolute;left:50%;margin-left:-4px;bottom:-8px;width:7px;height:5px;background: 0 -120px no-repeat;}
.sertabs{width:100%;border-bottom:solid 4px #e0e0e0;}
.sertabs li{width:390px;text-align: center;float:left;cursor: pointer;transition:all 1s;opacity:0;-webkit-transform: translatey(100px);transform: translatey(100px);}
.sertabs.sertabs2 li{-webkit-transform: translatey(0);transform: translatey(0);opacity:1;}
.sertabs li:nth-child(2){transition-delay: 0.3s;}
.sertabs li:nth-child(3){transition-delay: 0.6s;}
.sertabs p{height:46px;font-size: 50px;font-family: "iconfont";color:#999;}
.sertabs p.active{color:#ff5555;}
.sertabs li h6{color:#999;font-size:30px;padding:20px 0;transition:all .5s;font-family: "webfont";-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.sertabs .active h6{color:#ff5555;}
.seritems{display:none;}
.serviccont{width:100%;border-top:solid 1px #ccc;padding-top:70px;margin-top:-2px;}
.serleft{float:left;margin-left:40px;margin-top:54px;width:570px;transition: all 2s 0.2s;
-webkit-transform: translatex(-200px);transform: translatex(-200px);opacity: 0;}
.serleft h6,.swiper_servic h6,.marketleft h6{color:#333;font-size:32px;font-family: "webfont";padding-bottom:25px;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.serleft p,.swiper_servic p,.marketleft p{line-height:25px;font-size:14px;color:#999;}
.iconleft{margin:25px 0 35px;height:40px;}
.iconleft span{display:inline-block;margin-top: 5px;font-size:34px;font-family: "iconfont";color:#ccc;vertical-align: top;}
.iconleft em{display:inline-block;margin:20px;width:27px;height:2px;background: 0 -180px no-repeat;}
.see_case{display:block;width:168px;height:40px;border:solid 1px #000;color:#000;line-height:40px;text-align: center;font-size:14px;border-radius:3px;overflow:hidden;position:relative;z-index:1;transition: all .5s;}
.see_case:before{content:"";position:absolute;left:0;top:0;background:#000;width:0;height:100%;transition: all .5s;z-index:-1;}
.see_case:hover:before{width:100%;}
.see_case:hover{color:#fff;}
.serright{float:right;margin-right:10px;max-width:535px;transition: all 2s 0.2s;-webkit-transform: translatex(200px);transform: translatex(200px);opacity: 0;}
.serright img{width:100%;}
.seritems2 .serleft{-webkit-transform: translatex(0);transform: translatex(0);opacity: 1;} 
.seritems2 .serright{-webkit-transform: translatex(0);transform: translatex(0);opacity: 1;} 

.swiper-container06,.swiper-container10{width:100%;height:0;overflow:hidden;}
.swiper_servic{width:560px;margin:0 auto;text-align: center;}
.servic1023 .see_case{margin:0 auto;}
.swiper-container06 .pagination,.swiper-container07 .pagination,.swiper-container08 .pagination,.swiper-container09 .pagination,.swiper-container10 .pagination{position:absolute;bottom:10px;width:100%;text-align: center;}
.swiper-container06 .swiper-pagination-switch,.swiper-container07 .swiper-pagination-switch,.swiper-container08 .swiper-pagination-switch,.swiper-container09 .swiper-pagination-switch,.swiper-container10 .swiper-pagination-switch{display: inline-block;width:13px;height:13px;background:#cfcfcf;border-radius:50%;margin:0 5px;cursor: pointer;vertical-align: middle;}
.swiper-container06 .swiper-active-switch,.swiper-container07 .swiper-active-switch,.swiper-container08 .swiper-active-switch,.swiper-container09 .swiper-active-switch,.swiper-container10 .swiper-active-switch{background:#ff5555;}

/*响应式技术优势*/
.technology{width:100%;background:#fff;overflow:hidden;padding-bottom:80px;}
.technologyicon{width:100%;}
.iconlist{width:1170px;margin:0 auto;-webkit-transform:translatey(100px) ;transform:translatey(100px) ;opacity: 0;transition:all 2s;}
.iconlist.iconlist2{-webkit-transform:translatey(0) ;transform:translatey(0) ;opacity: 1;}
.iconlist li{width:390px;float:left;box-sizing: border-box;text-align: center;padding-bottom:33px;}
.iconlist li .icon1,.icon_swiper li .icon1{font-size:50px;color:#ff5555;font-family: "iconfont";padding:40px 0 45px;height:50px;}
.iconlist li h6,.icon_swiper li h6{font-size:16px;color:#333;line-height:1em;height:16px;overflow:hidden;margin-bottom:15px;}
.iconlist li p,.icon_swiper li p{line-height:23px;height:46px;overflow:hidden;color:#999;font-size:14px;}
.iconlist li:nth-child(1){border-right:solid 1px #eff0f0;border-bottom:solid 1px #eff0f0;}
.iconlist li:nth-child(2){border-right:solid 1px #eff0f0;border-bottom:solid 1px #eff0f0;}
.iconlist li:nth-child(3){border-bottom:solid 1px #eff0f0;}
.iconlist li:nth-child(4){border-right:solid 1px #eff0f0;}
.iconlist li:nth-child(5){border-right:solid 1px #eff0f0;}

.icon_swiper{width:90%;margin:0 auto;text-align: center;}
.icon_swiper li{width:100%;padding-bottom:33px;}
.swiper-container07{width:100%;height:0;overflow:hidden;}
.majoricon i{font-size:50px;color:#ff5555;font-family: "iconfont";line-height: 84px;}

/*专业的设计服务*/
.majorfuwu{width:100%;/*background: no-repeat;background-size:cover;overflow:hidden;*/}
.majorbox{width:1170px;margin:0 auto;}
.majorlist li{width:270px;margin-right:30px;float:left;background:#fff;height:405px;transition:all 2s;-webkit-transform:translatex(-150px) ;transform:translatex(-150px);opacity: 0;}
.majorlist li.li1{-webkit-transform:translatex(0) ;transform:translatex(0);opacity: 1;}
.majorlist li:nth-child(4){margin-right:0;}
.majorlist li .majoritem,.swiper_major .majoritem{width:250px;height:385px;box-sizing: border-box;margin:10px auto;border:solid 1px #eaeaea;text-align: center;}
.majorlist li .majoricon,.swiper_major .majoricon{margin:28px auto 30px;height:84px;width:84px;border:solid 2px #ff5555;box-sizing: border-box;border-radius:50%;}
.majorlist li p,.swiper_major p{font-size:16px;line-height:36px;}
.majorlist li h6,.swiper_major h6{width:100%;height:42px;line-height:42px;margin-top:28px;background:#ededed;font-size:16px;}
.majorlist .active,.swiper_major.active{background:#ff5555;}
.majorlist .active .majoritem,.swiper_major.active .majoritem{border:solid 1px #ffaaaa;}
.majorlist .active .majoricon,.swiper_major.active .majoricon{border:solid 2px #fff;}
.majorlist .active p,.swiper_major.active p{color:#fff;}
.majorlist .active h6,.swiper_major.active h6{background:#fff;}
.majorlist .active .majoricon i{color:#fff;}

.swiper_major{width:270px;background:#fff;height:405px;margin:0 auto;transition:all 1.5s;text-align: center;}
.swiper-container08{position: relative;height:0;overflow:hidden;}

/*-----------------微信相关服务----------------------- */
/*产品及解决方案*/
.productwrap{width:100%;height:582px;}
.main1170{width:1170px;margin:0 auto;}
.ser_pos{position:relative;}
.line2{position:absolute;bottom:0;width:25%;height:4px;background:#ff5555;}
.line2 i{position:absolute;left:50%;margin-left:-4px;bottom:-8px;width:7px;height:5px;background: 0 -120px no-repeat;}
.producttbas{width:100%;border-bottom:solid 4px #e0e0e0;}
.producttbas li{width:25%;text-align: center;float:left;cursor: pointer;transition:all 1s;opacity:0;-webkit-transform: translatey(100px);transform: translatey(100px);}
.producttbas.producttbas2 li{-webkit-transform: translatey(0);transform: translatey(0);opacity:1;}
.producttbas li:nth-child(2){transition-delay: 0.3s;}
.producttbas li:nth-child(3){transition-delay: 0.6s;}
.producttbas li:nth-child(4){transition-delay: 0.9s;}
.producttbas p{height:46px;font-size: 50px;font-family: "iconfont";color:#999;}
.producttbas p.active{color:#ff5555;}
.producttbas li h6{color:#999;font-size:30px;padding:20px 0;transition:all .5s;font-family: "webfont";-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.producttbas .active h6{color:#ff5555;}
.productitems{display:none;}
.productcont{width:100%;border-top:solid 1px #ccc;margin-top:-2px;}
.productleft{float:left;margin-left:40px;margin-top:54px;width:570px;transition: all 2s 0.2s;
-webkit-transform: translatex(-200px);transform: translatex(-200px);opacity: 0;}
.productleft h6,.swiper_product h6{color:#333;font-size:30px;font-family: "webfont";padding-bottom:25px;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.productleft p,.swiper_product p{line-height:25px;font-size:14px;color:#999;max-height: 125px;overflow:hidden;}
.process{margin:25px 0 35px;width:100%;}
.process span{display:inline-block;font-size:12px;font-family: "宋体";color:#fff;height: 38px;line-height:38px;text-align: center;margin-right:5px;margin-bottom:5px;width:98px; ;}
.process .sp1{background:#ff8d8d;}
.process .sp2{background:#eab832;}
.process .sp3{background:#57d3e6;}
.process .sp4{background:#a7db36;}
.process .sp5{background:#57d3e6;}
.process .sp6{background:#57e976;}
.process .sp7{background:#eab832;}
.process .sp8{background:#d557f0;}

.see_case{display:block;width:168px;height:40px;border:solid 1px #000;color:#000;line-height:40px;text-align: center;font-size:14px;border-radius:3px;overflow:hidden;position:relative;z-index:1;transition: all .5s;}
.see_case:before{content:"";position:absolute;left:0;top:0;background:#000;width:0;height:100%;transition: all .5s;z-index:-1;}
.see_case:hover:before{width:100%;}
.see_case:hover{color:#fff;}

.productright{float:right;/*margin-right:50px;*/max-width:560px;transition: all 2s 0.2s;-webkit-transform: translatex(200px);transform: translatex(200px);opacity: 0;padding-top:2px;}
.productright img{width:100%;}

.productitems2 .productleft{-webkit-transform: translatex(0);transform: translatex(0);opacity: 1;} 
.productitems2 .productright{-webkit-transform: translatex(0);transform: translatex(0);opacity: 1;} 
.swiper-container05{width:100%;height:0;overflow:hidden;}
.swiper_product{width:560px;margin:0 auto;text-align: center;}
.product1023 .see_case{margin:0 auto;}
.process2{margin:25px auto 35px;}
.swiper-container05 .pagination{position:absolute;bottom:10px;width:100%;text-align: center;}
.swiper-container05 .swiper-pagination-switch{display: inline-block;width:13px;height:13px;background:#cfcfcf;border-radius:50%;margin:0 5px;cursor: pointer;vertical-align: middle;}
.swiper-container05 .swiper-active-switch{background:#ff5555;}

/*行业定制方案*/
.scheme{width:100%;padding-bottom:60px;background: no-repeat;background-size:cover;overflow:hidden;}
.schemewrap{width: 1170px;margin:0 auto;}
.schemelist,.introd,.titlenew{transition:all 1.2s .2s;opacity:0;-webkit-transform: translatey(100px);transform: translatey(100px);}
.schemelist.schemelist2,.introd.introd2,.titlenew.titlenew2{-webkit-transform: translatey(0);transform: translatey(0);opacity:1;}
.schemelist li{width:170px;height:170px;float:left;margin:0 30px 30px 0;text-align: center;background:#fff;transition:all .6s;}
.schemelist li:nth-child(6n){margin-right:0;}
.schemelist li h6,.swiper_list li h6{padding:40px 0 25px;height:52px;line-height:52px;font-size:52px;color:#ff5555;transition:all .6s;}
.schemelist li h6>i,.swiper_list li h6>i{font-size: 50px;font-family: "iconfont";color:#ff5555;}
.schemelist li p,.swiper_list li p{font-size:16px;color:#333;transition:all .6s;}
.schemelist li:hover{background:#ff5555;box-shadow:3px 5px 30px #ffaaaa;transform: translate3d(0, -10px, 0);}
.swiper_list li:hover{background:#ff5555;}
.schemelist li:hover h6{color:#fff;}
.swiper_list li:hover h6{color:#fff;}
.schemelist li:hover p{color:#fff;}
.swiper_list li:hover p{color:#fff;}
.schemelist li:hover h6>i,.swiper_list li:hover h6>i{color:#fff;}
.swiper-container04{position: relative;overflow:hidden;height:0;}
.swiper-container04 .pagination{position:absolute;bottom:20px;width:100%;text-align: center;}
.swiper-container04 .swiper-pagination-switch{display: inline-block;width:11px;height:11px;background:#cfcfcf;border-radius:50%;margin:0 5px;cursor: pointer;vertical-align: middle;}
.swiper-container04 .swiper-active-switch{background:transparent;border:2px solid #ff2200;}
.swiper_list{width:600px;margin:0 auto;}
.swiper_list li{width:170px;height:170px;float:left;margin:0 15px 30px ;text-align: center;background:#fff;transition:all .6s;}


/*微宝更新动态*/
.wiibaobox {width:100%;overflow:hidden;background:#fff;padding-bottom:60px;position:relative;}
.introd{position:relative;}
.line_g{position:absolute;left:0;top:36px;width:100%;height:1px;background:#ccc;z-index:-1;}
.introd ul{margin-bottom:60px;}
.introd li{float:left;width:270px;margin-right:30px;}
.introd .introdli_4{margin-right:0;}
.introd li>div{height:191px;}
.trend_1{background:  no-repeat 0 0;background-size:100%;}
.trend_2{background:  no-repeat 0 0;background-size:100%;}
.trend_3{background:  no-repeat 0 0;background-size:100%;}
.trend_4{background:  no-repeat 0 0;background-size:100%;}
.timep{margin-bottom:20px;text-align: center;}
.parentd{width:100%;margin:0 auto;padding-top:38%;color:#222;text-align: center;}
.h6com{padding-bottom:6%;font-size:14px;}
.lookde{display: inline-block;width:98px;height:26px;border:1px solid #222;color:#222;line-height: 26px;}
.trend_1:hover,.trend_2:hover,.trend_3:hover,.trend_4:hover{animation: moveyd 2s forwards; }
@keyframes moveyd {
	0%{transform: rotate(0);}
	33%{transform: rotate(5deg);}
	66%{transform: rotate(-5deg);}
	100% {transform: rotate(0);}
} 

.swiper-container0t{position: relative;height:0;overflow:hidden;}
.swiper-container0t .pagination{position:absolute;bottom:20px;width:100%;text-align: center;}
.swiper-container0t .swiper-pagination-switch{display: inline-block;width:11px;height:11px;background:#cfcfcf;border-radius:50%;margin:0 5px;cursor: pointer;vertical-align: middle;}
.swiper-container0t .swiper-active-switch{background:transparent;border:2px solid #ff2200;}
.swiper-trend{margin-top:36px;}
.swiper-trend>div{height:191px;width:270px;margin:0 auto;}
.trend_11{background:  no-repeat 0 0;background-size:100%;}
.trend_22{background:  no-repeat 0 0;background-size:100%;}
.trend_33{background:  no-repeat 0 0;background-size:100%;}
.trend_44{background:  no-repeat 0 0;background-size:100%;}

/*推荐案例*/
.wiibaocase{width: 100%;padding-bottom:140px;background:  no-repeat 0 0;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
    text-align: center;}
.userbox{position: relative;float:left;width:15.8%;margin-right:10px;}
.userbox:hover .ewm{opacity:1;top:-65px;}
.userbox:hover .userlogo{top:50px;}
.ewm{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;position:absolute;left:50%;margin-left:-52px;top:0;width:105px;height:105px;transition:all 0.6s;}
.userlogo{position:relative;width:100%;transition:all 0.6s;top:0;}
.userlogo img{width:100%;}
.userlogo:hover,.userlogo_1:hover{box-shadow:2px 2px 10px #ccc;}
.titlenew{margin-top:35px;}
.swiper-container03{position: relative;height:290px;overflow:hidden;}
.swiper-container03 .pagination,.swiper-container033 .pagination{position:absolute;bottom:20px;width:100%;text-align: center;}
.swiper-container03 .swiper-pagination-switch,.swiper-container033 .swiper-pagination-switch{display: inline-block;width:11px;height:11px;background:#cfcfcf;border-radius:50%;margin:0 5px;cursor: pointer;vertical-align: middle;}
.swiper-container03 .swiper-active-switch,.swiper-container033 .swiper-active-switch{background:transparent;border:2px solid #ff2200;}
.swiper-container033{position: relative;height:0;overflow:hidden;}
.userbox_1{position: relative;text-align: center;}
.ewm_1{position:absolute;left:50%;margin-left:-52px;top:0;width:105px;height:105px;}

.userlogo_1{position:absolute;left:50%;margin-left:-94px;top:120px;width:185px;height:90px;transition:box-shadow 0.6s;}


/*-----------------营销型网站开发----------------------- */
/*服务项目*/
.seritems{position:relative;} 
.marketleft{float:left;position:relative;z-index:1;width:550px;padding-top:90px;transition: all 2s 0.2s;
-webkit-transform: translatex(-200px);transform: translatex(-200px);opacity: 0;}
.marketleft p{margin-bottom:40px;}
.marketright{position:absolute;right:0;top:0;max-width: 804px;transition: all 2s 0.2s;-webkit-transform: translatex(200px);transform: translatex(200px);opacity: 0;}
.marketright img{width:100%;}
.marketcont{padding-bottom:60px;}
.seritems2 .marketleft{-webkit-transform: translatex(0);transform: translatex(0);opacity: 1;} 
.seritems2 .marketright{-webkit-transform: translatex(0);transform:translatex(0);opacity: 1;} 
.swiper_market{text-align: center;width:550px;margin:20px auto 0;}
.swiper_market h6{color: #333;font-size: 32px;font-family: "webfont";padding-bottom: 25px;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.swiper_market p{line-height: 25px;font-size: 14px;color: #999;margin-bottom:40px;}
.swiper_market .see_case{margin:0 auto;}

/*-----------------解决方案响应式------------------*/
@media only screen and (max-width:1600px) {
	.keyword .span5{bottom:80px;}
}

@media only screen and (max-width:1200px) {
	.toplist{width:90%;}
	.appwrap{width:960px;}
	.appitem{width:300px;}
	.appimg span{width:280px;height:158px;}
	.gwidth{width:960px;}
	.jsitem{width:300px;}
	.jsimgs img{width:960px;}
	.phone_dz{width:400px;height:448px;margin-left:-200px;}
	.keyword .span1{left:8%;}
	.keyword .span2{left:18%;}
	.keyword .span3{left:23%;}
	.keyword .span5{left:27%;}
	.keyword .span7{bottom: 180px;}
	.keyword .span9{bottom: 160px;}
	.keyword .span10{left:88%;}
	.servicebox{height:700px;}
	.casewdith{width:960px;}
	.caselist li{width:225px;margin-right:20px;}
	.caselist .active .caselink{top:25px;}
	.main1170,.iconlist,.majorbox{width:960px;}
	.sertabs li{width:320px;}
	.linered{width:320px;}
	.serleft{margin-left:0;width:450px;margin-top:20px;}
	.serright{margin-right:0;max-width:480px;}
	.iconlist li{width:320px;}
	.majorlist li{width:225px;margin-right:20px;}
	.majorlist li .majoritem{width:213px;height:393px;margin:6px auto;}
	.majorlist li p{font-size:14px;}
	.schemewrap{width:960px;}
	.schemelist li{width:143px;height:143px;margin-right:20px;margin-bottom:20px;}
	.schemelist li h6{padding: 30px 0 20px;}
	.introd li{width:225px;margin-right:20px;}
	.introd li>div{height:159px;}
	.userbox{margin-right:8px;}
	.productleft{width:500px;margin-top:40;margin-left:0;}
	.productright{max-width: 430px;margin-right:0;}
	.marketleft{width:470px;padding-top:70px;}
	.marketright{max-width: 700px;}
	.marketwrap{padding-bottom:60px;}
	.productwrap{height:680px;}
}

@media only screen and (max-width:1023px) {
	.introd,.titlenew{display: none;}
	.swiper-container0t{height:315px;}
	.swiper-container033 {height: 300px;}
	.wiibaocase{padding-bottom:60px;}
	.main1170{width:90%;}
	.swiper-trend{margin-top:0;}
	.wiibaobox{padding-bottom:50px;}
	.sectiontit{padding-top:50px;padding-bottom:40px;}
	.schemewrap,.gwidth{width:90%;}
	.schemelist{display: none;} 
	.swiper-container04{height:450px;}	
	.sectiontit2,.sectiontit3,.sectiontit4,.casewdith,.jsitem{-webkit-transform:translatey(0);transform:translatey(0);opacity:1;}
	.videobox,.banner1bg{display:none;}
	.videobox #video{display:none;}
	.banner1023{display:block;}
	.banbox p{width:80%;}
	.productwrap,.technologyicon,.appwrap{display:none;}
	.swiper-container05{height:440px;}
	.fixedlist{display:none;}
	.header{top:0 !important;}
	.servicwrap{display:none;}
	.swiper-container06{height:330px;}
	.swiper-container07{height:490px;}
	.icon_swiper li .icon1{padding:25px 0 ;}
	.majorbox{display:none;}
	.swiper-container08{height:480px;}
	.casewdith{width:90%;text-align: center;}	
	.caselist li{float:none;display: inline-block;width:270px;margin:0 20px 20px;}
	.caselist li:nth-child(4n){margin:0 20px 20px;}
	.swiper-container09{height:450px;}
	.phone_dz,.keyword,.jsimgs{display:none;}
	.key_word{display:block;}
	.servicebox{height:400px;}
	.jsitem{float:none;margin:0 auto 60px;width:370px;}
	.jsitem:last-child{margin:0 auto 60px;}
	.jstab {margin-bottom:0;}
	.swiper-container10{height:300px;}
	.casewidth{-webkit-transform: translatey(0);transform: translatey(0);opacity: 1;}  
	.caselist{text-align: center;}  
	.banner1{position:relative !important;} 
	.apptop,.serviceitems,.productbox,.marketwrap{margin-top:0 !important;}
	.banner1023 {display: block;}
	.productbox,.wiibaocase{padding-bottom:50px;}
	
}

@media only screen and (max-width:800px) {
	.sectiontit p{display:none;}
	.swiper-container04{height:650px;}
	.swiper_list{width:400px;}
	.banner1 {height:400px;}
	.banner1 p{display:none;}
	.banbox h6{padding-bottom:30px;}
}

@media only screen and (max-width:600px) {
	.swiper_product,.swiper_servic{width:90%;}
	.process{width:100%;}
	.swiper_market{width:80%;}
}

@media only screen and (max-width:500px) {
	.wiibaocase,.wiibaobox{padding-bottom:40px;}
	.sectiontit h6{font-size:38px;}
	.swiper-container04{height:525px;}
	.swiper_list{width:100%;text-align: center;}
	.swiper_list li{float:none;display:inline-block;width:140px;height:140px;margin:0 10px 10px 0;}
	.swiper_list li:nth-child(2n){margin-right:0;}
	.swiper_list li h6{padding:30px 0 20px;}
	.banbox h6{font-size:40px;}
	.banbox p{width:85%;}
	.banbox{padding-top:145px;}
	.sectiontit h6{font-size:38px;}
	
	.swiper-container06{height:300px;}
	.swiper_app,.key_word{width:90%;margin-top:0;}
	.swiper_app .appimg span{width:90%;height:90%;left:5%;top:5%;}
	.jsitem{width:80%;}
	.swiper_market{width:90%;}
	.swiper-container10{height:330px;}
	.process span{width:80px;}
}


@media only screen and (max-width:400px) {
	.jsitem{width:100%;}
	.banner1{height:350px;}
	.banbox{padding-top:130px;}
}
@media only screen and (max-width:375px) {
	.swiper_list li{margin:0 4px 10px 0;height:130px;width:130px;}
	.swiper_list li h6{padding:26px 0 18px;}
	.swiper-container04{height:490px;}
	.swiper-container09{height:430px;}
	.caselist li{width:90%;margin:0 auto 20px;}
	.caselist li:nth-child(4n){margin:0 auto 20px;}
}