*{font-family:Microsoft YaHei,Arial,Geneva,"Helvetica Neue",Helvetica,sans-serif;-webkit-font-smoothing:antialiased;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{min-width:1200px;background:#f1f3f9;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin:0;padding:0;}
body{font-size:12px;color:#555;-webkit-font-smoothing:antialiased;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6,button,dd,dt,dl{margin:0px;padding:0}
h1,h2,h3,h4,h5,h6,button,.btn{clear:both;font-size:14px;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;_display:block;}
form,input,select;,textarea,td,th {font-size:12px;}
img {border:none;vertical-align: bottom;}
em,i{font-style:normal}
li {list-style-type:none;}
button, input {height:auto;-ms-interpolation-mode:bicubic;vertical-align:middle;}
input,textarea,select {padding:6px;}
textarea {background:none repeat scroll 0 0 #fff;resize:none;}
a{color:#555;text-decoration:none;}
a:hover{color:#014a97;}

/*内容初始化*/
.contenttxt{line-height:30px;font-size:14px;color:#111;font-family:"Microsoft YaHei"!important}
.contenttxt img { max-width:1200px;margin:15px auto; display:block}
.contenttxt p,.contenttxt span,.contenttxt font,.contenttxt th,.contenttxt td,.contenttxt div,.contenttxt i,.contenttxt em,.contenttxt h1,.contenttxt h2,.contenttxt h3,.contenttxt h4,.contenttxt h5{font-size:16px!important; font-family:"Microsoft YaHei"!important;font-weight:normal!important;text-indent:0px!important;white-space: normal!important}
.contenttxt td{padding-left:15px!important;}

.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text-overflow2 {overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text-overflow3 {overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.w1200 {margin:auto;width:1200px;clear:both;}
.w1320 {margin:auto;max-width:1320px;min-width:1200px;clear:both;}
.w1380 {margin:auto;max-width:1380px;clear:both;min-width:1200px;}
.w1400 {margin:auto;max-width:1400px;clear:both;min-width:1200px;}
.w1460 {margin:auto;max-width:1460px;clear:both;min-width:1200px;}
.AWF_box {margin: auto;width: 1440px;clear: both;}
.wpa_pct3 {padding:0 3%;}
.wpa_p92 {margin:auto;width:94%;clear:both; min-width:1200px;}
.wpa_p96 {margin:auto;max-width:96%; min-width:1200px;}
@media(max-width:1460px){
.AWF_P120 {padding:0;margin:auto;width:1200px;}
.w1460 {padding:0;margin:auto;width:1200px;}
.AWF_box {padding:0;margin:auto;width:1200px;}
}

.b1 {height:.1px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b5 {height:5px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b10 {height:10px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b15 {height:15px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b20 {height:20px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b25 {height:25px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b30 {height:30px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b40 {height:40px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b50 {height:50px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b60 {height:60px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b70 {height:70px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b72 {height:72px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b80 {height:80px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b90 {height:90px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b100 {height:100px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b106 {height:106px;font-size:1px; clear:both;width:100%;overflow:hidden}
.m {margin:auto;width:1200px;clear:both; position:relative}
.mt8 {margin-top:8px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25{margin-top:25px}
.mt30{margin-top:30px}

.f_l { float:left;}
.f_r { float:right;}
/*========================================================*/

/*头部*/

/*导航*/
.headerInfo { position:fixed; left:0; top:0; width:100%; background:rgb(255 255 255/.6);box-shadow: 0 0 0px 1px rgb(25 25 25/.05); z-index:6060; display:flex; align-items:center;backdrop-filter: blur(10px); transition:all .3s;}
.headerInfo:hover { background:#fff;}
.headerInfo .headerLogo { margin:0 4vw 0 2vw;}
.headerInfo .headerLogo img { max-height:40px;}
.headerInfo .headerMenu { }
.headerInfo .headerMenu ul { display:flex;}
.headerInfo .headerMenu ul li { position:relative; cursor:pointer; line-height:60px;}
.headerInfo .headerMenu ul li:nth-child(1n+2) { margin-left:2vw;}
.headerInfo .headerMenu ul li span { font-size:16px; display:flex; align-items:center; color:#222; transition:all .5s;}
.headerInfo .headerMenu ul li span i {transition:all .3s; margin-left:.5vw; transform: translate(0, -1px);}
.headerInfo .headerMenu ul li span i:before { content:''; display: block;width: 4px;height: 4px;border-right: 1px solid #666;border-bottom: 1px solid #666;transform: rotate(45deg); transition:all .3s;}
.headerInfo .headerMenu ul li:hover span i { transform: translate(0, 2px);}
.headerInfo .headerMenu ul li:hover span i:before { transform: rotate(225deg); border-color:#165dff;}
.headerInfo .headerMenu ul li:hover span { color:#165dff;}
.headerInfo .headerMenu ul li .MenuDown { position:absolute; top:60px;left:-1vw; width:160px; box-sizing:border-box; z-index:606; background:#fff; border-radius:5px; display:none; box-shadow: 0 0 10px 1px rgba(25 25 25/.05); overflow:hidden;}
.headerInfo .headerMenu ul li .MenuDown a { display:block; color:#666; font-size:14px; line-height:50px; transition:all .5s; padding:0 15px;}
.headerInfo .headerMenu ul li .MenuDown a:hover { color:#165dff; background:#f4f7fc;}
.headerMenuSearch { height: 60px;display: flex;align-items: center; padding:0 1.2vw; margin-left:auto; border-left:1px solid rgb(25 25 25/.05); border-right:1px solid rgb(25 25 25/.05);}
.headerMenuSearch dl { position:relative; display:flex;}
.headerMenuSearch dl input { border:none; background:none; height:40px; width:100%;outline:none; padding:0; margin:0; box-sizing:border-box;}
.headerMenuSearch dl dd.dd_1 { width:10vw; position:relative;}
.headerMenuSearch dl dd.dd_1 input {border:none;font-size:12px;}
.headerMenuSearch dl dd.dd_1 input::placeholder {color:#222;}
.headerMenuSearch dl dd.dd_2 { width:80px; position:relative; cursor:pointer; display:none;}
.headerMenuSearch dl dd.dd_2 span { display:flex; align-items:center;border:2px solid #39bf3e; border-right:none;}
.headerMenuSearch dl dd.dd_2 span input { padding-left:14px; color:#999;height:36px;}
.headerMenuSearch dl dd.dd_2 span i { margin:0 4px; color:#ccc; font-size:14px;display: inline-block; transition:all .3s;}
.headerMenuSearch dl dd.dd_2:hover span i { transform: rotate(180deg); color:#39bf3e;}
.search_mod { position:absolute; top:38px; left:0;width: 100%;background: #fff;border:2px solid #39bf3e; border-top:none; padding:6px 0; z-index:10; display:none;}
.search_mod p { line-height:30px; color:#999; font-size:13px; text-align:center;}
.search_mod p:hover { color:#39bf3e;}
.headerMenuSearch dl dd.dd_2:hover .search_mod { display:block;}
.headerMenuSearch dl dd.dd_3 { width:20px;}
.headerMenuSearch dl dd.dd_3 button {border:none;height:40px;width:100%;outline:none;padding:0;margin:0;box-sizing:border-box;background:none;color:#222;font-size:14px;cursor:pointer;}
.headerMenuSearch dl dd.dd_1 #search-cls{z-index:6060;position:absolute;top:50%;right:0;width:24px;height:24px;margin:0;background:url(../ico-cls.png) no-repeat center center;display:none;cursor:pointer;transform:translate(0,-50%)}
.headerMenuSearch dl #search-mod{z-index:6060;position:absolute;width:calc(100% - 130px);overflow:hidden;margin:0;font-size:14px;line-height:32px;color:#666;background:#fff;border:#f6f6f6 1px solid;border-radius:0;border-top:none;display:none; box-sizing:border-box;}
.headerMenuSearch dl #search-rec{z-index:6060;position:absolute;top:40px;left:0;width:100%;overflow:hidden;margin:0;font-size:14px;color:#666;background:#fff;border:#ddd 1px solid;border-radius:0 0 8px 8px;display:none; box-sizing:border-box;}
.headerMenuSearch dl #search-rec .search-rec span:hover { background:#c40000;}
.headerMenuSearch dl #search-tip{z-index:6060;position:absolute;top:40px;left:0;width:100%;overflow:hidden;margin:0;font-size:14px;color:#666;background:#fff;border:#ddd 1px solid;border-radius:0;display:none; box-sizing:border-box;}
.headerInfo .headerLogin { display:flex;}
.headerInfo .headerLogin>a { display:block; padding:0 1.2vw; color:#222; font-size:14px; line-height:60px;}
.headerInfo .headerLogin>a.a_3 { background:#165dff; color:#fff; padding:0 1.6vw;}

.headerInfo .yonghujj { display: flex;align-items: center; cursor:pointer;}
.headerInfo .yonghujj .touxiang { padding-right:25px;}
.headerInfo .yonghujj .touxiang a { display:flex; align-items:center;}
.headerInfo .yonghujj .touxiang a img { width:38px; height:38px; border-radius:50%; margin-right:10px; background:#eee;}
.headerInfo .yonghujj .touxiang a span { font-size:14px; display:block; max-width:60px;}
.headerInfo .yonghujj .yonghu_waike { position:absolute; right:0px; top:60px; height:0px; overflow:hidden; box-shadow: rgb(102 102 102 / 12%) 0px 0px 12px 0px;z-index:100;border-radius: 12px;}
.headerInfo .yonghujj:hover .yonghu_waike { height:auto;}
.headerInfo .yonghujj .yonghunr { padding: 24px 24px 12px;background:#fff; width:400px; box-sizing:border-box; opacity: 0;transform-origin: 0% 0%;transform: scaleY(.8);transition: all .2s;overflow: hidden;}
.headerInfo .yonghujj:hover .yonghunr { transform: scaleY(1);opacity: 1;}
.headerInfo .action { height:30px;;font-size:14px;line-height:30px;}
.headerInfo .action img { width:30px;height:30px;border-radius:100%;float:left;margin-right:5px;}
.headerInfo .yonghujj .yonghu_user { overflow:hidden;} 
.headerInfo .yonghujj .yonghu_user .image { width:50px; height:50px; float:left; margin-right:15px;}
.headerInfo .yonghujj .yonghu_user .image img { width:100%;border-radius:100%}
.headerInfo .yonghujj .yonghu_user .text { overflow:hidden; line-height:25px;}
.headerInfo .yonghujj .yonghu_user .text h2 { display:block; font-size:20px; color:#333; line-height:30px;}
.headerInfo .yonghujj .yonghu_user .text p { line-height:20px; font-size:14px; color:#999;}
.headerInfo .yonghujj .yonghu_user .text .wdzy { float:right; margin-left:10px;display: flex;align-items: center;height:50px;}
.headerInfo .yonghujj .yonghu_user .text .wdzy a { display:block; line-height:36px; height:36px;border-radius: 8px;padding: 0 16px;font-size:14px; background:#f5f5f5;}
.headerInfo .yonghujj .yonghu_user .text .wenzi { overflow:hidden;}

.headerInfo .yonghujj .yonghunr .xixitiao { height: 44px; line-height:44px; border-radius: 12px;padding: 0 10px;font-size: 14px;background-image: linear-gradient(134deg, #0049f3, #3486f6 26%, #5c33ff 50%, #662bed);color: #fff; box-sizing:border-box; margin:12px 0; text-align:center;font-family: 'HYYaKuHeiW';}
.headerInfo .yonghujj .yonghunr .yonghu_title { font-size: 16px;color: #313438;font-weight: 700;line-height: 22px;margin-bottom: 12px;}
.headerInfo .yonghujj .yonghunr .yonghu_wdzc li { float:left; width:48%; background: #fff url(../img/241202_0001.jpg) no-repeat top right;box-shadow: 4px 4px 24px 0 rgb(96 101 108 / 12%);border-radius: 12px;height: 72px;padding: 13px 16px;margin-bottom: 16px;cursor: pointer; box-sizing:border-box;background-size: contain;}
.headerInfo .yonghujj .yonghunr .yonghu_wdzc li:nth-child(2n+2) { margin-left:4%;}
.headerInfo .yonghujj .yonghunr .yonghu_wdzc li span { display:block; font-size:14px;}
.headerInfo .yonghujj .yonghunr .yonghu_wdzc li b { display:block;font-size: 18px;line-height: 24px;margin-top: 2px; color:#165dff;font-family:'TENGXZTB';}
.headerInfo .yonghujj .yonghunr .yonghu_kjrk { overflow:hidden;}
.headerInfo .yonghujj .yonghunr .yonghu_kjrk li { float:left; width:48%; line-height:42px; border-radius:8px; border:1px solid #eee; font-size:14px; background:#fff; text-align:center; box-sizing:border-box;}
.headerInfo .yonghujj .yonghunr .yonghu_kjrk li a { display:block;}
.headerInfo .yonghujj .yonghunr .yonghu_kjrk li:nth-child(2n+2) { margin-left:4%;}
.headerInfo .yonghujj .yonghunr .yonghu_kjrk li:nth-child(1n+3) { margin-top:4%;}
.headerInfo .yonghujj .yonghunr .yonghu_kjrk li:hover { background:#f5f5f5;}
.headerInfo .yonghujj .yonghunr .yonghu_rk { margin-top:20px; border-top:1px solid #eee; padding-top:10px; position:relative;}
.headerInfo .yonghujj .yonghunr .yonghu_rk a { height:40px; line-height:40px; font-size:16px;padding: 0 16px; display:inline-block; border-radius:8px;position:relative;}
.headerInfo .yonghujj .yonghunr .yonghu_rk_l { float:left; margin-left:-16px;}
.headerInfo .yonghujj .yonghunr .yonghu_rk_r { float:right; margin-right:-16px;}
.headerInfo .yonghujj .yonghunr .yonghu_rk_l a:hover { background:#f5f5f5; color:#333;}
.headerInfo .yonghujj .yonghunr .yonghu_rk_r a:nth-child(1):hover { background:#fff0e5; color:#ff6700;}
.headerInfo .yonghujj .yonghunr .yonghu_rk_r a:nth-child(2):hover {  background:#f5f5f5; color:#333;}
.headerInfo .yonghujj .yonghunr .yonghu_rk_r a:nth-child(2):before { content:''; display:block; width:1px; height:12px; position:absolute; left:0;top:50%;background: #ddd;transform: translate(0, -50%);}

/*幻灯*/
.bannerBox { position:relative;}
.bannerSwiper { position: relative; width:100%; overflow:hidden; z-index:1;}
.bannerSwiper .swiper-slide img { width:100%;}
.bannerSwiper .bannerSwiperM { position:absolute;left:50%;bottom:15px;z-index:68; transform:translate(-50%,0);}
.bannerSwiper .bannerSwiperM ul { display:flex; align-items:center;}
.bannerSwiper .bannerSwiperM span { display:block; width:6px; height:6px; margin:0 5px; background:#fff; border-radius:12px; box-sizing:border-box; transition:all .5s;}
.bannerSwiper .bannerSwiperM span.swiper-pagination-bullet-active { background:#fff; width:24px; height:10px; border:2px solid #fff; background:none;}
.bannerSwiper .bannerBnt { position:absolute; width:40px; height:40px; box-sizing:border-box; top:50%;z-index:67; cursor:pointer;transform: translate(0, -50%);display: flex;align-items: center;justify-content: center; border: 1px solid #fff; border-radius:50%; opacity:.5; transition:all ease .5s; color:#fff; padding-top:2px;}
.bannerSwiper .bannerPrev { left:2%;}
.bannerSwiper .bannerNext { right:2%;}
.bannerSwiper .bannerBnt i { font-size:24px;}
.bannerSwiper .bannerBnt.bannerNext i { transform: rotateY(180deg);}
.bannerSwiper .bannerBnt:hover { opacity:1; background:#fff; color:#165dff;}

/*标题*/
.indexTitle { margin-bottom:50px; text-align:center;color:#222;}
.indexTitle strong { display:block; font-size: 36px; line-height: 1; margin-bottom:20px;}
.indexTitle p { font-size:18px;}
.indexMore { margin-top:60px; text-align:center;}
.indexMore a { font-size:16px; line-height:48px; color:#165dff; width:238px; display:inline-block; text-align:center; background:#fff; border:1px solid #165dff; border-radius:50px; transition:all ease .3s;}
.indexMore a i { font-family:'SimSun'; font-weight:700; margin-left:8px;}
.indexMore a:hover { background:#165dff; border:1px solid #165dff; color:#fff;}


/*服务套餐*/
.ServicePackage { padding:50px 0; background:#fff;}
.ServicePackage ul { display:flex; flex-wrap:wrap;}
.ServicePackage ul li { width:24.25%; margin-right:1%; background:#165dff; color:#fff; box-sizing:border-box; border-radius:12px; overflow:hidden; transition:all ease .5s;transform:translate(0,0);}
.ServicePackage ul li:nth-child(1) { background:url(../img/241025_10001.png) no-repeat center; background-size: cover;}
.ServicePackage ul li:nth-child(2) { background:url(../img/241025_10002.png) no-repeat center; background-size: cover;}
.ServicePackage ul li:nth-child(3) { background:url(../img/241025_10003.png) no-repeat center; background-size: cover;}
.ServicePackage ul li:nth-child(4) { background:url(../img/241025_10004.png) no-repeat center; background-size: cover;}
.ServicePackage ul li:nth-child(4n+4) { margin-right:0;}
.ServicePackage ul li strong { padding: 35px 0 30px 75px; font-size:30px; display:block; background: rgb(0 0 0 /.06);}
.ServicePackage ul li strong b { display:block; font-size:18px; font-weight:400; margin-top:15px;}
.ServicePackage ul li .text { padding:30px 0 60px 75px;}
.ServicePackage ul li p { font-size:16px; margin-bottom:25px;}
.ServicePackage ul li p:before { content:'\eb31'; font-family:'iconfont'; margin-right:8px;}
.ServicePackage ul li h3 { display:block; font-size:60px;}
.ServicePackage ul li h3 em { font-size:18px;}
.ServicePackage ul li a { display:inline-block; line-height:50px; border-radius:50px; border:1px solid #fff; color:#fff; font-size:18px; padding:0 20%; margin-top:35px; transition:all .3s;}
.ServicePackage ul li a:hover { background:#fff; color:#333;}
.ServicePackage ul li:hover { transform:translate(0,-25px);}

/*增值服务*/
.VAService { padding:80px 0;  background-size: cover;}
.VAService .indexTitle { }
.VAService ul { display:flex; flex-wrap:wrap;}
.VAService ul li { width:24.25%; margin-right:1%; box-sizing:border-box; background:#fff; padding:20px 0; border-radius:6px; background:#fff; border: 2px solid transparent; text-align:center; transition:all ease .3s;}
.VAService ul li:nth-child(4n+4) { margin-right:0;}
.VAService ul li:nth-child(1n+5) { margin-top:1%;}
.VAService ul li img { animation-duration:1s;}
.VAService ul li h3 { display:block; color: #111;font-size: 18px;margin: 15px 0;}
.VAService ul li p { color: #444;font-size: 14px;margin-bottom: 15px;}
.VAService ul li span { color: #fb5037;font-size: 16px;margin-bottom: 15px; display:block;}
.VAService ul li span b { font-size:26px; margin-right:5px;}
.VAService ul li a { border: 1px solid #165dff; display: inline-block;border-radius: 50px;color: #165dff;font-size: 14px;padding: 0 16%; line-height:36px; transition:all ease .3s;}
.VAService ul li:hover { border: 2px solid #165dff;}
.VAService ul li a:hover { background:#165dff; color:#fff;}
.VAService ul li:hover img { animation-name:Bounce;}

/*模板展示*/
/*.indexDemo { padding:80px 0; background:#f4f7fc;}*/
/*.indexDemo ul { display:flex; flex-wrap:wrap;}*/
/*.indexDemo ul li { width:32%; margin-right:2%;}*/
/*.indexDemo ul li:nth-child(3n+3) { margin-right:0;}*/
/*.indexDemo ul li:nth-child(1n+4) { margin-top:2%;}*/
/*.indexDemo ul li .image { border-radius: 20px;margin-bottom: 20px;overflow: hidden;padding-bottom: 60%;position: relative;}*/
/*.indexDemo ul li .image img { left: 0;position: absolute;top: 0;transition: all 1s ease;width: 100%;}*/
/*.indexDemo ul li h3 { font-size:18px; display:block; text-align:center; color:#222; font-weight:400;}*/
/*.indexDemo ul li:hover .image img { top: -30px;}*/
/*.indexDemo ul li:hover h3 { color:#165dff;}*/


.indexDemo { padding:80px 0; background:#f4f7fc;}
.indexDemo ul { display:flex; flex-wrap:wrap;}
.indexDemo ul li { width:32%; margin-right:2%;}
.indexDemo ul li:nth-child(3n+3) { margin-right:0;}
.indexDemo ul li:nth-child(1n+4) { margin-top:2%;}
.indexDemo ul li .image { width:100%; overflow:hidden; margin-bottom:20px; border-radius:6px; position:relative;}
.indexDemo ul li .image img { width:100%;}
.indexDemo ul li .image span {align-items:center;border-radius:20px;bottom:0;box-shadow:0 3px 48px rgb(13 26 85/.5);display:flex;opacity:0;justify-content:space-between;left:7%;position:absolute;transition:.6s ease;width:86%;}
.indexDemo ul li .image span a {background-size:200% 100%;color:#fff;cursor:pointer;display:block;font-size:16px;line-height:2;padding:4px 20px;text-align:center;transition:all .6s; flex:1;}
.indexDemo ul li .image span a:nth-child(1) {background-image:linear-gradient(90deg,#7d2fb0,#185bff,#7d2fb0);border-radius:20px 0 0 20px;}
.indexDemo ul li .image span a:nth-child(2) {background-image:linear-gradient(90deg,#0eb577,#42ffff,#0eb577);border-radius:0 20px 20px 0;}
.indexDemo ul li .text { padding:0 1.2vw;}
.indexDemo ul li h3 {display:block;font-size:16px;color:#000;font-weight:400;margin-bottom:6px;transition:all ease .5s;}
.indexDemo ul li:hover .image span {bottom:8.6%;opacity:1;}
.indexDemo ul li .image span a:hover {background-position:100% 0;transition:all .4s ease-in-out;}













/*解决方案*/
.SolutionSec { padding:60px 0 0; background:#fff;}
.SolutionSec .SolutionTab { position:relative; overflow:hidden;}
.SolutionSec .SolutionTab .hd { position:relative; z-index:6;}
.SolutionSec .SolutionTab .bd { border:none;}
.SolutionSec ul { display:flex; flex-wrap:wrap;}
.SolutionSec ul li { padding: 3% 5%; width:25%; box-sizing:border-box; color:#fff; border-bottom: 1px solid rgb(255 255 255 /.2);border-right: 1px solid rgb(255 255 255 /.2); transition:all ease .3s; cursor:pointer;}
.SolutionSec ul li:nth-child(4n+4) { border-right:none;}
.SolutionSec ul li strong { font-size: 24px;font-weight: 400;margin-bottom: 20px; display:block;}
.SolutionSec ul li p { font-size: 18px;margin-bottom: 30%;}
.SolutionSec ul li a { align-items: center;color: rgb(255 255 255/.6);display: flex;font-size: 16px;}
.SolutionSec ul li a i { margin-left:8px; font-size:26px;}
.SolutionSec .SolutionTab .tempWrap { position:absolute!important; left:0; top:0; right:0; bottom:0; width:100%; overflow:hidden;}
.SolutionSec .SolutionTab .bd .image { height:600px;}
.SolutionSec .SolutionTab .bd .image p { display:flex; justify-content:center; width:100%; overflow:hidden;}
.SolutionSec ul li:hover { background-image: linear-gradient(90deg, rgb(47 94 255/.6), rgba(2 204 255/ .6));}

/*全球服务*/
.GlobalService { padding:80px 0 0; background:#f5f7fa;}
.GlobalServiceMore { margin-top:20px;}
.GlobalServiceMore a { font-size:14px; color:#165dff;}
.GlobalServiceMore a i { font-family:'SimSun'; font-weight:700; margin-left:8px;}
.GlobalServiceMain { padding-top:50px;}
.GlobalServiceL { width: 34%; padding-bottom:80px;}
.GlobalServiceL ul { display:flex; flex-wrap:wrap;}
.GlobalServiceL ul li { width:50%; color:#222; margin-bottom:30px;}
.GlobalServiceL ul li span { display:block; font-size:14px; margin-bottom:5px;}
.GlobalServiceL ul li span em { font-size:48px;}
.GlobalServiceL ul li p { font-size:16px;}

/*新闻中心*/
.indexNewsBox { padding:80px 0; background:#fff;}
.indexNewsBox .indexTitle p { }
.indexNewsBox .indexTitle p a { display:inline-block; line-height:16px; font-size:14px; padding:0 8px; color:#333;}
.indexNewsBox .indexTitle p a:nth-child(1n+2) { border-left:1px solid #ccc;}
.indexNewsBox .indexTitle p a:hover { color:#165dff;}
.indexNewsBox .indexNewsMain { display:flex; flex-wrap:wrap;}
.indexNewsBox .indexNewsMain dl { width:32%; margin-right:2%;}
.indexNewsBox .indexNewsMain dl:nth-child(3n+3) { margin-right:0;}
.indexNewsBox .indexNewsMain dl dt { }
.indexNewsBox .indexNewsMain dl dt .image { position:relative; border-radius:6px; overflow:hidden;}
.indexNewsBox .indexNewsMain dl dt .image img { width:100%;}
.indexNewsBox .indexNewsMain dl dt .image span { line-height:26px; position:absolute; left:0; bottom:0; background:rgb(0 0 0/.6); color:#fff; padding:0 15px; font-size:12px; border-radius:0 20px 0 0;}
.indexNewsBox .indexNewsMain dl dt strong { display:block; margin:15px 0; font-size:16px; color:#222; font-weight:400; padding:0 5px;}
.indexNewsBox .indexNewsMain dl dd { border-top:1px solid #e2e8f1; padding:15px 5px 0;}
.indexNewsBox .indexNewsMain dl dd a { display:block; line-height:1.6; font-size:15px; color:#333; padding:10px 0;}
.indexNewsBox .indexNewsMain dl dd a span { float:right;}

.indexContactBox { background:#f5f7fa url(../img/241025_10028.jpg) no-repeat top center;padding: 80px 0;box-sizing: border-box; text-align:center;}
.indexContactBox strong { display:block; color: #111;font-size: 40px;line-height: 48px;margin-bottom: 16px;}
.indexContactBox p { color: #222;font-size: 18px;line-height: 26px;margin-bottom: 16px;}
.indexContactBox .indexContactBnt { }
.indexContactBox .indexContactBnt a { display:inline-block; width:160px; height:50px; line-height:50px; border-radius:40px; font-size:18px; background:#165dff; border:1px solid #165dff; text-align:center;margin:0 5px; color:#fff;}
.indexContactBox .indexContactBnt a.a_2 { color:#165dff; background:none;}
.indexContactBox .indexContactBnt a.a_1:hover { opacity:.9;}
.indexContactBox .indexContactBnt a.a_2:hover { background:rgb(50 105 255 /.05);}

/*底部样式*/
.footerSec { background:#08163a url(../img/241025_10027.png) no-repeat top center; display:block;}
.footerSec .footerService { padding:40px 0; border-bottom:1px solid rgb(255 255 255/.1);}
.footerSec .footerService ul { display:flex; justify-content: space-between;}
.footerSec .footerService ul li { display:flex; align-items:center; font-size:18px; color:#fff;}
.footerSec .footerService ul li img { margin-right:10px;}
.footerMain { padding:80px 0; display:flex;}
.footerMain dl { width:14%;}
.footerMain dl dt { font-size:16px; margin-bottom:20px;}
.footerMain dl dt a { color:#fff; font-weight:700;}
.footerMain dl dd { line-height:30px; font-size:14px;}
.footerMain dl dd a { color:rgb(255 255 255/.8);}
.footerTel { margin-left:auto;}
.footerTel strong { display:flex; justify-content:right; align-items:center; font-size:16px; color:rgb(255 255 255/.8); margin-bottom:9px; font-weight:400; line-height:20px;}
.footerTel strong em { display:flex; align-items:center; justify-content:center; color:#fff; background:#165dff; margin-right:8px; border-radius:50%; width:20px; height:20px; font-size:10px;}
.footerTel b { display:block; font-size:30px; color:#fff;font-weight:400; margin-bottom:16px;text-align: right;}
.footerTel p { font-size:16px; color:rgb(255 255 255/.8);font-weight:400;text-align: right;}
.footerTel ul { margin-top:50px; display:flex; justify-content:right;}
.footerTel ul li { margin-left:20px; position:relative; cursor: pointer;}
.footerTel ul li span { display:flex; width:50px; height:50px; align-items:center; justify-content:center; color:#fff; border:1px solid #fff; border-radius:50%; font-size:30px; transition:all .3s;}
.footerTel ul li .image { background:#fff; padding:8px; border-radius:6px; position:absolute; top:60px; left:50%; transform:translate(-50%,0); display:none;}
.footerTel ul li .image:before { content:''; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #fff transparent; border-width:5px; position:absolute; top:-10px; left:50%; transform:translate(-50%,0);}
.footerTel ul li .image img { width:100px; height:100px;}
.footerTel ul li:hover span { background:#165dff; color:#fff; border-color:#165dff;}
.footerTel ul li:hover .image { display:block;}
.footerCopyright { padding:20px 0; border-top:1px solid rgb(255 255 255/.1);}
.footerCopyright p { color:rgb(255 255 255/.8); font-size:14px; line-height:20px;}
.footerCopyright p a { color:rgb(255 255 255/.8);}

.PageNav { padding:15px 0; display:flex; font-size:14px; align-items:center;}
.PageNav em { margin-right:8px; font-size: 16px; transform: translate(0, -1px);}
.PageNav i { font-family:'SimSun'; font-weight:700; margin:0 6px; color:#999; margin-top:2px;}
.PageNav a { color:#777;}

.PagesBox { text-align:center; margin:20px 0;}
.PagesBox a { border: 1px solid #ddd; background:#fff;padding: 5px 6px; font-size:16px; color:#333; border-radius: 4px; display:inline-block;}
.PagesBox a:hover { background:#165dff; color:#fff; border:1px solid #165dff;}
.PagesBox strong { border: 1px solid #165dff; background:#165dff;padding: 6px; font-size:16px; color:#fff; font-weight:400;border-radius: 4px;}
.PagesBox cite { display:none;}
.PagesBox .pages_inp { border: 1px solid #ddd; font-size:16px;padding:6px;margin-top: -6px;outline:none;border-radius: 4px;}
.PagesBox .pages_btn { background:#fff;border: 1px solid #ddd; font-size:16px;padding:3px;margin-top: -6px; color:#333; height:35px; width:60px; font-weight:400;border-radius: 4px; cursor:pointer;}
.PagesBox .pages_btn:hover { background:#165dff; color:#fff; border:1px solid #165dff;}

/*侧边客服*/
.kefu_sec { position: fixed;right:20px; bottom:20%;z-index:6060;}
.kefu_sec ul { width: 48px;font-size: 14px;line-height: 18px;background: #fff;padding:15px 5px;border-radius: 30px;box-sizing: border-box;box-shadow: 0 4px 12px rgb(0 0 0 / .1);}
.kefu_sec ul li { position:relative; overflow:hidden;}
.kefu_sec ul li span { display:block; text-align:center; cursor:pointer;color:#000;}
.kefu_sec ul li span i { line-height:35px; font-size:20px;}
.kefu_sec ul li span em { display: inline-block;padding: 0 8px; font-size:14px;}
.kefu_sec ul li span.ywzx:before { content:''; display:block; width:18px; height:1px; background:#eee; margin:5px auto;}
.kefu_sec ul li:hover span { color:#165dff;}
.kefu_sec_popup { position:absolute;right:50px; top:0; background:#fff; border-radius:8px; padding:10px;width:160px;box-sizing:border-box;text-align:center;color:#333;box-shadow: 0 4px 12px rgb(0 0 0 /.1); opacity:0; transition:all .2s; transform:translate(10px,0);}
.kefu_sec ul li:hover { overflow: visible;}
.kefu_sec ul li:hover .kefu_sec_popup { opacity:1;transform:translate(0,0);}
.kefu_sec_popup:before,
.kefu_sec_popup:after { content:''; display:block;border-style: solid;border-color: transparent transparent transparent #f2f2f2;border-width: 6px;width: 0;height: 0;position: absolute;top: 15px;}
.kefu_sec_popup:before { right: -12px;}
.kefu_sec_popup:after { right: -11px; border-color: transparent transparent transparent #fff;}
.kefu_sec_popup.tel { line-height:26px;font-size:14px;}
.kefu_sec_popup.tel em,.kefu_sec_popup.tel p { display:block;}
.kefu_sec_popup.tel em { color:#165dff;}
.kefu_sec_popup.ewm img { width:100%;}
.kefu_sec_popup.ewm p { font-size:12px; margin-top:8px;}

/*新闻页面样式 THE*/

.NewsMain { display:flex;}
.NewsMainL { width:220px; margin-right:20px;}
.NewsMainC { flex:1; overflow:hidden;}

.NewsMainNav { padding:10px 15px; background:#fff; border-radius:4px;box-sizing: border-box; transition:all .5s;}
.NewsMainNavTit { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid rgb(228 230 235/.5);}
.NewsMainNavTit strong { line-height:46px; font-size:18px; border-radius:4px; display:block; color:#222; font-weight:400;}
.NewsMainNavTit strong i { margin-right:7px; font-size:18px; float:left;}

.NewsMainNav dl { }
.NewsMainNav dl dt { font-size:16px; margin:10px 0; display:flex; align-items:center;}
.NewsMainNav dl dt:before { content:''; display:block; width:3px; height:3px; background:#999; margin-right:10px; border-radius:10px;}
.NewsMainNav dl dt i {margin-left:.5vw; transform: translate(0, -1px); margin-left:auto;}
.NewsMainNav dl dt i:before { content:''; display: block;width: 6px;height: 6px;border-right: 1px solid #999;border-bottom: 1px solid #999;transform: rotate(45deg); transition:all .3s;}
.NewsMainNav dl dd { font-size:14px; padding-left:15px; line-height:2;}
.NewsMainNav dl dd a { color:#666;}
.NewsMainNav dl dd a:hover { color:#165dff;}

.NewsCatTit { display:flex; padding:5px 20px; border-bottom:1px solid rgb(228 230 235/.5); background:#fff; border-radius:4px 4px 0 0;}

.NewsListBox { background:#fff;}
.NewsListBox ul { padding:0 20px;}
.NewsListBox ul li { padding:20px 0;}
.NewsListBox ul li:nth-child(1n+2) { border-top:1px solid #f5f5f5;}
.NewsListBox ul li h2 { font-size:16px; color:#000; font-weight:400; line-height:1.6;}
.NewsListBox ul li h3 { display:block; font-size:16px; color:#000; font-weight:400;}
.NewsListBox ul li p { font-size:14px; margin-top:10px; color:#666; line-height:1.4;}
.NewsListBox ul li .Hits { color:#999; font-size:12px; margin-top:20px;}
.NewsListBox ul li .Hits font { margin-right:5px;}
.NewsListBox ul li a { display:flex;}
.NewsListBox ul li .text { flex:1; overflow:hidden;}
.NewsListBox ul li .image { margin-right:1.2vw;}
.NewsListBox ul li .image img { height:100px; border-radius:6px;}

.NewsShowMain { padding:10px 30px 30px; background:#fff; border-radius: 4px;}
.NewsShowTIT { font-size: 24px;color: #000;border-bottom: #eee 1px solid;padding: 15px 0;overflow: hidden;margin-bottom: 10px;}
.NewsShowContent { margin:20px 0; font-size:16px; line-height:1.8;}
.NewsShowContent img { max-width:100%;margin:0 auto; display:block; height:auto!important;}


/*新闻页面样式 END*/


/*托管页面样式 THE*/
.HostingBanner { position:relative; height:400px; width:100%; display:flex; align-items:center; overflow:hidden;}
.HostingBanner img { height:400px;}
.HostingBanner .text { position:absolute; width:100%; top:50%; left:0; padding-top: 60px;transform: translate(0, -50%);}
.HostingBanner .text .w1400 { padding-left:10vw;}
.HostingBanner .text strong { display:block; font-size:48px; font-weight:400; color:#000; margin-bottom:1vw;}
.HostingBanner .text p { font-size:20px; color:#333;}
.HostingBanner .text a { border: 1px solid #165dff;display: inline-block;border-radius: 50px; background:#165dff; color: #fff;font-size: 14px;padding: 0 2.2vw;line-height: 36px; margin-top:20px;}

/*托管服务套餐*/
.HostedService { padding:60px; 0; background:#f5f6fa url(../img/241028_10003.png) no-repeat center;}
.HostedService ul { display:flex; flex-wrap:wrap; align-items: flex-start;}
.HostedService ul li { width:24.25%; margin-right:1%; background:#fff; color:#fff; box-sizing:border-box; border-radius:8px; overflow:hidden; transition:all ease .5s;transform:translate(0,0);}
.HostedService ul li:nth-child(4n+4) { margin-right:0;}
.HostedService ul li:nth-child(2) { background:#e1eaff; transform:translate(0,-20px);}
.HostedService ul li .HostedServiceTit { align-items: center;background-size: cover;display: flex;flex-direction: column;padding: 25px 0 20px;position: relative;}
.HostedService ul li .HostedServiceTit strong { font-size:28px;}
.HostedService ul li .HostedServiceTit span { font-size: 16px;margin: 12px 0;}
.HostedService ul li .HostedServiceTit em { font-size: 14px;margin-bottom: 10px;}
.HostedService ul li .HostedServiceTit em b { font-size:28px; margin-right:4px;}
.HostedService ul li .HostedServiceTit a { display:inline-block; line-height:38px; border-radius:50px; border:1px solid #fff; color:#fff; font-size:14px; padding:0 20%; transition:all .3s;}
.HostedService ul li:nth-child(2) .HostedServiceTit:before { content:''; display:block; width:88px; height:89px; background:url(../img/241028_10004.png) no-repeat center; position:absolute; right:0; top:0;}
.HostedService ul li:nth-child(1) .HostedServiceTit { background-image:url(../img/241028_10005.png);}
.HostedService ul li:nth-child(2) .HostedServiceTit { background-image:url(../img/241028_10006.png);}
.HostedService ul li:nth-child(3) .HostedServiceTit { background-image:url(../img/241028_10007.png);}
.HostedService ul li:nth-child(4) .HostedServiceTit { background-image:url(../img/241028_10008.png);}
.HostedService ul li:nth-child(2) .text { padding:45px 25px;}
.HostedService ul li .text { padding:25px;}
.HostedService ul li .text p { padding-left:25px; border-bottom: 1px solid #f4f7fc; height:36px; color:#333; align-items:center; font-size:14px; display:flex; justify-content: space-between;}
.HostedService ul li .text p.p_1 { color:#999;}
.HostedService ul li .text p i:before { content:'\eb31'; font-family:'iconfont'; color:#13bf87; font-size:18px;}
.HostedService ul li .text p.p_1 i:before { content:'\eaf6'; color:#999;}
.HostedService ul li .HostedServiceTit a:hover { background:#fff; color:#333;}

/*定制服务*/
.CustomService { padding:80px; 0; background:#0a1123 url(../img/241028_10010.jpg) no-repeat center; background-size: cover;}
.CustomService .indexTitle { color:#fff;}
.CustomService ul { display:flex; flex-wrap:wrap; align-items: flex-start;}
.CustomService ul li { width:32.66666666666667%; margin-right:1%; background:#fff; color:#fff; box-sizing:border-box; border-radius:8px; overflow:hidden; transition:all ease .5s;transform:translate(0,0);}
.CustomService ul li:nth-child(3n+3) { margin-right:0;}
.CustomService ul li:nth-child(2) { background:#e1eaff; transform:translate(0,-20px);}
.CustomService ul li .CustomServiceTit { align-items: center;background-size: cover;display: flex;flex-direction: column;padding: 25px 0 20px;position: relative;}
.CustomService ul li .CustomServiceTit strong { font-size:28px;}
.CustomService ul li .CustomServiceTit span { font-size: 16px;margin: 12px 0;}
.CustomService ul li .CustomServiceTit em { font-size: 14px;margin-bottom: 10px;}
.CustomService ul li .CustomServiceTit em b { font-size:28px; margin-right:4px;}
.CustomService ul li .CustomServiceTit a { display:inline-block; line-height:38px; border-radius:50px; border:1px solid #fff; color:#fff; font-size:14px; padding:0 20%; transition:all .3s;}
.CustomService ul li:nth-child(2) .CustomServiceTit:before { content:''; display:block; width:88px; height:89px; background:url(../img/241028_10004.png) no-repeat center; position:absolute; right:0; top:0;}
.CustomService ul li:nth-child(1) .CustomServiceTit { background-image:url(../img/241028_10005.png);}
.CustomService ul li:nth-child(2) .CustomServiceTit { background-image:url(../img/241028_10006.png);}
.CustomService ul li:nth-child(3) .CustomServiceTit { background-image:url(../img/241028_10007.png);}
.CustomService ul li:nth-child(2) .text { padding:45px 25px;}
.CustomService ul li .text { padding:25px;}
.CustomService ul li .text p { padding-left:25px; border-bottom: 1px solid #f4f7fc; height:36px; color:#333; align-items:center; font-size:14px; display:flex; justify-content: space-between;}
.CustomService ul li .text p.p_1 { color:#999;}
.CustomService ul li .text p i:before { content:'\eb31'; font-family:'iconfont'; color:#13bf87; font-size:18px;}
.CustomService ul li .text p.p_1 i:before { content:'\eaf6'; color:#999;}
.CustomService ul li .CustomServiceTit a:hover { background:#fff; color:#333;}

/*套餐优势*/
.HostingPackAdv { padding:80px; 0; background:#e5f6fe url(../img/241028_10011.jpg) no-repeat center; background-size: cover;}
.HostingPackAdv ul { display:flex; flex-wrap:wrap; align-items: flex-start; overflow:hidden; border-radius:10px;}
.HostingPackAdv ul li { width:33.333333%; background:#f5f8fc; display: flex;flex-direction: column;padding: 50px 70px; box-sizing:border-box;}
.HostingPackAdv ul li:nth-child(2n+2) { background:#e8eef7;}
.HostingPackAdv ul li .image { margin-bottom:20px; height:38px;}
.HostingPackAdv ul li .image img:nth-child(2) { display:none;}
.HostingPackAdv ul li strong { margin-bottom:20px; font-size:20px; color:#111;}
.HostingPackAdv ul li p { color: #333;font-size: 16px;line-height:2;}
.HostingPackAdv ul li:hover { background:url(../img/241028_10018.jpg) no-repeat center; background-size:cover;}
.HostingPackAdv ul li:hover .image img:nth-child(2) { display:block;}
.HostingPackAdv ul li:hover .image img:nth-child(1) { display:none;}
.HostingPackAdv ul li:hover strong { color:#fff;}
.HostingPackAdv ul li:hover p { color: #fff;}

/*案例展示*/
.HostedDemo { padding:80px 0; }
.HostedDemo .indexTitle { }
.HostedDemo ul { display:flex; flex-wrap:wrap;}
.HostedDemo ul li { width:32%; margin-right:2%;}
.HostedDemo ul li:nth-child(3n+3) { margin-right:0;}
.HostedDemo ul li:nth-child(1n+4) { margin-top:2%;}
.HostedDemo ul li .image { border-radius: 20px;margin-bottom: 20px;overflow: hidden;padding-bottom: 60%;position: relative;}
.HostedDemo ul li .image img { left: 0;position: absolute;top: 0;transition: all 1s ease;width: 100%;}
.HostedDemo ul li h3 { font-size:18px; display:block; text-align:center; font-weight:400; transition:all .3s;}
.HostedDemo ul li:hover .image img { top: -30px;}
.HostedDemo ul li:hover h3 { }
.HostedDemoMore { margin-top:60px; text-align:center;}
.HostedDemoMore a { font-size:16px; line-height:48px; color:#fff; display:inline-block; text-align:center; background:#165dff; border:1px solid #165dff; border-radius:8px; transition:all ease .3s; padding:0 2vw; opacity:1;}
.HostedDemoMore a i { font-family:'SimSun'; font-weight:700; margin-left:8px;}
.HostedDemoMore a:hover { opacity:.8;}

/*我们的优势*/
.HostingOurAdv { padding:80px; 0; background:#f0f1f7 url(../img/241028_10019.png) no-repeat center; background-size: cover;}
.HostingOurAdv ul { display:flex; flex-wrap:wrap;}
.HostingOurAdv ul li { width:24.25%; margin-right:1%; padding:25px 0; border-radius:6px; background:#fff; display: flex; flex-direction: column; align-items:center; transition:all .3s;}
.HostingOurAdv ul li:nth-child(4n+4) { margin-right:0;}
.HostingOurAdv ul li:nth-child(1n+5) { margin-top:1%;}
.HostingOurAdv ul li img { animation-duration:1s; margin-bottom:20px;}
.HostingOurAdv ul li strong { display:block; color: #111;font-size: 16px;margin-bottom:14px;}
.HostingOurAdv ul li p { color: #444;font-size: 14px;padding:0px 15px}
.HostingOurAdv ul li:hover img { animation-name:Bounce;}
.HostingOurAdv ul li:hover { box-shadow: 0 0 10px rgb(0 0 0/ .2);}

.HostingContactBox { background:#f5f7fa url(../img/241028_10028.jpg) no-repeat top center;padding: 100px 0;box-sizing: border-box; text-align:center;}
.HostingContactBox strong { display:block; color: #111;font-size: 40px;line-height: 48px;margin-bottom: 16px;}
.HostingContactBox p { color: #222;font-size: 18px;line-height: 26px;}
.HostingContactBox .HostingContactBnt { margin-top:25px;}
.HostingContactBox .HostingContactBnt a { display:inline-block; width:160px; height:50px; line-height:50px; border-radius:40px; font-size:18px; background:#165dff; border:1px solid #165dff; text-align:center;margin:0 5px; color:#fff;}
.HostingContactBox .HostingContactBnt a.a_1:hover { opacity:.9;}

/*托管页面样式 END*/

/*客户案例页面样式 THE*/
.CaseCat { display:flex; flex-wrap:wrap; justify-content:center; margin:40px 0 50px;}
.CaseCat a { padding:0 20px; font-size:16px; line-height:2; color:#000;}
.CaseCat a.on { color:#165dff;}
.CaseCat a:hover { color:#165dff;}

.CaseListBox { }
.CaseListBox ul { display:flex; flex-wrap:wrap;}
.CaseListBox ul li { width:32%; margin-right:2%;}
.CaseListBox ul li:nth-child(3n+3) { margin-right:0;}
.CaseListBox ul li:nth-child(1n+4) { margin-top:2%;}
.CaseListBox ul li .image { width:100%; overflow:hidden; margin-bottom:20px; border-radius:6px;}
.CaseListBox ul li .image img { width:100%; transition:all ease .5s;}
.CaseListBox ul li h3 { display:block; font-size:16px; color:#555; font-weight:400; margin-bottom:6px; transition:all ease .5s;}
.CaseListBox ul li p { font-size:12px; color:#999;}
.CaseListBox ul li:hover .image img { transform:scale(1.1);}
.CaseListBox ul li:hover h3 { color:#165dff;}

/*客户案例页面样式 END*/


/*联系我们样式 THE*/
.ContactUs { background:#fff; padding:80px 0;}
.ContactUs .w1400 { display:flex; align-items:center;}
.ContactUs .image { width:608px; margin-right:30px;}
.ContactUs .image img { width:100%;}
.ContactUs .text { flex:1; overflow:hidden;}
.ContactUs .text span { display:block; font-size:22px; color:#333; margin-bottom:30px;}
.ContactUs .text p { font-size:14px; color:#666; line-height:1.8; margin-top:20px;}

.ContactService { background:#f5f5f5; padding:50px 0;}
.ContactService ul { display:flex; flex-wrap:wrap;}
.ContactService ul li { background:#fff; padding:60px 50px 0; height:300px; box-sizing:border-box; width:32%; margin-right:2%; text-align:center;display: flex;flex-direction: column;align-items: center;}
.ContactService ul li:nth-child(3) { margin-right:0;}
.ContactService ul li span { margin:30px 0; font-size:18px; color:#333;}
.ContactService ul li p { font-size:14px; color:#777; line-height:1.8;}

.ContactTel { background:#fff; padding:80px 0;}
.ContactTel strong { text-align:center; display:block; font-size:46px; color:#555; margin-bottom:40px; font-weight:400;}
.ContactTel b { display:block; font-size:22px; color:#000; margin-bottom:25px; font-weight:400;}
.ContactTel p { font-size:14px; color:#444; margin-bottom:20px; line-height:1.6;}

/*联系我们样式 END*/

/*网站模板页面样式 THE*/
.DemoBanner { position:relative; z-index:606; margin-bottom:50px;}
.DemoBanner .image { width:100%; height:400px; width:100%; display:flex; align-items:center; overflow:hidden;}
.DemoBanner .image img { height:400px;}
.DemoBanner .text { position:absolute; width:100%; top:50%; left:0; padding-top: 60px;transform: translate(0, -50%);}
.DemoBanner .text .w1400 { padding-left:4vw; box-sizing: border-box;}
.DemoBanner .text strong { display:block; font-size:48px; font-weight:400; color:#000; margin-bottom:1vw;}
.DemoSearch { display:flex;}
.DemoSearch .DemoSearchL { }
.DemoSearch .DemoSearchL dl { display:flex; border-bottom: 1px solid rgba(29 33 41/.5);}
.DemoSearch .DemoSearchL dl dd.dd_1 { width:300px;}
.DemoSearch .DemoSearchL dl dd.dd_1 input { background: none;border: none;color: rgba(29 33 41/.8);font-size: 14px;height: 40px;line-height: 40px;outline: none;width: 100%; padding:0; margin:0; box-sizing:border-box;}
.DemoSearch .DemoSearchL dl dd.dd_2 { }
.DemoSearch .DemoSearchL dl dd.dd_2 button { font-size:20px; border:none; background:none; line-height:40px; cursor: pointer;}
.DemoSearch .DemoSearchR { margin-left:auto; display:flex;}
.DemoSearch .DemoSearchR dl:nth-child(1n+2) { margin-left:10px;}
.DemoSearchItem { position:relative;}
.DemoSearchItem dt { display:flex; align-items:center; height:40px; width:136px; background:rgb(255 255 255/.7); border-radius:4px; box-sizing:border-box; padding:0 15px;}
.DemoSearchItem dt span { font-size:14px; color:#49505d;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; max-width:90%; display:inline-block;}
.DemoSearchItem dt i {transition:all .3s; margin-left:auto; transform: translate(0, -1px);}
.DemoSearchItem dt i:before { content:''; display: block;width: 6px;height: 6px;border-right: 1px solid #666;border-bottom: 1px solid #666;transform: rotate(45deg); transition:all .3s;}
/*.DemoSearchItem dt i { transform: translate(0, 2px);}*/
/*.DemoSearchItem dt i:before { transform: rotate(225deg);}*/
.DemoSearchItem dd { position:absolute; top:50px; left:0; background:rgb(255 255 255/.9); border-radius:4px; width:100%; display:none;}
.DemoSearchItem dd:before { content:''; display:inline-block; width:0; height:0; border-color:transparent transparent rgb(255 255 255/.9) transparent; border-width:6px; border-style:solid;position: absolute;top: 0;left: 50%;transform: translate(-50%, -11px);}
.DemoSearchItem dd .DemoItemList { max-height:240px; padding:6px 0; overflow:auto;}
.DemoSearchItem dd .DemoItemList::-webkit-scrollbar{ width: 6px;}
.DemoSearchItem dd .DemoItemList::-webkit-scrollbar-track{ background-color:none; border-radius:6px;}
.DemoSearchItem dd .DemoItemList::-webkit-scrollbar-thumb{ background-color:rgb(0 0 0/.2); border-radius:6px;}
.DemoSearchItem dd .DemoItemList p { color:#606266; line-height:34px; font-size:14px; padding:0 15px;}
.DemoSearchItem dd .DemoItemList p:hover { background:#f5f7fa;}

.DemoListBox { }
.DemoListBox ul { display:flex; flex-wrap:wrap;}
.DemoListBox ul li { width:32%; margin-right:2%;}
.DemoListBox ul li:nth-child(3n+3) { margin-right:0;}
.DemoListBox ul li:nth-child(1n+4) { margin-top:2%;}
.DemoListBox ul li .image { width:100%; overflow:hidden; margin-bottom:20px; border-radius:6px; position:relative;}
.DemoListBox ul li .image img { width:100%;}
.DemoListBox ul li .image span {align-items:center;border-radius:20px;bottom:0;box-shadow:0 3px 48px rgb(13 26 85/.5);display:flex;opacity:0;justify-content:space-between;left:7%;position:absolute;transition:.6s ease;width:86%;}
.DemoListBox ul li .image span a {background-size:200% 100%;color:#fff;cursor:pointer;display:block;font-size:16px;line-height:2;padding:4px 20px;text-align:center;transition:all .6s; flex:1;}
.DemoListBox ul li .image span a:nth-child(1) {background-image:linear-gradient(90deg,#7d2fb0,#185bff,#7d2fb0);border-radius:20px 0 0 20px;}
.DemoListBox ul li .image span a:nth-child(2) {background-image:linear-gradient(90deg,#0eb577,#42ffff,#0eb577);border-radius:0 20px 20px 0;}
.DemoListBox ul li .text { padding:0 1.2vw;}
.DemoListBox ul li h3 {display:block;font-size:16px;color:#000;font-weight:400;margin-bottom:6px;transition:all ease .5s;}
.DemoListBox ul li p {font-size:12px;color:#999;}
.DemoListBox ul li:hover .image span {bottom:8.6%;opacity:1;}
.DemoListBox ul li .image span a:hover {background-position:100% 0;transition:all .4s ease-in-out;}


.MubanHeaderTop {position:fixed;left:0;top:0;width:100%;background:#fff;box-shadow:0 0 0px 1px rgb(25 25 25 / .05);z-index:6060;display:flex;padding:0 2vw;height:70px;align-items:center;justify-content:space-between;box-sizing:border-box;}
.MubanHeaderTop h3 { display:block; color:#0d3967; font-weight:400; font-size:16px;}
.MubanHeaderTop ul { display:flex; align-items:center;}
.MubanHeaderTop ul li { margin:0 10px; font-size:20px; color:#afb5bc; cursor:pointer;}
.MubanHeaderTop ul li.active,.MubanHeaderTop ul li:hover { color:#165dff;}
.MubanHeaderTop ul li.li_QR { position:relative;}
.MubanHeaderTop ul li.li_QR span { font-size:20px; color:#afb5bc;}
.MubanHeaderTop ul li.li_QR .li_QRImage { position:absolute; top:60px; left:50%; transform:translate(-50%,0); background:#fff; padding:15px; border-radius:6px;border-radius: 6px;
    box-shadow: 0 0 20px rgb(53 113 249 / 20%); display:none;}
.MubanHeaderTop ul li.li_QR .li_QRImage:before { content:''; display:inline-block; width:0; height:0; border-color:transparent transparent #fff transparent; border-width:8px; border-style:solid;position: absolute;top: 0;left: 50%;transform: translate(-50%, -15px);}
.MubanHeaderTop ul li.li_QR .li_QRImage p { text-align:center; font-size:14px; color:#666;margin-top:10px;}
.MubanHeaderTop ul li.li_QR:hover span { color:#165dff;}
.MubanHeaderTop ul li.li_QR:hover .li_QRImage { display:block;}
.MubanHeaderTop .MubanHeadTopBtn { }
.MubanHeaderTop .MubanHeadTopBtn a { display:block; line-height:32px; background:#165dff; font-size:14px; color:#fff; padding:0 20px; border-radius:20px;}

#iframelive,iframe{width:100%;background-color:#fff}
#iframelive.stretched{overflow:auto}
.opera #iframelive.stretched iframe{height:100%}
#iframelive.iphone-landscape,#iframelive.iphone-portrait,#iframelive.tablet-landscape,#iframelive.tablet-portrait{height:94%;overflow:auto}
#iframelive{height:100%;background:#cfd8dc}
#iframelive.desktop iframe{width:100%;margin:0}
#iframelive.desktop #frameWrapper{background:0;margin:0;height:100%}
#iframelive.tablet-landscape #frameWrapper{background:url(../img/ipad-album.svg);width:1242px;height:871px;margin:20px auto;overflow:auto}
#iframelive.tablet-landscape #frameWrapper iframe{width:1038px;height:783px!important;margin:44px 0 0 106px;overflow-x:hidden}
#iframelive.tablet-portrait iframe{width:783px;height:1038px!important;margin:106px 0 0 44px}
#iframelive.tablet-portrait #frameWrapper{background:url(../img/ipad.svg);width:871px;height:1242px;margin:20px auto}
#iframelive.iphone-landscape iframe{width:495px;height:335px!important;margin:20px 0 0 106px}
#iframelive.iphone-landscape #frameWrapper{background:url(../img/iphone-album.svg);width:707px;height:370px;margin:150px auto 20px}
#iframelive.iphone-portrait iframe{width:335px;height:495px!important;margin:106px 0 0 20px}
#iframelive.iphone-portrait #frameWrapper{background:url(../img/iphone.svg);width:370px;height:707px;margin:20px auto}
#frameWrapper{background:none repeat scroll 0 0 transparent;height:100%;margin:0}
#frame{position:relative;height:100%;border:0}

/*网站模板页面样式 END*/


/*应用市场样式 THE*/
/* album */
.Album_Stl { width:360px;}
.Album_Stl .xvanfu { width:100%; height:0; position:relative; transform:translate(104%,0);}
/*.Album_Stl .Album_Stl_image { position:relative;}*/
.Album_Stl #mid_div { width:360px; height:360px;}
.Album_Stl #mid_div img { width:100%;}
/*.Album_Stl #zoomer { position:sticky;}*/
.Album_Stl .ab_zoom { position:absolute; right:0; bottom:0; background:rgb(0 0 0/.3); width: 20px;height: 20px; line-height:20px; text-align:center;transform: translate(0, 360px);}
.Album_Stl .ab_zoom i { font-size:18px; color:#fff;}
.Album_Stl .ab_play { position:absolute; left:50%; top:158px; transform:translate(-50%,-50%); width: auto;height: auto; background:none; position: absolute;z-index: 7;margin: 0;}
.Album_Stl .ab_play i { font-size: 60px;color: #fff;}
.Album_Stl .ab_play:hover i { font-size: 60px;color: #165dff;}
.Album_Stl .ab_video {width: 100%;height: 316px;border: #0000 1px solid;background: #000;position: absolute;left:0; top:0;z-index: 10;margin: 0;display: none;}
.Album_Stl .ab_video video { width:100%;position: absolute;top: 158px;left: 50%;transform: translate(-50%, -50%);}
.Album_Stl .ab_hide { position: absolute;margin: 0;right: 0;top: 0;width: 30px;height: 30px;}
.Album_Stl #big_div { position:absolute; top:0; left:0; width:460px; height:460px; border:1px solid #eee; background:#fff; overflow:hidden;}
.Album_Stl .tbs {width:100%;height:54px;margin:10px 0; display: flex;justify-content: space-between;}
.Album_Stl .tbsl,.Album_Stl .tbsr { width:20px;height:54px;display: flex; align-items: center;justify-content: center;float:left;}
.Album_Stl .tbsl img,.Album_Stl .tbsr img { width:20px;}
.Album_Stl .tbsl { margin-right:8px;}
.Album_Stl .tbsm { flex:1; height:54px;float:left;overflow:hidden;}
.Album_Stl .tbsm #thumbs img { padding:1px;margin-right:8px;border:#c0c0c0 1px solid;float:left;width:54px;height:54px;box-sizing:border-box;}
.Album_Stl .tbsm .ab_on {padding:1px;margin-right:8px;border:#165dff 1px solid;width:54px;height:54px;background:#165dff;}


.MarketPreview { background:#fff; padding:30px; display:flex;}
.MarketPreview .text { margin-left:3vw;}
.MarketPreview .text h1 { font-size:20px; color:#333; font-weight:400; line-height:1.6; margin-bottom: 10px; display:block;}
.MarketPreview .text h1 em { display:inline-block; padding:0 10px; line-height:20px; background:#165dff; border-radius:4px; color:#fff; margin-right:8px; font-size:12px;}
.MarketPreview .text .msg { font-size: 12px;color: #999;}
.MarketPreview .text dl {  margin-top:24px; font-size:14px;}
.MarketPreview .text dl.dl_2 { display:flex; align-items:center;}
.MarketPreview .text dl dt { color:#666; display:inline-block;}
.MarketPreview .text dl dd { color:#333; display:inline-block;}
.MarketPreview .text dl dd .iconfont { font-size:30px; margin-right:8px;}
.MarketPreview .text dl dd .iconfont.i_1 { color:#00bf00;}

.MarketPreview .text .price { color:#e93323; font-size:20px; font-family:'HarmonyOS Sans SC';}
.MarketPreview .text .price i { font-size:12px;}
.MarketPreview .text .MarketPreviewBtn { margin:30px 0 0 70px;}
.MarketPreview .text .MarketPreviewBtn a { display: inline-block;background: #165dff;border-radius: 4px;color: #fff;font-size: 16px;line-height: 40px; padding:0 30px;}

.MarketContentTit { display:flex; border-bottom:1px solid #f5f5f5; align-items:center;}
.MarketContentTit strong { font-size:16px; color:#222; line-height:56px; padding:0 30px; font-weight:400; border-top:1px solid #165dff;}

.MarketContent { background:#fff;}
.MarketContent .contenttxt { padding:20px;}

/*应用市场样式 END*/

/*加盟样式 END*/
.JoinProcess { padding:60px; background:#fff; position:relative;}
.JoinProcess .w1400 { position:relative;}
.JoinProcess:before { content:''; display:block; width:100%; height:1px; background:#e4e8f2; position:absolute; left:0; bottom:136px;}
.JoinProcess ul { display:flex; justify-content: space-between;}
.JoinProcess ul li { text-align:center}
/*.JoinProcess ul li img { width:120px; height:120px;}*/
.JoinProcess ul li i { background-color: #a5bcff; display: block;border: 2px solid #396afc;border-radius: 50%;box-sizing: border-box;height: 10px;margin: 24px auto;width: 10px;}
.JoinProcess ul li em { font-size:16px; color:#999; display:block;}
.JoinProcess ul li span { font-size:16px; color:#000; display:block; margin-top:6px;}

.JoinCooperate { padding:80px 0;}
.JoinCooperate ul { }
.JoinCooperate ul li { display:flex; background:#fff; transition:all .5s;}
.JoinCooperate ul li:nth-child(1n+2) { margin-top:30px;}
.JoinCooperate ul li:nth-child(2n+2) { flex-direction:row-reverse;}
.JoinCooperate ul li .image { }
.JoinCooperate ul li .text { padding: 4% 10% 0; margin:2vw; flex:1; overflow:hidden; box-sizing:border-box; background:url(../img/241031_10010.png) no-repeat top left,url(../img/241031_10011.png) no-repeat right bottom;}
.JoinCooperate ul li .text strong { border-bottom: 1px solid #e4e8f2; display: block;color: #000;font-size: 24px;line-height: 1.5;padding-bottom: 22px;}
.JoinCooperate ul li .text p { color: #888b93;font-size: 16px;font-weight: 400;line-height: 2.25;margin-top: 18px;}
.JoinCooperate ul li:hover { box-shadow: 0 6px 12px 0 rgb(0 0 0/.08);}

.JoinContactBox { background:#f5f7fa url(../img/241031_10012.jpg) no-repeat top center;padding: 50px 0;box-sizing: border-box; text-align:center;}
.JoinContactBox strong { display:block; color: #111;font-size: 32px;line-height: 48px;margin-bottom: 16px;}
.JoinContactBox p { color: #222;font-size: 16px;line-height: 26px;margin-bottom: 16px;}
.JoinContactBox .JoinContactBnt { }
.JoinContactBox .JoinContactBnt a { display:inline-block; width:160px; height:40px; line-height:40px; border-radius:40px; font-size:16px; background:#165dff; border:1px solid #165dff; text-align:center;margin:0 5px; color:#fff;}
.JoinContactBox .JoinContactBnt a.a_1:hover { opacity:.9;}


/*加盟样式 END*/

/*帮助中心样式 THE*/
.HelpBanner { position:relative; height:400px; width:100%; display:flex; align-items:center; overflow:hidden;}
.HelpBanner img { height:400px;}
.HelpBanner .text { position:absolute; width:100%; top:50%; left:0; padding-top: 60px;transform: translate(0, -50%);}
.HelpBanner .text .w1400 { display:flex; flex-direction: column;align-items: center;}
.HelpBanner .text strong { display:block; font-size:48px; font-weight:400; color:#000; margin-bottom:1vw;}
.HelpBanner .text p { font-size:20px; color:#333;}
.HelpBanner .text a { border: 1px solid #165dff;display: inline-block;border-radius: 50px; background:#165dff; color: #fff;font-size: 14px;padding: 0 2.2vw;line-height: 36px; margin-top:20px;}

.HelpBannerSearch { display: flex;align-items: center; margin-top:20px;}
.HelpBannerSearch dl { position:relative; display:flex;}
.HelpBannerSearch dl input { border:none; width:100%;outline:none; padding:0; margin:0; box-sizing:border-box;}
.HelpBannerSearch dl dd.dd_1 { width:36vw; position:relative;}
.HelpBannerSearch dl dd.dd_1 input {border:none;font-size:14px; background:#fff; height:48px; padding:0 1vw; border-radius:6px 0 0 6px; border:1px solid #fff; border-right:none; transition:all .3s;}
.HelpBannerSearch dl dd.dd_1 input::placeholder {color:#999;}
.HelpBannerSearch dl dd.dd_2 { width:80px; position:relative; cursor:pointer; display:none;}
.HelpBannerSearch dl dd.dd_2 span { display:flex; align-items:center;border:2px solid #39bf3e; border-right:none;}
.HelpBannerSearch dl dd.dd_2 span input { padding-left:14px; color:#999;height:36px;}
.HelpBannerSearch dl dd.dd_2 span i { margin:0 4px; color:#ccc; font-size:14px;display: inline-block; transition:all .3s;}
.HelpBannerSearch dl dd.dd_2:hover span i { transform: rotate(180deg); color:#39bf3e;}
.search_mod { position:absolute; top:38px; left:0;width: 100%;background: #fff;border:2px solid #39bf3e; border-top:none; padding:6px 0; z-index:10; display:none;}
.search_mod p { line-height:30px; color:#999; font-size:13px; text-align:center;}
.search_mod p:hover { color:#39bf3e;}
.HelpBannerSearch dl dd.dd_2:hover .search_mod { display:block;}
.HelpBannerSearch dl dd.dd_3 { width:60px;}
.HelpBannerSearch dl dd.dd_3 button {border:none;height:48px;width:100%;outline:none;padding:0;margin:0;box-sizing:border-box;background:#fff;color:#999;font-size:20px;cursor:pointer; border-radius:0 6px 6px 0; border:1px solid #fff; border-left:none; transition:all .3s;}
.HelpBannerSearch dl dd.dd_1 #search-cls{z-index:6060;position:absolute;top:50%;right:0;width:24px;height:24px;margin:0;background:url(../ico-cls.png) no-repeat center center;display:none;cursor:pointer;transform:translate(0,-50%)}
.HelpBannerSearch dl #search-mod{z-index:6060;position:absolute;width:calc(100% - 130px);overflow:hidden;margin:0;font-size:14px;line-height:32px;color:#666;background:#fff;border:#f6f6f6 1px solid;border-radius:0;border-top:none;display:none; box-sizing:border-box;}
.HelpBannerSearch dl #search-rec{z-index:6060;position:absolute;top:40px;left:0;width:100%;overflow:hidden;margin:0;font-size:14px;color:#666;background:#fff;border:#ddd 1px solid;border-radius:0 0 8px 8px;display:none; box-sizing:border-box;}
.HelpBannerSearch dl #search-rec .search-rec span:hover { background:#c40000;}
.HelpBannerSearch dl #search-tip{z-index:6060;position:absolute;top:40px;left:0;width:100%;overflow:hidden;margin:0;font-size:14px;color:#666;background:#fff;border:#ddd 1px solid;border-radius:0;display:none; box-sizing:border-box;}
.HelpBannerSearch dl:hover dd.dd_1 input {border:1px solid #c0c4cc; border-right:none;}
.HelpBannerSearch dl:hover dd.dd_3 button {border:1px solid #c0c4cc; border-left:none;}

.HelpMain { display:flex;}
.HelpMainL { width:280px; margin-right:1vw;}
.HelpMainR { flex:1;}
.HelpMenu { background:#fff; border-radius:4px; padding:0 25px 15px;}
.HelpMenu .HelpMenuTit { font-size:22px; color:#333; padding:20px 0; border-bottom:1px solid #eee; margin-bottom:10px;}
.HelpMenu .HelpMenuTit strong { font-weight:400;}
.HelpMenu ul { }
.HelpMenu ul li { line-height:46px; font-size:16px;}
.HelpMenu ul li:before { content:'>'; font-family:'SimSun'; float:right; font-weight:700; color:#999;}
.HelpMenu ul li.on a,.HelpMenu ul li:hover a { color:#165dff;}
.HelpMenu ul li.on:before,.HelpMenu ul li:hover:before { color:#165dff;}

.HelpListBox { background:#fff; border-radius:4px; padding:25px;}
.HelpListBox .HelpList { }
.HelpListBox .HelpList ul { }
.HelpListBox .HelpList ul li { line-height:44px; font-size:15px;}
.HelpListBox .HelpList ul li:nth-child(1n+2) { border-top:1px dashed #eee;}
.HelpListBox .HelpList ul li:before { content:''; display:block; width:4px; height:4px; border-radius:50%; margin: 20px 10px 0 0;background: #999;float: left;}
.HelpListBox .HelpList ul li span { float:right; font-size:13px; color:#999;}

.HelpShowMian { background:#fff; border-radius:4px; padding:0 25px 25px;}
.HelpShowTit { font-size:20px; color:#333; padding:20px 0; border-bottom:1px solid #eee; margin-bottom:15px;}
.HelpShowTit strong { font-weight:400;}
.HelpShowMian .contenttxt { line-height:1.8;}

/*帮助中心样式 END*/

@keyframes Bounce {
0%,20%,53%,to {animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0);}
40%,43% {animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-10px,0) scaleY(1.1);}
70% {animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-5px,0) scaleY(1.05);}
80% {transform:translateZ(0) scaleY(.95);transition-timing-function:cubic-bezier(.215,.61,.355,1);}
90% {transform:translate3d(0,-1px,0) scaleY(1.02);}
;}


/*PC自适应 THE*/
.MheaderInfo { display:none;}
.MHeaderNavMask { display:none;}
.MHeaderNav { display:none;}
/*PC自适应 END*/

@media(max-width:768px)
{
@media screen and (max-width:320px){html{font-size:42.67px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:31.2rem){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:5.8rem){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:6.8rem){html{font-size:85.33px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px}}

.contenttxt{line-height:.6rem;font-size:.28rem;color:#111;font-family:"Microsoft YaHei"!important}
.contenttxt img { max-width:100%; height:auto;margin:.2rem auto; display:block;}
.contenttxt p,.contenttxt span,.contenttxt font,.contenttxt th,.contenttxt td,.contenttxt div,.contenttxt i,.contenttxt em,.contenttxt h1,.contenttxt h2,.contenttxt h3,.contenttxt h4,.contenttxt h5{font-size:.28rem!important; font-family:"Microsoft YaHei"!important;font-weight:normal!important;text-indent:0px!important;white-space: normal!important}
.contenttxt td{padding-left:.3rem!important;}

.b1 { overflow:hidden;width:100%;height:.1px;}
.blank {overflow:hidden;width:100%;height:.16rem; background:#f5f5f5;}
.blank20 {overflow:hidden;width:100%;height:.2rem; background:#f5f5f5;}
.blank88 { overflow:hidden;width:100%;height:.88rem;}
.b_1rem { overflow:hidden;width:100%;height:.1rem;}
.b_2rem { overflow:hidden;width:100%;height:.2rem;}
.b_3rem { overflow:hidden;width:100%;height:.3rem;}
.b_4rem { overflow:hidden;width:100%;height:.4rem;}
.b_5rem { overflow:hidden;width:100%;height:.5rem;}
.b_6rem { overflow:hidden;width:100%;height:.6rem;}
.b_7rem { overflow:hidden;width:100%;height:.7rem;}
.b_8rem { overflow:hidden;width:100%;height:.8rem;}
.b_88rem { overflow:hidden;width:100%;height:.88rem;}
.b_9rem { overflow:hidden;width:100%;height:.9rem;}
.b_94rem { overflow:hidden;width:100%;height:.94rem;}
.b1rem { overflow:hidden;width:100%;height:1rem;}
.b1_1rem { overflow:hidden;width:100%;height:1.1rem;}
.b1_14rem { overflow:hidden;width:100%;height:1.14rem;}
.b1_18rem { overflow:hidden;width:100%;height:1.18rem;}
.b1_2rem { overflow:hidden;width:100%;height:1.2rem;}
.b1_4rem { overflow:hidden;width:100%;height:1.4rem;}
.b2rem { overflow:hidden;width:100%;height:2rem;}

.blank-top{overflow:hidden;width:100%;height:0rem}
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text-overflow2 {overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text-overflow3 {overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}


body {min-width: 100%;}
.w1400 {max-width: 100%;min-width: 100%;}
.headerInfo { display:none;}
.footerMain { display:none;}

.PagesBox a { margin-bottom:.16rem;}

/*顶部样式*/
.HeadSearch { height:1rem; width:100%; background:#fff; padding:0 .3rem; display:flex; align-items:center; box-sizing:border-box; position:fixed; top:0; left:0; z-index:6050; box-shadow: 0 0 10px rgb(0 0 0/.1);}
.HeadSearch .HeadLogo { display:flex; align-items:center;}
.HeadSearch .HeadLogo a img { height: .46rem;}
.HeadSearch .HeadLogo span { font-size:.32rem; border-left:1px solid #eee; height: .3rem; line-height:.3rem; margin-left:.2rem; padding-left:.2rem; color:#666;}
.HeadSearch .HeadSearchMenu { margin-left:auto;}
.HeadSearch .HeadSearchMenu i { font-size:.5rem; color:#222; font-weight:700;}
.HeadSearchNav { position:fixed; top:0; right:0; background:#fff; width:100%; height:100%; z-index:6061; box-sizing:border-box; padding-top:1.1rem; box-shadow:0 5px 10px rgb(0 0 0/.1); display:none;}
.HeadSearchNav ul li { line-height:.96rem; font-size:.3rem; margin:0 .5rem; border-bottom:1px solid #eee;}
.HeadSearchNav ul li a { color:#333;}
.HeadSearchNav .HeadSearchNavOff { position:absolute; top: .2rem;right: .3rem;color: #999;font-size: .6rem;font-weight: 100;}

/*底部样式*/
.footerMenu { width:100%; position: fixed; bottom:0; left: 0; z-index:6060; background:#fff; box-sizing:border-box; border-top: 1px solid #eee;box-shadow: 0 0 8px rgb(0 0 0 /.1);}
.footerMenu ul { height:1rem;display: flex;align-items: center;}
.footerMenu ul li { width:20%; float:left; text-align:center;}
.footerMenu ul li a:before { display: block; font-family: 'iconfont'; width:.5rem; height:.5rem; line-height:.5rem; margin:0 auto; font-size:.5rem; color:#333;}
.footerMenu ul li.li_1 a:before { content:'\ea44'; font-size:.44rem;}
.footerMenu ul li.li_2 a:before { content:'\e87a';}
.footerMenu ul li.li_4 a:before { content:'\e84c'; font-size:.44rem;}
.footerMenu ul li.li_5 a:before { content:'\e7c1';}
.footerMenu ul li span { color:#222; font-size:.22rem; display:block; line-height: .3rem; height:.3rem;}
.footerMenu ul li.li_3{width:1rem;height:1rem;background-image:linear-gradient(160deg,#01c5ff 20%,#165dff 80%);border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translate(0,-.3rem);margin:0 auto;border:.14rem solid #fff; box-shadow: 0 -8px 10px rgb(0 0 0 / .06);}
.footerMenu ul li.li_3 span { color:#fff;}
.footerMenu ul li.li_3 a:before { content:'\e9dd'; color:#fff; font-size: .44rem;}

/*幻灯广告*/
.bannerSwiper .bannerSwiperM { bottom:.2rem;}

.indexTitle {margin-bottom:.5rem;}
.indexTitle strong {font-size:.38rem;margin-bottom:.2rem;}
.indexTitle p {font-size:.26rem;}
.indexMore {margin-top:.6rem;}
.indexMore a {font-size:.26rem;line-height:.7rem;width:4rem;border-radius:.7rem;}

.ServicePackage { padding:.6rem .2rem;}
.ServicePackage ul li {width: 49%; margin-right:2%}
.ServicePackage ul li:nth-child(2n+2) { margin-right:0;}
.ServicePackage ul li:nth-child(1n+3) { margin-top:2%;}
.ServicePackage ul li strong {padding:.4rem 0 .4rem .5rem;font-size:.32rem;}
.ServicePackage ul li strong b {font-size:.24rem;margin-top:.1rem;}
.ServicePackage ul li .text {padding:.4rem 0 .5rem .5rem;}
.ServicePackage ul li p {font-size:.24rem;margin-bottom:.2rem;}
.ServicePackage ul li h3 {font-size:.45rem;}
.ServicePackage ul li h3 em {font-size:.3rem;}
.ServicePackage ul li a {line-height:.6rem;border-radius:.6rem;font-size:.26rem;padding:0 20%;margin-top:.3rem;}

.VAService {padding:.8rem .2rem;}
.VAService ul li {width:49%;margin-right:2%;padding:.4rem 0;}
.VAService ul li:nth-child(2n+2) {margin-right:0;}
.VAService ul li:nth-child(1n+3) {margin-top:2%;}
.VAService ul li h3 {font-size:.32rem;margin:.2rem 0;}
.VAService ul li p {font-size:.22rem;margin-bottom:.2rem;}
.VAService ul li a {border-radius:.5rem;font-size:.24rem;line-height:.5rem;}
.VAService ul li span b {font-size:.44rem;margin-right:.1rem;}
.VAService ul li span {font-size:.3rem;margin-bottom:.2rem;}

.indexDemo {padding:.6rem .2rem;}
.indexDemo ul li {width:49%;margin-right:2%;}
.indexDemo ul li:nth-child(3n+3) {margin-right:2%;}
.indexDemo ul li:nth-child(2n+2) {margin-right:0;}
.indexDemo ul li:nth-child(1n+3) {margin-top:2%;}
.indexDemo ul li .image {border-radius:.2rem;margin-bottom:.2rem;}
.indexDemo ul li h3 {font-size:.28rem; text-align:center}

.SolutionSec {padding-top:.6rem;}
.SolutionSec .indexTitle {padding:0 .2rem;}
.SolutionSec .SolutionTab {background:#1c1d1f;}
.SolutionSec ul li {padding:5% 5%;width:50%;}
.SolutionSec ul li strong {font-size:.4rem;margin-bottom:.2rem;}
.SolutionSec ul li p {font-size:.3rem;}
.SolutionSec ul li a {font-size:.2rem;}
.SolutionSec ul li a i {margin-left:.1rem;font-size:.28rem;}

/*案例展示*/
.HostedDemo ul { padding:0 .2rem;}
.HostedDemo ul li { width:49%;}
.HostedDemo ul li:nth-child(3n+3) { margin-right:2%;}
.HostedDemo ul li:nth-child(2n+2) { margin-right:0;}
.HostedDemo ul li:nth-child(1n+3) { margin-top:.3rem;}
.HostedDemo ul li h3 { font-size: .26rem;}


.indexNewsBox {padding:.6rem .2rem;}
.indexNewsBox .indexNewsMain dl {width:100%;margin-right:0;}
.indexNewsBox .indexNewsMain dl:nth-child(1n+2) {margin-top:.3rem;}
.indexContactBox {padding:1rem .2rem;}
.indexContactBox strong {font-size:.38rem;line-height:1.8;margin-bottom:0;}
.indexContactBox p {font-size:.3rem;line-height:1.6;margin-bottom:.3rem;}
.indexContactBox .indexContactBnt a {width:2.8rem;height:.7rem;line-height:.7rem;border-radius:.7rem;font-size:.26rem;}

.MheaderInfo { position:fixed; width:100%; padding:0 .2rem; background:#fff; top:0; left:0; box-sizing:border-box; height:1.1rem; z-index:6060; display:flex; align-items:center; box-shadow: 0 0 10px rgb(0 0 0/.1);}
.MheaderInfo .MheaderLogo { }
.MheaderInfo .MheaderLogo img { max-height:.7rem;}
.MheaderInfo i { font-size:.4rem; color:#111;}
.MheaderInfo .MheaderLogin { margin-left:auto;}
.MheaderInfo .MheaderMenu { margin-left:.2rem;}

.MHeaderNavMask { position:fixed; top:0; left:0; background:rgb(0 0 0/.4); width:100%; height:100%; z-index:6060; transform:translate(-100%,0); display:block;}
.MHeaderNav { position:fixed; top:0; left:0; background:#3f95f4; width:80%; height:100%; z-index:6061; box-sizing:border-box; padding-top:1.1rem; box-shadow:0 5px 10px rgb(0 0 0/.1);transition: all .3s ease-out 0s; transform:translate(-100%,0);display:block;}
.MHeaderNavMask.on { transform:translate(0,0);}
.MHeaderNav.on { transform:translate(0,0);}
.MHeaderNav ul li { line-height:.96rem; font-size:.3rem; padding:0 .4rem; border-top:1px solid rgb(0 0 0/.1);}
.MHeaderNav ul li a { color:#fff;}
.MHeaderNav .MHeaderNavOff { position:absolute; top: .1rem;right: .3rem;color: #fff;font-size: .6rem;font-weight: 100;}

.footerSec .footerService { padding:.6rem .2rem;}
.footerSec .footerService ul li {width:23.5%;margin-right:2%;font-size:.24rem;flex-direction:column;text-align:center;}
.footerSec .footerService ul li:nth-child(4n+4) {margin-right:0;}
.footerSec .footerService ul li img {height:.6rem;margin-right:0;margin-bottom:.2rem;}
.footerCopyright {padding:.4rem;text-align:center;border-top:none;}
.footerCopyright p {font-size:.26rem;line-height:.38rem;}

.DemoBanner { margin-bottom:.5rem;}
.DemoBanner .image {height: 3.8rem;}
.DemoBanner .text {padding-top: 0;}
.DemoBanner .text .w1400 {padding:0 .2rem;}
.DemoBanner .text strong {font-size: .36rem;}
.DemoSearch { display:block;}
.DemoSearch .DemoSearchL {width: 80%; margin-bottom: 3vw;}
.DemoSearch .DemoSearchL dl dd.dd_1 {width: 92%;}
.DemoSearch .DemoSearchR { flex-wrap:wrap;}
.DemoSearch .DemoSearchR dl { width:49%; margin-right:2%; margin-left:0!important;}
.DemoSearch .DemoSearchR dl:nth-child(2n+2) { margin-right:0;}
.DemoSearch .DemoSearchR dl:nth-child(1n+3) { margin-top:2%;}
.DemoSearchItem dt { width:auto;}
.DemoListBox ul { padding:0 .2rem;}
.DemoListBox ul li { width:100%; margin-right:0;}
.DemoListBox ul li:nth-child(1n+2) { margin-top:.4rem;}


.HostingBanner {height: 3.8rem;}
.HostingBanner .text {padding-top: 0; width:88%;}
.HostingBanner .text strong {font-size: .36rem;}
.HostingBanner .text p {font-size: .3rem;}
.HostingBanner .text a {border-radius: .5rem;font-size: .26rem;line-height: .5rem;margin-top: .4rem;}

.CaseCat {margin: .4rem 0 .5rem;}
.CaseCat a {padding: 0 .3rem;font-size: .26rem;}
.CaseListBox ul { padding:0 .2rem;}
.CaseListBox ul li { width:100%; margin-right:0;}
.CaseListBox ul li:nth-child(1n+2) { margin-top:.4rem;}


.NewsMainL { display:none;}

.JoinProcess {padding: .9rem .2rem;}
.JoinProcess ul li { }
.JoinProcess ul li img { width:1.5rem; height:1.5rem;}

.PageNav {padding: .2rem 0;font-size: .24rem;}
.NewsListBox ul { padding:0 .2rem;}
.NewsListBox ul li .image { margin-right:2%;}
.NewsListBox ul li .image img {height: 1.6rem;}
.NewsListBox ul li h3 {font-size: .3rem;}
.NewsListBox ul li p {font-size: .22rem;margin-top: 0.1rem;}
.NewsListBox ul li .Hits {font-size: .22rem;margin-top: 0.2rem;}

.NewsShowMain {padding: .2rem .2rem .3rem;}
.NewsShowTIT {font-size: .34rem;padding: .2rem 0;margin-bottom: 0.2rem;}


.JoinCooperate {padding: .8rem 0;}
.JoinCooperate ul li { display:block; overflow:hidden;}
.JoinCooperate ul li .image { width:100%;}
.JoinCooperate ul li .image img { width:100%;}
.JoinCooperate ul li .text {padding:.4rem .2rem;margin:.8rem .4rem;background-size:.4rem;background-color:#fff;}
.JoinCooperate ul li .text strong {font-size:.34rem;padding-bottom:0.3rem;}
.JoinCooperate ul li .text p {font-size:.3rem;line-height:2;margin-top:.3rem;}
.JoinProcess ul li em {font-size: .3rem;}
.JoinProcess ul li span {font-size: .3rem;}
.JoinProcess:before {bottom: 35%;}

.JoinContactBox {padding:.8rem .2rem;}
.JoinContactBox strong {font-size:.38rem;line-height:2;margin-bottom:.1rem;}
.JoinContactBox p {font-size:.24rem;line-height:1.6;margin-bottom:0.3rem;}
.JoinContactBox .JoinContactBnt a {width:3rem;height:.7rem;line-height:.7rem;border-radius:.7rem;font-size:.28rem;}


.HelpBanner {height:3.8rem;}
.HelpBanner .text {padding-top:0;}
.HelpBanner .text strong {font-size:.38rem;}
.HelpBanner .text p {font-size:.3rem;}
.HelpBannerSearch dl dd.dd_1 {width:5rem;}
.HelpBannerSearch dl dd.dd_1 input {font-size:.26rem;height:.8rem;padding:0 .2rem;}
.HelpBannerSearch dl dd.dd_3 {width:1rem;}
.HelpBannerSearch dl dd.dd_3 button {height:.8rem;font-size:.36rem;}
.HelpMainL {display:none;}


.MubanHeaderTop ul{display: none;}
.kefu_sec{display: none;}

/*联系我们*/
.ContactUs { padding:.2rem;}
.ContactUs .w1400 { display:block;}
.ContactUs .image {width: 100%;margin-right: 0;}
.ContactUs .text { margin-top:.4rem;}
.ContactUs .text span {font-size: .4rem;margin-bottom: .4rem;}
.ContactUs .text p {font-size: .26rem;margin-top: .3rem;}

.ContactService {padding: .6rem .2rem;}
.ContactService ul {display: block;}
.ContactService ul li {padding: .6rem .5rem 0;height: 5.6rem;width: 100%;margin-right: 0;}
.ContactService ul li:nth-child(1n+2) { margin-top:.3rem;}
.ContactService ul li img { height:1rem;}
.ContactService ul li span {margin: .4rem 0;font-size: .32rem;}
.ContactService ul li p { font-size: .26rem;}

.ContactTel {padding: .6rem .2rem;}
.ContactTel strong {font-size: .5rem;margin-bottom: .5rem;}
.ContactTel b {font-size: .36rem;margin-bottom: .2rem;}
.ContactTel p {font-size: .26rem;margin-bottom: .2rem;}

}