.banner{
    overflow: hidden;
    width: 100%;
}
.banner  img{
display: block;
  width: 100%;
}
.barnav{
    padding: 54px 0;
}
.barnavTitle{
    font-family: MicrosoftYaHei-Bold;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #010101;
    text-align: center;
    margin-bottom: 73px;
}
.barnavList ul{
    display: flex;
    justify-content: space-between;
}
.barnavList ul li{
    /*width: 374px;*/
    flex: 1;
    text-align: center;
}
.barnavList ul li:nth-of-type(2){
    margin: 0 10px;
}
.barnavList ul li img{
    width: 100%;
	height: 265px;
}
.barnavList ul li p{
    font-family: MicrosoftYaHei;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #000000;
    margin-bottom: 28px;
    margin-top: 33px;
}
.barnavList ul li span{
    display: inline-block;
    width:80%;
    font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #848484;
}
.main{
   width: 100%;
    height: 500px;
	background-color: #f5f5f5;
}
.mainTitle{
    padding: 58px 0 72px;
    text-align: center;
    font-family: MicrosoftYaHei-Bold;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #010101;
}
.mainList{
    width: 90%;
    margin: 0 auto;
}
.mainList .left{
    width: 406px;
	height: 360px;
}
.mainList .left img{
    width: 100%;
	height: 360px;
}
.mainList .top{
    width: 396px;
}
.mainList .top p{
    font-family: MicrosoftYaHei;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #3388ff;
}
.mainList .top  p i{
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-right: 15px;
    border-radius: 50%;
	box-shadow: 0px 0px 4px 0px 
        rgba(58, 147, 245, 0.75);
        border: 1px solid rgba(58,147,245,0.75);
}
.mainList .top span{
    display: inline-block;
    margin-top: 30px;
    font-family: MicrosoftYaHei;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
}
.mainList .top .mainImg{
    width: 300px;
    margin-top: 22px;
}
.mainList .top  button{
    width: 126px;
	height: 34px;
	background-image: linear-gradient(180deg, 
		#3388ff 0%, 
		#89baff 100%), 
	linear-gradient(
		#3388ff, 
		#3388ff);
	background-blend-mode: normal, 
        normal;
        font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #ffffff;
    outline: none;
    border: none;
    margin-top: 30px;
    cursor: pointer;
}
.mainT{
    padding: 83px 0;
}
.mainTT{
  text-align: right;
}
.mainTT p{
    float: right;
}
.mainTT p .ball{
    margin-left: 16px;
}
.mainIMG{
    float: right; 
}
.main .mainTOP{
    padding-top: 80px;
}
.submenu{
    padding: 66px 0 90px;
}
.submenuTop p{
    text-align: center;
    font-family: MicrosoftYaHei-Bold;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #010101;
}
.submenuList{
    margin-top: 74px;
}
.submenuList ul{
    display: flex;
    flex-wrap: wrap;
}
.submenuList ul li{
    display: table;
    width: 263px;
	 padding: 20px 10px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px 0px 
        rgba(51, 136, 255, 0.43);
    margin:0 17px 15px 0;
}
.submenuList ul li img{
    display: table-cell;
    width: 84px;
    height: 84px;
    vertical-align:middle
}

.submenuList ul li span{
    display: table-cell;
    text-align: center;
    font-family: MicrosoftYaHei;
	font-size: 19px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #000000;
    width: 329px;
    vertical-align:middle;
    
}