.warp{
  width: 100%;
  min-width: 1220px;
  height: 100vh;
  overflow: scroll;
  margin: 0;
  padding: 0;
}
.head{
  width: 100%;
  height: 142px;
  background: linear-gradient(0deg, #D9F1FF 0%, #FFFFFF 100%);
}
.headCss{
  height: 142px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.headCss .rightBox{
  display: flex;
  font-size: 18px;
  text-align: center;
  height: 31px;
  line-height: 31px;
}
.headCss .rightBox .registerBox{
  width: 100px;
  background: #0183CE;
  color: #FFFFFF;
}
.headCss .rightBox .loginBox{
  margin-left: 27px;
  width: 100px;
  background: linear-gradient(0deg, #D9F1FF 0%, #FFFFFF 100%);
  color: #0183CE;
  border: 1px solid #0183CE;
}
.navBox{
  height: 104px;
  width: 100%;
  background: url(../images/nav-bg.png) no-repeat;
  background-size: 100% 100%;
}
.navBox .navCss{
  display: flex;
  height: 104px;
  align-items: center;
}
.navBox .navCss .nav-item{
  width: calc(100% / 5);
  text-align: center;
  font-size: 22px;
  color: #A3C4E9;
  font-family: Source Han Sans CN;
  font-weight: 500;
  border-radius: 8px;
  cursor: pointer;
}
.navBox .navCss .activeItem{
  border-radius: 8px 8px 15px 15px;
  border: 1px solid rgba(255, 255, 255, .8);
  border-bottom: rgba(255, 255, 255, .1);
  /* clip-path: inset(0 round 10px); */
  /* border-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .8)) 10 10; */
  box-shadow: 0px -1px 6px rgba(255, 255, 255, .4);
  height: 82px;
  line-height: 82px;
  color: #FFFFFF;
}
.bannerBox{
  height: 490px;
  width: 100%;
  background: url(../images/Bananer.png) no-repeat;
  background-size: 100% 100%;
}
.contentBox .listBox{
  height: 437px;
  margin: 80px auto;
  display: flex;
}
.listBox .left-rotation-img{
  width: 605px;
  height: 437px;
  margin-right: 11px;
  position: relative;
}
.listBox .left-rotation-img .hd{
  position:absolute;
  right:60px;
  bottom:6px;
  z-index:22;
  overflow:hidden;
  height: 60px;
}
.listBox .left-rotation-img .hd ul li{
  position:relative;
  display:inline-block;
  width:8px;
  height:8px;
  margin: 0 5px;
  border-radius: 50%;
  background:rgba(255, 255, 255, .35);
  font-size:0px;
  text-align:center;
  cursor:pointer;
}
.listBox .left-rotation-img .hd ul li.on{
  background-color:#fff;
  color:#fff; 
}

.listBox .left-rotation-img .bd{
  position:relative;
  width: 605px;
  height:100%;
  z-index:21
}
.listBox .left-rotation-img .bd li {
  width: 605px;
}
.listBox .left-rotation-img .bd .news-title{
  position:absolute;
  left:0;
  bottom:0;
  z-index:221;
  width:100%;
  padding:0 16px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  background:#3F74A7;
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #ffffff;
  line-height: 70px;
  height: 70px;
}
.listBox .left-rotation-img .bd li{
  list-style: none;
  position:relative
}
.listBox .left-rotation-img .bd img{
  width:100%;
  height: 437px;
}
.listBox .rightBox{
  width: 580px;
  height: 437px;
  /* border: 1px solid #C1C1C1;
  border-top: 1px solid rgba(193, 193, 193, .2); */
  /* border-bottom: 1px solid rgba(193, 193, 193, .2); */
}
.listBox .rightBox .tab-warp{
  position: relative;
  /* display: flex;
  justify-content: space-between; */
}
.listBox .rightBox .tab-warp .moreBtn{
  position: absolute;
  right: 15px;
  bottom: 25px;
  color: #004486;
}
.listBox .rightBox .tab-warp .tab-left{
  display: flex;
  height: 70px;
  background: linear-gradient(180deg, #F0F0F0 0%, #C1C1C1 100%);
  padding-left: 18px;
  font-weight: bold;
  color: #999999;
  font-size: 24px;
}
.listBox .rightBox .tab-warp .tab-left .item{
  margin-top: 10px;
  height: 60px;
  line-height: 60px;
  width: 145px;
  text-align: center;
}
.listBox .rightBox .tab-warp .tab-left .active{
  color: #FFFFFF;
  background: linear-gradient(180deg, #3773C1 0%, #004486 100%);
  border-radius: 8px 8px 0px 0px;
}
.listBox .rightBox .news-warp{
  padding: 18px;
  height: calc(437px - 106px);
  border: 1px solid #C1C1C1;
  border-bottom: 1px solid rgba(193, 193, 193, .2);
}
.listBox .rightBox .news-warp .news-all-warp{
  display: none;
}
.listBox .rightBox .news-warp .news-all-warp-active{
  display: block;
}
.listBox .rightBox .news-warp .news-all-warp-active .news-item{
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  color: #333333;
  line-height: 25px;
  margin-bottom: 25px;
  font-weight: 500;
}
.listBox .rightBox .news-warp .news-all-warp-active .news-item .des{
  display: inline-block;
  max-width: 400px;
}
.listBox .rightBox .news-warp .news-all-warp-active .news-item .des:hover{
  color: #0183CE;
}
.listBox .rightBox .news-warp .news-all-warp-active .news-item .new-right-data{
  color: #999999;
}
.navigationBox{
  margin: 0 auto;
  text-align: center;
}
.navigationBox .titleBox .cnTitle,
.pingGuBox .titleBox .cnTitle,
.systemBox .titleBox .cnTitle{
  height: 24px;
  font-size: 24px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #333333;
}
.navigationBox .titleBox .enTitle,
.pingGuBox .titleBox .enTitle,
.systemBox .titleBox .enTitle{
  margin-top: 9px;
  margin-bottom: 30px;
  font-size: 9px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #CCCCCC;
}
.navigationBox .subTitle,
.systemBox .subTitle{
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #666666;
  margin-bottom: 46px;
}
.navigationBox .imgBox{
  margin: 0 auto;
  width: 809px;
  height: 445px;
  background: url(../images/navigation.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.navigationBox .imgBox .more{
  position: absolute;
  bottom: 63px;
  left: calc((100% - 152px) / 2);
  width: 152px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  box-shadow: 0px 1px 15px 1px rgba(204,204,204,0.35);
  border-radius: 4px;
  color: #333333;
}
.pingGuBox{
  height: 634px;
  width: 100%;
  background: url(../images/nav-bg.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
.pingGuBox .titleBox{
  padding-top: 39px;
}
.pingGuBox .titleBox .cnTitle{
  color: #FFFFFF;
}
.pingGuBox .titleBox .enTitle{
  margin-top: 11px;
  margin-bottom: 45px;
}
.pingGuBox .content{
  margin: 0 auto;
  width: 903px;
  height: 428px;
  background: #FFFFFF;
  box-shadow: 0px 0px 40px 0px rgba(153,153,153,0.28);
  border-radius: 8px;
  border-top: 9px solid #3773C1;
}
.pingGuBox .content .top{
  display: flex;
  align-items: center;
  margin: 59px 27px 0 27px;
  padding-bottom: 35px;
  border-bottom: 1px dashed #CCCCCC;
}
.pingGuBox .content .top .left,
.pingGuBox .content .top .right{
  width: calc((100% - 2px) / 2);
}
.pingGuBox .content .top .left .des,
.pingGuBox .content .top .right .des{
  margin-top: 18px;
  color: rgba(51, 51, 51, 1);
  font-size: 20px;
  font-family: Source Han Sans CN;
}
.pingGuBox .content .top  .tip{
  font-size: 24px;
  font-weight: 500;
  color: #3773C1;
}
.pingGuBox .content .top .line{
  width: 2px;
  height: 84px;
  background: #ccc;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
}
.pingGuBox .content .btm{
  margin-top: 26px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
}
.pingGuBox .content .btm .desV{
  display: flex;
  justify-content: center;
  align-items: center;
}

.pingGuBox .content .btm .desV .ms{
  display: flex;
  align-items: center;
}
.pingGuBox .content .btm .desV .ms .yd{
  width: 8px;
  height: 8px;
  background: linear-gradient(0deg, #5399E7 0%, #4588D3 100%);
  border-radius: 50%;
  margin: 0 16px;
}
.pingGuBox .content .more,
.systemBox .more{
  display: inline-block;
  width: 152px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  box-shadow: 0px 1px 15px 1px rgba(204,204,204,0.35);
  border-radius: 4px;
  color: #333333;
  margin: 22px auto 0;
}
.systemBox{
  margin-top: 69px;
  text-align: center;
}
.systemBox .subTitle{
  width: 631px;
  /* height: 43px; */
  text-align: left;
  margin: 0 auto;
  line-height: 28px;
}
.systemBox .content{
  margin-top: 99px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.systemBox .content .oneBox img{
  width: 83px;
  height: 81px;
}
.systemBox .content .oneBox .name{
  font-size: 20px;
  margin-top: 20px;
  font-weight: 500;
}
.systemBox .more{
  margin: 66px auto;
}
.footer{
  width: 100%;
  height: 342px;
  background: #333333;
}
.footer .top{
  border-bottom: 1px solid #626262;
  height: 143px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.footer .bq,
.footer .jszc,
.footer .beian{
  margin-top: 25px;
  text-align: center;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 46px;
}
.footer .jszc,
.footer .beian{
  margin-top: 0px;
}
.footer .jzdw{
  margin-left: 23px;
}
.footer .tel{
  margin-left: 119px;
}