@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:#0c8bf1;}
img,a img{border:none;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()) } /* for IE */
:focus { outline: none; } /* for Firefox */ 
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;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:606px;position:absolute;right:80px;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 h2 a:link,.header .mainnav li.current h2 a:visited{background:url(../images/arrow-menu.png) center bottom no-repeat;}
.header .mainnav li.current span{display:none;}
.header .mainnav li span{display:none;width:150%;height:auto;position:absolute;left:-25%;top:55px;z-index:999;background:url(../images/arrow-menu.png) center top no-repeat;padding-top:5px;}
.header .mainnav li span a:link,.header .mainnav li span a:visited{background:none;width:100%;height:35px;line-height:35px;font-size:14px;float:left;margin-bottom:1px;background:#0c8bf1;color:#fff;filter:alpha(opacity=65); -moz-opacity:0.65;-khtml-opacity: 0.65;opacity: 0.65;overflow:hidden;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.header .mainnav li span a:hover{filter:alpha(opacity=100); -moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.header .mainnav li.current span{display:block;}
.header .mainnav h2{font-weight:normal;margin:0;}
.header .chat{width:81px;height:60px;background:url(../images/talk-qq.png) center 15px no-repeat;color:#ccc;position:absolute;right:0px;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 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;}
.content{width:94%;margin:0 3%;overflow:hidden;position:relative;z-index:1;padding-top:0px;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:0px 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{margin:0 auto;height:600px;}
.index-mall-promotion#index1 .box{margin:0 auto;}
.container03 ul.youshi{width:85%;clear:both;margin:0 auto;position:relative;top:55px;min-width:1200px;}
.container03 ul.youshi li{width:20%;float:left;-webkit-transition: all 1.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.youshi li:hover{padding-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:70px;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:#cc0000;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:85%;min-width:1200px;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%;padding:0;float:left;height:auto;margin:0 1% 1% 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:#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:0.80;-khtml-opacity: 0.80;opacity: 0.80;-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 .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 0px #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:0px;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:100px;}
.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{width:100%;clear:both;height:40px;font-size:22px;margin:0;font-weight:normal;text-align:left;color:#555;border:none;}
.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 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;}
.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:none;}
.content .container04 .nright ul.arclist{padding:0 0 100px 0;float:left;}
.content .container04 .nright ul.arclist li a{left:0;font-size:12px;height:30px;}
.content .container04 .nright ul.article-all{width:100%;float:left;margin-top:10px;}
.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:12px;border:1px solid #0c8bf1;color:#0c8bf1;border-radius:5px;-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;}
.content .container04 .nright ul.article-all li a:hover{background:#267dfe;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:15px;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 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;}
.content .container04 .c_right ul.caselist li:hover img{transform: scale(1.1);-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;}
.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 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:37%;text-align:center;display:inline-block;color:#fff;background:#0c8bf1;font-size:14px;height:30px;line-height:30px;position:relative;top:44px;left:-10px;border-radius:10px;-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:45%;-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/dot.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/dot.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.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:0px 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:justify;line-height:30px;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:none;font-size:14px;text-indent:0;margin:0;float:left;color:#cc0000;}
.content .container04 .contentview .detail p{margin:0;padding:0;text-align:left;margin-bottom:10px;font-size:15px;line-height:30px;color:#444;width:100%;}
.content .container04 .contentview .detail strong{font-size:16px;float:none;display:inline;font-weight:bold;}
.content .container04 .contentview .detail li{width:100%;padding-bottom:30px;float:left;}
.content .container04 .contentview .detail li h4{text-align:left;margin-bottom:20px;}
.content .container04 .contentview .detail img{max-width:100%;padding-bottom:15px;display:block;margin:0 auto;}
.content .container04 .contentview .detail a:link,.content .container04 .contentview .detail a:visited{color:#267dfe;}
.content .container04 .contentview .detail u{font-weight:bold;padding:0;display:inline-block;margin:5px 0;font-style:none;text-decoration:none;font-size:20px;float:left;clear:both;width:100%;height:auto;padding:15px 0;}
.content .container04 .contentview .detail h2{font-size:14px;width:100%;float:left;height:40px;font-weight:normal;margin:0 0 10px 0;}
.content .container04 .contentview .detail h2 a:link,.content .container04 .contentview .detail h2 a:visited{position:relative;left:-10px;background:#29a3d6;color:#fff;padding:5px 30px;border-radius:10px;}
.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:45px 0 0;}
.content .container04 ul.arclist li{width:50%;float:left;height:80px;overflow:hidden;float:left;margin-bottom:20px;padding-bottom:14px;border-bottom:1px dashed #ddd;}
.content .container04 ul.arclist li a{font-weight:normal;font-size:16px;position:relative;left:10px;top:2px;color:#333;}
.content .container04 ul.arclist li a.title{text-align:left;color:#0c8bf1;}
.content .container04 ul.arclist li span{font-size:12px;font-style:italic;line-height:30px;text-align:center;background:#0c8bf1;color:#fff;float:left;width:30px;height:30px;border-radius:50%;}
.content .container04 ul.arclist li p{margin:0;color:#999;text-indent:0;font-size:12px;width:95%;line-height:18px;float:left;padding-top:0;text-align:left;}
.content ul.pagelist{width:100%;height:50px;float:left;text-align:right;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 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;}
.content .container04 ul.pagelist li.thisclass{background:#0c8bf1;color:#fff;text-align:center;border-radius:50%;line-height:20px;}
.content .container04 .product .content ul.pagelist strong{background:none;display:inline;color:#555555;}
.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:none;background:url(../images/btn2.gif);overflow:hidden;color:#fff;cursor:pointer;}
.content .container_shop{width:948px;border:1px solid #cccccc;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 #cccccc;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:1080px;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:0px;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:#cc0000;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:440px;overflow:hidden;}
.lianxi{position:relative;width:100%;height:70px;background-color:#0c8bf1;background-image:url(../images/bg_lianxi.jpg);background-repeat:no-repeat;background-size:cover;background-position:center bottom;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:0.50;-khtml-opacity: 0.50;opacity: 0.50;}
.lianxi .talk-tel{padding-top:2px;width:80%;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:27px;width:150px;height:35px;line-height:35px;border:2px 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;-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;}
.lianxi .num span.phone{background:#fff url(../images/tel1.png) -61px 15px no-repeat;-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;}
.lianxi .num span.tel:hover{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;}
.lianxi .num span.phone:hover{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;}
.footer{width:100%;height:359px;float:left;margin-top:0;padding-top:14px;background-image:url(../images/bg_footer.jpg);background-color:#333;background-position:center top;background-repeat:no-repeat;background-size:cover;}
.footer .copyright{position:relative;width:90%;color:#ddd;text-align:left;margin:0 auto;overflow:hidden;position:relative;padding-top:40px;}
.footer .copyright p{width:100%;margin:0;font-size:12px;color:#666;clear:both;float:left;padding-top:8px;margin-top:20px;}
.footer .copyright p a:link,.footer .copyright p a:visited{color:#0c8bf1;}
.footer ul.nav-bot{width:100%;color:#ccc;}
.footer ul.nav-bot li{width:20%;float:left;text-align:left;}
.footer ul.nav-bot li.list2 .sub{margin-top:29px;}
.footer ul.nav-bot li .title{font-size:14px;font-weight:normal;margin:0 0 10px 0;}
.footer ul.nav-bot li ul.sub li{width:100%;height:26px;}
.footer ul.nav-bot li a:link,.footer ul.nav-bot a:visited{width:100%;height:100%;line-height:26px;color:#aaa;}
.footer ul.nav-bot li a:hover{color:#0c8bf1;}
ul.linklist{width:70%;position:relative;top:7px;float:left;}
ul.linklist li{display:inline-block;padding-right:5px;height:22px;color:#666;}
ul.linklist li a:link,ul.linklist li a:visited{color:#666;}
.footer ul.nav-bot li .erweima{width:160px;height:160px;background:url(../images/ewm.png) 0 0 no-repeat;position:absolute;right:0;top:40px;}
ul.linklist li a:hover{color:#999;}
.footer .info{float:left;width:100%;}
.content .container04 ul.arclist li .title{border:none;height:auto;float:left;width:90%;}
.container03 h3.web{text-indent:640px;}
#index2{width:98%;padding:0 1%;height:640px;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:7.5%;bottom:-30px;height:70%;width:85%;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 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.x2,.container03 ul.list-xcx li.x4{filter:alpha(opacity=97); -moz-opacity:0.97;-khtml-opacity: 0.97;opacity: 0.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 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;}

.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(../images/indexcase.jpg);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: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:85%;min-width:1200px;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;}
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 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;}
.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:31%;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);}
.container03.sec#index6 ul.wenda li.w3{top:50%;}
.container03.sec#index6 ul.wenda li.w5{top:51%;}
.container03.sec#index6 ul.wenda li.w6{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 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;}
.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);}
.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.xcx{background-image:url(../images/bg_xcx.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: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:100px;text-align:center;}
.page404 h1{font-size:30px;font-weight:normal;color:#fff;position:relative;top:15px;}
.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;}
.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: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 .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:0px;}
.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:#0c8bf1;border-radius:5px;}
.container03 .container_s ul.arclist a:link,.container03 .container_s ul.arclist a:visited{font-size:14px;color:#ddd;background:none;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:none;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:650px;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:#ddd;font-size:14px;border-radius:10px;border:1px solid #ddd;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:#ddd;}
.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:291px;height:203px;position:fixed;right:0;bottom:0;z-index:99999;-webkit-filter: grayscale(30%);-moz-filter: grayscale(30%);-ms-filter: grayscale(30%);-o-filter: grayscale(30%);filter: grayscale(30%);filter: gray;}
#chat a.chat-people:link,#chat a.chat-people:visited{display:block;width:100%;height:100%;background:url(../images/bg_chat.png) 0 0 no-repeat;}
#chat a.close:link,#chat a.close:visited{display:block;width:20px;height:20px;background:#000;color:#fff;text-align:center;line-height:20px;position:absolute;right:10px;bottom:10px;z-index:99999999;border-radius:50%;}
#chat a.close:hover{background:#cc0000;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;}
@media screen and (max-width: 1500px) { 
.container03#index4{min-height:580px;}
#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;}
}