@charset "utf-8";html{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{width:100%;margin:0 auto;background:#fff;text-align:center;font:12px "Microsoft Yahei","微软雅黑",Arial,"宋体",sans-serif;height:100%;color:#555;width:100%;padding:0;_overflow-x:hidden}body.homepage{margin:0 auto;background:#fff}a:link,a:visited{color:#363636;text-decoration:none}a:hover{color:#09f}img,a img{border:0;vertical-align:middle}li,ul{list-style:none}li,ul,form{margin:0;padding:0}input,select{font-size:12px;vertical-align:middle}.hidden{display:none}h3{font-size:14px}a,area{blr:expression(this.onFocus=this.blur())}:focus{outline:0}strong,b{font-weight:normal}#blank{width:100%;height:82px}.header{width:100%;height:60px;position:relative;overflow:visible;position:fixed;top:0;left:0;z-index:99999;background:#000}.header .header_main{width:100%;margin:0 auto;height:100%;position:relative}.header .header_main h1{position:absolute;left:0;top:0;text-indent:-400px;margin:0;padding:0;background:url(../images/logo.png) center 10px no-repeat;width:160px;height:61px}.header .header_main h1 a{text-indent:-10000px;display:block;width:100%;height:100%;overflow:hidden}.header .mainnav{width:710px;position:absolute;right:0;top:0;height:60px;border-right:1px solid #333}.header .mainnav li{width:100px;height:100%;line-height:60px;float:left;text-align:left;border-left:1px solid #333;position:relative}.header .mainnav li a:link,.header .mainnav li a:visited{display:block;height:100%;width:100%;color:#999;text-align:center;font-size:15px;cursor:pointer}.header .mainnav li a:hover{background:url(../images/arrow-menu.png) center bottom no-repeat}.header .mainnav li.current a:link,.header .mainnav li.current a:visited{background:url(../images/arrow-menu.png) center bottom no-repeat}.header .chat{width:81px;height:60px;background:url(../images/talk-qq.png) center 15px no-repeat;color:#ccc;position:absolute;right:0;top:0}.header .chat a:link,.header .chat a:visited{display:block;width:100%;height:100%;overflow:hidden;line-height:103px;color:#ccc;text-indent:-500px;overflow:hidden}.header .chat:hover{transform:rotateZ(360deg);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.content{width:98%;margin:0 1%;overflow:hidden;position:relative;z-index:1;padding-top:0;float:left}.container01{width:100%;height:560px;overflow:hidden;position:relative;float:left}.content .container01 .news ul.combo li{width:81px;float:left}.container03{width:100%;padding:0;overflow:hidden;margin:0 auto;position:relative;padding-top:35px}.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:90%;max-width:1800px;margin:0 auto;height:750px;border-radius:10px}.index-mall-promotion#index1 .box{width:85%;margin:0 auto;min-width:1200px}.container03 ul.youshi{width:95%;clear:both;margin:0 auto;position:relative;top:55px;min-width:95%}.container03 ul.youshi li{width:20%;float:left;-webkit-transition:all 1.5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.container03 ul.youshi li:hover{margin-top:-10px}.container03 ul.youshi img{height:72px;width:auto;padding:35px;border-radius:50%;background:#eee}.container03 ul.youshi .title_s{font-size:16px;width:100%;height:55px;font-weight:bold;line-height:65px;padding-top:25px}.container03 ul.youshi p{width:80%;line-height:22px;color:#777;margin:0 auto;float:none}ul.infolist{width:98%;margin:0 1%}ul.infolist li{width:23%;padding-left:2%;float:left;height:100px;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%}.content .container04 .contentview .detail pre{font-size:12px;float:left}.container03 .titlebig,.container04 .titlebig,.container05 .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 .titlebig strong,.container05 .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}.index-mall-promotion .titlebig{position:relative;width:100%;margin:0;display:block;height:52px;line-height:42px;text-align:center;font-size:35px;padding-top:50px;font-weight:normal;float:left;color:#555;margin-top:10px}.index-mall-promotion p{margin:0 0 75px 0;width:100%;text-align:center;float:left;font-size:14px;line-height:22px}.container03 h4{font-size:16px;margin:5px 0}.container04 p,.container03 p{margin:10px 0 35px 0;width:100%;text-align:center;float:left;font-size:14px;line-height:22px}.container03 p span{display:inline-block;padding:2px 20px;color:#fff}.content .container04 .webinfo span{display:inline-block;color:#c00;font-size:12px;padding-top:10px}.content .container02 ul.businesslist li a.more{display:block;width:98%;height:24px;line-height:24px;text-align:right;float:left;margin-top:10px}.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:95%;min-width:95%;clear:both;margin:0 auto;position:relative;padding-bottom:50px}.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;z-index:9999}.container03 ul.caselist li{overflow:hidden;position:relative;width:19.5%;padding:0;float:left;height:auto;margin:0 .3% .5% .2%;overflow:hidden;text-align:center}.container03 ul.caselist li .sort{font-size:13px;padding:5% 0;border:0;width:100%;position:relative;top:400px;display:inline-block}.container03 ul.caselist li .name{padding:30% 0 4% 0;position:relative;top:-200px;margin:0 auto;width:auto;font-size:19px;color:#ddd;display:inline-block}.container03 ul.caselist span:hover .sort{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;top:0}.container03 ul.caselist span:hover .name{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;top:0}.container03 ul.caselist span a img{width:70px;height:60px;position:absolute;right:-70px;bottom:0;z-index:999;border:0;box-shadow:0 0 0 0 #fff}.container03 ul.caselist span:hover img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .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:0;width:100%;height:auto;transition:all .4s;-webkit-filter:grayscale(25%)}.container03 ul.caselist li:hover span{display:block;filter:alpha(opacity=90);-moz-opacity:.90;-khtml-opacity:.90;opacity:.90;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.container03 ul.caselist li span{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;width:100%;height:100%;background:#000;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 ul.caselist li:hover span{filter:alpha(opacity=80);-moz-opacity:.80;-khtml-opacity:.80;opacity:.80;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.container03.lanmu{height:auto;padding:0}.container03#all4{width:100%;height:200px;background:#000;padding-top:30px}.content .positoin{width:100%;text-align:left;font-size:14px}.content .container04 .c_right ul.caselist li span{display:none;width:99%;height:99%;border-radius:5px;box-shadow:1px 1px 0 #aaa;padding:1px;background:#000;position:absolute;left:1px;top:1px;z-index:9999}.content .container04 .c_right ul.caselist li span a:link,.content .container04 .c_right ul.caselist li span a:visited{color:#fff;display:inline-block;width:60%;height:30px;line-height:30px;font-size:14px;border:3px solid #3eb6fb;background:#076aa3;border-radius:10px;text-align:center;cursor:pointer}.content .container04 .c_right ul.caselist li b.big{padding-bottom:15px;float:left;width:80%;padding:30% 10% 4% 10%;font-size:19px;color:#ddd;line-height:39px}.content .container04 .c_right ul.caselist li b.big b{font-size:19px}.content .container04 .c_right ul.caselist li b.small{display:inline-block;font-size:14px;color:#ddd;padding:0 0 10% 0;width:100%;text-align:center} .container03 ul.businesslist li ul.subbiz li ul{height:160px;padding-top:5px}.content .container04{width:100%;padding:0;overflow:hidden;margin:5px 0 0;line-height:19px}.content .container04 .case{width:710px;float:left;border:1px solid #bbb;background:#fff;height:auto!important;height:auto;min-height:600px;overflow:visible;_overflow-x:hidden}.content .container04 .case h3,.content .container04 .other h3{position:relative;text-indent:10px;width:100%;margin:0;display:block;height:27px;background:url(../images/bg_business.gif) 0 -8px;line-height:25px;text-align:left}.content .container04 .case h3 strong{position:absolute;right:10px;top:0;font-weight:normal;font-size:12px;color:#999}.content .container04 .other{width:230px;float:right;border:1px solid #bbb;background:#fff;height:auto!important;height:auto;min-height:200px;margin-bottom:5px}.content .container04 .c_left{width:180px;float:left;margin-top:20px;text-align:left}.content .container04 .c_right{width:100%;float:right;text-align:center;line-height:22px;padding-bottom:40px}.content .container04 .c_right.nleft{width:75%;float:left;border-right:1px dashed #ddd;overflow:hidden}.content .container04 .nright{width:23%;float:right;padding-top:39px}.content .container04 .nright .title{padding:0;width:100%;clear:both;height:40px;font-size:20px;margin:0;font-weight:normal;text-align:left;color:#555;border:0}.content .container04 .nright ul.taglist{width:90%;float:left;text-align:left;padding:10px 0}.content .container04 .nright ul.taglist li{display:inline-block;padding:0 10px 10px 0;font-size:14px}.content .container04 .nright ul.taglist li a:link,.content .container04 .nright ul.taglist li a:visited{font-size:12px;text-decoration:underline;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .5s ease;transition:all .3s ease}.content .container04 .nright ul.taglist li a:hover{font-weight:bold}.content .container04 .nright h3{width:100%;float:left;text-align:left;margin:0 0 10px 0}.content .container04 .nright ul.arclist li{width:100%;padding:5px 0;margin:0;height:30px;line-height:30px}.content .container04 .nright ul.arclist li:last-child{border:0}.content .container04 .nright ul.arclist{padding:0 0 30px 0;float:left}.content .container04 .nright ul.arclist li a{left:0;font-size:14px;height:30px}.content .container04 .nright ul.article-all{width:100%;float:left;margin:10px 0 10px -8px;}.content .container04 .nright ul.article-all li{width:45%;height:25px;margin:0 0 12px 0;float:left}.content .container04 .nright ul.article-all li a:link,.content .container04 .nright ul.article-all li a:visited{display:block;width:90%;margin:0 auto;height:25px;line-height:25px;font-size:14px;border:1px solid #09f;color:#09f;border-radius:5px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .5s ease;transition:all .3s ease}.content .container04 .nright ul.article-all li a:hover{background:#09f;color:#fff}.content .position{width:100%;font-size:14px;text-align:left}.content .container04 .c_right.large{width:100%}.content .container04 .c_right.allsize{width:100%}.content .container04 .c_right .title{width:100%;height:50px;border-bottom:1px dashed #ccc;position:relative;margin:0;padding:0;padding-right:5px;float:left;margin-bottom:5px;text-align:center}.content .container04 .c_right .title a{position:absolute;right:10px;top:50px;font-size:12px;font-weight:bold}.content .container04 .title{position:relative;width:100%;font-size:21px;height:50px;border-bottom:1px solid #bbb;float:left;text-align:left;padding:10px 0 0;margin:20px 0 15px 0;color:#aaa}.content .container04 .title h5{font-size:12px;font-weight:normal;color:#bbb;margin:5px 0 0}.content .container04 .title span{font-size:12px;font-weight:normal;display:inline-block;padding:5px 20px;border:1px solid #888;border-radius:5px;color:#888}.content .container04 .title span a{color:#888}.content .container04 .title span a:hover{color:#222}.content.allwidth{width:100%;margin:0 auto}.content.allwidth .container04 ul.fangan_list li{width:20%;margin:0}.content .container04 .c_right ul.caselist li p{margin:0;font-size:12px;text-align:left;line-height:20px;color:#777}.content .container04 .c_right ul.caselist{width:100%;padding-top:35px}.content .container04 .c_right ul.caselist li{position:relative;width:29%;padding:0 3% 0 0;height:auto;float:none;display:-webkit-inline-box;text-align:center;margin:0 1% 1% 0;background:#fff;border-radius:4px;padding-bottom:15px}.content .container04 .c_right ul.caselist li .casepic{width:100%;height:auto;margin:10px 0 15px 0;overflow:hidden}.content .container04 .c_right ul.caselist li img{width:100%;height:auto;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.content .container04 .c_right ul.caselist li:hover img{transform:scale(1.1);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .content .container04 .c_right ul.caselist li a:link,.content .container04 .c_right ul.caselist li a:visited{display:block;width:100%;text-align:left;background:#fff;padding-top:1px;font-size:16px;font-weight:normal;overflow:hidden}.content .container04 .c_right ul.caselist li b{font-weight:normal;font-size:16px}.content .container04 .c_right ul.caselist li .info{width:100%;height:70px;overflow:hidden;font-size:12px;color:#777;line-height:22px;text-align:left;padding-top:5px}.content .container04 .c_right ul.caselist li .info strong{display:inline-block;width:auto;float:none;clear:both;border-radius:5px;font-size:12px;height:20px;line-height:20px;background:#f60;margin-bottom:5px;padding:0 5px;color:#fff}.container03.newsall{max-height:550px}.container03 ul.arclist{width:32.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;margin-bottom:5px;}.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:37%;text-align:center;display:inline-block;color:#fff;background:#09f;font-size:14px;height:30px;line-height:30px;position:relative;top:44px;left:-10px;border-radius:10px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .5s ease;transition:all .3s ease}.container03 ul.arclist h2:hover span{width:45%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .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%;background:url(../images/dot.gif) 3px 2px no-repeat;border-radius:3px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;float:left}.container03 ul.arclist span a:link,.container03 ul.arclist span a:visited{color:#fff;padding-left:10px}.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.icon-list{width:40%;float:left;text-align:center;margin-top:25px}.content .container04 .contentview{width:100%;font-size:14px;line-height:25px}.content .container04 .contentview .title{display:block;width:100%;float:left;height:30px;color:#444;margin:5px 0;font-size:16px}.content .container04 .contentview h4{position:relative;left:-2%;font-size:26px;margin:0;padding:45px 0 10px 0;width:100%;text-align:center;color:#363636;font-weight:normal}.content .container04 .contentview h5{position:relative;left:-2%;margin:0;font-size:11px;font-weight:normal;padding:0 0 10px 0;text-align:center;color:#aaa}.content .container04 .contentview .detail h4{left:0}.content .container04 .c_right.large .contentview .detail{text-align:left;line-height:26px;padding:50px 5% 30px 5%;width:89.5%;float:left;background:#fff;border-radius:15px;font-size:15px;box-shadow:1px 2px 10px 1px #ccc}.content .container04 .c_right .contentview .detail{text-align:left;line-height:24px;padding:25px 3% 10px 1%;width:94%;float:left;font-size:15px}.content .container04 .c_right.large{padding-bottom:65px}.content .container04 .contentview .detail h3{background:0;font-size:14px;text-indent:0;margin:0;float:left;color:#c00}.content .container04 .contentview .detail p{margin:0;padding:0;text-align:left;margin-bottom:10px;font-size:15px;line-height:26px;color:#444;width:100%}.content .container04 .contentview .detail strong{font-size:16px;color：#000;float:none;display:inline-block;padding-bottom:10px;font-weight:bold}.content .container04 .contentview .detail li{width:100%;padding-bottom:10px;float:left}.content .container04 .contentview .detail li h4{text-align:left;margin-bottom:20px}.content .container04 .contentview .detail img{max-width:100%;min-width:70%;padding-bottom:15px;display:block;margin:0 auto}.content .container04 .contentview .detail a:link,.content .container04 .contentview .detail a:visited{color:#09f}.content .container04 .contentview .detail h2{font-weight:bold;padding:0;display:inline-block;margin:20px 0;font-style:none;color:#000;line-height:30px;text-decoration:none;font-size:17px;float:left;clear:both;width:100%;height:auto;}.content .container04 .contentview .detail ul.map-list{width:100%;padding:10px 0;float:left}.content .container04 .contentview .detail ul.map-list li{padding:0;width:16.6%;float:left;height:auto!important;height:auto;min-height:40px} .content .container04 .contentview .detail ul.map-list li ul.map-list-sub{width:100%;float:left}.content .container04 .contentview .detail ul.map-list li ul.map-list-sub li{padding:0;min-height:20px;width:100%;font-size:12px}ul.contact-list{width:100%;margin-top:-50px}.content .container04 .contentview .detail ul.contact-list li{width:22%;height:300px;float:left;padding:0}.content .container04 .contentview .detail ul.contact-list li a:link,.content .container04 .contentview .detail ul.contact-list a:visited{display:block;width:100%;height:130px;background:#fff;text-align:center;color:#777;padding-top:170px;font-size:18px;color:#43bcf5}.content .container04 .contentview .detail ul.contact-list li.i4 a:link,.content .container04 .contentview .detail ul.contact-list li.i4 a:visited{background:url(../images/icon_c4.png) center 60px no-repeat}.content .container04 .contentview .detail ul.contact-list li.i3 a:link,.content .container04 .contentview .detail ul.contact-list li.i3 a:visited{background:url(../images/icon_c3.png) center 60px no-repeat}.content .container04 .contentview .detail ul.contact-list li.i2 a:link,.content .container04 .contentview .detail ul.contact-list li.i2 a:visited{background:url(../images/icon_c2.png) center 60px no-repeat}.content .container04 .contentview .detail ul.contact-list li.i1 a:link,.content .container04 .contentview .detail ul.contact-list li.i1 a:visited{background:url(../images/icon_c1.png) center 60px no-repeat}.content .container04 .contentview .detail ul.contact-list li.i1{margin-left:8%}.baidumap{width:100%;height:auto;text-align:center;padding-bottom:50px;padding-top:20px}.content .container04 .contentview .detail ul.contact-list p{text-align:center;color:#777;font-size:16px;margin-top:5px}.content .container04 .contentview .ourinfo{width:100%;text-align:left;color:#bbb;line-height:22px;padding:20px 0;float:left}.content .container04 .contentview .ourinfo a:link,.content .container04 .contentview .ourinfo a:visited{color:#bbb}.content .container04 ul.arclist{text-align:left;width:100%;padding:30px 0 0}.content .container04 ul.arclist li{width:50%;float:left;height:120px;overflow:hidden;float:left;margin-bottom:10px;padding-bottom:7px;padding-top:10px;border-bottom:1px dashed #ddd}.content .container04 ul.arclist li a{font-weight:normal;font-size:14px;position:relative;left:10px;top:2px;color:#333}.content .container04 ul.arclist li a.title{font-size:18px;text-align:left;margin-bottom:9px;}.content .container04 ul.arclist li span{font-size:12px;line-height:15px;text-align:center;background:#09f;color:#fff;float:left;width:15px;margin-right:5px;margin-top:9px;height:15px;border-radius:50%}.content .container04 ul.arclist li p{margin:0;color:#999;font-size:14px;text-indent:0;width:95%;line-height:18px;float:left;padding-top:0;text-align:left}.content ul.pagelist{width:100%;height:50px;float:left;text-align:left;padding:10px 0;overflow:hidden;margin:0 auto}.content ul.pagelist span{position:relative;left:-700px}.content .container04 ul.pagelist li{float:left;text-align:right;overflow:hidden;width:20px;height:20px;margin-right:10px}.content .container04 ul.pagelist li a:link,.content .container04 ul.pagelist li a:visited{display:block;width:100%;height:20px;overflow:hidden;cursor:pointer;border-radius:50%;text-align:center;line-height:20px;background:#ddd;color:#888}.content .container04 ul.pagelist li a:hover{background:#555;color:#fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.content .container04 ul.pagelist li.thisclass{background:#09f;color:#fff;text-align:center;border-radius:50%;line-height:20px}.content .container04 .contentview .detail ul.pagelist li{float:none;display:inline-block;text-align:right;overflow:hidden;width:20px;height:20px;margin-right:10px}.content .container04 .contentview .detail ul.pagelist li:first-child a:link,.content .container04 .contentview .detail ul.pagelist li:first-child a:visited{background:#09f;color:#fff}.content .container04 .contentview .detail ul.pagelist{padding:0;text-align:center;margin-top:15px}.content .container04 .contentview .detail ul.pagelist a:link,.content .container04 .contentview .detail ul.pagelist a:visited{color:#888;font-size:12px}.content .container04 .contentview .detail ul.pagelist a:hover{color:#fff}.content .container04 .product .content ul.pagelist strong{background:0;display:inline;color:#555}.content .container04 .aboutus{width:680px;padding:15px;text-align:left;line-height:26px;font-size:12px}.content .container04 .product{width:98%;margin:10px 1% 20px 1%;float:left;display:inline;border:1px solid #ccc;background:url(../images/bg_subnav.gif) 0 0 no-repeat}.content .container04 .product .item{position:relative;width:258px;float:left;text-align:left;height:auot!important;height:auto;min-height:582px}.content .container04 .product .item h4{margin:0;width:100%;font-size:12px;padding:0;float:left;text-indent:10px}.content .container04 .product ul.itemlist{padding:0;width:100%;float:left} .content .container04 .product ul.itemlist li{width:100%;height:49px;line-height:49px;font-weight:bold;float:left;border-bottom:1px solid #ddd;text-indent:15px;font-size:14px}.content .container04 .product ul.itemlist li.now{background:#fff}.content .container04 .c_right .content{width:610px;float:right;text-align:left;line-height:28px;font-size:14px;padding:10px 30px 10px 30px}.content .container04 .c_right .content strong{display:block;width:100%;height:22px;line-height:22px;margin:5px 0}.content .container04 .c_right .content b{display:block;width:100%;height:24px;padding:0 0 5px 0}.content .container04 .c_right .content .title{font-size:20px;font-weight:bold;color:#0663a5;height:80px;border-bottom:1px dashed #ccc;margin-bottom:10px}.container05{width:1200px;height:700px;margin:0 auto;clear:both;padding-top:70px}.container05 ul.flow{width:100%;height:500px;background:url(../images/flow.png) center top no-repeat;margin-top:80px;position:Relative}.container05 ul.flow li{position:absolute;z-index:999;width:215px;height:115px;text-align:center;font-size:18px}.container05 ul.flow li:nth-child(1){left:11px;top:15px}.container05 ul.flow li:nth-child(2){left:150px;top:325px}.container05 ul.flow li:nth-child(3){left:286px;top:15px}.container05 ul.flow li:nth-child(4){left:420px;top:325px}.container05 ul.flow li:nth-child(5){left:560px;top:15px}.container05 ul.flow li:nth-child(6){left:695px;top:325px}.container05 ul.flow li:nth-child(7){left:832px;top:15px}.container05 ul.flow li:nth-child(8){left:980px;top:325px}.container05 ul.flow li span{font-size:36px;font-style:oblique;color:#999}.container05 ul.flow li p{font-size:12px;color:#bbb;width:100%;line-height:21px;margin:13px 0 0}input.btn-2{width:60px;height:22px;margin:0;padding:0;text-align:center;border:0;background:url(../images/btn2.gif);overflow:hidden;color:#fff;cursor:pointer}.content .container_shop{width:948px;border:1px solid #ccc;background:#fff;height:auto;overflow:hidden}.content .container_shop h2{position:relative;font-size:14px;text-indent:10px;width:100%;margin:0;display:block;height:35px;background:url(../images/bg_business.gif);line-height:35px;text-align:left}.content .container_shop .mobanlist li{width:210px;float:left;height:230px;padding:5px;border:1px solid #ccc;margin:0 10px 10px 0}.content .container_shop .mobanlist h3{font-size:12px;font-weight:normal;padding:0;margin:5px 0}.content .container_shop .mobanlist{width:100%;padding:15px}.content .container_shop h2 span{text-indent:0;font-size:10px;font-weight:normal;position:absolute;left:82px;top:7px;line-height:10px}.content .container04 .c_right .left{width:44%;float:left;margin-top:6px;margin-right:18px}.content .container04 .c_right.big{width:100%}.content .container04 .c_right .right{width:540px;float:left;margin-top:6px}.content .container04 .caseshow{width:100%;text-align:center;padding-bottom:0}.content .container04 .caseshow img.casepic{float:left;max-width:980px;width:auto;height:auto;padding:1px;float:none;margin:0 auto 40px 0}.content .container04 .webinfo{width:100%;float:left;height:auto;text-align:left;margin-bottom:110px;text-align:center;padding:20px 0 50px 0}.content .container04 .webinfo p{margin:20px 0 12px 0;text-align:center;font-size:14px;line-height:26px;padding:0;color:#666;width:100%}.content .container04 .webinfo h5{font-size:16px;margin:0;height:28px;width:100%}.content .container04 .caseshow .num{width:100%;padding:50px 0;font-size:30px}.content .container04 .caseshow .num span{display:inline-block;font-size:35px;border:4px solid #555;padding:0;width:45px;height:45px;line-height:45px;position:relative;top:0;left:0;border-radius:25%}.content .container04 .webinfo .biaoti{font-size:36px;width:100%;padding:30px 0 0;height:40px}.content .container04 .webinfo h5 a{font-size:12px;font-weight:normal;background:#c00;padding:10px 50px;margin-top:20px;display:inline-block;color:#fff;border-radius:5px}.content .container04 .webinfo h5 a:hover{background:#222}.content .container04 .imgbox{width:100%;clear:both}#wrap-bot{width:100%;height:400px;overflow:hidden}.lianxi{position:relative;width:100%;height:70px;background-color:#09f;background-image:url(../images/line.svg);background-repeat:no-repeat;background-size:cover;background-position:0 -147.6px;text-align:center;padding:22px 0 0;margin:0 auto;clear:both;color:#c0d9ff;color:#fff}.lianxi .num{font-size:13px;color:#fff;display:inline-block;font-family:Verdana;font-size:20px}.lianxi strong{display:block;width:187px;float:left;padding-left:5%;color:#fff;font-size:15px;text-align:left}.lianxi strong img{position:relative;top:5px;padding-right:30px;filter:alpha(opacity=50);-moz-opacity:.50;-khtml-opacity:.50;opacity:.50}.lianxi .talk-tel{padding-top:2px;width:100%;text-align:center;font-size:20px;margin:0 auto;height:45px;line-height:45px}.lianxi a.talk-online{position:absolute;display:block;right:5%;top:28px;width:150px;height:35px;line-height:35px;border:1px solid #fff;color:#fff;border-radius:5px;text-align:center;font-size:16px;overflow:hidden;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .lianxi a.talk-online img{position:relative;left:-10px}.lianxi a.talk-online:hover{background:#f60}.lianxi .num span{display:inline-block;width:55px;height:55px;vertical-align:middle;border-radius:50%;margin-left:30px;margin-right:15px;position:relative;top:-4px}.lianxi .num span.tel{background:#fff url(../images/tel1.png) 10px 15px no-repeat}.lianxi .num span.phone{background:#fff url(../images/tel1.png) -61px 15px no-repeat}.footer{width:100%;height:310px;float:left;margin-top:0;padding-top:14px;background:#121212}.footer .copyright{position:relative;width:90%;color:#999;text-align:left;margin:0 auto;overflow:hidden;position:relative;padding-top:40px}.footer .copyright p{width:100%;margin:0;font-size:12px;clear:both;float:left;padding-top:8px;margin-top:20px}.footer .copyright p a:link,.footer .copyright p a:visited{color:#999}.footer ul.nav-bot{width:100%;color:#ccc}.footer ul.nav-bot li{width:16%;float:left;text-align:left}.footer ul.nav-bot li.list2 .sub{margin-top:29px}.footer ul.nav-bot li .title{font-size:17px;font-weight:normal;margin:0 0 20px 0;color:#999}.footer ul.nav-bot li ul.sub li{width:100%;height:26px;font-size:12px;}.footer ul.nav-bot li a:link,.footer ul.nav-bot a:visited{width:100%;height:100%;line-height:26px;color:#777}.footer ul.nav-bot li a:hover{color:#09f}ul.linklist{width:85%;position:relative;top:7px;float:left}ul.linklist li{display:inline-block;padding-right:5px;height:22px}ul.linklist li a:link,ul.linklist li a:visited{color:#999}.footer ul.nav-bot li .erweima{width:160px;height:160px;background:url(../images/ewm.png) 0 0 no-repeat;position:absolute;right:0;top:20px}ul.linklist li a:hover{color:#0c8bf3}.footer .info{float:left;width:100%}.content .container04 ul.arclist li .title{border:0;height:auto;float:left;width:90%}.container03 h3.web{text-indent:640px}#index2{width:98%;padding:0 1%;height:640px;background-image:url(http://www.nice-solution.com/images/home/index_2.png);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:2.5%;bottom:-30px;height:70%;width:95%;overflow:hidden}.container03 ul.list-xcx li{width:19%;margin-right:1%;border-radius:20px;padding-top:20px;float:left;height:100%;text-align:center;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.container03 ul.list-xcx li.x2,.container03 ul.list-xcx li.x4{filter:alpha(opacity=97);-moz-opacity:.97;-khtml-opacity:.97;opacity:.97}.container03#index2 ul.list-xcx li p{margin:10px auto;width:90%;font-size:12px;line-height:24px;float:none;color:#fff}.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:170px;height:auto;background:#fff;border-radius:50%}.container03 ul.list-xcx li .title{font-size:16px;font-weight:bold;padding-top:30px;color:#fff}.container03 ul.list-xcx li:hover{padding-top:10px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.content .container04 .tips{font-size:12px;color:#999;width:96%;float:left;border-radius:5px;padding:15px 2%;line-height:24px;background:#eee;text-align:left}.content .container04 .near{width:100%;clear:both;float:left;padding-bottom:30px}.content .container04 ul.article_rec{width:100%;float:left}.content .container04 ul.article_rec .title_rec{width:100%;height:40px;line-height:50px;overflow:hidden;font-size:16px;padding:20px 0;font-weight:bold}.content .container04 .contentview .detail ul.article_rec li{width:47%;font-size:14px;float:left;margin-right:2%;text-align:left;height:20px}.content .container04 .contentview .detail ul.article_rec li img{float:left;max-width:150px;width:150px;margin-right:15px;height:100px;padding:0}.content .container04 .contentview .detail ul.article_rec li .info{width:100%;float:left;font-size:12px}.content .container04 .contentview .detail ul.article_rec li .info a{font-size:14px;display:inline-block;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.content .container04 .contentview .detail ul.article_rec li p{font-size:12px;line-height:18px;color:#999}.container_wrap#xcx .container03.allwidth{width:100%;padding:0}.container_wrap#xcx .container03.allwidth h2{margin-top:45px}.container03#index3{width:100%;height:570px}.container03.xcx-why#index3{height:700px}.container03#index4{width:100%;height:auto!important;height:auto;min-height:650px;overflow:hidden;background-image:url(http://www.nice-solution.com/images/home/index_1.png);background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover;padding:35px 0}.container03#index4 .titlebig{color:#fff}.container03#index4 p{color:#fff}.container03#index4 p a:link,.container03#index4 a:visited{display:inline-block;padding:2px 10px;border:1px solid #fff;font-size:12px;color:#fff;border-radius:4px;margin:10px 1px 0 1px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .container03#index4 p a:hover{background:#247dff;color:#fff;border:1px solid #247dff}.container03#index4 p a.current:link,.container03#index4 p a.current:visited{background:#247dff;color:#fff;border:1px solid #247dff}.container03#index5{width:95%;min-width:1200px;height:640px;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}ul.zizhi{width:100%;float:left;margin-bottom:20px;margin-top:10px}.container03#index6{width:100%;height:715px;background-image:url(../images/indexwenda.png);background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover}.container03#index6 .titlebig,.container03#index6 p{color:#fff}.container03.sec#index6{height:500px}.container03#index6 .flow{width:100%;text-align:center;height:400px;padding:50px 0 0;float:left}.container03#index6 ul.wenda{width:95%;margin:0 auto;height:65%;position:relative;clear:both;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 .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.container03#index6 ul.wenda li:hover span{background:#f60;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.container03#index6 ul.wenda li p{margin:0;font-size:12px;text-align:left;padding:6px 0 0 5px}.container03#index6 ul.wenda li:nth-child(1){position:absolute;left:2%;top:1%;transform:rotateZ(-4deg)}.container03#index6 ul.wenda li:nth-child(2){position:absolute;left:35%;top:3%;transform:rotateZ(3deg)}.container03#index6 ul.wenda li:nth-child(3){position:absolute;left:3%;top:30%;transform:rotateZ(-1deg)}.container03#index6 ul.wenda li:nth-child(4){position:absolute;right:10%;top:3%;transform:rotateZ(3deg)}.container03#index6 ul.wenda li:nth-child(5){position:absolute;left:32%;top:31%;transform:rotateZ(0deg)}.container03#index6 ul.wenda li:nth-child(6){position:absolute;right:17%;top:31%;transform:rotateZ(-8deg)}.container03#index6 ul.wenda li:nth-child(7){position:absolute;left:5%;top:65%;transform:rotateZ(-6deg)}.container03#index6 ul.wenda li:nth-child(8){position:absolute;left:38%;top:62%;transform:rotateZ(1deg)}.container03#index6 ul.wenda li:nth-child(9){position:absolute;right:10%;top:62%;transform:rotateZ(9deg)}.container03#index6 ul.wenda li:nth-child(10){position:absolute;left:32%;top:86%;width:55%;transform:rotateZ(-1deg)}.container03.sec#index6 ul.wenda li:nth-child(3){top:50%}.container03.sec#index6 ul.wenda li:nth-child(5){top:51%}.container03.sec#index6 ul.wenda li:nth-child(6){top:51%}.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{width:94%;padding:0 3%}.container_wrap#xcx .container03 .titlebig{color:#fff;text-align:left}.container_wrap#xcx .container03 .titlebig a:link,.container_wrap#xcx .container03 .titlebig a:visited{color:#fff}.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.shopintro{width:100%;background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover;padding:20px 0}.container_wrap.shopintro .container03{padding:0}.container_wrap.shopintro.grey1,.container_wrap.shopintro.grey{background:#f4f4f4}.container_wrap .container03 .textintro .title{text-align:left;margin-top:35px;font-size:26px;padding-bottom:20px}.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 .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 .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .container03 .op a.btn-talk:hover{background:#000;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease.footer ul.nav-bot li .title;transition:all .5s ease}.banner_sec{width:100%;height:419px;overflow:hidden;background-size:cover;background-position:center top;background-repeat:no-repeat;background-image:url(../images/bg_zixun.jpg);position:relative}.banner_sec.case{background-image:url(../images/bg_case.jpg)}.banner_sec.zixun{background-image:url(../images/bg_zixun.jpg)}.banner_sec.app{background-image:url(../images/bg_app.jpg)}.banner_sec.banner_sec.xcx{background-image:url(../images/bg_xcx.jpg)}.banner_sec #homepic{width:335px;height:141px;background:url(../uploads/allimg/181207/1-1Q20G123012D.png) 0 0 no-repeat;display:block;text-indent:-800px;overflow:hidden;position:absolute;right:20px;top:152px;z-index:999;filter:alpha(opacity=86);-moz-opacity:.86;-khtml-opacity:.86;opacity:.85}.banner_sec #homepic:hover{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0}.banner_sec_wrap{width:1200px;height:280px;position:relative;margin:0 auto}.banner_sec_wrap .title{width:60%;padding:0 15px 0 0;margin:0 auto;position:relative;top:180px;right:0;font-size:50px;color:#fff;border:0;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{width:100%;font-size:18px;margin:13px 0 0;color:#fff}table.datagrid{width:90%;font-size:14px;background:#ddd}table.datagrid td{background:#fff;padding-left:9px;height:26px}.line,.line1,.line2{width:100%;height:10px;line-height:10px;overflow:hidden;float:left;clear:both}.line1{height:50px;line-height:50px}.line2{height:30px;line-height:30px}.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%;background:#fff;clear:both;background:#fff;overflow:visible}.container03 .container_s img.dianshang.guanwang img{height:350px;height:auto}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}.page404{width:1000px;height:300px;margin:0 auto;padding-top:20%;text-align:center}.page404 a:link,.page404 a:visited{display:inline-block;font-size:18px;padding:8px 60px;background:#fff;color:#555;border-radius:10px;position:relative;top:30px;margin-bottom:50px}.page404 a:hover{background:#000;color:#fff}.page404 p{color:#fff;font-size:20px}.content .container04 .contentview .title span a{position:static;font-weight:normal}.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:.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 .textintro{width:50%;float:left;text-align:left;font-size:16px;line-height:31px;padding-top:30px}.container03 .textintro.ios{padding-left:5%}.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 .textintro.guanwang{width:48%;float:right;text-align:left;font-size:16px;line-height:31px;padding-top:30px;padding-right:5%}#xcx .container03 .textintro.guanwang{color:#fff}.container03 img.dianshang.guanwang{position:absolute;left:30px;bottom:70px}.container03 .container_s img.dianshang.guanwang{width:auto}.container03 .container_s{width:100%;float:left;position:relative;height:400px;margin-bottom:0}.container03 .container_s .title-sub{font-size:24px;height:65px;line-height:40px;padding-top:35px}.container03 .textintro .news-title{font-size:16px;width:80px;text-align:center;padding-top:0;margin-top:40px;text-indent:0;color:#fff;background:#09f;border-radius:5px}.container03 .container_s ul.arclist a:link,.container03 .container_s ul.arclist a:visited{font-size:14px;color:#ddd;background:0;left:0;padding:0;width:100%}.container03 .container_s ul.arclist a:hover{color:#fff}.container03 .container_s ul.arclist li{padding:0 10px;width:auto;float:none;display:inline-block;background:0;border-bottom:1px solid #ccc;margin:0 5px}.container03 .container_s ul.arclist{width:100%;position:relative;left:0;top:40px;text-align:center}.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}.container_wrap.android{background-image:url(../images/bg_android.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center}.container_wrap.android .container03{padding-top:0}.container_wrap.android .title{color:#fff;text-align:left;margin-top:35px}.container_wrap.android .container03 .textintro{color:#fff}.container03 .container_s.wx{height:450px;margin:0}.content .container04 .contentview h5{font-size:14px;width:100%;height:35px;line-height:35px;color:#666;padding:10px 0;text-align:center;color:#444;float:left}.content .container04 .c_right .container03{width:100%;min-height:auto}.content .container04 .contentview h6{width:100%;height:150px;line-height:110px;font-size:24px;text-align:center;font-weight:normal;margin:0;float:left}.container_wrap h6{width:100%;height:150px;line-height:110px;font-size:24px;text-align:center;font-weight:normal;margin:0;float:left}/*h6 span{display:inline-block;padding:5px 40px;border:1px solid #666;border-radius:5px;line-height:35px;margin-top:60px}*/.content .container04 ul.casesort1{width:auto;display:inline-block;margin:0 auto;padding:10px 0 0}.content .container04 ul.casesort1 li{width:140px;float:left;height:38px;margin-bottom:10px;margin-right:5px}.content .container04 ul.casesort1 li a:link,.content .container04 ul.casesort1 li a:visited{display:block;width:100%;height:35px;line-height:35px;font-size:16px;border-radius:3px}.content .container04 ul.casesort1 li a:hover{background:#333;color:#fff}.content .container04 ul.casesort1 li.now a:link,.content .container04 ul.casesort1 li.now a:visited{background:#222;color:#fff}.content .container04 ul.casesort li.big{width:594px}.content .container04 ul.casesort li.big a:link,.content .container04 ul.casesort li.big a:visited{width:584px;text-align:center;background:#39a1ca}.content .container04 ul.casesort li.big a:hover{background:#39a1ca}.content .container04 ul.casesort li.big a img{left:220px}.wrapper{width:1200px;margin:0 auto;position:relative}.container03 ul.xcx-flow{width:85%;height:390px;text-align:center;float:left;margin:50px 7.5% 0 7.5%}.container03 ul.xcx-flow li{width:20%;float:left;text-align:center;height:88px;text-align:center;font-size:15px;padding-top:100px}.container03 ul.xcx-flow li.d1{background:url(../images/d1.png) center top no-repeat}.container03 ul.xcx-flow li.d2{background:url(../images/d2.png) center top no-repeat}.container03 ul.xcx-flow li.d3{background:url(../images/d3.png) center top no-repeat}.container03 ul.xcx-flow li.d4{background:url(../images/d4.png) center top no-repeat}.container03 ul.xcx-flow li.d5{background:url(../images/d5.png) center top no-repeat}.container03 ul.xcx-flow li.d6{background:url(../images/d6.png) center top no-repeat}.container03 ul.xcx-flow li.d7{background:url(../images/d7.png) center top no-repeat}.container03 ul.xcx-flow li.d8{background:url(../images/d8.png) center top no-repeat}.container03 ul.xcx-flow li.d9{background:url(../images/d9.png) center top no-repeat}.container03 ul.xcx-flow li.d10{background:url(../images/d10.png) center top no-repeat}.container03 ul.appintro{width:85%;clear:both;padding-top:30px;margin:0 7.5%}.container03 ul.appintro li{width:30%;padding:0 1.5%;float:left;text-align:center}.container03 ul.appintro img{height:170px;width:auto}.container03 ul.appintro p{font-size:12px;color:#999;text-align:center;line-height:22px;width:85%;margin:0 auto;float:none;padding-bottom:80px}.container03 ul.appintro .title_s{width:100%;padding:30px 0;font-size:16px}.app-plan{width:100%;height:400px;clear:both}.plan-bg{width:50%;float:left;height:100%;background-image:url(../images/appplan.jpg);background-size:cover;background-position:left top;background-repeat:no-repeat}.app-plan .plan-info{width:50%;float:right;height:100%;text-align:left;background:#222;color:#eee}.plan-info strong{display:inline-block;font-size:25px;margin:60px 0 15px 60px}.plan-info p{font-size:14px;color:#ddd;line-height:28px;width:65%;padding-left:60px;font-size:14px;line-height:30px}.plan-info a{display:inline-block;width:200px;height:40px;border-radius:10px;color:#ddd;border:1px solid #ddd;line-height:40px;margin:15px 0 0 60px;text-align:center;font-size:14px}#banner{width:100%;background:#000;overflow:hidden;position:relative;height:700px;min-width:1200px;position:Relative;color:#fff}#banner .videobg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background:url(../images/videobg.png)}#banner video{position:absolute;left:0;top:-255px;z-index:0;min-width:118%;max-width:118%;height:auto} #banner a{display:inline-block;width:200px;height:40px;line-height:40px;text-align:center;color:#999;background:#fff;font-size:16px;border-radius:10px;position:absolute;left:0;bottom:0;z-index:99}#banner .title{font-size:45px;height:40px;text-align:left;position:absolute;left:5%;top:190px;z-index:99}#banner .text{font-size:15px;width:700px;line-height:30px;height:188px;position:absolute;left:5%;top:330px;text-align:left;z-index:99;color:#fff}.xcx-intro{width:1200px;height:800px;text-align:center;margin:0 auto;font-size:14px;line-height:30px;background:url(../images/xcx02.jpg) center 330px no-repeat}#chat{display:none;width:60%;height:350px;position:fixed;left:20%;bottom:29%;z-index:99999}#chat a.chat-people:link,#chat a.chat-people:visited{display:block;width:100%;height:350px;background:url(../images/bg_chat.png) center center no-repeat}#chat a.close:link,#chat a.close:visited{display:block;width:20px;height:20px;line-height:20px;background:#09f;color:#fff;position:absolute;left:49%;bottom:10px;z-index:99999999;border-radius:50%}#chat a.close:hover{transform:rotateZ(360deg);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}#chat1{width:130px;height:180px;position:fixed;right:2%;bottom:5%;z-index:99999}#chat1 a:link,#chat1 a:visited{display:block;width:130px;height:130px;background:url(../images/chat1.png)}@media screen and (max-width:1500px){#banner video{min-width:125%;max-width:125%;width:125%}}@media screen and (min-width:1800px){.container03 ul.list-xcx li img{width:50%;height:auto;min-width:200px}.container03#index4{min-height:750px};#banner video{top:-425px}}.index-mall-promotion{height:748px;background-color:#fff;clear:both;float:none;width:100%}.index-mall-promotion .tab{text-align:center;height:90px}.index-mall-promotion .tab ul li{display:inline-block;margin-right:5px;margin-left:5px}.index-mall-promotion .tab ul li a{font-size:14px;display:inline-block;line-height:40px;text-align:center;height:40px;padding-right:15px;padding-left:15px;background-color:#FFF;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}.index-mall-promotion .tab ul li.on a{color:#FFF;background-color:#ff621b}.index-mall-promotion .box .con-loop .hd ul{display:table;width:100%}.index-mall-promotion .box .con-loop .hd ul>li{-o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;vertical-align:middle;display:table-cell;height:427px;width:269px;background-color:#fff;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#e9e9e9;border-bottom-color:#e9e9e9;border-left-color:#e9e9e9;position:relative}.index-mall-promotion .box .con-loop .hd ul>li .container{height:425px;width:100%;background-color:#FFF;-o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;overflow:hidden;position:absolute;left:0;top:0}.index-mall-promotion .box .con-loop .hd ul>li.on .container{height:455px;position:absolute;left:-1px;top:-16px;-moz-box-shadow:0 0 15px #bbb;-webkit-box-shadow:0 0 15px #bbb;box-shadow:0 0 15px #bbb;right:-1px;z-index:100;width:100%}.index-mall-promotion .box .con-loop .hd ul>li.on{width:390px;height:410px}.index-mall-promotion .box .con-loop .hd ul li:last-child{border-right-width:1px;border-right-style:solid;border-right-color:#e9e9e9}.index-mall-promotion .box .con-loop .hd ul li.on .container .head{height:166px;background-color:#222;padding-top:28px}.index-mall-promotion .box .con-loop .hd ul li.on .container .head strong{color:#FFF}.index-mall-promotion .box .con-loop .hd ul li.on .container .head p{color:#fff}.index-mall-promotion .box .con-loop .hd ul li .container .head{background-color:#f4f4f4;height:80px;text-align:center;position:relative;padding-top:98px;-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s}.index-mall-promotion .box .con-loop .hd ul li .container .head .ico{text-align:center;padding-top:25px;padding-bottom:10px;position:absolute;top:5px;width:100%;height:60px;-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s}.index-mall-promotion .box .con-loop .hd ul li .container .head .ico-big{height:202px;width:275px;position:absolute;left:50%;right:50%;-o-transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-ms-transition:all 1s;transition:all 1s;text-align:center;margin-left:-537px;top:90px}.index-mall-promotion .box .con-loop .hd ul li .container .head .ico-big img{height:202px;width:auto}.index-mall-promotion .box .con-loop .hd ul li.on .container .head .ico-big{margin-left:-137px}.index-mall-promotion .box .con-loop .hd ul li.on .container .head .ico{top:-200px}.index-mall-promotion .box .con-loop .hd ul li .container .head strong{font-size:20px;color:#444} .index-mall-promotion .box .con-loop .hd ul li .container .head p{font-size:14px;color:#888;padding-top:8px}.index-mall-promotion .box .con-loop .hd ul li.on .container .text{padding-top:100px;height:70px;text-align:center;font-size:16px}#index2 .text p{color:#999}.index-mall-promotion .box .con-loop .hd ul li .container .text{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;height:90px;padding-top:20px;padding-right:20px;padding-bottom:30px;padding-left:20px;font-size:14px}.index-mall-promotion .box .con-loop .hd ul li .container .text a{font-size:14px;color:#444}.index-mall-promotion .box .con-loop .hd ul li .container .text p{font-size:12px;line-height:20px;color:#888;padding-top:8px}.index-mall-promotion .box .con-loop .hd ul li .container .op{padding-right:20px;padding-bottom:20px;padding-left:20px;-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s}.index-mall-promotion .box .con-loop .hd ul li .container .op .price{font-size:14px;line-height:18px;vertical-align:middle;-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s}.index-mall-promotion .box .con-loop .hd ul li .container .op .price p{display:inline-block}.index-mall-promotion .box .con-loop .hd ul li.on .container .op .price p{display:block}.index-mall-promotion .box .con-loop .hd ul li .container .op .price strong{color:#ff9a28}.index-mall-promotion .box .con-loop .hd ul li.on .container .op .price{display:inline-block}.index-mall-promotion .box .con-loop .hd ul li .container .op a{display:inline-block;height:34px;width:94px;border:1px solid #e1e1e1;line-height:34px;text-align:center;margin-top:30px;margin-right:10px;vertical-align:middle}.index-mall-promotion .box .con-loop .hd ul li.on .container .op a{margin-top:2px;margin-left:10px;color:#FFF;background-color:#ffa33c}.index-mall-promotion .box .con-loop .hd ul li.on .container .op a:last-child{color:#FFF;background-color:#ff621b}.index-mall-promotion .box .con-loop .hd ul li .container .mall-pronew{height:138px;width:228px;margin-right:auto;margin-left:auto;position:relative}.index-mall-promotion .box .con-loop .hd ul li.on .container .mall-pronew{width:350px}.index-mall-promotion .box .con-loop .hd ul li .container .mall-pronew .l{height:138px;overflow:hidden;width:232px;margin-right:auto;margin-left:auto}.index-mall-promotion .box .con-loop .hd ul li .container .mall-pronew .l .bdb{width:500px}.index-mall-promotion .box .con-loop .hd ul li .container .mall-pronew .l .bdb span{float:left;height:108px;width:108px!important;margin-right:12px;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;margin-left:0;padding:0;background-image:url(/templates/taige/images/load.gif);background-repeat:no-repeat;background-position:center center;display:block}.index-mall-promotion .box .con-loop .hd ul li .container .mall-pronew .l .bdb span img{height:108px;width:108px}.index-mall-promotion .box .con-loop .hd ul li .container .mall-pronew .t{text-align:center;position:absolute;left:0;right:0;bottom:0}.index-mall-promotion .box .con-loop .hd ul li .container .mall-pronew .t a{background-color:#f9f9f9;display:inline-block;height:6px;width:6px;margin-right:3px;margin-left:3px;border:1px solid #d6d6d6;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.index-mall-promotion .box .con-loop .hd ul li .container .mall-pronew .t a.on{background-color:#ffecd6;border-top-color:#ffae54;border-right-color:#ffae54;border-bottom-color:#ffae54;border-left-color:#ffae54}.index-mall-promotion .box .con-loop .hd ul li .container .mall-pronew span.p-next,.index-mall-promotion .box .con-loop .hd ul li .container .mall-pronew span.p-prev{display:none}.index-mall-promotion .box .con-loop .hd ul li.on .container .mall-pronew span.p-next,.index-mall-promotion .box .con-loop .hd ul li.on .container .mall-pronew span.p-prev{display:block}.index-mall-promotion .box .con-loop .hd ul li .container .mall-pronew span.p-prev{position:absolute;left:3px;top:35px;right:0;display:none;background-image:url(/templates/taige/images/19.png);height:39px;width:20px;cursor:pointer;-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s}.index-mall-promotion .box .con-loop .hd ul li .container .mall-pronew span.p-next{position:absolute;top:35px;right:3px;display:none;background-image:url(/templates/taige/images/19.png);height:39px;width:20px;background-repeat:no-repeat;background-position:right;cursor:pointer;-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s}.index-mall-promotion .box .con-loop a{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:9999;text-indent:-1500px;overflow:hidden}.position1{width:95%;min-width:1200px;height:20px;margin:30px auto 0 auto;text-align:left;line-height:20px;font-size:14px} .container03 ul.arclist.arc-all{padding-top:30px;}.container03.panel#index5 a.more{display:inline-block;width:300px;margin:30px 0 50px 0;color:#999;height:50px;line-height:50px;font-size:16px;border:1px solid #ccc;border-radius:8px;}.container03.panel#index5 a.more:hover{background:#f3f3f3;}.container03 ul.arclist.arc-all li{width:33%;height:auto;margin-bottom:20px;}.container03 ul.arclist.arc-all li .photo{width:25%;background-repeat:no-repeat;background-position:left top;background-size:cover;max-width:200px;height:100px;float:left}.container03 ul.arclist.arc-all li .info{width:65%;margin-left:15px;float:left;text-align:left}.container03 ul.arclist.arc-all li .info a{background:0;padding:0;left:0}.container03 ul.arclist.arc-all li .info p{font-size:12px;margin:0;text-align:left;color:#999;text-indent:0}.title-b{width:100%;height:40px;font-size:18px;text-align:left;font-weight:bold}.content .container04 .contentview .detail ul.zizhi-list{width:100%;float:left;clear:both}.content .container04 .contentview .detail ul.zizhi-list li{width:25%;float:left;text-align:center;padding-bottom:30px;line-height:15px}.content .container04 .contentview .detail ul.zizhi-list li img{padding:0}.content .container04 .contentview .detail ul.zizhi-list.zhizhao li{display:inline-block;margin:0 auto;float:none;width:50%}.content .container04 .contentview .detail ul.zizhi-list.zhizhao{text-align:center}.header .header_main h2{position:absolute;left:0;top:0;text-indent:-400px;margin:0;padding:0;background:url(../images/logo.png) center 10px no-repeat;width:160px;height:61px}.header .header_main h2 a{text-indent:-10000px;display:block;width:100%;height:100%;overflow:hidden}.banner_sec_wrap .title h1{margin:0;padding:0;display:inline;font-size:50px;font-weight:normal;}.content .container04 .contentview h1{position:relative;left:-2%;font-size:26px;margin:0;padding:45px 0 10px 0;width:100%;text-align:center;color:#363636;font-weight:normal} .header .mainnav li:last-child{}.content .container04 .contentview .detail ul.article_rec li span{display:inline-block;width:15px;height:15px;background:#09f;color:#fff;line-height:15px;margin-right:5px;border-radius:50%;text-align:center;} .content .container04 ul.arclist li p{width:92%;line-height:26px;}.container03 .titlebig h2,.container04 .titlebig h2,.container05 .titlebig h2{margin:0;padding:0;font-weight:normal;font-size:35px;}.content .container04 ul.arclist li img {width: 150px;height: 100px;max-width: 26%;float: left;padding: 1px;border: 1px solid #ddd;}.content .container04 ul.arclist li .info {width: 75%;padding-left:3%;float: left;}.content .container04 ul.arclist li a.title {left:0;text-align: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;width: 100%;} .content .container04 .nright .companyinfo{text-align:left;width:103%;padding-top:20px;float:left;border-top:1px dashed #ddd;margin-left:-3%;border-bottom:1px dashed #ddd;}.content .container04 .nright .companyinfo p{float:none;margin-left:auto;margin-right:auto;text-align:left;line-height:26px;}.content .container04 .nright .companyinfo img{width:160px;height:auto;}.content .container04 .nright .weichat{line-height:26px;width:100%;float:left;text-align:center;padding-top:33px;}.content .container04 .nright .weichat img{width:200px;height:auto;} .content .container04 .caseshow .near,.content .container04 .caseshow span.address{font-size:15px;width:100%;text-align:left;line-height:28px;display:block;}.content .container04 .caseshow a:link,.content .container04 .caseshow a:visited{color:#09f;} .content ul.pagelist td span{display:inline-block;margin-right:10px;float:left;background: #09f;color: #fff;text-align: center;border-radius: 50%;line-height: 20px;width:20px;height:20px;left:0;} .footer ul.nav-bot li:nth-child(2){width:55%;}.footer ul.nav-bot li{width:10%;}.footer ul.nav-bot li:nth-child(3){width:25%;}.footer .copyright{color:#777;}.footer .copyright p a:link, .footer .copyright p a:visited{color:#777;} .footer ul.nav-bot li:nth-child(2) ul.sub li,.footer ul.nav-bot li:nth-child(3) ul.sub li{width:50%;float:left;}.content .container04 ul.arclist li p span{font-size:12px;color:#bbb;border:1px solid #ddd;background:none;padding:2px 4px;width:auto;border-radius:4px;} .content .container04 ul.arclist li .photo{width:22%;height:110px;border-radius:5px;float:left;background-size:cover;background-repeat:no-repeat;background-position:center center;} ul.pagelist td a:link,ul.pagelist td a:visited { display: block; width: 20px; height: 20px; overflow: hidden; cursor: pointer; border-radius: 50%; text-align: center; line-height: 20px; background: #ddd; color: #888; margin-right:10px;float:left; } .design-style-box ul{ margin-top: 120px; /*display: -webkit-flex;*/ /*justify-content: space-around;*/ /*align-items: flex-end;*/ padding: 0 50px; } ul.searchlist{width:100%;float:left;padding:10px 0;} ul.searchlist li{width:25%;float:left;height:30px;text-align:left;font-size:14px;margin-bottom:1px} ul.searchlist li a:link,ul.searchlist li a:visited{color:#fff;padding:3px 5px;} ul.searchlist li:nth-child(1) a{background:#369;} ul.searchlist li:nth-child(2) a{background:#9c0;} ul.searchlist li:nth-child(3) a{background:#cc0000;} ul.searchlist li:nth-child(4) a{background:#999;} .design ul li{float: left;width:33.3%;} .design dl{text-align: center;} .design img{width:auto;height:246px;} .design dt{width:268px;height:273px;line-height: 246px;text-align: center;margin: 0 auto;} .design dd h3{font-size: 25px;color: #373737;margin-top: 30px;margin-bottom: 8px;font-weight: normal;} .design dd p:nth-child(2){font-size: 14px;color: #7B7B7B;line-height: 20px;} .design{width:1200px;margin:0 auto;} .php-and-java{width:1200px;margin:0 auto;padding:60px 0;color:#ddd;clear:both;} .php-and-java li{width:50%;float:left;text-align:center;} .php-and-java li p{width:450px;float:none;margin:20px auto;} .php-and-java li h4{font-size:25px;margin:50px 0 0;} .container03.yuyan{background-image:url(../images/bg01.png);background-size:cover;background-repeat:no-repeat;height:820px;} .container03.uidesign{height:620px;} .container03.yuyan .titlebig{color:#ddd;padding-top:100px;} .container03.yuyan p{color:#ddd;} .container03.qingdan{background:#f4f4f4;height:740px;} .function-box{margin-left: -27px;float:left;width:800px;} .function-box ul{width: 937px;} .function-box li{float: left;width: 297px;height: 129px;background-color: #ffffff;margin-right: 23px;margin-bottom: 20px;position: relative;box-shadow: 0 0 4px rgba(0,0,0,.12);} .function-box li:nth-child(3), .function-box li:nth-child(6), .function-box li:nth-child(9){margin-right: 0;} .function-box li .content-box{width: 220px;position: absolute;top: 45%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); /* IE 9 */-webkit-transform: translate(-50%,-50%); /* Safari and Chrome */-o-transform:translate(-50%,-50%); /* Opera */-moz-transform:translate(-50%,-50%); /* Firefox */} .function-box li .content-box p{font-size: 16px;color: #666666;margin:15px 0 0;text-align:left;} .function-box li .content-box span{font-size: 12px;color: #BCBCBC;} .function-box li .content-box .text{margin-top: 12px;width:135px;text-align:left;float:left;} .function-box li:hover{background-color: #1E59A9;color: #FFFFFF;} .function-box li:hover .content-box p{color: #FFFFFF;} .function-box li:hover .content-box span{color: #789DCB;} .qingdanlist{width:1200px;margin:0 auto;padding-top:40px;clear:both;} .function-box li .content-box s{width: 75px;line-height: 60px;text-align: center;height: 60px;float:right;margin-top:18px;} .function-box li .content-box .icon-08{background: url("../images/w08.png") no-repeat center;} .function-box li .content-box .icon-09{background: url("../images/w09.png") no-repeat center;} .function-box li .content-box .icon-10{background: url("../images/w10.png") no-repeat center;} .function-box li .content-box .icon-11{background: url("../images/w11.png") no-repeat center;} .function-box li .content-box .icon-12{background: url("../images/w12.png") no-repeat center;} .function-box li .content-box .icon-13{background: url("../images/w13.png") no-repeat center;} .function-box li .content-box .icon-14{background: url("../images/w14.png") no-repeat center;} .function-box li .content-box .icon-15{background: url("../images/w15.png") no-repeat center;} .function-box li .content-box .icon-16{background: url("../images/w16.png") no-repeat center;} .function-box li .content-box .icon-18{background: url("../images/w18.png") no-repeat center;} .function-box li .content-box .icon-19{background: url("../images/w19.png") no-repeat center;} .function-box li .content-box .icon-20{background: url("../images/w20.png") no-repeat center;} .function-box li .content-box .icon-21{background: url("../images/w21.png") no-repeat center;} .function-box li:hover .content-box .icon-08{background: url("../images/w008.png") no-repeat center;} .function-box li:hover .content-box .icon-09{background: url("../images/w009.png") no-repeat center;} .function-box li:hover .content-box .icon-10{background: url("../images/w010.png") no-repeat center;} .function-box li:hover .content-box .icon-11{background: url("../images/w011.png") no-repeat center;} .function-box li:hover .content-box .icon-12{background: url("../images/w012.png") no-repeat center;} .function-box li:hover .content-box .icon-13{background: url("../images/w013.png") no-repeat center;} .function-box li:hover .content-box .icon-14{background: url("../images/w014.png") no-repeat center;} .function-box li:hover .content-box .icon-15{background: url("../images/w015.png") no-repeat center;} .function-box li:hover .content-box .icon-16{background: url("../images/w016.png") no-repeat center;} .function-box li:hover .content-box .icon-18{background: url("../images/w018.png") no-repeat center;} .function-box li:hover .content-box .icon-19{background: url("../images/w019.png") no-repeat center;} .function-box li:hover .content-box .icon-20{background: url("../images/w020.png") no-repeat center;} .function-box li:hover .content-box .icon-21{background: url("../images/w021.png") no-repeat center;} .buy{float:right;width: 298px;height: 427px;background-color: #ffffff;position: relative;box-shadow: 0 0 4px rgba(0,0,0,.12);left:30px;} .buy-content{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); /* IE 9 */-webkit-transform: translate(-50%,-50%); /* Safari and Chrome */-o-transform:translate(-50%,-50%); /* Opera */-moz-transform:translate(-50%,-50%); /* Firefox */text-align: center;} .buy-content span{font-size: 16px;color: #666666;} .buy-content p{font-size: 29px;color: #BCBCBC;font-family: 'Arial Bold';font-weight: 600;white-space: nowrap;margin-bottom: 50px;} .chat-talk{position: fixed;right: 10px;bottom: 20px;z-index: 99001;width: 70px;height: 270px;font-size: 12px;font-weight: 500;text-align: center;color: #fff;} .chat-talk li{width:70px;background: #2587ff;height:90px;-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;} .chat-talk li a:link,.chat-talk li a:visited{display:block;width:100%;height:100%;line-height:140px;color:#fff;font-weight:normal;} .chat-talk li:nth-child(1) a:link,.chat-talk li:nth-child(1) a:visited{background:url(../images/wechat.png) center 18px no-repeat;} .chat-talk li:nth-child(2){margin-top:1px;} .chat-talk li:nth-child(2) a:link,.chat-talk li:nth-child(2) a:visited{background:#99cc00 url(../images/qq.png) center 18px no-repeat;} .chat-talk li:nth-child(3){margin-top:1px;position:relative;} .chat-talk li:nth-child(3) a:link,.chat-talk li:nth-child(3) a:visited{background:url(../images/chat.png) center 18px no-repeat;} .chat-talk li:hover{background:#cc0000;-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;} .chat-talk .saler{display:none;position:absolute;left:-333px;top:-258px;z-index:999;width:330px;height:438px;background:#fff url(../images/jason.png) center center no-repeat;border: 1px solid #E6E8ED;box-shadow: 0 2px 6px rgba(5,29,75,0.04);} .chat-talk li:hover .saler{display:block;} .chat-talk .tel{display:none;position:absolute;left:-333px;top:0;z-index:999;width:330px;height:88px;border: 1px solid #E6E8ED;line-height:88px;box-shadow: 0 2px 6px rgba(5,29,75,0.04);color:#000;line-height:28px;font-size:19px;background:#fff;} .chat-talk .tel span{font-size:16px;display:inline-block;width:100%;padding-top:16px;color:#cc0000;} .chat-talk li:nth-child(3):hover .tel{display:block;} .marking-strategy{ width: 100%; background: url("../images/web-marking-img03.jpg"); background-size:cover; height: 750px; } .marking-strategy-box{ width: 1260px; margin: 0 auto; } .marking-strategy-box .cards-box{ width: 750px; height: 750px;float:left; } .marking-strategy-box .cards-box li{ width: 250px; height: 250px; float: left; } .marking-strategy-box .cards-box .white-bg{ text-align: center; background-color: #FFFFFF; position: relative; /*white-space: nowrap;*/ width:250px; } .marking-strategy-box .cards-box .white-bg .box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -ms-transform:translate(-50%,-50%); /* IE 9 */ -moz-transform:translate(-50%,-50%); /* Firefox */ -webkit-transform:translate(-50%,-50%); /* Safari å’Œ Chrome */ -o-transform:translate(-50%,-50%); width:190px; } .marking-strategy-box .cards-box .white-bg h3{ font-size: 18px; color: #2F2F2F; margin-bottom: 10px; } .marking-strategy-box .cards-box .white-bg .word01{ font-size: 12px; color: #888; margin-bottom: 20px; } .marking-strategy-box .cards-box .white-bg .word02{ font-size: 14px; color: #565656; } .marking-strategy-box .cards-box .blue-bg01{ background: rgba(26,88,171,.75) url("../images/web-marking-icon01.png") no-repeat center; } .marking-strategy-box .cards-box .blue-bg02{ background: rgba(26,88,171,.75) url("../images/web-marking-icon02.png") no-repeat center; } .marking-strategy-box .cards-box .blue-bg03{ background: rgba(26,88,171,.75) url("../images/web-marking-icon03.png") no-repeat center; } .marking-strategy-box .cards-box .blue-bg04{ background: rgba(26,88,171,.75) url("../images/web-marking-icon04.png") no-repeat center; } .marking-strategy-box .text-box{ width: 510px; height: 500px; background-color: #1A58AB; padding:0; color: #FFFFFF;float:right; } .marking-strategy-box .text-box h2{ font-size: 30px; } .marking-strategy-box .text-box h3{ font-size: 20px; margin-bottom: 10px; } .marking-strategy-box .text-box p{ font-size: 14px; line-height: 20px; } .marking-strategy-box .text-box i{ display: block; width: 50px; height: 3px; background-color: #769BCD; margin: 25px 0 35px; } .marking-strategy-box .text-box span{ margin-top: 80px; display: block; } @media screen and (max-width: 640px) { #banner .title{font-size:20px;left:3%;} #banner .text{font-size:13px;top:200px;left:3%;width:90%;line-height:23px;} .index-mall-promotion .titlebig{font-size:25px;height:45px;} .container03 .titlebig, .container04 .titlebig, .container05 .titlebig{font-size:20px;height:45px;margin-top:0;} .container03 ul.list-xcx li{width:49%;height:auto;} .container03#index2 ul.list-xcx .container03 ul.youshi li{width:46%;} .container03 ul.caselist li{width:49%;} .container03#index3{height:600px;} .container03 ul.youshi p{font-size:12px;width:95%;} .container03 ul.youshi .title_s{padding-top:0;line-height:35px;height:35px;} .container03#index4{min-height:850px;background:#000;} .container03#index6 ul.wenda li .title{font-size:14px;color:#247dff} .container03#index6 ul.wenda li{width:100%;} .container03#index5{min-width:95%;} .container03 ul.arclist.arc-all li{width:100%;} .container03 ul.arclist.arc-all li .info p{line-height:18px;width:100%;height:60px;overflow:hidden;} .container03#index5{height:auto;} #chat1{transform:scale(0.6);} .content .container04 ul.arclist li{width:100%;margin-bottom: 10px;padding-bottom: 9px;} .content .container04 .c_right.nleft{width:100%;} .container03#index6 ul.wenda li p{margin:0 0 13px 0;width:100%;line-height:18px;} .container03.sec#index6{height:650px;} .container03#index6 ul.wenda{height:99%;} .content .container04 .nright{width:98%;float:left;padding-top:0;margin:0 1%;} .content .container04 .c_right{padding-bottom:0;} .banner_sec_wrap{width:100%;} .banner_sec_wrap .title p{line-height:30px;font-size:14px;margin-top:5px;} .banner_sec_wrap .title p a{color:#fff;} .content .container04 ul.arclist li a.title{font-size:18px;margin-bottom:9px;} .content .container04 ul.arclist li p{line-height:18px;} .content .container04 .contentview h1{font-size:18px;line-height:28px;padding-top:15px;padding-bottom:0;width:90%;margin:0 5%;} .content .container04 .contentview h5{padding:0;font-size:12px;} .content .container04 .contentview .detail p{font-size:14px;margin-bottom:0;} .content .container04 .contentview .detail h2{line-height:20px;font-size:14px;margin:10px 0;} .content .container04 .contentview .detail strong{font-size:14px;padding-bottom:5px;} .content .container04 .contentview .detail ul.article_rec li{width:100%;margin-bottom:10px;padding:0;height:auto;} .content .container04 .c_right ul.caselist li{width:48%;padding:0 1% 0 0;} .content .container04 .caseshow img.casepic{max-width:100%;} .content .container04 .c_right ul.caselist li{width:48%;padding:0;} .lianxi .num span.tel{transform:scale(0.6);} .lianxi .num span.phone{transform:scale(0.6);margin-left:0;} .lianxi{padding:10px 1px 15px 0;} .lianxi .num a{color:#fff;} .lianxi .num{font-size:15px;color:#fff;width:100%;text-indent:-20px;} .lianxi .num span{margin-left:0;margin-right:0;top:-1px;} .footer ul.nav-bot li{width:50%;} .content .container04 .nright ul.arclist{padding-bottom:30px;} .banner_sec_wrap .title{top:100px;font-size:28px;width:100%;} .header .mainnav li:last-child{display:none;} .header .mainnav li{width:55px;overflow:hidden;} .header .mainnav{width:auto;} .header .mainnav li a:link, .header .mainnav li a:visited{text-indent:-45px;width:46px;position:relative;left:14px;overflow:hidden;font-size:12px;} .header .mainnav li:nth-child(1) a:link,.header .mainnav li:nth-child(2) a:visited{text-indent:0;left:6px;} .header .mainnav li:nth-child(2) a:link,.header .mainnav li:nth-child(3) a:visited{text-indent:10px;left:0;} .footer ul.nav-bot li ul.sub li{height:20px;width:50%;margin-bottom:0;} .footer ul.nav-bot li:nth-child(5){display:none;} .footer ul.nav-bot li{width:100%;overflow:hidden;margin-bottom:5px;} #wrap-bot{height:565px;} .footer .copyright p{margin-top:0;} .footer{height:468px;} #banner{height:450px;min-width:100%;max-width:100%;} #banner .title{top:120px;line-height:34px;} #banner a{top:160px;} .banner_sec_wrap .title h1{font-size:28px;} .banner_sec{height:219px;} .header .header_main h1{transform:scale(0.5);width:125px;left:-21px;} .header .header_main h2{transform:scale(0.5);width:125px;left:-21px;} .content .container04 .webinfo .biaoti{font-size:18px;} .content .container04 .webinfo p{margin:0 5%;float:none;width:90%;line-height:20px;} .footer ul.nav-bot li.list2 .sub{margin-top:0;} .footer .copyright{padding-top:10px;} .content .position{font-size:12px;} .content .container04 .c_right .contentview .detail{padding-top:5px;width:96%;margin-right:1%;font-size:14px;line-height:22px;} .content .container04 .nright ul.article-all{margin-left:0;} .content .container04 .nright ul.article-all li{width:33%;} .content .container04 .nright ul.arclist li{padding:0;} .content .container04 .near{font-size:12px;padding-bottom:15px;} .content .container04 .nright ul.arclist li a{font-size:14px;} .content .container04 .tips{padding:5px 2%;line-height:20px;} .content .container04 .nright ul.taglist li a:link, .content .container04 .nright ul.taglist li a:visited{font-size:14px;} .lianxi .talk-tel{height:30px;line-height:30px;font-size:16px;} .position1{font-size:12px;min-width:auto;} .container03 .titlebig h2, .container04 .titlebig h2, .container05 .titlebig h2{font-size:28px;} .container03 ul.appintro li{width:100%;padding:0;margin-bottom:30px;} .container03 ul.appintro{padding-top:0;} .container03 ul.appintro p{padding-bottom:0;line-height:20px;width:95%;} .container03 ul.appintro .title_s{padding:0 0 10px 0;} .plan-bg{width:30%;} .app-plan .plan-info{width:70%;} .plan-info strong{margin:20px 0 0 20px;font-size:15px;} .plan-info p{font-size:12px;padding-left:20px;width:88%;line-height:20px;} .app-plan{height:300px;} .plan-info a{margin-top:0;margin-left:20px;height:30px;line-height:30px;} .container05 ul.flow li{position:static;width:49%;float:left;height:100px;margin-bottom:10px;} .container05{width:100%;height:auto;padding-top:40px;} .container05 ul.flow li span{font-size:30px;color:#247dff;} .container05 ul.flow{background:none;height:480px;margin-top:30px;} .container05 ul.flow li p{width:90%;margin:13px auto 0 auto;color:#777;line-height:18px;} .content .container04 .c_right ul.caselist{padding-top:20px;} .content .container04 .c_right ul.caselist li b{font-size:14px;} .container03#index6 ul.wenda li:nth-child(1){position:static;transform: rotateZ(0);} .container03#index6 ul.wenda li:nth-child(2){position:static;transform: rotateZ(0);} .container03#index6 ul.wenda li:nth-child(3){position:static;transform: rotateZ(0);} .container03#index6 ul.wenda li:nth-child(4){position:static;transform: rotateZ(0);} .container03#index6 ul.wenda li:nth-child(5){position:static;transform: rotateZ(0);} .container03#index6 ul.wenda li:nth-child(6){position:static;transform: rotateZ(0);} .container03#index6 ul.wenda li:nth-child(7){position:static;transform: rotateZ(0);} .container03#index6 ul.wenda li:nth-child(8){position:static;transform: rotateZ(0);} .container03#index6 ul.wenda li:nth-child(9){position:static;transform: rotateZ(0);} .container03#index6 ul.wenda li:nth-child(10){position:static;transform: rotateZ(0);width:100%;} .container03 .casesort-list{min-width:101%;} .container03 ul.xcx-flow li{font-size:12px;width:33%;height:50px;} .container03 ul.xcx-flow{height:auto;margin-top:35px;} .container03#index2 ul.list-xcx{position:static;height:100%;} #index2{height:800px;background-size:auto 100%;background:#000;} .container03 ul.list-xcx li img{width:70%;} .xcx-intro{width:90%;margin:0 5%;line-height:26px;clear:both;background: url(../images/xcx02.jpg) center 210px no-repeat;} .container04 p, .container03 p{padding-bottom:10px;width:90%;margin-bottom:0;float:none;margin:0 auto;} .container03 ul.arclist.arc-all li .info{width:70%;} .container03 ul.arclist.arc-all{width:100%;margin:0%;} .line2{display:none;} .container03#index2 ul.list-xcx li p{width:100%;line-height:20px;height:60px;} .container03 ul.youshi li{width:46%;} .container03 ul.youshi img{transform:scale(0.8);} .container03 ul.youshi{width:100%;min-width:100%;top:0;} .index-mall-promotion .box .con-loop .hd ul>li.on{width:100%;} .index-mall-promotion#index1{width:90%;max-width:90%;height:1480px;} .header{border-bottom:1px solid #333;} .container03#index6{background:#000;height:1100px;} .container03#index4 p{width:100%;padding-bottom:25px;} ul.linklist{width:100%;} ul.linklist li{height:22px;} .footer ul.nav-bot li .title{margin:3px 0;} .content .container04 .c_right .contentview .detail span.address{font-size:12px;} .index-mall-promotion#index1 .box{max-width:100%;min-width:100%;} #banner video{min-width: 225%;height:225%;} .container03 ul.list-xcx li.x5{display:none;} .container03 ul.youshi li:nth-child(5){display:none;} .index-mall-promotion .box .con-loop .hd ul>li{width:100%;height:390px;float:left;clear:both;margin-bottom:20px;overflow:hidden;} .index-mall-promotion .box .con-loop .hd ul>li.on{height:390px;} .index-mall-promotion .box .con-loop .hd ul>li .container {height: 455px;position: absolute;left: -1px;top: -16px;-moz-box-shadow: 0 0 15px #bbb;-webkit-box-shadow: 0 0 15px #bbb;box-shadow: 0 0 15px #bbb;right: -1px;z-index: 100;width: 100%;} .index-mall-promotion .tab ul li a {color: #FFF;background-color: #ff621b} .index-mall-promotion .box .con-loop .hd ul li .container .head {height: 166px;background-color: #222;padding-top: 28px} .index-mall-promotion .box .con-loop .hd ul li .container .head strong {color: #FFF} .index-mall-promotion .box .con-loop .hd ul li .container .head p {color: #fff} .index-mall-promotion .box .con-loop .hd ul li .container .head .ico-big {margin-left: -137px} .index-mall-promotion .box .con-loop .hd ul li .container .head .ico {top: -200px} .index-mall-promotion .box .con-loop .hd ul li .container .text {padding-top: 100px;height: 70px;text-align: center;font-size: 16px} .index-mall-promotion .box .con-loop .hd ul li .container .op .price p {display: block} .index-mall-promotion .box .con-loop .hd ul li .container .op .price {display: inline-block} .index-mall-promotion .box .con-loop .hd ul li .container .op a {margin-top: 2px;margin-left: 10px;color: #FFF;background-color: #ffa33c} .index-mall-promotion .box .con-loop .hd ul li .container .op a:last-child {color: #FFF;background-color: #ff621b} .index-mall-promotion .box .con-loop .hd ul li .container .mall-pronew {width: 350px} .index-mall-promotion .box .con-loop .hd ul li .container .mall-pronew span.p-next,.index-mall-promotion .box .con-loop .hd ul li.on .container .mall-pronew span.p-prev{display: block} .design{width:100%;} .design ul li{width:100%;margin-bottom:30px;} .container03.uidesign{height:auto;} .php-and-java li{width:100%;} .php-and-java{width:100%;} .container03.yuyan{height:auto;padding-bottom:70px;margin-top:-60px;background-position:center center;} .function-box{width:100%;margin:0;} .function-box ul{width:98%;float:none;margin:0 auto;} .qingdanlist{width:100%;} .function-box li{width:46%;margin:0 2%;margin-bottom:13px;overflow:hidden;height:100px;} .function-box li:nth-child(3), .function-box li:nth-child(6), .function-box li:nth-child(9){margin-right:2%;} .function-box li:nth-child(9){display:none;} .buy{display:none;} .container03.yuyan p{float:none;margin:30px auto 0 auto;width:85%;} .container03.yuyan .titlebig{padding-top:110px;} .marking-strategy{overflow:hidden;} .container03#index6 ul.wenda li{line-height:25px;} .design ul li:nth-child(2) img,.design ul li:nth-child(3) img{height:210px;} .design dt{height:auto;}.php-and-java li h4{font-size:20px;}.function-box li .content-box{left:65%;top:35%;} .function-box li .content-box s{position:relative;left:-5%;float:left;transform:scale(0.7);} .function-box li .content-box .text{width:50%;}.container03.qingdan{height:auto;padding-bottom:70px;} .design dd h3{font-size:20px;}.design dd{margin:0 auto;}.marking-strategy-box{width:100%;}.marking-strategy-box .cards-box{width:100%;} .marking-strategy-box .cards-box .white-bg{width:33.3%}.marking-strategy-box .cards-box li{width:33.3%;}.marking-strategy-box .cards-box .white-bg .word01{width:90%;margin:0 auto;} .marking-strategy-box .cards-box .white-bg .box{width:100%;} .chat-talk li:nth-child(1){display:none;} .chat-talk li:nth-child(3){display:none;} .chat-talk{height:90px;bottom:0;} }