.widthfix {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

.headtop {
  background: #E5E5E5;
  width: 100%;
  height: 30px;
  line-height: 30px; }
  .headtop .topbox {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .headtop .topbox .left span {
      color: #087EC3;
      margin-left: 5px; }

.header {
  background: #f7f7f7; }
  .header .logoandsearch {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0; }
    .header .logoandsearch .logo {
      display: flex;
      align-items: center; }
      .header .logoandsearch .logo img {
        height: 75px; }
      .header .logoandsearch .logo .line {
        display: block;
        width: 1px;
        height: 50px;
        background: linear-gradient(to bottom, #f7f7f7, #333333, #f7f7f7);
        margin: 0 20px; }
      .header .logoandsearch .logo .xytitle {
        font-size: 32px;
        font-weight: 800;
        color: #000;
        font-family: "LiSu", "STLiti", "STFangsong", cursive; }
    .header .logoandsearch .searchbox {
      display: flex;
      align-items: center;
      border: #ebebeb 1px solid;
      border-radius: 3px;
      overflow: hidden; }
      .header .logoandsearch .searchbox .keyword {
        height: 30px;
        line-height: 30px;
        width: 200px;
        border: 0;
        background: #fff;
        padding: 0 10px; }
      .header .logoandsearch .searchbox .searchbtn {
        height: 30px;
        border: 0;
        background: #087EC3;
        padding: 0 10px; }
        .header .logoandsearch .searchbox .searchbtn .icon {
          width: 16px; }
  .header .navbox {
    background: #fff;
    width: 100%;
    height: 50px;
    line-height: 50px; }
    .header .navbox .nav {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .header .navbox .nav .item {
        text-align: center;
        display: block;
        width: 100px;
        font-size: 18px;
        font-weight: 400;
        border-bottom: #fff 2px solid;
        height: 48px;
        line-height: 50px; }
        .header .navbox .nav .item:hover {
          border-bottom: #087EC3 2px solid; }
        .header .navbox .nav .item.active {
          color: #087EC3;
          font-weight: 600;
          border-bottom: #087EC3 2px solid; }

.banner {
  width: 100%;
  height: 400px; }
  .banner .swiper-container {
    width: 100%;
    height: 400px; }
  .banner .swiper-slide {
    background-position: center;
    background-size: cover; }

.indexnewsbox {
  padding: 40px 0; }
  .indexnewsbox .indexnews .titlebox {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .indexnewsbox .indexnews .titlebox .l {
      display: flex;
      align-items: center; }
    .indexnewsbox .indexnews .titlebox .zh {
      font-size: 24px;
      color: #333;
      font-weight: 600;
      white-space: nowrap;
      letter-spacing: 4px; }
    .indexnewsbox .indexnews .titlebox .line {
      font-size: 14px;
      color: #999;
      text-transform: uppercase;
      margin: 0 0 0 10px; }
    .indexnewsbox .indexnews .titlebox .en {
      font-size: 14px;
      color: #999;
      text-transform: uppercase;
      margin: 0 0 0 10px; }
    .indexnewsbox .indexnews .titlebox .more {
      color: #087EC3; }
  .indexnewsbox .indexnews .listbox {
    display: flex;
    justify-content: space-between;
    margin-top: 10px; }
    .indexnewsbox .indexnews .listbox .item1 {
      width: 32%;
      flex-shrink: 0;
      box-shadow: 0 0 10px #ebebeb;
      overflow: hidden;
      box-sizing: border-box; }
      .indexnewsbox .indexnews .listbox .item1 .thumbox {
        overflow: hidden;
        height: 250px;
        width: 100%;
        margin-bottom: 10px; }
        .indexnewsbox .indexnews .listbox .item1 .thumbox .thumb {
          width: 100%;
          height: 250px;
          transition: transform 0.3s ease-in-out;
          object-fit: cover;
          object-position: center; }
          .indexnewsbox .indexnews .listbox .item1 .thumbox .thumb:hover {
            transform: scale(1.2); }
      .indexnewsbox .indexnews .listbox .item1 .title {
        padding: 10px;
        box-sizing: border-box; }
        .indexnewsbox .indexnews .listbox .item1 .title .text {
          font-size: 16px;
          font-weight: 400;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          height: 42px;
          overflow: hidden; }
          .indexnewsbox .indexnews .listbox .item1 .title .text:hover {
            color: #087EC3; }
        .indexnewsbox .indexnews .listbox .item1 .title .date {
          color: #087EC3;
          font-size: 14px;
          margin-top: 15px; }
    .indexnewsbox .indexnews .listbox .item2box {
      width: 32%;
      box-sizing: border-box; }
      .indexnewsbox .indexnews .listbox .item2box .item2 {
        box-shadow: 0 0 10px #ebebeb;
        overflow: hidden;
        width: 100%;
        margin-bottom: 20px;
        padding: 15px;
        min-height: 146px; }
        .indexnewsbox .indexnews .listbox .item2box .item2:last-child {
          margin-bottom: 0; }
        .indexnewsbox .indexnews .listbox .item2box .item2 .text {
          font-size: 16px;
          font-weight: 400;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          height: 42px;
          overflow: hidden; }
          .indexnewsbox .indexnews .listbox .item2box .item2 .text:hover {
            color: #087EC3; }
        .indexnewsbox .indexnews .listbox .item2box .item2 .desc {
          font-size: 14px;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          height: 42px;
          overflow: hidden;
          color: #999;
          margin-top: 20px; }
        .indexnewsbox .indexnews .listbox .item2box .item2 .date {
          background: #087EC3;
          color: #fff;
          display: inline-block;
          font-size: 14px;
          padding: 5px 10px;
          border-radius: 2px;
          margin-top: 10px; }
    .indexnewsbox .indexnews .listbox .item3box {
      width: 32%;
      box-shadow: 0 0 10px #ebebeb;
      border-radius: 8px;
      overflow: hidden;
      padding: 15px 15px 10px 15px;
      flex-shrink: 0;
      box-sizing: border-box; }
      .indexnewsbox .indexnews .listbox .item3box .item3 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 4px 0; }
        .indexnewsbox .indexnews .listbox .item3box .item3 .text {
          font-size: 16px;
          font-weight: 400;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 290px;
          display: block;
          position: relative;
          padding-left: 15px; }
          .indexnewsbox .indexnews .listbox .item3box .item3 .text:hover {
            color: #087EC3; }
          .indexnewsbox .indexnews .listbox .item3box .item3 .text:after {
            content: "";
            width: 5px;
            height: 5px;
            position: absolute;
            background: #087EC3;
            left: 0;
            border-radius: 5px;
            top: 8px; }
        .indexnewsbox .indexnews .listbox .item3box .item3 .date {
          color: #087EC3;
          flex-shrink: 0; }

.indexaboutbox {
  background: #f7f7f7 url(../images/main2.jpeg) no-repeat center center;
  background-size: 100% 100%;
  padding: 40px 0; }
  .indexaboutbox .aboutbox {
    display: flex;
    justify-content: space-between; }
    .indexaboutbox .aboutbox .thumbox {
      flex-shrink: 0;
      overflow: hidden;
      box-shadow: 0 0 10px #dedddd;
      width: 600px; }
      .indexaboutbox .aboutbox .thumbox .thumb {
        transition: transform 0.3s ease-in-out;
        object-fit: cover;
        object-position: center; }
        .indexaboutbox .aboutbox .thumbox .thumb:hover {
          transform: scale(1.2); }
    .indexaboutbox .aboutbox .rightinfo .title {
      display: flex;
      align-items: center;
      margin-left: 40px;
      padding: 40px 0; }
      .indexaboutbox .aboutbox .rightinfo .title .lineb {
        width: 50px;
        height: 3px;
        background: #087EC3; }
      .indexaboutbox .aboutbox .rightinfo .title .zh {
        font-size: 24px;
        color: #333;
        font-weight: 600;
        white-space: nowrap;
        letter-spacing: 4px;
        margin-left: 10px; }
      .indexaboutbox .aboutbox .rightinfo .title .line {
        font-size: 14px;
        color: #999;
        text-transform: uppercase;
        margin: 0 0 0 10px; }
      .indexaboutbox .aboutbox .rightinfo .title .en {
        font-size: 14px;
        color: #999;
        text-transform: uppercase;
        margin: 0 0 0 10px; }
    .indexaboutbox .aboutbox .rightinfo .desc {
      color: #fff;
      background: #087EC3;
      line-height: 25px;
      height: 286px;
      padding: 20px; }
      .indexaboutbox .aboutbox .rightinfo .desc .more {
        color: #fff;
        font-weight: 800; }

.indexshengshenghuodong {
  padding: 40px 0; }
  .indexshengshenghuodong .shenghuodong {
    display: flex;
    justify-content: space-between; }
    .indexshengshenghuodong .shenghuodong .titlebox {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      .indexshengshenghuodong .shenghuodong .titlebox .l {
        display: flex;
        align-items: center; }
      .indexshengshenghuodong .shenghuodong .titlebox .zh {
        font-size: 24px;
        color: #333;
        font-weight: 600;
        white-space: nowrap;
        letter-spacing: 4px; }
      .indexshengshenghuodong .shenghuodong .titlebox .line {
        font-size: 14px;
        color: #999;
        text-transform: uppercase;
        margin: 0 0 0 10px; }
      .indexshengshenghuodong .shenghuodong .titlebox .en {
        font-size: 14px;
        color: #999;
        text-transform: uppercase;
        margin: 0 0 0 10px; }
      .indexshengshenghuodong .shenghuodong .titlebox .more {
        color: #087EC3; }
    .indexshengshenghuodong .shenghuodong .left {
      width: 48%; }
      .indexshengshenghuodong .shenghuodong .left .contetnbox {
        width: 100%;
        overflow: hidden;
        margin-top: 20px;
        border: #ebebeb 1px solid;
        padding: 20px; }
        .indexshengshenghuodong .shenghuodong .left .contetnbox .swiper-news {
          width: 100%;
          overflow: hidden; }
          .indexshengshenghuodong .shenghuodong .left .contetnbox .swiper-news .swiper-slide .thumbox {
            flex-shrink: 0;
            overflow: hidden; }
            .indexshengshenghuodong .shenghuodong .left .contetnbox .swiper-news .swiper-slide .thumbox .thumb {
              transition: transform 0.3s ease-in-out;
              object-fit: cover;
              object-position: center; }
              .indexshengshenghuodong .shenghuodong .left .contetnbox .swiper-news .swiper-slide .thumbox .thumb:hover {
                transform: scale(1.2); }
          .indexshengshenghuodong .shenghuodong .left .contetnbox .swiper-news .swiper-slide .ttbox {
            display: flex;
            padding: 10px 0; }
            .indexshengshenghuodong .shenghuodong .left .contetnbox .swiper-news .swiper-slide .ttbox .date {
              text-align: center;
              color: #999;
              flex-shrink: 0;
              margin-right: 20px; }
              .indexshengshenghuodong .shenghuodong .left .contetnbox .swiper-news .swiper-slide .ttbox .date .year {
                font-size: 24px;
                border-bottom: #ebebeb 1px solid; }
            .indexshengshenghuodong .shenghuodong .left .contetnbox .swiper-news .swiper-slide .ttbox .txt {
              width: 100%;
              font-size: 16px;
              font-weight: 400; }
    .indexshengshenghuodong .shenghuodong .right {
      width: 48%; }
      .indexshengshenghuodong .shenghuodong .right .contetnbox {
        margin-top: 20px; }
        .indexshengshenghuodong .shenghuodong .right .contetnbox .item {
          display: flex;
          align-items: center;
          padding: 10px 0; }
          .indexshengshenghuodong .shenghuodong .right .contetnbox .item:hover .date {
            color: #087EC3; }
          .indexshengshenghuodong .shenghuodong .right .contetnbox .item:hover .txt {
            color: #087EC3; }
          .indexshengshenghuodong .shenghuodong .right .contetnbox .item .date {
            text-align: center;
            color: #999;
            flex-shrink: 0;
            margin-right: 20px; }
            .indexshengshenghuodong .shenghuodong .right .contetnbox .item .date .year {
              padding-bottom: 5px; }
            .indexshengshenghuodong .shenghuodong .right .contetnbox .item .date .dd {
              font-size: 18px;
              border-top: #ebebeb 1px solid;
              padding-top: 5px; }
          .indexshengshenghuodong .shenghuodong .right .contetnbox .item .txt {
            width: 100%;
            font-size: 16px;
            font-weight: 400; }

.indexsizibox {
  padding: 20px 0 40px 0;
  background-image: linear-gradient(to bottom, #ffffff 50%, #f7f7f7 50%); }
  .indexsizibox .shizhibox .titlebox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    .indexsizibox .shizhibox .titlebox .l {
      display: flex;
      align-items: center; }
    .indexsizibox .shizhibox .titlebox .zh {
      font-size: 24px;
      color: #333;
      font-weight: 600;
      white-space: nowrap;
      letter-spacing: 4px; }
    .indexsizibox .shizhibox .titlebox .line {
      font-size: 14px;
      color: #999;
      text-transform: uppercase;
      margin: 0 0 0 10px; }
    .indexsizibox .shizhibox .titlebox .en {
      font-size: 14px;
      color: #999;
      text-transform: uppercase;
      margin: 0 0 0 10px; }
    .indexsizibox .shizhibox .titlebox .more {
      color: #087EC3; }
  .indexsizibox .shizhibox .contentbox {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
    height: auto;
    padding-bottom: 30px; }
    .indexsizibox .shizhibox .contentbox .swiper-shizi {
      position: relative; }
      .indexsizibox .shizhibox .contentbox .swiper-shizi .swiper-pagination {
        bottom: -30px; }
    .indexsizibox .shizhibox .contentbox .swiper-slide .thumbox {
      flex-shrink: 0;
      overflow: hidden; }
      .indexsizibox .shizhibox .contentbox .swiper-slide .thumbox .thumb {
        width: 100%;
        height: 250px;
        transition: transform 0.3s ease-in-out;
        object-fit: cover;
        object-position: center; }
        .indexsizibox .shizhibox .contentbox .swiper-slide .thumbox .thumb:hover {
          transform: scale(1.2); }
    .indexsizibox .shizhibox .contentbox .swiper-slide .info {
      padding: 10px 0; }
      .indexsizibox .shizhibox .contentbox .swiper-slide .info .t {
        text-align: center;
        font-weight: 16px;
        font-weight: 400; }
      .indexsizibox .shizhibox .contentbox .swiper-slide .info .des {
        margin-top: 10px;
        color: #999; }

.foot_box {
  position: relative; }
  .foot_box .foot_1 {
    height: 260px;
    background-color: #087EC3; }
    .foot_box .foot_1 .footneibox {
      display: flex;
      justify-content: space-between; }
      .foot_box .foot_1 .footneibox .jg {
        width: 1px;
        height: 185px;
        background-color: rgba(255, 255, 255, 0.1);
        position: relative;
        top: 50px; }
      .foot_box .foot_1 .footneibox .ft02_m {
        padding: 50px 30px 0 30px; }
        .foot_box .foot_1 .footneibox .ft02_m .titbox {
          color: #fff;
          font-size: 18px;
          font-weight: 500; }
        .foot_box .foot_1 .footneibox .ft02_m .footnewlist {
          margin-top: 10px; }
          .foot_box .foot_1 .footneibox .ft02_m .footnewlist .item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: #fff;
            padding: 5px 0 5px 10px;
            position: relative; }
            .foot_box .foot_1 .footneibox .ft02_m .footnewlist .item:after {
              content: '';
              width: 5px;
              height: 5px;
              position: absolute;
              left: 0;
              background: #fff;
              top: 13px; }
            .foot_box .foot_1 .footneibox .ft02_m .footnewlist .item .t {
              width: 90%;
              max-width: 350px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
            .foot_box .foot_1 .footneibox .ft02_m .footnewlist .item .date {
              flex-shrink: 0;
              margin-left: 20px; }

.ft01_l {
  width: 396px; }

.ft01_l .main_item_1 {
  padding: 38px 0 0 8px; }

.ft01_l .main_item_1 .abox {
  display: block;
  height: 68px;
  font-size: 0;
  position: relative;
  overflow: hidden; }

.ft01_l .main_item_1 .abox .img {
  display: block;
  height: 100%; }

.ft01_l .main_item_2 {
  margin-top: 38px; }

.ft01_l .main_item_2 .text_item_1 .text_1 {
  color: #fff;
  font-size: 14px;
  line-height: 30px; }

.ft01_m {
  width: 208px; }

.ft01_m .main_item_1 {
  padding: 50px 0 0 30px; }

.ft01_m .main_item_1 .list ul li {
  width: 100%; }

.ft01_m .main_item_1 .list ul li .abox {
  display: block; }

.ft01_m .main_item_1 .list ul li .abox .text_item_1 {
  color: #fff;
  font-size: 14px;
  line-height: 30px; }

/*act*/
.ft01_m .main_item_1 .list ul li .abox:hover .text_item_1 {
  color: #ffffff;
  font-weight: bold; }

/*act*/
.ft01_r {
  padding-left: 20px;
  width: 376px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .ft01_r .codeitem {
    width: 48%;
    text-align: center; }
    .ft01_r .codeitem .ewmimg {
      width: 100px;
      height: 100px; }
    .ft01_r .codeitem .t {
      color: #fff;
      margin-top: 10px; }

.foot_2 {
  background-color: #025b8e; }

.ft02_main_1 .text_item_1 {
  color: #ffffff;
  font-size: 14px;
  line-height: 42px;
  text-align: center; }

.ft02_main_1 .text_item_1 a {
  color: #ffffff; }

.zhaosheng_indexbox {
  display: flex;
  justify-content: space-between;
  margin-top: 20px; }
  .zhaosheng_indexbox .titlebox {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .zhaosheng_indexbox .titlebox .l {
      display: flex;
      align-items: center; }
    .zhaosheng_indexbox .titlebox .zh {
      font-size: 24px;
      color: #333;
      font-weight: 600;
      white-space: nowrap;
      letter-spacing: 4px; }
    .zhaosheng_indexbox .titlebox .line {
      font-size: 14px;
      color: #999;
      text-transform: uppercase;
      margin: 0 0 0 10px; }
    .zhaosheng_indexbox .titlebox .en {
      font-size: 14px;
      color: #999;
      text-transform: uppercase;
      margin: 0 0 0 10px; }
    .zhaosheng_indexbox .titlebox .more {
      color: #087EC3; }
  .zhaosheng_indexbox .videobox {
    width: 388px; }
    .zhaosheng_indexbox .videobox .video {
      margin-top: 20px; }
  .zhaosheng_indexbox .newsbox {
    width: 510px; }
    .zhaosheng_indexbox .newsbox .contetnbox {
      margin-top: 15px; }
      .zhaosheng_indexbox .newsbox .contetnbox .item {
        display: flex;
        align-item: center;
        justify-content: space-between;
        padding: 5px 0;
        position: relative;
        padding-left: 15px; }
        .zhaosheng_indexbox .newsbox .contetnbox .item:after {
          content: '';
          position: absolute;
          width: 5px;
          height: 5px;
          background: #999;
          margin-top: 7px;
          left: 0; }
        .zhaosheng_indexbox .newsbox .contetnbox .item .date {
          flex-shrink: 0;
          margin-left: 20px;
          text-align: right;
          color: #666; }
        .zhaosheng_indexbox .newsbox .contetnbox .item .txt {
          width: 385px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
  .zhaosheng_indexbox .helpbox {
    width: 250px; }
    .zhaosheng_indexbox .helpbox .imgbox {
      margin-top: 20px; }
      .zhaosheng_indexbox .helpbox .imgbox .vrimg {
        width: 100%;
        height: 122px;
        margin-bottom: 11px; }
      .zhaosheng_indexbox .helpbox .imgbox .wendaimg {
        width: 100%;
        height: 122px; }

body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
  margin: 0;
  padding: 0; }

a:hover {
  color: #367DBE; }

.notice {
  background-color: #f7f7f7;
  height: 50px;
  margin-top: 10px; }

.notice h4 {
  width: 153px;
  float: left;
  padding: 0 40px;
  box-sizing: border-box;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background: url("../images/notice.jpg") no-repeat center;
  width: 153px;
  height: 50px;
  font-weight: normal;
  margin: 0; }

.scroll-con {
  float: left;
  height: 50px;
  overflow: hidden;
  width: calc(100% - 213px); }

.notice ul {
  transition: 300ms;
  margin: 0;
  padding: 0;
  position: relative; }

.notice li {
  height: 50px;
  display: flex;
  list-style: none;
  position: relative; }

.notice li p {
  flex: 1;
  text-align: right;
  margin-left: 50px;
  font-size: 14px;
  color: #999;
  line-height: 50px;
  position: relative;
  word-wrap: break-word; }

.notice li p:before {
  border-left: 1px solid #ddd;
  height: 20px;
  content: '';
  position: absolute;
  left: -25px;
  top: 16px; }

.notice li p:first-child {
  margin-left: 20px; }

.notice li p:first-child:before {
  display: none; }

.notice li a {
  float: left;
  width: 334px;
  overflow: hidden;
  text-align: left;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.notice li a:hover {
  color: #367DBE; }

.notice li a:before {
  content: '';
  width: 4px;
  height: 4px;
  background-color: #979797;
  line-height: 50px;
  float: left;
  margin: 24px 10px 0 0; }

.notice h6 {
  float: right;
  width: 60px;
  height: 50px;
  position: relative; }

.notice h6 span {
  cursor: pointer;
  width: 100%;
  text-align: center;
  height: 25px;
  position: absolute;
  left: 0;
  top: 0; }

.notice h6 span:before {
  border: 7px solid transparent;
  height: 0;
  width: 0;
  transition: 300ms;
  border-bottom-color: #949494;
  content: '';
  display: inline-block; }

.notice h6 span.down {
  top: unset;
  bottom: 0;
  transform: rotate(180deg); }

.notice h6 span:hover:before {
  border-bottom-color: #333; }

/*# sourceMappingURL=xueyuan.css.map */