body{
	background: none;
}
.content{width:94%;margin:0 3%;overflow:hidden;position:relative;z-index:1;padding-top:0px;float:left;}
.content.mokuai-list{width:100%;margin:0;background-image:url(/images/bg_mokuai.jpg);background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover;padding:35px 0 0 0;float:left;margin:30px 0;}
.content.mokuai-list{color:#fff;}
.container03{width:100%; height:710px; padding:0;overflow:hidden;margin:0px auto;position:relative;padding-top:35px;text-align: center; background-color:#FFF}
.container03.service{height:510px;}
.container03 ul.dianxing{width:100%;padding:0;float:left;text-align:center;}
.container03 ul.dianxing li a img{width:70px;height:55px;}
.container03 ul.dianxing li{width:115px;height:57px;float:left;text-align:center;text-indent:-500px;overflow:hidden;border:1px solid #ddd;margin:0 5px 5px 0;border-radius:4px;}
.container03 .payflow{width:98%;padding-left:2%;height:30px;}
.container03 .payflow span{display:block;width:275px;float:left;height:26px;line-height:26px;margin-right:1px;color:#fff;text-align:left;text-indent:10px;}
.container03 .payflow span.c1{background:#555;}
.container03 .payflow span.c2{background:#888;}
.container03 .payflow span.c3{background:#aaa;}
.container03 .payflow strong{float:left;width:90px;height:26px;line-height:26px;color:#fff;margin-right:1px;background:#333;}
.container03 .payflow b{font-size:19px;}
.container03.case{position:Relative;}
.index-mall-promotion#index1{width:92%;max-width:1800px;margin:0 auto;height:720px;}
.container03 .youshi{width:1500px;max-width:100%;position:relative;margin:0 auto;clear:both;height:65%;text-align:center;}
.container03 .youshi ul.infolist{z-index:999;}
.container03 .youshi ul.infolist li .ys{padding:0px;text-align:right;font-size:20px; color:#333;font-weight:bold; display:block;width:100%;height:35px;line-height:30px;}
.container03 .youshi ul.infolist li p{width:100%;text-align:right;font-size:16px; line-height:28px; padding-top:5px;}
.container03 .youshi ul.infolist li.i5 p,.container03 .youshi ul.infolist li.i6 p,.container03 .youshi ul.infolist li.i7 p,.container03 .youshi ul.infolist li.i8 p{text-align:left;}
.container03 .youshi ul.infolist li.i5 .ys,.container03 .youshi ul.infolist li.i6 .ys,.container03 .youshi ul.infolist li.i7 .ys,.container03 .youshi ul.infolist li.i8 .ys{text-align:left;}
.container03 .youshi ul.infolist li{padding:0;position:absolute;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;cursor:crosshair;}
.container03 .youshi ul.infolist li.i1{left:8%;top:1%;}
.container03 .youshi ul.infolist li.i2{left:8%;top:30%;}
.container03 .youshi ul.infolist li.i3{left:8%;top:60%;}
.container03 .youshi ul.infolist li.i4{left:8%;top:85%;}
.container03 .youshi ul.infolist li.i5{right:8%;top:1%;}
.container03 .youshi ul.infolist li.i6{right:8%;top:30%;}
.container03 .youshi ul.infolist li.i7{right:8%;top:60%;}
.container03 .youshi ul.infolist li.i8{right:8%;top:88%;}
.container03 .youshi ul.infolist li.i1:hover{left:10%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi ul.infolist li.i2:hover{left:8%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi ul.infolist li.i3:hover{left:7%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi ul.infolist li.i4:hover{left:10%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi ul.infolist li.i5:hover{right:10%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi ul.infolist li.i6:hover{right:8%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi ul.infolist li.i7:hover{right:7%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi ul.infolist li.i8:hover{right:10%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi ul.infolist li.i5 span{right:0;left:-5px;}
.container03 .youshi ul.infolist li.i6 span{right:0;left:-5px;}
.container03 .youshi ul.infolist li.i7 span{right:0;left:-5px;}
.container03 .youshi ul.infolist li.i8 span{right:0;left:-5px;}
.container03 .youshi ul.infolist li span{display:inline-block;width:6px;height:6px;border-radius:50%;position:relative;top:-4px;right:-5px;}
.container03 .youshi ul.infolist li:hover span{background:#d64329;}
.container03 .youshi img.targetarrow{margin-top:0%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi .target:hover img.targetarrow{transform: rotateZ(90deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi .target:hover img.logoc{top:300px;transform: rotateZ(360deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi img.logoc{position:absolute;z-index:99;right:45px;top:91px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .youshi .target{width:414px;height:414px;margin:0 auto;position:Relative;}
ul.infolist{width:98%;margin:0 1%;}
ul.infolist li{
	width: 28%;
	padding-left: 2%;
	float: left;
	height: 140px;
	text-align: left;
	margin-bottom: 30px;
}}
ul.infolist li strong{font-size:20px;display:block;width:100%;height:40px;line-height:30px;}
ul.infolist li p{font-size:12px;margin:0;line-height:22px;text-align:left;width:90%;}
.container03 .titlebig strong{font-size:15px;font-weight:normal;}
.container03 .titlebig{margin-top:50px;}
.container03 .titlebig.lanmu2 strong{position:relative;left:269px;font-size:24px;}
.container03 .titlebig.lanmu2 strong.news{left:552px;}
.container03 h4{font-size:16px;margin:5px 0;}
.container03 p span{display:inline-block;padding:2px 20px;color:#fff;}
.container03 ul.caselist{filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;width:100%;float:left;position:absolute;left:0;top:0;height:100%;}
.container03 .casesort-list{width:100%;height:65%;float:left;position:relative;}
.container03 ul.caselist.current{filter:alpha(opacity=100); -moz-opacity:1.0;-khtml-opacity: 1.0;opacity:1.0;-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-ms-transition: all 1.5s ease;-o-transition: all 1.5s ease;transition: all 1.5s ease;}
.container03 ul.caselist li{overflow:hidden;position:relative;width:20%;padding:0;float:left;height:auto;margin:0;overflow:hidden;text-align:center;}
.container03 ul.caselist li .sort{font-size:13px;padding:5% 0;border:none;width:100%;position:relative;top:400px;display:inline-block;}
.container03 ul.caselist li .name{padding:20% 0 4% 0;position:relative;top:-200px;padding-bottom:15px;margin:0 auto;width:auto;font-size:19px;color:#ddd;display:inline-block;border-bottom:1px solid #fff;}
.container03 ul.caselist span:hover .sort{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;top:0;}
.container03 ul.caselist span:hover .name{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;top:0;}
.container03 ul.caselist span a img{width:70px;height:60px;position:absolute;right:-70px;bottom:0;z-index:999;border:none;box-shadow:0 0 0 0 #fff;}
.container03 ul.caselist span:hover img{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;right:0;}
.container03 ul.caselist li p{margin:0;}
.container03 ul.caselist li a:link,.container03 ul.caselist li a:visited{color:#999;display:block;width:100%;height:auto;overflow:hidden;}
.container03 ul.caselist li img{border:none;width:100%;height:auto;transition: all 0.4s;-webkit-filter: grayscale(25%);}
.container03 ul.caselist li:hover span{display:block;filter:alpha(opacity=90); -moz-opacity:0.90;-khtml-opacity: 0.90;opacity: 0.90;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 ul.caselist li span{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;width:100%;height:100%;background:#0143a4;position:absolute;left:0;top:0;z-index:9999;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.container03 ul.caselist li span a:link,.container03 ul.caselist li span a:visited{color:#fff;display:block;width:100%;height:100%;}
.container03 .titlebig,.container04 .titlebig{position:relative;width:100%;margin:0;display:block;height:52px;line-height:42px;text-align:center;font-size:35px;margin-top:25px;font-weight:normal;float:left;color:#555;}
.container03 ul.caselist li:hover span{filter:alpha(opacity=90); -moz-opacity:0.90;-khtml-opacity: 0.90;opacity: 0.90;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03.lanmu{height:auto;padding:0;}
.container03#all4{width:100%;height:200px;background:#000;padding-top:30px;}
.content.allwidth{width:100%;margin:0 auto;}
.container03 ul.arclist{width:23.3%;float:left;overflow:hidden;margin:0 0 0 1%;}
.container03 ul.arclist.arc-all{width:94%;margin:0 3%;}
.container03 ul.arclist.arc-all li{width:25%;float:left;}
.container03 ul.arclist h2{background-repeat:no-repeat;background-position:center top;background-size:cover;width:99%;height:120px;text-align:left;text-indent:0;line-height:100px;font-size:15px;font-weight:normal;margin:0 0 20px 0;overflow:hidden;}
.container03 ul.arclist h2 span{width:26%;text-align:center;display:inline-block;color:#fff;background:#0c8bf1;font-size:14px;height:30px;line-height:30px;position:relative;top:44px;left:0%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.5s ease;transition: all 0.3s ease;}
.container03 ul.arclist h2:hover span{width:33%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.container03 ul.arclist li{position:relative;width:100%;height:29px;line-height:29px;text-align:left;text-indent:20px;float:left;}
.container03 ul.arclist li span{color:#ddd;position:absolute;right:0;top:-50px;}
.container03 ul.arclist a:link,.container03 ul.arclist a:visited{position:relative;left:-5px;padding-left:25px;font-size:14px;text-indent:0;display:block;width:94%;height:100%;background:url(/images/f0ea5bb5a2ae4388b36fcc2227b370dd.gif.gif) 3px 2px no-repeat;border-radius:3px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;float:left;}
.container03 ul.arclist a:hover{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.5s ease;transition: all 0.3s ease;background:url(/images/f0ea5bb5a2ae4388b36fcc2227b370dd.gif.gif) 2px -28px no-repeat;}
.container03 ul.arclist.arc1 h2{background-image:url(/images/arc-xcx.jpg);}
.container03 ul.arclist.arc2 h2{background-image:url(/images/arc-web.jpg);}
.container03 ul.arclist.arc3 h2{background-image:url(/images/arc-app.jpg);}
.container03 ul.arclist.arc4 h2{background-image:url(/images/arc-seo.jpg);}
.container03 ul.seo-key{width:94%;margin:0 3%;float:left;}
.container03 ul.seo-key li{width:42%;float:left;margin:3% 8% 3% 0;text-align:left;padding-bottom:30px;}
.container03 ul.seo-key span{float:left;width:20%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 ul.seo-key span img{width:128px;height:128px;}
.container03 ul.seo-key .info{width:68%;float:right;text-align:left;padding:15px 0 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 ul.seo-key li:hover .info{padding-right:20px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 ul.seo-key li:hover span{padding-left:20px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 ul.seo-key .info .title{font-size:18px;display:inline-block;width:100%;height:45px;line-height:30px;}
.container03 ul.seo-key .info p{font-size:14px;line-height:22px;margin:0;text-align:left;}
.container03 ul.icon-list{width:40%;float:left;text-align:center;margin-top:25px;}
.container03 .intro-left{width:40%;float:left;}
.container03 .intro-right{width:40%;float:right;text-align:center;}
.container03 .textintro.guanwang.jianju_r{width:43%;padding-right:10%;}
.container03 .textintro.jianju_l{width:43%;padding-left:10%;}
.container03 ul.icon-list li{width:33%;float:left;color:#fff;margin:0 0 6% 0;}
.container03 ul.icon-list li img{margin-bottom:10px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 ul.icon-list li:hover img{transform: rotateZ(360deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .op{width:100%;height:130px;margin:0 auto;float:left;}
.container03 .op.orange a.btn-talk:link,.container03 .op.orange a.btn-talk:visited{background:#02c341;position:relative;top:15px;}
.container03 .op.orange a.btn-talk:hover{background:#000;}
.container03 .op a.btn-talk:link,.container03 .op a.btn-talk:visited{display:inline-block;width:350px;height:46px;line-height:46px;background:#247dff;font-size:16px;color:#fff;margin:0 auto;border-radius:6px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 .op a.btn-talk:hover{background:#000;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;text-decoration: none;}
.footer{
    width:100%;
    margin-top:0;padding:20px 0px;background-color:#2746a0;background-position:center top;background-repeat:no-repeat;background-size:cover;
    text-align: center;
    overflow: hidden;
}
.container03 .app{width:100%;float:left;text-align:left;line-height:24px;}
.container03 .app ul{width:100%;float:left;padding:0;}
.container03 .app li{width:21%;padding:0 2%;float:left;height:300px;text-align:center;}
.container03 .app li:hover{background:#fff;}
.container03 .app li p{font-size:12px;color:#777;line-height:24px;margin:0;}
.container03 .app li a:link,.container03 .app li a:visited{display:block;width:100%;height:60px;padding-top:120px;font-size:17px;margin-top:25px;color:#555;}
.container03 .app li.i1 a:link,.container03 .app li.i1 a:visited{background:url(/images/ios.png) center top no-repeat;}
.container03 .app li.i2 a:link,.container03 .app li.i2 a:visited{background:url(/images/android.png) center top no-repeat;}
.container03 .app li.i3 a:link,.container03 .app li.i3 a:visited{background:url(/images/wechat.png) center top no-repeat;}
.container03 .app li.i4 a:link,.container03 .app li.i4 a:visited{background:url(/images/h5.png) center top no-repeat;}
.container03 .app.sub li{position:relative;padding-top:39px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;height:290px;padding-top:0;}
.container03 .app.sub ul{padding:0;}
.container03 h3.web{text-indent:640px;}
#index2{width:98%;padding:0 1%;height:680px;background-image: url(/images/indextaocan.jpg);background-repeat: no-repeat;background-position: center top;background-attachment: fixed;background-size: cover;}
#index2 .titlebig,#index2 p{color:#fff;}
#index2 .titlebig{padding-top:25px;}
.container03#index2 ul.list-xcx{position:absolute;left:0;bottom:0;height:70%;overflow:hidden;}
.container03#index2 ul.list-xcx p{color:#555;}
.content#kj{margin:0;width:100%;background-image:url(/images/bg_kj.jpg);background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover;padding:35px 0 0 0;}
.content#kj h2{color:#fff;}
.container03#index3{width:100%;height:730px;}
.container03#index5{width:100%;height:690px;background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover;}
.container03.panel#index5{height:auto;}
.container03#index5 p a:link,.container03#index5 p a:visited{display:inline-block;padding:2px 10px;border:1px solid #ccc;font-size:12px;color:#999;border-radius:4px;margin:0 1px;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.container03#index5 p a:hover{border:1px solid #555;color:#fff;background:#555;}
.container03#index6{width:100%;height:650px;background-image:url(/images/indexwenda.jpg);background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover;}
.container03#index6 .titlebig,.container03#index6 p{color:#fff;}
.container03#index6 .flow{width:100%;text-align:center;height:400px;padding:50px 0 0;float:left;}
.container03#index6 ul.wenda{width:98%;margin:0 1%;height:65%;position:relative;float:left;text-align:left;}
.container03#index6 ul.wenda li{display:inline-block;width:22%;color:#fff;line-height:35px;}
.container03#index6 ul.wenda li .title{font-size:14px;color:#fff;}
.container03#index6 ul.wenda li span{display:inline-block;width:30px;height:30px;border-radius:50%;background:#247dff;color:#fff;margin-right:5px;font-size:22px; text-align:center;position:relative;top:3px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03#index6 ul.wenda li:hover span{background:#f60;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03#index6 ul.wenda li p{margin:0;font-size:12px;text-align:left;padding:6px 0 0 5px;color:#ccc;}
.container03#index6 ul.wenda li.w1{position:absolute;left:2%;top:1%;transform: rotateZ(-4deg);}
.container03#index6 ul.wenda li.w2{position:absolute;left:35%;top:3%;transform: rotateZ(3deg);}
.container03#index6 ul.wenda li.w3{position:absolute;left:3%;top:30%;transform: rotateZ(-1deg);}
.container03#index6 ul.wenda li.w4{position:absolute;right:10%;top:3%;transform: rotateZ(3deg);}
.container03#index6 ul.wenda li.w5{position:absolute;left:32%;top:39%;transform: rotateZ(0deg);}
.container03#index6 ul.wenda li.w6{position:absolute;right:17%;top:31%;transform: rotateZ(-8deg);}
.container03#index6 ul.wenda li.w7{position:absolute;left:5%;top:65%;transform: rotateZ(-6deg);}
.container03#index6 ul.wenda li.w8{position:absolute;left:38%;top:62%;transform: rotateZ(1deg);}
.container03#index6 ul.wenda li.w9{position:absolute;right:10%;top:62%;transform: rotateZ(9deg);}
.container03#index6 ul.wenda li.w10{position:absolute;left:32%;top:86%;width:55%;transform: rotateZ(-1deg);}
.container_wrap#web,.container_wrap#shop{width:94%;padding:0 3%;}
.container_wrap#web h2,.container_wrap#shop h2{text-align:left;margin:0 0 25px 0;}
.container_wrap .container03 .textintro .title{text-align:left;margin-top:35px;font-size:26px;padding-bottom:20px;}
.banner_sec{width:100%;height:419px;overflow:hidden;background-size:cover;background-position:center top;background-repeat:no-repeat;}
.banner_sec.case{background-image:url(/images/bg_case.jpg);}
.banner_sec.us{background-image:url(/images/bg_us.jpg);}
.banner_sec.zixun{background-image:url(/images/bg_zixun.jpg);}
.banner_sec.work{background-image:url(/images/bg_case.jpg);}
.banner_sec.plan{background-image:url(/images/bg_plan.jpg);}
.banner_sec.zhibo{background-image:url(/images/bg_plan.jpg);}
.banner_sec.seo{background-image:url(/images/bg_seo.jpg);}
.banner_sec.eshop{background-image:url(/images/bg_eshop.jpg);}
.banner_sec.app{background-image:url(/images/bg_app.jpg);}
.banner_sec.xcx{background-image:url(/images/bg_xcx.jpg);margin-top: 80px;}
.banner_sec.web{background-image:url(/images/bg_web1.jpg);}
.banner_sec_wrap{width:1200px;height:280px;position:relative;margin:0 auto;}
.banner_sec_wrap .title{display:none;width:60%;padding:0 15px 0 0;margin:0 auto;position:relative;top:180px;right:0;font-size:50px;color:#fff;border:none;text-align:right;z-index:999;margin:0 auto;float:none;text-shadow:1px 1px 1px #000;text-align:center;}
.banner_sec_wrap .title p{display:none;width:100%;font-size:18px;margin:50px 0 0;color:#fff;}
table.datagrid{width:90%;font-size:14px;background:#ddd;}
table.datagrid td{background:#fff;padding-left:9px;height:26px;}
.line{width:100%;height:10px;line-height:10px;overflow:hidden;float:left;clear:both;}
.line1{width:100%;height:50px;line-height:50px;overflow:hidden;float:left;clear:both;}
.line2{width:100%;height:30px;line-height:30px;overflow:hidden;float:left;clear:both;}
.guanlian{width:100%;float:left;padding:15px 0 35px 0;}
p.grey{color:#999;}
.share{width:100%;float:left;padding-top:40px;font-size:14px;line-height:28px;margin:0 auto;}
.container_wrap{width:100%;clear:both;overflow:visible;}
.container03 .container_s img.dianshang.guanwang img{height:350px;height:auto;}
.container03 .app.sub li.i1 a:link, .container03 .app.sub li.i1 a:visited{background:url(/images/ios.png) center 45px no-repeat;line-height:140px;}
.container03 .app.sub li.i2 a:link, .container03 .app.sub li.i2 a:visited{background:url(/images/android.png) center 45px no-repeat;line-height:140px;}
.container03 .app.sub li.i3 a:link, .container03 .app.sub li.i3 a:visited{background:url(/images/wechat.png) center 45px no-repeat;line-height:140px;}
.container03 .app.sub li.i4 a:link, .container03 .app.sub li.i4 a:visited{background:url(/images/h5.png) center 45px no-repeat;line-height:140px;}
.container03 .app.sub li a:link,.container03 .app.sub li a:visited{color:#999;}
.container03 .app.sub li:hover{background:none;}
ul.itemlist{width:100%;height:40px;float:left;line-height:40px;margin-top:15px;}
ul.itemlist li{width:33.3%;float:left;height:40px;font-size:18px;text-align:left;text-indent:5px;}
ul.itemlist li:last-child{text-indent:0;}
.header .header_main a:link.back,.header .header_main a:visited.back{display:none;width:47px;height:47px;background:url(/images/arrow_back.png) center center no-repeat;position:absolute;top:0;left:0.5%;text-indent:-500px;overflow:hidden;z-index:999999;}
blockquote{background:#fff;border-radius:10px;padding:15px 25px;display:inline-block;box-shadow: 1px 2px 5px #ccc;}
.container03 img.dianshang{float:right;position:absolute;right:10px;bottom:70px;width:auto;}
.container03 img.dianshang1{float:right;position:absolute;right:50px;bottom:0;}
.container03 img.dianshang.guanwang{position:absolute;left:30px;bottom:70px;}
.container_wrap.android{background-image:url(/images/bg_android.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;}
.container_wrap.h5{background-image:url(/images/bg_h5.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;}
.container_wrap.ios{background-image:url(/images/bg_ios.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;}
.container_wrap.web{background-image:url(/images/bg_web2.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;}
.container_wrap.wechat{background-image:url(/images/bg_wechat.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;height:605px;}
.container_wrap.ios .container03{padding-top:0;}
.container_wrap.ios .title{color:#fff;text-align:left;margin-top:35px;}
.container_wrap.ios .container03 .textintro{color:#fff;}
.container_wrap.web .title{color:#fff;text-align:left;margin-top:35px;}
.container_wrap.web .container03 .textintro{color:#fff;}
.container03 .container_s ul.wechat-list a:link,.container03 .container_s ul.wechat-list a:visited{display:block;width:90%;padding:0 5%;text-align:center;height:307px;padding-top:30px;font-size:18px;border-radius:5px;border:1px solid #ccc;}
.container03 .container_s ul.wechat-list li a:hover{background-color:#222;color:#fff;border:1px solid #222;filter:alpha(opacity=55); -moz-opacity:0.55;-khtml-opacity: 0.55;opacity: 0.55;}
.container03 .container_s ul.wechat-list a p{font-size:13px;width:94%;padding:0 3%;text-align:left;margin-top:15px;line-height:23px;}
.container03 .container_s.wx{height:450px;margin:0;}
.container03 .textintro.guanwang.j2{padding-top:40px;}
.container03 .textintro ul.sort li p{margin:0;font-size:14px;line-height:65px;color:#333;display:block;}
.container03.service.j2ee img.dianshang.guanwang{bottom:0;}
.container03 .textintro ul.sort{width:100%;float:left;padding-top:50px;position:relative;left:-1%;}
.container03 .textintro ul.sort li{width:118px;float:left;margin:0 1%;height:170px;line-height:110px;}
.container03 .textintro ul.sort li a:link,.container03 .textintro ul.sort a:visited{display:block;width:96px;height:96px;text-align:center;border-radius:50%;font-size:16px;margin:0 auto;text-indent:-2000px;overflow:hidden;background-repeat:no-repeat;background-position:center center;}
.container03 .textintro ul.sort li a:hover{}
.container03.service.j2ee img.dianshang.guanwang.j2pic{bottom:80px;}
.container03.service.video img.guanwang{position:Relative;float:left;left:10px;top:20px;}
.container03.service.shop img.dianshang{bottom:0;}
.container_wrap h6{width:100%;height:150px;line-height:110px;font-size:24px;text-align:center;font-weight:normal;margin:0;float:left;}
.wrapper { width: 1200px; margin: 0 auto; position: relative; }
.container03 ul.list-xcx{width:100%;margin:0;height:480px;float:left;}
.container03 ul.list-xcx li{width:20%;float:left;height:100%;text-align:center;filter:alpha(opacity=55); -moz-opacity:0.55;-khtml-opacity: 0.55;opacity: 0.55;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 ul.list-xcx li p{margin:10px auto;width:85%;font-size:12px;line-height:24px;float:none;}
.container03 ul.list-xcx li strong{font-size:18px;display:block;width:100%;height:40px;line-height:40px;padding-top:20px;color:#000;}
.container03 ul.list-xcx li img{width:90%;height:auto;}
.container03 ul.list-xcx li.x1{background:#fff9cd;}
.container03 ul.list-xcx li .title{font-size:16px;font-weight:bold;padding-top:50px;}
.container03 ul.list-xcx li.x2{background:#fdf1e5;filter:alpha(opacity=95); -moz-opacity:0.95;-khtml-opacity: 0.95;opacity: 0.95;}
.container03 ul.list-xcx li.x3{background:#e5fdf2;}
.container03 ul.list-xcx li.x4{background:#fdf1e5;filter:alpha(opacity=95); -moz-opacity:0.95;-khtml-opacity: 0.95;opacity: 0.95;}
.container03 ul.list-xcx li.x5{background:#e5fdf2;}
.container03 ul.list-xcx li:hover{padding-top:20px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 ul.list-xcx li.x1:hover{filter:alpha(opacity=100); -moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.container03 ul.list-xcx li.x2:hover{filter:alpha(opacity=100); -moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.container03 ul.list-xcx li.x3:hover{filter:alpha(opacity=100); -moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.container03 ul.list-xcx li.x4:hover{filter:alpha(opacity=100); -moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.container03 ul.list-xcx li.x5:hover{filter:alpha(opacity=100); -moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.container03 ul.xcx-flow{width:100%;height:350px;text-align:center;float:left;margin-top:90px;}
.container03 ul.xcx-flow li{width:20%;float:left;text-align:center;height:100%;}
.container03 ul.xcx-flow li p{font-size:14px;line-height:24px;margin:30px auto 0 auto;width:80%;float:none;color:#11a046;}
.container_wrap#xcx .container03.allwidth{width:100%;padding:0;}
.container_wrap#xcx {
    width: 100%;
    background-image: url(/images/banner_bg1.jpg);
    background-repeat: no-repeat;
    height: 630px;
    overflow: hidden;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
    padding: 35px 0 0 0;
}
.container_wrap#xcx .container03 .titlebig {
    color: #fff;
    text-align: left;
}
.container_wrap#xcx .container03.allwidth h2{margin-top:45px;}

#index2 h2.nopadding{padding-top:0;}
.container03 ul.xcx-flow li:hover img{transform: rotateZ(360deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.container03 ul.xcx-flow li img{max-width:90%;}
.container03.xcx-why{background-image:url(/images/xiaochengxu1.jpg);background-repeat:no-repeat;background-position:center bottom;}
@media screen and (min-width: 1800px) { 
.container03 .casesort-list {height: 75%;} 
} 
@media screen and (min-width: 1800px) { 
.container03 .casesort-list {height: 75%;} 
} 
.left-fixnav{ position:fixed; top:150px; z-index:999999; background:#fff; border:1px solid #eeeeee; right:-115px; width:113px; }
.left-fixnav .nav-switch{ position:absolute; left:-32px; width:31px; height:153px; background:url(/images/fixnav-switch2.png) no-repeat;}
.left-fixnav .nav-switch.open{background:url(/images/fixnav-switch.png) no-repeat;}
.left-fixnav li{ text-align:center;}
.left-fixnav li div{ padding:5px 0; margin-bottom:5px;}
.left-fixnav li a{ display:block; padding:15px 0; background:#ff8e0a; color:#fff; opacity:0.9; font-size:15px;}
.left-fixnav li a:hover{ opacity:1;}
.left-fixnav li a.bg01{ background:#ff8e0a;}
.left-fixnav li a.bg02{ background:#3eb982;}
.left-fixnav li a.bg03{ background:#3399cc;}
.left-fixnav li a.bg04{ background:#666699;}
.left-fixnav .kefu-qq{ position:absolute; width:190px; padding:20px; left:-232px; background:#fff; top:0; text-align:left; border:1px solid #eeeeee; display:none;}
.left-fixnav .kefu-qq dl{ margin-bottom:16px;}
.left-fixnav .kefu-qq dt{ margin-bottom:10px;}
.left-fixnav .kefu-qq dd{ padding-left:30px; margin-bottom:10px;}
.left-fixnav .kefu-qq dd a{ display:inline; background:none; }
.left-fixnav .kefu-qq dd span{ display:inline-block; width:40px;}
/*小程序案例*/
.a_anliBox{
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	margin: 110px auto 50px auto;
}
/*.a_anli_l{
	width: 180px;
	background: ##f8f8f8;
}
.a_anli_l>p{
	cursor: pointer;
	box-sizing: border-box;
    width: 100%;
    border-left: 4px solid #f8f8f8;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #333;
}
.a_anli_l .a_anli_l_active{
	border-left: 4px solid #ff7800;
	color: #ff7800;
}*/
.a_anli_r{
	width: 1025px;
	margin: 0 auto;
}
.a_anli_r ul{
	width: 100%;
	font-size: 0;
	margin: 0 auto;
}
.a_anli_r ul>li{
	width: 20%;
	display: inline-block;
}
.a_anli_r ul>li>div{
	width: 80%;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.a_anli_r ul>li>img{
	width: 80%;
}
.a_anli_r_span{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 0;
	font-size: 14px;
}
.a_anli_r ul>li>div>p{
	/*opacity: 0;*/
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
.a_anli_r>div{
	display: none;
}
.a_anli_r>div:nth-of-type(1){
	display: block;
}
/*小程序nav*/
.a_anliBox .a_btn{
	margin: 0 auto 50px auto;
}
.a_btn {
  font-size: 0;
  display: inline-block;
}
.a_btn li {
  list-style: none;
  display: inline-block;
  position: relative;
  height: 50px;
  width: 181px;
  background: #fff;
  color: #6cf;
  font-size: 16px;
  text-align: center;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  border: 1px solid #e5e5e5;
}
.a_btn li:not(:last-child) {
  border-right: 0;
  margin-right: 1px;
  margin-top: 1px;
}
.a_btn li::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 1px;
  right: -2px;
  top: -2px;
  background-color: #6cf;
  z-index: -1;
  transition: width 0.4s linear, height 0.4s linear;
}
.a_btn li:hover::before {
  content: "";
  transition: width 0.4s linear, height 0.4s linear;
  width: 181px;
  height: 51px;
}
.a_btn li::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 1px;
  left: -2px;
  bottom: -2px;
  background-color: #6cf;
  z-index: -1;
  transition: width 0.4s linear, height 0.4s linear;
}
.a_btn li:hover::after {
  content: "";
  transition: width 0.4s linear, height 0.4s linear;
  width: 181px;
  height: 51px;
}