.main,
.banner,
.banner>img {
  width: 100%;
}

.main {
  position: relative;
  min-width: 1280px;
}

.banner {
  position: relative;
}

.daom {
  width: 100%;
  height: 118px;
  background: url(../images/daom.png) repeat-x;
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.navigation {
  width: 1280px;
  height: 118px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

/* .navigation img {
  position: absolute;
  top: 9px;
  left: -128px;
}
 */
.navigation_tab {
  height: 118px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 1280px;
  margin: 0 auto;
}
.navigation_tab img{
  width: 300px;
}

.navigation_tab p {
  /* height: 61px;
   */
  height: 118px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
}

.navigation_tab p a {
  font-size: 24px;
  color: #fff;
  display: inline-block;
  text-align: center;
  line-height: 118px;
  height: 114px;
  position: relative;
}

.navigation_tab p a:hover {
  font-weight: bold;
  color: #10c4ff;
}
.navigation_tab p a:hover + .span {
  visibility: initial;
}


.navigation_tab p a.show {
  font-weight: bold;
  color: #10c4ff;
}

.navigation_tab p a.show + .span {
  visibility: initial;
}

.span{
  width: 100%;
  height: 3px;
  border-radius: 10px;
  visibility: hidden;
  background: linear-gradient(90deg, #ba00ff 0%, #4e6bff 26%, #17a8ff 55.00000000000001%, #00d5fe 86%, #70fae5 100%);
}



.footer {
  color: #0c21a0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 20px;
}


.dibu {
  width: 100%;
  height: 226px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 6;
  background: url(../images/dibu.png) no-repeat;
  background-size: 100% 100%;
}

.di_center {
  width: 1280px;
  margin: 0 auto;
  height: 226px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
}

.ding {
  width: 206px;
  height: 56px;
  letter-spacing: 3px;
  color: #0affeb;
  font-size: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.ding span {
  margin-top: 10px;
}



.mcenter {
  width: 100%;
  position: relative;
  z-index: 3;
}

.mcenter1 {
  background: #0c21a0 url(../images/mbg1.png) no-repeat bottom center;
}

.mcenter2 {
  background: #0c21a0 url(../images/mbg2.png) no-repeat bottom center;
}

.mcenter3 {
  background: #0c21a0 url(../images/mbg3.png) no-repeat bottom center;
}


.mcenter4 {
  background: #0c21a0 url(../images/mbg4.png) no-repeat bottom center;
}

.mcenter5 {
  background: #0c21a0 url(../images/mbg5.png) no-repeat bottom center;
}

.mcenter6 {
  background: #0c21a0 url(../images/mbg6.png) no-repeat bottom center;
}


.center {
  width: 1280px;
  margin: 0 auto;
}


.bai {
  width: 1214px;
  margin: 0 auto;
  height: 381px;
  background: url(../images/bai1.png) no-repeat;
  /* background-image: linear-gradient(#c5f2ff, #ffffff,#d7e3ff); */
  margin: 0 auto;
  border-radius: 20px;
  padding: 100px 122px 0px 122px;
}


.bai2 {
  width: 1214px;
  margin: 0 auto;
  height: 2889px;
  background: url(../images/bai2.png) no-repeat;
  margin: 0 auto;
  border-radius: 20px;
  padding-top: 68px;
  margin-top: 20px;
}

.bai3 {
  width: 1214px;
  margin: 0 auto;
  height: 2217px;
  background: url(../images/bai3.png) no-repeat;
  margin: 0 auto;
  border-radius: 20px;
  padding-top: 68px;
  margin-top: 20px;
}


.bai4 {
  width: 1214px;
  margin: 0 auto;
  height: 1903px;
  background: url(../images/bai4.png) no-repeat;
  margin: 0 auto;
  border-radius: 20px;
  padding-top: 68px;
  margin-top: 20px;
}

.bai5 {
  width: 1214px;
  margin: 0 auto;
  height: 3292px;
  background: url(../images/bai5.png) no-repeat;
  margin: 0 auto;
  border-radius: 20px;
  padding-top: 68px;
  margin-top: 20px;
}

.bai6 {
  width: 1214px;
  margin: 0 auto;
  height: 869px;
  background: url(../images/bai6.png) no-repeat;
  margin: 0 auto;
  border-radius: 20px;
  padding-top: 68px;
  margin-top: 20px;
  padding: 100px 97px 0px 97px;
}

.bai2_center {
  width: 917px;
  margin: 0 auto;
}



.titlebg {
  width: 581px;
  height: 132px;
  line-height: 132px;
  font-size: 38px;
  margin: 0 auto;
  font-style: italic;
  font-weight: bold;
  color: #fff;
  text-align: center;
  letter-spacing: 5px;
  padding-left: 55px;
  text-shadow: 1px 2px 2px #000000;
  background: url(../images/titlebg.png) no-repeat;
}

.titlebg1 {
  width: 344px;
  height: 61px;
  text-align: center;
  line-height: 61px;
  font-size: 36px;
  color: #fff;
  margin: 0 auto;
  background: url(../images/titlebg1.png) no-repeat;
}

.titlebg2 {
  width: 386px;
  height: 39px;
  text-align: center;
  line-height: 39px;
  font-size: 24px;
  color: #fff;
  margin: 0 auto;
  background: url(../images/titlebg2.png) no-repeat;
}


.titlebg3 {
  width: 686px;
  height: 39px;
  text-align: center;
  line-height: 39px;
  font-size: 24px;
  color: #fff;
  margin: 0 auto;
  background: url(../images/titlebg3.png) no-repeat;
}

.titlebg4 {
  width: 418px;
  height: 61px;
  text-align: center;
  line-height: 61px;
  font-size: 36px;
  color: #fff;
  margin: 0 auto;
  background: url(../images/titlebg4.png) no-repeat;
}




/*  */

.shibg {
  width: 1157px;
  height: 575px;
  margin: 0 auto;
  padding-top: 23px;
  background: url(../images/shibg.png) no-repeat;
}


.jin_top {
  width: 917px;
  position: relative;
  margin-top: 30px;
}

.yebg {
  width: 959px;
  height: 246px;
  margin: 0 auto;
  margin-left: -20px;
  font-size: 16px;
  color: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 120px 0px 0px 120px;
  background: url(../images/yebg.png) no-repeat;
}

.yebg p {
  line-height: 30px;
  text-align: center;
}

.yebg p:nth-child(2) {
  margin-left: 120px;
}

.yebg p:nth-child(3) {
  margin-left: 96px;
}

.yebg p:nth-child(4) {
  margin-left: 118px;
}

.yebg span {
  font-size: 40px;
  font-weight: bold;
}

.renbg {
  font-size: 16px;
  color: #1e3197;
  margin-top: 20px;
}

.renbg1 {
  width: 466px;
  height: 275px;
  padding: 60px 66px 0px 66px;
  background: url(../images/renbg1.png) no-repeat;
}

.renbg2 {
  width: 466px;
  height: 275px;
  padding: 90px 66px 0px 66px;
  background: url(../images/renbg2.png) no-repeat;
}

.renbg3 {
  width: 920px;
  height: 275px;
  padding: 62px 66px 0px 66px;
  background: url(../images/renbg3.png) no-repeat;
}

.renbg p {
  line-height: 26px;
}


.list_title {
  width: 1214px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 100px;
  margin-top: 40px;
}

.list_title p {
  width: 189px;
  height: 75px;
  line-height: 75px;
  font-size: 35px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background: url(../images/nque.png) no-repeat;
}


.list_title p.que {
  background: url(../images/que.png) no-repeat;
}

.list_title p:hover {
  background: url(../images/que.png) no-repeat;
}


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










.left {
  width: 710px;
  height: 600px;
  background-color: #566efd;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px 0px;
  border-radius: 6px;
}

.left_bai{
  background-color: #fff;
  width: 673px;
  height: 574px;
  border-radius: 6px;
  padding: 30px ;
}

.gong_title{
  font-size: 20px;
  color: #0d20a3;
}

.gong_title img{
  margin-right: 20px;
}

.gong_listm{
  width: 100%;
  height: 400px;
  overflow-y: scroll;
  padding-right:  10px;
  margin-top: 10px;
}


.gong_listm::-webkit-scrollbar {
  background: #566efd;
  border-radius: 10px;
  width: 5px;
  height: 5px;
}

.gong_listm::-webkit-scrollbar-track-piece {
  /*// 滚动条背景颜色*/
  background: #566efd;
  border-radius: 10px;
}

.gong_listm::-webkit-scrollbar-thumb {
  /*// 滑块设置*/
  background: #fff;
  border-radius: 10px;
}


.gong_list_title{
  font-size: 20px;
  font-weight: bold;
  color: #566efd;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 3px solid #285adb;
  padding: 30px 5px 20px;
}

.gong_list{
  font-size: 18px;
  color: #000000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 5px;
  border-bottom: 1px solid #285adb;
}








/* 公共区域 */

.font {
  font-size: 18px;
  line-height: 32px;
  text-indent: 2em;
  color: #2c2c2c;
  text-align: justify;
}

.font span {
  color: #3467fd;
}

.padding {
  padding-bottom: 1131px;
}


.zhong {
  text-align: center;
}

.mt {
  margin-top: 130px;
}

.mt1 {
  margin-top: 20px;
}

.mt2 {
  margin-top: 80px;
}

.mt3 {
  margin-top: 42px;
}

.mt4 {
  margin-top: 10px;
}

.mt5 {
  margin-top: 30px;
}



.mb {
  margin-bottom: 20px;
}

.dis {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.dingf {
  position: relative;
}

.ding_w {}



.bai1{
  width: 1236px;
  height: 645px;
  padding: 90px 122px 0px 122px;
  background: url(../images/bai1_1.png) no-repeat;
  position: relative;
}


.x_font{
  font-size: 24px;
  color: #2c2c2c;
  margin-bottom: 20px;
}


.x_font1{
  font-size: 18px;
  line-height: 36px;
  color: #2C2C2C;
  text-indent: 2em;
}

.a_font{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #1c9de7;
  font-size: 16px;
  margin-top: 30px;
}
.a_font span{
  margin-top: 5px;
  margin-left: 15px;
}

.x_mbg1{
  width: 100%;
  position: relative;
  z-index: 3;
  background: #0c21a0 url(../images/x_bg1.png) no-repeat bottom center;
  padding-bottom: 500px;
}


.x_bottom{
  width: 100%;
  height: 440px;
  position: absolute;
  z-index: 6;
  bottom: 0px;
  left: 0px;
  background: url(../images/x_bottom.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 10px;
}


.x_top{
  width: 1280px;
  margin: 0 auto;
}

.ding {
    width: 206px;
    height: 56px;
    letter-spacing: 3px;
    color: #0affeb;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0 auto;
}

.x_ul{
  width: 1280px;
  padding-left: 68px;
  font-size: 16px;
  color: #13f9ec;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
}

.x_ul li.xli{
  font-size: 24px;
  color: #fff;
  margin-bottom: 12px;
}

.x_ul li{
  line-height: 30px;
}


.x_ul ul:nth-child(2){
  margin-left: 80px;
}

.xian{
  width: 100%;
  height: 2px;
  background-color: #13f9ec;
  margin-top: 38px;
  margin-bottom: 38px;
}

.x_xia{
  width: 1280px;
  margin: 0 auto;
  padding-left: 68px;
  padding-right: 68px;
  font-size: 16px;
  color: #13f9ec;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.x_xia img{
  width: 360px;
}

.x_xia_left a{
  color: #13f9ec;
  border-right: 2px solid #13f9ec;
  padding-right: 20px;
  padding-left: 20px;
}

.x_xia_left a:nth-child(1){
  padding-left: 0px;
}

.x_xia_left a:last-child{
  border: none;
}

.x_xia_left p:nth-child(1){
  margin-bottom: 20px;
}