@charset "utf-8";html {width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}
@font-face {
	font-family: "AlimamaShuZhiTiVF-custom";
	src: url("/fonts/AlimamaShuZhiTiVF-custom.woff2") format("woff2"),
	url("/fonts/AlimamaShuZhiTiVF-custom.woff") format("woff");
	font-display: swap;
}

body {width:100%;margin:0 auto;background:#fff;text-align:center;font:12px AlimamaShuZhiTiVF-custom,Lantinghei SC,Microsoft YaHei,HanHei SC,Helvetica Neue,Open Sans,Arial,Hiragino Sans GB,微软雅黑,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;height:100%;color:#333;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:none;-o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;}
.header:hover.header.current {background:#fff;-o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;}
.header.current {background:#fff;-o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;}
.header.current .mainnav li a:link,.header.current .mainnav li a:visited {color:#555;}
.header .header_main {width:1200px;overflow:hidden;margin:0 auto;height:100%;position:relative;top:0;}
.header .header_main .logo {position:absolute;left:0;top:9px;margin:0;padding:0;width:250px;height:52px;-o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;}
.header.current {background:#fff;-o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;box-shadow:0 0 7px 0 #ccc}
.banner_text {width:1200px;margin:0 auto;position:relative;top:50px;}
.header .header_main .logo a {display:flex;align-items:center;gap:12px;width:100%;height:100%;overflow:hidden;}
.header .header_main .logo .logo_mark {display:block;flex:0 0 auto;width:46px;height:46px;filter:drop-shadow(0 8px 16px rgba(8, 160, 255, .18));transition:filter .4s ease,opacity .4s ease;}
.header .header_main .logo .logo_mark img {display:block;width:100%;height:100%;object-fit:contain;}
.header .header_main .logo .logo_text {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1;transform:translateY(1px);}
.header .header_main .logo .logo_text strong {display:block;font-size:18px;font-weight:700;letter-spacing:.04em;color:#fff;text-shadow:0 0 18px rgba(61, 206, 255, .16);}
.header .header_main .logo .logo_text em {display:block;margin-top:5px;font-size:11px;font-style:normal;font-weight:600;letter-spacing:.28em;color:#53d8ff;text-transform:uppercase;}
.header.current .header_main .logo .logo_text strong {color:#10224f;text-shadow:none;}
.header.current .header_main .logo .logo_text em {color:#1e8dff;}
.header.current .header_main .logo .logo_mark {filter:none;opacity:.92;}
.header .mainnav {width:500px;position:absolute;left:455px;top:8px;height:45px;overflow:hidden;}
.header .mainnav li {width:auto;height:100%;line-height:40px;float:left;text-align:left;position:relative;margin-right:25px;}
.header .mainnav li a:link,.header .mainnav li a:visited {display:block;height:100%;width:100%;color:#eef6ff;text-align:center;font-size:14px;cursor:pointer;transition:color .3s ease,opacity .3s ease;}
.header .mainnav li a:hover {color:#7fdcff;}
.header.current .mainnav li a:hover {color:#177df2;}
.header .contact_tel {font-size:12px;padding:4px 10px;color:#fff;background:#09f;position:absolute;right:0;top:19px;border-radius:6px;font-weight:bold;}
.header.current .contact_tel {color:#fff;background:#f60}
.content {width:100%;margin:0 auto;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:1200px;padding:0;overflow:hidden;margin:0 auto;position:relative;}
.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}
.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}
.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;}
.titlebig strong,.container05 .titlebig strong {font-size:15px;font-weight:normal}
.titlebig {margin-top:50px}
.titlebig.lanmu2 strong {position:relative;left:269px;font-size:24px}
.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:32px;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 {width:100%;text-align:center;float:left;font-size:15px;line-height:22px;margin:0;color:#666;}
.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.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  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 ul.caselist li span a:link,.content .container04 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  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  ul.caselist li b.big b {font-size:19px}
.content .container04  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:1200px;padding:0;overflow:hidden;margin:0 auto;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:860px;float:right;text-align:center;line-height:22px;}
.content .container04 .c_right.nleft {float:left;overflow:hidden;}
.content .container04 .nright {width:300px;float:right;padding:20px 0;}
.content .container04 .nright .title {padding:0;width:100%;clear:both;height:40px;font-size:16px;font-weight:normal;text-align:left;color:#555;border:0;margin: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:24px;line-height:24px;text-align:left;}
.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:12px;height:24px}
.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:hover {background:#09f;color:#fff}
.position {width:100%;font-size:12px;text-align:left;display:inline-block;color:#fff;height:60px;margin-top:-1px;}
.container04 .c_right.nleft ul.arclist li {width:276px;margin-left:0;}
.position a:link,.position a:visited {display:block;float:left;padding:10px 20px;margin-right:-1px;background:#09f;color:#fff;}
 .position a:first-child:link,.position a:first-child:visited {background:#333;color:#fff;}
 .position a:nth-child(3):link,.position a:nth-child(3):visited {background:#29a9ff;color:#fff;}
.position a:first-child:hover {background:#000;}
.position a:hover {background:#000;}
.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}
.container03.newsall {max-height:550px}
.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;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:27px;width:100%;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;width:100%;line-height:28px;color:#333;}
.content .container04 .contentview .detail strong {font-size:16px;color：#000;float:none;display:inline-block;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:99%;min-width:99%;display:block;margin:20px auto;-webkit-box-shadow:0 0 7px #eee;box-shadow:0 0 7px #eee;border:1px solid #ddd;}
.content .container04 .contentview .detail a:link,.content .container04 .contentview .detail a:visited {color:#09f}
.content .container04 .contentview .detail h2 {font-size:17px;}
.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}
.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 .nright ul.arclist_right li {width:300px;float:left;height:28px;line-height:29px;text-align:left;overflow:hidden;float:left;border-radius:10px;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;position:relative;margin-bottom:3px;}
.content .container04 .nright ul.arclist_right.casesort li {width:48%;margin-right:2%;}
.content .container04 .c_right.nleft ul.arclist li,.container03 ul.arclist li {background:#fff;-webkit-box-shadow:0 0 7px #eee;box-shadow:0 0 7px #eee;border:1px solid #ddd;}
.content .container04 .c_right.nleft ul.arclist li:hover ,.container03 ul.arclist li:hover{background:#efefef;}
.content .container04 ul.arclist,.container03 ul.arclist {text-align:left;width:110%;padding:26px 0 0}
.content .container04 ul.arclist li,.container03 ul.arclist li {width:300px;float:left;height:270px;margin:0 13px 20px 12px;overflow:hidden;float:left;margin-bottom:21px;padding-bottom:7px;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;position:relative;}
.container03 ul.arclist li{width:276px;}
.container03 ul.arclist.arclist_easy li{height:196px;}
.content .container04 ul.arclist li span,.container03 ul.arclist li span {margin-left:10px;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;font-size:12px;}
.content .container04 ul.arclist li a,.container03 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,.container03 ul.arclist li a.title {font-size:18px;text-align:left;margin-bottom:9px;}
.content .container04 ul.arclist_right li span {font-size:9px;line-height:15px;text-align:center;background:#efefef;color:#999;float:left;width:15px;margin-right:5px;margin-top:7px;height:15px;border-radius:50%;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;}
.content .container04 ul.arclist_right li:hover {background:#efefef;}
.content .container04 ul.arclist_right li:hover span {margin-left:10px;}
.content .container04 ul.arclist li p,.container03 ul.arclist li p {margin:0;padding:5px 0 0;font-size:12px;color:#777;text-align:left;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-ms-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;line-height:20px;}
.content .container04 ul.arclist li:hover p,.container03 ul.arclist li:hover p{padding:10px 0 0;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-ms-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;border-top:1px solid #eee;}
.content ul.pagelist {width:100%;height:50px;float:left;text-align:left;padding:30px 0 80px 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;text-align:left;}
.content .container04 .caseshow img.casepic {float:left;max-width:845px;width:auto;height:auto;padding:1px;float:none;margin:0 auto 40px 0;-webkit-box-shadow:0 0 7px #eee;box-shadow:0 0 7px #eee;border:1px solid #ddd;}
.content .container04 .webinfo {width:100%;float:left;height:auto;text-align:left;margin-bottom:110px;padding:0 0 50px 0}
.content .container04 .webinfo p {margin:0px 0 12px 0;text-align:left;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:26px;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%;min-height:520px;overflow:hidden;background:#000;}
.lianxi {position:relative;width:100%;height:92px;background-color:#394865;//*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:#9db8ee;}
.icp {width:100%;border-top:1px solid #111;float:left;margin-top:50px;padding:20px 0 0;text-align:center;color:#777;}
.icp ul.subsite {width:1200px;margin:0 auto;}
.icp ul.subsite li {display:inline-block;margin-right:15px;}
.icp p {width:100%;float:left;margin:0;}
.footer {width:100%;min-height:310px;float:left;margin-top:0;padding-top:14px;}
.footer .copyright {position:relative;width:1200px;color:#999;text-align:left;margin:0 auto;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 a:link,.footer a:visited {color:#777}
.footer 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}
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(../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}
.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(../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: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 {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:560px;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative}
.banner_sec.case {background-image:url(../images/bg_case.jpg)}
.banner_sec.zixun {background-image:url(../images/banner_s2.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: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,.banner_text .title {width:100%;margin:0 auto;position:relative;top:150px;right:-70px;font-size:24px;color:#fff;border:0;text-align:left;z-index:999;margin:0 auto;float:none;}
.banner_sec_wrap .title .des,.banner_text .title .des {line-height:45px;font-size:40px;padding:0 0px 0 60px;float:left;padding-top:7px;letter-spacing: 3px;color:#fff;}
.banner_sec_wrap .title .des p.en{font-size:25px;margin:0;position:relative;top:6px;line-height:40px;width:850px;}
.banner_sec_wrap .title .tips{font-weight:bold;font-size:55px;padding-left:60px;margin-top:-32px;padding-bottom:0;color:#fff;}
.banner_sec_wrap .title span {display:block;font-size:126px;width:100%;height:70px;overflow:hidden;font-family:serif;}
.banner_sec_wrap .title span.t2 {text-align:left;position:relative;text-indent:820px;}
.banner_sec_wrap .title span.t1 {text-align:left;position:relative;left:-100px;}
.banner_sec_wrap .title p {width:100%;font-size:18px;margin:13px 0 0;color:#fff}
.motion-hero {background:linear-gradient(125deg,#05070b 0%,#081522 54%,#020305 100%);isolation:isolate}
.motion-hero:before {content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 76% 28%,rgba(78,174,255,.23),transparent 32%),linear-gradient(90deg,rgba(0,0,0,.52),rgba(0,0,0,.2) 56%,rgba(0,0,0,.06));pointer-events:none}
.motion-hero:after {content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 26%,rgba(0,0,0,.26));pointer-events:none}
.motion-hero--xcx {background:linear-gradient(125deg,#050a08 0%,#0b2119 54%,#020504 100%)}
.motion-hero--sale {background:linear-gradient(125deg,#06070b 0%,#10182b 54%,#030408 100%)}
.motion-hero--case {background:linear-gradient(125deg,#050608 0%,#11191f 54%,#020304 100%)}
.motion-hero__canvas {position:absolute;inset:0;z-index:0;width:100%;height:100%}
.motion-hero__orb {position:absolute;right:9%;top:78px;z-index:1;width:360px;height:360px;border-radius:50%;border:1px solid rgba(123,220,255,.16);box-shadow:0 0 90px rgba(80,180,255,.2),inset 0 0 80px rgba(116,218,255,.08);animation:motionHeroSpin 28s linear infinite}
.motion-hero__orb:before,.motion-hero__orb:after {content:"";position:absolute;border-radius:50%;border:1px solid rgba(137,236,255,.15)}
.motion-hero__orb:before {inset:54px;border-left-color:rgba(130,245,255,.52);transform:rotate(28deg)}
.motion-hero__orb:after {inset:124px;border-right-color:rgba(139,255,210,.44)}
.motion-hero__panel {position:absolute;right:14%;top:176px;z-index:3;width:280px;padding:24px 26px;box-sizing:border-box;border:1px solid rgba(125,217,255,.18);background:rgba(4,13,22,.58);box-shadow:0 22px 72px rgba(0,0,0,.35),inset 0 0 32px rgba(90,188,255,.06);backdrop-filter:blur(8px);transform:perspective(780px) rotateY(-9deg);animation:motionHeroFloat 7s ease-in-out infinite}
.motion-hero__panel strong {display:block;color:rgba(231,249,255,.82);font-size:13px;letter-spacing:0;margin-bottom:18px;text-align:left}
.motion-hero__panel span {display:block;position:relative;height:28px;line-height:28px;margin-bottom:10px;padding-left:24px;color:rgba(224,247,255,.72);font-size:12px;text-align:left;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent);animation:motionHeroPulse 3s ease-in-out infinite;animation-delay:var(--delay)}
.motion-hero__panel span:before {content:"";position:absolute;left:8px;top:10px;width:7px;height:7px;border-radius:50%;background:#6be7ff;box-shadow:0 0 16px rgba(107,231,255,.78)}
.motion-hero .banner_sec_wrap {z-index:4}
.motion-hero .banner_sec_wrap .title .tips,.motion-hero .banner_sec_wrap .title .des {text-shadow:0 5px 24px rgba(0,0,0,.72)}
@keyframes motionHeroSpin {from {transform:rotate(0deg)} to {transform:rotate(360deg)}}
@keyframes motionHeroFloat {0%,100% {translate:0 0} 50% {translate:0 -14px}}
@keyframes motionHeroPulse {0%,100% {opacity:.58} 50% {opacity:1}}

.banner_text .title .des p.en{font-size:14px;margin:0;position:relative;top:16px;line-height:20px;width:899px;}
.banner_text .title .tips{font-weight:bold;font-size:55px;padding-left:60px;margin-top:-32px;padding-bottom:0;color:#fff;position:relative;left:-10px;}
.banner_text .title span {display:block;font-size:126px;width:100%;height:70px;overflow:hidden;font-family:serif;}
.banner_text .title span.t2 {text-align:left;position:relative;text-indent:950px;}
.banner_text .title span.t1 {text-align:left;position:relative;left:-100px;}
.banner_text .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}
.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;margin:10px 0 ;background:#fff4e5;color:#f60;}

.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}

.contentview .detail ol {margin:0;padding:0;}


.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:30px;line-height:30px;color:#666;text-align:left;color:#444;float:left;border-bottom:1px solid #333;margin-bottom:30px;}
.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}
*/.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}
ul.appintro {width:1200px;clear:both;padding-top:50px;}
ul.appintro li {width:50%;float:left;text-align:center}
 ul.appintro li video{width:580px;}
ul.appintro img {height:auto;width:580px}
.app-device-motion {width:580px;height:326px;margin:0 auto;position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#05080d 0%,#0b1f31 55%,#040508 100%);box-shadow:0 18px 50px rgba(0,0,0,.2)}
.app-device-motion:before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 18%,rgba(88,203,255,.22),transparent 30%),radial-gradient(circle at 78% 72%,rgba(114,255,203,.18),transparent 34%);opacity:.95}
.app-device-motion:after {content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.09),transparent 19%,transparent 72%,rgba(96,187,255,.08));mix-blend-mode:screen}
.app-device-motion.android {background:linear-gradient(135deg,#05090a 0%,#102417 52%,#030605 100%)}
.app-device-motion.android:before {background:radial-gradient(circle at 30% 20%,rgba(115,255,185,.2),transparent 32%),radial-gradient(circle at 78% 72%,rgba(90,178,255,.15),transparent 34%)}
.app-motion-grid {position:absolute;inset:-40px;background-image:linear-gradient(rgba(123,211,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(123,211,255,.08) 1px,transparent 1px);background-size:38px 38px;transform:perspective(360px) rotateX(58deg) translateY(44px);animation:appGridMove 10s linear infinite}
.app-motion-stream {position:absolute;height:2px;border-radius:20px;background:linear-gradient(90deg,transparent,rgba(107,221,255,.9),transparent);filter:drop-shadow(0 0 8px rgba(107,221,255,.75));animation:appStream 4.6s ease-in-out infinite}
.stream-a {left:-20%;top:28%;width:46%}
.stream-b {right:-24%;bottom:24%;width:52%;animation-delay:1.2s}
.app-phone {position:absolute;left:50%;top:29px;width:152px;height:270px;margin-left:-76px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.04));border:1px solid rgba(203,239,255,.22);box-shadow:0 26px 60px rgba(0,0,0,.42),inset 0 0 22px rgba(255,255,255,.08);animation:appPhoneFloat 6s ease-in-out infinite}
.app-phone-speaker {position:absolute;left:50%;top:14px;width:46px;height:4px;margin-left:-23px;border-radius:10px;background:rgba(215,244,255,.32)}
.app-screen {position:absolute;left:12px;right:12px;top:28px;bottom:12px;border-radius:19px;background:linear-gradient(180deg,rgba(8,22,35,.96),rgba(5,12,20,.94));overflow:hidden;border:1px solid rgba(117,210,255,.14)}
.app-screen:before {content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(104,204,255,.14),transparent 44%);pointer-events:none}
.app-screen-top {height:45px;padding:14px 14px 0;box-sizing:border-box;color:rgba(232,249,255,.84);font-size:13px;text-align:left;letter-spacing:0}
.app-screen-top i {float:right;width:22px;height:10px;border-radius:20px;background:rgba(97,231,255,.45);box-shadow:0 0 16px rgba(97,231,255,.68)}
.app-device-motion.android .app-screen-top i {background:rgba(110,255,183,.48);box-shadow:0 0 16px rgba(110,255,183,.72)}
.app-screen-chart {height:82px;padding:14px 17px 0;text-align:left;box-sizing:border-box}
.app-screen-chart b {display:inline-block;width:15px;margin-right:9px;border-radius:12px 12px 3px 3px;background:linear-gradient(180deg,#77e5ff,rgba(119,229,255,.18));vertical-align:bottom;animation:appBarPulse 2.8s ease-in-out infinite}
.app-screen-chart b:nth-child(1) {height:34px}
.app-screen-chart b:nth-child(2) {height:52px;animation-delay:.2s}
.app-screen-chart b:nth-child(3) {height:42px;animation-delay:.4s}
.app-screen-chart b:nth-child(4) {height:60px;animation-delay:.6s}
.app-device-motion.android .app-screen-chart b {background:linear-gradient(180deg,#85ffc5,rgba(133,255,197,.18))}
.app-screen-list {padding:0 14px;text-align:left}
.app-screen-list span {display:block;height:22px;line-height:22px;margin-bottom:9px;padding-left:12px;border-radius:6px;background:rgba(255,255,255,.055);color:rgba(231,248,255,.74);font-size:11px;box-sizing:border-box;animation:appListPulse 3s ease-in-out infinite;animation-delay:var(--delay)}
.app-motion-chip {position:absolute;min-width:78px;height:30px;line-height:30px;padding:0 12px;border:1px solid rgba(126,220,255,.2);border-radius:6px;background:rgba(5,15,24,.6);color:rgba(226,248,255,.8);font-size:12px;box-shadow:0 10px 32px rgba(0,0,0,.24);box-sizing:border-box}
.chip-a {left:70px;top:86px;animation:appChipFloat 5.4s ease-in-out infinite}
.chip-b {right:66px;bottom:82px;animation:appChipFloat 5.8s ease-in-out infinite reverse}
@keyframes appGridMove {from {background-position:0 0;transform:perspective(360px) rotateX(58deg) translateY(44px)} to {background-position:38px 38px;transform:perspective(360px) rotateX(58deg) translateY(44px)}}
@keyframes appStream {0%,100% {opacity:0;transform:translateX(0)} 45%,55% {opacity:1} 100% {transform:translateX(180px)}}
@keyframes appPhoneFloat {0%,100% {translate:0 0} 50% {translate:0 -10px}}
@keyframes appBarPulse {0%,100% {opacity:.54;transform:scaleY(.82);transform-origin:bottom} 50% {opacity:1;transform:scaleY(1)}}
@keyframes appListPulse {0%,100% {opacity:.52} 50% {opacity:1}}
@keyframes appChipFloat {0%,100% {translate:0 0} 50% {translate:0 -12px}}
ul.appintro p {font-size:12px;color:#999;text-align:center;line-height:22px;width:85%;margin:0 auto;float:none;padding-bottom:50px}
ul.appintro .title_s {width:100%;padding:60px 0 10px 0;font-size:26px}
.app-plan {position:relative;width:100%;height:550px;clear:both;float:left;margin:60px auto 40px auto;overflow:hidden;background:#071426;}
.plan-bg {position:absolute;inset:0;z-index:0;width:100%;height:100%;background-image:url(../images/bgtalk1.jpg);background-size:cover;background-position:left top;background-repeat:no-repeat}
.app-plan .plan-info {position:absolute;left:0;top:0;z-index:1;width:60%;float:right;height:100%;text-align:center;margin:0 20%;}
.plan-info strong {display:inline-block;font-size:45px;padding:75px 0 15px 60px;color:#fff;}
.plan-info p {font-size:22px;color:#fff;width:80%;line-height:33px;margin:0 auto;}
.plan-trigger {position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:286px;height:58px;margin-top:34px;padding:0 26px;border:1px solid rgba(146,211,255,.36);border-radius:999px;background:linear-gradient(135deg,#37a4ff 0%,#1e67d0 56%,#1d55b8 100%);box-shadow:0 18px 36px rgba(12,48,118,.36),inset 0 1px 0 rgba(255,255,255,.3);color:#fff;font-size:17px;font-weight:600;letter-spacing:.02em;cursor:pointer;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;}
.plan-trigger:before {content:"";position:absolute;inset:1px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 46%);pointer-events:none;}
.plan-trigger:after {content:"";position:absolute;top:-40%;left:-28%;width:90px;height:180%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.34),rgba(255,255,255,0));transform:rotate(18deg) translateX(-120%);animation:planButtonShine 3.4s ease-in-out infinite;}
.plan-trigger span,.plan-trigger i {position:relative;z-index:1;}
.plan-trigger i {display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.18);font-style:normal;line-height:1;transition:transform .24s ease,background-color .24s ease;}
.plan-trigger:hover {transform:translateY(-3px);border-color:rgba(190,230,255,.54);box-shadow:0 24px 48px rgba(12,48,118,.46),0 0 0 8px rgba(60,155,245,.12),inset 0 1px 0 rgba(255,255,255,.36);}
.plan-trigger:hover i {transform:translateX(3px);background:rgba(255,255,255,.26);}
@keyframes planButtonShine {0%,58% {transform:rotate(18deg) translateX(-130%)} 82%,100% {transform:rotate(18deg) translateX(430%)}}
.bggrey.bgxcxitem#choose{margin-top:45px;}
.xcxvideo video{width:1200px;height:auto;}
.xcxvideo {width:100%;height:450px;overflow:hidden;}
.mini-program-motion {position:relative;width:1200px;height:450px;margin:0 auto;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#05100c 0%,#0a281d 50%,#030605 100%);box-shadow:0 20px 60px rgba(0,0,0,.18)}
.mini-program-motion:before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 22%,rgba(96,255,183,.2),transparent 30%),radial-gradient(circle at 72% 62%,rgba(85,180,255,.18),transparent 34%)}
.mini-program-motion:after {content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.08),transparent 20%,transparent 76%,rgba(101,255,198,.08));mix-blend-mode:screen}
.mini-program-motion__grid {position:absolute;inset:-80px;background-image:linear-gradient(rgba(125,255,209,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(125,255,209,.075) 1px,transparent 1px);background-size:54px 54px;transform:perspective(460px) rotateX(58deg) translateY(72px);animation:miniGridMove 11s linear infinite}
.mini-program-motion__phone {position:absolute;left:50%;top:52px;width:188px;height:346px;margin-left:-94px;border-radius:34px;border:1px solid rgba(207,255,235,.24);background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.04));box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 0 22px rgba(255,255,255,.08);animation:miniPhoneFloat 6s ease-in-out infinite}
.mini-program-motion__screen {position:absolute;left:14px;right:14px;top:24px;bottom:14px;border-radius:24px;background:linear-gradient(180deg,rgba(6,24,18,.96),rgba(4,12,10,.95));overflow:hidden;border:1px solid rgba(126,255,211,.14)}
.mini-program-motion__nav {height:54px;padding:18px 16px 0;box-sizing:border-box}
.mini-program-motion__nav span {display:block;float:left;width:58px;height:12px;border-radius:20px;background:rgba(144,255,214,.42);box-shadow:0 0 18px rgba(144,255,214,.52)}
.mini-program-motion__nav b {display:block;float:right;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16)}
.mini-program-motion__qr {position:relative;width:96px;height:96px;margin:10px auto 22px;border-radius:12px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(143,255,214,.18)}
.mini-program-motion__qr i {position:absolute;width:25px;height:25px;border:5px solid rgba(142,255,214,.76);box-sizing:border-box}
.mini-program-motion__qr i:nth-child(1) {left:13px;top:13px}
.mini-program-motion__qr i:nth-child(2) {right:13px;top:13px}
.mini-program-motion__qr i:nth-child(3) {left:13px;bottom:13px}
.mini-program-motion__qr i:nth-child(4) {right:18px;bottom:18px;width:18px;height:18px;border-width:4px}
.mini-program-motion__steps {padding:0 18px}
.mini-program-motion__steps span {display:block;height:25px;line-height:25px;margin-bottom:10px;border-radius:7px;background:linear-gradient(90deg,rgba(139,255,212,.18),rgba(139,255,212,.04));color:rgba(232,255,247,.76);font-size:12px;animation:miniStepPulse 3s ease-in-out infinite;animation-delay:var(--delay)}
.mini-program-motion__code {position:absolute;left:115px;top:96px;width:265px;padding:24px;border:1px solid rgba(126,255,211,.16);background:rgba(4,15,12,.52);box-shadow:0 18px 58px rgba(0,0,0,.28);box-sizing:border-box;animation:miniPanelFloat 7s ease-in-out infinite}
.mini-program-motion__code i {display:block;height:10px;margin-bottom:18px;border-radius:20px;background:linear-gradient(90deg,rgba(139,255,212,.72),rgba(139,255,212,.08))}
.mini-program-motion__code i:nth-child(2) {width:78%}
.mini-program-motion__code i:nth-child(3) {width:58%}
.mini-program-motion__bubble {position:absolute;z-index:2;height:34px;line-height:34px;padding:0 16px;border:1px solid rgba(126,255,211,.2);border-radius:6px;background:rgba(5,18,14,.64);box-shadow:0 14px 40px rgba(0,0,0,.24);color:rgba(232,255,247,.82);font-size:13px}
.bubble-a {right:180px;top:112px;animation:miniPanelFloat 6.4s ease-in-out infinite reverse}
.bubble-b {right:255px;bottom:116px;animation:miniPanelFloat 6.8s ease-in-out infinite}
.bubble-c {left:270px;bottom:94px;animation:miniPanelFloat 7.2s ease-in-out infinite reverse}
@keyframes miniGridMove {from {background-position:0 0} to {background-position:54px 54px}}
@keyframes miniPhoneFloat {0%,100% {translate:0 0} 50% {translate:0 -13px}}
@keyframes miniPanelFloat {0%,100% {translate:0 0} 50% {translate:0 -12px}}
@keyframes miniStepPulse {0%,100% {opacity:.56} 50% {opacity:1}}
#banner {width:100%;background:#000;overflow:hidden;position:relative;height:800px;min-width:1200px;position:Relative;color:#fff}
#banner .videobg {display:none;}
#banner video {position:absolute;left:0;top:-255px;z-index:0;min-width:118%;height:auto}
#banner:before {content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.56) 0%,rgba(0,0,0,.36) 42%,rgba(0,0,0,.14) 100%);pointer-events:none}
#banner:after {content:"";position:absolute;inset:auto 0 0 0;z-index:2;height:230px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.58));pointer-events:none}
.banner_motion {position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(circle at 74% 24%,rgba(0,136,255,.22),transparent 30%),linear-gradient(135deg,#030509 0%,#081522 48%,#020306 100%)}
.banner_motion canvas {position:absolute;inset:0;width:100%;height:100%}
.banner_motion:before {content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.08),rgba(255,255,255,0) 18%,rgba(255,255,255,0) 72%,rgba(68,181,255,.08));mix-blend-mode:screen;opacity:.75}
.banner_motion:after {content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 4px;opacity:.22;animation:bannerScanlines 7s linear infinite}
.banner_motion-orbit {position:absolute;right:7%;top:14%;width:520px;height:520px;border:1px solid rgba(80,190,255,.14);border-radius:50%;box-shadow:0 0 90px rgba(30,128,220,.25),inset 0 0 70px rgba(65,177,255,.08);animation:bannerRotate 24s linear infinite}
.banner_motion-orbit:before,.banner_motion-orbit:after {content:"";position:absolute;border-radius:50%;border:1px solid rgba(130,220,255,.14)}
.banner_motion-orbit:before {inset:64px;transform:rotate(32deg);border-left-color:rgba(127,231,255,.48)}
.banner_motion-orbit:after {inset:142px;border-right-color:rgba(133,255,213,.42)}
.banner_motion-terminal {position:absolute;border:1px solid rgba(108,195,255,.18);background:rgba(4,12,22,.58);box-shadow:0 24px 80px rgba(0,0,0,.42),inset 0 0 34px rgba(71,173,255,.06);backdrop-filter:blur(8px)}
.terminal-main {right:13%;top:26%;width:390px;height:230px;transform:perspective(900px) rotateY(-10deg) rotateX(4deg);animation:bannerFloat 7s ease-in-out infinite}
.terminal-side {right:31%;top:58%;width:300px;height:142px;padding:22px 26px;box-sizing:border-box;transform:perspective(800px) rotateY(11deg);animation:bannerFloat 8s ease-in-out infinite reverse}
.terminal-bar {height:34px;border-bottom:1px solid rgba(109,193,255,.15);padding:13px 0 0 16px;box-sizing:border-box}
.terminal-bar i {display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:#3ac6ff;box-shadow:0 0 14px rgba(58,198,255,.8)}
.terminal-bar i:nth-child(2) {background:#80ffd4}
.terminal-bar i:nth-child(3) {background:#8a9cff}
.terminal-code {padding:27px 26px}
.terminal-code span {display:block;height:11px;margin-bottom:19px;border-radius:20px;background:linear-gradient(90deg,rgba(80,205,255,.74),rgba(80,205,255,.13));animation:bannerCodePulse 3.2s ease-in-out infinite}
.terminal-code span:nth-child(1) {width:74%}
.terminal-code span:nth-child(2) {width:92%;animation-delay:.35s}
.terminal-code span:nth-child(3) {width:58%;animation-delay:.7s}
.terminal-code span:nth-child(4) {width:82%;animation-delay:1.05s}
.terminal-side span {display:block;height:20px;line-height:20px;margin-bottom:10px;padding-left:23px;position:relative;color:rgba(218,244,255,.72);font-size:13px;letter-spacing:0}
.terminal-side span:before {content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:#61e7ff;box-shadow:0 0 18px rgba(97,231,255,.86);animation:bannerNodeBlink 2.6s ease-in-out infinite;animation-delay:var(--delay)}
.banner_motion-glow {position:absolute;right:0;bottom:-20%;width:62%;height:62%;background:radial-gradient(circle,rgba(71,173,255,.2),transparent 64%);filter:blur(2px)}
#banner .banner_text {z-index:5}
#banner .banner_text .title .tips,#banner .banner_text .title .des {text-shadow:0 4px 22px rgba(0,0,0,.75)}
#banner .banner_text .title .des p.en {text-shadow:0 3px 16px rgba(0,0,0,.78)}
#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:0;top:190px;z-index:99}
#banner small{display:block;width:100%;font-size:30px;}
#banner .text {font-size:15px;width:700px;line-height:30px;height:188px;position:absolute;left:0;top:330px;text-align:left;z-index:99;color:#fff}
@keyframes bannerRotate {from {transform:rotate(0deg)} to {transform:rotate(360deg)}}
@keyframes bannerFloat {0%,100% {translate:0 0} 50% {translate:0 -18px}}
@keyframes bannerCodePulse {0%,100% {opacity:.44;transform:scaleX(.82);transform-origin:left} 50% {opacity:1;transform:scaleX(1)}}
@keyframes bannerNodeBlink {0%,100% {opacity:.42} 50% {opacity:1}}
@keyframes bannerScanlines {from {background-position:0 0} to {background-position:0 80px}}
@media (prefers-reduced-motion: reduce) {
.banner_motion:after,.banner_motion-orbit,.terminal-main,.terminal-side,.terminal-code span,.terminal-side span:before {animation:none}
.app-motion-grid,.app-motion-stream,.app-phone,.app-screen-chart b,.app-screen-list span,.app-motion-chip {animation:none}
.motion-hero__orb,.motion-hero__panel,.mini-program-motion__grid,.mini-program-motion__phone,.mini-program-motion__code,.mini-program-motion__bubble,.mini-program-motion__steps span {animation:none}
}
.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)}
.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:25px;text-align:left;font-weight:bold}
.content .container04 .contentview .detail ul.zizhi-list {width:100%;float:left;clear:both;padding-bottom:100px;}
.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;padding-bottom:0;}
.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:260px;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;font-size:26px;margin:0;padding:32px 0 10px 0;width:100%;text-align:left;color:#363636;font-weight:bold;}
.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;}
3.content .container04 ul.arclist li p {width:100%;line-height:20px;font-size:12px;}
.titlebig h2 {margin:0;padding:0;font-weight:normal;font-size:35px;}
.titlebig span{color:#09f;background:url(../images/dot.png) 8px center no-repeat;background-size:13px;padding-left:30px;}
.titlebig span:before{background-color:#09f;width:10px;height:10px;}
.titlebig p{font-size:15px;padding-top:20px;}
.bggrey.bgxcxitem{background-image:url(../images/banner_xcx.png);}
.bggrey.bgxcxitem .titlebig h2, .bggrey.bgxcxitem p{color:#666;line-height:24px;margin:0;}
.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,.container03 ul.arclist li .info{width:95%;padding-left:3%;float:left;padding-top:20px;}
.content .container04 ul.arclist li .more,.container03 ul.arclist li .more {-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;position:absolute;bottom:50px;right:-205px;display:block;z-index:999;}
.content .container04 ul.arclist li:hover .more,.container03 ul.arclist li:hover .more {display:block;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;right:-10px}
.container03 ul.arclist li .more a:link,.container03 ul.arclist li .more a:visited {display:block;width:200px;height:30px;line-height:30px;background:#333;color:#fff;font-size:12px;text-indent:15px;border-radius:10px;position:relative;right:-10px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;background-image:linear-gradient(to right,#215ba2,#328443);}
.container04 ul.arclist li .more a:link,.container04 ul.arclist li .more a:visited {display:block;width:200px;height:30px;line-height:30px;background:#333;color:#fff;font-size:12px;text-indent:15px;border-radius:10px;position:relative;right:-10px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;background-image:linear-gradient(to right,#215ba2,#328443);}

.content .container04 ul.arclist li:hover .more a:hover ,.container03 ul.arclist li:hover .more a:hover{background:#09f;color:#fff;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.content .container04 ul.arclist li a.title,.container03 ul.arclist li a.title{left:0;text-align:left;display:inline-block;width:100%;font-size:16px;}
.content .container04 .nright .companyinfo {text-align:left;width:260px;padding:20px;float:left;background:#efefef;margin-top:5px;margin-bottom:35px;}
.content .container04 .nright .companyinfo img {width:50%;}
.content .container04 .nright .companyinfo strong {display:block;width:100%;height:30px;font-weight:bold;text-align:left;}
.content .container04 .nright .companyinfo p {float:none;margin-left:auto;margin-right:auto;text-align:left;line-height:24px;font-size:12px;padding:10px 0;color:#333;}
.content .container04 .nright .companyinfo img {width:80px;height:auto;}
.content .container04 .nright .weichat {line-height:26px;width:100%;float:left;text-align:left;padding-top:10px;}
.content .container04 .nright .weichat img {width:100%;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 .copyright {color:#777;}
.footer .copyright p a:link,.footer .copyright p a:visited {color:#777;}
.footer-grid {display:grid;grid-template-columns:280px minmax(0,1fr) 150px 190px;gap:44px;align-items:start;width:100%;color:#cfd7e4;}
.footer-panel {min-width:0;}
.footer-heading {margin:0 0 18px;font-size:15px;color:#f2f6ff;letter-spacing:.04em;}
.footer-phone {font-size:30px;line-height:1.15;color:#4285f4;padding:12px 0 14px 28px;background:url(../images/tel2.png) 0 19px no-repeat;background-size:18px;font-weight:600;}
.footer-summary {width:100%;margin:0;font-size:13px;line-height:24px;color:#8796ad;}
.footer-link-list {margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;}
.footer-link-list li {width:auto;}
.footer-link-list li a {display:inline-block;font-size:14px;line-height:24px;color:#d9e5f5;}
.footer-link-list li a:hover {color:#63d8ff;}
.footer-link-list--company {grid-template-columns:1fr;}
.footer-panel--qrcode img {width:126px;height:auto;padding:8px;background:#eef3fb;border-radius:10px;box-shadow:0 10px 28px rgba(8, 20, 42, .24);}
.footer-qr-tip {width:100%;margin:14px 0 0;font-size:12px;line-height:22px;color:#7d8ca2;}
.contact-float-trigger {position:fixed;right:26px;bottom:28px;z-index:99990;width:auto;min-width:0;padding:8px 14px 8px 8px;border:1px solid rgba(72,148,232,.24);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,249,255,.96));box-shadow:0 16px 34px rgba(11,30,52,.14),0 0 0 0 rgba(47,122,227,.22),inset 0 1px 0 rgba(255,255,255,.9);color:#15273c;cursor:pointer;display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;text-align:left;backdrop-filter:blur(12px);animation:contactFloatBreathe 3.2s ease-in-out infinite;}
.contact-float-trigger:before {content:"";position:absolute;inset:-6px;border-radius:999px;border:1px solid rgba(47,122,227,.2);opacity:0;transform:scale(.92);animation:contactRingPulse 2.6s ease-out infinite;pointer-events:none;}
.contact-float-trigger:after {content:"";position:absolute;left:46px;top:9px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#35d979;box-shadow:0 0 0 4px rgba(47,203,124,.14);animation:contactDotPulse 1.8s ease-in-out infinite;}
.contact-float-trigger.is-open:before,.contact-float-trigger.is-open:after {display:none;}
.contact-float-trigger__icon {position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#42b6ff 0%,#2476df 58%,#195ac4 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 20px rgba(29,95,191,.25);animation:contactIconFloat 2.8s ease-in-out infinite;}
.contact-float-trigger__icon:before {content:"";position:absolute;inset:8px;border-radius:50%;background:rgba(255,255,255,.13);}
.contact-float-trigger__icon:after {content:"";position:absolute;inset:7px;border-radius:50%;background:rgba(255,255,255,.15);transform:scale(.2);opacity:0;animation:contactIconRipple 2.2s ease-out infinite;}
.contact-float-trigger__icon svg {position:relative;z-index:1;width:24px;height:24px;fill:#fff;}
.contact-float-trigger__text {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;}
.contact-float-trigger__text strong {font-size:15px;line-height:1.18;font-weight:700;color:#10253a;}
.contact-float-trigger__text small {font-size:12px;line-height:1.2;color:#75879b;}
.contact-float-trigger:hover,.contact-float-trigger.is-open {transform:translateY(-3px);border-color:rgba(29,95,191,.32);box-shadow:0 22px 42px rgba(11,30,52,.2),0 0 0 7px rgba(47,122,227,.08),inset 0 1px 0 rgba(255,255,255,.94);animation-play-state:paused;}
.contact-float-trigger:hover .contact-float-trigger__icon,.contact-float-trigger.is-open .contact-float-trigger__icon {animation-play-state:paused;}
@keyframes contactFloatBreathe {0%,100% {box-shadow:0 16px 34px rgba(11,30,52,.14),0 0 0 0 rgba(47,122,227,.18)} 50% {box-shadow:0 20px 40px rgba(11,30,52,.18),0 0 0 8px rgba(47,122,227,.08)}}
@keyframes contactRingPulse {0% {opacity:.7;transform:scale(.9)} 70%,100% {opacity:0;transform:scale(1.16)}}
@keyframes contactDotPulse {0%,100% {transform:scale(.88);opacity:.78} 50% {transform:scale(1.12);opacity:1}}
@keyframes contactIconFloat {0%,100% {transform:translateY(0)} 50% {transform:translateY(-2px)}}
@keyframes contactIconRipple {0% {opacity:.55;transform:scale(.2)} 80%,100% {opacity:0;transform:scale(1.7)}}
@media (prefers-reduced-motion: reduce) {
  .contact-float-trigger,
  .contact-float-trigger:before,
  .contact-float-trigger:after,
  .contact-float-trigger__icon,
  .contact-float-trigger__icon:after {
    animation: none;
  }
}
.contact-widget {position:fixed;right:28px;bottom:144px;z-index:99991;width:420px;max-width:calc(100vw - 36px);padding:0;border-radius:22px;background:rgba(255,255,255,.98);border:1px solid rgba(15,38,63,.1);box-shadow:0 26px 70px rgba(10,28,48,.18);color:#18304a;opacity:0;pointer-events:none;transform:translateY(18px) scale(.985);transition:opacity .22s ease,transform .22s ease;overflow:hidden;}
.contact-widget.is-open {opacity:1;pointer-events:auto;transform:translateY(0) scale(1);}
.contact-widget__header {display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 18px;border-bottom:1px solid rgba(15,38,63,.08);background:linear-gradient(180deg,rgba(245,249,253,.96),rgba(255,255,255,.96));}
.contact-widget__heading strong {display:block;font-size:24px;color:#10253a;line-height:1.1;margin-bottom:8px;}
.contact-widget__heading span {display:block;font-size:13px;line-height:22px;color:#72849a;max-width:304px;}
.contact-widget__header button {width:34px;height:34px;border-radius:50%;border:1px solid rgba(15,38,63,.12);background:#f6f9fc;color:#5f7185;font-size:20px;line-height:1;cursor:pointer;flex-shrink:0;}
.contact-widget__meta {display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid rgba(15,38,63,.08);background:#fbfcfe;}
.contact-widget__meta div {padding:16px 24px 18px;text-align:left;}
.contact-widget__meta div + div {border-left:1px solid rgba(15,38,63,.08);}
.contact-widget__meta span {display:block;margin-bottom:8px;font-size:11px;color:#7b8da1;letter-spacing:.08em;}
.contact-widget__meta b {display:block;font-size:14px;line-height:22px;color:#18304a;font-weight:normal;}
.contact-widget__form {padding:20px 24px 24px;}
.contact-widget__grid {display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;}
.contact-widget__form label {display:block;margin-bottom:14px;text-align:left;}
.contact-widget__form label span {display:block;margin-bottom:7px;font-size:12px;color:#3b5168;letter-spacing:.03em;}
.contact-widget__form input,.contact-widget__form textarea {width:100%;padding:13px 14px;border-radius:12px;border:1px solid rgba(15,38,63,.12);background:#f8fafc;color:#10253a;font-size:14px;box-sizing:border-box;transition:border-color .22s ease,background-color .22s ease,box-shadow .22s ease;}
.contact-widget__form input::placeholder,.contact-widget__form textarea::placeholder {color:#93a1af;}
.contact-widget__form input:focus,.contact-widget__form textarea:focus {border-color:rgba(29,95,191,.34);background:#fff;box-shadow:0 0 0 3px rgba(29,95,191,.08);}
.contact-widget__textarea textarea {resize:vertical;min-height:120px;}
.contact-widget__textarea {margin-top:2px;}
.contact-widget__status {margin:0 0 14px;padding:10px 12px;border-radius:12px;font-size:12px;line-height:20px;text-align:left;}
.contact-widget__status.is-success {background:rgba(27,150,105,.09);color:#197854;}
.contact-widget__status.is-error {background:rgba(203,74,74,.08);color:#b24141;}
.contact-widget__submit {width:100%;height:50px;border:0;border-radius:14px;background:#1d5fbf;color:#fff;font-size:15px;cursor:pointer;transition:transform .22s ease,opacity .22s ease,background-color .22s ease,box-shadow .22s ease;box-shadow:0 12px 26px rgba(29,95,191,.22);}
.contact-widget__submit:disabled {opacity:.55;cursor:not-allowed;}
.contact-widget__submit:not(:disabled):hover {transform:translateY(-2px);background:#2153a5;box-shadow:0 16px 30px rgba(29,95,191,.28);}
.content .container04 ul.arclist li p span {font-size:12px;color:#999;width:auto;background:none;color:#999;font-family:Arial;}
.content .container04 ul.arclist li .photo,.container03 ul.arclist li .photo {width:100%;height:125px;float:left;background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius:10px 0 10px 0;}
.content .container04 ul.arclist li .photo,.container03 ul.arclist li .photo {transform:scale(1.1);filter: grayscale(40%);-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;-webkit-filter:contrast(170%);filter:contrast(170%);-webkit-filter:brightness(80%);filter:brightness(80%);-webkit-filter:saturate(1);filter:saturate(1);filter: grayscale(25%);}
.content .container04 ul.arclist li:hover .photo,.container03 ul.arclist li:hover .photo {height:0px;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
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;}
.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 {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;}
.channel_sub {width:100%;height:100px;text-align:left;}
ul.channel_sub_item {width:auto;margin:0 auto 20px auto;}
ul.channel_sub_item li {display:inline-block;padding:0 20px 0 0;width:120px;}
ul.channel_sub_item li a:link,ul.channel_sub_item li a:visited {display:block;width:120px;text-align:center;height:46px;font-size:16px;color:#aaa;border:1px solid #ccc;border-radius:20px;line-height:46px;}
ul.channel_sub_item li.now a:link,ul.channel_sub_item li.now a:visited {background:#09f;color:#fff;}
ul.channel_sub_item li a:hover {background:#09f;color:#fff;transform:scaleX(0);transform-origin:right;-webkit-transition:transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86);-moz-transition:transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86);-o-transition:transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86);transition:transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86);}
.content .container04 .nright ul.caselist_small {width:100%;}
.content .container04 .nright ul.caselist_small li {width:100%;margin-bottom:10px;float:left;height:216px;text-align:left;font-size:14px;text-align:center;position:relative;overflow:hidden;}
.content .container04 .nright ul.caselist_small li img {width:299px;margin-bottom:15px;-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;-webkit-filter:contrast(120%);filter:contrast(120%);-webkit-filter:brightness(80%);filter:brightness(80%);-webkit-filter:saturate(1);}
.content .container04 .nright ul.caselist_small li:hover img {transform:scale(1.1);}
.content .container04 .nright ul.caselist_small li .case-title {position:absolute;right:-300px;top:0;z-index:999;width:80%;padding:40px 10%;0 10%;transition:all 0.5s ease;text-align:left;font-size:12px;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;background:#000;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;height:100%;}
.content .container04 .nright ul.caselist_small li:hover .case-title {right:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
ul.caselist {width:1200px;float:left;margin-bottom:30px;}
ul.caselist li {width:295px;float:left;text-align:left;position:relative;overflow:hidden;-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;margin:0 5px 5px 0;}
ul.caselist li:hover {-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;}
ul.caselist li img {width:auto;height:227px;-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;filter:grayscale(60%);}
ul.caselist li:hover img {-webkit-filter:saturate(1);filter:contrast(120%);-webkit-filter:brightness(100%);filter:brightness(100%);-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;filter:grayscale(0%);transform:scale(1.1);}
a.casemore:link,a.casemore:visited {display:inline-block;width:200px;height:46px;line-height:46px;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;border-radius:5px;font-size:16px;float:left;position:relative;left:500px;background-image:linear-gradient(to right,#215ba2,#328443);}
a.casemore:hover {background:#09f;-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;}

a.casemore1:link,a.casemore1:visited{margin-right:15px;margin-left:-103px;}
.bggrey {width:100%;float:left;padding:60px 0;background-image:url("../images/bg_case33.jpg");background-size:cover;background-repeat:no-repeat;background-position:center center;}
.bggrey .subtitle {color:#fff;}
.bggrey .subtitle span{color:#fff;background:url(../images/dot_w.png) 8px center no-repeat;background-size:13px;padding-left:30px;}
.bggrey .titlebig h2,.bggrey p{color:#fff;}
.caseall {width:1200px;margin:0 auto;height:457px;}
.subtitle {font-size:35px;height:70px;text-align:center;width:100%;margin-bottom:40px;line-height:19px;clear:both;}
.subtitle p {font-size:15px;font-weight:normal;padding:25px 0 0;margin:0;}
ul.caselist .info {font-size:12px;line-height:21px;display:inline-block;width:100%;text-align:center;position:absolute;width:100%;height:26px;text-align:center;line-height:26px;left:0px;bottom:-26px;color:#ddd;z-index:999;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;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;}
ul.caselist li:hover .info {bottom:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
@charset "utf-8";.game_content {width:1200px;clear:both;margin:0 auto;}
.game_content ul {display:flex;justify-content:space-between;flex-wrap:wrap;}
.game_content ul li {border-radius:50px;width:379px;background:rgba(255,255,255,1);text-align:center;padding:50px 60px 20px 60px;box-sizing:border-box;margin-bottom:30px;
	-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;}
.game_content ul li:hover{box-shadow:2px 14px 24px 0px #ddd;margin-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;}




.game_content li .img01 {width:75px;height:75px;}
.game_content li .img02 {width:37px;height:12px;margin:10px 0 20px 0;}
.game_content li h3 {font-size:20px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(51,51,51,1);margin-top:30px;margin-bottom:0;}
.game_content li p {font-size:14px;font-family:PingFangSC-Regular;font-weight:400; }
.container_wrap.grey {background:#F4F3F3;}
.container03#index4 {background-image:url(../images/tjbg.png);}
.container_wrap.haochu {padding-bottom:70px;}
.travelOneBox {width:16.6%;float:left;padding:40px 0;}
 ul.flow {width:1231px;float:none;margin:80px auto 60px auto;background:none;overflow:hidden;padding:10px 0 0;position:relative;left:14px;}
.container04.gray {background:#F4F3F3;float:left;width:100%;}
ul.flow li {width:379px;padding:40px 0 30px 0;float:left;margin-right:30px;border-radius:3px;margin-bottom:30px;
	box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .07);
    border-radius: 6px;
	position:relative;
	top:0;
   border:1px solid #efefef;-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;}
ul.flow li:hover{
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;top:-10px;box-shadow: 0 4px 18px 0 #ddd;
	}

ul.flow li img {width:40px;height:auto;float:left;margin:0 10px 0 30px;}
ul.flow li .flow-info {width:249px;float:left;text-align:left;}
ul.flow li .flow-info .title {font-size:16px;color:#000;}
ul.flow li .flow-info p {font-size:12px;line-height:19px;margin:8px 0 0;text-align:left;height:43px;color:#999;}
.conListDiv {width:1200px;margin:auto;}
.conListUl {width:1224px;margin-left:-24px;}
.conListUl>li {width:220px;height:242px;float:left;margin-left:24px;background:rgba(255,255,255,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;padding-top:30px;box-sizing:border-box;border-radius:50px;margin-bottom:24px;}
.conListUl>li:hover{box-shadow:5px 9px 7px 5px #eee;-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;}


.conListUl01>li {padding:40px 0;box-sizing:border-box;height:230px;width:282px;}
.conListUl>li>p.conListUlText01 {padding:20px 0;font-weight:bold;}
.conListUl>li>img {width:80px;height:80px;display:block;margin:auto;}
.conListUl01>li>img {width:100px;height:100px;display:block;margin:auto;}
.conListUlText01 {text-align:center;margin-top:30px;font-size:20px;}
.conListUlText02 {padding:0 15px;margin-top:12px;color:#999;font-size:14px;}
.conListUlText02>p {display:block;margin-bottom:3px;text-align:center;font-size:14px;}
.conListUl:after {display:block;clear:both;content:"";visibility:hidden;height:0}
.banner_sec.banner_sec.xcx {background-image:url(../images/tjbg.png);}
.container03 ul.pagelist li.thisclass {background:#09f;color:#fff;text-align:center;border-radius:50%;line-height:20px;}
.container03 ul.pagelist li {float:left;text-align:right;overflow:hidden;width:20px;height:20px;margin-right:10px;}
.container03 ul.pagelist li a:link,.container03 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;}
@charset "utf-8";ul.gzrukou {margin:0 auto;width:100%;padding:40px 0;float:left;}
ul.gzrukou li {float:left;text-align:center;margin-bottom:50px;width:20%;text-align:center;}
ul.gzrukou li p {font-size:14px;color:#252525;margin-top:10px;}
ul.gzrukou li img {width:90px;height:auto;}
.banner_sec.banner_sec.xcx {background-image:url(../images/gzbg.jpg);}
.container_wrap.grey1 {background:#f9fdff;}
ul.gznanti {margin:0 auto;width:100%;padding:20px 0 0;float:left;}
ul.gznanti li {float:left;text-align:center;margin-bottom:10px;width:25%;text-align:center;}
ul.gznanti li p {font-size:14px;color:#252525;margin-top:30px;color:#fff;}
ul.gznanti li img {width:120px;height:auto;}
ul.youshi5 {margin:0 auto;width:1200px;padding:40px 0;}
ul.youshi5 li {float:left;text-align:center;margin-bottom:10px;width:20%;text-align:center;}
ul.youshi5 li p {font-size:14px;color:#252525;margin-top:10px;}
ul.youshi5 li img {width:120px;height:auto;}
.container03.xcx-why#index3 {height:873px;}
ul.youshi5 h3 {font-size:18px;}
.container_wrap.haochu {padding-bottom:50px;background-position:center top;background-repeat:no-repeat;background-size:cover;}
.container04.gray {background:#f9fdff;}
.zhuanye {width:1200px;margin:0 auto;height:430px;clear:both;padding-top:40px;}
.floor3-left {width:430px;float:left;text-align:center;}
.floor3-left img {width:415px;height:auto;}
.floor3-right {width:700px;float:right;}
.floor3-right li {width:45%;margin-right:5%;float:left;text-align:left;}
.floor3-right p.page-stitle {font-size:18px;margin:20px 0 0;text-align:left;}
.floor3-right p.page-desc {text-align:left;}
.container03 p.xcxintro {width:1000px;margin-left:auto;margin-right:auto;float:none;line-height:26px;}

ul.chooseus{width:1200px;margin:80px auto 25px auto;height:618px;position:relative;background:url(../images/choose.png) 231px center no-repeat;clear:both;}
ul.chooseus li{width:200px;height:90px;float:left;position:absolute;text-align:right;color:#999;padding-right:130px;font-size:14px;}
ul.chooseus li strong{font-size:18px;color:#333}

ul.chooseus li img{width:120px;height:auto;position:absolute;right:0;top:-17px;-webkit-transition:all 0.9s ease;-moz-transition:all 0.9s ease;-ms-transition:all 0.9s ease;-o-transition:all 0.9s ease;transition:all 0.9s ease;}
ul.chooseus li:hover img{transform: rotateY(180deg);-webkit-transition:all 0.9s ease;-moz-transition:all 0.9s ease;-ms-transition:all 0.9s ease;-o-transition:all 0.9s ease;transition:all 0.9s ease;}
ul.chooseus li:nth-child(1){left:0;top:30px;}
ul.chooseus li:nth-child(2){left:0;top:180px;}
ul.chooseus li:nth-child(3){left:0;top:330px;}
ul.chooseus li:nth-child(4){left:0;top:480px;}
ul.chooseus li:nth-child(5){right:0;top:30px;text-align:left;padding-left:130px;padding-right:0;}
ul.chooseus li:nth-child(6){right:0;top:180px;text-align:left;padding-left:130px;padding-right:0;}
ul.chooseus li:nth-child(7){right:0;top:330px;text-align:left;padding-left:130px;padding-right:0;}
ul.chooseus li:nth-child(8){right:0;top:480px;text-align:left;padding-left:130px;padding-right:0;}
ul.chooseus li:nth-child(5) img{left:0;} 
ul.chooseus li:nth-child(6) img{left:0}
ul.chooseus li:nth-child(7) img{left:0;}
ul.chooseus li:nth-child(8) img{left:0;}
ul.flow.flow3{margin-bottom:30px;margin-top:50px;}

ul.advantage{width:1200px;height:100px;margin:0 auto;color:#fff;}
ul.advantage li{width:25%;float:left;font-size:19px;color:#ebf3ff;text-indent:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
ul.advantage li:hover{text-indent:15px;-webkit-transition:all 0.9s ease;-moz-transition:all 0.9s ease;-ms-transition:all 0.9s ease;-o-transition:all 0.9s ease;transition:all 0.9s ease;}
ul.advantage li img{width:72px;height:auto;margin-right:15px;position:relative;top:-1px;transform: rotate(0deg);-webkit-transition:all 0.9s ease;-moz-transition:all 0.9s ease;-ms-transition:all 0.9s ease;-o-transition:all 0.9s ease;transition:all 0.9s ease;}
ul.advantage li:hover img{transform: rotate(360deg);-webkit-transition:all 0.9s ease;-moz-transition:all 0.9s ease;-ms-transition:all 0.9s ease;-o-transition:all 0.9s ease;transition:all 0.9s ease;}
ul.advantage strong{font-size:18px;}

ul.youshi {width:1200px;float:none;margin:80px auto 60px auto;background:none;padding:10px 0 0;}
ul.youshi li {width:278px;padding:40px 0 30px 0;float:left;margin-right:20px;border-radius:3px;margin-bottom:20px;
	box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .07);
    border-radius: 6px;
	position:relative;
	top:0;
   border:1px solid #efefef;-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;}
ul.youshi li:hover{
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;top:-10px;box-shadow: 0 4px 18px 0 #ddd;
	}

ul.youshi li img {width:100px;height:auto;float:left;margin:0 10px 0 8px;position:relative;left:71px;top:-26px;}
ul.youshi li .youshi-info {width:189px;float:left;text-align:center;padding:0 30px;margin-top:-35px;position:relative;z-index:999;}
ul.youshi li .youshi-info .title {font-size:16px;color:#000;}
ul.youshi li .youshi-info p {font-size:12px;line-height:18px;margin:8px 0 0;text-align:center;height:43px;color:#999;}
ul.arclist_nopic{width:1200px;margin:0 auto;}
ul.arclist_nopic li{width:33%;float:left;height:24px;line-height:24px;text-align:left;font-size:14px;margin-bottom:10px;background:url(../images/dot.gif) 0 0 no-repeat;text-indent:17px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.tips{width:100%;float:left;padding-bottom:120px;color:#999;text-align:left;}

ul.servicelist{width:1215px;margin:40px auto;height:645px;position:relative;left:5px;}
ul.servicelist li{width:380px;float:left;margin-right:25px;box-shadow: 0 4px 8px 0 #ddd;color:#fff;margin-top:12px;
    height:450px;background-size:cover;background-repeat:no-repeat;position:relative;border-radius:40px;
	-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;position:relative;top:0;
}
	ul.servicelist li:hover{transform:scale(1.05);top:-20px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	ul.servicelist li .title{font-size:28px;float:left;margin-top:312px;width:100%;text-align:center;position:absolute;left:0px;bottom:340px;}
	ul.servicelist li p{color:#fff;margin-top:5px;font-size:14px;}
	ul.servicelist li img{
		-webkit-filter:saturate(1);filter:contrast(120%);-webkit-filter:brightness(100%);filter:brightness(100%);filter:grayscale(28%);
		width:380px;height:450px;border-radius:40px;-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;}
		.bggrey{background-repeat:repeat;}
		.plan-bg{background-repeat:repeat;}

		ul.flow li:nth-child(3){margin-right:0;}
		ul.flow li:nth-child(6){margin-right:0;}

		@media screen and (max-width:640px) {
/*新增start*/
ul.arclist_nopic li{width:100%;margin-bottom:5px;}
ul.servicelist li{width:100%;margin-bottom:20px;}
ul.servicelist{width:90%;margin:0 5%;left:0;top:-20px;}
ul.youshi{width:90%;margin-left:0 5%;margin-bottom:20px;}
ul.youshi li{width:44%;margin: 0 2% 17px 3%;}
ul.youshi li .youshi-info{text-align:left;margin-top:-60px;left:-10%;}
ul.youshi li img{top:-35px;width:75px;left:20%;}
ul.youshi li .youshi-info p{width:80%;padding:0 10%;}
ul.youshi li .youshi-info{width:100%;padding:0;left:0}
ul.youshi li .youshi-info .title{padding-top:20px;text-align:center;width:100%;font-size:14px;}
.titlebig h2{font-size:20px;}
ul.chooseus{transform:scale(100%);width:100%;background: url(../images/choose.png) center center no-repeat;background-size:70%;margin-top:120px;}
.plan-info strong{font-size:22px;width:100%;padding-left:0;padding-top:45px;}
.app-plan .plan-info{width:90%;left:5%;margin:0;}
.plan-info p{font-size:14px;line-height:24px;}
.plan-info a.casemore:link, .plan-info a.casemore:visited{width:80%;margin:0;margin-left:10%;margin-top:25px;padding:15px 0;}
.titlebig span {background: url(../images/dot.png) 8px center no-repeat;background-size:14px;}
ul.flow{width:90%;margin:0 5%;left:0;padding: 10px 0 20px 0;}
ul.flow li {width:46%;margin:0 1.5% 13px 1.5%;padding-bottom:45px;}
ul.flow li .flow-info{width:90%;padding:0 5%;}
ul.flow li .flow-info p{width:100%;text-align:center;line-height:18px;}
ul.flow li .flow-info .title{padding-top:20px;}
.subtitle{font-size:22px;}
.subtitle p{font-size:12px;padding:15px 0 0;}
ul.caselist li{margin-bottom:5px;width: 49.2%;}
ul.caselist li:nth-child(2){margin-right:0;}
ul.caselist li:nth-child(4){margin-right:0;}
ul.caselist li:nth-child(6){margin-right:0;}
ul.caselist li:nth-child(8){margin-right:0;}
ul.caselist{width:90%;margin:0 5%;}
.caseall{width:100%;}
ul.arclist_nopic{width:90%;margin:0 5%;}
.container03#index5{width:100%;min-width:100%;}
ul.advantage{width:98%;height:100%;}
ul.advantage li{font-size:12px;width:45%;position:relative;height:75px;padding-left:10px;text-align:left;}
ul.advantage li img{width:52px;}
ul.advantage li span{}

.lianxi{height:145px;}
.bggrey{padding:20px 0 0;}
.bggrey .subtitle{margin-bottom:15px;}
.titlebig{margin-top:0;font-size:22px;height:42px;}
.container04 p, .container03 p{width:96%;margin:0 2%;font-size:11px;}
.banner_text{width: 100%;transform: scale(90%);margin-left: 90px;top:300px;}
#banner{margin-top:-60px;height:650px;}
#banner video{width: 50%;height: 650px;left: -400px;top: 0;}
.banner_motion-orbit{right:-160px;top:72px;width:420px;height:420px;opacity:.62;}
.terminal-main{right:-24px;top:210px;width:310px;height:184px;opacity:.52;}
.terminal-side{display:none;}
.banner_motion-glow{width:100%;height:50%;}
ul.servicelist li img{width:100%;}
.line1{height:35px;line-height:35px;}
.banner_text .title .tips{font-size:79px;padding-left:0;}
.bggrey.bgxcxitem .titlebig h2, .bggrey.bgxcxitem p{padding:10px 0 0;}
ul.chooseus li{width:80%;transform:scale(75%);}
.bggrey.bgxcxitem .titlebig h2{padding-top:50px;font-size:20px;}
ul.flow li .flow-info .title{text-align:center;font-size:14px;}
ul.flow li img{margin-left:35%;}
.banner_sec_wrap .title .des{width:100%;font-size:38px;padding-left:0;}
.banner_text .title .des{width:100%;font-size:38px;padding-left:0;}
.banner_text .title .des p.en{width:59%;font-size:26px;line-height:41px;}
.footer .copyright {width:90%;margin:0 5%;padding-top:15px;}
.footer-grid{grid-template-columns:1fr;gap:24px;}
.footer-heading{margin:0 0 12px;padding-bottom:10px;margin-top:8px;}
.footer-phone{font-size:24px;padding-top:5px;padding-bottom:8px;background:url(../images/tel2.png) 0 center no-repeat;background-size:18px;}
.footer-link-list{grid-template-columns:1fr;}
.footer-link-list li a,.footer-qr-tip,.footer-summary{font-size:14px;line-height:24px;}
.footer-panel--qrcode img{width:138px;}
.contact-float-trigger{right:14px;bottom:18px;padding:7px 12px 7px 7px;gap:8px;}
.contact-float-trigger:after{left:38px;top:7px;width:9px;height:9px;}
.contact-float-trigger__icon{width:40px;height:40px;}
.contact-float-trigger__icon svg{width:20px;height:20px;}
.contact-float-trigger__text strong{font-size:13px;}
.contact-float-trigger__text small{font-size:10px;}
.contact-widget{right:16px;bottom:108px;width:calc(100vw - 32px);max-width:none;}
.contact-widget__header{padding:18px 18px 14px;}
.contact-widget__heading strong{font-size:20px;}
.contact-widget__heading span{font-size:12px;line-height:20px;}
.contact-widget__meta{grid-template-columns:1fr;}
.contact-widget__meta div{padding:14px 18px;}
.contact-widget__meta div + div{border-left:0;border-top:1px solid rgba(124,210,255,.08);}
.contact-widget__form{padding:16px 18px 18px;}
.contact-widget__grid{grid-template-columns:1fr;}
#wrap-bot{min-height:1090px;height:auto;}
.icp {margin-top:20px;}
.icp ul.subsite{width:90%;margin:0 5%;}
.content .container04{width:90%;margin:0 5%;}
.banner_sec_wrap{width:100%;}
.banner_sec_wrap .title{transform: scale(50%);margin-left:-50%;top:30px;width:120%;}
.banner_text .title{transform: scale(50%);margin-left:-36%;top:60px;}
.content .container04 .c_right.nleft{width:100%;}
.content .container04 .contentview h1{font-size:27px;line-height:36px;}
.content .container04 .contentview .detail strong{font-size:22px;padding-bottom:10px;}
.content .container04 .c_right .contentview .detail{font-size:18px;}
.content .container04 .nright{width:90%;margin:0;float:none;}
.content .container04 .nright .companyinfo{width:100%;}
.icp ul.subsite li{text-align:left;width:33%;float:left;margin-right:0;font-size:14px;}
.tips{padding-bottom:30px;}
.content .container04 .nright .companyinfo p{width:100%;}
.icp p{width:90%;margin:0 5%;text-align:left;padding-top:10px;}
#banner .title{top:188px;left:-15px;transform:scale(40%)}
#banner .title .tips{font-size:75px;}
.banner_sec_wrap .title span.t2{text-indent:0;width:100%;text-align:right;left:320px;top:10px;}
.banner_sec{height:450px;margin-top:-60px;}
.banner_text .title span.t2 {display:none;}
	.banner_text .title span.t1{display:none;}
html,body{width:100%;overflow-x:hidden;}
.app-plan{margin-top:30px;height:510px;}
.header .mainnav{left:205px;transform:scale(87%);top:2px;}
.header .mainnav li{margin-right:10px;}
.header .mainnav li a:link, .header .mainnav li a:visited{font-size:12px;}
.header{position:relative;}
.banner_sec_wrap .title .des{padding-left:60px;width:120%;}
.xcxvideo video{width:100%;}
.xcxvideo{height:190px;}
.mini-program-motion{width:90%;height:190px;}
.mini-program-motion__phone{top:18px;width:86px;height:154px;margin-left:-43px;border-radius:20px;}
.mini-program-motion__screen{left:7px;right:7px;top:16px;bottom:7px;border-radius:14px;}
.mini-program-motion__nav{height:30px;padding:10px 9px 0;}
.mini-program-motion__nav span{width:32px;height:8px;}
.mini-program-motion__nav b{width:14px;height:14px;}
.mini-program-motion__qr{width:50px;height:50px;margin:8px auto 10px;border-radius:8px;}
.mini-program-motion__qr i{width:14px;height:14px;border-width:3px;}
.mini-program-motion__qr i:nth-child(1){left:7px;top:7px;}
.mini-program-motion__qr i:nth-child(2){right:7px;top:7px;}
.mini-program-motion__qr i:nth-child(3){left:7px;bottom:7px;}
.mini-program-motion__qr i:nth-child(4){right:9px;bottom:9px;width:10px;height:10px;border-width:2px;}
.mini-program-motion__steps{padding:0 8px;}
.mini-program-motion__steps span{height:16px;line-height:16px;margin-bottom:5px;font-size:10px;}
.mini-program-motion__code{left:6%;top:46px;width:86px;padding:13px;}
.mini-program-motion__code i{height:7px;margin-bottom:10px;}
.mini-program-motion__bubble{height:24px;line-height:24px;padding:0 9px;font-size:10px;}
.bubble-a{right:7%;top:44px;}
.bubble-b{right:5%;bottom:48px;}
.bubble-c{left:8%;bottom:36px;}
.content .container04 .contentview .detail h2{font-size:22px;}
.banner_sec_wrap .title .tips{font-size:79px;width:140%;margin-top:0;}
.banner_sec_wrap .title .des p.en{width:120%;}
.motion-hero__orb{right:-118px;top:78px;width:300px;height:300px;opacity:.62;}
.motion-hero__panel{right:5%;top:238px;width:190px;padding:16px;opacity:.5;transform:none;}
.motion-hero__panel strong{font-size:10px;margin-bottom:10px;}
.motion-hero__panel span{height:22px;line-height:22px;margin-bottom:7px;font-size:10px;}
.content .container04 ul.arclist, .container03 ul.arclist{width:90%;margin:0 5%;padding:20px 0 0;}
.container03 ul.arclist.arclist_easy li{width:100%;height:auto;min-height:163px;margin-left:0;}
.content .container04 ul.arclist li a.title, .container03 ul.arclist li a.title{font-size:14px;}
a.casemore:link, a.casemore:visited{left:5%;width:90%;margin-bottom:10px;}
ul.appintro{width:100%;margin:0;padding-top:20px;}
ul.appintro li{width:100%;}
ul.appintro li video{width:100%;}
.app-device-motion{width:90%;height:230px;}
.app-phone{top:22px;width:116px;height:202px;margin-left:-58px;border-radius:22px;}
.app-phone-speaker{top:11px;width:34px;margin-left:-17px;}
.app-screen{left:9px;right:9px;top:23px;bottom:9px;border-radius:15px;}
.app-screen-top{height:34px;padding:10px 10px 0;font-size:11px;}
.app-screen-chart{height:64px;padding:8px 12px 0;}
.app-screen-chart b{width:11px;margin-right:6px;}
.app-screen-list{padding:0 10px;}
.app-screen-list span{height:18px;line-height:18px;margin-bottom:7px;font-size:10px;}
.app-motion-chip{min-width:62px;height:26px;line-height:26px;font-size:10px;}
.chip-a{left:9%;top:58px;}
.chip-b{right:8%;bottom:58px;}
.content .container04 .caseshow img.casepic{max-width:100%;}
.content .container04 .nright ul.caselist_small{padding-bottom: 60px;float: left;width:111%;}
.content .container04 .nright ul.caselist_small li img{width:100%;}
.content .container04 .nright ul.caselist_small li .case-title{right:-400px;}
ul.arclist_right{float:left;padding-bottom:60px;}
ul.flow li.mobileli{width:95%;}
ul.flow li.mobileli img{margin-left:45%;}
.header .header_main .logo{width:170px;height:40px;top:10px;}
.header .header_main .logo .logo_mark{width:34px;height:34px;}
.header .header_main .logo .logo_text strong{font-size:14px;letter-spacing:.03em;}
.header .header_main .logo .logo_text em{margin-top:3px;font-size:8px;letter-spacing:.18em;}
ul.flow.flow3{margin-bottom:0px;margin-top:20px;}
.container03{width:100%;}
ul.appintro .title_s {padding-top:30px;}
ul.appintro p{padding-bottom:30px;}
.content .container04 .c_right.nleft ul.arclist li, .container03 ul.arclist li{width:100%;}
.content{width:100%;margin:0;}
ul.caselist li img{width:100%;height:auto;}
.content .container04 .c_right.nleft ul.arclist{width:99.5%;margin:0;}
.content .container04 .c_right.nleft ul.arclist li{height:auto;min-height:231px;}
.content ul.pagelist{padding:30px 0;}
.content .container04 .contentview .detail ul.zizhi-list li{width:50%;}
.content .container04 .contentview .detail ul.zizhi-list{padding-bottom:20px;}
.banner_sec_wrap .title span.t1{visibility:hidden;}
.banner_sec_wrap .title span.t2{visibility:hidden;}
.content .container04 .near{font-size:12px;}
.position{text-indent:-1000px;}
.position a:link, .position a:visited{text-indent:0;}
.content .container04 .nright ul.arclist_right li{font-size:14px;}
.content .container04 .contentview .detail p{font-size:18px;}
.content .container04 .c_right.nleft ul.arclist li p, .container03 ul.arclist li p{width:100%;}
a.casemore1:link,a.casemore1:visited{margin-right:0;margin-left:0;}
ul.flow li:nth-child(3){margin-right:1.5%;}
ul.flow li:nth-child(6){margin-right:1.5%;}
.banner_text .title .des p.en{display:none;}
.conListDiv{width:90%;margin:0 5%;}
.conListUl{width:100%;margin:0;}
.conListUl>li{width:49%;margin:0;height:auto;}
.conListUl>li>p.conListUlText01{font-size:17px;padding-bottom:5px;}
.game_content {width:90%;margin:0 5%;}
.game_content ul li{width:49%;padding-left:0;padding-right:0;margin-bottom:0;}
.container03.xcx-why#index3{height:auto;}
ul.gzrukou li{width:33%;}
ul.youshi5{width:90%;margin:0 5%;}
ul.youshi5 li{width:49%;}
.container03#index3{height:auto;}
.container03 p.xcxintro{width:90%;margin:0 5%;float:none;line-height:20px;}





/*新增end*/
		}

@media screen and (min-width:640px) and (max-width:1200px){
.bggrey{min-width:1200px;}
.app-plan{min-width:1200px;}
#wrap-bot{min-width:1200px;}
.titlebig{min-width:1200px;}
.header{min-width:1200px;}
.banner_sec{min-width:1200px;}
.xcxvideo{min-width:1200px;}
.content{min-width:1200px;}
.content .container04{min-width:1200px;}
.content .container04 .c_right{min-width:860px;}
#banner video{min-width:1500px;}
.banner_sec_wrap .title, .banner_text .title{min-width:1200px;}

}

ul.sz_yewu{width:1200px;marign:0 auto;padding:100px 0;clear:both;}
ul.sz_yewu li{width:20%;float:left;height:150px;}
ul.sz_yewu li img{width:50px;height:50px;margin-bottom:15px;position:relative;}
ul.sz_yewu li:nth-child(6){margin-left:240px;}
ul.sz_fangan{width:1200px;marign:0 auto;padding:100px 0;clear:both;height:350px;}
ul.sz_fangan li{width:16.6%;float:left;height:180px;position:relative;}
ul.sz_fangan li img{width:173px;height:auto;border-radius:10px;margin-bottom:15px;position:relative;z-index:0;}
ul.sz_fangan p{position:absolute;display:block;width:100%;height:30px;text-align:center;z-index:999;color:#fff;font-size:22px;top:57px;}