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:url("../images/secBg.png")/*tpa=http://www.js-web.cc/cn/template/new6/images/secBg.png*/ 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: "Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑";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: "Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑";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 .dz_see:before{content:"";position:absolute;left:0;top:0;background:#fff;width:0;height:100%;transition: all .5s;z-index:-1;}
.banBox .dz_see:hover:before{width:100%;}
.banBox .dz_see:hover{color:#000;}*/

.banBox.banBox2 .dz_see{opacity: 1;-webkit-transform:translateY(0);transform:translateY(0);}
.fixedList{position:absolute;top:-60px;left:0;width:100%;height:60px;background:rgba(0,0,0,0.3);z-index:5;}
.fixedList.fixed2{position:fixed;top:0;background:rgba(0,0,0,1)}
.topList{width:1170px;height:100%;margin:0 auto;}
.topList 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;}
.topList2 li{width:50%;}
.topList3 li{width:33.3%;}
.topList li:last-child{border-right:solid 1px #68696a;}
.topList .active{color:#72b6e8;}

/*app定制*/

.itemBox{position:relative;z-index:2;}
.appTop,.serviceItems,.productBox,.marketWrap{width:100%;background:#fff;overflow:hidden;padding-bottom:75px;margin-top:510px;position:relative;z-index:2;}
.productBox{padding-bottom:0;}
.sectionTit{padding-top:80px;text-align: center;padding-bottom:60px;transition:0.5s 0.2s;}
.sectionTit h6{font-size:48px;font-family:"rtws_shanggothic_g0vultraLtCn";color:#333;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.sectionTit span{display: block;width:215px;height:9px;background:url("../images/line.png")/*tpa=http://www.js-web.cc/cn/template/new6/images/line.png*/ 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:nth-child(1){transition-delay: 0.4s;}
.appItem:nth-child(2){transition-delay: 0.8s;}
.appItem:nth-child(3){transition-delay: 1.2s;}
.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: "aapico";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:#076cb6;}
.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:#076cb6;}

.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:#076cb6;}
.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:#076cb6;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:url("../images/bg2.jpg")/*tpa=http://www.js-web.cc/cn/template/new6/images/bg2.jpg*/ no-repeat;position:relative;overflow:hidden;}
.phone_dz{position:absolute;left:50%;bottom:0;margin-left:-250px;width:500px;height:560px;background:url("../images/shouji.png")/*tpa=http://www.js-web.cc/cn/template/new6/images/shouji.png*/ 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:#076cb6;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:100%;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{position:relative;float:left;width:22.5%; margin-left:2%; margin-bottom:40px;overflow:hidden;}
.caseList li img{width: 100%;transition: all .5s;}
.caseList li:hover{ box-shadow:0 10px 10px rgba(0,0,0,.2)}
.caseList li .caseBg{position:absolute;left:0;top:0;bottom:70px;width:100%;background:rgba(0,0,0,.5);opacity:0;transition:all 0.5s;}
.caseList li .caseLink{text-align: center;width:100%;position:absolute;left:0;top:21px; margin-top:-21px;height:42px;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 img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.caseList .active .caseText{bottom:0px;}
.caseList .active .caseBg {opacity:1;}
.caseList .active .caseBg  .caseLink{ top:50%;}
.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:#076cb6;}
.lineRed i{position:absolute;left:50%;margin-left:-4px;bottom:-8px;width:7px;height:5px;background:url("../images/icon.png")/*tpa=http://www.js-web.cc/cn/template/new6/images/icon.png*/ 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","aapico";color:#999;}
.serTabs p.active{color:#076cb6;}
.serTabs li h6{color:#999;font-size:30px;padding:20px 0;transition:all .5s;font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑";-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.serTabs .active h6{color:#076cb6;}
.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:url("../images/icon.png")/*tpa=http://www.js-web.cc/cn/template/new6/images/icon.png*/ 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:#076cb6;}


/*响应式技术优势*/
.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:#076cb6;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:#076cb6;font-family: "iconfont";line-height: 84px;}

/*专业的设计服务*/
.majorFuwu{width:100%;height:730px;background:url("../images/secBg4.jpg")/*tpa=http://www.js-web.cc/cn/template/new6/images/secBg4.jpg*/ 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 #076cb6;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:#076cb6;}
.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:#076cb6;}
.line2 i{position:absolute;left:50%;margin-left:-4px;bottom:-8px;width:7px;height:5px;background:url("../images/icon.png")/*tpa=http://www.js-web.cc/cn/template/new6/images/icon.png*/ 0 -120px no-repeat;}
.productTbas{width:100%;border-bottom:solid 4px #e0e0e0;}
.productTbas li{width:33.33%;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:#076cb6;}
.productTbas li h6{color:#999;font-size:30px;padding:20px 0;transition:all .5s;font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑";-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.productTbas .active h6{color:#076cb6;}
.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: "Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑";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:#076cb6;}

/*行业定制方案*/
.scheme{width:100%;padding-bottom:60px;background:url("../images/secBg4.jpg")/*tpa=http://www.js-web.cc/cn/template/new6/images/secBg4.jpg*/ 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:#076cb6;transition:all .6s;}
.schemeList li h6>i,.swiper_list li h6>i{font-size: 50px;font-family: "iconfont";color:#076cb6;}
.schemeList li p,.swiper_list li p{font-size:16px;color:#333;transition:all .6s;}
.schemeList li:hover{background:#076cb6;box-shadow:3px 5px 30px #FFAAAA;transform: translate3d(0, -10px, 0);}
.swiper_list li:hover{background:#076cb6;}
.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 #076cb6;}
.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: url("../images/new01.png.html")/*tpa=http://www.js-web.cc/cn/template/new6/images/new01.png*/ no-repeat 0 0;background-size:100%;}
.trend_2{background: url("../images/new02.png.html")/*tpa=http://www.js-web.cc/cn/template/new6/images/new02.png*/ no-repeat 0 0;background-size:100%;}
.trend_3{background: url("../images/new03.png.html")/*tpa=http://www.js-web.cc/cn/template/new6/images/new03.png*/ no-repeat 0 0;background-size:100%;}
.trend_4{background: url("../images/new04.png.html")/*tpa=http://www.js-web.cc/cn/template/new6/images/new04.png*/ 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 #076cb6;}
.swiper-trend{margin-top:36px;}
.swiper-trend>div{height:191px;width:270px;margin:0 auto;}
.trend_11{background: url("../images/new01.png.html")/*tpa=http://www.js-web.cc/cn/template/new6/images/new01.png*/ no-repeat 0 0;background-size:100%;}
.trend_22{background: url("../images/new02.png.html")/*tpa=http://www.js-web.cc/cn/template/new6/images/new02.png*/ no-repeat 0 0;background-size:100%;}
.trend_33{background: url("../images/new03.png.html")/*tpa=http://www.js-web.cc/cn/template/new6/images/new03.png*/ no-repeat 0 0;background-size:100%;}
.trend_44{background: url("../images/new04.png.html")/*tpa=http://www.js-web.cc/cn/template/new6/images/new04.png*/ no-repeat 0 0;background-size:100%;}

/*推荐案例*/
.wiibaoCase{width: 100%;padding-bottom:140px;background: url("../images/userbg.png")/*tpa=http://www.js-web.cc/cn/template/new6/images/userbg.png*/ 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 #076cb6;}
.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: "Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑";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;}

	.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;}	
	.caseList li{width:47%; margin-left:2%; padding-bottom:5px; position:relative;}
	.caseList li .caseBg{ right:0; bottom:5px; width:80px; left:auto; top:auto; background:none; opacity:1; height:50px;}
    .caseList li .caseText {height:50px;bottom:0px; position:relative; float:left; width:60%; overflow:hidden; margin-left:10px;}
    .caseList li .caseText h6{ margin:0; padding:0; height:25px; line-height:25px;  overflow:hidden;}
	.caseList li .caseText p{ margin:0; padding:0; height:25px; line-height:25px;   overflow:hidden;}
	.caseList li .caseLink{ position:relative; top:0; left:0; float:right; padding:4px 0; overflow:hidden; opacity:1; width:80px; margin-top:0;}
	.caseList .active img{-webkit-transform: scale(1);transform: scale(1);}
	.caseList .active .caseBg .caseLink{ top:0;} 
	.caseList li img{ margin-bottom:5px;}
	.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;}
	.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;}
	
	.caseList li{width:90%; margin-left:5%;}
}


@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;}
	
}