@charset "utf-8";
/* CSS Document */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,a,big, em,font,strong,tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, img{border:0px; margin:0px;}
ul{list-style:none;}
li{list-style:none; color:#333;}
body,td,th,select,input,textarea,ul,li,dl,dd,dt{font-size:14px;font-family:Helvetica; color:#333; margin:0px; padding:0px;} 
img{border:none; padding:0px; margin:0;display: block;}
a:link{color:#333;text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none; color:#fc3829;}
html{height:100%; }
body{height:100%;line-height:22px;padding:0px; margin:0; background-color:#fff;}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

.box{width:94%;max-width:1500px; margin: auto;}
.boxs{
    width: 84%;
    margin: auto;
}
.bannetit h1{ 
        width: 84%;
    margin: auto;
    font-size: 30px;
    font-weight: 200;
}
.flex{display:flex;display: -webkit-flex;}
.flex_sb{display:flex;display: -webkit-flex;justify-content: space-between;}


.banner{ width:100%; height:auto; overflow:hidden; margin:auto; position:relative;}
.banner img{ width:100%; height:auto;}
.nev{ width:100%; height:auto; overflow:hidden; margin:auto; position:absolute; z-index:2; top:0px; left:0; padding:15px 0;}
.nevL{ float:left;}
 
.nevR{ float:right;}
.nevR ul li{ float:left; color:#fff; margin-left:80px; line-height:35px;}
.nevR ul li a{ color:#fff; font-size:16px;}
.nevR ul li a:hover{ color:#ff0000;}
.nevR ul li a.tv{ color:#ff0000;}

.nev:hover{background:rgba(0,0,0,0.5);}

.bannetit{ width:100%; height:auto; margin:auto; position:absolute; z-index:2; bottom:100px; left:0; color:#fff; line-height:35px; font-size:16px; text-align:center;}

.apptit{ height:auto; overflow:hidden; margin:auto; text-align:center; padding:40px 0; font-size:30px; line-height:40px;}
.apptit span { display:block; line-height:22px; color:#4f4f4f; font-size:14px; padding-top:10px;}


.appdeve{ height:auto; overflow:hidden; margin:auto; border-top:1px solid #dcdbdc; padding:30px 0;}
.appdeve ul li { width:19%; height:auto; overflow:hidden; margin:auto; float:left;margin-left:3%; margin-right:3%; float:left; box-sizing:border-box;}

.appdeve ul li .picimg{ height:auto; overflow:hidden; margin:auto;}
.appdeve ul li .pictit{ font-size:16px; font-weight:bold; padding:20px 0;}
.appdeve ul li .pictit span{ display:block; color:#949494; font-size:12px; font-weight:normal;}
.appdeveb{ height:auto; overflow:hidden; margin:auto;}
.appdeveb dl dd{ float:left; clear:both; line-height:30px;}


.xjwxhl{ width:100%; height:auto; overflow:hidden; margin:auto; line-height:40px; font-size:26px; padding:40px 0; text-align:center; color:#fff;}

.xjwebyx{ width:100%; height:auto; overflow:hidden; margin:auto; background:url(../images/xjapp_10.png) no-repeat center; min-height:400px;}
.xjwebyx.tv{background:url(../images/xjapp_10.png) no-repeat center;}
.xjwebyxb{ width:100%; height:auto; overflow: hidden; margin:auto; }
.xjwebyxb ul{ border-bottom:1px solid #949494; padding:0px 10%; box-sizing:border-box; overflow:hidden;}
.xjwebyxb ul li{ width:10%; height:50px; overflow:hidden; margin:auto; line-height:50px; float:left; text-align:center; color:#DCDCDC; cursor:pointer; margin-right:20%; box-sizing:border-box;}
.xjwebyxb ul li:nth-child(4n){ margin-right:0px;}
.xjwebyxb ul li.tt{ width:12%; margin-right:17.333%;}
.xjwebyxb ul li.tt:nth-child(4n){ margin-right:0px;}

.xjwebyxb ul li.tv{display:block; color:#fff; border-bottom:1px solid #fff;}

.xjwebyxm{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:30px; display:none;}
.xjwebyxm.tv{ display:block;}
.xjwebyxm .xjwebyxmt{ width:100%; height:auto; overflow:hidden; margin:auto; font-size:18px; color:#fff; line-height:40px;}
.xjwebyxm .xjwebyxmt span{ display:block; color:#D5D5D5;font-size:14px;}
.xjwebyxm .xjwebyxmpic{ width:100%; height:auto; overflow:hidden; margin:auto; text-align:center; margin-top:30px; padding-bottom:50px;}
.xjwebyxm .xjwebyxmpic img{ display:inline-table;} 

.appnews{ width:100%; height:auto; overflow:hidden; margin:auto; padding:40px 0;}
.appnewsL{ float:left; font-size:30px; line-height:30px;}
.appnewsL span{ display:block; font-size:14px;}
.appnewsR{ float:right; text-align:right; line-height:50px;}
.appnewsR i{ font-size:20px;}
.appnewsR a{ color:#333;}
.appnewsR a:hover{ color:#333;}

@font-face {
  font-family: 'njapp01';  /* Project id 2593975 */
  src: url('//at.alicdn.com/t/font_2593975_lkzlrhmsvs.woff2?t=1622877991191') format('woff2'),
       url('//at.alicdn.com/t/font_2593975_lkzlrhmsvs.woff?t=1622877991191') format('woff'),
       url('//at.alicdn.com/t/font_2593975_lkzlrhmsvs.ttf?t=1622877991191') format('truetype');
}
 
.njapp01 {
    font-family: "njapp01" !important;
    font-style: normal;
    display: inline-block;
    vertical-align:-2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.news{ width:100%; height:auto; overflow:hidden; margin:auto;}
.newsL{ float:left; width:400px; height:auto; overflow:hidden;}
.newsLpic{ width:100%; height:240px; overflow:hidden;}
.newsLpic img{ width:100%; height:auto;}
.newsLpit{   line-height:30px; overflow:hidden; font-size:16px; padding:10px 0px;}
.newsLpit a{ color:#333;}
.newsLpit a:hover{ color:#ff0000;}
.newsLpib{ color:#666; line-height:25px; height:50px; overflow:hidden;text-align:justify;}

.newsR{width: -webkit-calc(100% - 400px);width: -moz-calc(100% - 400px);width: calc(100% - 400px); float:right;}
.newsR ul li { float:left; margin-left:5%; margin-bottom:40px; width:45%;}
.newsR ul li .newsRt{ border-bottom:1px solid #ececec; padding-bottom:5px;height:auto; overflow:hidden;}
.newsR ul li .newsRtL{ float:left; font-size:20px; color:#979797; }
.newsR ul li .newsRtL span{ display:block; font-size:14px;}
.newsR ul li .newsRtR{ float:right; text-align:right; font-size:26px; color:#666; line-height:40px;}


@font-face {
  font-family: 'hzjxxcx05';  /* project id 2424013 */
  src: url('//at.alicdn.com/t/font_2424013_o4ypnmz897e.eot');
  src: url('//at.alicdn.com/t/font_2424013_o4ypnmz897e.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2424013_o4ypnmz897e.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2424013_o4ypnmz897e.woff') format('woff'),
  url('//at.alicdn.com/t/font_2424013_o4ypnmz897e.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2424013_o4ypnmz897e.svg#iconfont') format('svg');
}
.hzjxxcx05 {
    font-family: "hzjxxcx05" !important;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:0px !important;
}
.newsR ul li .newsRa{ height:30px; line-height:30px; overflow:hidden; font-size:16px; text-align:justify; margin:auto; margin-top:10px; margin-bottom:10px;}
.newsR ul li .newsRa a{ color:#333;}
.newsR ul li .newsRa a:hover{ color:#ff0000;}
.newsR ul li .newsRb{ height:50px; line-height:25px; overflow:hidden;text-align:justify; color:#666;}

.appmes{ width:100%; height:auto; overflow:hidden; margin:auto; padding:30px 0; background:url(../images/app_5.png) no-repeat center;}
.appmest{ height:auto; overflow:hidden; font-size:20px; color:#fff;}
.appmesg{ width:100%; height:auto; overflow:hidden; margin:auto; padding:25px 0 15px 0;}
.appmesg ul li { float:left; width:25%; height:auto; overflow:hidden; margin:auto; margin-right:2%; box-sizing:border-box;}
.appmesg ul li input{ width:100%; height:35px; line-height:35px; background-color:#fff; border:none; outline:0; padding-left:10px; box-sizing:border-box;}
.appmesg ul li:nth-child(3){width:34%;}
.appmesg ul li:nth-child(4){width:10%; margin-right:0;}
.appmesg ul li .subbt{ width:100%; height:auto; overflow:hidden; margin:auto;}
.appmesg ul li .subbt input{ width:100%; height:35px; line-height:35px;border:none; outline:0; padding-left:0px; box-sizing:border-box; background-color:#000000; color:#fff; cursor:pointer;}
.appmesb{ height:auto; overflow:hidden; font-size:14px; color:#fff;}



.contentfoot{ width:100%; height:auto; overflow:hidden; margin:auto; padding-top:30px; background-color:#15161e; color:#fff;} 
.contentfootadd{ height:auto; overflow:hidden; margin:auto;} 
.contentfootaddL{ width:200px; float:left; height:auto; overflow:hidden; margin:auto;} 
.contentfootaddLt{ color:#fff; border-bottom:1px solid #21222b; line-height:35px; font-size:16px;} 
.contentfootaddLt i{ font-size:18px;}
.contentfootaddLtel{ font-size:24px; color:#fff; line-height:30px; padding:10px 0;}
.contentfootaddLbot{ width:120px; height:auto; line-height:40px; text-align:center; color:#fff;}
.contentfootaddLbot img { width:100%; height:100%;}

@font-face {
  font-family: 'shweb14';  /* Project id 2588959 */
  src: url('//at.alicdn.com/t/font_2588959_qxd9z3vdoy.woff2?t=1622698634175') format('woff2'),
       url('//at.alicdn.com/t/font_2588959_qxd9z3vdoy.woff?t=1622698634175') format('woff'),
       url('//at.alicdn.com/t/font_2588959_qxd9z3vdoy.ttf?t=1622698634175') format('truetype');
}
.shweb14 {
    font-family: "shweb14" !important;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:-1px !important;
}  

.contentfootaddR{float: right; height:auto; overflow:hidden; margin:auto;width: -webkit-calc(100% - 260px);width: -moz-calc(100% - 260px);width: calc(100% - 260px);} 
.contentfootaddRt{ color:#fff; border-bottom:1px solid #21222b; line-height:35px; font-size:16px;} 
.contentfootaddRul{ width:100%; height:auto; overflow:hidden; margin:auto;}
.contentfootaddRul ul li { width:47.5%; height:auto; overflow:hidden; margin:auto; float:left; margin-right:5%; font-size:16px; color:#dd5614; line-height:40px; background:url(../images/addbg_1.png) no-repeat 35px top; margin-bottom:10px;}
.contentfootaddRul ul li:nth-child(2n){ margin-right:0;}
.contentfootaddRul ul li p{ line-height:22px; color:#fff; font-size:14px;}
.contentfootaddRul ul li:nth-child(2){ background:url(../images/addbg_2.png) no-repeat 35px top;}
.contentfootaddRul ul li:nth-child(3){ background:url(../images/addbg_3.png) no-repeat 35px 8px;}
.contentfootaddRul ul li:nth-child(4){ background:url(../images/foot_6.png) no-repeat 35px top;}
.contentfootaddRul ul li:nth-child(5){ background:url(../images/foot_5.png) no-repeat 35px top;}
.contentfootaddRul ul li:nth-child(6){ background:url(../images/foot_1.png) no-repeat 35px top;}

.contlink{ height:auto; overflow:hidden; line-height:30px; margin:auto; padding:10px 0; border-top:1px solid #21222b; margin-top:20px; word-spacing:0.5em; color:#57586d;}
.contlink a{ color:#57586d}
.contlink a:hover{ color:#57586d}

.contcopy{ height:auto; overflow:hidden; margin:auto; text-align:center; color:#fff; padding:15px 0; border-top:1px solid #21222b;}
.contcopy a{color: #fff  }

.appabout{ width:100%; height:auto; overflow:hidden; margin:auto; position:relative;}
.appaboutfd{ width:100%; height:100%; margin:auto; position:absolute; z-index:1; top:0;left:0;}
.appaboutfd ul { width:100%; height:100%; margin:auto;align-items: center;}
.appaboutfd ul li{color:#fff; font-size:40px; line-height:40px; float:left; margin-right:13%;}
.appaboutfd ul li span{ display:block; font-size:18px; padding-top:15px;}


.appaboutit{ width:100%; height:auto; overflow:hidden; position:relative; z-index:3; top:-50px; left:0;}
.appaboutitc{ background-color:#fff; padding:30px; box-sizing:border-box;}
.appaboutitct{ height:42px; overflow:hidden; margin:auto; text-align:center; font-size:34px; text-align:center; line-height:40px; background:url(../images/appabout_2.png) no-repeat center;}
.appaboutitcp{ height:auto; overflow:hidden; padding-top:30px;}
.appaboutitcp p{text-align:justify; padding:10px 0; line-height:25px;}


.abouts{ width:100%; height: auto; margin:auto; background:url(../images/about_3.png) no-repeat center;}
.aboutsb{ height:auto; overflow:hidden; margin:auto; padding:60px 0;}
.aboutsbL{float: left;width: 50%;padding-top:8%; text-align:center;}
.aboutsbL img{ margin:auto; text-align:center;}
.aboutsbR{ float:right; width:50%;}
.aboutsbR p{ font-size:16px; color:#fff; line-height:35px; padding:15px 0; text-align:justify;}


.apppartner{ height:auto; overflow:hidden; margin:auto;}
.apppartner ul li{ width:15%; height: auto; overflow:hidden; margin:auto; text-align:center; float:left; margin-right:2%; box-sizing:border-box; margin-bottom:30px;align-items: center;
justify-content: center; padding:10px; box-sizing:border-box; border:1px solid #ccc;}
.apppartner ul li img{ width: auto;height:40px;overflow: hidden;}
.apppartner ul li:nth-child(6n){ margin-right:0px;}


.appserver{width: 100%;height: 100%;margin: auto;position: absolute;z-index: 1;top: 0;left: 0;align-items: center;justify-content: center; }
.appserver h2{font-size:34px; color:#fff; line-height:35px; font-weight:normal;}
.appserver h2 span { display:block; font-size:16px; padding-top:15px; text-align:center;}

.appour{ padding:30px 0;}
.appourt{ height:auto; overflow:hidden; margin:auto; text-align:center; font-size:34px; background:url(../images/appserver_2.png) no-repeat center; line-height:30px; padding:40px 0;}
.appourb{ height:auto; overflow:hidden; margin:auto; text-align:center; line-height:30px; padding:20px 0;}
.appouricon{ height:auto; overflow:hidden; margin:auto;}
.appouricon ul li { width:16.6666%; height:auto; overflow:hidden; margin:auto; text-align:center; float:left;}
.appouricon ul li .appouriconpic{ height:50px; overflow:hidden; margin:auto; text-align:center; line-height:50px;}
.appouricon ul li .appouriconpic i{ font-size:40px; color:#e01727;}
.appouricon ul li .appouriconpit{ font-size:18px; padding:10px 0;}
.appouricon ul li .appouriconpit span{ display:block; font-size:14px; color:#b3b2b3;}

@font-face {
  font-family: 'njapp01';  /* Project id 2595881 */
  src: url('//at.alicdn.com/t/font_2595881_ofxqhpbhf7q.woff2?t=1623031862109') format('woff2'),
       url('//at.alicdn.com/t/font_2595881_ofxqhpbhf7q.woff?t=1623031862109') format('woff'),
       url('//at.alicdn.com/t/font_2595881_ofxqhpbhf7q.ttf?t=1623031862109') format('truetype');
}

.njapp01 {
    font-family: "njapp01" !important;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:px !important;
} 

@font-face {
  font-family: 'njapp02';  /* Project id 2595906 */
  src: url('//at.alicdn.com/t/font_2595906_4q182wgb97g.woff2?t=1623032236951') format('woff2'),
       url('//at.alicdn.com/t/font_2595906_4q182wgb97g.woff?t=1623032236951') format('woff'),
       url('//at.alicdn.com/t/font_2595906_4q182wgb97g.ttf?t=1623032236951') format('truetype');
}
.njapp02 {
    font-family: "njapp02" !important;
    font-style: normal;font-size:45px !important; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:px !important;
} 

@font-face {
  font-family: 'njapp03';  /* Project id 2595965 */
  src: url('//at.alicdn.com/t/font_2595965_1fvwwvu3wug.woff2?t=1623032848247') format('woff2'),
       url('//at.alicdn.com/t/font_2595965_1fvwwvu3wug.woff?t=1623032848247') format('woff'),
       url('//at.alicdn.com/t/font_2595965_1fvwwvu3wug.ttf?t=1623032848247') format('truetype');
}
.njapp03 {
    font-family: "njapp03" !important;
    font-style: normal;font-size:45px !important; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:px !important;
} 

@font-face {
  font-family: 'njapp04';  /* Project id 2595994 */
  src: url('//at.alicdn.com/t/font_2595994_2sbpkmcvs6q.woff2?t=1623033187594') format('woff2'),
       url('//at.alicdn.com/t/font_2595994_2sbpkmcvs6q.woff?t=1623033187594') format('woff'),
       url('//at.alicdn.com/t/font_2595994_2sbpkmcvs6q.ttf?t=1623033187594') format('truetype');
}

.njapp04 {
    font-family: "njapp04" !important;
    font-style: normal; font-size:35px !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:px !important;
} 

@font-face {
  font-family: 'njapp05';  /* Project id 2596011 */
  src: url('//at.alicdn.com/t/font_2596011_e1e8r5pxp55.woff2?t=1623033399408') format('woff2'),
       url('//at.alicdn.com/t/font_2596011_e1e8r5pxp55.woff?t=1623033399408') format('woff'),
       url('//at.alicdn.com/t/font_2596011_e1e8r5pxp55.ttf?t=1623033399408') format('truetype');
}
.njapp05 {
    font-family: "njapp05" !important;
    font-style: normal; font-size:35px !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:px !important;
}


@font-face {
  font-family: 'njapp06';  /* Project id 2596023 */
  src: url('//at.alicdn.com/t/font_2596023_rd0jo2xrd3o.woff2?t=1623033515840') format('woff2'),
       url('//at.alicdn.com/t/font_2596023_rd0jo2xrd3o.woff?t=1623033515840') format('woff'),
       url('//at.alicdn.com/t/font_2596023_rd0jo2xrd3o.ttf?t=1623033515840') format('truetype');
}

.njapp06 {
    font-family: "njapp06" !important;
    font-style: normal;  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:px !important;
}

.appserkf{ width:100%; height:auto; overflow:hidden; margin:auto; background:url(../images/appserver_3.png) no-repeat center;margin-top:30px;}
.appserkfLul{margin:auto;background:url(../images/appserver_4.png) no-repeat left; padding:50px 0; height:auto; overflow:hidden;}
.appserkfLul ul{ width:200px; height:auto; overflow:hidden; margin:auto; float:left;}
.appserkfLul ul li { float:left; width:200px; height:42px; line-height:42px; padding-left:30px; box-sizing:border-box; color:#fff; font-size:16px; margin-bottom:10px; clear:both; cursor:pointer;}
.appserkfLul ul li:hover{ background-color:#2c0202;}
.appserkfLul ul li.tv{ background-color:#2c0202;}
.appserkfR{width: -webkit-calc(100% - 300px);width: -moz-calc(100% - 300px);width: calc(100% - 300px); float:right; display:none;}
.appserkfR.tv{ display:block;}
.appserkfR dl dd{ height:auto; overflow:hidden; margin:auto; font-size:18px; line-height:35px; color:#fff; margin-bottom:30px;}
.appserkfR dl dd span{ display:block; font-size:14px; padding-top:10px;}


.appcua{ height:auto; overflow:hidden; margin:auto; text-align:center; font-size:34px; background:url(../images/appserver_5.png) no-repeat center; line-height:30px; padding:40px 0; margin-top:40px; margin-bottom:40px;}
.appcuaul{ height:auto; overflow:hidden; margin:auto; text-align:center;}
.appcuaul ul li { width:16.666%; height:auto; overflow:hidden; margin:auto; float:left; box-sizing:border-box; margin-bottom:40px; margin-top:20px; text-align:center;}
.appcuaul ul li .appcuaulpic{height: auto; overflow:hidden; margin:auto; text-align:center; position:relative;}
.appcuaul ul li .appcuaulpic img{ width:180px; height:auto; display:inline-table;}
.appcuaul ul li .appcuaulpit{ width:100%; height:100%; text-align:center; margin:auto;  position:absolute; z-index:2; top:0; left:0;    align-items: center;justify-content: center;}
.appcuaul ul li .appcuaulpit h2{font-size:18px; color:#e01727; line-height:28px;}
.appcuaul ul li .appcuaulpit h2 span{ display:block; font-size:14px; color:#333; font-weight:normal;}

.appcase{ height:auto; overflow:hidden; margin:auto;}
.appcase ul li {width: 25%;height: auto;float: left; padding-bottom: 30px;}
.appcase ul li .appcasepic{width: 100%;height: auto;overflow: hidden;}
.appcase ul li .appcasepic img{width: 100%;height: auto;transition: transform 3s;-moz-transition: transform 3s;-webkit-transition: transform 3s;-o-transition: transform 3s;}
.appcase ul li .appcasepic img:hover{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1);}

.appcase ul li .appcasepit{ width:100%; text-align:center; height:auto; overflow:hidden; margin:auto; }
.appcase ul li .appcasepit .appcasepitL{width: -webkit-calc(100% - 80px);width: -moz-calc(100% - 80px);width: calc(100% - 80px); float:left; height:45px; overflow:hidden;line-height:45px;}
.appcase ul li .appcasepit .appcasepitR{ float:right; text-align:right;line-height:45px;height:45px; overflow:hidden; color:#6b6b6b;}
.appcase ul li:nth-child(3n){ margin-right:0px;}


.newsbot{ height:auto; overflow:hidden; margin:auto; padding:40px 0;}
.newsbotL{ width:200px; height:auto; overflow:hidden; margin:auto; float:left;}
.newsbotLt{ width:100%; height:auto; overflow:hidden; margin:auto; font-size:18px;}
.newsbotLt span{ color:#a9131b;}
.newsbotLt p{ color:#a9131b; font-size:16px; padding-top:10px;}
.newsbotLb{ height:auto; overflow:hidden; margin:auto; padding-top:60px;}

.newsbotR{ float:right;width: -webkit-calc(100% - 250px);width: -moz-calc(100% - 250px);width: calc(100% - 250px); }
.newsbotRt{ font-size:32px; font-weight:bold; line-height:32px;}
.newsbotRul{ width:100%; height:auto; overflow:hidden; margin:auto; padding-top:60px;}
.newsbotRul ul li { width:100%; height:auto; overflow:hidden; margin:auto; float:left; margin-bottom:50px;}
.newsbotRul ul li .newsbotRuleft{ width:150px; height: auto; overflow:hidden; padding:20px 0; float:left; font-size:22px;}
.newsbotRul ul li .newsbotRuLrigit{width: -webkit-calc(100% - 150px);width: -moz-calc(100% - 150px);width: calc(100% - 150px); float:right;}
.newsbotRul ul li .newsbotRuLrigit .newsbotRuLrigitit{ height:30px; line-height:30px; font-size:26px; overflow:hidden; text-align:justify;}
.newsbotRul ul li .newsbotRuLrigit .newsbotRuLrigitit a{ color:#333;}
.newsbotRul ul li .newsbotRuLrigit .newsbotRuLrigitit a:hover{ color:#fc3829;}
.newsbotRul ul li .newsbotRuLrigit .newsbotRuLrigitbit{ height:50px; line-height:25px; margin-top:15px; overflow:hidden; text-align:justify;}

.appContent { text-align:center;}
.appContent img{ width:60% !important; height:auto !important; margin:20px auto !important; border-radius:5px; }
.appContent * { line-height:35px !important; text-align:left; font-size:16px;}
.appContent p { text-indent:2em; margin-bottom:15px;}
.appContent h1,h2,h3,h4,h5,h6 { margin-top:15px;}


.time { text-align : right; color:#999;  margin:10px 0 20px 0;}
.appnewsinfot{ width:100%; height:auto; overflow:hidden; margin:auto; padding:40px 0; color:#8e8e8e;}
.appnewsinfob{ width:100%; height:auto; overflow:hidden; margin:auto; margin-bottom:30px;}
.appnewsinfobL{ width: -webkit-calc(100% - 300px);width: -moz-calc(100% - 300px);width: calc(100% - 300px); float:left; border-right:1px solid #ccc;line-height:30px; text-align:justify; padding-right:20px; box-sizing:border-box;}
.appnewsinfobL p img{ padding:10px 0; display:inline;}

.appnewsinfobR{ width:300px; float:right; padding-left:20px; box-sizing:border-box;}
.appnewsinfobRt{ font-size:16px; padding:0px 0 10px 0;}
.appnewsinfobRul{ width:100%; height:auto; overflow:hidden; margin:auto;}
.appnewsinfobRul ul li { float:left; height:30px; line-height:30px; overflow:hidden;  }
.appnewsinfobRul ul li a{ color:#333;}
.appnewsinfobRul ul li a:hover{ color:#ff0000;}
.appnewsinfobRbdl{ height:auto; overflow:hidden; margin:auto; margin-top:40px;}
.appnewsinfobRbdl dl dt{ height:28px; line-height:28px; overflow:hidden; margin:auto; margin-bottom:10px; float:left; border:1px solid #ccc; padding:0 10px; box-sizing:border-box;border-radius: 20px;}
.appnewsinfobRbdl dl dt a{ color:#333;}
.appnewsinfobRbdl dl dt a:hover{ color:#ff0000;}


.appcaseinfot{ width:100%; height:auto; overflow:hidden; line-height:50px; margin:auto; text-align:center; font-size:30px;}
.appcaseinfoc{ width:100%; height:auto; overflow:hidden; margin:auto; padding:30px 0;}
.appcaseinfoc img{ max-width:100%; height:auto; display:inline;}
.appcaseinfoc * { font-size:16px; line-height:35px;}


.contacnew{ width:100%; height:auto; overflow:hidden; margin:auto; background-color:#160c2e; min-height:200px;}
.contacnewt{ padding:150px 0 40px 0; font-size:28px; color:#fff; line-height:30px;}
.contacnewt p{ padding:10px 0;} 

/*联系我们*/

.contactus{ height:auto; overflow:hidden; margin:auto; }
.contactus ul li { float:left; width:31.333%; margin-right:3%; box-sizing:border-box; margin-bottom:30px; background-color:#f2f2f2; padding:30px 30px; box-sizing:border-box; position:relative; height:165px; overflow:hidden;}
.contactus ul li:nth-child(3n){ margin-right:0;}
.contactus ul li .contactust{ height:50px; line-height:50px; overflow:hidden; margin:auto;}
.contactus ul li .contactust a:hover{text-decoration:none;}
.contactus ul li .contactust i{ font-size:35px; color:#333;}
.contactus ul li:hover .contactusb a{color:#fff;}

@font-face {
  font-family: 'shweb08';  /* Project id 2582579 */
  src: url('//at.alicdn.com/t/font_2582579_8c5wugpqcjg.woff2?t=1622458508142') format('woff2'),
       url('//at.alicdn.com/t/font_2582579_8c5wugpqcjg.woff?t=1622458508142') format('woff'),
       url('//at.alicdn.com/t/font_2582579_8c5wugpqcjg.ttf?t=1622458508142') format('truetype');
}
.shweb08 {
    font-family: "shweb08" !important;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:0px !important;
}

.contactus ul li .contactusb{ padding-top:10px;}
.contactus ul li .contactusb span{ display:block; font-size:20px; padding-top:5px;}
.contactus ul li .contactusb span.tv{ font-size:14px;}
.contactus ul li:hover{ background-color:#fc3829; color:#fff;}
.contactus ul li:hover i{ color:#fff;}

@font-face {
  font-family: 'shweb09';  /* Project id 2582618 */
  src: url('//at.alicdn.com/t/font_2582618_7nxq8apzf6.woff2?t=1622460124111') format('woff2'),
       url('//at.alicdn.com/t/font_2582618_7nxq8apzf6.woff?t=1622460124111') format('woff'),
       url('//at.alicdn.com/t/font_2582618_7nxq8apzf6.ttf?t=1622460124111') format('truetype');
}

.shweb09 {
    font-family: "shweb09" !important;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:0px !important;
}


@font-face {
  font-family: 'shweb10';  /* Project id 2582628 */
  src: url('//at.alicdn.com/t/font_2582628_2mfvdirl66v.woff2?t=1622460368614') format('woff2'),
       url('//at.alicdn.com/t/font_2582628_2mfvdirl66v.woff?t=1622460368614') format('woff'),
       url('//at.alicdn.com/t/font_2582628_2mfvdirl66v.ttf?t=1622460368614') format('truetype');
}


.shweb10 {
    font-family: "shweb10" !important;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:0px !important;
}

.contactus ul li .wxer{ position:absolute; z-index:2; top:30px; right:130px;}
.contactus ul li .wxer.tv{ right:20px;}
.contactus ul li .wxer img{ width:100px; height:auto;}

@font-face {
  font-family: 'shweb11';  /* Project id 2582643 */
  src: url('//at.alicdn.com/t/font_2582643_qhf0i7sgig.woff2?t=1622460917520') format('woff2'),
       url('//at.alicdn.com/t/font_2582643_qhf0i7sgig.woff?t=1622460917520') format('woff'),
       url('//at.alicdn.com/t/font_2582643_qhf0i7sgig.ttf?t=1622460917520') format('truetype');
}

.shweb11 {
    font-family: "shweb11" !important;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:0px !important;
}
 
@font-face {
  font-family: 'shweb12';  /* Project id 2588922 */
  src: url('//at.alicdn.com/t/font_2588922_tqfs4slpwxr.woff2?t=1622697283484') format('woff2'),
       url('//at.alicdn.com/t/font_2588922_tqfs4slpwxr.woff?t=1622697283484') format('woff'),
       url('//at.alicdn.com/t/font_2588922_tqfs4slpwxr.ttf?t=1622697283484') format('truetype');
} 
.shweb12 {
    font-family: "shweb12" !important;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:0px !important;
} 
 
@font-face {
  font-family: 'shweb13';  /* Project id 2588940 */
  src: url('//at.alicdn.com/t/font_2588940_tf4wqq901da.woff2?t=1622697853013') format('woff2'),
       url('//at.alicdn.com/t/font_2588940_tf4wqq901da.woff?t=1622697853013') format('woff'),
       url('//at.alicdn.com/t/font_2588940_tf4wqq901da.ttf?t=1622697853013') format('truetype');
}
 
.shweb13 {
    font-family: "shweb13" !important;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:0px !important;
}  
 




/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333; margin-bottom:15px;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0; font-family:Microsoft yahei; font-size:10px;margin-top:20px;margin-bottom:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#fff;border:1px solid #898989;background:#898989;}

/*客服样式开始*/

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background: #e53244;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #e53244;
}

::-webkit-scrollbar-thumb:vertical:hover {
    background: #e53244;
}

@font-face {
    font-family: 'iconfont';  /* project id 1369449 */
    src: url('https://at.alicdn.com/t/font_1369449_rcixkf47c3q.eot');
    src: url('https://at.alicdn.com/t/font_1369449_rcixkf47c3q.eot?#iefix') format('embedded-opentype'),
    url('https://at.alicdn.com/t/font_1369449_rcixkf47c3q.woff2') format('woff2'),
    url('https://at.alicdn.com/t/font_1369449_rcixkf47c3q.woff') format('woff'),
    url('https://at.alicdn.com/t/font_1369449_rcixkf47c3q.ttf') format('truetype'),
    url('https://at.alicdn.com/t/font_1369449_rcixkf47c3q.svg#iconfont') format('svg');
}
.iconfont{font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0px;-moz-osx-font-smoothing: grayscale;}

.slide_right{ width: 60px; height: 332px; position: fixed; right: 0px; top:50%;margin-top:-166px ; z-index:99}
.slide_right li{ width: 60px; height: 60px; margin-bottom: 1px; position: relative; font-size: 12px}
.s_tel{ width: 270px; position: absolute; left: 0; top: 0;}
.u_tel{ width: 210px; height: 60px; float: left; background: #e2070b; line-height:60px; text-align: center; font-size:24px; font-family: cursive; letter-spacing:1px; cursor:pointer; color:#fff; display: flex; justify-content: center; align-items: center;}
.slide_right li a{ display: block; width:60px; height: 60px; background: #000; color: #fff; transition: none; text-align: center; line-height: 22px; padding-top: 10px; float: left;}
.slide_right li:hover a{ background: #e2070b; text-align: center;}
.slide_right li a i{ display: block; margin: 0px auto; text-align: center; font-size: 28px;}

.slide_right li .s_side{ display: none; background: #666;}
.slide_right li .hade{ display: block;}


.slide_right li.s_zixun {
    background-position: 0 0;
}

.slide_right li.s_zixun .ew_tel {
    width: 160px;
    text-align: center;
    padding: 15px;
    height: auto;
    float: left;
    background: #e2070b;
    left: -170px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    position: absolute;
    display: none;
}

.slide_right li.s_zixun .ew_tel img {
    width: 100%;
    margin:5px auto;
}

.slide_right li.s_zixun .ew_tel:after {
    content: '';
    position: absolute;
    right: -10px;
    top: 20px;
    border-top: 10px solid transparent;
    border-left: 15px solid #e2070b;
    border-bottom: 10px solid transparent;
}

.slide_right li.s_zixun:hover .ew_tel {
    display: block;
}

.slide_right li.s_zixun .ew_tel p{ font-size: 12px; padding-top: 6px; color: #fff;}


@media (max-width:1600px) {
    .dh1 .nLi h3 a{ padding: 0px 10px;}
    .header .logo{ margin-top:25px;}
}

@media (max-width:1440px) {
    


    .bottom_l {
        width: 450px;
        margin-top: 60px;
    }
    .bottom_r{width: calc(100% - 450px);}


    .header .logo img {
        width: 200px;
        height: auto;
    }

    .head_seartch{ display: none;}


    .dh1 .nLi h3 a {
        padding: 0px 10px;
    }
    

}

/*客服样式结束*/

/*公用样式*/
.appsjgs_title_index{ font-size:32px; line-height:30px; font-weight:bold; text-align:center; padding:40px 0;}
.appsjgs_title_index span{ display:block; font-size:16px; padding-top:20px; color:#5c5c5c; font-weight:300;}


/*我们的客户*/
.appsjgs_customer{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.appsjgs_customer ul{
    width: 88%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 20px 20px;
    margin-bottom: 10px;
}
.appsjgs_customer ul li{
    box-sizing:border-box;
    display: flex;
    align-items: center;
    justify-content:center;
    background-color: #fff;
    -webkit-box-shadow: 0 12px 48px 0 rgba(0,33,71,.05);
     box-shadow: 0 12px 48px 0 rgba(0,33,71,.05);
    -webkit-box-sizing: border-box;
}
.appsjgs_customer ul li img{
    max-width: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}


/*我们开发App的优势*/
.appsjgs_advantage{
    height: auto;
    overflow: hidden;
    margin: 40px auto;
}

.appsjgs_advantage ul{
    width: 90%;
    margin: 20px auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 20px;
}

.appsjgs_advantage ul li{
    background: -webkit-gradient(linear,left top,left bottom,from(#f8f9fc),to(#fff));
    background: linear-gradient(180deg,#f8f9fc,#fff);
    padding: 20px;
    border-radius: 10px;
}

.appsjgs_advantage ul li img{
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.appsjgs_advantage ul li b {
    display: flex;
    font-size: 16px;
    line-height: 40px;
}

 
.appsjgs_advantage ul li p{
    margin-top: 5px;
    font-size: 14px;
    font-weight: normal;
    color: #767676;
}

/*App开发流程*/
.appsjgs_process{
    background: #f8fbff;
}
/*我们的流程*/
.appgsjgs_process{
    margin: 20px auto;
    height: 454px;
    background: #a2bdff;
    background: linear-gradient(0deg,#dcf0f3,#c4d2e5 43%,#ffffff 79%,#ffffff 105%,#fff 99%);
}

.appgsjgs_process ul{
    width: 90%;
    margin: auto;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 30px 60px;
}

.appgsjgs_process ul li{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    position: relative;
    padding-top: 20px;
    box-sizing: border-box;
    margin: auto;
}

.appgsjgs_process img{
    width:auto;
    height: 35px;
    margin: auto;
}

.appgsjgs_process span{
    margin-top: 8px;
    display: block;
    text-align: center;
}

/*我们开发App的售后服务*/
.appsjgs_advantage{
    height: auto;
    overflow: hidden;
    margin: 40px auto;
}

.appsjgs_advantage ul{
    width: 90%;
    margin: 20px auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 20px;
}

.appsjgs_advantage ul li{
    background: -webkit-gradient(linear,left top,left bottom,from(#f8f9fc),to(#fff));
    background: linear-gradient(180deg,#f8f9fc,#fff);
    padding: 20px;
    border-radius: 10px;
}

.appsjgs_advantage ul li img{
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.appsjgs_advantage ul li b {
    display: flex;
    font-size: 16px;
    line-height: 40px;
}

 
.appsjgs_advantage ul li p{
    margin-top: 5px;
    font-size: 14px;
    font-weight: normal;
    color: #767676;
}

/*客服*/
 .kefu_main{
	width: 73px;
	position: fixed;
	bottom: 10vh;
	right: 12px;
	z-index: 99;
	opacity: 1;
	transition: all .4s;
	font-size: 12px;
	color: #393a51;
  }
  .kefu_main input{
	opacity: 0;
	cursor: default;
	position: absolute;
  }
  .kefu_main .icon-box {
	padding: 12px 0;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
	position: relative;
	box-shadow: 12px 12px 26px 6px rgba(20,21,22,.06);
	color: #393a51;
  }
   
  .kefu_main  .font-box1{padding: 6px 0;}
  .kefu_main .consult1, .kefu_main .consult {
	position: absolute;
	left: 12px;
	top: 14px;
	border: 1px solid #e62129;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	animation: ani-data-v-789143c6 1.4s ease-out infinite;
	-webkit-animation: ani-data-v-789143c6 1.4s ease-out infinite;
	-moz-animation: ani-data-v-789143c6 1.4s ease-out infinite;
  }
  .kefu_main .consult1 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
  }
 
  .kefu_main .icon-box:hover {
	background-color: #e62129!important;
	transition: color .2s ease;
  }
  .kefu_main .icon-box:hover .font {
	color: #fff!important;
  }
  .kefu_main .icon-box:hover .consult1, .kefu_main .icon-box:hover .consult {
	display: none;
  }
  .el-popover {
	display: none;
	position: absolute;
	background: #fff;
	min-width: 130px;
	border-radius: 4px;
	border: 1px solid #f2f4f5;
	padding: 12px;
	/* right: 15px;
	top: 0; */
	z-index: 2000;
	color: #0d1a26;
	line-height: 1.4;
	text-align: justify;
	font-size: 14px;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	word-break: break-all;
   /* transform: translateY(-30%); */
   top: 50%;
   right: 115%;
   transform: translateY(-50%);
  }
  .phone-popover {
	padding: 0;
	max-width: 212px;
  }
  .phone-popover .phone {
    padding: 6px;
    font-size: 16px;
    line-height: 24px;
    color: #ff0000;
    font-weight: bold;
  }
  .phone-popover .phone img{ }
  .el-popper .popper__arrow, .el-popper .popper__arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 50%;
	right: -6px;
	background: #fff;
	transform:translateY(-50%) rotate(45deg);
	border-color: transparent;
	border-style: solid;
   
  }
  .el-popper .popper__arrow {
	border-width: 6px;
	filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));
  }


  .el-popover-code img{width: 100%; height: 100%; object-fit: contain;}
  .icon-box_img{width: 40px; height: 40px;  margin:0 auto 3px; position: relative;}
  .icon-box_img img{position: absolute; left: 0;  top: 0;  object-fit: cover; width: 100%; height: 100%;}
  .img_red{opacity: 1;  }
  .img_white{opacity: 0; }
  .kefu_main .icon-box:hover .img_red{opacity: 0;}
  .kefu_main .icon-box:hover .img_white{opacity: 1;}
  .kefu_item{position: relative;  display: block;}
  .kefu_item span {display: block;}
  
  @keyframes  ani-data-v-789143c6{
	0% {
	transform: scale(1);
	opacity: 0;
	}
	25% {
		transform: scale(1.15);
		opacity: .3;
	}
	50% {
		transform: scale(1.3);
		opacity: .7;
	}
	75% {
		transform: scale(1.45);
		opacity: .5;
	}
	100% {
		transform: scale(1.5);
		opacity: 0;
	}
  }
  
/*客服结束*/


/*导航*/
.nevR dl{ display:none;}
.headph{ display:none;}
/*弹出*/
.tcl{ display:none;}
.kefu_itemph{display:none;}
/*关于我们*/
.njservicefdph{display: none;}
.Processph{display:none;}

/*响应式样式*/
@media screen and (min-width:0px) and (max-width:1100px)
{

	/*logo图*/
	.nevL a img{ height:35px; width:auto;}
	.nevR ul{ display:none;}
	
	/*导航三个杠*/
	.nevR dl{width: 23px;height: 23px;cursor: pointer;box-sizing: border-box;display:block;}
	.nevR dl dd{width: 100%;height: 2px;background: #ffffff;border-radius: 1px;margin: 5px 0;}
	.nevR dl dd:nth-child(2){width: 50%;}
	
	/*手机导航弹出框*/
	.headph{ width:100%; height:100%; margin:auto; background-color:#fff; display: none; position:fixed;top:0;z-index:9999;}
	.headphX{ width:100%; height:auto; overflow:hidden;font-size:26px; color:#333; text-align:right; margin-top:20px; cursor:pointer;}
	.headphnev dl dt {display: flex;padding: 0;width: 100%;box-sizing: border-box; border-bottom:1px solid #EFEFEF;}
	.headphnev dl dt a{flex: 1;height: 54px;line-height: 54px;cursor: pointer;font-size:16px;}
	.headphnev dl dt a:visited{ color:#333;}
	
	@font-face {
	  font-family: 'iconfontX';  /* Project id 5002284 */
	  src: url('//at.alicdn.com/t/c/font_5002284_k7fn8ff0149.woff2?t=1755584577309') format('woff2'),
		   url('//at.alicdn.com/t/c/font_5002284_k7fn8ff0149.woff?t=1755584577309') format('woff'),
		   url('//at.alicdn.com/t/c/font_5002284_k7fn8ff0149.ttf?t=1755584577309') format('truetype');
	}
	.iconfontX {
	font-family: "iconfontX" !important;
	font-size: 36px; line-height:36px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0px;
	-moz-osx-font-smoothing: grayscale;
	}
	
	/*客服*/
	.kefu_itemphnone{
	    display: none;
	}
    .kefu_itemph{
        display: block;
    }
	/*微信*/
	.tcl{ width:auto; height:auto; display:none; position:fixed; top:50%; padding:0 10px; text-align:center; font-size:16px; line-height:40px;color:#fff;border-radius:5px;background-color: rgba(0, 0, 0, 0.7); margin-left:45%; z-index:99999;}
	
	/*联系我们*/
	.contactus ul li{ width:100%; height:auto; margin-right:0; margin-bottom:20px;}
	.contactus ul li .wxer{
	    right: 15px;
	}
	
	 /*底部*/
	 .contentfootaddL{
	     width: 100%;
	 }
	 .contentfootaddR{
	     width: 100%;
	     margin-top: 10px;
	 }
	.contentfootaddRul ul li{
	    width: 45%;
	}
	.contentfootaddRul ul li:nth-child(2n){
	    margin-right: 0;
	} 
	.contentfootaddRul ul li:nth-child(3){
	    margin-right: 5%;
	}
	
	
    /*大图视频*/
	.shban{ height:500px !important;object-fit: cover;}

	.bannetit h1{
	    font-size: 20px;
	  }
	  
	  
	  
	  /*关于我们*/
	  .appaboutitc{
	      padding: 15px;
	  }
	  .aboutsbL{
	      width: 100%;
	  }
	  .aboutsbR{
	      width: 100%;
	  }
	  .apppartner ul li{
	      width: 48%;
	      margin-right: 4%;
	  }
	  .apppartner ul li:nth-child(2n)
	  {
	    margin-right:0;
	    }
	  
	  .aboutsbL img{
	      width: 100%;
	  }
	  
	  /*服务支持*/
	  .appserver h2{
	      font-size: 26px;
	      width: 90%;
	  }
	  .appouricon ul li{
	      width: 32.6666%;
	  }
	  .appserkfLul ul{
	      width: 100%;
	  }
	  .appserkfLul ul li{
	      width: 48%;
	      margin-right: 4%;
	      clear: inherit;
	  }
	  .appserkfLul ul li:nth-child(2n){
	    margin-right:0;
	    }
	  .appserkfR{
	      width: 100%;
	  }
	  .appserkfLul{
	      background: none;
	  }
	  
	  .appcuaul ul li{
	       width: 48%;
	      margin-right: 4%;
	  }
	  .appcuaul ul li:nth-child(2n){
	    margin-right:0;
	    }
	    
	    .appserkf{
	        background: url(../images/appserver_3.png) no-repeat top brown;
	    }
	    .appcuaul ul li .appcuaulpic img{
	        width: 100%;
	    }
	  
	  /*案例*/
	  .appcase ul li{
	      width: 50%;
	  }
	  
	  /*新闻中心*/
	  .news_img{
	      width: auto;
	      height: 400px;
	  }
	.newsbotL{ display:none;}
	.newsbotR{ width:100%;}
	.newsbotRul{
	    margin-top: 20px;
	}
	.newsbotRul ul li{
	    margin-bottom: 20px;
	}
	.newsbotRul ul li .newsbotRuLrigit .newsbotRuLrigitit{
	    font-size: 18px;
	}
	
	.appnewsinfobL{ width:100%; padding-right:0; border:none;}
	.appnewsinfobR{ width:100%; padding-left:0;}
	.appContent img{width: 100% !important; max-width:inherit !important;}
	.appnewsinfobRbdl dl dt{
	    width: 100%;
	}
	.time{
	    text-align: center;
	}
	.caseinfofd{
	    line-height: 50px;
	}
	.appcaseinfot {
	    line-height: 38px;
	}
	
    /*首页-服务之心 • 海纳百川*/
    .appdeve ul li{
	      width: 48%;
	      height: 380px;
	      margin-right: 4%;
	      margin-left: 0;
	  }
	  .appdeve ul li:nth-child(2n){
	      margin-right: 0;
	  }
	  
     
     /*本凡科技 配备多种APP定制开发技术*/
     .xjwebyxb ul{
         padding: 0;
     }
     .xjwebyxb ul li.tt {
        width: 48%;
        margin-right: 2%;
     }
    .xjwebyxm .xjwebyxmpic img{
        width: 100%;
    }
    
    /*北京小程序开发成功案例*/
    .advantage{
        margin: 0;
    }
    .bjcaseb dl dd{
        width: 49%;
        margin-bottom: 20px;
    }
    .bjcaseb dl dd:nth-child(2n){
        margin-right: 0;
    }
    .bjcaseb dl dd img{
        width: 100%;
    }
    
    /*我们开发的小程序客户*/
    .appsjgs_customer ul{
        grid-template-columns: repeat(2, 1fr);
    }
    
    /*我们在上海开发APP的8大优势*/
    .appsjgs_advantage ul{
        grid-template-columns: repeat(2, 1fr);
    }
    
    /*APP开发流程*/
    .appgsjgs_process{
        height:auto;
    }
    .appgsjgs_process ul{
        grid-template-columns: repeat(3, 1fr);
        gap: 20px 5%;
    }
    
    /*上海App定制资讯*/
    .newsL{
        display: none;
    }
    .newsR{
        width: 100%;
    }
    .newsR ul li{
        width: 100%;
        margin-left: 0;
    }
    
    .appmesg ul li:nth-child(4){
        width: 25%;
        margin-top: 10px;
    }
   
}