@media screen and ( max-width:800px ){
  body header{
  	height: 4.5rem;
    margin-top: .96rem;
  }
  body header > div > div{
  	    width: 100%;
        margin: 0 auto;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        height: 100%;
  }
  body header h1{
  	    height: auto;
        font-family: Alimama ShuHeiTi;
        font-weight: bold;
        font-size: .38rem;
        color: #FFFFFF;
        margin: 0 0 .3rem;
        text-align: center;
    
  }
  body header p{
  	    font-size: .22rem;
        color: #FFFFFF;
        line-height: .4rem;
        width: 88%
  }
  body #tabs > .ui-tabs-box{
  	    top: .96rem;
  }
  body .ui-tabs{
        padding: 0 .2rem;
        width: auto;
        height: .8rem;
        display: flex;
  }
  body .ui-tabs li{
  		margin-right:0rem;
        width: 17%;
        flex-shrink: 0;
  }
  body #tabs > div{
  	padding:.3rem .2rem;
  }
  body .ui-tabs li > a{
  	font-size:.22rem;
  }
  body #tabs > div > div{
  	width:auto;
  }
  body .table_li_left{
  	width: 1rem;
    writing-mode: vertical-rl;
    text-orientation: upright;
    letter-spacing: 3px;
    padding: .2rem .3rem;
    font-size: .22rem;
    justify-content: center;
  }
  body .table_li_left p{
  	    width: .3rem;
    	overflow-wrap: break-word;
    	text-align: center;
  }
  body .table_li_right{
  	display: flex;
    flex-flow: column;
    justify-content: center;
    padding: .2rem;
  }
  body .table_top{
  	height: .6rem;
    line-height: .6rem;
    font-size: .24rem;
  }
  body .table_li_right p,body .table_li_right div{
  	font-size: .22rem;
    line-height: .4rem;
  }
  body .my-wrap h2{
  	font-size: .4rem;
    margin-bottom: .2rem;
  }
  body .li{
  	    margin-bottom: .3rem;
    width:100%;
  }
  body .li img{
  	    width: .6rem;
   		height: .6rem;
  }
  body .li > div{
        font-size: .26rem;
        margin: .2rem 0;
  }
  body .li > p{
  	font-size: .18rem;
    line-height: .3rem;
  }
  body .ul{
  	    display: grid;
    	grid-template-columns: repeat(4, 1fr);
        grid-gap: .15rem;
  }
  body .app_ul{
  	   display: block;
  }
  body .app_ul .li{
  		width:100%;
        padding: .3rem;
    	display: flex;
   	 	align-items: center;
    	margin-bottom: .3rem;
  }
  body .app_ul .li img{
  		width: 1.5rem;
    	height: 1.7rem;
    	flex-shrink: 0;
    	margin-right: .15rem;
  }
  body .ul1 .li > div{
  	margin:0;
    font-size: .3rem;
    margin-bottom: .15rem;
  }
  body .app_ul .li > div > div{
  	    margin: 0 0 .1rem;
    	font-size: .3rem;
  }
  body .ul1 .li p{
  	    font-size: .24rem;
    	line-height: .4rem;
    	text-align: left;
  }
  body .box2{
  		flex-flow: column;
  }
  body .box2 .imgBox{
  		width: 100%;
    	height: auto;
        margin-right: 0px;
        flex-shrink: 0;
    	margin-bottom: .15rem;
  }
  body .box2 .imgBox img{
  	width: 100% !important;
  }
  body .box2 .info{
  	width:100%;
    padding-left: .4rem;
    border:none;
  }
  body .box2 .info > div{
  	margin:0;
    align-items: center;
    font-size: .32rem;
  }
  body .box2 .info h3{
  	 width: .6rem;
      height: .6rem;
      font-size: .38rem;
  }
  body .box2 .info p{
  	font-size: .26rem;
    color: #666666;
    line-height: .5rem;
    margin: .2rem 0;
  }
  body .box2 button{
  	margin:.2rem 0 0 0;
    padding: .03rem .2rem;
    border-radius: .1rem;
    font-size: .22rem;
    line-height: .6rem;
  }
  body #tabs .tabs-4:nth-child(even) .box2{
  	flex-flow: column-reverse;
  }
  body .worth{
  	display:block;
  }
  body .worth .li{
  	width:100%;
    display: flex;
    padding: .3rem;
    margin-bottom: .3rem;
    align-items: center;
  }
  body .industry .li img{
  	width: 1rem;
    height: 1.2rem;
    margin-right: .3rem;
    display: none;
  }
  body .industry .li > div > div{
  	margin: 0 0 .2rem 0;
    font-size: .3rem;
  }
  body .case_box{
  	flex-flow: column;
  }
  body .img_div img:first-child{
  	width: 50%;
    height: auto;
    margin-bottom: .5rem;
  }
  body .img_div .rise{
  	width: 100%;
    height: auto;
  }
  body .img_div{
  	font-size: .34rem;
  }
  body .info_box .info_box_top{
  	padding: .5rem .3rem;
    border-radius: .5rem;
    margin-top: .3rem;
  }
  body .info_box .info_box_top > div{
  	font-size:.38rem;
    margin-bottom: .3rem;
  }
  body .info_box_top_li{
  	padding: .2rem;
  }
  body .info_box_top_li .title{
  	font-size: .3rem;
    line-height: .6rem;
  }
  body .info_box_top_li p{
  	font-size: .22rem;
    line-height: .4rem;
  }
  body .info_box_bottom_li{
  	font-size: .22rem;
  }
  body .info_box_bottom_li img{
  	width: .8rem;
    height: auto;
  }
  body #tabs .tabs-4:nth-child(odd) .case_box{
  	flex-flow: column-reverse;
  }
  body .earlywarning_ul{
  	 grid-template-columns: repeat(2, 1fr);
  }
  body .earlywarning_ul  .li{
  	padding: .3rem;
    width:100%;
  }
  body .earlywarning_ul  .li img{
  	width:50%;
    height:auto;
  }
  body .earlywarning_ul .li > div{
  	font-size: .28rem;
    margin: .1rem 0;
  }
  body .earlywarning_ul2 .li{
  	    margin-bottom: 0;
    	height:100%
  }
  body .earlywarning_ul2 .li img{
  	 width: 10%;
  }
  body .earlywarning_ul2 .li p{
  	    font-size: .22rem;
    	line-height: .36rem
  }
  body .img_ul .img_li div img{
  	    width: .5rem;
    	margin-right:0;
  }
  body .img_ul .img_li div{
  		font-size: .26rem;
        flex-flow: column;
  }
  body .img_ul .img_li div span{
  	writing-mode: vertical-rl;
    text-orientation: upright;
    margin-top: .3rem;
    letter-spacing: 3px;
  }
  body .img_ul .img_li{
  	height:3rem;
  }
  body .info_box_top_content >div{
  	    font-size: .32rem;
        margin-bottom: .3rem;
  }
  body .info_box .info_box_top >   .info_box_top_content{
  	    min-height: auto;
    	padding: .3rem;
    	margin-bottom:0;
  }
  body .info_box .info_box_top > .info_box_top_ul{
  		margin-bottom:0;
  }
  body .info_box_top_content > p{
  	    font-size: .24rem;
    	line-height: .4rem;
  }
  body .dian{
  	margin: .15rem .1rem 0;
  }
  body .h2_p{
  		font-size: .24rem;
        width: 88%;
        margin-bottom: .2rem !important;
  }
  body .box2 .info{
  		padding-top:0;
  }
  body .gateway img{
  		height:auto;
  }
  body .journaling >div img{
      height:auto;
      margin-bottom: .2rem;
  }
  body .journaling >div{
      font-size: .22rem;
      font-weight: 500;
  }
  body .box2 .info p{
  	min-height:auto;
  }
  body .industry{
    min-height:auto;
  	grid-template-columns: repeat(1, 1fr);
  }
  body .industry .li{
  	width:100%;
    border: 1px solid #eee;
    padding: 0.2rem;
  }
  body #tabs-5{
  	background: #fff;
  }
  body .programme .li{
  	width: 100%;
  }
  body .programme{
  	grid-gap: 3% !important;
  }
}
* {
    margin: 0;
    box-sizing: border-box;
}
a {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    text-decoration: none;
    height: 100%;
    line-height: 100%;
}
.ui-tabs a {
 	display: flex;
    align-items: center;
}
body {
    /*min-width: 1440px;*/
}

header {
    width: 100%;
    height: 500px;
    background-size: 100% 100%;
}

header > div {
    width: 100%;
    height:100%;
  	background-color:rgba(0,0,0,0.3);
  	display: flex;
    flex-flow: column;
    justify-content: center;
    padding-top: 4.0625rem;
}

header > div > div{
	width:1200px;
	margin:0 auto;
}

header h1 {
    height: 56px;
    font-family: Alimama ShuHeiTi;
    font-weight: bold;
    font-size: 60px;
    color: #FFFFFF;
  	margin:0 0 52px;
 	  text-shadow: 3px 3px 4px rgba(0, 0, 0, .7);
    letter-spacing: 2px;
}

header p {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
  	width:65%;
  	text-shadow: 3px 3px 4px rgba(0, 0, 0, .7);
}

#tabs > ul {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

#tabs > div {
    padding: 80px 0 100px;

}
#tabs > div > div{
    width: 1200px;
    margin: 0 auto;
  	overflow:hidden;
}
#tabs > div:nth-child(odd) {
    background: #F6F7F8;
}

.my-wrap h2 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 40px;
    color: #333333;
    text-align: center;
    margin-bottom: 50px;
}

.ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.li {
    width: 17%;
    margin-bottom: 100px;
    text-align: center;
}

/* 最后一个 li 元素不加右边距 */
.li:nth-child(5n) {
    margin-right: 0;
}

/* 设置最后一行的 margin-bottom 为 0 */


.li img {
    width: 82px;
    height: 82px;
    margin: 0 auto;
}

.li > div {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
    margin: 28px 0 18px;
    text-align: center;
}

.li > p {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    text-align: left;
}

.table {
    margin-bottom: 40px;
}

.table:last-child {
    margin-bottom: 0;
}

.table_top {
    background: #1790FF;
    border-radius: 6px;
    height: 42px;
    line-height: 42px;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
}

.table_li {
    display: flex;
    /*align-items: center;*/
    justify-content: space-between;
    margin-top: 5px;
    border-radius: 6px;
    overflow: hidden;
}

.table_li > div {
    background: #E8F4FF;
}

.table_li_left {
    width: 240px;
    margin-right: 2px;
    flex-shrink: 0;
    padding: 0px 40px;
    display: flex;
    align-items: center;
    font-family: PingFang SC;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
}

.table_li_right {
    width: 100%;
    padding: 0px 29px;
}

.table_li_right p, .table_li_right div {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 40px;
}
.table_li_right div > p{
	padding-left:20px;
}
.table2 .table_top {
    background: #41BEC0;
}

.table2 .table_li > div {
    background: #E7F7F8;
}

#tabs > .ui-tabs-box{
    width: 100%;
    position: sticky;
    top: 6.354vw;
    background: #fff !important;
    padding: 0;
  	z-index:10;
}

.ui-tabs {
    width: 1200px;
    height: 69px;
    z-index: 100;
    margin: 0 auto;
}

.ui-tabs li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    border-bottom-width: 0;
    white-space: nowrap;
    margin-right: 76px;
    height: 87%;
    display: flex;
    align-items: center;
}

.ui-tabs .li_active {
    font-size: 16px;
}
.ui-tabs .li_active > a{
	 border-bottom: 2px solid #1790FF;
}
.li_active a {
    font-weight: bold;
    color: #000000;
}

.ul1 .li {
    width: 23%;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 35px;
}

.ul1 .li > div {
    font-size: 22px;
    margin: 40px 0 20px;
}

.ul1 .li p {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    text-align: center;
}

.ul1 li img {
    width: 172px;
    height: 14px;
}

.box1 {
    background: #F6F7F8;
}

#tabs > .tabs-2-bg {
    background: url(../images/p3_5.png) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
}

.ul2 .li {
    width: 32%;
    background: #F6F7F8;
    border-radius: 12px;
    border: 2px solid #fff;
    padding: 30px;
    margin-bottom: 29px;
}

.ul2 .li:nth-last-child(-n + 3) {
    margin-bottom: 0;
}

.ul2 .li img {
    width: 19px;
    height: 19px;
    margin: 0 10px 0 0;
}

.ul2 .li > div {
    display: flex;
    align-items: center;
    margin: 0 0 20px;
}

.ul2 .li p {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
}

button {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 17px;
    color: #FFFFFF;
    line-height: 34px;
    background: #1790FF;
    border: none;
    cursor: pointer;
    border-radius: 12px;
    padding: 10px 54px;
    box-sizing: border-box;
    margin-top: 30px;
}

.box2 {
    display: flex;
}

.box2 .imgBox {
    width: 640px;
    height: 388px;
    /*margin-right: 50px;*/
    flex-shrink: 0;
}

.box2 .imgBox img {
    width: 100%;
    height: 100%;
    padding-top: 12px;
}

.box2 .info{
    width: 46%;
}
.box2 .info h3 {
    display: flex;
    align-items: center;
    width: 58px;
    height: 58px;
    background: url(../images/number_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    font-family: Impact;
    font-weight: 400;
    font-size: 36px;
    color: #1175BF;
}

.box2 .info > div {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 34px;
    color: #333333;
    margin: 12px 0 25px 60px;
}

.box2 .info p {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 34px;
    margin-left: 60px;
}

.box2 button {
    margin-left: 60px;
  	padding: 5px 22px;
    border-radius: 8px;
    margin-top: 30px;
}

#tabs .tabs-4:nth-child(odd) {
    background: #fff;
}

#tabs .tabs-4:nth-child(even) {
    background: #F6F7F8;
}

/*#tabs .tabs-4:nth-child(even) .imgBox {*/
/*    margin-left: 50px;*/
/*}*/

/*#tabs .tabs-4:nth-child(even) div, #tabs .tabs-4:nth-child(even) p, #tabs .tabs-4:nth-child(even) button {*/
/*    margin-left: 0;*/
/*}*/


.img_ul {
    display: flex;
    flex-wrap: wrap;
}

.img_ul .img_li {
    width: 25%;
    position: relative;
    height: 274px;
}

.img_ul .img_li > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.img_ul .img_li div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 24px;
    color: #FFFFFF;
}

.img_ul .img_li div img {
    margin-right: 18px;
}

.head {
  position: relative;
  width: 99vw;
}


.go-back {
  position: absolute;
  color: #e3e4e8;
  font-size: 1rem;
  cursor: pointer;
  z-index: 8;
  display: flex;
  padding-top: 7.5vw;
  padding-left: 15.9375rem;
  height: 2vw;
  width: 5vw;
}

.back-arrow {
  font-size: 1.9vw;
  font-weight: 100;
  margin-top: -0.5vw;
  margin-right: -0.3vw;
  height: 2vw;
  line-height: 2vw;
}


.go-back:active {
  transform: translateY(2px);
  color: #b0d7e8;
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); */
}