body{
    background:url("b_index.png") ;
    background-repeat: no-repeat;
    background-size: 100%;
    /*background-image: linear-gradient(to bottom, #CDDCF6, #FAFBFE);*/
}
.header{
	position: relative;
}
.header .nav-item{
	position: relative;
}
.header .border-bottom{
	border: 0;
}
.header  .nav-link{
	color: #000 !important;
	font-weight: bold;
	background-color: initial;
}

.header .nav-item .active{
	background-color: initial !important;
}
.header .nav-item .active::before{
/*	content: "";
  width: 90px;
  height: 3px;
  background: linear-gradient(90deg, #136DED, #26C7F4);
  position: absolute;
  top: 60px;
  left: 20px;*/
}
.header .nav {
  --bs-nav-link-padding-x: 2rem !important;
}
.header .fs-4 img{
    width: 50px;
    height: 100%;
}
.baner{
    width: 100%;
    height: 450px;
    background-image:url("/public/231215/b1.png") ;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.banerR{
	width: 100%;
	height: 450px;
	background-image:url("/public/231215/software.png") ;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 350px;
	border-radius: 10px;
}

.navs{
	text-align: center;
	padding-top: 30px;
}
.navs a{
	margin-right: 30px;
	position: relative;
	line-height: 45px;
	text-decoration: none;
	color: #000;
}
.navs a:last-child{
	margin-right: 0;
}
.navs a.hover{
	color: #1D9FF1;
}
.navs a.hover::after{
	content: "";
	height: 3px;
	position: absolute;
	width: 140%;
	  left: -20%;
	bottom: -13px;
	padding: 0 10px;
	background: linear-gradient(90deg, #136DED, #26C7F4);
}


.contList .first{
	background: linear-gradient(180deg, #E9ECF4, #F8F9FB);
	padding: 20px;
}
.contList .first .tit{
	font-weight: bold;
	padding-bottom: 10px;
}
.contList .first p{
	margin-bottom: 0;
	color: #666666;
	font-size: 12px;
}
.contList li{
	line-height: 45px;
}
.contList li a{
	text-decoration: none;
	width: 100%;
	display: flex;
	color: #000;
	font-size: 14px;
}
.contList li a span{
	flex: 1;
}
.newList{
	background-color: #F8FAFB;
	padding: 30px 0;
}
.newList .ul{
	background-color: #fff;
	border-radius: 10px;
	margin-bottom: 30px;
}
.newList .ul .sort{
	font-size: 16px;
	font-weight: bold;
	padding-left: 30px;
	line-height: 40px;
	padding-top: 10px;
}
.newList .ul ul{
	border-bottom: 1px solid #F4F4F4;
	padding-bottom: 10px;
	margin-bottom: 0;
}
.newList .ul ul li{
	line-height: 35px;
}
.newList .ul ul li a{
	display: flex;
	padding-right: 30px;
	text-decoration: none;
	font-size: 14px;
	color: #333333;
}
.newList .ul ul li a span{
	
	flex: 1;
}
.newList .ul .more{
	padding: 0 30px;
	line-height: 40px;
	display: flex;
	font-size: 14px;
}
.newList .ul .more a{
	flex: 1;
	color: #1D9FF1;
}
.newList .ul .more i{
	font-size: 14px;
	color: #1D9FF1;
}
.banerH{
    font-size: 28px;
    font-weight: bold;
    margin-top: 120px;
}
.banerM{
    font-size: 12px;
    margin-top: 20px;
}
.title1{
    text-align: center;
    margin-top: 80px;
    color: #333333;
    font-size: 36px;
}
.title1Msg{
    text-align: center;
    color: #666666;
    margin-top: 20px;
}
.list1{
    padding: 20px;
    min-height: 300px;
    margin-bottom: 100px;
}
.list1 .img{
    position: relative;
    width: 100%;
    text-align: center;
}
.list1 .img img{
    margin-top: -80px;
}
.list1 .leftimg{
	padding-top: 30px;
}
.list1 .leftimg img{
	width: 100%;
}
.list1 .tit{
    width: 100%;
    color: #333333;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
.list1 .cont{
    color:#666666;
    font-size: 12px;
    padding: 20px;
}
.list1 .btns{
    text-align: center;
    width: 100%;
}
.imginfos{
	width: 100%;
	text-align: center;
	background-color: #F8FAFB;
	border: 1px solid #F2F3F5;
	height: 70px;
	line-height: 70px;
	margin-bottom: 30px;
}
.flex{
    display: flex;
}
.imginfos img{
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
.index2{
    position: relative;
    top: -0px;
}
.index2_b{
    background: linear-gradient(180deg, #EFF3FF, #FFFFFF);
    border: 2px solid #FFFFFF;
    box-shadow: 0px 5px 38px 0px #F1F2F8;
    height: 100px;
}
.index2_b .flex{
    padding: 10px;
    height: 80px;
}
.index2_b .img{
    line-height: 70px;
    margin-right: 20px;
}
.index2_b img{
    width: 50px;
    height: 50px;
    
}
.index2_b .flex .info .tit{
    font-weight: bold;
    margin-top: 15px;
}
.index2_b .flex .info p{
    font-size: 12px;
    color: #666666;
}
.index3{
    background: #fff;
    padding: 100px 0;
    padding-bottom: 70px;
}
.index3 .title{
    text-align: center;
    color: #333333;
    font-size: 36px;
}
.index3 .titleingo p{
    text-align: center;
    width: 100%;
    padding: 20px 0;
}
.index3 .info{
	width:calc( 100% - 40px);
	padding: 20px;
    box-shadow: 0px 5px 40px 0px #F1F2F8;
    background: #FFFFFF;
    margin-bottom: 30px;
}
.index3 .info img{
	width: 50px;
}
.index3 .info .titl{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
	display: flex;
}
.index3 .info .titl span{
    flex: 1;
    line-height: 50px;
}
.index3 .info .titl span:after{
    content:"";
    width: 56px;
    height: 4px;
    background: #4967FF;
    border-radius: 2px;
    display: flex;
}
.index3 .info p{
	color: #757987;
	font-size: 12px;
	margin-top: 20px;
}
.list2{
    background: #fff;
    margin-bottom: 30px;
}
.list2 .list2Img{
    width: 100%;
    text-align: center;
    padding-top: 30px;
}
.list2 .list2Tit{
    width:calc( 100% - 40px );
    text-align: center;
    margin: 20px;
    font-weight: bold;
    border-bottom: 1px solid #F2F3F5;
    padding-bottom: 20px;
}
.list2 .list2Li {
    padding: 0px 50px;
}
.list2 .list2Li p{
    font-size: 12px;
    color: #666666;
}
.list2 .list2Li p::before{
    width: 10px;
    height: 10px;
    content: "";
    margin-right: 10px;
    background-image: url('/public/231215/dui.png');
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: inline-block;
}
.list2 .list2Price{
    width:calc( 100% - 40px );
    text-align: center;
    margin:0 20px;
    border-top: 1px solid #F2F3F5;
    font-size: 36px;
    font-weight: bold;
    color: #2878FF;
}
.list2 .list2Price span:nth-child(1){
    color: #2878FF;
}
.list2 .list2Price span{
    font-size: 12px;
    color: #333333;
}
.list2 .list2Price span:nth-child(2){
    margin-left: 10px;
}

.list2 .button{
    width: 100%;
    text-align: center;
    padding: 10px 0 20px 0;
}

.index4{
    background: #253251;
    padding: 100px 0;
    padding-bottom: 70px;
}
.index4 .title{
    text-align: center;
    color: #FFF;
    font-size: 36px;
}
.index4 .titleingo p{
    text-align: center;
    width: 100%;
    padding: 20px 0;
    color: #FFF;
}
.index4 .info{
    margin-bottom: 30px;
    position: relative;
}
.index4 .info img.imgb{
    width: 100%;
}
.index4 .info .btr{
    position: absolute;
    bottom: 0;
    right: 0;
    background-image:url(/public/240115/br.png) ;
    width: 200px;
    height: 35px;
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 800;
    color: #FFFFFF;

}
.index4 .info .btr img{
    width: 25px;
    height: 25px;
    position: relative;
    left: 60px;
    top: -3px;
}
.index4 .info .btr  span{
    position: relative;
    left: 60px;
}


.index5{
    background: #FFFFFF;
    padding: 100px 0;
    padding-bottom: 70px;
}
.index5 .title{
    text-align: center;
    color: #333333;
    font-size: 36px;
}
.index5 .titleingo p{
    text-align: center;
    width: 100%;
    padding: 20px 0;
    color: #666666;
}

.index5 .layui-tab{
    display: flex;
}
.index5 .layui-tab-title {
  position: relative;
  left: 0;
  height: initial;
  white-space: nowrap;
  font-size: 0;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  transition: all .2s;
  -webkit-transition: all .2s;
}
.layui-tab-title .layui-this {
  color: #fff;
  background: linear-gradient(to right, #FEFEFF, #8397FF,#4967FF);
  font-weight: bold;

}
.index5 .layui-tab-title .layui-this::after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 41px;
    border-width: 0px;
    border-style: solid;
    border-bottom-color: #fff;
    border-radius: 2px 2px 0 0;
    box-sizing: border-box;
    pointer-events: none;
}
.index5 .layui-tab-title li {
  display: block;
  *zoom: 1;
  vertical-align: middle;
  font-size: 14px;
  transition: all .2s;
  -webkit-transition: all .2s;
  position: relative;
  line-height: 40px;
  min-width: 65px;
  width: 250px;
  padding: 0 15px;
  text-align: left;
  cursor: pointer;
}
.index5 .layui-tab-title li span{
    margin-left: 50px;
}
.index5 .layui-tab-title li img{
    width: 35px;
    margin-right: 10px;
}

.index6{
    background: #F6F7FD;
    padding: 100px 0;
    padding-bottom: 70px;
}
.index6 .title{
    text-align: center;
    color: #333333;
    font-size: 36px;
}
.index6 .titleingo p{
    text-align: center;
    width: 100%;
    padding: 20px 0;
    color: #666666;
}

.layui-tab-content{
    padding: 0;
    margin-left: 10px;
}
.layui-tab-content img{
    height: 320px;
}
.category{
    position: relative;
}
.category:before{
    /*content:"";
    background-image:  url('/public/231215/b3.png') ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 350px;*/
}

.category .topSortName{
    text-align: center;
    color: #fff;
    position: relative;
    line-height: 350px;
    height: 350px;
}
.category .topSortName h3{
    font-size: 36px;
    
    line-height: 350px;
    height: 350px;
    position: relative;
}
.category .topSortName p{
    line-height: 24px;
    position: relative;
}
.category .list{
    padding-top: 60px;
}
.category .list .l{
    position: relative;
    width: 100%;
}
.category .list .l .sortName{
    font-size: 30px;
    color: #333;
    padding-left: 25px;
}
.category .list .l ul {
    margin-top: 35px;
    padding-left: 0 !important;
}
.category .list .l ul li{
    position: relative;
    height: 50px;
    margin: 0 0 10px;
}
.category .list .l ul li:hover,.category .list .l ul li.hover{
    background: #F7F9FA;
}
.category .list .l ul li:hover a,.category .list .l ul li:hover i,.category .list .l ul li.hover i,.category .list .l ul li.hover a{
    color: #25C5FC;
}
.category .list .l ul li a{
    display: block;
    line-height: 50px;
    padding: 0 15px 0 30px;
    color: #000;
    font-size: 12px;
    text-decoration: none;
}
.category .list .l ul li a i{
    position: absolute;
    right: 20px;
}
.category .list .r{
    width: 100%;
    padding-left: 40px;
    border-left: 1px solid #ddd;
}
.category .list .r .title,.category .list .r .time{
    text-align: center;
}
.category .list .r .title{
    padding-top: 50px;
}
.category .list .r .time{
    padding-bottom: 20px;
}
@media screen and (max-width:768px) {
    .category .list .r {
      width: 100%;
      padding-left: 0 !important;
      border-left: 0 !important;
    }
}


.category .list .r ul{
    padding: 0;
}
.category .list .r ul li{
    border-bottom: 1px solid #ddd;
    margin-top: 20px;
}
.category .list .r ul li:nth-child(1){
    margin-top: 0;
}
.category .list .r ul li .tit{
    display: block;
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 40px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
}
.category .list .r ul li .tit:hover{
    color: #059fff;
}
.category .list .r ul li .cont{
    display: block;
    margin-bottom: 5px;
    color: #666;
    line-height: 24px;
    text-indent: 2em;
}
.category .list .r ul li .time{
    display: inline-block;
    height: 24px;
    line-height: 24px;
    color: #999;
    font-family: Arial;
    
    padding-bottom: 5px;
}
.category .list .r ul li .time i{
    margin-right: 10px;
}


.about .category:before{
    background-image:  url('/public/231215/b4.png') ;
}
.aboutContet h1{
    width: 100%;
    text-align: center;
    padding: 50px;
}
.aboutContet .time{
    color: #2878FF;
}
.aboutContet .title{
    color: #333333;
    font-weight: bold;
    font-size: 22px;
    margin-top: 20px;
}
.aboutContet .content{
    color: #666666;
    margin-top: 30px;
}
.aboutContet .content p{
    font-size: 12px;
}
.aboutContet .icon{
    text-align: center;
    margin-top: 30px;
    padding-bottom: 30px;
}
.aboutContet .icon div{
    width: 25%;
    float: left;
}
.aboutContet .icon div span{
    display: block;
    margin-top: 5px;
}
.aboutContet .img img{
    width: 100%;
}

.about.licheng{
    background: #F8FBFF;
}
.licheng h2{
    text-align: center;
    width: 100%;
    padding:  50px 0;
    display: block;
}
.licheng .cont{
    background: #fff;
}
.news{
    background-image: url("/public/240115/b2.png");
    background-repeat: no-repeat;
}
.news .title{
    text-align: center;
    color: #333333;
    font-size: 36px;
    padding-top: 100px;
}
.news .titleingo p{
    text-align: center;
    width: 100%;
    padding: 20px 0;
    color: #666666;
}
.news .titleH2{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 50px;
}
.news .titleH2 span{
    position: relative;
    height: 20px;
    display: inline-block;
}
.news .titleH2 span:after{
    content:"";
    height: 2px;
    background: linear-gradient(to right, #627DFF, #C4CFFD);
    text-align: center;
    width: 100px;
    position: absolute;
    left: -20px;
    bottom: -10px;
}
.news .newsli{
    background: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 30px;
}
.news .newsli .tit{
   background: #F8F9FF;
   border-radius: 10px 10px 0 0;
   height: 45px;
   line-height: 45px;
   padding:0 20px;
}
.news .newsli .tit a{
    text-decoration: none;
}
.news .newsli p{
    padding:10px 20px;
}
.news .newsli2{
    background: #E6F2FF;
    padding: 20px 10px 0 10px;
}
.news .newsli2 .tit{
    background: linear-gradient(to right, #689FDA, #E6F2FF);
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
    font-weight: 600;
}
.news .newsli2s{
    margin-bottom: 40px;
}
.news .newsli2s .col-md-3:nth-child(2) .newsli2 {
    background: #E8EDFF;
}
.news .newsli2s .col-md-3:nth-child(3) .newsli2 {
    background: #FFF4EE;
}
.news .newsli2s .col-md-3:nth-child(4) .newsli2 {
    background: #FDF8E6;
}
.news .newsli2s .col-md-3:nth-child(2) .newsli2 .tit{
    background: linear-gradient(to right, #8092ED, #E8EDFF);
}
.news .newsli2s .col-md-3:nth-child(3) .newsli2 .tit{
    background: linear-gradient(to right, #EFA67F, #FFF4EE);
}
.news .newsli2s .col-md-3:nth-child(4) .newsli2 .tit{
    background: linear-gradient(to right, #EEC960, #FDF8E6);
}
.news .newsli2 .tit:before{
    content:"";
    height: 100%;
    border-right: 5px solid #fff;
    display: inline;
    margin-right: 10px;
}
.news .newsli2 ul {
    padding: 10px 0;
    margin-bottom: 0;
}
.news .newsli2 ul li{
    line-height: 35px;
    list-style: disc;
    margin-left: 20px;
}
.news .newsli2 ul li a{
    text-decoration: none;
    font-size: 13px;
}
.news .newsli3s{
    margin-bottom: 50px;
}
.news .newsli3{
    border: 2px solid #FFFFFF;
    box-shadow: 0px 5px 38px 0px #F1F2F8;
    border-radius: 10px;
    padding: 10px;
}
.news .newsli3 ul {
    padding: 0;
    margin-bottom: 0;
}
.news .newsli3 ul li{
    line-height: 35px;
    list-style: disc;
    margin-left: 20px;
}
.news .newsli3 ul li a{
    text-decoration: none;
    font-size: 13px;
}
.timeline {
	width: 100%;
	max-width: 1000px;
	background: #fff;
	padding: 100px 50px;
	position: relative;
	box-shadow: 0.5rem 0.5rem 2rem 0 rgba(black, 0.2);
	margin: auto;
}

.timeline::before {
	content: '';
	position: absolute;
	top: 0px;
	left: calc(33% + 18px); 
	bottom: 0px;
	width: 2px;
	background: #ddd;
}

.timeline::after {
	content: "";
	display: table;
	clear: both;
}

.entry {
	clear: both;
	text-align: left;
	position: relative;
}

.entry .title {
	margin-bottom: .5em;
	float: left;
	width: 33%;
	padding-right: 30px;
	text-align: right;
	position: relative;

}

.entry .title::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border: 4px solid #2F6CFF;
	background-color: #fff;
	border-radius: 100%;
	top: 15%;
	right: -12.5px;
	z-index: 99;
}

.entry .title h3 {
	margin: 0;
	font-size: 120%;
	color: #2878FF;
	font-weight: bold;
}

.entry .title p {
	margin: 0;
	font-size: 12px;
	color: #666666;
}

.entry .body {
	margin: 0 0 3em;
	float: right;
	width:calc( 66% - 30px );
	padding-left: 30px;
	background-color: #F8FBFF;
	border-radius: 10px;
	margin-left: 30px;
	position: relative;
	margin-top: -19px;
}
.entry .body:before{
    content:"";
    background-image: url("/public/231215/left.png");
    position: absolute;
    left: -10px;
    width: 20px;
    height: 20px;
    top: 20px;
}
.entry .body p {
	line-height: 1.4em;
    margin-bottom: 0;
    padding: 10px;
}
.entry .body p::first-child {
	margin-top: 0;
	font-weight: 400;
}
.entry .body ul {
	color: #aaa;
	padding-left: 0;
	list-style-type: none;
}

.entry .body ul li:before {
	content: "–";
	margin-right: .5em;
}

.lx{
    margin-top: 50px;
}
.lx h2{
    text-align: center;
}
.lx .cont {
    margin-top: 50px;
}
.lx .cont li{
    border: 1px solid #F2F3F5;
    padding: 20px;
    border-radius: 5px;
    
    margin-bottom: 50px;
}
.lx .cont li .tit{
    padding-bottom: 30px;
    font-weight: bold;
}
.lx .cont li .info p::before{
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 10px;
}
.lx .cont li .info p:nth-child(1):before{
    background-image: url('/public/231215/icon5.png');
}
.lx .cont li .info p:nth-child(2):before{
    background-image: url('/public/240115/icon6.png');
}

.qudao{
    
}
.qudao .baner{
    background-image: url("/public/240115/b2.png");
    min-height: 500px;
    height: initial;
}
.qudao .tabHead{
    margin: 50px auto;
    width: 300px;
    background: #E3EDFD;
    border: 2px solid #F2F3F5;
    border-radius: 29px;
    height: 58px;
    display: flex;
    padding: 5px 10px;
}
.qudao .tabHead a{
    line-height: 43px;
    width: 50%;
    text-align: center;
    text-decoration: none;
    color: #333333;
}
.qudao .tabHead a.hover{
    color: #fff;
    border-radius: 24px;
    background: linear-gradient(90deg, #4967FF, #607DFF);
}


.qudao .title{
    text-align: center;
    color: #000;
    font-size: 36px;
}
.qudao .titleingo p{
    text-align: center;
    width: 100%;
    padding: 20px 0;
    color: #000;
}
.qudao .liset1{
    background: linear-gradient(180deg, #EFF3FF, #FFFFFF);
    border: 2px solid #FFFFFF;
    box-shadow: 0px 5px 38px 0px #F1F2F8;
    border-radius: 20px;
    margin-bottom: 30px;
    padding: 15px;
    display: flex;
}
.qudao .liset1 .liset1left{
    background: linear-gradient(90deg, #1A87FF, #68B0FF);
    border-radius: 20px;
    width: 250px;
    margin-right: 20px;
    height: 180px;
    position: relative;
}
.qudao .liset1 .liset1left .liset1lefttit{
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding-top: 20px;
}
.qudao .liset1 .liset1left p{
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding-top: 10px;
    opacity: 0.6;
}
.qudao .liset1 .liset1left .img{
    position:absolute;
    bottom: 20px;
    text-align: center;
    width: 100%;
}
.qudao .liset1 .liset1left .img img{
    width: 50px;
}
.qudao .liset1 .liset1right{
    position: relative;
}
.qudao .liset1 .liset1right .liset1righttit{
    font-weight: bold;
}
.qudao .liset1 .liset1right p{
    font-size: 12px;
    color: #666666;
    padding-top: 10px;
}
.qudao .liset1 .liset1right .liset1rightbottom{
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
}
.qudao .liset1 .liset1right .liset1rightbottom .price{
    flex: 1;
}
.qudao .liset1 .liset1right .liset1rightbottom .price span{
    font-weight: bold;
    font-size: 22px;
}
.qudao .liset1 .liset1right .liset1rightbottom .pbtn a{
    border-radius: 10px;
    line-height: 48px;
    background: linear-gradient(90deg, #1A87FF, #68B0FF);
    padding: 10px 30px;
    color: #FFFFFF;
}





.listpr .col-md-6:nth-child(2) .liset1left{
    background: linear-gradient(90deg, #F8B307, #FFCB4A);
}
.listpr .col-md-6:nth-child(3) .liset1left{
    background: linear-gradient(90deg, #FF4836, #FF9070);
}
.listpr .col-md-6:nth-child(4) .liset1left{
    background: linear-gradient(90deg, #6527F9, #5073FF);
}

.listpr .col-md-6:nth-child(2) .liset1 .liset1right .liset1rightbottom .pbtn a{
    background: linear-gradient(90deg, #F8B307, #FFCB4A);
}
.listpr .col-md-6:nth-child(3) .liset1 .liset1right .liset1rightbottom .pbtn a{
    background: linear-gradient(90deg, #FF4836, #FF9070);
}
.listpr .col-md-6:nth-child(4) .liset1 .liset1right .liset1rightbottom .pbtn a{
    background: linear-gradient(90deg, #6527F9, #5073FF);
}
.page{
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
.page a{
    padding: 8px 15px;
    border: 1px solid #ddd;
    text-decoration: none;
    border-right: 0;
    font-size: 14px;
}
.page a:first-child{
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.page a:last-child{
    border-right: 1px solid #ddd;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.footerT{
    background-image: url('/public/240115/b200.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 200px;
}
.prom{
	background: #F8FAFB;
	padding: 20px 0;
}
.footerT .tit{
	font-size: 27px;
    width: 100%;
    color: #fff;
    padding-top: 40px;
	font-style:italic;
	text-align: center;
}
.footerT .tit span{
	font-size: 34px;
	font-weight: bold;
}
.footerT .button{
    width: 100%;
    text-align: center;
    margin-top:40px;
}
.footerT .button .btn{
	font-size: 16px;
	height: 50px;
	width: 160px;
	border-radius: 25px;
	line-height: 50px;
	text-align: center;
	padding: 0;
	border: 1px solid #FFFFFF;
    border-radius: 5px;
    background: initial;
}
.footerB{
    background: #253251;
    color: #fff;
    padding: 50px 0;
	padding-bottom: 0;
}
.footerB .sort{
    font-weight: bold;
    margin-bottom: 10px;
}
.footerB .leftInfo .img{
    display: flex;
    margin-top: 20px;
}
.footerB .leftInfo img{
    width: 150px;
    margin-right:10px ;
}
.footerB .leftInfo .img p{
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
}
.footerB .leftInfo .Info{
	font-size: 13px;
	
}
.footerB .leftInfo .Info p{
	color:#FFFFFF;
	opacity: 0.4;
	margin-bottom: 0;
	line-height: 25px;
	
}
.footerB ul li a{
    color: #fff;
    line-height: 30px;
    font-size: 12px;
    opacity: 0.4;
}
.footerB .copyright{
    font-size: 12px;
    color: #fff;
    width: 100%;
    text-align: center;
    border-top: 1px solid #FFFFFF;
    height: 35px;
	line-height: 35px;
    padding-bottom: 0;
    margin-top: 20px;
	padding-left: 0;
}
.footerB .copyright .lefts{
    text-align: left;
}
.footerB .copyright a{
    color: #fff;
}
.copyright .rights{
	text-align: right;
}
.copyright .rights a{
	color:#FFFFFF;
	opacity: 0.4; 
	margin-right: 10px;
}
.copyright .rights a:last-child{
	margin-right: 0;
}

.daili .title{
    text-align: center;
    color: #333333;
    font-size: 36px;
}
.daili .icons{
    position: relative;
    margin: 50px 0;
    height: 100px;
}
.daili .icons:before{
    content:"";
    border: 1px solid #fff;
    width: 100%;
    position: absolute;
    top: 25px;
}
.daili .icons li:nth-child(1){
    left: 15%;
}
.daili .icons li:nth-child(2){
    left: 38%;
}
.daili .icons li:nth-child(3){
    right: 35%;
}
.daili .icons li:nth-child(4){
    right: 15%;
}
.daili .icons li{
    text-align: center;
    position: absolute;
    z-index: 9999;
    float: left;
}
.daili .icons li img{
    width: 50px;
    height: 50px;
}
.daili .icons li p{
    font-size: 12px;
    margin-top: 10px;
}
.daili .msgbox{
    background: url(/public/240115/b300.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: 100% 100%;
    padding: 50px;
    position: relative;
    margin-bottom: 30px;
}
.daili .msgbox:after{
    content: "";
      background: url(/public/240115/b400.png);
      right: 30px;
      position: absolute;
      bottom: 30px;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      width: 500px;
    height: 300px;
}
.daili .msgbox p{ 
    color: #666666;
    font-size: 14px;
}