.ul-kong .wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ul-kong .wrap img {
    width: 3rem;
}
.ul-kong .wrap p {
    font-size: 0.2rem;
    color: #666;
    transform: translateY(-0.5rem);
}
.indexbox1{
    padding:.95rem 0 1.25rem ;
}

.indexbox1 .content{
    margin-top:0.8rem;
}

.indexbox1 .content .fl{
    width: 6.85rem;
height: 4.7rem;
background: #FFFFFF;
box-shadow: 0px 0px .4rem 0px rgba(52,55,55,0.08);
border-radius: .1rem;
padding:1rem .75rem 0;
position: relative;
}
.indexbox1 .content .fl li span{
    font-size: .6rem;
font-family: Helvetica;
font-weight: 400;
color: #151415;

}
.indexbox1 .content .fl li i{
    font-style: normal;
    font-size:.28rem;

font-weight: 400;
color: #151415;
}
.indexbox1 .content .fl li p{
    font-size: .2rem;


font-weight: 400;
color: #868686;
}
.indexbox1 .content .fl li{
    display: inline-block;
    margin-bottom:.5rem;
    vertical-align: top;
}
.indexbox1 .content .fl li:nth-of-type(1),
.indexbox1 .content .fl li:nth-of-type(3){
    width:3.2rem;
}
.indexbox1 .content .fl a{
    width: 2.06rem;
height: .58rem;
line-height: .58rem;
background:url(../images/arrow2.svg) no-repeat right .25rem center/.18rem;
background-color: #000000;
font-size: .18rem;

font-weight: 400;
color: #FFFFFF;
padding-left:.4rem;
box-sizing: border-box;
display: block;
transition:all .3s;
}
.indexbox1 .content .fl a:hover{
	background:url(../images/arrow2.svg) no-repeat right .2rem center/18px;
	background-color:#2a2a2a;
}
.indexbox1 .content .fr{
    width:6.83rem;
    position: relative;
}
.indexbox1 .content .fr img{
    width: 100%;
}
.indexbox1 .content .fr .site{
    cursor: pointer;


}
.indexbox1 .content .fr .site .photo{
	animation: here3 2s infinite 1.6s alternate;
	    -webkit-animation: here3 2s infinite 1.6s alternate;

}
.indexbox1 .content .fr .site:nth-of-type(2n) .photo{
	animation: here4 2s infinite 1.6s alternate;
	    -webkit-animation: here4 2s infinite 1.6s alternate;

}
.indexbox1 .content .fr .site1{
    position: absolute;
    top:.9rem;
    left:1.3rem;

}
.indexbox1 .content .fr .site2{
    position: absolute;
    top:1.6rem;
    left:1.2rem;


}

.indexbox1 .content .fr .site3{
    position: absolute;
    top:1.34rem;
    left:1.6rem;
}
.indexbox1 .content .fr .site4{
    position: absolute;
    top:1.25rem;
    left:3rem;


}
.indexbox1 .content .fr .site5{
    position: absolute;
    top:.86rem;
    left:3.1rem;
}
.indexbox1 .content .fr .site6{
    position: absolute;
    top:1rem;
    left:3.18rem;
}
.indexbox1 .content .fr .site7{
    position: absolute;
    top:1.2rem;
    left:3.4rem;


}
.indexbox1 .content .fr .site8{
    position: absolute;
    top:1rem;
    left:3.3rem;
}
.indexbox1 .content .fr .site9{
    position: absolute;
       top: 0.6rem;
       left: 4.5rem;
}
.indexbox1 .content .fr .site10{
    position: absolute;
       top: 1.6rem;
       left: 4.9rem;

}
.indexbox1 .content .fr .site11{
    position: absolute;
  top: 1.7rem;
      left: 4.6rem;
}

.indexbox1 .content .fr .site12{
    top:1.2rem;
    left:5.35rem;
        position: absolute;

}
.indexbox1 .content .fr .site13{
    top:1.35rem;
    left:5.5rem;
    position: absolute;
}
.indexbox1 .content .fr .site14{
    top:1.9rem;
    left:5rem;
    position: absolute;
}
.indexbox1 .content .fr .site15{
    top:1.8rem;
    left:5.45rem;
    position: absolute;

}
.indexbox1 .content .fr .site16{
      top: 3rem;
      left: 6.4rem;
    position: absolute;
}
.indexbox1 .content .fr .site17{
    top:2rem;
    left:5.1rem;
    position: absolute;

}
.indexbox1 .content .fr .site19{
    top:1.43rem;
    left:5.7rem;
    position: absolute;
}
.indexbox1 .content .fr .site20{
    top:1.75rem;
    left:5.25rem;
    position: absolute;
}

.indexbox1 .content .fr .site21{
    top:1.66rem;
    left:5.2rem;
    position: absolute;
  animation: here4 2s infinite 1.6s alternate;

	    -webkit-animation: here4 2s infinite 1.6s alternate;

}
.indexbox1 .content .fr .site18{
    top:2.25rem;
    left:2.2rem;
    position: absolute;
}
.indexbox1 .content .fr .site19{
       top: 2.6rem;
       left: 5.6rem;

    position: absolute;
  animation: here4 2s infinite 1.6s alternate;

	    -webkit-animation: here4 2s infinite 1.6s alternate;

}
.indexbox1 .content .fr .site24{
    top:1.4rem;
    left:5.4rem;
    position: absolute;
}
.indexbox1 .content .fr .site20{
      top: 1.2rem;
      left: 5.7rem;
    position: absolute;
  animation: here4 2s infinite 1.6s alternate;

	    -webkit-animation: here4 2s infinite 1.6s alternate;

}


.indexbox1 .content .fr .site26{
    top:1.5rem;
    left:5.25rem;
    position: absolute;
}
.indexbox1 .content .fr .site .photo{
    width:13px;
    height:15px;
    background:url(../images/ico2.png) no-repeat center center;
}

.indexbox1 .content .fr .site.active .photo{
    background:url(../images/ico1.png) no-repeat center center;
}
.indexbox1 .content .fr .site.active .des{
	display:block;
}
.indexbox1 .content .fr .site .des{
    width: 162px;
height: 63px;
background: #FFFFFF;
border: 2px solid rgba(255,255,255,0.8);
box-shadow: 0px 10px 13px 0px rgba(143,189,242,0.13);
border-radius: 5px;
padding:10px;
box-sizing: border-box;
position: absolute;
top:-20px;
left:13px;
display: none;
z-index: 999999;
}

.indexbox1 .content .fr .site .des span{
    font-size: 16px;
font-family: SourceHanSansCN-Medium;
font-weight: 500;
color: #151415;
}
.indexbox1 .content .fr .site .des p{
    font-size: 14px;

font-weight: 400;
color: #868686;
}

.indexbox2 .content{
    margin-top:.3rem;
    height:6.36rem;
    background:url(../images/bg1.png) no-repeat center center/cover;
}


.indexbox2 .content .fl{
    width:20.9%;
    height:6.36rem;
    background: #000000;
}
.indexbox2 .content .fl li{
    background: #000000;
    height:.84rem;
    line-height: .84rem;
    font-size: .18rem;
    padding-left:.7rem;
    transition:all .3s;
cursor:pointer;
font-weight: 400;
color: #FFFFFF;
box-sizing:border-box;
border-left:8px solid transparent;
}
.indexbox2 .content .fl li.active{
    background: #191DA3;
	border-left:8px solid #396cff
}
.indexbox2 .content .fl .pc>a{
    width: 1.2rem;
height:.35rem;
line-height:.35rem;
background: rgba(230,2,20,0);
border: 1px solid #FFFFFF;
font-size: .14rem;

font-weight: 400;
color: #FFFFFF;
display: block;
margin:.24rem auto 0;
text-align: center;
}
.indexbox2 .content .fl .pc>a:hover{
	 background: #191DA3;
	 color:#fff;
	 border:1px solid #191DA3;
}
.indexbox2 .content .fr{
    width:75.5%;
    padding-top:.5rem;
}


.indexbox2 .content .fr h3{
    font-size: .24rem;

font-weight: 400;
color: #FFFFFF;
}
.indexbox2 .content .fr .tab{
	display:none;
}
.indexbox2 .content .fr .tab:first-child{
	display:block;
}
.indexbox2 .content .fr  p{
    font-size: .16rem;
font-family: SourceHanSansCN-Medium;
font-weight: 500;
color: #A6A6A6;
margin:.1rem 0 .4rem;
}
.indexbox2 .content .fr  li{
    width: 49%;
display: inline-block;
vertical-align: top;
background: rgba(95, 95, 95, 0.55);
padding:.15rem;
box-sizing: border-box;
margin: 0 1.5% 0.24rem 0;
box-sizing:border-box;
height:1.85rem;
}
.indexbox2 .content .fr  li:nth-of-type(2n){
    margin-right: 0;
}

.indexbox2 .content .fr  li .font{
    font-size: .22rem;
font-family: SourceHanSansCN-Normal;
font-weight: 500;
color: #FFFFFF;
line-height: .26rem;
height:.52rem;
margin:0;
overflow: hidden;
}.indexbox2 .content .fr  li .price{
    font-size: .16rem;
font-family: SourceHanSansCN-Normal;
font-weight: 500;
color: #FFFFFF;
justify-content: space-between;
display: flex;
margin:.2rem 0;
}
.indexbox2 .content .fr  li .price span:last-child{
    font-size: .14rem;
font-family: SourceHanSansCN-Light;
font-weight: 300;
color: #FFFFFF;
}
.indexbox2 .content .fr  li .btn{
    width: 1.2rem;
height: .32rem;
line-height: .32rem;
background: #E60214;
border-radius: 5px;
font-size: 14px;

display: block;
font-weight: 400;
color: #FFFFFF;
text-align: center;
}
.indexbox2 .content .fr  li:hover{
    background:rgba(101, 116, 255, 0.55)
}
.indexbox2 .content .fr  li:hover .btn{
    background: #FFFFFF;
    color: #000000;

}
.indexbox2 .content .fr  li a{
    display: block;
}

.indexbox3{
    padding:.7rem 0 .5rem;
}
.indexbox3  .city{
    margin:.3rem 0 .2rem;
    border: 1px solid #ECECEC;
border-radius: 5px;
padding:.35rem .6rem 0.15rem;
display: flex;

flex-wrap:wrap;

}
.indexbox3 .city .one{
	display: flex;

	flex-wrap:wrap;
}
.indexbox3 .city span{
    display: inline-block;
    vertical-align: top;
    font-size:.18rem;

font-weight: 400;

box-sizing: border-box;
height:.3rem;
line-height:.3rem;
width:11.5%;
margin-bottom:.25rem;
color:rgba(21, 20, 21, 1);
border-radius:0.08rem;
}
.indexbox3 .city span a{
	padding:0 .1rem;
	height:.36rem;
	line-height:.36rem;
	border-radius:.08rem;
	display:inline-block;
}
.indexbox3 .city .xlcity{

	padding-top:.2rem;
	width:100%;
}
.indexbox3 .city .xlcity .tab{
	width:100%;
	display:none;
	flex-wrap:wrap;

}


.indexbox3 .city .xlcity .tab.active{
	display:flex;
	border-top:1px solid #eee;
	padding-top:.1rem;
}
.indexbox3 .city .xlcity .tab:nth-of-type(1).active{
	border-top:none;
}
.indexbox3 .city span:nth-of-type(9n){
	width:7.3%;

}
.indexbox3 .city .xlcity .tab span{
width: 11.5%;
}
.indexbox3 .city .xlcity .tab span:nth-of-type(9n){
	width:7.3%
}

/* .indexbox3 .city a:hover,.indexbox3 .city a.active{
    color: #1D2088;
    background:url(../images/dot1.png) no-repeat left center/.07rem;
} */
.indexbox3 .content .fl{
    width:100%;
}
.indexbox3 .content .fl li{
    height: 2.64rem;
background: #FFFFFF;
border: 1px solid #ECECEC;
border-radius: 5px;

margin-bottom:.2rem;
box-sizing: border-box;
transition:all .3s;
width:49%;
}

.indexbox3 .content .fl ul,
.indexbox3 .content .fr ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.indexbox3 .content .fl li .time,
.news .newstop li .time{

	margin-top:.05rem;


}
.indexbox3 .content .fl li a{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	padding:.25rem;
}
.indexbox3 .content .fl li a .pro{
	height:2rem;
	overflow:hidden;
	width: 45%;
}
.indexbox3 .content .fl li a .text{
	width:50%;
}
.indexbox3 .content .fl li a img{
    width:100%;
    height:100%;
    margin-right:.4rem;
}
.indexbox3 .content .fl li .title{
    font-size: .22rem;

font-weight: 400;
color: #151415;
height: .24rem;
line-height: .24rem;
overflow: hidden;
 display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;
     background: url(../images/sq.svg) no-repeat left center/0.2rem;
     padding-left: 0.2rem;
	 margin-left:-.2rem;
}
.indexbox3 .content .fl li .font{
    font-size: .16rem;

font-weight: 400;
color: #868686;
line-height: .26rem;

overflow: hidden;
margin:.2rem 0;
 display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;
 height:1.04rem;
}

.indexbox3 .content .fl li:hover .font,
.indexbox3 .content .fr li:hover .font,
.indexbox5 .content .fl li:hover .font,
.indexbox5 .content .fr li:hover .answer,
.aboutbox1 li:hover .font,
.newbottom li:hover .font{

	color:#333;
}
.indexbox3 .content .fr li,
.indexbox3 .content .fl li,
.indexbox5 .content .fr li,
.aboutbox1 li,
.newbottom li,
.news .newstop li{
    position:relative;
    overflow:hidden;
}
.indexbox3 .content .fr li::before,
.indexbox3 .content .fl li::before,
.indexbox5 .content .fr li::before,
.aboutbox1 li::before,
.newbottom li::before,
.news .newstop li::before{

content: " ";
    width: 0%;
    height: 2px;
    background-color: #1D2088;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    position: absolute;
    top: 0;
    left: 0;
 -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;

}
.indexbox3.indexboxxw .content .fr li::before {
    top: auto;
    bottom: 0;
}

.indexbox3.indexboxxw .content .fr li::after {
    content: " ";
     width: 100%;
    height: 1px;
    background-color: #e6e6e6;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    position: absolute;
    bottom: 0;
    left: 0;
 -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.indexbox3 .content .fr li:hover::before,
.indexbox3 .content .fl li:hover::before,
.indexbox5 .content .fr li:hover::before,
.aboutbox1 li:hover::before,
.newbottom li:hover::before,
.news .newstop li:hover::before{
     width: 100%;
}
.aboutnews .newbottom li:hover::before{
    width: 0%;
}
.indexbox3 .content .fl li .time span,
.news .newstop li .time span{
	font-size:.16rem;
	color:#666;
}
.indexbox3 .content .fl li .more{
    width: 1rem;
height: .3rem;
background: rgba(230,2,20,0);
border: 1px solid #ADB0B8;
border-radius: 5px;
font-size: .14rem;
margin:0rem 0 0 auto;

font-weight: 400;
color: #91959F;
line-height: .3rem;
display: block;
text-align: center;
}
.indexbox3 .content .fr{
    width:100%;
}
.indexbox3 .content .fr li{
    height: auto;

    box-sizing: border-box;
background: #FFFFFF;
/*border: 1px solid #ECECEC;*/
border-radius: 5px;
/*margin-bottom:.2rem;*/
box-sizing: border-box;
transition:all .3s;
width:49%;
}
.indexbox33 .content .fr li {
    border: 1px solid #ECECEC;
    margin-bottom:.2rem;
}
.indexbox3 .content .fr li a{
	 padding:.15rem .15rem;
	 display:block;
	 padding-right: 0;
}
.indexbox33 .content .fr li a{
	 padding:.15rem .35rem;
	 display:block;
}
.indexbox3 .content .fr li a,
.indexbox3 .content .fl li a{

	 border-top:1px solid transparent;
}
/* .indexbox3 .content .fr li:hover a,
.indexbox3 .content .fl li:hover a{
	border-top:1px solid #1D2088
} */
.indexbox3 .content .fr li .title{
    font-size: .16rem;

font-weight: 400;
color: #151415;
/*line-height: .26rem;*/
height: auto;
overflow: hidden;
    background: url(../images/sq.svg) no-repeat left center/0.2rem;
    padding-left: 0.2rem;
	margin-left:-.2rem;
	    display: flex;
    align-items: center;
}
.indexbox3 .content .fr li .title .toicon {
    width: 0.24rem;
    margin-left: 0.2rem;
}

.indexbox33 .content .fr li .title {
       font-size: .22rem;
}
.indexbox3 .content .fr li .title .t-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    flex: 1;
}
.indexbox3 .content .fr li .time {
    display: inline-block;
    font-size: .14rem;
    /* margin-top: 0.05rem; */
    color: #666;
    white-space: nowrap;
    margin-left: 0.2rem;
}
.indexbox33 .content .fr li .time {
    margin-left: 0;
     margin-top: 0.05rem;
}
.indexbox3 .content .fr li .font{
    font-size: .16rem;


margin-top:.1rem;
color: #868686;

 display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;
line-height: .24rem;
height: .48rem;
}
.indexbox3 .content .fr li .font .more{
    color: #1D2088;
}

.indexbox3 .content .fr li:hover,.indexbox3 .content .fl li:hover{
   /*box-shadow: 0px 5px 5px 0px rgba(6,0,1,0.1); */

}
.indexbox33 .content .fr li:hover,.indexbox33 .content .fl li:hover{
   box-shadow: 0px 5px 5px 0px rgba(6,0,1,0.1);

}
.indexbox3 .content .fr li:hover .title,
.indexbox3 .content .fl li:hover .title{
	color:#1D2088
}
.indexbox3 .content .fl li:hover .more{
    background:#1D2088;
    color:#fff;
    border:1px solid #1D2088;
}

.indexbox3 a.more,.indexbox4 a.more,.indexbox6 a.more{
    font-size: .16rem;

font-weight: 400;
color: #1D2088;
text-align:center;
margin:.5rem auto 0;
display: block;

}
.indexbox6 .swiper-container{
    padding-bottom:.3rem;
}

.indexbox3 a.more img,
.indexbox4 a.more img,
.indexbox6 a.more img{
    margin-left:5px;
    margin-top: -2px;
    display: inline-block;
	width:10px;
	    -webkit-transition: -webkit-transform .2s;
	    transition: -webkit-transform .2s;
	    transition: transform .2s;
	    transition: transform .2s,-webkit-transform .2s;

	}
.indexbox3 a.more:hover img,.indexbox4 a.more:hover img,.indexbox6 a.more:hover img{
	    -webkit-transform: translate(4px);
	    transform: translate(4px);
}
.indexbox4{
    background: #F2F3F5;
    padding:.7rem 0 .5rem;
}
.indexbox4 .list{
    margin-top:.3rem;
}
.indexbox4 .list dl{
    margin-bottom: .2rem;
	display: flex;
	align-items: flex-start;

	justify-content: space-between;
}
.indexbox4 .list dt{
    font-size: .18rem;
font-family: SourceHanSansCN-Medium;
font-weight: 500;
color: #151415;
width:.55rem;
display: inline-block;
line-height:.36rem;
}

.indexbox4 .list  dl .right{
    width: 94%;
}
.indexbox4 .list  dl:first-child a{
    font-size: .18rem;
    margin:0 .7rem .2rem 0;
}
.indexbox4 .list  a{
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: .16rem;
    margin:0 .1rem .1rem 0;
    cursor: pointer;
    color:rgba(99, 99, 99, 1);
	height:.36rem;
	line-height:.36rem;
	padding:0 .1rem;
	    border-radius: 0.08rem;

}
.indexbox4 .list  a:hover,.indexbox4 .list  a.active,
.indexbox3 .city a:hover, .indexbox3 .city a.active{
	    color: rgba(255, 255, 255, 1);
	    background: linear-gradient(to right,#141663,#4045f1);
}
.indexbox4 .list  dd label{
    cursor: pointer;
}
.indexbox4 .list  dd input{
    opacity: 0;
   position: absolute;
   top:0;
   left:0;
}
.indexbox4 .list  dd input:checked+label{
    color:rgba(29, 32, 136, 1)
}
.indexbox4 li{
    position: relative;
    width:24%;
    float: left;
    margin:0 1.3% .3rem 0;
    box-sizing: border-box;

}
img.hoticon {
        position: absolute;
    right: 0rem;
    top: -0.15rem;
    z-index: 10;
    width: 32px;
}
.hotjian {
    width: 0.22rem;
    margin-left: 0.02rem;
    display: block;
    transform: translateY(-0.02rem);
}
.indexbox4 li:hover p{
	color:#1D2088 !important;
}

.indexbox4 li:nth-of-type(4n){
    margin-right:0;
}
.indexbox4 .mg3{
	padding:0 .67rem;


}
.indexbox4 .mg3 li {
    width: 2.65rem;
    margin: 0 .3rem 0.2rem 0;
	text-align:center;
}
.indexbox4 .mg3 li p {
    font-size: .18rem;
    text-align: center;
    margin-top: 0.1rem;
    font-family: AlibabaPuHuiTi-Regular;
    font-weight: 400;
    color: #151415;
}
.indexbox4 .mg3 li .pro {
    height: 4.8rem;
	width:100%;
	margin:0 auto;
    border: 10px solid #ddd;
    border-radius: 0.3rem;
    overflow: hidden;
}
.indexbox4 .mg3 li:hover .pro{

	border: 10px solid #1d2088;
}

.indexbox4 .mg3 li:nth-of-type(6n) {
    margin-right: 0;
}
.indexbox4 li .pro{
	height: 2.9rem;
	box-sizing: border-box;
border:5px solid #e6e6e6;
transition:all .3s;
    overflow: hidden;
}
.indexbox4 li .pro img{
	height:100%;
  width:100%;
  	box-sizing: border-box;
}

.indexbox4 li:hover .pro{
	    border: 5px solid #1d2088;
}



.indexbox5{
    padding:.7rem 0 0;
}
.indexbox5 .content{
    border-top:1px solid  #DFE1E6;
    margin-top:.3rem;
}
.indexbox5 .content .fl,.indexbox5 .content .fr{
    width:50%
}
.indexbox5 .content .fl{
    border-right:1px solid  #DFE1E6;
    padding-right:.5rem;
    box-sizing: border-box;
}
.indexbox5 .content .fr{
    padding-left:.5rem;
    box-sizing: border-box;
}
.indexbox5 .content .titles{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:.2rem;
    padding-top:.35rem;
}
.indexbox5 .content .titles h3{
    font-size:.24rem;
    font-family:SourceHanSansCN-Medium;
    font-weight: 500;
    color: #151415;
}

.indexbox5 .content .titles a{
    font-size: .14rem;

font-weight: 400;
color: #1D2088;
}

.indexbox5 .content .titles a img{
    margin:-2px 0 0 4px;
	width:10px;
}
.indexbox5 .content .fl .title{
    font-size: .22rem;

font-weight: 400;
color: #151415;
line-height: .3rem;
height:.3rem;
background:url(../images/sq.svg) no-repeat left center/.2rem;
padding-left: .2rem;
overflow: hidden;
}
.indexbox5 .content .fl .title span{
    width: 18px;
    height: 18px;
    background: #D2251E;

    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 18px;
    text-align: center;
    display: inline-block;
    margin-left:0.05rem;
	   font-size: .14rem;
}

.tuijian {
     width: 18px;
    height: 18px;
    background: #D2251E;

    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 18px;
    text-align: center;
    display: inline-block;
    margin-left:0.05rem;
	   font-size: .14rem;
}
.indexbox5 .content .fl .font{


font-weight: 400;
color: #868686;
line-height:.24rem;
 display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;
font-size:.16rem;
height:.48rem;
margin:.1rem 0 .1rem .2rem;
}
.indexbox5 .content .fl .time{
    font-size: .14rem;
margin-left: .2rem;
font-weight: 400;
color: #868686;
}
.indexbox5 .content .fl li{
    margin-bottom:.3rem;
}
.indexbox5 .content .fl li:hover .title{
    color: #191DA3;
}

.indexbox5 .content .fr li{
    height: auto;
	border: 1px solid #ECECEC;
  /*  background:url(../images/bg3.png) no-repeat center center/100%; */
    margin-bottom:0.1rem;
    padding:0 .15rem;
    padding-bottom: 0.1rem;
	transition:all .3s;
border-radius:5px;
}
.indexbox5 .content .fr li:hover{
    box-shadow: 0px 5px 5px 0px rgba(6,0,1,0.1);

}
.indexbox5 .content .fr li .qus{
    border-bottom:1px solid #DFE1E6;
    line-height:.5rem;
    margin-bottom:.1rem;
    height:.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.indexbox5 .content .fr li .qus p{
    font-size: .22rem;
    width:80%;
    height:.5rem;
    overflow: hidden;
    color: #151415;
font-weight: 400;


}
.indexbox5 .content .fr li:hover .qus p{
	color: #1D2088;
}
.indexbox5 .content .fr li .qus span{
    font-size: .14rem;

font-weight: 400;
color: #868686;
}
.indexbox5 .content .fr li .answer{
    font-size: .16rem;

font-weight: 400;
    color: #868686;

line-height: .24rem;
height: .48rem;
 display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
 overflow: hidden;
}
.indexbox5 .content .fr li .answer span{
    color: #1D2088;
	display:none;
}

.indexbox6{
    background: #E4E7EC;
    padding:.7rem 0rem;
}
.indexbox6 ul{
    margin-top:.3rem;
    width: 100% !important;
}
.indexbox6 li{
    height: .8rem;
background: #FFFFFF;
box-shadow: 0px 4px 20px 0px rgba(2,0,85,0.1);
border-radius: 5px;
float: left;
display: inline-flex;
align-items: center;
justify-content: center;
width:11.5%;
overflow: hidden;
margin:0 1.12% .15rem 0;
}
.banner .swiper-container{
	width: 100%;
}
.indexbox6 li:nth-of-type(8n){
    margin-right:0;
}
.indexbox6 li img{
    max-width:90%;
    max-height:90%;
	transition: all .3s;
}
.indexbox6 li:hover img{
	transform: scale(1.05);
}
.indexbox3 .content .fl li .title2{
    height:.24rem;
}
.indexbox3 .content .fl li .more2{

   /* margin:0.3rem 0 0 auto; */

    display: block;
}

.indexbox3 .navtitle{
    border: 1px solid #EEEEEE;
box-shadow: 0px 10px 13px 0px rgba(143,189,242,0.06);
border-radius: 5px;
margin:.3rem 0 .2rem;
padding:.4rem .5rem;

}
.indexbox3 .navtitle div{
    border-bottom:1px solid #EDEDED;
 line-height:.7rem;
 box-sizing: border-box;
 height:.7rem;
 text-align:center;
}
.indexbox3 .navtitle div a{
   margin:0 .3rem;
    font-size: .24rem;
font-family: SourceHanSansCN-Medium;
font-weight: 500;
color: rgba(21, 20, 21, 1);
line-height:.7rem;
height:.7rem;
display: inline-block;
box-sizing: border-box;
transition:all .2s;
}
.indexbox3 .navtitle div a:hover,.indexbox3 .navtitle div a.active{
color:rgba(29, 32, 136, 1);
border-bottom:3px solid rgba(29, 32, 136, 1);
}

.indexbox7{
    background:url(../images/bg4.png) no-repeat center center/cover;

    padding-top:.5rem;
    box-sizing: border-box;
}

.indexbox7 .wrap{
    background:#fff;
    height:1.5rem;
    padding:.45rem .7rem;
    box-sizing: border-box;
}
.indexbox7 .wrap .fl p{
    font-size: .2rem;
font-family: SourceHanSansCN-Medium;
font-weight: 500;
color: #151214;
line-height: .37rem;
}
.indexbox7 .wrap .fr p{
    font-size: .16rem;

font-weight: 400;
color: #868686;
line-height: .26rem;
}
.indexbox7 .wrap .fr a{
    width: 1.8rem;
height: .5rem;
background: #E60214;
font-size:.18rem;

font-weight: 400;
color: #FFFFFF;
line-height: .5rem;
text-align:center;
display: block;
position:relative;
}
.indexbox7 .wrap .fr a .codepop{
	    position: absolute;
	    left: -1.7rem;
	    top: -0.5rem;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    display: none;
}
.indexbox7 .wrap .fr a:hover .codepop{
	 display: block;
}
.indexbox7 .wrap .fr a .codepop .codes {
    width: 1.6rem;
    height: 1.6rem;
    background: #fff;
	border:1px solid #e2e4e8;
}
.indexbox7 .wrap .fr a .codepop .codes img {
    width: 100%;
    height: 100%;
}

.indexbox7 .wrap .fr a .codepop .triggle {

  background:url(../images/arrow4.svg) no-repeat center center/25px;
  width:25px;
  height:25px;
  display: none;
}
.indexbox7 .wrap .fr a:hover{
	background:#f02837;
}
.indexbox7 .wrap .fr{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width:45%;
}


.banner .swiper-slide>img,
.phonebanner .swiper-slide>img{
    width:100%;



}
@keyframes o-scale {
	0%,85%,100% {
	  transform: scale(1);
	}
	50% {
	  transform: scale(1.05);
	}
  }

.banner .swiper-slide .text,
.phonebanner .swiper-slide .text{
    position: absolute;
    top:.7rem;
    left:0;
    text-align:center;
    opacity: 0;
    transform: translateY(1.5vw);
    transition: all 1s ease;
    transition-delay: .2s;
    width:100%
}
.banner .swiper-slide .text{
	 top:50%;
	 transform: translateY(-20%);
}
.banner .swiper-slide .left{
	transition: all 1s ease;
	transition-delay: .5s;
	 position: absolute;
	 top:.3rem;
	 left:-.5rem;
	 width:7.96rem;
	   opacity: 0;
	    transition: all 1s ease;
}
.banner .swiper-slide .text img{
    width:12rem;
	z-index:999;
}

.banner .swiper-pagination{
    bottom:.3rem !important;
}

.banner .swiper-pagination-bullet{
    width: 10px;
height: 10px;
background: #FFFFFF;
border-radius: 50%;
margin:0 5px !important;
opacity: .5;
}
.banner .swiper-pagination-bullet-active{
    opacity: 1;
}

.phonebanner .swiper-slide-active  .text{


        opacity: 1;
    transform: translateY(0);
}
.banner .swiper-slide-active .left{
	opacity: 1;
	left:.3rem;
}

.banner .swiper-slide-active  .text{
	 transform: translateY(-50%);
	 opacity: 1;
	 z-index:999;
}

.banner .swiper-slide .text2{
    position: absolute;
    top:3rem;
    left:2.7rem;

    opacity: 0;
       transform: translate(0, 0%);
    transition: all 1s ease;
    transition-delay: .2s;
    width:100%
}
.banner .swiper-slide-active .text2{
	 opacity: 1;
	 top:1.5rem;
	 transform: translate(0, 0%); */


}
.banner .swiper-slide .right img.photo{
    position: absolute;
    top:.3rem;
	left:auto;
    right:-.5rem;
    width:7.2rem;
    opacity: 0;

    transition: all 1s ease;
    transition-delay: .2s;

}
.banner .swiper-slide-active .right img.photo{
	left:auto;
	right:2.3rem;
	opacity: 1;
}
.banner .swiper-slide .right img.site1,
.banner .swiper-slide .right img.site2,
.banner .swiper-slide .right img.site3{
	    animation: here 2s infinite 1.6s alternate;
		width:.55rem;
	    -webkit-animation: here 2s infinite 1.6s alternate;

}

.banner .swiper-slide .right img.site1{
	position:absolute;
	top:2.3rem;
	right:1.5rem;
}
.banner .swiper-slide .right img.site2{
	position:absolute;
	top:2rem;
	right:8rem;
	animation: here1 2s infinite 1.6s alternate;

	-webkit-animation: here1 2s infinite 1.6s alternate;
}
.banner .swiper-slide .right img.site3{
	position:absolute;
	top:4rem;
	right:7rem;
}
.banner .swiper-slide  img.site4{
	position:absolute;
	top:1.7rem;
	right:7rem;
	width:.99rem;
	  animation: here1 2s infinite 1.6s alternate;
}
.banner .swiper-slide  img.site5{
	position:absolute;
	top:1.8rem;
	right:2.5rem;
	width:.99rem;
	  animation: here1 2s infinite 1.6s alternate;
}
.banner .swiper-slide  img.site6{
	position:absolute;
	top:2.9rem;
	right:9rem;
	width:.6rem;
	  animation: here 2s infinite 1.6s alternate;
}

.banner .swiper-slide  img.site7{
	position:absolute;
	top:2.9rem;
	right:1.6rem;
	width:.6rem;
	  animation: here1 2s infinite 1.6s alternate;
}
.banner .swiper-slide  img.site8{
	position:absolute;
	top:2.1rem;
	right:5.3rem;
	width:1rem;
	  animation: here 2s infinite 1.6s alternate;
}


@-webkit-keyframes here {
	0% {

		-webkit-transform: translateY(0px);
	}

	100% {

		-webkit-transform: translateY(-13px);
	}


}
@-webkit-keyframes here1 {
	0% {

		-webkit-transform: translateY(-13px);
	}

	100% {

		-webkit-transform: translateY(0);
	}


}

@-webkit-keyframes here3 {
	0% {

		-webkit-transform: translateY(0px);
	}

	100% {

		-webkit-transform: translateY(-5px);
	}


}
@-webkit-keyframes here4{
	0% {

		-webkit-transform: translateY(-5px);
	}

	100% {

		-webkit-transform: translateY(0);
	}


}

/* .al-list {
    background-color: #fff;
} */
.al-item:not(:last-child) {
    margin-bottom: 0.4rem;
}
.al-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.2rem;
}
.al-title h3 {
    font-size: .24rem;
    font-family: SourceHanSansCN-Medium;
    font-weight: 500;
    color: #151415;
}
.al-title a {
    font-size: .14rem;
    font-weight: 400;
    color: #1D2088;
}
.al-title a:hover img {
    transform: translate(4px);
    transition: .3s;
}
.al-title a img {
    margin: -2px 0 0 4px;
    width: 10px;
}
.al-item li .pro {
    height: 2.2rem;
}
.xw-list {
    padding-top: 0.3rem;
}
.ywfw-box {
    padding: 0rem 0;
    padding-bottom: 0.9rem;
    margin-top: 0.7rem;
}

.ywfw-box .commontitle {
    margin-bottom: 0.3rem;
}


.ywfw-ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 0.6rem 0.4rem;
}
.ywfw-ul li.special-li a{
    padding: 0.6rem 0.3rem;
}
.ywfw-ul li a{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0.7rem;
    border: 1px solid #dddfe7;
    height: 4.25rem;
    box-sizing: border-box;
    transition: .3s;
    overflow: hidden;
}
.ywfw-ul li a:hover .zxcode {
    transform: translateY(0);
}
.ywfw-ul li a .zxcode {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 0.18rem;
    transform: translateY(100%);
    transition: .3s;
}
.ywfw-ul li a .zxcode img {
    width: 2rem;
    margin-bottom: 0.3rem;
}
.ywfw-ul li a:hover {
 transform: scale(1.05);
 box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
 border: none;
}
.ywfw-ul li a:hover .yw-btn {
    background-color: #fa2b55;
}
.ywfw-ul li a .li-title {
    font-size: 0.3rem;
    color: #0f358e;
    line-height: 1em;
    font-weight: 500;
}
.ywfw-ul li a .li-p {
    font-size: 0.2rem;
    color: #5b5555;
    text-align: justify;
    line-height: 1.8em;
}
.ywfw-ul li a .yw-btn {
    width: 1.6rem;
    height: 0.6rem;
    background: #112d70;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.18rem;
    border-radius: 0.08rem;
    box-shadow:
  0px 28px 60px rgba(0, 0, 0, 0.4);
  transition: .3s;
}