@font-face {
  font-family: "Gilroy-Medium";
  src: url("../fonts/Gilroy-Medium-2.woff2") format("woff2"),
       url("../fonts/Gilroy-Medium-2.woff") format("woff"),
       url("../fonts/Gilroy-Medium-2.ttf") format("truetype"),
       url("../fonts/Gilroy-Medium-2.eot") format("embedded-opentype"),
       url("../fonts/Gilroy-Medium-2.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
a, select, textarea, input, button, html, body, div, ul, li {
  tap-highlight-color: transparent !important; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="text"] {
  -webkit-appearance: none; }

button, input, textarea, select {
  border: none;
  border-radius: 0;
  outline: none; }

.slick-slider {
  margin-bottom: 0 !important; }
.ulright .map{
	width:100%;
	height:500px;
}
.main.institution .institution_box .why_box .why .text_box .con,
.main.institution .institution_box .container .box .text_box .con,
.main.institution .institution_box .top_box .top_r .cont,
.main.institution .institution_box .research_list ul li a .cont .con,
.main.institution .institution_box .list_box ul li a .con,
.main.achievement .box .box_cen .list ul li a .text .con,
.main.achievement .box .box_cen .top_box .top_r .cont{
	text-indent:2em;
}
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0; }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0; } }
@keyframes scale {
  0% {
    transform: scale(0.2);
    opacity: 0; }
  50% {
    transform: scale(0.5);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }
.f8f8f8 {
  background: #f8f8f8; }

html {
  font-size: 20px; }

@media only screen and (min-width: 360px) {
  html {
    font-size: 20px !important; } }
@media only screen and (min-width: 435px) {
  html {
    font-size: 30px !important; } }
@media only screen and (min-width: 500px) {
  html {
    font-size: 36px !important; } }
@media only screen and (min-width: 750px) {
  html {
    font-size: 40px !important; } }
@-webkit-keyframes pound {
  from {
    -webkit-transform: none;
    transform: none; }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes pound {
  from {
    -webkit-transform: none;
    transform: none; }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  to {
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes move {
  0% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); } }
@keyframes move {
  0% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); } }
@font-face {
  font-family: "LaoUI";
  src: url("fonts/LaoUI.woff2") format("woff2"), url("fonts/LaoUI.woff") format("woff"), url("fonts/LaoUI.ttf") format("truetype"), url("fonts/LaoUI.eot") format("embedded-opentype"), url("fonts/LaoUI.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "LibreBaskerville-Regular";
  src: url("fonts/LibreBaskerville-Regular.woff2") format("woff2"), url("fonts/LibreBaskerville-Regular.woff") format("woff"), url("fonts/LibreBaskerville-Regular.ttf") format("truetype"), url("fonts/LibreBaskerville-Regular.eot") format("embedded-opentype"), url("fonts/LibreBaskerville-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "LIBREBASKERVILLE-BOLD";
  src: url("fonts/LIBREBASKERVILLE-BOLD.woff2") format("woff2"), url("fonts/LIBREBASKERVILLE-BOLD.woff") format("woff"), url("fonts/LIBREBASKERVILLE-BOLD.ttf") format("truetype"), url("fonts/LIBREBASKERVILLE-BOLD.eot") format("embedded-opentype"), url("fonts/LIBREBASKERVILLE-BOLD.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Didot_2';
  src: url("fonts/Didot_2.eot");
  src: url("fonts/Didot_2.eot") format("embedded-opentype"), url("fonts/Didot_2.woff2") format("woff2"), url("fonts/Didot_2.woff") format("woff"), url("fonts/Didot_2.ttf") format("truetype"), url("fonts/Didot_2.svg#Didot_2") format("svg"); }
body {
  width: 100%;
  overflow: hidden; }

.ellipsis, .main.news_detail .detail_cont .bot .left_text p, .main.branch .news_b .news_list ul li a .text h5, .main.institution .wrap .gain_box .gain_box_cen .list ul li a .text .t {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

::-webkit-input-placeholder {
  color: #666 !important; }

:-moz-placeholder {
  color: #666 !important; }

::-moz-placeholder {
  color: #666 !important; }

:-ms-input-placeholder {
  color: #666 !important; }

.w1500 {
  width: 1500px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 1600px) {
    .w1500 {
      width: 88%; } }
  @media (max-width: 1024px) {

    .w1500 {
      width: 92%; } }

.bocweb-header {
  position: relative;
  z-index: 1000; }
  .bocweb-header.fix .header_nav_box {
    position: fixed;
    box-shadow: 0 0 13px rgba(4, 0, 0, 0.26);
    left: 0;
    top: 0;
    z-index: 1000; }
    .bocweb-header.fix .header_nav_box::before {
      top: 0; }
  .bocweb-header .header_top {
    background: #252525;
    height: 48px; }
    @media (max-width: 1024px) {
      .bocweb-header .header_top {
        display: none;
        height: 0; } }
    .bocweb-header .header_top .header_cen .search {
      display: flex;
     align-items: center;
      float: left;
      width: 430px;
      height: 48px;
      padding: 0 122px 0 22px;
      box-sizing: border-box;
      background: rgba(255,255,255,.2);
      position: relative; }
      @media (max-width: 1500px) {
        .bocweb-header .header_top .header_cen .search {
          width: 42%; } }
      .bocweb-header .header_top .header_cen .search .input {
        width: 100%;
        background: none;
        font-size: 18px;
        line-height: 48px;
        color: #fff;
        display: block;
        height: 100%;
        font-family: "LaoUI"; }
      .bocweb-header .header_top .header_cen .search .submit {
        position: absolute;
        right: 22px;
        top: 0;
        font-size: 18px;
        line-height: 48px;
        color: #fff;
        font-family: "LaoUI";
        background: none;
        border: none;
        padding-left: 30px;
        background: url(../img/search.png) no-repeat left center; }
    .bocweb-header .header_top .header_cen .links {
      float: right;
      width: 25.33%; }
      .bocweb-header .header_top .header_cen .links a {
        display: block;
        /* width:155px;*/
        width: 25%;
        float: left;
        margin-left: -1px;
        border-left: 1px solid #3b3b3b;
        border-right: 1px solid #3b3b3b;
        box-sizing: border-box;
        text-align: center;
        font-size: 16px;
        line-height: 48px;
        font-family: "LibreBaskerville-Regular";
        color: #fff; }
        @media (max-width: 1500px) {
          .bocweb-header .header_top .header_cen .links a {
            font-size: 15px; } }
  .bocweb-header .header_nav_box {
    position: relative;
    width: 100%;
    background: #fff;
    transition: box-shadow 0.3s; }
  .bocweb-header .header_nav {
    padding-top: 35px;
    padding-bottom: 20px;
    position: relative; }
    @media (max-width: 1500px) {
      .bocweb-header .header_nav {
        padding-top: 25px;
        padding-bottom: 15px; } }
    @media (max-width: 1024px) {
      .bocweb-header .header_nav {
        padding: 0; } }
    .bocweb-header .header_nav .search_btn {
      float: left;
      width: 30px;
      height: 60px;
      background: url(../img/search_btn.png) no-repeat center center;
      display: none; }
      @media (max-width: 1024px) {
        .bocweb-header .header_nav .search_btn {
          display: block; } }
      @media (max-width: 500px) {
        .bocweb-header .header_nav .search_btn {
          height: 50px;
          background-size: 22px auto; } }
    .bocweb-header .header_nav .push-line {
      overflow: hidden;
      width: 28px;
      height: 60px;
      cursor: pointer;
      float: right;
      position: relative;
      display: none;
      transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
      @media (max-width: 1024px) {
        .bocweb-header .header_nav .push-line {
          display: block; } }
      @media (max-width: 500px) {
        .bocweb-header .header_nav .push-line {
          height: 50px; } }
      .bocweb-header .header_nav .push-line span {
        height: 2px;
        background: #143b6c;
        display: block;
        position: absolute;
        width: 28px;
        display: block;
        z-index: 5;
        top: 18px;
        left: 50%;
        margin: 0px 0px 0px -14px;
        -webkit-transform-origin: center;
        transform-origin: center;
        border-radius: 3px;
        transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
        @media (max-width: 500px) {
          .bocweb-header .header_nav .push-line span {
            top: 13px; } }
        .bocweb-header .header_nav .push-line span.line-2 {
          top: 28px; }
          @media (max-width: 500px) {
            .bocweb-header .header_nav .push-line span.line-2 {
              top: 23px; } }
        .bocweb-header .header_nav .push-line span.line-3 {
          top: 38px; }
          @media (max-width: 500px) {
            .bocweb-header .header_nav .push-line span.line-3 {
              top: 33px; } }
      .bocweb-header .header_nav .push-line.currentDd .line-1 {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        top: 30px; }
        @media (max-width: 500px) {
          .bocweb-header .header_nav .push-line.currentDd .line-1 {
            top: 25px; } }
      .bocweb-header .header_nav .push-line.currentDd .line-2 {
        opacity: 0;
        left: -100%; }
      .bocweb-header .header_nav .push-line.currentDd .line-3 {
        top: 30px;
        -webkit-transform: rotate(-225deg);
        transform: rotate(-225deg); }
        @media (max-width: 500px) {
          .bocweb-header .header_nav .push-line.currentDd .line-3 {
            top: 25px; } }
    .bocweb-header .header_nav .logo {
      width: 280px;
      height: 110px;
      position: absolute;
      background-size: cover;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      /*background: url(../img/logo_bg.png) no-repeat center center;*/
      background-color: #fff;
      background-size: 100% 100%; }
      @media (max-width: 1500px) {
        .bocweb-header .header_nav .logo {
          width: 150px;
          height: 90px; } }
      @media (max-width: 1024px) {
        .bocweb-header .header_nav .logo {
          width: 3.75rem;
          height: 2.825rem; } }
      @media (max-width: 500px) {
        .bocweb-header .header_nav .logo {
             width: 6.9rem;
    height: 2.5rem; } }
      .bocweb-header .header_nav .logo a {
        display: block;
        width: 100%;
        height: 100%;
        background: url(../img/logo.png) no-repeat center center;
        background-size: 92% auto; }
    .bocweb-header .header_nav ul {
      border-top: 1px solid #ececec;
      width: 40.93%; }
      @media (max-width: 1024px) {
        .bocweb-header .header_nav ul {
          display: none; } }
      .bocweb-header .header_nav ul.fr {
        padding-left: 2.4%;
        box-sizing: border-box; }
      .bocweb-header .header_nav ul li {
        float: left;
        width: 30%;
        text-align: center; }
        .bocweb-header .header_nav ul li.active a {
          color: #d0515a; }
        @media (min-width: 1024px) {
          .bocweb-header .header_nav ul li:hover a {
            color: #d0515a; } }
        .bocweb-header .header_nav ul li a {
          font-size: 20px;
          line-height: 36px;
          color: #333;
          transition: color 0.3s;
          padding: 11px 0;
          font-weight: bold;
          text-align: center;
          display: inline-block; }
          @media (max-width: 1500px) {
            .bocweb-header .header_nav ul li a {
              font-size: 18px;
              line-height: 30px; } }

.abanner {
  height: 320px;
  border-radius: 15px;
  background-repeat: no-repeat !important; }
  @media (max-width: 1024px) {
    .abanner {
      border-radius: 0;
      width: 100%;
      height: 280px; } }
  @media (max-width: 600px) {
    .abanner {
      height: 180px; } }

.position.position2 .position_pc ul {
  padding-left: 275px; }
.position.position3 .position_pc ul {
  padding-left: 300px; }
.position.branch_pos .position_pc ul li a {
  margin: 0 50px; }
  @media (max-width: 1600px) {
    .position.branch_pos .position_pc ul li a {
      margin: 0 40px; } }
  @media (max-width: 1450px) {
    .position.branch_pos .position_pc ul li a {
      margin: 0 30px; } }
  @media (max-width: 1350px) {
    .position.branch_pos .position_pc ul li a {
      margin: 0 20px; } }
  @media (max-width: 1150px) {
    .position.branch_pos .position_pc ul li a {
      margin: 0 13px; } }
  .position.branch_pos .position_pc ul li a::after {
    right: -50px; }
    @media (max-width: 1600px) {
      .position.branch_pos .position_pc ul li a::after {
        right: -40px; } }
    @media (max-width: 1450px) {
      .position.branch_pos .position_pc ul li a::after {
        right: -30px; } }
    @media (max-width: 1350px) {
      .position.branch_pos .position_pc ul li a::after {
        right: -20px; } }
    @media (max-width: 1150px) {
      .position.branch_pos .position_pc ul li a::after {
        right: -13px; } }
.position .position_m {
  display: none;
  box-shadow: 0 5px 20px rgba(164, 164, 164, 0.2); }
  @media (max-width: 1024px) {
    .position .position_m {
      display: block; } }
  .position .position_m .swiper-wrapper .swiper-slide {
    width: auto;
    display: inline-block; }
    .position .position_m .swiper-wrapper .swiper-slide.active a {
      background: #d0515a;
      color: #fff; }
    .position .position_m .swiper-wrapper .swiper-slide a {
      padding: 0 80px;
      color: #333;
      display: inline-block;
      border-right: 1px solid #e8e8e8;
      font-size: 16px;
      line-height: 50px; }
      @media (max-width: 700px) {
        .position .position_m .swiper-wrapper .swiper-slide a {
          padding: 0 30px; } }
      @media (max-width: 435px) {
        .position .position_m .swiper-wrapper .swiper-slide a {
          padding: 0 20px;
          line-height: 40px;
          font-size: 15px; } }
.position .position_pc {
  padding: 0 100px;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #ececec; }
  @media (max-width: 1024px) {
    .position .position_pc {
      display: none; } }
  @media (max-width: 1500px) {
    .position .position_pc {
      padding: 0 50px; } }
  @media (max-width: 1024px) {
    .position .position_pc {
      display: none; } }
  .position .position_pc .left_box {
    position: absolute;
    left: 100px;
    bottom: 0;
    background: #d0515a;
    height: 100px;
    padding-top: 25px;
    box-sizing: border-box;
    padding: 0 25px;
    display: inline-flex;
    display: -ms-inline-flexbox;
    justify-content: center;
    flex-direction: column;
    border-radius: 0 15px 0 0;
    min-width: 190px; }
    @media (max-width: 1500px) {
      .position .position_pc .left_box {
        left: 50px; } }
    @media (max-width: 1200px) {
      .position .position_pc .left_box {
        padding: 0 15px;
        min-width: 170px; } }
    .position .position_pc .left_box .left_tit {
      font-size: 30px;
      line-height: 34px;
      color: #fff; }
      @media (max-width: 1200px) {
        .position .position_pc .left_box .left_tit {
          font-size: 26px;
          line-height: 30px; } }
    .position .position_pc .left_box .left_en {
      font-size: 18px;
      line-height: 22px;
      color: rgba(255, 255, 255, 0.2);
      font-family: "LibreBaskerville-Regular"; }
      @media (max-width: 1200px) {
        .position .position_pc .left_box .left_en {
          font-size: 16px;
          line-height: 20px; } }
  .position .position_pc ul {
    float: left;
    margin-left: 5px;
    padding-left: 190px; }
    .position .position_pc ul li:last-child a::after {
      display: none; }
    .position .position_pc ul li.active a {
      color: #d0515a; }
      .position .position_pc ul li.active a::before {
        transform: scaleX(1);
        transform-origin: left center; }
    @media (min-width: 1024px) {
      .position .position_pc ul li:hover a {
        color: #d0515a; }
        .position .position_pc ul li:hover a::before {
          transform: scaleX(1);
          transform-origin: left center; } }
    .position .position_pc ul li a {
      transition: color 0.4s ease;
      margin: 0 55px;
      position: relative;
      font-size: 18px;
      line-height: 70px;
      color: #333;
      display: block; }
      @media (max-width: 1600px) {
        .position .position_pc ul li a {
          margin: 0 50px; } }
      @media (max-width: 1450px) {
        .position .position_pc ul li a {
          margin: 0 40px; } }
      @media (max-width: 1350px) {
        .position .position_pc ul li a {
          margin: 0 30px; } }
      @media (max-width: 1200px) {
        .position .position_pc ul li a {
          margin: 0 20px; } }
      @media (max-width: 1100px) {
        .position .position_pc ul li a {
          margin: 0 15px; } }
      .position .position_pc ul li a::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 3px;
        width: 100%;
        background: #d0515a;
        transform: scaleX(0);
        transform-origin: right center;
        transition: transform 0.4s ease; }
      .position .position_pc ul li a::after {
        content: "";
        display: block;
        width: 1px;
        height: 16px;
        background: #ececec;
        position: absolute;
        right: -55px;
        top: 50%;
        transform: translateY(-50%); }
        @media (max-width: 1600px) {
          .position .position_pc ul li a::after {
            right: -50px; } }
        @media (max-width: 1450px) {
          .position .position_pc ul li a::after {
            right: -40px; } }
        @media (max-width: 1350px) {
          .position .position_pc ul li a::after {
            right: -30px; } }
        @media (max-width: 1200px) {
          .position .position_pc ul li a::after {
            right: -20px; } }
        @media (max-width: 1100px) {
          .position .position_pc ul li a::after {
            right: -15px; } }

.classification {
  text-align: center;
  font-size: 0;
  margin-top: 5px; }
  @media (max-width: 600px) {
    .classification {
      margin-top: 0; } }
  .classification a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    min-width: 186px;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 48px;
    color: #454545;
    font-weight: bold;
    text-align: center;
    border-radius: 24px;
    margin: 0 15px;
    background: #fafafa;
    transition: color 0.3s,background 0.3s; }
    @media (max-width: 768px) {
      .classification a {
        font-size: 16px;
        line-height: 40px;
        min-width: 140px; } }
    @media (max-width: 435px) {
      .classification a {
        min-width: 120px;
        line-height: 36px;
        margin: 8px; } }
    .classification a.active {
      color: #fff;
      background: #d0515a; }
    @media (min-width: 1024px) {
      .classification a:hover {
        color: #fff;
        background: #d0515a; } }

.main.welcome .banner {
  background: #143b6c;
  position: relative; }
  @media (min-width: 435px) {
    .main.welcome .banner {
      padding-top: 70px; } }
  @media (max-width: 360px) {
    .main.welcome .banner {
      padding-top: 40px; } }
  .main.welcome .banner .swiper-pagination_box {
    position: absolute;
    bottom: -40px;
    padding-right: 10px;
    box-sizing: border-box;
    z-index: 100;
    left: 50%;
    width: 1500px;
    margin-left: -750px; }
    @media (max-width: 1600px) {
      .main.welcome .banner .swiper-pagination_box {
        width: 88%;
        margin-left: -44%; } }
    @media (max-width: 1024px) {
      .main.welcome .banner .swiper-pagination_box {
        width: 92%;
        margin-left: -46%; } }
    @media (max-width: 600px) {
      .main.welcome .banner .swiper-pagination_box {
        position: absolute;
        bottom: -30px; } }
    .main.welcome .banner .swiper-pagination_box .btn_box {
      float: right; }
      @media (max-width: 600px) {
        .main.welcome .banner .swiper-pagination_box .btn_box {
          display: none; } }
      .main.welcome .banner .swiper-pagination_box .btn_box .prev {
        width: 8px;
        height: 15px;
        cursor: pointer;
        float: left;
        margin: 0 20px;
        background: url(../img/prev.png) no-repeat center center;
        position: relative; }
        @media (max-width: 600px) {
          .main.welcome .banner .swiper-pagination_box .btn_box .prev {
            display: none; } }
        .main.welcome .banner .swiper-pagination_box .btn_box .prev::after {
          content: "";
          display: block;
          width: 1px;
          height: 100%;
          position: absolute;
          right: -20px;
          top: 0;
          background: #fff; }
      .main.welcome .banner .swiper-pagination_box .btn_box .next {
        width: 8px;
        height: 15px;
        float: left;
        margin: 0 20px;
        cursor: pointer;
        background: url(../img/next.png) no-repeat center center; }
    .main.welcome .banner .swiper-pagination_box .swiper-pagination {
      position: static !important;
      width: auto;
      margin-right: 10px;
      line-height: 0;
      display: inline-block;
      float: right;
      margin-top: 2px; }
      @media (max-width: 600px) {
        .main.welcome .banner .swiper-pagination_box .swiper-pagination {
          margin-right: 0;
          width: 100%;
          text-align: center; } }
      .main.welcome .banner .swiper-pagination_box .swiper-pagination span {
        width: 10px;
        height: 10px;
        border: 1px solid #fff;
        box-sizing: border-box;
        border-radius: 50%;
        display: inline-block;
        margin: 0 5px; }
        .main.welcome .banner .swiper-pagination_box .swiper-pagination span.swiper-pagination-bullet-active {
          background: #fff; }
          @media (max-width: 600px) {
            .main.welcome .banner .swiper-pagination_box .swiper-pagination span.swiper-pagination-bullet-active {
              background: #143b6c; } }
        @media (max-width: 600px) {
          .main.welcome .banner .swiper-pagination_box .swiper-pagination span {
            border-color: #143b6c; } }
  .main.welcome .banner .swiper-container {
    position: relative;
    top: 60px;
    z-index: 100; }
    @media (max-width: 600px) {
      .main.welcome .banner .swiper-container {
        top: 0; } }
    .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide {
      position: relative;
      overflow: hidden; }
      .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide a {
        display: block; }
      .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .mask {
        position: absolute;
        width: 50%;
        height: 100%;
        right: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.53); }
        @media (max-width: 1024px) {
          .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .mask {
            width: 60%; } }
        @media (max-width: 600px) {
          .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .mask {
            display: none; } }
      .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .text_box {
        position: absolute;
        right: 0;
        top: 50%;
        width: 50%;
        z-index: 10;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
        padding: 0 70px;
        box-sizing: border-box; }
        @media (max-width: 1540px) {
          .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .text_box {
            padding: 0 30px; } }
        @media (max-width: 1024px) {
          .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .text_box {
            width: 60%; } }
        @media (max-width: 750px) {
          .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .text_box {
            padding: 0 20px; } }
        @media (max-width: 600px) {
          .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .text_box {
            width: 100%;
            position: static;
            -webkit-transform: translateY(0%);
            transform: translateY(0%);
            padding: 10px;
            background: #143b6c; } }
        .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .text_box .t {
          font-size: 42px;
          line-height: 56px;
          color: #fff;
          text-align: center; }
          @media (max-width: 1540px) {
            .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .text_box .t {
              font-size: 38px;
              line-height: 50px; } }
          @media (max-width: 1400px) {
            .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .text_box .t {
              font-size: 32px;
              line-height: 44px;
              padding: 4px 0; } }
          @media (max-width: 1100px) {
            .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .text_box .t {
              font-size: 28px;
              line-height: 40px; } }
          @media (max-width: 750px) {
            .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .text_box .t {
              padding: 0;
              font-size: 24px;
              line-height: 36px; } }
          @media (max-width: 600px) {
            .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .text_box .t {
              font-size: 16px;
              line-height: 24px; } }
        .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .text_box .en_t {
          font-size: 36px;
          line-height: 50px;
          color: #fff;
          margin-top: 6px;
          font-family: "LIBREBASKERVILLE-BOLD"; }
          @media (max-width: 1540px) {
            .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .text_box .en_t {
              font-size: 32px;
              line-height: 50px; } }
          @media (max-width: 1400px) {
            .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .text_box .en_t {
              font-size: 28px;
              line-height: 48px; } }
          @media (max-width: 750px) {
            .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .text_box .en_t {
              font-size: 22px;
              line-height: 36px; } }
          @media (max-width: 600px) {
            .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .text_box .en_t {
              font-size: 14px;
              line-height: 20px;
              margin-top: 3px; } }
      .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .pic {
        overflow: hidden;
        border-radius: 15px; }
        @media (max-width: 1024px) {
          .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .pic {
            border-radius: 10px; } }
        .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .pic img {
          width: 100%;
          border-radius: 15px; }
          @media (max-width: 1024px) {
            .main.welcome .banner .swiper-container .swiper-wrapper .swiper-slide .pic img {
              width: 130%;
              margin-left: -15%;
              border-radius: 10px; } }
.main.welcome .title .cn {
  font-size: 38px;
  line-height: 38px;
  color: #454545; }
  @media (max-width: 1350px) {
    .main.welcome .title .cn {
      font-size: 32px;
      line-height: 32px; } }
  @media (max-width: 600px) {
    .main.welcome .title .cn {
      font-size: 20px;
      line-height: 36px; } }
.main.welcome .title .en {
  font-size: 32px;
  line-height: 40px;
  color: #d0515a;
  font-family: "LibreBaskerville-Regular";
  margin-top: 10px; }
  @media (max-width: 1350px) {
    .main.welcome .title .en {
      font-size: 28px;
      line-height: 36px; } }
  @media (max-width: 600px) {
    .main.welcome .title .en {
      margin-top: 0px;
      font-size: 16px;
      line-height: 20px; } }
.main.welcome .index_about {
  padding-top: 158px;
  padding-bottom: 80px;
  background: #fbfbfb;
  position: relative; }
  @media (max-width: 1024px) {
    .main.welcome .index_about {
      padding-top: 110px; } }
  @media (max-width: 600px) {
    .main.welcome .index_about {
      padding-top: 55px;
      padding-bottom: 40px; } }
  @media (max-width: 1024px) {
    .main.welcome .index_about .line_box {
      display: none; } }
  .main.welcome .index_about .line_box .line {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    background: #ececec; }
    .main.welcome .index_about .line_box .line.line-1 {
      left: 16.66%; }
    .main.welcome .index_about .line_box .line.line-2 {
      left: 33.33%; }
    .main.welcome .index_about .line_box .line.line-3 {
      left: 50%; }
    .main.welcome .index_about .line_box .line.line-4 {
      left: 66.66%; }
    .main.welcome .index_about .line_box .line.line-5 {
      left: 83.33%; }
  .main.welcome .index_about .about_cen {
    position: relative;
    z-index: 10; }
    .main.welcome .index_about .about_cen .about_l {
      float: left;
      width: 21.33%; }
      @media (max-width: 1200px) {
        .main.welcome .index_about .about_cen .about_l {
          width: 24%; } }
      @media (max-width: 1024px) {
        .main.welcome .index_about .about_cen .about_l {
          width: 26%; } }
      @media (max-width: 850px) {
        .main.welcome .index_about .about_cen .about_l {
          float: none;
          width: 45%;
          margin-left: auto;
          margin-right: auto;
          margin-top: 25px; } }
      @media (max-width: 500px) {
        .main.welcome .index_about .about_cen .about_l {
          width: 65%; } }
      @media (max-width: 435px) {
        .main.welcome .index_about .about_cen .about_l {
          width: 90%;
          display: none; } }
      .main.welcome .index_about .about_cen .about_l .ab {
        padding-bottom: 91.65%;
        background: #143b6c;
        border-radius: 45px 5px;
        overflow: hidden;
        height: 0;
        box-sizing: border-box;
        position: relative; }
        @media (max-width: 1200px) {
          .main.welcome .index_about .about_cen .about_l .ab {
            border-radius: 25px 5px; } }
        .main.welcome .index_about .about_cen .about_l .ab .tb {
          position: absolute;
          left: 0;
          width: 100%;
          padding: 0 35px;
          box-sizing: border-box;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
          @media (max-width: 1024px) {
            .main.welcome .index_about .about_cen .about_l .ab .tb {
              padding: 0 20px; } }
          .main.welcome .index_about .about_cen .about_l .ab .tb .ico {
            text-align: right; }
            .main.welcome .index_about .about_cen .about_l .ab .tb .ico img {
              max-width: 100%;
              display: inline-block; }
              @media (max-width: 1400px) {
                .main.welcome .index_about .about_cen .about_l .ab .tb .ico img {
                  max-height: 40px; } }
              @media (max-width: 1024px) {
                .main.welcome .index_about .about_cen .about_l .ab .tb .ico img {
                  max-height: 30px; } }
          .main.welcome .index_about .about_cen .about_l .ab .tb .ab_text {
            margin-top: 16px;
            text-align: right; }
            @media (max-width: 1024px) {
              .main.welcome .index_about .about_cen .about_l .ab .tb .ab_text {
                margin-top: 10px; } }
            .main.welcome .index_about .about_cen .about_l .ab .tb .ab_text .t {
              font-size: 24px;
              line-height: 32px;
              color: #fff; }
              @media (max-width: 1350px) {
                .main.welcome .index_about .about_cen .about_l .ab .tb .ab_text .t {
                  font-size: 20px;
                  line-height: 28px; } }
            .main.welcome .index_about .about_cen .about_l .ab .tb .ab_text .ds {
              font-size: 16px;
              line-height: 26px;
              color: #fff; }
              @media (max-width: 1350px) {
                .main.welcome .index_about .about_cen .about_l .ab .tb .ab_text .ds {
                  font-size: 14px;
                  line-height: 24px; } }
          .main.welcome .index_about .about_cen .about_l .ab .tb .more {
            display: block;
            width: 114px;
            float: right;
            border: 1px solid #2c4f7b;
            height: 34px;
            /* background:$color2;*/
            border-radius: 34px;
            margin-top: 24px;
            font-size: 0;
            text-align: center; }
            @media (max-width: 1350px) {
              .main.welcome .index_about .about_cen .about_l .ab .tb .more {
                margin-top: 15px; } }
            @media (min-width: 1024px) {
              .main.welcome .index_about .about_cen .about_l .ab .tb .more:hover i {
                width: 0; } }
            .main.welcome .index_about .about_cen .about_l .ab .tb .more i {
              display: inline-block;
              vertical-align: middle;
              width: 24px;
              height: 2px;
              background: #fff;
              position: relative;
              right: 0;
              -webkit-transform-origin: right center;
              transform-origin: right center;
              transition: width 0.3s;
              margin: 0 5px; }
              @media (max-width: 600px) {
                .main.welcome .index_about .about_cen .about_l .ab .tb .more i {
                  width: 14px; } }
            .main.welcome .index_about .about_cen .about_l .ab .tb .more .txt {
              display: inline-block;
              vertical-align: middle;
              font-size: 14px;
              line-height: 34px;
              color: #fff;
              margin: 0 5px;
              font-family: "LibreBaskerville-Regular"; }
              @media (max-width: 600px) {
                .main.welcome .index_about .about_cen .about_l .ab .tb .more .txt {
                  font-size: 13px; } }
    .main.welcome .index_about .about_cen .about_text {
      width: 70.26%;
      float: right; }
      @media (max-width: 850px) {
        .main.welcome .index_about .about_cen .about_text {
          width: 100%;
          float: none; } }
      .main.welcome .index_about .about_cen .about_text .text_box {
        font-size: 16px;
        line-height: 28px;
        color: #454545;
        margin-top: 25px;
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 70px;
        column-gap: 70px; }
        @media (max-width: 1500px) {
          .main.welcome .index_about .about_cen .about_text .text_box {
            -webkit-column-gap: 30px;
            column-gap: 30px; } }
        @media (max-width: 1200px) {
          .main.welcome .index_about .about_cen .about_text .text_box {
            font-size: 14px;
            line-height: 24px; } }
        @media (max-width: 500px) {
          .main.welcome .index_about .about_cen .about_text .text_box {
            -webkit-column-gap: 0px;
            column-gap: 0px;
            margin-top: 15px;
            -webkit-column-count: 1;
            column-count: 1; } }
      .main.welcome .index_about .about_cen .about_text .more {
        display: block;
        width: 186px;
        height: 48px;
        background: #d0515a;
        border-radius: 24px;
        margin-top: 58px;
        font-size: 0;
        text-align: center; }
        @media (min-width: 1024px) {
          .main.welcome .index_about .about_cen .about_text .more:hover i {
            width: 0; } }
        @media (max-width: 1200px) {
          .main.welcome .index_about .about_cen .about_text .more {
            margin-top: 30px; } }
        @media (max-width: 600px) {
          .main.welcome .index_about .about_cen .about_text .more {
            width: 130px;
            height: 36px;
            margin-top: 20px; } }
        .main.welcome .index_about .about_cen .about_text .more i {
          display: inline-block;
          vertical-align: middle;
          width: 24px;
          height: 2px;
          background: #fff;
          position: relative;
          right: 0;
          -webkit-transform-origin: right center;
          transform-origin: right center;
          transition: width 0.3s;
          margin: 0 5px; }
          @media (max-width: 600px) {
            .main.welcome .index_about .about_cen .about_text .more i {
              width: 14px; } }
        .main.welcome .index_about .about_cen .about_text .more .txt {
          display: inline-block;
          vertical-align: middle;
          font-size: 14px;
          line-height: 48px;
          color: #fff;
          margin: 0 5px;
          font-family: "LibreBaskerville-Regular"; }
          @media (max-width: 600px) {
            .main.welcome .index_about .about_cen .about_text .more .txt {
              font-size: 13px;
              line-height: 36px; } }
.main.welcome .index_news {
  position: relative;
  padding-top: 60px;
  padding-bottom: 72px;
  border-bottom: 3px solid #f2f2f2; }
  @media (max-width: 600px) {
    .main.welcome .index_news {
      padding-top: 35px;
      padding-bottom: 40px; } }
  @media (max-width: 435px) {
    .main.welcome .index_news {
      padding-bottom: 30px; } }
  .main.welcome .index_news .news_list {
    width: 1586px; }
    @media (max-width: 1650px) {
      .main.welcome .index_news .news_list {
        width: 1460px; } }
    @media (max-width: 1540px) {
      .main.welcome .index_news .news_list {
        width: calc(88% - 100px); } }
    @media (max-width: 1024px) {
      .main.welcome .index_news .news_list {
        width: calc(92% - 100px); } }
    @media (max-width: 500px) {
      .main.welcome .index_news .news_list {
        width: calc(92% - 70px); } }
    .main.welcome .index_news .news_list .news_box .owl-controls .owl-nav .owl-prev, .main.welcome .index_news .news_list .news_box .owl-controls .owl-nav .owl-next {
      display: block;
      width: 39px;
      height: 23px;
      overflow: hidden;
      text-indent: 200px;
      position: absolute;
      margin-top: -40px; }
      @media (max-width: 1024px) {
        .main.welcome .index_news .news_list .news_box .owl-controls .owl-nav .owl-prev, .main.welcome .index_news .news_list .news_box .owl-controls .owl-nav .owl-next {
          margin-top: -12px; } }
      @media (max-width: 500px) {
        .main.welcome .index_news .news_list .news_box .owl-controls .owl-nav .owl-prev, .main.welcome .index_news .news_list .news_box .owl-controls .owl-nav .owl-next {
          width: 24px;
          height: 14px;
          margin-top: -7px; } }
    .main.welcome .index_news .news_list .news_box .owl-controls .owl-nav .owl-prev {
      background: url(../img/btn_l.png) no-repeat center center;
      background-size: cover;
      left: -80px;
      top: 50%; }
      @media (max-width: 1800px) {
        .main.welcome .index_news .news_list .news_box .owl-controls .owl-nav .owl-prev {
          left: -30px; } }
      @media (max-width: 1650px) {
        .main.welcome .index_news .news_list .news_box .owl-controls .owl-nav .owl-prev {
          left: 0; } }
      @media (max-width: 1540px) {
        .main.welcome .index_news .news_list .news_box .owl-controls .owl-nav .owl-prev {
          left: -50px; } }
      @media (max-width: 500px) {
        .main.welcome .index_news .news_list .news_box .owl-controls .owl-nav .owl-prev {
          left: -35px; } }
    .main.welcome .index_news .news_list .news_box .owl-controls .owl-nav .owl-next {
      background: url(../img/btn_r.png) no-repeat center center;
      background-size: cover;
      right: -80px;
      top: 50%; }
      @media (max-width: 1800px) {
        .main.welcome .index_news .news_list .news_box .owl-controls .owl-nav .owl-next {
          right: -30px; } }
      @media (max-width: 1650px) {
        .main.welcome .index_news .news_list .news_box .owl-controls .owl-nav .owl-next {
          right: 0; } }
      @media (max-width: 1540px) {
        .main.welcome .index_news .news_list .news_box .owl-controls .owl-nav .owl-next {
          right: -50px; } }
      @media (max-width: 500px) {
        .main.welcome .index_news .news_list .news_box .owl-controls .owl-nav .owl-next {
          right: -35px; } }
    .main.welcome .index_news .news_list .news_box .owl-stage-outer {
      padding: 43px 0; }
      @media (max-width: 1024px) {
        .main.welcome .index_news .news_list .news_box .owl-stage-outer {
          padding: 30px 0 20px 0; } }
    .main.welcome .index_news .news_list .news_box .item {
      /*margin-top: 60px;*/
	  }
      .main.welcome .index_news .news_list .news_box .item.item2 {
        margin-top: 0; }
      @media (max-width: 1024px) {
        .main.welcome .index_news .news_list .news_box .item {
          margin-top: 0; } }
      .main.welcome .index_news .news_list .news_box .item a {
        transition: box-shadow 0.5s ease-in-out;
        display: block;
        border-radius: 4px; }
        @media (min-width: 1024px) {
          .main.welcome .index_news .news_list .news_box .item a:hover {
            box-shadow: 0 0 43px rgba(4, 0, 0, 0.26); }
            .main.welcome .index_news .news_list .news_box .item a:hover .pic img {
              -webkit-transform: scale(1.05);
              transform: scale(1.05); }
            .main.welcome .index_news .news_list .news_box .item a:hover .cont {
              background: #fff; } }
        .main.welcome .index_news .news_list .news_box .item a .pic {
          overflow: hidden;
          border-radius: 4px 4px 0 0;
          position: relative; }
          .main.welcome .index_news .news_list .news_box .item a .pic .time {
            position: absolute;
            width: 70px;
            height: 70px;
            background: #d0515a;
            border-radius: 0 0 8px 8px;
            right: 46px;
            padding-top: 7px;
            box-sizing: border-box;
            top: 0;
            text-align: center;
            z-index: 10; }
            @media (max-width: 768px) {
              .main.welcome .index_news .news_list .news_box .item a .pic .time {
                right: 20px;
                width: 50px;
                height: 50px;
                padding-top: 5px; } }
            .main.welcome .index_news .news_list .news_box .item a .pic .time .day {
              font-size: 16px;
              line-height: 20px;
              color: #fff;
              font-family: "LibreBaskerville-Regular"; }
              @media (max-width: 768px) {
                .main.welcome .index_news .news_list .news_box .item a .pic .time .day {
                  font-size: 14px;
                  line-height: 16px; } }
            .main.welcome .index_news .news_list .news_box .item a .pic .time .line {
              width: 42px;
              height: 2px;
              background: #df747b;
              margin-left: auto;
              margin-right: auto;
              margin-top: 5px; }
              @media (max-width: 768px) {
                .main.welcome .index_news .news_list .news_box .item a .pic .time .line {
                  width: 30px;
                  margin-top: 2px; } }
            .main.welcome .index_news .news_list .news_box .item a .pic .time .month {
              font-size: 16px;
              line-height: 20px;
              color: #fff;
              margin-top: 3px;
              font-family: "LibreBaskerville-Regular"; }
              @media (max-width: 768px) {
                .main.welcome .index_news .news_list .news_box .item a .pic .time .month {
                  font-size: 14px;
                  line-height: 16px; } }
          .main.welcome .index_news .news_list .news_box .item a .pic img {
            width: 100%;
            transition: -webkit-transform 0.5s ease-in-out;
            transition: transform 0.5s ease-in-out;
            transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
            border-radius: 4px 4px 0 0; }
        .main.welcome .index_news .news_list .news_box .item a .cont {
          transition: background 0.5s ease-in-out;
          padding: 15px 30px 28px 30px;
          background: #fafafa;
          border-radius: 0 0 4px 4px; }
          @media (max-width: 1300px) {
            .main.welcome .index_news .news_list .news_box .item a .cont {
              padding: 10px 20px 24px 20px; } }
          @media (max-width: 600px) {
            .main.welcome .index_news .news_list .news_box .item a .cont {
              padding: 10px 15px 15px 15px; } }
          .main.welcome .index_news .news_list .news_box .item a .cont .column {
            font-size: 16px;
            line-height: 26px;
            color: #666; }
            @media (max-width: 600px) {
              .main.welcome .index_news .news_list .news_box .item a .cont .column {
                font-size: 14px;
                line-height: 24px; } }
          .main.welcome .index_news .news_list .news_box .item a .cont .news_tit {
            padding-bottom: 20px;
            border-bottom: 1px solid #e7e7e7;
            margin-top: 14px; }
            @media (max-width: 1300px) {
              .main.welcome .index_news .news_list .news_box .item a .cont .news_tit {
                padding-bottom: 15px; } }
            @media (max-width: 600px) {
              .main.welcome .index_news .news_list .news_box .item a .cont .news_tit {
                margin-top: 5px;
                padding-bottom: 10px; } }
            .main.welcome .index_news .news_list .news_box .item a .cont .news_tit .t {
              font-size: 16px;
              line-height: 24px;
              color: #333;
              font-weight: bold;
              height: 72px;
              overflow: hidden; }
          .main.welcome .index_news .news_list .news_box .item a .cont .more {
            display: block;
            margin-top: 12px;
            font-size: 0; }
            @media (max-width: 600px) {
              .main.welcome .index_news .news_list .news_box .item a .cont .more {
                margin-top: 6px; } }
            .main.welcome .index_news .news_list .news_box .item a .cont .more i {
              display: inline-block;
              vertical-align: middle;
              width: 24px;
              height: 2px;
              background: #454545;
              position: relative;
              right: 0;
              transition: width 0.3s;
              margin: 0 5px; }
              @media (max-width: 600px) {
                .main.welcome .index_news .news_list .news_box .item a .cont .more i {
                  width: 14px; } }
            .main.welcome .index_news .news_list .news_box .item a .cont .more .txt {
              display: inline-block;
              vertical-align: middle;
              font-size: 14px;
              line-height: 28px;
              color: #454545;
              margin: 0 5px;
              font-family: "LibreBaskerville-Regular"; }
              @media (max-width: 600px) {
                .main.welcome .index_news .news_list .news_box .item a .cont .more .txt {
                  font-size: 13px;
                  line-height: 28px; } }
  .more_btn {
    display: block;
    width: 186px;
    height: 48px;
    background: #d0515a;
    border-radius: 24px;
    /* margin-top: 20px; */
    font-size: 0;
    /* margin-left: auto;
    margin-right: auto; */
    text-align: center; }
    @media (min-width: 1024px) {
      .more_btn:hover i {
        width: 0; } }
    @media (max-width: 600px) {
      .more_btn {
        width: 130px;
        height: 36px;
        /* margin-top: 5px; */ } }
    .more_btn i {
      display: inline-block;
      vertical-align: middle;
      width: 24px;
      height: 2px;
      background: #fff;
      position: relative;
      right: 0;
      -webkit-transform-origin: right center;
      transform-origin: right center;
      transition: width 0.3s;
      margin: 0 5px; }
      @media (max-width: 600px) {
        .more_btn i {
          width: 14px; } }
    .more_btn .txt {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      line-height: 48px;
      color: #fff;
      margin: 0 5px;
      font-family: "LibreBaskerville-Regular"; }
      @media (max-width: 600px) {
        .more_btn .txt {
          font-size: 13px;
          line-height: 36px; } }
.main.welcome .index_achi {
  padding-top: 80px; }
  @media (max-width: 1024px) {
    .main.welcome .index_achi {
      padding-top: 60px; } }
  @media (max-width: 600px) {
    .main.welcome .index_achi {
      padding-top: 35px; } }
  .main.welcome .index_achi .box {
    background: #143b6c;
    margin-top: 60px;
    padding-bottom: 97px; }
    @media (max-width: 1200px) {
      .main.welcome .index_achi .box {
        padding-bottom: 80px; } }
    @media (max-width: 768px) {
      .main.welcome .index_achi .box {
        margin-top: 40px;
        padding-bottom: 50px; } }
    @media (max-width: 500px) {
      .main.welcome .index_achi .box {
        padding-bottom: 20px; } }
    .main.welcome .index_achi .box .box_cen {
      position: relative; }
      @media (max-width: 435px) {
        .main.welcome .index_achi .box .box_cen {
          top: -20px; } }
      .main.welcome .index_achi .box .box_cen .box_r {
        width: 56.73%;
        position: absolute;
        right: 0;
        bottom: 0; }
        @media (max-width: 950px) {
          .main.welcome .index_achi .box .box_cen .box_r {
            width: 51%; } }
        @media (max-width: 750px) {
          .main.welcome .index_achi .box .box_cen .box_r {
            width: 100%;
            position: relative; } }
        .main.welcome .index_achi .box .box_cen .box_r .more {
          position: absolute;
          left: 10.5%;
          bottom: 10%;
          font-size: 0;
          z-index: 100;
          margin-left: -5px;
          display: inline-block; }
          @media (min-width: 1024px) {
            .main.welcome .index_achi .box .box_cen .box_r .more:hover i {
              width: 0; } }
          @media (max-width: 750px) {
            .main.welcome .index_achi .box .box_cen .box_r .more {
              left: 5%; } }
          @media (max-width: 435px) {
            .main.welcome .index_achi .box .box_cen .box_r .more {
              bottom: 20px; } }
          .main.welcome .index_achi .box .box_cen .box_r .more i {
            width: 24px;
            height: 2px;
            background: #fff;
            display: inline-block;
            vertical-align: middle;
            margin: 0 5px;
            transition: width 0.3s; }
            @media (max-width: 600px) {
              .main.welcome .index_achi .box .box_cen .box_r .more i {
                width: 14px; } }
          .main.welcome .index_achi .box .box_cen .box_r .more .txt {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            line-height: 20px;
            color: #fff;
            font-family: "LibreBaskerville-Regular";
            margin: 0 5px; }
            @media (max-width: 600px) {
              .main.welcome .index_achi .box .box_cen .box_r .more .txt {
                font-size: 13px; } }
        .main.welcome .index_achi .box .box_cen .box_r .tit {
          position: absolute;
          top: 11.97%;
          width: 100%;
          padding: 0 10.5%;
          box-sizing: border-box;
          z-index: 10; }
          @media (max-width: 1200px) {
            .main.welcome .index_achi .box .box_cen .box_r .tit {
              top: 9%; } }
          @media (max-width: 750px) {
            .main.welcome .index_achi .box .box_cen .box_r .tit {
              padding: 0 5%; } }
          .main.welcome .index_achi .box .box_cen .box_r .tit .en_t {
            font-size: 30px;
            line-height: 42px;
            color: #fff;
            font-family: "LibreBaskerville-Regular"; }
            @media (max-width: 1200px) {
              .main.welcome .index_achi .box .box_cen .box_r .tit .en_t {
                font-size: 26px;
                line-height: 36px; } }
            @media (max-width: 600px) {
              .main.welcome .index_achi .box .box_cen .box_r .tit .en_t {
                font-size: 18px;
                line-height: 26px; } }
          .main.welcome .index_achi .box .box_cen .box_r .tit .cn_t {
            font-size: 18px;
            line-height: 24px;
            color: #fff;
            margin-top: 3px; }
            @media (max-width: 1200px) {
              .main.welcome .index_achi .box .box_cen .box_r .tit .cn_t {
                font-size: 16px;
                line-height: 24px; } }
        .main.welcome .index_achi .box .box_cen .box_r .pic {
          overflow: hidden; }
          .main.welcome .index_achi .box .box_cen .box_r .pic img {
            width: 100%; }
        .main.welcome .index_achi .box .box_cen .box_r .flexslider {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: none; }
          .main.welcome .index_achi .box .box_cen .box_r .flexslider .flex-control-nav {
            line-height: 0;
            padding-right: 7.4%;
            text-align: right;
            bottom: 10%;
            box-sizing: border-box; }
            .main.welcome .index_achi .box .box_cen .box_r .flexslider .flex-control-nav li a {
              width: 10px;
              height: 10px;
              background: none;
              border: 1px solid #fff;
              border-radius: 50%;
              overflow: hidden;
              text-indent: 200px;
              box-sizing: border-box; }
              .main.welcome .index_achi .box .box_cen .box_r .flexslider .flex-control-nav li a.flex-active {
                background: #fff; }
          .main.welcome .index_achi .box .box_cen .box_r .flexslider .slides {
            height: 100%; }
            .main.welcome .index_achi .box .box_cen .box_r .flexslider .slides li {
              height: 100%; }
              .main.welcome .index_achi .box .box_cen .box_r .flexslider .slides li a {
                height: 100%;
                display: block;
                position: relative; }
                .main.welcome .index_achi .box .box_cen .box_r .flexslider .slides li a img {
                  position: absolute;
                  bottom: 0;
                  left: 0;
                  top: 0;
                  right: 0;
                  max-width: 56%;
                  max-height: 56%;
                  margin: auto; }
      .main.welcome .index_achi .box .box_cen .box_l {
        position: relative;
        z-index: 10;
        width: 45.33%; }
        @media (max-width: 950px) {
          .main.welcome .index_achi .box .box_cen .box_l {
            width: 49%; } }
        @media (max-width: 750px) {
          .main.welcome .index_achi .box .box_cen .box_l {
            width: 100%; } }
        .main.welcome .index_achi .box .box_cen .box_l ul li {
          width: 50%;
          float: left; }
          .main.welcome .index_achi .box .box_cen .box_l ul li a {
            display: block;
            position: relative; }
            @media (min-width: 1024px) {
              .main.welcome .index_achi .box .box_cen .box_l ul li a:hover .text {
                transform: translateY(-10px); } }
            .main.welcome .index_achi .box .box_cen .box_l ul li a .text {
              position: absolute;
              bottom: 22px;
              left: 0;
              width: 100%;
              padding: 0 35px;
              transition: transform 0.7s ease;
              box-sizing: border-box; }
              @media (max-width: 1200px) {
                .main.welcome .index_achi .box .box_cen .box_l ul li a .text {
                  padding: 0 25px; } }
              @media (max-width: 950px) {
                .main.welcome .index_achi .box .box_cen .box_l ul li a .text {
                  bottom: 15px;
                  padding: 0 15px; } }
              @media (max-width: 435px) {
                .main.welcome .index_achi .box .box_cen .box_l ul li a .text {
                  bottom: 10px; } }
              .main.welcome .index_achi .box .box_cen .box_l ul li a .text .en_t {
                font-size: 24px;
                line-height: 26px;
                color: #fff;
                font-family: "LibreBaskerville-Regular"; }
                @media (max-width: 1200px) {
                  .main.welcome .index_achi .box .box_cen .box_l ul li a .text .en_t {
                    font-size: 20px; } }
                @media (max-width: 950px) {
                  .main.welcome .index_achi .box .box_cen .box_l ul li a .text .en_t {
                    font-size: 18px; } }
                @media (max-width: 435px) {
                  .main.welcome .index_achi .box .box_cen .box_l ul li a .text .en_t {
                    font-size: 14px;
                    line-height: 24px; } }
              .main.welcome .index_achi .box .box_cen .box_l ul li a .text .cn_t {
                font-size: 20px;
                line-height: 26px;
                color: #fff;
                margin-top: 7px; }
                @media (max-width: 1200px) {
                  .main.welcome .index_achi .box .box_cen .box_l ul li a .text .cn_t {
                    font-size: 18px; } }
                @media (max-width: 435px) {
                  .main.welcome .index_achi .box .box_cen .box_l ul li a .text .cn_t {
                    font-size: 16px;
                    line-height: 22px;
                    margin-top: 3px; } }
              .main.welcome .index_achi .box .box_cen .box_l ul li a .text .more {
                margin-top: 10px;
                font-size: 0; }
                @media (max-width: 435px) {
                  .main.welcome .index_achi .box .box_cen .box_l ul li a .text .more {
                    margin-top: 4px; } }
                .main.welcome .index_achi .box .box_cen .box_l ul li a .text .more i {
                  width: 24px;
                  height: 2px;
                  display: inline-block;
                  vertical-align: middle;
                  background: rgba(255, 255, 255, 0.5); }
                  @media (max-width: 600px) {
                    .main.welcome .index_achi .box .box_cen .box_l ul li a .text .more i {
                      width: 14px; } }
                .main.welcome .index_achi .box .box_cen .box_l ul li a .text .more .txt {
                  display: inline-block;
                  vertical-align: middle;
                  font-size: 14px;
                  line-height: 20px;
                  color: rgba(255, 255, 255, 0.5);
                  font-family: "LibreBaskerville-Regular";
                  margin-left: 10px; }
                  @media (max-width: 600px) {
                    .main.welcome .index_achi .box .box_cen .box_l ul li a .text .more .txt {
                      font-size: 13px; } }
            .main.welcome .index_achi .box .box_cen .box_l ul li a .pic {
              overflow: hidden; }
              .main.welcome .index_achi .box .box_cen .box_l ul li a .pic img {
                display: block;
                width: 100%; }
.main.welcome .index_brach {
  position: relative; }
  @media (max-width: 1024px) {
    .main.welcome .index_brach .line_box {
      display: none; } }
  .main.welcome .index_brach .line_box .line {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    background: #ececec; }
    .main.welcome .index_brach .line_box .line.line-1 {
      left: 16.66%; }
    .main.welcome .index_brach .line_box .line.line-2 {
      left: 33.33%; }
    .main.welcome .index_brach .line_box .line.line-3 {
      left: 50%; }
    .main.welcome .index_brach .line_box .line.line-4 {
      left: 66.66%; }
    .main.welcome .index_brach .line_box .line.line-5 {
      left: 83.33%; }
  .main.welcome .index_brach .index_brach_cen {
    padding-top: 92px;
    padding-bottom: 60px;
    position: relative;
    z-index: 10; }
    @media (max-width: 1200px) {
      .main.welcome .index_brach .index_brach_cen {
        padding-top: 80px; } }
    @media (max-width: 768px) {
      .main.welcome .index_brach .index_brach_cen {
        padding-top: 50px;
        padding-bottom: 50px; } }
    @media (max-width: 500px) {
      .main.welcome .index_brach .index_brach_cen {
        padding-top: 30px;
        padding-bottom: 30px; } }
    .main.welcome .index_brach .index_brach_cen .title {
      text-align: center; }
    .main.welcome .index_brach .index_brach_cen .cont {
      font-size: 16px;
      line-height: 28px;
      color: #666;
      text-align: center;
      margin-top: 14px; }
      @media (max-width: 1024px) {
        .main.welcome .index_brach .index_brach_cen .cont {
          font-size: 14px;
          line-height: 24px; } }
    .main.welcome .index_brach .index_brach_cen .map_box {
      width: 69.06%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 50px;
      position: relative; }
      @media (max-width: 1024px) {
        .main.welcome .index_brach .index_brach_cen .map_box {
          width: 100%; } }
      @media (max-width: 600px) {
        .main.welcome .index_brach .index_brach_cen .map_box {
          margin-top: 20px; } }
      .main.welcome .index_brach .index_brach_cen .map_box .map {
        width: 100%; }
      .main.welcome .index_brach .index_brach_cen .map_box .list_box {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
        .main.welcome .index_brach .index_brach_cen .map_box .list_box .dot {
          display: block;
          width: 0.966%;
          position: absolute;
          line-height: 0; }
          .main.welcome .index_brach .index_brach_cen .map_box .list_box .dot.dot1 {
            left: 15.63%;
            top: 21.67%; }
          .main.welcome .index_brach .index_brach_cen .map_box .list_box .dot.dot2 {
            left: 53.08%;
            top: 22.18%; }
          .main.welcome .index_brach .index_brach_cen .map_box .list_box .dot.dot3 {
            left: 81.08%;
            top: 37.03%; }
          .main.welcome .index_brach .index_brach_cen .map_box .list_box .dot.dot4 {
            left: 81.274%;
            top: 45.22%; }
          .main.welcome .index_brach .index_brach_cen .map_box .list_box .dot img {
            width: 100%; }
          .main.welcome .index_brach .index_brach_cen .map_box .list_box .dot::after {
            content: "";
            display: block;
            width: 680%;
            height: 680%;
            position: absolute;
            left: 50%;
            top: 50%;
            /* transform:translate(-50%,-50%);*/
            margin-top: -340%;
            margin-left: -340%;
            background: url(../img/rbg.png) no-repeat center center;
            background-size: contain; }
            @media (min-width: 1024px) {
              .main.welcome .index_brach .index_brach_cen .map_box .list_box .dot::after {
                -webkit-animation: scale 2s infinite forwards;
                animation: scale 2s infinite forwards; } }
          .main.welcome .index_brach .index_brach_cen .map_box .list_box .dot .text {
            position: absolute;
            font-size: 18px;
            line-height: 24px;
            color: #454545;
            left: 430%;
            min-width: 200px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
            @media (max-width: 1024px) {
              .main.welcome .index_brach .index_brach_cen .map_box .list_box .dot .text {
                font-size: 16px;
                min-width: 120px; } }
            @media (max-width: 500px) {
              .main.welcome .index_brach .index_brach_cen .map_box .list_box .dot .text {
                font-size: 12px;
                line-height: 20px;
                min-width: 50px; } }
.main.about .about_box {
  padding-top: 88px; }
  @media (max-width: 768px) {
    .main.about .about_box {
      padding-top: 60px;
      background: none !important; } }
  @media (max-width: 500px) {
    .main.about .about_box {
      padding-top: 30px; } }
  .main.about .about_box .about_top {
    box-sizing: border-box;
    padding: 0 100px 135px 100px; }
    @media (max-width: 1500px) {
      .main.about .about_box .about_top {
        padding: 0 50px 100px 50px; } }
    @media (max-width: 1024px) {
      .main.about .about_box .about_top {
        padding: 0 0 60px 0; } }
    @media (max-width: 700px) {
      .main.about .about_box .about_top {
        padding-bottom: 30px; } }
    .main.about .about_box .about_top .ab_l {
      float: left;
      width: 17.7%; }
      @media (max-width: 1024px) {
        .main.about .about_box .about_top .ab_l {
          width: 24%; } }
      @media (max-width: 700px) {
        .main.about .about_box .about_top .ab_l {
          width: 100%;
          float: none; } }
      .main.about .about_box .about_top .ab_l .tit .cn {
        font-size: 30px;
        line-height: 36px;
        color: #454545; }
        @media (max-width: 1200px) {
          .main.about .about_box .about_top .ab_l .tit .cn {
            font-size: 26px;
            line-height: 30px; } }
        @media (max-width: 600px) {
          .main.about .about_box .about_top .ab_l .tit .cn {
            font-size: 20px;
            line-height: 26px; } }
      .main.about .about_box .about_top .ab_l .tit .en {
        font-size: 24px;
        line-height: 28px;
        color: #454545;
        font-family: "LibreBaskerville-Regular"; }
        @media (max-width: 1200px) {
          .main.about .about_box .about_top .ab_l .tit .en {
            font-size: 20px;
            line-height: 24px; } }
        @media (max-width: 600px) {
          .main.about .about_box .about_top .ab_l .tit .en {
            font-size: 16px;
            line-height: 20px; } }
    .main.about .about_box .about_top .ab_r {
      float: right;
      width: 74.2%; }
      @media (max-width: 700px) {
        .main.about .about_box .about_top .ab_r {
          width: 100%;
          float: none;
          margin-top: 20px; } }
      @media (max-width: 435px) {
        .main.about .about_box .about_top .ab_r {
          margin-top: 15px; } }
      .main.about .about_box .about_top .ab_r .tit .cn {
        font-size: 30px;
        line-height: 36px;
        color: #454545; }
        @media (max-width: 1200px) {
          .main.about .about_box .about_top .ab_r .tit .cn {
            font-size: 26px;
            line-height: 30px; } }
        @media (max-width: 600px) {
          .main.about .about_box .about_top .ab_r .tit .cn {
            font-size: 20px;
            line-height: 26px; } }
      .main.about .about_box .about_top .ab_r .tit .en {
        font-size: 24px;
        line-height: 28px;
        color: #454545;
        font-family: "LibreBaskerville-Regular"; }
        @media (max-width: 1200px) {
          .main.about .about_box .about_top .ab_r .tit .en {
            font-size: 20px;
            line-height: 24px; } }
        @media (max-width: 600px) {
          .main.about .about_box .about_top .ab_r .tit .en {
            font-size: 16px;
            line-height: 20px; } }
      .main.about .about_box .about_top .ab_r .tit .line {
        width: 72px;
        height: 2px;
        margin-top: 20px;
        background: #d0515a; }
        @media (max-width: 600px) {
          .main.about .about_box .about_top .ab_r .tit .line {
            width: 40px; } }
      .main.about .about_box .about_top .ab_r .cont {
        font-size: 18px;
        line-height: 34px;
        color: #666;
        margin-top: 15px; }
        @media (max-width: 1200px) {
          .main.about .about_box .about_top .ab_r .cont {
            font-size: 16px;
            line-height: 28px; } }
        @media (max-width: 768px) {
          .main.about .about_box .about_top .ab_r .cont {
            font-size: 14px;
            line-height: 24px; } }
  .main.about .about_box .middle {
    background: #f6f6f6;
    position: relative; }
    .main.about .about_box .middle .bg {
      position: absolute;
      width: 48.1%;
      height: 100%;
      left: 0;
      top: 0;
      background: #143b6c; }
      @media (max-width: 700px) {
        .main.about .about_box .middle .bg {
          display: none; } }
    .main.about .about_box .middle .middle_cen {
      position: relative;
      padding: 60px 100px 100px 100px;
      box-sizing: border-box; }
      @media (max-width: 1600px) {
        .main.about .about_box .middle .middle_cen {
          padding-bottom: 60px; } }
      @media (max-width: 1500px) {
        .main.about .about_box .middle .middle_cen {
          padding-left: 50px;
          padding-right: 50px; } }
      @media (max-width: 1024px) {
        .main.about .about_box .middle .middle_cen {
          padding: 40px 0; } }
      @media (max-width: 700px) {
        .main.about .about_box .middle .middle_cen {
          padding: 0; } }
      .main.about .about_box .middle .middle_cen .pic_l {
        position: absolute;
        width: 43.2%;
        bottom: 0;
        left: 100px; }
        @media (max-width: 1500px) {
          .main.about .about_box .middle .middle_cen .pic_l {
            left: 50px;
            width: 48%; } }
        @media (max-width: 1024px) {
          .main.about .about_box .middle .middle_cen .pic_l {
            left: 0;
            bottom: inherit;
            top: 50%;
            transform: translateY(-50%); } }
        @media (max-width: 700px) {
          .main.about .about_box .middle .middle_cen .pic_l {
            position: relative;
            width: 100%;
            padding: 30px 10%;
            box-sizing: border-box;
            margin: 0 auto;
            transform: translateY(0%); }
            .main.about .about_box .middle .middle_cen .pic_l::after {
              content: "";
              display: block;
              position: absolute;
              height: 100%;
              left: -10%;
              top: 0;
              right: -10%;
              background: #133561; } }
        @media (max-width: 435px) {
          .main.about .about_box .middle .middle_cen .pic_l {
            padding: 25px 0; } }
        .main.about .about_box .middle .middle_cen .pic_l ul {
          position: relative;
          z-index: 10; }
          .main.about .about_box .middle .middle_cen .pic_l ul li {
            width: 50%;
            float: left; }
            .main.about .about_box .middle .middle_cen .pic_l ul li img {
              display: block;
              width: 100%; }
      .main.about .about_box .middle .middle_cen .text {
        width: 44.3%;
        float: right;
        font-size: 18px;
        line-height: 34px;
        color: #454545; }
        @media (max-width: 1200px) {
          .main.about .about_box .middle .middle_cen .text {
            font-size: 16px;
            line-height: 28px; } }
        @media (max-width: 1024px) {
          .main.about .about_box .middle .middle_cen .text {
            width: 48%; } }
        @media (max-width: 768px) {
          .main.about .about_box .middle .middle_cen .text {
            font-size: 14px;
            line-height: 24px; } }
        @media (max-width: 700px) {
          .main.about .about_box .middle .middle_cen .text {
            width: 100%;
            float: none;
            padding: 30px 0; } }
        @media (max-width: 435px) {
          .main.about .about_box .middle .middle_cen .text {
            padding: 20px 0; } }
        .main.about .about_box .middle .middle_cen .text p {
          padding-top: 20px; }
          @media (max-width: 1200px) {
            .main.about .about_box .middle .middle_cen .text p {
              padding-top: 10px; } }
          .main.about .about_box .middle .middle_cen .text p:first-child {
            padding-top: 0; }
  .main.about .about_box .bot {
    padding-top: 85px;
    padding-bottom: 140px; }
    @media (max-width: 1200px) {
      .main.about .about_box .bot {
        padding-top: 70px;
        padding-bottom: 100px; } }
    @media (max-width: 768px) {
      .main.about .about_box .bot {
        padding-top: 40px;
        padding-bottom: 60px; } }
    @media (max-width: 500px) {
      .main.about .about_box .bot {
        padding-top: 25px;
        padding-bottom: 30px; } }
    .main.about .about_box .bot .bot_cen {
      padding: 0 100px;
      box-sizing: border-box;
      font-size: 18px;
      line-height: 34px;
      color: #666; }
      @media (max-width: 1500px) {
        .main.about .about_box .bot .bot_cen {
          padding: 0 50px; } }
      @media (max-width: 1200px) {
        .main.about .about_box .bot .bot_cen {
          font-size: 16px;
          line-height: 28px; } }
      @media (max-width: 1024px) {
        .main.about .about_box .bot .bot_cen {
          padding: 0; } }
      @media (max-width: 768px) {
        .main.about .about_box .bot .bot_cen {
          font-size: 14px;
          line-height: 24px; } }
.main.about .about_wrap .about_cen {
  padding-top: 70px; }
  @media (max-width: 768px) {
    .main.about .about_wrap .about_cen {
      padding-top: 60px; } }
  @media (max-width: 500px) {
    .main.about .about_wrap .about_cen {
      padding-top: 30px; } }
  .main.about .about_wrap .about_cen .about_tit {
    text-align: center; }
    .main.about .about_wrap .about_cen .about_tit .cn {
      font-size: 30px;
      line-height: 36px;
      color: #454545; }
      @media (max-width: 1200px) {
        .main.about .about_wrap .about_cen .about_tit .cn {
          font-size: 26px;
          line-height: 30px; } }
      @media (max-width: 600px) {
        .main.about .about_wrap .about_cen .about_tit .cn {
          font-size: 20px;
          line-height: 26px; } }
    .main.about .about_wrap .about_cen .about_tit .en {
      font-size: 24px;
      line-height: 28px;
      color: #454545;
      font-family: "LibreBaskerville-Regular"; }
      @media (max-width: 1200px) {
        .main.about .about_wrap .about_cen .about_tit .en {
          font-size: 20px;
          line-height: 24px; } }
      @media (max-width: 600px) {
        .main.about .about_wrap .about_cen .about_tit .en {
          font-size: 16px;
          line-height: 20px; } }
  .main.about .about_wrap .about_cen .list {
    padding-bottom: 140px;
    margin-top: 15px; }
    @media (max-width: 1024px) {
      .main.about .about_wrap .about_cen .list {
        padding-bottom: 100px; } }
    @media (max-width: 600px) {
      .main.about .about_wrap .about_cen .list {
        padding-bottom: 60px;
        margin-top: 25px; } }
    @media (max-width: 435px) {
      .main.about .about_wrap .about_cen .list {
        padding-bottom: 35px; } }
    .main.about .about_wrap .about_cen .list ul li {
      float: left;
      width: 48.66%;
      border: 1px solid #e1e1e1;
      background: #fafafa;
      border-radius: 5px;
      padding: 25px;
      margin-top: 3.2%;
      position: relative;
      cursor: pointer;
      font-size: 0;
      transition: background 0.5s,box-shadow 0.5s,border-color 0.5s;
      box-sizing: border-box; }
      .main.about .about_wrap .about_cen .list ul li:nth-child(even) {
        float: right; }
        @media (max-width: 750px) {
          .main.about .about_wrap .about_cen .list ul li:nth-child(even) {
            float: none; } }
      @media (max-width: 1024px) {
        .main.about .about_wrap .about_cen .list ul li {
          padding: 15px; } }
      @media (max-width: 750px) {
        .main.about .about_wrap .about_cen .list ul li {
          width: 100%;
          float: none;
          margin-top: 15px; } }
      @media (max-width: 550px) {
        .main.about .about_wrap .about_cen .list ul li {
          padding: 10px; } }
      @media (min-width: 1024px) {
        .main.about .about_wrap .about_cen .list ul li:hover {
          background: #fff;
          border-color: #fff;
          box-shadow: 0 0 43px rgba(4, 0, 0, 0.15); }
          .main.about .about_wrap .about_cen .list ul li:hover .pic img {
            transform: scale(1.05); } }
      .main.about .about_wrap .about_cen .list ul li .pic {
        display: inline-block;
        vertical-align: middle;
        width: 38.36%;
        overflow: hidden; }
        @media (max-width: 1300px) {
          .main.about .about_wrap .about_cen .list ul li .pic {
            width: 41%; } }
        .main.about .about_wrap .about_cen .list ul li .pic img {
          transition: transform 0.5s ease-in-out;
          width: 100%; }
      .main.about .about_wrap .about_cen .list ul li .cont {
        display: inline-block;
        vertical-align: middle;
        width: 50.88%;
        margin-left: 8%; }
        @media (max-width: 550px) {
          .main.about .about_wrap .about_cen .list ul li .cont {
            margin-left: 5%; } }
        .main.about .about_wrap .about_cen .list ul li .cont .name {
          font-size: 24px;
          line-height: 34px;
          color: #454545;
          font-weight: bold; }
          @media (max-width: 1300px) {
            .main.about .about_wrap .about_cen .list ul li .cont .name {
              font-size: 20px;
              line-height: 30px; } }
          @media (max-width: 550px) {
            .main.about .about_wrap .about_cen .list ul li .cont .name {
              font-size: 16px;
              line-height: 28px; } }
        .main.about .about_wrap .about_cen .list ul li .cont .pos {
          font-size: 16px;
          line-height: 24px;
          color: #454545;
          margin-top: 10px;
          height: 72px;
          overflow: hidden; }
          @media (max-width: 1300px) {
            .main.about .about_wrap .about_cen .list ul li .cont .pos {
              height: 48px; } }
          @media (max-width: 900px) {
            .main.about .about_wrap .about_cen .list ul li .cont .pos {
              height: 72px; } }
          @media (max-width: 550px) {
            .main.about .about_wrap .about_cen .list ul li .cont .pos {
              font-size: 14px;
              line-height: 20px;
              height: 60px;
              margin-top: 6px; } }
        .main.about .about_wrap .about_cen .list ul li .cont .con {
          font-size: 14px;
          line-height: 24px;
          color: #999;
          margin-top: 20px;
          height: 72px;
          overflow: hidden; }
          @media (max-width: 1500px) {
            .main.about .about_wrap .about_cen .list ul li .cont .con {
              margin-top: 12px; } }
          @media (max-width: 1300px) {
            .main.about .about_wrap .about_cen .list ul li .cont .con {
              height: 48px; } }
          @media (max-width: 900px) {
            .main.about .about_wrap .about_cen .list ul li .cont .con {
              display: none; } }
          @media (max-width: 750px) {
            .main.about .about_wrap .about_cen .list ul li .cont .con {
              display: block; } }
          @media (max-width: 550px) {
            .main.about .about_wrap .about_cen .list ul li .cont .con {
              display: none; } }
        .main.about .about_wrap .about_cen .list ul li .cont .more {
          font-size: 0;
          margin-top: 42px; }
          @media (max-width: 1500px) {
            .main.about .about_wrap .about_cen .list ul li .cont .more {
              margin-top: 20px; } }
          @media (max-width: 1024px) {
            .main.about .about_wrap .about_cen .list ul li .cont .more {
              margin-top: 12px; } }
          @media (max-width: 550px) {
            .main.about .about_wrap .about_cen .list ul li .cont .more {
              margin-top: 8px; } }
          .main.about .about_wrap .about_cen .list ul li .cont .more i {
            width: 24px;
            height: 2px;
            display: inline-block;
            vertical-align: middle;
            background: #454545; }
            @media (max-width: 550px) {
              .main.about .about_wrap .about_cen .list ul li .cont .more i {
                width: 14px; } }
          .main.about .about_wrap .about_cen .list ul li .cont .more .txt {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            line-height: 20px;
            color: #454545;
            font-family: "LibreBaskerville-Regular";
            margin-left: 10px; }
            @media (max-width: 550px) {
              .main.about .about_wrap .about_cen .list ul li .cont .more .txt {
                font-size: 12px; } }
  .main.about .about_wrap .about_cen .download_list {
    margin-top: 25px;
    padding-bottom: 140px; }
    @media (max-width: 1024px) {
      .main.about .about_wrap .about_cen .download_list {
        padding-bottom: 100px; } }
    @media (max-width: 600px) {
      .main.about .about_wrap .about_cen .download_list {
        margin-top: 15px;
        padding-bottom: 60px; } }
    @media (max-width: 435px) {
      .main.about .about_wrap .about_cen .download_list {
        padding-bottom: 35px; } }
    .main.about .about_wrap .about_cen .download_list ul {
      width: 110%; }
      @media (max-width: 600px) {
        .main.about .about_wrap .about_cen .download_list ul {
          width: 100%; } }
      .main.about .about_wrap .about_cen .download_list ul li {
        width: 20.72%;
        margin-right: 2.66%;
        float: left;
        margin-top: 3%; }
        @media (max-width: 1024px) {
          .main.about .about_wrap .about_cen .download_list ul li {
            width: 28.5%; } }
        @media (max-width: 600px) {
          .main.about .about_wrap .about_cen .download_list ul li {
            width: 48%;
            margin-right: 0;
            margin-top: 15px; }
            .main.about .about_wrap .about_cen .download_list ul li:nth-child(even) {
              float: right; } }
        .main.about .about_wrap .about_cen .download_list ul li a {
          border: 1px solid #e1e1e1;
          border-radius: 5px;
          display: block;
          padding: 20px;
          transition: border-color 0.5s,background 0.5s,box-shadow 0.5s; }
          @media (max-width: 1300px) {
            .main.about .about_wrap .about_cen .download_list ul li a {
              padding: 15px; } }
          @media (max-width: 600px) {
            .main.about .about_wrap .about_cen .download_list ul li a {
              padding: 10px; } }
          @media (min-width: 1024px) {
            .main.about .about_wrap .about_cen .download_list ul li a:hover {
              box-shadow: 0 0 43px rgba(4, 0, 0, 0.17);
              background: #fff;
              border-color: #fff; } }
          .main.about .about_wrap .about_cen .download_list ul li a .pic {
            overflow: hidden; }
            .main.about .about_wrap .about_cen .download_list ul li a .pic img {
              width: 100%; }
          .main.about .about_wrap .about_cen .download_list ul li a .cont {
            border-top: 1px solid #e1e1e1;
            padding-top: 22px;
            margin-top: 5px; }
            @media (max-width: 1024px) {
              .main.about .about_wrap .about_cen .download_list ul li a .cont {
                padding-top: 15px; } }
            @media (max-width: 600px) {
              .main.about .about_wrap .about_cen .download_list ul li a .cont {
                padding-top: 10px; } }
            .main.about .about_wrap .about_cen .download_list ul li a .cont .text {
              font-size: 18px;
              line-height: 22px;
              color: #454545;
              height: 48px;
              overflow: hidden; }
              @media (max-width: 1024px) {
                .main.about .about_wrap .about_cen .download_list ul li a .cont .text {
                  font-size: 16px;
                  line-height: 22px;
                  height: 44px; } }
              @media (max-width: 1024px) {
                .main.about .about_wrap .about_cen .download_list ul li a .cont .text {
                  font-size: 15px;
                  line-height: 20px;
                  height: 40px; } }
            .main.about .about_wrap .about_cen .download_list ul li a .cont .download {
              font-size: 0; }
              @media (max-width: 600px) {
                .main.about .about_wrap .about_cen .download_list ul li a .cont .download {
                  padding-bottom: 5px;
                  margin-top: 6px; } }
              .main.about .about_wrap .about_cen .download_list ul li a .cont .download i {
                display: inline-block;
                vertical-align: middle;
                width: 20px;
                height: 18px;
                background: url(../img/download.png) no-repeat; }
                @media (max-width: 600px) {
                  .main.about .about_wrap .about_cen .download_list ul li a .cont .download i {
                    width: 16px;
                    height: 14px;
                    background-size: cover; } }
              .main.about .about_wrap .about_cen .download_list ul li a .cont .download .txt {
                display: inline-block;
                vertical-align: middle;
                font-size: 14px;
                line-height: 20px;
                color: #454545;
                margin-left: 10px;
                font-family: "LibreBaskerville-Regular"; }
                @media (max-width: 600px) {
                  .main.about .about_wrap .about_cen .download_list ul li a .cont .download .txt {
                    font-size: 12px;
                    line-height: 18px; } }
    .main.about .about_wrap .about_cen .download_list .page_box {
      margin-top: 70px; }
      @media (max-width: 1024px) {
        .main.about .about_wrap .about_cen .download_list .page_box {
          margin-top: 50px; } }
      @media (max-width: 500px) {
        .main.about .about_wrap .about_cen .download_list .page_box {
          margin-top: 25px; } }
.main.news_detail .location {
  padding-top: 78px;
  padding-bottom: 24px;
  background-size: cover;
  border-radius: 5px;
  padding-left: 55px;
  font-size: 14px;
  line-height: 24px;
  box-sizing: border-box;
  color: #fff; }
  @media (max-width: 1024px) {
    .main.news_detail .location {
      width: 100%;
      border-radius: 0;
      padding-left: 4%;
      padding-right: 4%; } }
  @media (max-width: 435px) {
    .main.news_detail .location {
      padding-top: 50px; } }
  .main.news_detail .location .pos {
    padding-left: 30px;
    background: url(../img/home.png) no-repeat left top; }
    .main.news_detail .location .pos a {
      color: #fff;
      transition: color 0.3s; }
      @media (min-width: 1024px) {
        .main.news_detail .location .pos a:hover {
          color: #d0515a; } }
.main.news_detail .detail_cont {
  padding-bottom: 65px; }
  @media (max-width: 768px) {
    .main.news_detail .detail_cont {
      padding-bottom: 50px; } }
  @media (max-width: 500px) {
    .main.news_detail .detail_cont {
      padding-bottom: 30px; } }
  .main.news_detail .detail_cont .detail_tit {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 30px;
    padding-top: 72px; }
    @media (max-width: 768px) {
      .main.news_detail .detail_cont .detail_tit {
        padding-top: 55px; } }
    @media (max-width: 600px) {
      .main.news_detail .detail_cont .detail_tit {
        padding-top: 30px;
        padding-bottom: 20px; } }
    .main.news_detail .detail_cont .detail_tit .t {
      text-align: center;
      color: #454545;
      font-size: 28px;
      line-height: 36px;
      margin-bottom: 20px; }
      @media (max-width: 1024px) {
        .main.news_detail .detail_cont .detail_tit .t {
          font-size: 24px;
          line-height: 30px; } }
      @media (max-width: 600px) {
        .main.news_detail .detail_cont .detail_tit .t {
          font-size: 18px;
          line-height: 28px;
          margin-bottom: 10px; } }
    .main.news_detail .detail_cont .detail_tit .day {
      text-align: center;
      color: #999999;
      font-size: 16px;
      line-height: 28px; }
      @media (max-width: 1024px) {
        .main.news_detail .detail_cont .detail_tit .day {
          font-size: 14px;
          line-height: 24px; } }
  .main.news_detail .detail_cont .content {
    width: 100%;
    padding: 45px 0;
    border-bottom: 1px solid #e1e1e1;
    font-size: 18px;
    line-height: 36px;
    color: #666; }
    @media (max-width: 1024px) {
      .main.news_detail .detail_cont .content {
        font-size: 16px;
        line-height: 28px; } }
    @media (max-width: 600px) {
      .main.news_detail .detail_cont .content {
        padding: 20px 0;
        font-size: 14px;
        line-height: 24px; } }
    .main.news_detail .detail_cont .content p {
      text-indent: 2em; }
    .main.news_detail .detail_cont .content img {
      height: auto !important;
      max-width: 100%; }
  .main.news_detail .detail_cont .bot {
    position: relative;
    padding-right: 180px;
    margin-top: 57px;
    min-height: 46px; }
    @media (max-width: 850px) {
      .main.news_detail .detail_cont .bot {
        margin-top: 40px;
        min-height: 40px;
        padding-right: 145px; } }
    @media (max-width: 600px) {
      .main.news_detail .detail_cont .bot {
        padding-right: 110px;
        margin-top: 20px; } }
    .main.news_detail .detail_cont .bot .left_text {
      font-size: 16px;
      line-height: 36px;
      color: #666; }
      @media (max-width: 1024px) {
        .main.news_detail .detail_cont .bot .left_text {
          line-height: 28px; } }
      @media (max-width: 600px) {
        .main.news_detail .detail_cont .bot .left_text {
          font-size: 14px;
          line-height: 24px; } }
      .main.news_detail .detail_cont .bot .left_text p a {
        color: #666; }
        @media (min-width: 1024px) {
          .main.news_detail .detail_cont .bot .left_text p a:hover span {
            color: #d0515a;
            text-decoration: underline; } }
    .main.news_detail .detail_cont .bot .return {
      display: block;
      width: 156px;
      height: 46px;
      border-radius: 46px;
      background: #d0515a;
      text-align: center;
      font-size: 0;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -23px; }
      @media (max-width: 850px) {
        .main.news_detail .detail_cont .bot .return {
          width: 130px;
          height: 40px;
          margin-top: -20px; } }
      @media (max-width: 600px) {
        .main.news_detail .detail_cont .bot .return {
          width: 100px;
          height: 36px;
          margin-top: -18px; } }
      .main.news_detail .detail_cont .bot .return span {
        font-size: 18px;
        line-height: 48px;
        color: #fff;
        font-family: "LibreBaskerville-Regular";
        display: inline-block;
        vertical-align: middle;
        margin: 0 6px; }
        @media (max-width: 850px) {
          .main.news_detail .detail_cont .bot .return span {
            font-size: 16px;
            line-height: 40px; } }
        @media (max-width: 600px) {
          .main.news_detail .detail_cont .bot .return span {
            margin: 0 3px;
            line-height: 36px;
            font-size: 14px; } }
      .main.news_detail .detail_cont .bot .return img {
        display: inline-block;
        margin: 0 6px;
        vertical-align: middle; }
        @media (max-width: 600px) {
          .main.news_detail .detail_cont .bot .return img {
            margin: 0 3px;
            height: 10px; } }
.main.map .wrap .wrap_cen {
  padding-top: 70px; }
  @media (max-width: 768px) {
    .main.map .wrap .wrap_cen {
      padding-top: 60px; } }
  @media (max-width: 500px) {
    .main.map .wrap .wrap_cen {
      padding-top: 30px; } }
  .main.map .wrap .wrap_cen .tit {
    text-align: center; }
    .main.map .wrap .wrap_cen .tit .cn {
      font-size: 30px;
      line-height: 36px;
      color: #454545; }
      @media (max-width: 1200px) {
        .main.map .wrap .wrap_cen .tit .cn {
          font-size: 26px;
          line-height: 30px; } }
      @media (max-width: 600px) {
        .main.map .wrap .wrap_cen .tit .cn {
          font-size: 20px;
          line-height: 26px; } }
    .main.map .wrap .wrap_cen .tit .en {
      font-size: 24px;
      line-height: 28px;
      color: #454545;
      font-family: "LibreBaskerville-Regular"; }
      .main.map .wrap .wrap_cen .tit .en.color2 {
        color: #d0515a; }
      @media (max-width: 1200px) {
        .main.map .wrap .wrap_cen .tit .en {
          font-size: 20px;
          line-height: 24px; } }
      @media (max-width: 600px) {
        .main.map .wrap .wrap_cen .tit .en {
          font-size: 16px;
          line-height: 20px; } }
  .main.map .wrap .wrap_cen .dottle {
    border-top: 1px solid #ececec;
    padding-top: 60px;
    padding-bottom: 120px;
    margin-top: 40px; }
    @media (max-width: 1024px) {
      .main.map .wrap .wrap_cen .dottle {
        padding-bottom: 70px;
        padding-top: 0; } }
    @media (max-width: 600px) {
      .main.map .wrap .wrap_cen .dottle {
        padding-bottom: 35px;
        margin-top: 30px; } }
    .main.map .wrap .wrap_cen .dottle ul.pc_ul {
      text-align: center; }
      @media (max-width: 1024px) {
        .main.map .wrap .wrap_cen .dottle ul.pc_ul {
          display: none; } }
      .main.map .wrap .wrap_cen .dottle ul.pc_ul li {
        height: 310px;
        display: inline-block;
        border-right: 1px solid #ececec;
        text-align: left;
        vertical-align: middle;
        padding-top: 8px;
        width: 204px;
        margin: 0 -1px 40px;
        padding: 0 25px 0 50px;
        box-sizing: border-box; }
        .main.map .wrap .wrap_cen .dottle ul.pc_ul li p {
          text-align: left;
          font-size: 18px;
          color: #333;
          margin-bottom: 20px;
          padding-left: 20px;
          font-weight: bold; }
          @media (max-width: 1024px) {
            .main.map .wrap .wrap_cen .dottle ul.pc_ul li p {
              text-align: center;
              padding-left: 0; } }
        @media (max-width: 1024px) {
          .main.map .wrap .wrap_cen .dottle ul.pc_ul li .abox {
            display: none; } }
        .main.map .wrap .wrap_cen .dottle ul.pc_ul li .abox a {
          display: block;
          color: #666666;
          font-size: 16px;
          background-image: url(../img/ximg/map/left.png);
          background-repeat: no-repeat;
          background-position: left 8px;
          line-height: 28px;
          margin-top: 10px;
          padding-left: 20px;
          transition: all .3s; }
          @media (max-width: 1024px) {
            .main.map .wrap .wrap_cen .dottle ul.pc_ul li .abox a {
              background-position: 25% 16px;
              line-height: 2.6875;
              padding-left: 0; } }
          @media (min-width: 1025px) {
            .main.map .wrap .wrap_cen .dottle ul.pc_ul li .abox a:hover {
              color: #d0515a; } }
        .main.map .wrap .wrap_cen .dottle ul.pc_ul li:last-child {
          border-right: none; }
        @media (max-width: 1540px) {
          .main.map .wrap .wrap_cen .dottle ul.pc_ul li {
            width: 14%;
            padding: 0 1% 0 2%; } }
        @media (max-width: 1260px) {
          .main.map .wrap .wrap_cen .dottle ul.pc_ul li {
            width: 14.1%;
            padding: 0 1% 0 1%; } }
        @media (max-width: 1024px) {
          .main.map .wrap .wrap_cen .dottle ul.pc_ul li {
            height: auto;
            display: block;
            border-right: none;
            border-bottom: 1px solid #ececec;
            text-align: center;
            padding-top: 8px;
            width: 100%;
            margin: 0 0 20px;
            padding: 0; } }
    .main.map .wrap .wrap_cen .dottle ul.m_ul {
      text-align: center;
      display: none; }
      @media (max-width: 1024px) {
        .main.map .wrap .wrap_cen .dottle ul.m_ul {
          display: block; } }
      .main.map .wrap .wrap_cen .dottle ul.m_ul li .name {
        text-align: left;
        font-size: 18px;
        color: #333;
        padding-left: 20px;
        font-weight: bold;
        background-image: url(../img/ximg/map/left.png);
        background-repeat: no-repeat;
        background-position: left center; }
        @media (max-width: 1024px) {
          .main.map .wrap .wrap_cen .dottle ul.m_ul li .name {
            text-align: center; } }
        @media (max-width: 750px) {
          .main.map .wrap .wrap_cen .dottle ul.m_ul li .name {
            text-align: left;
            font-size: 16px; } }
      .main.map .wrap .wrap_cen .dottle ul.m_ul li .abox {
        padding-top: 20px; }
        @media (max-width: 1024px) {
          .main.map .wrap .wrap_cen .dottle ul.m_ul li .abox {
            display: none;
            margin-bottom: 10px; } }
        @media (max-width: 750px) {
          .main.map .wrap .wrap_cen .dottle ul.m_ul li .abox {
            padding-top: 13px; } }
        .main.map .wrap .wrap_cen .dottle ul.m_ul li .abox a {
          display: block;
          color: #666666;
          font-size: 16px;
          line-height: 2;
          padding-left: 20px;
          transition: all .3s; }
          @media (max-width: 1024px) {
            .main.map .wrap .wrap_cen .dottle ul.m_ul li .abox a {
              font-size: 16px;
              background-position: 25% 16px;
              padding-left: 20px; } }
          @media (max-width: 750px) {
            .main.map .wrap .wrap_cen .dottle ul.m_ul li .abox a {
              background-position: 25% 16px;
              padding-left: 20px; } }
          @media (min-width: 1025px) {
            .main.map .wrap .wrap_cen .dottle ul.m_ul li .abox a:hover {
              color: #d0515a; } }
      .main.map .wrap .wrap_cen .dottle ul.m_ul li:last-child {
        border-right: none; }
      .main.map .wrap .wrap_cen .dottle ul.m_ul li.active .name {
        background-image: url(../img/ximg/map/bottom.png);
        background-repeat: no-repeat;
        background-position: left center; }
      @media (max-width: 1024px) {
        .main.map .wrap .wrap_cen .dottle ul.m_ul li {
          height: auto;
          display: block;
          border-right: none;
          border-bottom: 1px solid #ececec;
          text-align: center;
          width: 100%;
          padding-top: 20px;
          padding-bottom: 20px; } }
      @media (max-width: 750px) {
        .main.map .wrap .wrap_cen .dottle ul.m_ul li {
          height: auto;
          display: block;
          border-right: none;
          border-bottom: 1px solid #ececec;
          text-align: left;
          padding: 12px 0; } }
.main.map .bocweb_container .w1500 {
  padding-top: 72px; }
  @media (max-width: 840px) {
    .main.map .bocweb_container .w1500 {
      padding-top: 35px; } }
  @media (max-width: 450px) {
    .main.map .bocweb_container .w1500 {
      padding-top: 30px; } }
  .main.map .bocweb_container .w1500 h1 {
    text-align: center;
    color: #454545;
    font-size: 30px;
    margin-bottom: 7px; }
    @media (max-width: 840px) {
      .main.map .bocweb_container .w1500 h1 {
        font-size: 26px; } }
    @media (max-width: 450px) {
      .main.map .bocweb_container .w1500 h1 {
        font-size: 24px; } }
  .main.map .bocweb_container .w1500 h2 {
    text-align: center;
    font-family: "LibreBaskerville-Regular";
    font-size: 24px;
    color: #d0515a;
    padding-bottom: 65px; }
    @media (max-width: 840px) {
      .main.map .bocweb_container .w1500 h2 {
        font-size: 20px;
        padding-bottom: 35px; } }
    @media (max-width: 450px) {
      .main.map .bocweb_container .w1500 h2 {
        font-size: 18px;
        padding-bottom: 25px; } }
.main.partner .bocweb_container {
  padding-top: 90px; }
  @media (max-width: 768px) {
    .main.partner .bocweb_container {
      padding-top: 75px; } }
  @media (max-width: 500px) {
    .main.partner .bocweb_container {
      padding-top: 30px; } }
  .main.partner .bocweb_container .w1500 .tit {
    text-align: center; }
    .main.partner .bocweb_container .w1500 .tit .cn {
      font-size: 30px;
      line-height: 36px;
      color: #454545; }
      @media (max-width: 1200px) {
        .main.partner .bocweb_container .w1500 .tit .cn {
          font-size: 26px;
          line-height: 30px; } }
      @media (max-width: 600px) {
        .main.partner .bocweb_container .w1500 .tit .cn {
          font-size: 20px;
          line-height: 26px; } }
    .main.partner .bocweb_container .w1500 .tit .en {
      font-size: 24px;
      line-height: 28px;
      color: #454545;
      font-family: "LibreBaskerville-Regular"; }
      .main.partner .bocweb_container .w1500 .tit .en.color2 {
        color: #d0515a; }
      @media (max-width: 1200px) {
        .main.partner .bocweb_container .w1500 .tit .en {
          font-size: 20px;
          line-height: 24px; } }
      @media (max-width: 600px) {
        .main.partner .bocweb_container .w1500 .tit .en {
          font-size: 16px;
          line-height: 20px; } }
  .main.partner .bocweb_container .w1500 .ul_box {
    width: 100%;
    margin-top: 65px;
    padding-bottom: 110px; }
    @media (max-width: 1024px) {
      .main.partner .bocweb_container .w1500 .ul_box {
        padding-bottom: 90px;
        margin-top: 50px; } }
    @media (max-width: 600px) {
      .main.partner .bocweb_container .w1500 .ul_box {
        padding-bottom: 35px;
        margin-top: 30px; } }
    .main.partner .bocweb_container .w1500 .ul_box ul {
      width: 1300px;
      margin: 0 auto; }
      @media (max-width: 1540px) {
        .main.partner .bocweb_container .w1500 .ul_box ul {
          width: 100%; } }
      .main.partner .bocweb_container .w1500 .ul_box ul li {
        display: table;
        width: 300px;
        height: 230px;
        border-radius: 5px;
        margin-right: 32px;
        margin-bottom: 47px;
        padding: 0 15px;
        box-sizing: border-box; }
        @media (max-width: 1540px) {
          .main.partner .bocweb_container .w1500 .ul_box ul li {
            width: 23.5%;
            height: 230px;
            border-radius: 5px;
            margin-right: 2%;
            margin-bottom: 2%;
            padding: 0 15px; } }
        @media (max-width: 1350px) {
          .main.partner .bocweb_container .w1500 .ul_box ul li {
            width: 25%;
            height: 250px;
            border-radius: 5px;
            margin-right: 0;
            margin-bottom: 2%;
            padding: 0 5px; } }
        @media (max-width: 1024px) {
          .main.partner .bocweb_container .w1500 .ul_box ul li {
            width: 50%;
            height: 250px;
            border-radius: 5px;
            margin-right: 0;
            margin-bottom: 2%;
            padding: 0 5px; } }
        @media (max-width: 450px) {
          .main.partner .bocweb_container .w1500 .ul_box ul li {
            width: 100%;
            height: auto;
            border-radius: 5px;
            margin-right: 0;
            margin-bottom: 2%;
            padding: 20px 15px; } }
        .main.partner .bocweb_container .w1500 .ul_box ul li.no_img .fl_box {
          vertical-align: middle;
          padding: 0; }
        .main.partner .bocweb_container .w1500 .ul_box ul li .fl_box {
          display: table-cell;
          vertical-align: middle; }
          .main.partner .bocweb_container .w1500 .ul_box ul li .fl_box .pic {
            width: 100%;
            text-align: center;
            margin-bottom: 27px;
            height: 90px;
            position: relative; }
            @media (max-width: 435px) {
              .main.partner .bocweb_container .w1500 .ul_box ul li .fl_box .pic {
                height: 70px; } }
            .main.partner .bocweb_container .w1500 .ul_box ul li .fl_box .pic img {
              margin: auto;
              position: absolute;
              left: 0;
              top: 0;
              bottom: 0;
              right: 0;
              max-height: 80%;
              max-width: 80%; }
          .main.partner .bocweb_container .w1500 .ul_box ul li .fl_box .school_msg .name {
            font-size: 18px;
            color: #454545;
            text-align: center;
            margin-bottom: 5px;
            line-height: 22px; }
            @media (max-width: 600px) {
              .main.partner .bocweb_container .w1500 .ul_box ul li .fl_box .school_msg .name {
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 5px; } }
          .main.partner .bocweb_container .w1500 .ul_box ul li .fl_box .school_msg .school_en {
            display: block;
            font-family: "LibreBaskerville-Regular";
            font-size: 14px;
            color: #454545;
            text-align: center;
            line-height: 22px;
            height: 44px; }
            @media (max-width: 450px) {
              .main.partner .bocweb_container .w1500 .ul_box ul li .fl_box .school_msg .school_en {
                height: auto; } }
        @media (min-width: 1025px) {
          .main.partner .bocweb_container .w1500 .ul_box ul li:nth-child(odd) {
            background: #fbfbfb; } }
        .main.partner .bocweb_container .w1500 .ul_box ul li:last-child {
          margin-right: 0; }
        @media (max-width: 1024px) {
          .main.partner .bocweb_container .w1500 .ul_box ul li:nth-child(1), .main.partner .bocweb_container .w1500 .ul_box ul li:nth-child(4) {
            background: #fbfbfb; } }
        @media (max-width: 450px) {
          .main.partner .bocweb_container .w1500 .ul_box ul li:nth-child(1), .main.partner .bocweb_container .w1500 .ul_box ul li:nth-child(3) {
            background: #fbfbfb; }
          .main.partner .bocweb_container .w1500 .ul_box ul li:nth-child(2), .main.partner .bocweb_container .w1500 .ul_box ul li:nth-child(4) {
            background: #fff; } }
      @media (min-width: 1025px) {
        .main.partner .bocweb_container .w1500 .ul_box ul:nth-child(even) li {
          background: #fff; }
          .main.partner .bocweb_container .w1500 .ul_box ul:nth-child(even) li:nth-child(even) {
            background: #fbfbfb; } }
.main.achievement .box .box_cen {
  padding-bottom: 130px;
  padding-top: 80px; }
  @media (max-width: 768px) {
    .main.achievement .box .box_cen {
      padding-top: 60px;
      padding-bottom: 80px; } }
  @media (max-width: 500px) {
    .main.achievement .box .box_cen {
      padding-top: 30px;
      padding-bottom: 35px; } }
  .main.achievement .box .box_cen .top_box {
    box-sizing: border-box;
    padding: 0 100px; }
    @media (max-width: 1500px) {
      .main.achievement .box .box_cen .top_box {
        padding: 0 50px; } }
    @media (max-width: 1024px) {
      .main.achievement .box .box_cen .top_box {
        padding: 0; } }
    .main.achievement .box .box_cen .top_box .top_l {
      float: left;
      width: 26.15%; }
      @media (max-width: 700px) {
        .main.achievement .box .box_cen .top_box .top_l {
          width: 100%;
          float: none; } }
      .main.achievement .box .box_cen .top_box .top_l .tit .cn {
        font-size: 30px;
        line-height: 36px;
        color: #454545; }
        @media (max-width: 1200px) {
          .main.achievement .box .box_cen .top_box .top_l .tit .cn {
            font-size: 26px;
            line-height: 30px; } }
        @media (max-width: 600px) {
          .main.achievement .box .box_cen .top_box .top_l .tit .cn {
            font-size: 20px;
            line-height: 26px; } }
      .main.achievement .box .box_cen .top_box .top_l .tit .en {
        font-size: 24px;
        line-height: 28px;
        color: #454545;
        font-family: "LibreBaskerville-Regular"; }
        @media (max-width: 1200px) {
          .main.achievement .box .box_cen .top_box .top_l .tit .en {
            font-size: 20px;
            line-height: 24px; } }
        @media (max-width: 600px) {
          .main.achievement .box .box_cen .top_box .top_l .tit .en {
            font-size: 16px;
            line-height: 20px; } }
    .main.achievement .box .box_cen .top_box .top_r {
      float: right;
      width: 70.15%; }
      @media (max-width: 700px) {
        .main.achievement .box .box_cen .top_box .top_r {
          width: 100%;
          float: none;
          margin-top: 20px; } }
      @media (max-width: 435px) {
        .main.achievement .box .box_cen .top_box .top_r {
          margin-top: 15px; } }
      .main.achievement .box .box_cen .top_box .top_r .cont {
        font-size: 16px;
        line-height: 28px;
        color: #666; }
        @media (max-width: 768px) {
          .main.achievement .box .box_cen .top_box .top_r .cont {
            font-size: 14px;
            line-height: 24px; } }
  .main.achievement .box .box_cen .list {
    margin-top: 32px; }
    .main.achievement .box .box_cen .list ul {
      padding-bottom: 30px; }
      @media (max-width: 600px) {
        .main.achievement .box .box_cen .list ul {
          padding-bottom: 10px; } }
      .main.achievement .box .box_cen .list ul li {
        width: 48.66%;
        float: left;
        margin-top: 3.8%; }
        .main.achievement .box .box_cen .list ul li:nth-child(even) {
          float: right; }
        @media (max-width: 750px) {
          .main.achievement .box .box_cen .list ul li {
            width: 100%;
            float: none;
            margin-top: 15px; }
            .main.achievement .box .box_cen .list ul li:nth-child(even) {
              float: none; } }
        @media (min-width: 1025px) {
          .main.achievement .box .box_cen .list ul li:hover a {
            box-shadow: 0px 0px 43px 0px rgba(4, 0, 0, 0.15); } }
        .main.achievement .box .box_cen .list ul li a {
          border: 1px solid #e1e1e1;
          border-radius: 5px;
          overflow: hidden;
          display: block;
          width: 100%;
          padding: 50px;
          position: relative;
          transition: box-shadow 0.5s;
          box-sizing: border-box;
          font-size: 0; }
          @media (max-width: 1400px) {
            .main.achievement .box .box_cen .list ul li a {
              padding: 40px; } }
          @media (max-width: 1024px) {
            .main.achievement .box .box_cen .list ul li a {
              padding: 40px 25px; } }
          @media (max-width: 435px) {
            .main.achievement .box .box_cen .list ul li a {
              padding: 15px; } }
          .main.achievement .box .box_cen .list ul li a .ico {
            content: "";
            display: block;
            position: absolute;
            width: 85px;
            height: 85px;
            background: url(../img/ximg/achievement/booklogo.png) no-repeat center center;
            background-size: cover;
            right: 50px;
            bottom: 23px;
            z-index: 10; }
            @media (max-width: 600px) {
              .main.achievement .box .box_cen .list ul li a .ico {
                width: 50px;
                height: 50px;
                right: 25px; } }
          .main.achievement .box .box_cen .list ul li a .pic {
            width: 29%;
            display: inline-block;
            vertical-align: middle;
            overflow: hidden; }
            .main.achievement .box .box_cen .list ul li a .pic img {
              width: 100%; }
          .main.achievement .box .box_cen .list ul li a .text {
            width: 63.17%;
            margin-left: 5.8%;
            display: inline-block;
            vertical-align: middle;
            padding-top: 10px; }
            .main.achievement .box .box_cen .list ul li a .text .t {
              font-size: 22px;
              color: #454545;
              line-height: 28px;
              height: 56px;
              font-family: "LibreBaskerville-Regular","Microsoft Yahei"; }
              @media (max-width: 1400px) {
                .main.achievement .box .box_cen .list ul li a .text .t {
                  font-size: 20px;
                  line-height: 24px;
                  height: 48px; } }
              @media (max-width: 1024px) {
                .main.achievement .box .box_cen .list ul li a .text .t {
                  font-size: 18px;
                  line-height: 24px; } }
              @media (max-width: 435px) {
                .main.achievement .box .box_cen .list ul li a .text .t {
                  font-size: 16px;
                  line-height: 24px;
                  height: 24px;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap; } }
            .main.achievement .box .box_cen .list ul li a .text .con {
              font-size: 16px;
              color: #666666;
              line-height: 1.75;
              text-align: justify;
              font-size: 16px;
              line-height: 26px;
              height: 78px;
              overflow: hidden; }
              @media (max-width: 1400px) {
                .main.achievement .box .box_cen .list ul li a .text .con {
                  font-size: 15px;
                  line-height: 24px;
                  height: 72px; } }
              @media (max-width: 1024px) {
                .main.achievement .box .box_cen .list ul li a .text .con {
                  font-size: 14px;
                  line-height: 22px;
                  height: 66px;
                  margin-top: 5px; } }
              @media (max-width: 435px) {
                .main.achievement .box .box_cen .list ul li a .text .con {
                  height: 44px; } }
            .main.achievement .box .box_cen .list ul li a .text .more {
              font-size: 0;
              margin-top: 32px; }
              @media (max-width: 1500px) {
                .main.achievement .box .box_cen .list ul li a .text .more {
                  margin-top: 20px; } }
              @media (max-width: 1024px) {
                .main.achievement .box .box_cen .list ul li a .text .more {
                  margin-top: 12px; } }
              @media (max-width: 550px) {
                .main.achievement .box .box_cen .list ul li a .text .more {
                  margin-top: 8px; } }
              .main.achievement .box .box_cen .list ul li a .text .more i {
                width: 24px;
                height: 2px;
                display: inline-block;
                vertical-align: middle;
                background: #454545; }
                @media (max-width: 550px) {
                  .main.achievement .box .box_cen .list ul li a .text .more i {
                    width: 14px; } }
              .main.achievement .box .box_cen .list ul li a .text .more .txt {
                display: inline-block;
                vertical-align: middle;
                font-size: 14px;
                line-height: 20px;
                color: #454545;
                font-family: "LibreBaskerville-Regular";
                margin-left: 10px; }
                @media (max-width: 550px) {
                  .main.achievement .box .box_cen .list ul li a .text .more .txt {
                    font-size: 12px; } }
          .main.achievement .box .box_cen .list ul li a .time {
			  display:none;
            position: absolute;
            width: 70px;
            height: 70px;
            background: #d0515a;
            border-radius: 0 0 8px 8px;
            right: 35px;
            padding-top: 7px;
            box-sizing: border-box;
            top: 0;
            text-align: center;
            z-index: 10; }
            @media (max-width: 1400px) {
              .main.achievement .box .box_cen .list ul li a .time {
                right: 20px;
                width: 50px;
                height: 50px;
                padding-top: 5px; } }
            @media (max-width: 435px) {
              .main.achievement .box .box_cen .list ul li a .time {
                display: none; } }
            .main.achievement .box .box_cen .list ul li a .time .day {
              font-size: 16px;
              line-height: 20px;
              color: #fff;
              font-family: "LibreBaskerville-Regular"; }
              @media (max-width: 1400px) {
                .main.achievement .box .box_cen .list ul li a .time .day {
                  font-size: 14px;
                  line-height: 16px; } }
            .main.achievement .box .box_cen .list ul li a .time .line {
              width: 42px;
              height: 2px;
              background: #df747b;
              margin-left: auto;
              margin-right: auto;
              margin-top: 5px; }
              @media (max-width: 1400px) {
                .main.achievement .box .box_cen .list ul li a .time .line {
                  width: 30px;
                  margin-top: 2px; } }
            .main.achievement .box .box_cen .list ul li a .time .month {
              font-size: 16px;
              line-height: 20px;
              color: #fff;
              margin-top: 3px;
              font-family: "LibreBaskerville-Regular"; }
              @media (max-width: 1400px) {
                .main.achievement .box .box_cen .list ul li a .time .month {
                  font-size: 14px;
                  line-height: 16px; } }
.main.branch .box1 {
  padding-top: 85px; }
  @media (max-width: 1024px) {
    .main.branch .box1 {
      padding-top: 70px; } }
  @media (max-width: 600px) {
    .main.branch .box1 {
      padding-top: 30px; } }
  .main.branch .box1 .title {
    padding: 0 100px; }
    @media (max-width: 1500px) {
      .main.branch .box1 .title {
        padding: 0 50px; } }
    @media (max-width: 1024px) {
      .main.branch .box1 .title {
        padding: 0; } }
    .main.branch .box1 .title img {
      display: inline-block;
      vertical-align: middle; }
      @media (max-width: 1024px) {
        .main.branch .box1 .title img {
          max-height: 40px; } }
      @media (max-width: 600px) {
        .main.branch .box1 .title img {
          max-height: 30px; } }
    .main.branch .box1 .title .tit {
      display: inline-block;
      vertical-align: middle;
      font-size: 0;
      margin-left: 12px; }
      .main.branch .box1 .title .tit .name {
        font-size: 30px;
        line-height: 36px;
        color: #454545;
        text-align-last: left; }
        @media (max-width: 1200px) {
          .main.branch .box1 .title .tit .name {
            font-size: 26px;
            line-height: 30px; } }
        @media (max-width: 600px) {
          .main.branch .box1 .title .tit .name {
            font-size: 20px;
            line-height: 26px; } }
      .main.branch .box1 .title .tit .en_name {
        text-align-last: left;
        font-size: 24px;
        line-height: 28px;
        font-family: "LibreBaskerville-Regular";
        color: #d0515a; }
        @media (max-width: 1200px) {
          .main.branch .box1 .title .tit .en_name {
            font-size: 20px;
            line-height: 24px; } }
        @media (max-width: 600px) {
          .main.branch .box1 .title .tit .en_name {
            font-size: 16px;
            line-height: 20px; } }
  .main.branch .box1 .intro_box {
    position: relative;
    margin-top: 35px; }
    @media (max-width: 550px) {
      .main.branch .box1 .intro_box {
        background: #f6f6f6;
        border-radius: 5px;
        padding: 20px 0; } }
    .main.branch .box1 .intro_box .intro {
      width: 70.66%;
      background: #f6f6f6;
      padding-left: 100px;
      padding-top: 30px;
      padding-bottom: 65px;
      border-radius: 5px;
      padding-right: 13.6%;
      box-sizing: border-box; }
      @media (max-width: 1500px) {
        .main.branch .box1 .intro_box .intro {
          padding-left: 50px; } }
      @media (max-width: 1024px) {
        .main.branch .box1 .intro_box .intro {
          padding-left: 30px; } }
      @media (max-width: 550px) {
        .main.branch .box1 .intro_box .intro {
          width: 100%;
          border-radius: 0px;
          padding: 0 20px; } }
      .main.branch .box1 .intro_box .intro .tit .ctit {
        font-size: 30px;
        line-height: 36px;
        color: #454545;
        text-align-last: left; }
        @media (max-width: 1200px) {
          .main.branch .box1 .intro_box .intro .tit .ctit {
            font-size: 26px;
            line-height: 30px; } }
        @media (max-width: 600px) {
          .main.branch .box1 .intro_box .intro .tit .ctit {
            font-size: 20px;
            line-height: 26px; } }
      .main.branch .box1 .intro_box .intro .tit .etit {
        text-align-last: left;
        font-size: 20px;
        line-height: 28px;
        font-family: "LibreBaskerville-Regular";
        color: #d0515a; }
        @media (max-width: 1200px) {
          .main.branch .box1 .intro_box .intro .tit .etit {
            font-size: 18px;
            line-height: 24px; } }
        @media (max-width: 600px) {
          .main.branch .box1 .intro_box .intro .tit .etit {
            font-size: 17px;
            line-height: 20px; } }
      .main.branch .box1 .intro_box .intro .con {
        font-size: 16px;
        line-height: 26px;
        color: #666;
        margin-top: 30px; }
        @media (max-width: 1200px) {
          .main.branch .box1 .intro_box .intro .con {
            font-size: 14px;
            line-height: 24px; } }
        @media (max-width: 600px) {
          .main.branch .box1 .intro_box .intro .con {
            margin-top: 15px; } }
        .main.branch .box1 .intro_box .intro .con p {
          padding-top: 25px; }
          @media (max-width: 1200px) {
            .main.branch .box1 .intro_box .intro .con p {
              padding-top: 15px; } }
          .main.branch .box1 .intro_box .intro .con p:first-child {
            padding-top: 0; }
    .main.branch .box1 .intro_box .pic {
      position: absolute;
      bottom: 25px;
      right: 0;
      box-sizing: border-box;
      border-radius: 5px;
      width: 38.2%; }
      @media (max-width: 1024px) {
        .main.branch .box1 .intro_box .pic {
          bottom: auto;
          top: 50%;
          transform: translateY(-50%); } }
      @media (max-width: 550px) {
        .main.branch .box1 .intro_box .pic {
          position: static;
          transform: translateY(0%);
          width: 100%;
          margin-top: 20px;
          padding: 0 20px; } }
      .main.branch .box1 .intro_box .pic img {
        width: 100%;
        border-radius: 5px; }
.main.branch .news_b .title {
  border-bottom: 1px solid #e5e5e5;
  padding: 50px 100px 40px 100px; }
  @media (max-width: 1500px) {
    .main.branch .news_b .title {
      padding: 40px 50px; } }
  @media (max-width: 1024px) {
    .main.branch .news_b .title {
      padding: 40px 0; } }
  @media (max-width: 600px) {
    .main.branch .news_b .title {
      padding: 25px 0; } }
  .main.branch .news_b .title .cn {
    font-size: 30px;
    line-height: 36px;
    color: #454545;
    text-align-last: left; }
    @media (max-width: 1200px) {
      .main.branch .news_b .title .cn {
        font-size: 26px;
        line-height: 30px; } }
    @media (max-width: 600px) {
      .main.branch .news_b .title .cn {
        font-size: 20px;
        line-height: 26px; } }
  .main.branch .news_b .title .en {
    text-align-last: left;
    font-size: 24px;
    line-height: 28px;
    font-family: "LibreBaskerville-Regular";
    color: #d0515a; }
    @media (max-width: 1200px) {
      .main.branch .news_b .title .en {
        font-size: 20px;
        line-height: 24px; } }
    @media (max-width: 600px) {
      .main.branch .news_b .title .en {
        font-size: 16px;
        line-height: 20px; } }
.main.branch .news_b .news_list {
  padding-bottom: 115px; }
  @media (max-width: 1024px) {
    .main.branch .news_b .news_list {
      padding-bottom: 100px; } }
  @media (max-width: 600px) {
    .main.branch .news_b .news_list {
      padding-bottom: 40px; } }
  .main.branch .news_b .news_list ul li {
    padding: 38px 100px;
    border-bottom: 1px solid #e5e5e5; }
    @media (max-width: 1500px) {
      .main.branch .news_b .news_list ul li {
        padding: 30px 50px; } }
    @media (max-width: 1024px) {
      .main.branch .news_b .news_list ul li {
        padding: 30px 0; } }
    @media (max-width: 500px) {
      .main.branch .news_b .news_list ul li {
        padding: 20px 0; } }
    .main.branch .news_b .news_list ul li a {
      display: block;
      width: 100%;
      position: relative;
      height: 252px;
      padding-left: 400px;
      box-sizing: border-box; }
      @media (max-width: 1024px) {
        .main.branch .news_b .news_list ul li a {
          height: 209px;
          padding-left: 310px; } }
      @media (max-width: 650px) {
        .main.branch .news_b .news_list ul li a {
          height: 164px;
          padding-left: 240px; } }
      @media (max-width: 500px) {
        .main.branch .news_b .news_list ul li a {
          height: auto;
          padding-left: 0; } }
      .main.branch .news_b .news_list ul li a .pic {
        width: 338px;
        height: 252px;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 5px 5px 0 0;
        overflow: hidden; }
        @media (max-width: 1024px) {
          .main.branch .news_b .news_list ul li a .pic {
            width: 280px;
            height: 209px; } }
        @media (max-width: 650px) {
          .main.branch .news_b .news_list ul li a .pic {
            width: 220px;
            height: 164px; } }
        @media (max-width: 500px) {
          .main.branch .news_b .news_list ul li a .pic {
            width: 100%;
            height: auto;
            position: static; } }
        .main.branch .news_b .news_list ul li a .pic img {
          width: 100%;
          height: auto;
          border-radius: 5px 5px 0 0;
          transition: transform .5s ease-in-out; }
        .main.branch .news_b .news_list ul li a .pic .time {
          position: absolute;
          width: 70px;
          height: 70px;
          background: #d0515a;
          border-radius: 0 0 8px 8px;
          right: 46px;
          padding-top: 7px;
          box-sizing: border-box;
          top: 0;
          text-align: center;
          z-index: 10; }
          @media (max-width: 768px) {
            .main.branch .news_b .news_list ul li a .pic .time {
              right: 20px;
              width: 50px;
              height: 50px;
              padding-top: 5px; } }
          .main.branch .news_b .news_list ul li a .pic .time .day {
            font-size: 16px;
            line-height: 20px;
            color: #fff;
            font-family: "LibreBaskerville-Regular"; }
            @media (max-width: 768px) {
              .main.branch .news_b .news_list ul li a .pic .time .day {
                font-size: 14px;
                line-height: 16px; } }
          .main.branch .news_b .news_list ul li a .pic .time .line {
            width: 42px;
            height: 2px;
            background: #df747b;
            margin-left: auto;
            margin-right: auto;
            margin-top: 5px; }
            @media (max-width: 768px) {
              .main.branch .news_b .news_list ul li a .pic .time .line {
                width: 30px;
                margin-top: 2px; } }
          .main.branch .news_b .news_list ul li a .pic .time .month {
            font-size: 16px;
            line-height: 20px;
            color: #fff;
            margin-top: 3px;
            font-family: "LibreBaskerville-Regular"; }
            @media (max-width: 768px) {
              .main.branch .news_b .news_list ul li a .pic .time .month {
                font-size: 14px;
                line-height: 16px; } }
      .main.branch .news_b .news_list ul li a .text {
        padding-top: 22px; }
        @media (max-width: 650px) {
          .main.branch .news_b .news_list ul li a .text {
            padding-top: 12px; } }
        @media (max-width: 500px) {
          .main.branch .news_b .news_list ul li a .text {
            padding-top: 15px; } }
        .main.branch .news_b .news_list ul li a .text h5 {
          font-size: 24px;
          line-height: 40px;
          color: #454545;
          font-weight: normal; }
          @media (max-width: 1024px) {
			  
            .main.branch .news_b .news_list ul li a .text h5 {
              font-size: 20px;
              line-height: 36px; } }
          @media (max-width: 600px) {
            .main.branch .news_b .news_list ul li a .text h5 {
              font-size: 16px;
              line-height: 28px; } }
        .main.branch .news_b .news_list ul li a .text .con {
          margin-top: 27px;
          height: 84px;
          overflow: hidden;
          font-size: 16px;
          color: #666;
          line-height: 28px; }
          @media (max-width: 1024px) {
            .main.branch .news_b .news_list ul li a .text .con {
              font-size: 14px;
              line-height: 24px;
              height: 72px;
              margin-top: 20px; } }
          @media (max-width: 650px) {
            .main.branch .news_b .news_list ul li a .text .con {
              height: 48px; } }
          @media (max-width: 500px) {
            .main.branch .news_b .news_list ul li a .text .con {
              margin-top: 15px; } }
        .main.branch .news_b .news_list ul li a .text .more {
          font-size: 0;
          margin-top: 42px; }
          @media (max-width: 1024px) {
            .main.branch .news_b .news_list ul li a .text .more {
              margin-top: 20px; } }
          @media (max-width: 550px) {
            .main.branch .news_b .news_list ul li a .text .more {
              margin-top: 15px; } }
          .main.branch .news_b .news_list ul li a .text .more i {
            width: 24px;
            height: 2px;
            display: inline-block;
            vertical-align: middle;
            background: #454545; }
            @media (max-width: 550px) {
              .main.branch .news_b .news_list ul li a .text .more i {
                width: 14px; } }
          .main.branch .news_b .news_list ul li a .text .more .txt {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            line-height: 20px;
            color: #454545;
            font-family: "LibreBaskerville-Regular";
            margin-left: 10px; }
            @media (max-width: 550px) {
              .main.branch .news_b .news_list ul li a .text .more .txt {
                font-size: 12px; } }
    @media (min-width: 1025px) {
      .main.branch .news_b .news_list ul li:hover a .pic img {
        transform: scale(1.05); } }
  .main.branch .news_b .news_list .more_btn {
    display: block;
    width: 186px;
    cursor: pointer;
    height: 48px;
    background: #d0515a;
    border-radius: 24px;
    margin-top: 90px;
    font-size: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    @media (min-width: 1024px) {
      .main.branch .news_b .news_list .more_btn:hover i {
        width: 0; } }
    @media (max-width: 768px) {
      .main.branch .news_b .news_list .more_btn {
        margin-top: 40px; } }
    @media (max-width: 600px) {
      .main.branch .news_b .news_list .more_btn {
        width: 130px;
        height: 36px;
        margin-top: 25px; } }
    .main.branch .news_b .news_list .more_btn i {
      display: inline-block;
      vertical-align: middle;
      width: 24px;
      height: 2px;
      background: #fff;
      position: relative;
      right: 0;
      -webkit-transform-origin: right center;
      transform-origin: right center;
      transition: width 0.3s;
      margin: 0 5px; }
      @media (max-width: 600px) {
        .main.branch .news_b .news_list .more_btn i {
          width: 14px; } }
    .main.branch .news_b .news_list .more_btn .txt {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      line-height: 48px;
      color: #fff;
      margin: 0 5px;
      font-family: "LibreBaskerville-Regular"; }
      @media (max-width: 600px) {
        .main.branch .news_b .news_list .more_btn .txt {
          font-size: 13px;
          line-height: 36px; } }
  .main.branch .news_b .news_list .page_box {
    margin-top: 70px; }
    @media (max-width: 1024px) {
      .main.branch .news_b .news_list .page_box {
        margin-top: 50px; } }
    @media (max-width: 500px) {
      .main.branch .news_b .news_list .page_box {
        margin-top: 25px; } }
.main.institution .institution_box {
  padding-top: 80px; }
  @media (max-width: 768px) {
    .main.institution .institution_box {
      padding-top: 60px; } }
  @media (max-width: 500px) {
    .main.institution .institution_box {
      padding-top: 30px; } }
  .main.institution .institution_box .tit_top {
    padding: 0 100px; }
    @media (max-width: 1500px) {
      .main.institution .institution_box .tit_top {
        padding: 0 50px; } }
    @media (max-width: 1024px) {
      .main.institution .institution_box .tit_top {
        padding: 0; } }
    .main.institution .institution_box .tit_top .cn {
      font-size: 30px;
      line-height: 36px;
      color: #454545; }
      @media (max-width: 1200px) {
        .main.institution .institution_box .tit_top .cn {
          font-size: 26px;
          line-height: 30px; } }
      @media (max-width: 600px) {
        .main.institution .institution_box .tit_top .cn {
          font-size: 20px;
          line-height: 26px; } }
    .main.institution .institution_box .tit_top .en {
      font-size: 24px;
      line-height: 28px;
      color: #454545;
      font-family: "LibreBaskerville-Regular"; }
      @media (max-width: 1200px) {
        .main.institution .institution_box .tit_top .en {
          font-size: 20px;
          line-height: 24px; } }
      @media (max-width: 600px) {
        .main.institution .institution_box .tit_top .en {
          font-size: 16px;
          line-height: 20px; } }
  .main.institution .institution_box .top_box {
    box-sizing: border-box;
    padding: 0 100px; }
    @media (max-width: 1500px) {
      .main.institution .institution_box .top_box {
        padding: 0 50px; } }
    @media (max-width: 1024px) {
      .main.institution .institution_box .top_box {
        padding: 0; } }
    .main.institution .institution_box .top_box .top_l {
      float: left;
      width: 26.15%; }
      @media (max-width: 700px) {
        .main.institution .institution_box .top_box .top_l {
          width: 100%;
          float: none; } }
      .main.institution .institution_box .top_box .top_l .tit .cn {
        font-size: 30px;
        line-height: 36px;
        color: #454545; }
        @media (max-width: 1200px) {
          .main.institution .institution_box .top_box .top_l .tit .cn {
            font-size: 26px;
            line-height: 30px; } }
        @media (max-width: 600px) {
          .main.institution .institution_box .top_box .top_l .tit .cn {
            font-size: 20px;
            line-height: 26px; } }
      .main.institution .institution_box .top_box .top_l .tit .en {
        font-size: 24px;
        line-height: 28px;
        color: #454545;
        font-family: "LibreBaskerville-Regular"; }
        @media (max-width: 1200px) {
          .main.institution .institution_box .top_box .top_l .tit .en {
            font-size: 20px;
            line-height: 24px; } }
        @media (max-width: 600px) {
          .main.institution .institution_box .top_box .top_l .tit .en {
            font-size: 16px;
            line-height: 20px; } }
    .main.institution .institution_box .top_box .top_r {
      float: right;
      width: 70.15%; }
      @media (max-width: 700px) {
        .main.institution .institution_box .top_box .top_r {
          width: 100%;
          float: none;
          margin-top: 20px; } }
      @media (max-width: 435px) {
        .main.institution .institution_box .top_box .top_r {
          margin-top: 15px; } }
      .main.institution .institution_box .top_box .top_r .tit {
        font-size: 24px;
        line-height: 28px;
        color: #454545;
        margin-bottom: 15px;
        font-family: "LibreBaskerville-Regular"; }
        @media (max-width: 1200px) {
          .main.institution .institution_box .top_box .top_r .tit {
            font-size: 20px;
            line-height: 24px; } }
        @media (max-width: 600px) {
          .main.institution .institution_box .top_box .top_r .tit {
            font-size: 17px;
            line-height: 20px;
            margin-bottom: 5px; } }
      .main.institution .institution_box .top_box .top_r .cont {
        font-size: 16px;
        line-height: 28px;
        color: #666; }
        @media (max-width: 768px) {
          .main.institution .institution_box .top_box .top_r .cont {
            font-size: 14px;
            line-height: 24px; } }
      .main.institution .institution_box .top_box .top_r .link {
        display: block;
        width: 186px;
        cursor: pointer;
        height: 48px;
        background: #d0515a;
        border-radius: 24px;
        margin-top: 22px;
        text-align: center;
        font-size: 18px;
        line-height: 48px;
        color: #fff; }
        @media (max-width: 600px) {
          .main.institution .institution_box .top_box .top_r .link {
            width: 130px;
            height: 36px;
            margin-top: 15px;
            font-size: 14px;
            line-height: 36px; } }
        .main.institution .institution_box .top_box .top_r .link i {
          display: inline-block;
          vertical-align: middle;
          width: 24px;
          height: 2px;
          background: #fff;
          position: relative;
          right: 0;
          -webkit-transform-origin: right center;
          transform-origin: right center;
          transition: width 0.3s;
          margin: 0 5px; }
          @media (max-width: 600px) {
            .main.institution .institution_box .top_box .top_r .link i {
              width: 14px; } }
        .main.institution .institution_box .top_box .top_r .link .txt {
          display: inline-block;
          vertical-align: middle;
          font-size: 14px;
          line-height: 48px;
          color: #fff;
          margin: 0 5px;
          font-family: "LibreBaskerville-Regular"; }
          @media (max-width: 600px) {
            .main.institution .institution_box .top_box .top_r .link .txt {
              font-size: 13px;
              line-height: 36px; } }
  .main.institution .institution_box .list_box {
    margin-top: 20px;
    padding-bottom: 120px; }
    @media (max-width: 1200px) {
      .main.institution .institution_box .list_box {
        padding-bottom: 100px; } }
    @media (max-width: 768px) {
      .main.institution .institution_box .list_box {
        padding-bottom: 60px; } }
    @media (max-width: 500px) {
      .main.institution .institution_box .list_box {
        padding-bottom: 30px; } }
    .main.institution .institution_box .list_box ul li {
      width: 48.66%;
      float: left;
      background: #fafafa;
      border: 1px solid #ececec;
      border-radius: 5px;
      box-sizing: border-box;
      margin-top: 3.8%;
      transition: border-color 0.5s,box-shadow 0.5s ,background 0.5s;
      transition-timing-function: ease; }
      .main.institution .institution_box .list_box ul li:nth-child(even) {
        float: right; }
        @media (max-width: 800px) {
          .main.institution .institution_box .list_box ul li:nth-child(even) {
            float: none; } }
      @media (max-width: 800px) {
        .main.institution .institution_box .list_box ul li {
          width: 100%;
          float: none;
          margin-top: 20px; } }
      @media (min-width: 1024px) {
        .main.institution .institution_box .list_box ul li:hover {
          border-color: #fff;
          background: #fff;
          box-shadow: 0 0 43px rgba(4, 0, 0, 0.15); }
          .main.institution .institution_box .list_box ul li:hover a .icon {
            transform: translateY(-10px); } }
      .main.institution .institution_box .list_box ul li a {
        display: block;
        padding: 50px;
        padding-bottom: 28px; }
        @media (max-width: 1300px) {
          .main.institution .institution_box .list_box ul li a {
            padding: 35px;
            padding-bottom: 25px; } }
        @media (max-width: 600px) {
          .main.institution .institution_box .list_box ul li a {
            padding: 18px; } }
        .main.institution .institution_box .list_box ul li a .tit {
          position: relative;
          padding-right: 55px; }
          @media (max-width: 1024px) {
            .main.institution .institution_box .list_box ul li a .tit {
              padding-right: 45px; } }
          @media (max-width: 600px) {
            .main.institution .institution_box .list_box ul li a .tit {
              padding-right: 35px; } }
          .main.institution .institution_box .list_box ul li a .tit .cn {
            font-size: 24px;
            line-height: 36px;
            color: #143b6c;
            font-weight: bold; }
            @media (max-width: 1024px) {
              .main.institution .institution_box .list_box ul li a .tit .cn {
                font-size: 20px;
                line-height: 32px; } }
            @media (max-width: 600px) {
              .main.institution .institution_box .list_box ul li a .tit .cn {
                font-size: 18px;
                line-height: 26px; } }
          .main.institution .institution_box .list_box ul li a .tit .en {
            font-size: 24px;
            line-height: 28px;
            color: #454545;
            height: 56px;
            font-family: "LibreBaskerville-Regular"; }
            @media (max-width: 1400px) {
              .main.institution .institution_box .list_box ul li a .tit .en {
                font-size: 20px;
                line-height: 24px;
                height: 48px; } }
            @media (max-width: 900px) {
              .main.institution .institution_box .list_box ul li a .tit .en {
                font-size: 18px;
                line-height: 24px; } }
            @media (max-width: 600px) {
              .main.institution .institution_box .list_box ul li a .tit .en {
                font-size: 16px;
                line-height: 20px;
                height: auto; } }
          .main.institution .institution_box .list_box ul li a .tit .icon {
            position: absolute;
            width: 50px;
            font-size: 0;
            height: 50px;
            transition: transform 0.7s cubic-bezier(0.77, 0, 0.175, 1);
            right: 0;
            top: 8px;
            line-height: 50px; }
            @media (max-width: 1024px) {
              .main.institution .institution_box .list_box ul li a .tit .icon {
                width: 40px;
                height: 40px;
                line-height: 40px; } }
            @media (max-width: 600px) {
              .main.institution .institution_box .list_box ul li a .tit .icon {
                width: 30px;
                height: 30px;
                top: 3px; } }
            .main.institution .institution_box .list_box ul li a .tit .icon img {
              max-width: 100%;
              max-height: 100%; }
        .main.institution .institution_box .list_box ul li a .con {
          margin-top: 12px;
          font-size: 16px;
          line-height: 28px;
          color: #666;
          height: 112px;
          overflow: hidden; }
          @media (max-width: 1200px) {
            .main.institution .institution_box .list_box ul li a .con {
              font-size: 15px; } }
          @media (max-width: 1024px) {
            .main.institution .institution_box .list_box ul li a .con {
              line-height: 24px;
              height: 72px; } }
          @media (max-width: 600px) {
            .main.institution .institution_box .list_box ul li a .con {
              font-size: 14px;
              line-height: 24px; } }
        .main.institution .institution_box .list_box ul li a .more {
          font-size: 0;
          margin-top: 22px; }
          @media (max-width: 600px) {
            .main.institution .institution_box .list_box ul li a .more {
              margin-top: 15px; } }
          .main.institution .institution_box .list_box ul li a .more i {
            display: inline-block;
            vertical-align: middle;
            width: 24px;
            height: 2px;
            background: #454545;
            position: relative;
            right: 0; }
            @media (max-width: 600px) {
              .main.institution .institution_box .list_box ul li a .more i {
                width: 14px; } }
          .main.institution .institution_box .list_box ul li a .more .txt {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            line-height: 28px;
            color: #454545;
            margin-left: 10px;
            font-family: "LibreBaskerville-Regular"; }
            @media (max-width: 600px) {
              .main.institution .institution_box .list_box ul li a .more .txt {
                font-size: 13px;
                line-height: 28px; } }
  .main.institution .institution_box .research_list {
    margin-top: 58px;
    padding-bottom: 140px; }
    @media (max-width: 1024px) {
      .main.institution .institution_box .research_list {
        padding-bottom: 100px; } }
    @media (max-width: 600px) {
      .main.institution .institution_box .research_list {
        margin-top: 30px;
        padding-bottom: 55px; } }
    @media (max-width: 435px) {
      .main.institution .institution_box .research_list {
        padding-bottom: 30px; } }
    .main.institution .institution_box .research_list ul li {
      margin-top: 180px; }
      @media (max-width: 1600px) {
        .main.institution .institution_box .research_list ul li {
          margin-top: 70px; } }
      @media (max-width: 1024px) {
        .main.institution .institution_box .research_list ul li {
          margin-top: 40px; } }
      @media (max-width: 650px) {
        .main.institution .institution_box .research_list ul li {
          margin-top: 20px; } }
      .main.institution .institution_box .research_list ul li:first-child {
        margin-top: 0; }
      .main.institution .institution_box .research_list ul li:nth-child(even) {
        margin-top: 75px; }
        @media (max-width: 1600px) {
          .main.institution .institution_box .research_list ul li:nth-child(even) {
            margin-top: 70px; } }
        @media (max-width: 1024px) {
          .main.institution .institution_box .research_list ul li:nth-child(even) {
            margin-top: 40px; } }
        @media (max-width: 650px) {
          .main.institution .institution_box .research_list ul li:nth-child(even) {
            margin-top: 20px; } }
        .main.institution .institution_box .research_list ul li:nth-child(even) a .cont {
          float: right;
          padding-left: 10%;
          padding-right: 60px; }
          @media (max-width: 1400px) {
            .main.institution .institution_box .research_list ul li:nth-child(even) a .cont {
              padding-right: 30px; } }
          .main.institution .institution_box .research_list ul li:nth-child(even) a .cont .con {
            padding-right: 0; }
        .main.institution .institution_box .research_list ul li:nth-child(even) a .pic {
          bottom: -47px;
          right: auto;
          left: 0; }
          @media (max-width: 1600px) {
            .main.institution .institution_box .research_list ul li:nth-child(even) a .pic {
              bottom: auto; } }
      .main.institution .institution_box .research_list ul li a {
        display: block;
        position: relative; }
        @media (min-width: 1024px) {
          .main.institution .institution_box .research_list ul li a:hover .pic img {
            transform: scale(1.05); } }
        .main.institution .institution_box .research_list ul li a .pic {
          position: absolute;
          right: 0;
          bottom: 30px;
          width: 52.66%;
          border-radius: 5px;
          overflow: hidden; }
          .main.institution .institution_box .research_list ul li a .pic img {
            transition: transform 0.5s ease-in-out;
            border-radius: 5px;
            width: 100%; }
          @media (max-width: 1600px) {
            .main.institution .institution_box .research_list ul li a .pic {
              bottom: auto;
              top: 50%;
              transform: translateY(-50%); } }
          @media (max-width: 650px) {
            .main.institution .institution_box .research_list ul li a .pic {
              position: static;
              transform: translateY(0%);
              width: 100%; } }
        .main.institution .institution_box .research_list ul li a .cont {
          width: 52.66%;
          background: #fafafa;
          border: 1px solid #ececec;
          box-sizing: border-box;
          border-radius: 5px;
          padding-left: 42px;
          padding-right: 5.8%;
          padding-top: 70px;
          padding-bottom: 60px; }
          @media (max-width: 1400px) {
            .main.institution .institution_box .research_list ul li a .cont {
              padding-top: 50px;
              padding-bottom: 50px;
              padding-left: 30px; } }
          @media (max-width: 850px) {
            .main.institution .institution_box .research_list ul li a .cont {
              padding-top: 30px;
              padding-bottom: 30px; } }
          @media (max-width: 650px) {
            .main.institution .institution_box .research_list ul li a .cont {
              width: 100%;
              float: none !important;
              border-radius: 0 0 5px 5px !important;
              margin-top: -5px;
              padding: 30px !important; } }
          @media (max-width: 435px) {
            .main.institution .institution_box .research_list ul li a .cont {
              padding: 20px !important; } }
          .main.institution .institution_box .research_list ul li a .cont .tit_box {
            -padding-left: 100px;
            position: relative; }
            @media (max-width: 1400px) {
              .main.institution .institution_box .research_list ul li a .cont .tit_box {
                padding-left: 85px; } }
            @media (max-width: 1024px) {
              .main.institution .institution_box .research_list ul li a .cont .tit_box {
                padding-left: 0; } }
            .main.institution .institution_box .research_list ul li a .cont .tit_box .num {
              font-size: 64px;
              line-height: 64px;
              color: #143b6c;
              font-family: 'Didot_2';
              position: absolute;
              left: 0;
              top: 4px; }
              @media (max-width: 1400px) {
                .main.institution .institution_box .research_list ul li a .cont .tit_box .num {
                  font-size: 56px;
                  line-height: 56px; } }
              @media (max-width: 1024px) {
                .main.institution .institution_box .research_list ul li a .cont .tit_box .num {
                  display: none; } }
            .main.institution .institution_box .research_list ul li a .cont .tit_box .tit .cn {
              font-size: 24px;
              line-height: 38px;
              color: #143b6c; }
              @media (max-width: 1200px) {
                .main.institution .institution_box .research_list ul li a .cont .tit_box .tit .cn {
                  font-size: 20px;
                  line-height: 32px; } }
              @media (max-width: 600px) {
                .main.institution .institution_box .research_list ul li a .cont .tit_box .tit .cn {
                  font-size: 18px;
                  line-height: 26px; } }
            .main.institution .institution_box .research_list ul li a .cont .tit_box .tit .en {
              font-size: 20px;
              line-height: 24px;
              color: #454545;
              height: 48px;
              font-family: "LibreBaskerville-Regular"; }
              @media (max-width: 1400px) {
                .main.institution .institution_box .research_list ul li a .cont .tit_box .tit .en {
                  font-size: 18px;
                  line-height: 24px; } }
              @media (max-width: 850px) {
                .main.institution .institution_box .research_list ul li a .cont .tit_box .tit .en {
                  height: auto; } }
              @media (max-width: 850px) {
                .main.institution .institution_box .research_list ul li a .cont .tit_box .tit .en {
                  font-size: 16px;
                  line-height: 20px;
                  height: auto; } }
          .main.institution .institution_box .research_list ul li a .cont .con {
            font-size: 16px;
            line-height: 26px;
            color: #666;
            margin-top: 16px;
            padding-right: 11%;
            height: 130px;
            overflow: hidden; }
            @media (max-width: 1300px) {
              .main.institution .institution_box .research_list ul li a .cont .con {
                font-size: 15px;
                line-height: 24px;
                padding-right: 5%;
                height: 120px; } }
            @media (max-width: 850px) {
              .main.institution .institution_box .research_list ul li a .cont .con {
                font-size: 14px;
                line-height: 24px;
                height: 72px; } }
            @media (max-width: 500px) {
              .main.institution .institution_box .research_list ul li a .cont .con {
                height: 48px;
                margin-top: 10px; } }
          .main.institution .institution_box .research_list ul li a .cont .more {
            font-size: 0;
            margin-top: 47px; }
            @media (max-width: 1300px) {
              .main.institution .institution_box .research_list ul li a .cont .more {
                margin-top: 30px; } }
            @media (max-width: 600px) {
              .main.institution .institution_box .research_list ul li a .cont .more {
                margin-top: 15px; } }
            .main.institution .institution_box .research_list ul li a .cont .more i {
              display: inline-block;
              vertical-align: middle;
              width: 24px;
              height: 2px;
              background: #454545;
              position: relative;
              right: 0; }
              @media (max-width: 600px) {
                .main.institution .institution_box .research_list ul li a .cont .more i {
                  width: 14px; } }
            .main.institution .institution_box .research_list ul li a .cont .more .txt {
              display: inline-block;
              vertical-align: middle;
              font-size: 14px;
              line-height: 28px;
              color: #454545;
              margin-left: 10px;
              font-family: "LibreBaskerville-Regular"; }
              @media (max-width: 600px) {
                .main.institution .institution_box .research_list ul li a .cont .more .txt {
                  font-size: 13px;
                  line-height: 28px; } }
  .main.institution .institution_box .alliance_list {
    padding: 0 100px 150px 100px;
    margin-top: 55px; }
    @media (max-width: 1500px) {
      .main.institution .institution_box .alliance_list {
        padding: 0 50px 130px 50px; } }
    @media (max-width: 1024px) {
      .main.institution .institution_box .alliance_list {
        padding: 0;
        padding-bottom: 90px; } }
    @media (max-width: 850px) {
      .main.institution .institution_box .alliance_list {
        margin-top: 30px; } }
    @media (max-width: 500px) {
      .main.institution .institution_box .alliance_list {
        margin-top: 10px;
        padding-bottom: 40px; } }
    .main.institution .institution_box .alliance_list ul li {
      margin-top: 110px; }
      @media (max-width: 1200px) {
        .main.institution .institution_box .alliance_list ul li {
          margin-top: 80px; } }
      @media (max-width: 850px) {
        .main.institution .institution_box .alliance_list ul li {
          margin-top: 0px;
          padding-top: 25px;
          padding-bottom: 30px;
          border-bottom: 1px solid #e7e7e7; }
          .main.institution .institution_box .alliance_list ul li:last-child {
            border-bottom: 0; } }
      @media (max-width: 500px) {
        .main.institution .institution_box .alliance_list ul li {
          padding-top: 16px;
          padding-bottom: 20px; } }
      .main.institution .institution_box .alliance_list ul li:first-child {
        margin-top: 0; }
      .main.institution .institution_box .alliance_list ul li:nth-child(even) .pic {
        float: left; }
      .main.institution .institution_box .alliance_list ul li:nth-child(even) .cont {
        float: right; }
      @media (min-width: 1024px) {
        .main.institution .institution_box .alliance_list ul li:hover .pic img {
          transform: scale(1.05); } }
      .main.institution .institution_box .alliance_list ul li .pic {
        width: 460px;
        height: 306px;
        float: right;
        border-radius: 5px;
        overflow: hidden; }
        .main.institution .institution_box .alliance_list ul li .pic img {
          width: 100%;
          transition: transform 0.5s ease-in-out;
          border-radius: 5px; }
        @media (max-width: 1400px) {
          .main.institution .institution_box .alliance_list ul li .pic {
            width: 360px;
            height: 240px; } }
        @media (max-width: 850px) {
          .main.institution .institution_box .alliance_list ul li .pic {
            width: 100%;
            float: none !important;
            height: auto;
            margin-top: 25px; } }
        @media (max-width: 500px) {
          .main.institution .institution_box .alliance_list ul li .pic {
            margin-top: 15px; } }
      .main.institution .institution_box .alliance_list ul li .cont {
        float: left;
        margin-top: 8px;
        width: calc(100% - 530px); }
        @media (max-width: 1400px) {
          .main.institution .institution_box .alliance_list ul li .cont {
            margin-top: 0;
            width: calc(100% - 400px); } }
        @media (max-width: 850px) {
          .main.institution .institution_box .alliance_list ul li .cont {
            width: 100%;
            float: none !important; } }
        .main.institution .institution_box .alliance_list ul li .cont .t {
          font-size: 0;
          position: relative; }
          .main.institution .institution_box .alliance_list ul li .cont .t span {
            font-size: 48px;
            line-height: 44px;
            color: #db646c;
            display: inline-block;
            vertical-align: middle;
            font-family: Arial; }
            @media (max-width: 1400px) {
              .main.institution .institution_box .alliance_list ul li .cont .t span {
                font-size: 40px; } }
            @media (max-width: 1024px) {
              .main.institution .institution_box .alliance_list ul li .cont .t span {
                font-size: 30px;
                line-height: 36px; } }
            .main.institution .institution_box .alliance_list ul li .cont .t span i {
              width: 54px;
              height: 1px;
              margin-right: 15px;
              background: #d0515a;
              display: inline-block;
              vertical-align: middle; }
              @media (max-width: 1024px) {
                .main.institution .institution_box .alliance_list ul li .cont .t span i {
                  display: none; } }
          .main.institution .institution_box .alliance_list ul li .cont .t .text {
            font-size: 20px;
            line-height: 30px;
            color: #333;
            font-weight: bold;
            padding-left: 11px;
            box-sizing: border-box;
            width: calc(100% - 130px);
            display: inline-block;
            vertical-align: bottom;
            position: relative;
            top: -2px; }
            @media (max-width: 1450px) {
              .main.institution .institution_box .alliance_list ul li .cont .t .text {
                vertical-align: middle;
                top: 0; } }
            @media (max-width: 1024px) {
              .main.institution .institution_box .alliance_list ul li .cont .t .text {
                width: calc(100% - 36px); } }
            @media (max-width: 600px) {
              .main.institution .institution_box .alliance_list ul li .cont .t .text {
                font-size: 17px;
                line-height: 24px; } }
        .main.institution .institution_box .alliance_list ul li .cont .con {
          font-size: 16px;
          line-height: 36px;
          color: #666;
          margin-top: 18px; }
          @media (max-width: 1500px) {
            .main.institution .institution_box .alliance_list ul li .cont .con {
              font-size: 15px;
              line-height: 28px; } }
          @media (max-width: 1200px) {
            .main.institution .institution_box .alliance_list ul li .cont .con {
              font-size: 14px;
              line-height: 24px;
              margin-top: 12px; } }
  .main.institution .institution_box .container .box {
    position: relative;
    box-sizing: border-box;
    margin: 160px 100px 0 100px; }
    @media (max-width: 1500px) {
      .main.institution .institution_box .container .box {
        margin: 100px 50px 0 50px; } }
    @media (max-width: 1024px) {
      .main.institution .institution_box .container .box {
        margin: 0;
        margin-top: 70px; } }
    @media (max-width: 600px) {
      .main.institution .institution_box .container .box {
        margin-top: 35px; } }
    .main.institution .institution_box .container .box .text_box {
      width: 48%;
      background: #f9f9f9;
      position: relative;
      z-index: 10;
      padding: 50px 75px 130px 75px;
      box-sizing: border-box; }
      @media (max-width: 1500px) {
        .main.institution .institution_box .container .box .text_box {
          padding: 50px 50px 90px 50px; } }
      @media (max-width: 1200px) {
        .main.institution .institution_box .container .box .text_box {
          width: 55%; } }
      @media (max-width: 1024px) {
        .main.institution .institution_box .container .box .text_box {
          padding: 30px 30px 90px 30px; } }
      @media (max-width: 700px) {
        .main.institution .institution_box .container .box .text_box {
          width: 100%;
          padding: 20px 15px 70px 15px; } }
      .main.institution .institution_box .container .box .text_box .t {
        font-size: 24px;
        line-height: 36px;
        color: #d0515a; }
        @media (max-width: 1024px) {
          .main.institution .institution_box .container .box .text_box .t {
            font-size: 20px;
            line-height: 30px; } }
        @media (max-width: 600px) {
          .main.institution .institution_box .container .box .text_box .t {
            font-size: 17px;
            line-height: 28px; } }
        .main.institution .institution_box .container .box .text_box .t i {
          display: inline-block;
          vertical-align: middle;
          width: 21px;
          height: 30px;
          margin-right: 5px;
          background: url(../img/address_icon.png) no-repeat center center; }
          @media (max-width: 600px) {
            .main.institution .institution_box .container .box .text_box .t i {
              width: 18px;
              height: 26px;
              background-size: cover; } }
      .main.institution .institution_box .container .box .text_box .con {
        font-size: 16px;
        line-height: 30px;
        color: #454545; }
        @media (max-width: 1200px) {
          .main.institution .institution_box .container .box .text_box .con {
            font-size: 15px;
            line-height: 26px; } }
        @media (max-width: 850px) {
          .main.institution .institution_box .container .box .text_box .con {
            font-size: 14px;
            line-height: 24px; } }
        .main.institution .institution_box .container .box .text_box .con p {
          padding-top: 20px; }
          @media (max-width: 850px) {
            .main.institution .institution_box .container .box .text_box .con p {
              padding-top: 15px; } }
    .main.institution .institution_box .container .box .pic {
      width: 56.15%;
      position: absolute;
      right: 0;
      bottom: 70px;
      overflow: hidden; }
      .main.institution .institution_box .container .box .pic img {
        width: 100%; }
  .main.institution .institution_box .container .img_box {
    margin-top: -70px;
    position: relative;
    z-index: 10; }
    @media (max-width: 700px) {
      .main.institution .institution_box .container .img_box {
        margin-top: -50px; } }
    @media (max-width: 500px) {
      .main.institution .institution_box .container .img_box {
        padding-left: 0 !important; } }
    .main.institution .institution_box .container .img_box .img_wrap {
      margin-left: 17.7%;
      position: relative; }
      @media (max-width: 700px) {
        .main.institution .institution_box .container .img_box .img_wrap {
          margin-left: 14%; } }
      @media (max-width: 500px) {
        .main.institution .institution_box .container .img_box .img_wrap {
          margin-left: 4%; } }
      .main.institution .institution_box .container .img_box .img_wrap .btn_box {
        width: 160px;
        height: 50px;
        position: absolute;
        left: -160px;
        top: 0;
        text-align: center;
        background: #143b6c;
        z-index: 10; }
        @media (max-width: 1200px) {
          .main.institution .institution_box .container .img_box .img_wrap .btn_box {
            width: 100px;
            left: -100px;
            height: 40px; } }
        @media (max-width: 700px) {
          .main.institution .institution_box .container .img_box .img_wrap .btn_box {
            width: 70px;
            height: 36px;
            left: -70px; } }
        @media (max-width: 500px) {
          .main.institution .institution_box .container .img_box .img_wrap .btn_box {
            left: 0;
            height: 30px; } }
        .main.institution .institution_box .container .img_box .img_wrap .btn_box div {
          display: inline-block;
          vertical-align: middle;
          width: 16px;
          height: 100%;
          margin: 0 16px;
          cursor: pointer; }
          @media (max-width: 1200px) {
            .main.institution .institution_box .container .img_box .img_wrap .btn_box div {
              margin: 0 10px; } }
          @media (max-width: 700px) {
            .main.institution .institution_box .container .img_box .img_wrap .btn_box div {
              margin: 0 5px;
              background-size: 6px auto !important; } }
          .main.institution .institution_box .container .img_box .img_wrap .btn_box div.prev {
            background: url(../img/bl.png) no-repeat center center; }
          .main.institution .institution_box .container .img_box .img_wrap .btn_box div.next {
            background: url(../img/br.png) no-repeat center center; }
      .main.institution .institution_box .container .img_box .img_wrap .swiper-container .swiper-wrapper .swiper-slide {
        overflow: hidden; }
        @media (min-width: 1024px) {
          .main.institution .institution_box .container .img_box .img_wrap .swiper-container .swiper-wrapper .swiper-slide:hover img {
            transform: scale(1.05); } }
        .main.institution .institution_box .container .img_box .img_wrap .swiper-container .swiper-wrapper .swiper-slide img {
          transition: transform 0.5s ease-in-out;
          width: 100%; }
  .main.institution .institution_box .why_box {
    padding-bottom: 242px; }
    @media (max-width: 1300px) {
      .main.institution .institution_box .why_box {
        padding-bottom: 180px; } }
    @media (max-width: 1024px) {
      .main.institution .institution_box .why_box {
        padding-bottom: 100px; } }
    @media (max-width: 600px) {
      .main.institution .institution_box .why_box {
        padding-bottom: 40px; } }
    .main.institution .institution_box .why_box .why {
      position: relative;
      box-sizing: border-box;
      margin: 100px 100px 0 100px; }
      @media (max-width: 1500px) {
        .main.institution .institution_box .why_box .why {
          margin: 80px 50px 0 50px; } }
      @media (max-width: 1024px) {
        .main.institution .institution_box .why_box .why {
          margin: 0;
          margin-top: 60px; } }
      @media (max-width: 600px) {
        .main.institution .institution_box .why_box .why {
          margin-top: 35px; } }
      .main.institution .institution_box .why_box .why .text_box {
        width: 50%;
        float: right;
        background: #f9f9f9;
        position: relative;
        z-index: 10;
        padding: 50px 75px 155px 75px;
        box-sizing: border-box; }
        @media (max-width: 1500px) {
          .main.institution .institution_box .why_box .why .text_box {
            padding: 50px 50px 114px 50px; } }
        @media (max-width: 1300px) {
          .main.institution .institution_box .why_box .why .text_box {
            padding-bottom: 70px; } }
        @media (max-width: 1024px) {
          .main.institution .institution_box .why_box .why .text_box {
            padding: 30px 30px 70px 30px; } }
        @media (max-width: 700px) {
          .main.institution .institution_box .why_box .why .text_box {
            width: 100%;
            padding: 20px 15px 30px 15px; } }
        .main.institution .institution_box .why_box .why .text_box .img {
          position: absolute;
          width: 60.46%;
          left: -60px;
          bottom: -140px; }
          @media (max-width: 1300px) {
            .main.institution .institution_box .why_box .why .text_box .img {
              display: none; } }
          .main.institution .institution_box .why_box .why .text_box .img img {
            width: 100%; }
        .main.institution .institution_box .why_box .why .text_box .t {
          font-size: 24px;
          line-height: 36px;
          color: #d0515a; }
          @media (max-width: 1024px) {
            .main.institution .institution_box .why_box .why .text_box .t {
              font-size: 20px;
              line-height: 30px; } }
          @media (max-width: 600px) {
            .main.institution .institution_box .why_box .why .text_box .t {
              font-size: 17px;
              line-height: 28px; } }
          .main.institution .institution_box .why_box .why .text_box .t i {
            display: inline-block;
            vertical-align: middle;
            width: 21px;
            height: 30px;
            margin-right: 5px;
            background: url(../img/address_icon.png) no-repeat center center; }
            @media (max-width: 600px) {
              .main.institution .institution_box .why_box .why .text_box .t i {
                width: 18px;
                height: 26px;
                background-size: cover; } }
        .main.institution .institution_box .why_box .why .text_box .con {
          font-size: 16px;
          line-height: 30px;
          color: #454545; }
          @media (max-width: 1200px) {
            .main.institution .institution_box .why_box .why .text_box .con {
              font-size: 15px;
              line-height: 26px; } }
          @media (max-width: 850px) {
            .main.institution .institution_box .why_box .why .text_box .con {
              font-size: 14px;
              line-height: 24px; } }
          .main.institution .institution_box .why_box .why .text_box .con p {
            padding-top: 20px; }
            @media (max-width: 850px) {
              .main.institution .institution_box .why_box .why .text_box .con p {
                padding-top: 15px; } }
      .main.institution .institution_box .why_box .why .pic {
        width: 50%;
        position: absolute;
        left: 0;
        bottom: -70px;
        overflow: hidden; }
        @media (max-width: 1400px) {
          .main.institution .institution_box .why_box .why .pic {
            bottom: -30px; } }
        @media (max-width: 1200px) {
          .main.institution .institution_box .why_box .why .pic {
            bottom: 0; } }
        @media (max-width: 700px) {
          .main.institution .institution_box .why_box .why .pic {
            position: static;
            width: 100%; } }
        .main.institution .institution_box .why_box .why .pic img {
          width: 100%; }
.main.institution .wrap {
  padding-top: 70px; }
  @media (max-width: 768px) {
    .main.institution .wrap {
      padding-top: 60px; } }
  @media (max-width: 500px) {
    .main.institution .wrap {
      padding-top: 30px; } }
  .main.institution .wrap .wrap_cen .intro {
    margin-top: 65px; }
    @media (max-width: 768px) {
      .main.institution .wrap .wrap_cen .intro {
        margin-top: 40px; } }
    @media (max-width: 500px) {
      .main.institution .wrap .wrap_cen .intro {
        margin-top: 20px; } }
    .main.institution .wrap .wrap_cen .intro .intro_box {
      margin-top: 10px;
      position: relative; }
      @media (max-width: 750px) {
        .main.institution .wrap .wrap_cen .intro .intro_box {
          background: #f6f6f6;
          margin-top: 35px; } }
      @media (max-width: 500px) {
        .main.institution .wrap .wrap_cen .intro .intro_box {
          margin-top: 20px; } }
      .main.institution .wrap .wrap_cen .intro .intro_box .pic {
        border-radius: 5px;
        width: 42%;
        position: absolute;
        top: -50px;
        left: 0;
        overflow: hidden; }
        @media (max-width: 1024px) {
          .main.institution .wrap .wrap_cen .intro .intro_box .pic {
            top: 50%;
            transform: translateY(-50%); } }
        @media (max-width: 750px) {
          .main.institution .wrap .wrap_cen .intro .intro_box .pic {
            position: static;
            width: 100%;
            transform: translateY(0%); } }
        .main.institution .wrap .wrap_cen .intro .intro_box .pic img {
          width: 100%;
          border-radius: 5px; }
      .main.institution .wrap .wrap_cen .intro .intro_box .text {
        padding-right: 3.84%;
        width: 78%;
        float: right;
        background: #f6f6f6;
        border-radius: 5px;
        padding-top: 37px;
        padding-bottom: 60px; }
        @media (max-width: 1400px) {
          .main.institution .wrap .wrap_cen .intro .intro_box .text {
            padding-bottom: 40px; } }
        @media (max-width: 750px) {
          .main.institution .wrap .wrap_cen .intro .intro_box .text {
            width: 100%;
            float: none;
            padding-right: 0;
            height: auto;
            padding: 30px;
            background: none;
            box-sizing: border-box; } }
        @media (max-width: 600px) {
          .main.institution .wrap .wrap_cen .intro .intro_box .text {
            padding: 20px 15px; } }
        .main.institution .wrap .wrap_cen .intro .intro_box .text .text_box {
          float: right;
          height: 300px;
          padding-right: 10px;
          box-sizing: border-box;
          width: 64.95%;
          font-size: 16px;
          line-height: 32px;
          color: #454545; }
          @media (max-width: 1400px) {
            .main.institution .wrap .wrap_cen .intro .intro_box .text .text_box {
              font-size: 15px;
              line-height: 28px; } }
          @media (max-width: 1300px) {
            .main.institution .wrap .wrap_cen .intro .intro_box .text .text_box {
              height: 200px; } }
          @media (max-width: 750px) {
            .main.institution .wrap .wrap_cen .intro .intro_box .text .text_box {
              width: 100%;
              height: auto;
              padding-right: 0;
              float: none; } }
          @media (max-width: 600px) {
            .main.institution .wrap .wrap_cen .intro .intro_box .text .text_box {
              font-size: 14px;
              line-height: 24px; } }
          .main.institution .wrap .wrap_cen .intro .intro_box .text .text_box p {
            padding-top: 20px; }
            @media (max-width: 1400px) {
              .main.institution .wrap .wrap_cen .intro .intro_box .text .text_box p {
                padding-top: 15px; } }
            @media (max-width: 1024px) {
              .main.institution .wrap .wrap_cen .intro .intro_box .text .text_box p {
                padding-top: 10px; } }
            @media (max-width: 600px) {
              .main.institution .wrap .wrap_cen .intro .intro_box .text .text_box p {
                padding-top: 5px; } }
            .main.institution .wrap .wrap_cen .intro .intro_box .text .text_box p:first-child {
              padding-top: 0; }
  .main.institution .wrap .wrap_cen .news_list_box {
    padding-bottom: 90px; }
    @media (max-width: 768px) {
      .main.institution .wrap .wrap_cen .news_list_box {
        padding-bottom: 70px; } }
    @media (max-width: 500px) {
      .main.institution .wrap .wrap_cen .news_list_box {
        padding-bottom: 30px; } }
  .main.institution .wrap .wrap_cen .nbox {
    padding-bottom: 120px;
    padding-top: 20px; }
    @media (max-width: 1024px) {
      .main.institution .wrap .wrap_cen .nbox {
        padding-bottom: 90px; } }
    @media (max-width: 600px) {
      .main.institution .wrap .wrap_cen .nbox {
        padding-top: 10px;
        padding-bottom: 35px; } }
  .main.institution .wrap .wrap_cen .contact_box {
    padding-bottom: 100px; }
    @media (max-width: 1024px) {
      .main.institution .wrap .wrap_cen .contact_box {
        padding-bottom: 70px; } }
    @media (max-width: 600px) {
      .main.institution .wrap .wrap_cen .contact_box {
        padding-bottom: 35px; } }
    .main.institution .wrap .wrap_cen .contact_box .ewm_box {
      background: url(../img/ximg/contact/line.png);
      background-position: center 40%;
      background-size: contain;
      background-repeat: no-repeat;
      text-align: center;
      margin-top: 40px; }
      @media (max-width: 1320px) {
        .main.institution .wrap .wrap_cen .contact_box .ewm_box {
          background-size: 140%; } }
      @media (max-width: 1024px) {
        .main.institution .wrap .wrap_cen .contact_box .ewm_box {
          background: none; } }
      @media (max-width: 600px) {
        .main.institution .wrap .wrap_cen .contact_box .ewm_box {
          margin-top: 25px; } }
      .main.institution .wrap .wrap_cen .contact_box .ewm_box .ewm {
        background: #fff;
        display: inline-block;
        margin: 0 25px; }
        @media (max-width: 450px) {
          .main.institution .wrap .wrap_cen .contact_box .ewm_box .ewm {
            margin: 0 5px; } }
        .main.institution .wrap .wrap_cen .contact_box .ewm_box .ewm .pic {
          box-shadow: 0px 0px 18px 0px rgba(4, 0, 0, 0.13);
          margin-bottom: 10px;
          border-radius: 5px;
          background: #fff; }
          .main.institution .wrap .wrap_cen .contact_box .ewm_box .ewm .pic img {
            max-width: 100%;
            height: auto; }
        .main.institution .wrap .wrap_cen .contact_box .ewm_box .ewm span {
          color: #454545;
          font-size: 16px; }
          @media (max-width: 875px) {
            .main.institution .wrap .wrap_cen .contact_box .ewm_box .ewm span {
              font-size: 14px; } }
    .main.institution .wrap .wrap_cen .contact_box .add_box {
      padding: 0 30px; }
      @media (max-width: 1200px) {
        .main.institution .wrap .wrap_cen .contact_box .add_box {
          margin-top: 20px; } }
      @media (max-width: 1024px) {
        .main.institution .wrap .wrap_cen .contact_box .add_box {
          padding: 0; } }
      @media (max-width: 650px) {
        .main.institution .wrap .wrap_cen .contact_box .add_box {
          margin-top: 0;
          padding-top: 10px; } }
      .main.institution .wrap .wrap_cen .contact_box .add_box ul {
        /*width: 110%;*/
		width:100%;
        display: flex;
        flex-wrap: wrap; }
        @media (max-width: 650px) {
          .main.institution .wrap .wrap_cen .contact_box .add_box ul {
            width: 100%; } }
			.main.institution .wrap .wrap_cen .contact_box .add_box .ulleft{
				width:45%;
			}
			.main.institution .wrap .wrap_cen .contact_box .add_box .ulright{
				width:50%;
			}
        .main.institution .wrap .wrap_cen .contact_box .add_box ul li {
          /*float: left;
          width: 28.66%;
          margin-right: 2.77%;*/
          border-radius: 5px;
          background: #fff;
		  width:100%;
          margin-top: 2.77%;
          box-shadow: 0 0 18px rgba(4, 0, 0, 0.13);
          box-sizing: border-box;
          padding: 32px 35px 24px 35px; }
          @media (max-width: 1400px) {
            .main.institution .wrap .wrap_cen .contact_box .add_box ul li {
              padding: 25px 25px 20px 25px; } }
          @media (max-width: 650px) {
            .main.institution .wrap .wrap_cen .contact_box .add_box ul li {
              width: 100%;
              margin-top: 20px; } }
          @media (max-width: 500px) {
            .main.institution .wrap .wrap_cen .contact_box .add_box ul li {
              padding: 15px; } }
          .main.institution .wrap .wrap_cen .contact_box .add_box ul li .name {
            padding-bottom: 10px;
            border-bottom: 1px solid #f3f3f3; }
            .main.institution .wrap .wrap_cen .contact_box .add_box ul li .name .t {
              font-size: 20px;
              line-height: 28px;
              color: #454545;
              padding-left: 35px;
              background: url(../img/school.png) no-repeat left center; }
              @media (max-width: 1024px) {
                .main.institution .wrap .wrap_cen .contact_box .add_box ul li .name .t {
                  font-size: 18px; } }
              @media (max-width: 1024px) {
                .main.institution .wrap .wrap_cen .contact_box .add_box ul li .name .t {
                  font-size: 16px;
                  line-height: 24px; } }
          .main.institution .wrap .wrap_cen .contact_box .add_box ul li .msg {
            font-size: 16px;
            line-height: 32px;
            color: #454545;
            padding-top: 14px; }
            @media (max-width: 1400px) {
              .main.institution .wrap .wrap_cen .contact_box .add_box ul li .msg {
                font-size: 15px;
                line-height: 28px; } }
            @media (max-width: 850px) {
              .main.institution .wrap .wrap_cen .contact_box .add_box ul li .msg {
                font-size: 14px;
                line-height: 22px; } }
  .main.institution .wrap .wrap_cen .list_w {
    margin-top: 32px;
    padding-bottom: 100px; }
    @media (max-width: 1024px) {
      .main.institution .wrap .wrap_cen .list_w {
        padding-bottom: 70px; } }
    @media (max-width: 600px) {
      .main.institution .wrap .wrap_cen .list_w {
        padding-bottom: 35px; } }
    .main.institution .wrap .wrap_cen .list_w ul {
      padding-bottom: 30px; }
      @media (max-width: 600px) {
        .main.institution .wrap .wrap_cen .list_w ul {
          padding-bottom: 10px; } }
      .main.institution .wrap .wrap_cen .list_w ul li {
        width: 48.66%;
        float: left;
        margin-top: 3.8%; }
        .main.institution .wrap .wrap_cen .list_w ul li:nth-child(even) {
          float: right; }
        @media (max-width: 750px) {
          .main.institution .wrap .wrap_cen .list_w ul li {
            width: 100%;
            float: none;
            margin-top: 15px; }
            .main.institution .wrap .wrap_cen .list_w ul li:nth-child(even) {
              float: none; } }
        @media (min-width: 1025px) {
          .main.institution .wrap .wrap_cen .list_w ul li:hover a {
            box-shadow: 0px 0px 43px 0px rgba(4, 0, 0, 0.15); } }
        .main.institution .wrap .wrap_cen .list_w ul li a {
          border: 1px solid #e1e1e1;
          border-radius: 5px;
          overflow: hidden;
          display: block;
          width: 100%;
          padding: 50px;
          position: relative;
          transition: box-shadow 0.5s;
          box-sizing: border-box;
          font-size: 0; }
          @media (max-width: 1400px) {
            .main.institution .wrap .wrap_cen .list_w ul li a {
              padding: 40px; } }
          @media (max-width: 1024px) {
            .main.institution .wrap .wrap_cen .list_w ul li a {
              padding: 40px 25px; } }
          @media (max-width: 435px) {
            .main.institution .wrap .wrap_cen .list_w ul li a {
              padding: 15px; } }
          .main.institution .wrap .wrap_cen .list_w ul li a .ico {
            content: "";
            display: block;
            position: absolute;
            width: 85px;
            height: 85px;
            background: url(../img/ximg/achievement/booklogo.png) no-repeat center center;
            background-size: cover;
            right: 50px;
            bottom: 23px;
            z-index: 10; }
            @media (max-width: 600px) {
              .main.institution .wrap .wrap_cen .list_w ul li a .ico {
                width: 50px;
                height: 50px;
                right: 25px; } }
          .main.institution .wrap .wrap_cen .list_w ul li a .pic {
            width: 29%;
            display: inline-block;
            vertical-align: middle;
            overflow: hidden; }
            .main.institution .wrap .wrap_cen .list_w ul li a .pic img {
              width: 100%; }
          .main.institution .wrap .wrap_cen .list_w ul li a .text {
            width: 63.17%;
            margin-left: 5.8%;
            display: inline-block;
            vertical-align: middle;
            padding-top: 10px; }
            .main.institution .wrap .wrap_cen .list_w ul li a .text .t {
              font-size: 22px;
              color: #454545;
              line-height: 28px;
              height: 56px;
              font-family: "LibreBaskerville-Regular","Microsoft Yahei"; }
              @media (max-width: 1400px) {
                .main.institution .wrap .wrap_cen .list_w ul li a .text .t {
                  font-size: 20px;
                  line-height: 24px;
                  height: 48px; } }
              @media (max-width: 1024px) {
                .main.institution .wrap .wrap_cen .list_w ul li a .text .t {
                  font-size: 18px;
                  line-height: 24px; } }
              @media (max-width: 435px) {
                .main.institution .wrap .wrap_cen .list_w ul li a .text .t {
                  font-size: 16px;
                  line-height: 24px;
                  height: 24px;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap; } }
            .main.institution .wrap .wrap_cen .list_w ul li a .text .con {
              font-size: 16px;
              color: #666666;
              line-height: 1.75;
              text-align: justify;
              font-size: 16px;
              line-height: 26px;
              height: 78px;
              overflow: hidden; }
              @media (max-width: 1400px) {
                .main.institution .wrap .wrap_cen .list_w ul li a .text .con {
                  font-size: 15px;
                  line-height: 24px;
                  height: 72px; } }
              @media (max-width: 1024px) {
                .main.institution .wrap .wrap_cen .list_w ul li a .text .con {
                  font-size: 14px;
                  line-height: 22px;
                  height: 66px;
                  margin-top: 5px; } }
              @media (max-width: 435px) {
                .main.institution .wrap .wrap_cen .list_w ul li a .text .con {
                  height: 44px; } }
            .main.institution .wrap .wrap_cen .list_w ul li a .text .more {
              font-size: 0;
              margin-top: 32px; }
              @media (max-width: 1500px) {
                .main.institution .wrap .wrap_cen .list_w ul li a .text .more {
                  margin-top: 20px; } }
              @media (max-width: 1024px) {
                .main.institution .wrap .wrap_cen .list_w ul li a .text .more {
                  margin-top: 12px; } }
              @media (max-width: 550px) {
                .main.institution .wrap .wrap_cen .list_w ul li a .text .more {
                  margin-top: 8px; } }
              .main.institution .wrap .wrap_cen .list_w ul li a .text .more i {
                width: 24px;
                height: 2px;
                display: inline-block;
                vertical-align: middle;
                background: #454545; }
                @media (max-width: 550px) {
                  .main.institution .wrap .wrap_cen .list_w ul li a .text .more i {
                    width: 14px; } }
              .main.institution .wrap .wrap_cen .list_w ul li a .text .more .txt {
                display: inline-block;
                vertical-align: middle;
                font-size: 14px;
                line-height: 20px;
                color: #454545;
                font-family: "LibreBaskerville-Regular";
                margin-left: 10px; }
                @media (max-width: 550px) {
                  .main.institution .wrap .wrap_cen .list_w ul li a .text .more .txt {
                    font-size: 12px; } }
          .main.institution .wrap .wrap_cen .list_w ul li a .time {
            position: absolute;
            width: 70px;
            height: 70px;
            background: #d0515a;
            border-radius: 0 0 8px 8px;
            right: 35px;
            padding-top: 7px;
            box-sizing: border-box;
            top: 0;
            text-align: center;
            z-index: 10; }
            @media (max-width: 1400px) {
              .main.institution .wrap .wrap_cen .list_w ul li a .time {
                right: 20px;
                width: 50px;
                height: 50px;
                padding-top: 5px; } }
            @media (max-width: 435px) {
              .main.institution .wrap .wrap_cen .list_w ul li a .time {
                display: none; } }
            .main.institution .wrap .wrap_cen .list_w ul li a .time .day {
              font-size: 16px;
              line-height: 20px;
              color: #fff;
              font-family: "LibreBaskerville-Regular"; }
              @media (max-width: 1400px) {
                .main.institution .wrap .wrap_cen .list_w ul li a .time .day {
                  font-size: 14px;
                  line-height: 16px; } }
            .main.institution .wrap .wrap_cen .list_w ul li a .time .line {
              width: 42px;
              height: 2px;
              background: #df747b;
              margin-left: auto;
              margin-right: auto;
              margin-top: 5px; }
              @media (max-width: 1400px) {
                .main.institution .wrap .wrap_cen .list_w ul li a .time .line {
                  width: 30px;
                  margin-top: 2px; } }
            .main.institution .wrap .wrap_cen .list_w ul li a .time .month {
              font-size: 16px;
              line-height: 20px;
              color: #fff;
              margin-top: 3px;
              font-family: "LibreBaskerville-Regular"; }
              @media (max-width: 1400px) {
                .main.institution .wrap .wrap_cen .list_w ul li a .time .month {
                  font-size: 14px;
                  line-height: 16px; } }
  .main.institution .wrap .tit {
    text-align: center; }
    .main.institution .wrap .tit .cn {
      font-size: 30px;
      line-height: 36px;
      color: #454545; }
      @media (max-width: 1200px) {
        .main.institution .wrap .tit .cn {
          font-size: 26px;
          line-height: 30px; } }
      @media (max-width: 600px) {
        .main.institution .wrap .tit .cn {
          font-size: 20px;
          line-height: 26px; } }
    .main.institution .wrap .tit .en {
      font-size: 24px;
      line-height: 28px;
      color: #454545;
      font-family: "LibreBaskerville-Regular"; }
      .main.institution .wrap .tit .en.color2 {
        color: #d0515a; }
      @media (max-width: 1200px) {
        .main.institution .wrap .tit .en {
          font-size: 20px;
          line-height: 24px; } }
      @media (max-width: 600px) {
        .main.institution .wrap .tit .en {
          font-size: 16px;
          line-height: 20px; } }
  .main.institution .wrap .caption {
    position: relative;
    text-align: center; }
    .main.institution .wrap .caption .line {
      position: absolute;
      width: 100%;
      height: 1px;
      background: #dfdfdf;
      left: 0;
      top: 50%; }
      .main.institution .wrap .caption .line.dn {
        display: none; }
        @media (max-width: 1024px) {
          .main.institution .wrap .caption .line.dn {
            display: block; } }
    .main.institution .wrap .caption span {
      display: inline-block;
      font-size: 30px;
      line-height: 46px;
      color: #454545;
      padding: 0 28px;
      background: #fff;
      position: relative;
      z-index: 10; }
      @media (max-width: 1200px) {
        .main.institution .wrap .caption span {
          font-size: 24px;
          line-height: 40px;
          padding: 0 20px; } }
      @media (max-width: 600px) {
        .main.institution .wrap .caption span {
          font-size: 18px;
          line-height: 30px;
          padding: 0 15px; } }
      .main.institution .wrap .caption span::after {
        content: "";
        display: block;
        width: 22px;
        height: 3px;
        background: #d0515a;
        left: -22px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
        @media (max-width: 600px) {
          .main.institution .wrap .caption span::after {
            width: 15px;
            left: -15px; } }
      .main.institution .wrap .caption span::before {
        content: "";
        display: block;
        width: 22px;
        position: absolute;
        height: 3px;
        background: #d0515a;
        right: -22px;
        top: 50%;
        transform: translateY(-50%); }
        @media (max-width: 600px) {
          .main.institution .wrap .caption span::before {
            width: 15px;
            right: -15px; } }
  .main.institution .wrap .lab_news {
    background: #f8f8f8; }
    .main.institution .wrap .lab_news.pb {
      padding-bottom: 60px; }
      @media (max-width: 1024px) {
        .main.institution .wrap .lab_news.pb {
          padding-bottom: 30px; } }
      @media (max-width: 600px) {
        .main.institution .wrap .lab_news.pb {
          padding-bottom: 0; } }
    .main.institution .wrap .lab_news .lab_news_cen {
      padding: 60px 0; }
      @media (max-width: 768px) {
        .main.institution .wrap .lab_news .lab_news_cen {
          padding: 45px 0; } }
      @media (max-width: 600px) {
        .main.institution .wrap .lab_news .lab_news_cen {
          padding: 30px 0; } }
      .main.institution .wrap .lab_news .lab_news_cen .caption span {
        background: #f8f8f8; }
      .main.institution .wrap .lab_news .lab_news_cen .news_list {
        margin-top: 65px; }
        @media (max-width: 850px) {
          .main.institution .wrap .lab_news .lab_news_cen .news_list {
            margin-top: 35px; } }
        @media (max-width: 600px) {
          .main.institution .wrap .lab_news .lab_news_cen .news_list {
            margin-top: 20px; } }
        .main.institution .wrap .lab_news .lab_news_cen .news_list ul {
          width: 110%; }
          @media (max-width: 850px) {
            .main.institution .wrap .lab_news .lab_news_cen .news_list ul {
              width: 100%; } }
          .main.institution .wrap .lab_news .lab_news_cen .news_list ul li {
            float: left;
            width: 20.6%;
            margin-right: 2.84%;
            /*margin-top: 60px; */
			}
            .main.institution .wrap .lab_news .lab_news_cen .news_list ul li:nth-child(even) {
              margin-top: 0; }
            @media (max-width: 1024px) {
              .main.institution .wrap .lab_news .lab_news_cen .news_list ul li {
                margin-top: 0; } }
            @media (max-width: 850px) {
              .main.institution .wrap .lab_news .lab_news_cen .news_list ul li {
                width: 48%;
                margin-top: 4%;
                margin-right: 0; }
                .main.institution .wrap .lab_news .lab_news_cen .news_list ul li:nth-child(even) {
                  float: right;
                  margin-top: 4%; } }
            .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a {
              transition: box-shadow 0.5s ease-in-out;
              display: block;
              border-radius: 4px; }
              @media (min-width: 1024px) {
                .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a:hover {
                  box-shadow: 0 0 43px rgba(4, 0, 0, 0.26); }
                  .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a:hover .pic img {
                    -webkit-transform: scale(1.05);
                    transform: scale(1.05); }
                  .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a:hover .cont {
                    background: #fff; } }
              .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .pic {
                overflow: hidden;
                border-radius: 4px 4px 0 0;
                position: relative; }
                .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .pic .time {
                  position: absolute;
                  width: 70px;
                  height: 70px;
                  background: #d0515a;
                  border-radius: 0 0 8px 8px;
                  right: 46px;
                  padding-top: 7px;
                  box-sizing: border-box;
                  top: 0;
                  text-align: center;
                  z-index: 10; }
                  @media (max-width: 1024px) {
                    .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .pic .time {
                      right: 20px;
                      width: 50px;
                      height: 50px;
                      padding-top: 5px; } }
                  .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .pic .time .day {
                    font-size: 16px;
                    line-height: 20px;
                    color: #fff;
                    font-family: "LibreBaskerville-Regular"; }
                    @media (max-width: 1024px) {
                      .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .pic .time .day {
                        font-size: 14px;
                        line-height: 16px; } }
                  .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .pic .time .line {
                    width: 42px;
                    height: 2px;
                    background: #df747b;
                    margin-left: auto;
                    margin-right: auto;
                    margin-top: 5px; }
                    @media (max-width: 1024px) {
                      .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .pic .time .line {
                        width: 30px;
                        margin-top: 2px; } }
                  .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .pic .time .month {
                    font-size: 16px;
                    line-height: 20px;
                    color: #fff;
                    margin-top: 3px;
                    font-family: "LibreBaskerville-Regular"; }
                    @media (max-width: 1024px) {
                      .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .pic .time .month {
                        font-size: 14px;
                        line-height: 16px; } }
                .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .pic img {
                  width: 100%;
                  transition: -webkit-transform 0.5s ease-in-out;
                  transition: transform 0.5s ease-in-out;
                  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
                  border-radius: 4px 4px 0 0; }
              .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .cont {
                transition: background 0.5s ease-in-out;
                padding: 15px 30px 28px 30px;
                background: #fff;
                border-radius: 0 0 4px 4px; }
                @media (max-width: 1300px) {
                  .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .cont {
                    padding: 10px 20px 24px 20px; } }
                @media (max-width: 600px) {
                  .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .cont {
                    padding: 10px 15px 15px 15px; } }
                .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .cont .column {
                  font-size: 16px;
                  line-height: 26px;
                  color: #666; }
                  @media (max-width: 600px) {
                    .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .cont .column {
                      font-size: 14px;
                      line-height: 24px; } }
                .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .cont .news_tit {
                  padding-bottom: 20px;
                  border-bottom: 1px solid #e7e7e7;
                  margin-top: 14px; }
                  @media (max-width: 1300px) {
                    .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .cont .news_tit {
                      padding-bottom: 15px; } }
                  @media (max-width: 600px) {
                    .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .cont .news_tit {
                      margin-top: 5px;
                      padding-bottom: 10px; } }
                  .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .cont .news_tit .t {
                    font-size: 16px;
                    line-height: 24px;
                    color: #333;
                    font-weight: bold;
                    height: 72px;
                    overflow: hidden; }
                .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .cont .more {
                  display: block;
                  margin-top: 12px;
                  font-size: 0; }
                  @media (max-width: 600px) {
                    .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .cont .more {
                      margin-top: 6px; } }
                  .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .cont .more i {
                    display: inline-block;
                    vertical-align: middle;
                    width: 24px;
                    height: 2px;
                    background: #454545;
                    position: relative;
                    right: 0;
                    margin: 0 5px; }
                    @media (max-width: 600px) {
                      .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .cont .more i {
                        width: 14px; } }
                  .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .cont .more .txt {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: 14px;
                    line-height: 28px;
                    color: #454545;
                    margin: 0 5px;
                    font-family: "LibreBaskerville-Regular"; }
                    @media (max-width: 600px) {
                      .main.institution .wrap .lab_news .lab_news_cen .news_list ul li a .cont .more .txt {
                        font-size: 13px;
                        line-height: 28px; } }
        .main.institution .wrap .lab_news .lab_news_cen .news_list .more_btn {
          display: block;
          width: 186px;
          height: 48px;
          background: #d0515a;
          border-radius: 24px;
          margin-top: 70px;
          font-size: 0;
          margin-bottom: 10px;
          margin-left: auto;
          margin-right: auto;
          text-align: center; }
          @media (min-width: 1024px) {
            .main.institution .wrap .lab_news .lab_news_cen .news_list .more_btn:hover i {
              width: 0; } }
          @media (max-width: 768px) {
            .main.institution .wrap .lab_news .lab_news_cen .news_list .more_btn {
              margin-top: 40px; } }
          @media (max-width: 600px) {
            .main.institution .wrap .lab_news .lab_news_cen .news_list .more_btn {
              width: 130px;
              height: 36px;
              margin-top: 25px; } }
          .main.institution .wrap .lab_news .lab_news_cen .news_list .more_btn i {
            display: inline-block;
            vertical-align: middle;
            width: 24px;
            height: 2px;
            background: #fff;
            position: relative;
            right: 0;
            -webkit-transform-origin: right center;
            transform-origin: right center;
            transition: width 0.3s;
            margin: 0 5px; }
            @media (max-width: 600px) {
              .main.institution .wrap .lab_news .lab_news_cen .news_list .more_btn i {
                width: 14px; } }
          .main.institution .wrap .lab_news .lab_news_cen .news_list .more_btn .txt {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            line-height: 48px;
            color: #fff;
            margin: 0 5px;
            font-family: "LibreBaskerville-Regular"; }
            @media (max-width: 600px) {
              .main.institution .wrap .lab_news .lab_news_cen .news_list .more_btn .txt {
                font-size: 13px;
                line-height: 36px; } }
  .main.institution .wrap .gain_box .gain_box_cen {
    padding-top: 75px;
    padding-bottom: 100px; }
    @media (max-width: 1024px) {
      .main.institution .wrap .gain_box .gain_box_cen {
        padding-top: 60px;
        padding-bottom: 70px; } }
    @media (max-width: 600px) {
      .main.institution .wrap .gain_box .gain_box_cen {
        padding: 30px 0; } }
    .main.institution .wrap .gain_box .gain_box_cen .list {
      margin-top: 42px; }
      @media (max-width: 600px) {
        .main.institution .wrap .gain_box .gain_box_cen .list {
          margin-top: 25px; } }
      .main.institution .wrap .gain_box .gain_box_cen .list ul {
        width: 110%; }
        @media (max-width: 900px) {
          .main.institution .wrap .gain_box .gain_box_cen .list ul {
            width: 100%;
            font-size: 0;
            text-align: center; } }
        .main.institution .wrap .gain_box .gain_box_cen .list ul li {
          float: left;
          width: 28.48%;
          margin-right: 2.78%; }
          @media (min-width: 1024px) {
            .main.institution .wrap .gain_box .gain_box_cen .list ul li:hover a {
              box-shadow: 0px 0px 43px 0px rgba(4, 0, 0, 0.15); } }
          @media (max-width: 900px) {
            .main.institution .wrap .gain_box .gain_box_cen .list ul li {
              margin-right: 0;
              width: 48%;
              margin: 1%;
              float: none;
              display: inline-block;
              vertical-align: middle; } }
          @media (max-width: 600px) {
            .main.institution .wrap .gain_box .gain_box_cen .list ul li {
              width: 100%;
              margin: 0;
              margin-top: 20px; }
              .main.institution .wrap .gain_box .gain_box_cen .list ul li:first-child {
                margin-top: 0; } }
          .main.institution .wrap .gain_box .gain_box_cen .list ul li a {
            display: block;
            border: 1px solid #dfdfdf;
            border-radius: 5px;
            padding: 25px;
            box-sizing: border-box;
            font-size: 0;
            text-align: left;
            transition: box-shadow 0.5s; }
            @media (max-width: 1200px) {
              .main.institution .wrap .gain_box .gain_box_cen .list ul li a {
                padding: 20px; } }
            @media (max-width: 1024px) {
              .main.institution .wrap .gain_box .gain_box_cen .list ul li a {
                padding: 15px; } }
            @media (max-width: 550px) {
              .main.institution .wrap .gain_box .gain_box_cen .list ul li a {
                padding: 10px; } }
            .main.institution .wrap .gain_box .gain_box_cen .list ul li a .pic {
              display: inline-block;
              vertical-align: middle;
              width: 35.71%;
              text-align: left; }
              .main.institution .wrap .gain_box .gain_box_cen .list ul li a .pic img {
                width: 100%; }
            .main.institution .wrap .gain_box .gain_box_cen .list ul li a .text {
              width: 52.38%;
              margin-left: 10.7%;
              display: inline-block;
              vertical-align: middle;
              text-align: left; }
              @media (max-width: 600px) {
                .main.institution .wrap .gain_box .gain_box_cen .list ul li a .text {
                  margin-left: 5%; } }
              .main.institution .wrap .gain_box .gain_box_cen .list ul li a .text .t {
                font-size: 20px;
                line-height: 28px;
                color: #454545; }
                @media (max-width: 1024px) {
                  .main.institution .wrap .gain_box .gain_box_cen .list ul li a .text .t {
                    font-size: 18px;
                    line-height: 24px; } }
                @media (max-width: 550px) {
                  .main.institution .wrap .gain_box .gain_box_cen .list ul li a .text .t {
                    font-size: 16px;
                    line-height: 24px; } }
              .main.institution .wrap .gain_box .gain_box_cen .list ul li a .text .con {
                font-size: 14px;
                line-height: 24px;
                color: #666;
                height: 96px;
                margin-top: 15px;
                overflow: hidden; }
                @media (max-width: 1200px) {
                  .main.institution .wrap .gain_box .gain_box_cen .list ul li a .text .con {
                    height: 72px; } }
                @media (max-width: 1024px) {
                  .main.institution .wrap .gain_box .gain_box_cen .list ul li a .text .con {
                    margin-top: 10px; } }
              .main.institution .wrap .gain_box .gain_box_cen .list ul li a .text .more {
                font-size: 0;
                margin-top: 32px; }
                @media (max-width: 1500px) {
                  .main.institution .wrap .gain_box .gain_box_cen .list ul li a .text .more {
                    margin-top: 20px; } }
                @media (max-width: 1024px) {
                  .main.institution .wrap .gain_box .gain_box_cen .list ul li a .text .more {
                    margin-top: 12px; } }
                @media (max-width: 550px) {
                  .main.institution .wrap .gain_box .gain_box_cen .list ul li a .text .more {
                    margin-top: 8px; } }
                .main.institution .wrap .gain_box .gain_box_cen .list ul li a .text .more i {
                  width: 24px;
                  height: 2px;
                  display: inline-block;
                  vertical-align: middle;
                  background: #454545; }
                  @media (max-width: 550px) {
                    .main.institution .wrap .gain_box .gain_box_cen .list ul li a .text .more i {
                      width: 14px; } }
                .main.institution .wrap .gain_box .gain_box_cen .list ul li a .text .more .txt {
                  display: inline-block;
                  vertical-align: middle;
                  font-size: 14px;
                  line-height: 20px;
                  color: #454545;
                  font-family: "LibreBaskerville-Regular";
                  margin-left: 10px; }
                  @media (max-width: 550px) {
                    .main.institution .wrap .gain_box .gain_box_cen .list ul li a .text .more .txt {
                      font-size: 12px; } }
      .main.institution .wrap .gain_box .gain_box_cen .list .more_btn {
        display: block;
        width: 186px;
        height: 48px;
        background: #d0515a;
        border-radius: 24px;
        margin-top: 70px;
        font-size: 0;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        text-align: center; }
        @media (min-width: 1024px) {
          .main.institution .wrap .gain_box .gain_box_cen .list .more_btn:hover i {
            width: 0; } }
        @media (max-width: 768px) {
          .main.institution .wrap .gain_box .gain_box_cen .list .more_btn {
            margin-top: 40px; } }
        @media (max-width: 600px) {
          .main.institution .wrap .gain_box .gain_box_cen .list .more_btn {
            width: 130px;
            height: 36px;
            margin-top: 25px; } }
        .main.institution .wrap .gain_box .gain_box_cen .list .more_btn i {
          display: inline-block;
          vertical-align: middle;
          width: 24px;
          height: 2px;
          background: #fff;
          position: relative;
          right: 0;
          -webkit-transform-origin: right center;
          transform-origin: right center;
          transition: width 0.3s;
          margin: 0 5px; }
          @media (max-width: 600px) {
            .main.institution .wrap .gain_box .gain_box_cen .list .more_btn i {
              width: 14px; } }
        .main.institution .wrap .gain_box .gain_box_cen .list .more_btn .txt {
          display: inline-block;
          vertical-align: middle;
          font-size: 14px;
          line-height: 48px;
          color: #fff;
          margin: 0 5px;
          font-family: "LibreBaskerville-Regular"; }
          @media (max-width: 600px) {
            .main.institution .wrap .gain_box .gain_box_cen .list .more_btn .txt {
              font-size: 13px;
              line-height: 36px; } }
  .main.institution .wrap .team {
    padding-top: 90px;
    padding-bottom: 90px; }
    @media (max-width: 1024px) {
      .main.institution .wrap .team {
        padding: 70px 0; } }
    @media (max-width: 600px) {
      .main.institution .wrap .team {
        padding: 30px 0; } }
    .main.institution .wrap .team .list {
      margin-top: 10px; }
      @media (max-width: 750px) {
        .main.institution .wrap .team .list {
          margin-top: 30px; } }
      .main.institution .wrap .team .list ul li {
        float: left;
        width: 48.66%;
        border: 1px solid #e1e1e1;
        background: #fafafa;
        border-radius: 5px;
        padding: 25px;
        margin-top: 3.2%;
        position: relative;
        cursor: pointer;
        font-size: 0;
        transition: background 0.5s,box-shadow 0.5s,border-color 0.5s;
        box-sizing: border-box; }
        .main.institution .wrap .team .list ul li:nth-child(even) {
          float: right; }
          @media (max-width: 750px) {
            .main.institution .wrap .team .list ul li:nth-child(even) {
              float: none; } }
        @media (max-width: 1024px) {
          .main.institution .wrap .team .list ul li {
            padding: 15px; } }
        @media (max-width: 750px) {
          .main.institution .wrap .team .list ul li {
            width: 100%;
            float: none;
            margin-top: 15px; } }
        @media (max-width: 550px) {
          .main.institution .wrap .team .list ul li {
            padding: 10px; } }
        @media (min-width: 1024px) {
          .main.institution .wrap .team .list ul li:hover {
            background: #fff;
            border-color: #fff;
            box-shadow: 0 0 43px rgba(4, 0, 0, 0.15); }
            .main.institution .wrap .team .list ul li:hover .pic img {
              transform: scale(1.05); } }
        .main.institution .wrap .team .list ul li .pic {
          display: inline-block;
          vertical-align: middle;
          width: 38.36%;
          overflow: hidden; }
          @media (max-width: 1300px) {
            .main.institution .wrap .team .list ul li .pic {
              width: 41%; } }
          .main.institution .wrap .team .list ul li .pic img {
            transition: transform 0.5s ease-in-out;
            width: 100%; }
        .main.institution .wrap .team .list ul li .cont {
          display: inline-block;
          vertical-align: middle;
          width: 50.88%;
          margin-left: 8%; }
          @media (max-width: 550px) {
            .main.institution .wrap .team .list ul li .cont {
              margin-left: 5%; } }
          .main.institution .wrap .team .list ul li .cont .name {
            font-size: 24px;
            line-height: 34px;
            color: #454545;
            font-weight: bold; }
            @media (max-width: 1300px) {
              .main.institution .wrap .team .list ul li .cont .name {
                font-size: 20px;
                line-height: 30px; } }
            @media (max-width: 550px) {
              .main.institution .wrap .team .list ul li .cont .name {
                font-size: 16px;
                line-height: 28px; } }
          .main.institution .wrap .team .list ul li .cont .pos {
            font-size: 16px;
            line-height: 24px;
            color: #454545;
            margin-top: 10px;
            height: 72px;
            overflow: hidden; }
            @media (max-width: 1300px) {
              .main.institution .wrap .team .list ul li .cont .pos {
                height: 48px; } }
            @media (max-width: 900px) {
              .main.institution .wrap .team .list ul li .cont .pos {
                height: 72px; } }
            @media (max-width: 550px) {
              .main.institution .wrap .team .list ul li .cont .pos {
                font-size: 14px;
                line-height: 20px;
                height: 60px;
                margin-top: 6px; } }
          .main.institution .wrap .team .list ul li .cont .con {
            font-size: 14px;
            line-height: 24px;
            color: #999;
            margin-top: 20px;
            height: 72px;
            overflow: hidden; }
            @media (max-width: 1500px) {
              .main.institution .wrap .team .list ul li .cont .con {
                margin-top: 12px; } }
            @media (max-width: 1300px) {
              .main.institution .wrap .team .list ul li .cont .con {
                height: 48px; } }
            @media (max-width: 900px) {
              .main.institution .wrap .team .list ul li .cont .con {
                display: none; } }
            @media (max-width: 750px) {
              .main.institution .wrap .team .list ul li .cont .con {
                display: block; } }
            @media (max-width: 550px) {
              .main.institution .wrap .team .list ul li .cont .con {
                display: none; } }
          .main.institution .wrap .team .list ul li .cont .more {
            font-size: 0;
            margin-top: 42px; }
            @media (max-width: 1500px) {
              .main.institution .wrap .team .list ul li .cont .more {
                margin-top: 20px; } }
            @media (max-width: 1024px) {
              .main.institution .wrap .team .list ul li .cont .more {
                margin-top: 12px; } }
            @media (max-width: 550px) {
              .main.institution .wrap .team .list ul li .cont .more {
                margin-top: 8px; } }
            .main.institution .wrap .team .list ul li .cont .more i {
              width: 24px;
              height: 2px;
              display: inline-block;
              vertical-align: middle;
              background: #454545; }
              @media (max-width: 550px) {
                .main.institution .wrap .team .list ul li .cont .more i {
                  width: 14px; } }
            .main.institution .wrap .team .list ul li .cont .more .txt {
              display: inline-block;
              vertical-align: middle;
              font-size: 14px;
              line-height: 20px;
              color: #454545;
              font-family: "LibreBaskerville-Regular";
              margin-left: 10px; }
              @media (max-width: 550px) {
                .main.institution .wrap .team .list ul li .cont .more .txt {
                  font-size: 12px; } }
    .main.institution .wrap .team .more_btn {
      display: block;
      width: 186px;
      height: 48px;
      background: #d0515a;
      border-radius: 24px;
      margin-top: 65px;
      font-size: 0;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
      @media (min-width: 1024px) {
        .main.institution .wrap .team .more_btn:hover i {
          width: 0; } }
      @media (max-width: 768px) {
        .main.institution .wrap .team .more_btn {
          margin-top: 40px; } }
      @media (max-width: 600px) {
        .main.institution .wrap .team .more_btn {
          width: 130px;
          height: 36px;
          margin-top: 25px; } }
      .main.institution .wrap .team .more_btn i {
        display: inline-block;
        vertical-align: middle;
        width: 24px;
        height: 2px;
        background: #fff;
        position: relative;
        right: 0;
        -webkit-transform-origin: right center;
        transform-origin: right center;
        transition: width 0.3s;
        margin: 0 5px; }
        @media (max-width: 600px) {
          .main.institution .wrap .team .more_btn i {
            width: 14px; } }
      .main.institution .wrap .team .more_btn .txt {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        line-height: 48px;
        color: #fff;
        margin: 0 5px;
        font-family: "LibreBaskerville-Regular"; }
        @media (max-width: 600px) {
          .main.institution .wrap .team .more_btn .txt {
            font-size: 13px;
            line-height: 36px; } }
  .main.institution .wrap .direction {
    background: #102f59;
    margin-top: 96px;
    padding-bottom: 114px; }
    @media (max-width: 1024px) {
      .main.institution .wrap .direction {
        margin-top: 70px;
        padding-bottom: 90px; } }
    @media (max-width: 600px) {
      .main.institution .wrap .direction {
        margin-top: 30px;
        padding-bottom: 40px; } }
    .main.institution .wrap .direction .direction_cen {
      padding-top: 54px; }
      @media (max-width: 768px) {
        .main.institution .wrap .direction .direction_cen {
          padding-top: 45px; } }
      @media (max-width: 600px) {
        .main.institution .wrap .direction .direction_cen {
          padding-top: 30px; } }
      .main.institution .wrap .direction .direction_cen .caption span {
        background: #102f59;
        color: #fff; }
      .main.institution .wrap .direction .direction_cen .caption .line {
        background: #254167; }
      .main.institution .wrap .direction .direction_cen .swiper_direction {
        margin-top: 80px;
        width: 78.66%;
        margin-left: auto;
        margin-right: auto; }
        @media (max-width: 1600px) {
          .main.institution .wrap .direction .direction_cen .swiper_direction {
            width: 88%; } }
        @media (max-width: 1400px) {
          .main.institution .wrap .direction .direction_cen .swiper_direction {
            width: 94%; } }
        @media (max-width: 1024px) {
          .main.institution .wrap .direction .direction_cen .swiper_direction {
            margin-top: 60px; } }
        @media (max-width: 600px) {
          .main.institution .wrap .direction .direction_cen .swiper_direction {
            width: 80%;
            margin-top: 25px; } }
        .main.institution .wrap .direction .direction_cen .swiper_direction.center .swiper-wrapper {
          justify-content: center; }
        .main.institution .wrap .direction .direction_cen .swiper_direction .swiper-pagination {
          position: static;
          margin-top: 20px;
          line-height: 0;
          transition: none; }
          .main.institution .wrap .direction .direction_cen .swiper_direction .swiper-pagination span {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #254167; }
            .main.institution .wrap .direction .direction_cen .swiper_direction .swiper-pagination span.swiper-pagination-bullet-active {
              background: #fff; }
        @media (min-width: 1024px) {
          .main.institution .wrap .direction .direction_cen .swiper_direction .swiper-wrapper .swiper-slide:hover .cont .icon {
            transform: translateY(-15px); } }
        .main.institution .wrap .direction .direction_cen .swiper_direction .swiper-wrapper .swiper-slide .cont {
          background: #183b95;
          border-radius: 5px;
          height: 300px;
          padding: 45px 25px 0 25px;
          box-sizing: border-box;
          position: relative; }
          @media (max-width: 1024px) {
            .main.institution .wrap .direction .direction_cen .swiper_direction .swiper-wrapper .swiper-slide .cont {
              height: 280px;
              padding: 30px 20px 0 20px; } }
          @media (max-width: 600px) {
            .main.institution .wrap .direction .direction_cen .swiper_direction .swiper-wrapper .swiper-slide .cont {
              height: 200px;
              padding-top: 20px; } }
          .main.institution .wrap .direction .direction_cen .swiper_direction .swiper-wrapper .swiper-slide .cont .t {
            font-size: 18px;
            line-height: 32px;
            color: #fff;
            font-weight: bold;
            text-align: center;
            padding-bottom: 20px;
            border-bottom: 1px solid #24459a; }
            @media (max-width: 600px) {
              .main.institution .wrap .direction .direction_cen .swiper_direction .swiper-wrapper .swiper-slide .cont .t {
                font-size: 16px;
                line-height: 30px;
                padding-bottom: 15px; } }
            @media (max-width: 600px) {
              .main.institution .wrap .direction .direction_cen .swiper_direction .swiper-wrapper .swiper-slide .cont .t {
                height: auto !important; } }
          .main.institution .wrap .direction .direction_cen .swiper_direction .swiper-wrapper .swiper-slide .cont .icon {
            width: 100%;
            height: 60px;
            position: absolute;
            left: 0;
            transition: transform 0.7s cubic-bezier(0.77, 0, 0.175, 1);
            bottom: 65px; }
            @media (max-width: 1400px) {
              .main.institution .wrap .direction .direction_cen .swiper_direction .swiper-wrapper .swiper-slide .cont .icon {
                bottom: 50px; } }
            @media (max-width: 600px) {
              .main.institution .wrap .direction .direction_cen .swiper_direction .swiper-wrapper .swiper-slide .cont .icon {
                bottom: 20px;
                height: 40px; } }
            .main.institution .wrap .direction .direction_cen .swiper_direction .swiper-wrapper .swiper-slide .cont .icon img {
              position: absolute;
              max-width: 100%;
              max-height: 100%;
              left: 0;
              right: 0;
              margin: auto;
              bottom: 0; }

@media (max-width: 850px) {
  .comment_news {
    margin-top: 35px; } }
@media (max-width: 600px) {
  .comment_news {
    margin-top: 20px; } }
@media (max-width: 850px) {
  .comment_news.video_list {
    margin-top: 0; } }
.comment_news.video_list ul {
  padding-bottom: 15px; }
  @media (max-width: 850px) {
    .comment_news.video_list ul {
      padding-bottom: 0;
      width: 100%;
      padding-bottom: 0; } }
  .comment_news.video_list ul li {
    width: 27.87%;
    margin-right: 3.51%;
    margin-top: 2.6%; }
    @media (max-width: 850px) {
      .comment_news.video_list ul li {
        width: 48%;
        margin-top: 4%;
        margin-right: 0; }
        .comment_news.video_list ul li:nth-child(even) {
          float: right;
          margin-top: 4%; } }
    @media (max-width: 500px) {
      .comment_news.video_list ul li {
        width: 100%;
        float: none;
        margin-top: 15px; }
        .comment_news.video_list ul li:nth-child(even) {
          float: none;
          margin-top: 15px; } }
    .comment_news.video_list ul li a .cont {
      padding: 15px 30px 23px 30px; }
      @media (max-width: 1300px) {
        .comment_news.video_list ul li a .cont {
          padding: 10px 20px 20px 20px; } }
      @media (max-width: 600px) {
        .comment_news.video_list ul li a .cont {
          padding: 10px 15px 15px 15px; } }
.comment_news ul {
  width: 110%;
  padding-bottom: 23px; }
  @media (max-width: 850px) {
    .comment_news ul {
      width: 100%;
      padding-bottom: 0; } }
  .comment_news ul li {
    float: left;
    width: 20.6%;
    margin-right: 2.78%;
    margin-top: 3.63%; }
    @media (max-width: 850px) {
      .comment_news ul li {
        width: 48%;
        margin-top: 4%;
        margin-right: 0; }
        .comment_news ul li:nth-child(even) {
          float: right;
          margin-top: 4%; } }
    @media (max-width: 500px) {
      .comment_news ul li {
        width: 100%;
        float: none;
        margin-top: 15px; }
        .comment_news ul li:nth-child(even) {
          float: none;
          margin-top: 15px; } }
    .comment_news ul li a {
      transition: box-shadow 0.5s ease-in-out;
      display: block;
      border-radius: 4px; }
      @media (min-width: 1024px) {
        .comment_news ul li a:hover {
          box-shadow: 0 0 43px rgba(4, 0, 0, 0.26); }
          .comment_news ul li a:hover .pic img {
            -webkit-transform: scale(1.05);
            transform: scale(1.05); }
          .comment_news ul li a:hover .cont {
            background: #fff; } }
      .comment_news ul li a .pic {
        overflow: hidden;
        border-radius: 4px 4px 0 0;
        position: relative; }
        .comment_news ul li a .pic .icon {
          width: 92px;
          height: 92px;
          position: absolute;
          left: 50%;
          top: 50%;
          border-radius: 50%;
          transform: translate(-50%, -50%);
          background: url(../img/play.png) no-repeat center center;
          background-size: cover; }
          @media (max-width: 1024px) {
            .comment_news ul li a .pic .icon {
              width: 72px;
              height: 72px; } }
        .comment_news ul li a .pic .time {
			display:none;
          position: absolute;
          width: 70px;
          height: 70px;
          background: #d0515a;
          border-radius: 0 0 8px 8px;
          right: 46px;
          padding-top: 7px;
          box-sizing: border-box;
          top: 0;
          text-align: center;
          z-index: 10; }
          @media (max-width: 1024px) {
            .comment_news ul li a .pic .time {
              right: 20px;
              width: 50px;
              height: 50px;
              padding-top: 5px; } }
          .comment_news ul li a .pic .time .day {
            font-size: 16px;
            line-height: 20px;
            color: #fff;
            font-family: "LibreBaskerville-Regular"; }
            @media (max-width: 1024px) {
              .comment_news ul li a .pic .time .day {
                font-size: 14px;
                line-height: 16px; } }
          .comment_news ul li a .pic .time .line {
            width: 42px;
            height: 2px;
            background: #df747b;
            margin-left: auto;
            margin-right: auto;
            margin-top: 5px; }
            @media (max-width: 1024px) {
              .comment_news ul li a .pic .time .line {
                width: 30px;
                margin-top: 2px; } }
          .comment_news ul li a .pic .time .month {
            font-size: 16px;
            line-height: 20px;
            color: #fff;
            margin-top: 3px;
            font-family: "LibreBaskerville-Regular"; }
            @media (max-width: 1024px) {
              .comment_news ul li a .pic .time .month {
                font-size: 14px;
                line-height: 16px; } }
        .comment_news ul li a .pic img {
          width: 100%;
          transition: -webkit-transform 0.5s ease-in-out;
          transition: transform 0.5s ease-in-out;
          transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
          border-radius: 4px 4px 0 0; }
      .comment_news ul li a .cont {
        background: #fafafa;
        transition: background 0.5s ease-in-out;
        padding: 15px 30px 28px 30px;
        border-radius: 0 0 4px 4px; }
        @media (max-width: 1300px) {
          .comment_news ul li a .cont {
            padding: 10px 20px 24px 20px; } }
        @media (max-width: 600px) {
          .comment_news ul li a .cont {
            padding: 10px 15px 15px 15px; } }
        .comment_news ul li a .cont .column {
          font-size: 16px;
          line-height: 26px;
          color: #666; }
          @media (max-width: 600px) {
            .comment_news ul li a .cont .column {
              font-size: 14px;
              line-height: 24px; } }
        .comment_news ul li a .cont .news_tit {
          padding-bottom: 20px;
          border-bottom: 1px solid #e7e7e7;
          margin-top: 14px; }
          @media (max-width: 1300px) {
            .comment_news ul li a .cont .news_tit {
              padding-bottom: 15px; } }
          @media (max-width: 600px) {
            .comment_news ul li a .cont .news_tit {
              margin-top: 5px;
              padding-bottom: 10px; } }
          .comment_news ul li a .cont .news_tit .t {
            font-size: 16px;
            line-height: 24px;
            color: #333;
            font-weight: bold;
            height: 72px;
            overflow: hidden; }
        .comment_news ul li a .cont .more {
          display: block;
          margin-top: 12px;
          font-size: 0; }
          @media (max-width: 600px) {
            .comment_news ul li a .cont .more {
              margin-top: 6px; } }
          .comment_news ul li a .cont .more i {
            display: inline-block;
            vertical-align: middle;
            width: 24px;
            height: 2px;
            background: #454545;
            position: relative;
            right: 0;
            margin: 0 5px; }
            @media (max-width: 600px) {
              .comment_news ul li a .cont .more i {
                width: 14px; } }
          .comment_news ul li a .cont .more .txt {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            line-height: 28px;
            color: #454545;
            margin: 0 5px;
            font-family: "LibreBaskerville-Regular"; }
            @media (max-width: 600px) {
              .comment_news ul li a .cont .more .txt {
                font-size: 13px;
                line-height: 28px; } }
.comment_news .more_btn {
  display: block;
  width: 186px;
  height: 48px;
  background: #d0515a;
  border-radius: 24px;
  margin-top: 70px;
  font-size: 0;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  @media (min-width: 1024px) {
    .comment_news .more_btn:hover i {
      width: 0; } }
  @media (max-width: 768px) {
    .comment_news .more_btn {
      margin-top: 40px; } }
  @media (max-width: 600px) {
    .comment_news .more_btn {
      width: 130px;
      height: 36px;
      margin-top: 25px; } }
  .comment_news .more_btn i {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 2px;
    background: #fff;
    position: relative;
    right: 0;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    transition: width 0.3s;
    margin: 0 5px; }
    @media (max-width: 600px) {
      .comment_news .more_btn i {
        width: 14px; } }
  .comment_news .more_btn .txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 48px;
    color: #fff;
    margin: 0 5px;
    font-family: "LibreBaskerville-Regular"; }
    @media (max-width: 600px) {
      .comment_news .more_btn .txt {
        font-size: 13px;
        line-height: 36px; } }

.footer {
  background: #252525; }
  @media (max-width: 1024px) {
    .footer .fbox {
      /* padding: 70px 0; */ } }
  @media (max-width: 600px) {
    .footer .fbox {
      /* padding: 30px 0; */ } }
  .footer .fbox .footer_top {
    padding-top: 40px;
    padding-bottom: 70px;
    border-bottom: 1px solid #3b3b3b; }
    @media (max-width: 1024px) {
      .footer .fbox .footer_top {
        float: left;
        padding: 0;
        border: none; } }
    @media (max-width: 600px) {
      .footer .fbox .footer_top {
        float: none; } }
    .footer .fbox .footer_top .contact_msg {
      float: left; }
      .footer .fbox .footer_top .contact_msg .t {
        font-size: 18px;
        line-height: 22px;
        color: #ccc;
        font-family: "LibreBaskerville-Regular"; }
        @media (max-width: 1350px) {
          .footer .fbox .footer_top .contact_msg .t {
            font-size: 28px;
            line-height: 40px; } }
        @media (max-width: 600px) {
          .footer .fbox .footer_top .contact_msg .t {
            font-size: 20px;
            line-height: 32px; } }
      .footer .fbox .footer_top .contact_msg .tel {
        color: #ccc; }
        .footer .fbox .footer_top .contact_msg .tel div {
          padding-left: 30px;
          font-size: 14px;
          background: url(../img/tel.png) no-repeat left 8px; }
          .footer .fbox .footer_top .contact_msg .tel div span {
            font-family: Arial;
            font-size: 14px;
            line-height: 26px; }
            @media (max-width: 1350px) {
              .footer .fbox .footer_top .contact_msg .tel div span {
                font-size: 20px;
                line-height: 32px; } }
            @media (max-width: 600px) {
              .footer .fbox .footer_top .contact_msg .tel div span {
                font-size: 16px;
                line-height: 32px; } }
      .footer .fbox .footer_top .contact_msg .code_box .code {
        margin-top: 25px;
        float: left;
        margin-right: 40px; }
        @media (max-width: 600px) {
          .footer .fbox .footer_top .contact_msg .code_box .code {
            margin-right: 25px;
            margin-top: 15px; } }
        .footer .fbox .footer_top .contact_msg .code_box .code .code_img {
          width: 104px;
          height: 104px;
          margin: 0 auto;
          border-radius: 5px; }
          @media (max-width: 1200px) {
            .footer .fbox .footer_top .contact_msg .code_box .code .code_img {
              width: 90px;
              height: 90px; } }
          @media (max-width: 600px) {
            .footer .fbox .footer_top .contact_msg .code_box .code .code_img {
              width: 80px;
              height: 80px; } }
          .footer .fbox .footer_top .contact_msg .code_box .code .code_img img {
            border-radius: 5px;
            width: 100%;
            height: auto; }
        .footer .fbox .footer_top .contact_msg .code_box .code .code_text {
          font-size: 14px;
          line-height: 24px;
          color: #ccc;
          text-align: center;
          margin-top: 5px; }
          @media (max-width: 600px) {
            .footer .fbox .footer_top .contact_msg .code_box .code .code_text {
              font-size: 13px;
              line-height: 20px; } }
    .footer .fbox .footer_top .links {
      float: right;
      margin-top: 28px; }
      @media (max-width: 1350px) {
        .footer .fbox .footer_top .links {
          margin-top: 0; } }
      @media (max-width: 1024px) {
        .footer .fbox .footer_top .links {
          display: none; } }
      .footer .fbox .footer_top .links ul li {
        float: left;
        min-width: 195px;
        height: 220px;
        border-right: 1px solid #3b3b3b;
        padding-left: 53px;
        box-sizing: border-box;
        padding-right: 30px; }
        .footer .fbox .footer_top .links ul li:last-child {
          border: none; }
        @media (max-width: 1540px) {
          .footer .fbox .footer_top .links ul li {
            min-width: 160px;
            padding-left: 42px; } }
        @media (max-width: 1350px) {
          .footer .fbox .footer_top .links ul li {
            min-width: 120px;
            padding-left: 30px;
            padding-right: 20px; } }
        @media (max-width: 1100px) {
          .footer .fbox .footer_top .links ul li {
            height: 200px;
            min-width: 100px;
            padding-left: 15px; } }
        .footer .fbox .footer_top .links ul li .t {
          display: block;
          font-size: 18px;
          line-height: 22px;
          color: #ccc;
          font-weight: bold; }
          @media (max-width: 1200px) {
            .footer .fbox .footer_top .links ul li .t {
              font-size: 16px;
              line-height: 20px; } }
        .footer .fbox .footer_top .links ul li .link {
          margin-top: 16px; }
          .footer .fbox .footer_top .links ul li .link a {
            font-size: 14px;
            line-height: 26px;
            color: #ccc;
            margin-top: 4px;
            display: block;
            transition: color 0.3s; }
            @media (min-width: 1024px) {
              .footer .fbox .footer_top .links ul li .link a:hover {
                color: #d0515a; } }
            @media (max-width: 1200px) {
              .footer .fbox .footer_top .links ul li .link a {
                font-size: 13px;
                line-height: 22px; } }
  .footer .fbox .address {
    padding: 50px 0; }
    @media (max-width: 1400px) {
      .footer .fbox .address {
        padding: 30px 0; } }
    @media (max-width: 1024px) {
      .footer .fbox .address {
        padding: 0;
        float: right;
        width: calc(100% - 320px); } }
    @media (max-width: 600px) {
      .footer .fbox .address {
        width: 100%;
        float: none;
        display: none; } }
    .footer .fbox .address ul li {
      width: 33.33%;
      float: left;
      box-sizing: border-box; }
      @media (max-width: 1024px) {
        .footer .fbox .address ul li {
          width: 100%;
          float: none;
          margin-top: 25px; } }
      @media (max-width: 600px) {
        .footer .fbox .address ul li {
          margin-top: 15px; } }
      .footer .fbox .address ul li:last-child {
        text-align: right; }
      .footer .fbox .address ul li:nth-child(even) {
        padding-left: 4.66%; }
        @media (max-width: 1024px) {
          .footer .fbox .address ul li:nth-child(even) {
            padding-left: 0; } }
      .footer .fbox .address ul li .text_box {
        display: inline-block;
        width: 69.2%;
        position: relative; }
        @media (max-width: 1400px) {
          .footer .fbox .address ul li .text_box {
            width: 76%; } }
        @media (max-width: 1024px) {
          .footer .fbox .address ul li .text_box {
            width: 100%; } }
        .footer .fbox .address ul li .text_box i {
          position: absolute;
          left: 0;
          top: 0;
          width: 18px;
          height: 26px;
          background: url(../img/address.png) no-repeat;
          background-size: cover; }
        .footer .fbox .address ul li .text_box .text {
          text-align: left;
          padding-left: 28px;
          font-size: 14px;
          line-height: 18px;
          color: #ccc; }
  .footer .copyight {
    border-top: 1px solid rgba(255,255,255,.1);
    /* background: #3b3b3b; */ }
    .footer .copyight .copyright_cen {
      padding: 13px 0; }
      @media (max-width: 850px) {
        .footer .copyight .copyright_cen {
          padding: 12px 0;
          text-align: center; } }
      .footer .copyight .copyright_cen .copyright_l {
        float: left;
        font-size: 14px;
        line-height: 24px;
        color: #999; }
        @media (max-width: 850px) {
          .footer .copyight .copyright_cen .copyright_l {
            width: 100%;
            float: none;
            font-size: 13px;
            line-height: 20px; } }
        .footer .copyight .copyright_cen .copyright_l a {
          color: #999;
          transition: color 0.3s; }
          @media (min-width: 1024px) {
            .footer .copyight .copyright_cen .copyright_l a:hover {
              color: #d0515a; } }
      .footer .copyight .copyright_cen .share {
        float: right;
        line-height: 0; }
        @media (max-width: 850px) {
          .footer .copyight .copyright_cen .share {
            display: none; } }
        .footer .copyight .copyright_cen .share span {
          display: block;
          float: left;
          font-size: 16px;
          line-height: 24px;
          color: #999; }
        .footer .copyight .copyright_cen .share .bdsharebuttonbox {
          float: left; }
          .footer .copyight .copyright_cen .share .bdsharebuttonbox a {
            padding: 0;
            margin: 0;
            float: none;
            display: inline-block;
            width: 24px;
            height: 24px;
            margin-left: 10px;
            transition: background 0.3s; }
            .footer .copyight .copyright_cen .share .bdsharebuttonbox a.bds_weixin {
              background: url(../img/wx1.png) no-repeat center center; }
              @media (min-width: 1024px) {
                .footer .copyight .copyright_cen .share .bdsharebuttonbox a.bds_weixin:hover {
                  filter: alpha(opacity=100);
                  opacity: 1;
                  background: url(../img/wx.png) no-repeat center center; } }
            .footer .copyight .copyright_cen .share .bdsharebuttonbox a.bds_tsina {
              background: url(../img/weibo2.png) no-repeat center center; }
              @media (min-width: 1024px) {
                .footer .copyight .copyright_cen .share .bdsharebuttonbox a.bds_tsina:hover {
                  filter: alpha(opacity=100);
                  opacity: 1;
                  background: url(../img/weibo.png) no-repeat center center; } }

.page_box {
  margin-top: 35px;
  width: 100%;
  background: #f8f8f8;
  border-radius: 3px;
  position: relative;
  padding: 10px 25px;
  box-sizing: border-box;
  clear: both;
  overflow: hidden; }
  .page_box .page {
    text-align: center; }
    .page_box .page a {
      display: inline-block;
      font-size: 18px;
      line-height: 30px;
      color: #666;
      font-family: Arial;
      padding: 0 10px;
      border-radius: 5px;
      margin: 0 3px;
      transition: color 0.3s,background 0.3s; }
      .page_box .page a.page_l {
        font-size: 14px;
        line-height: 54px;
        color: #454545;
        position: absolute;
        left: 25px;
        top: 0;
        margin: 0;
        font-family: "Microsoft Yahei";
        padding: 0; }
        @media (min-width: 1024px) {
          .page_box .page a.page_l:hover {
            color: #d0515a;
            background: none; } }
      .page_box .page a.page_r {
        font-size: 14px;
        line-height: 54px;
        color: #454545;
        position: absolute;
        margin: 0;
        right: 25px;
        top: 0;
        font-family: "Microsoft Yahei";
        padding: 0; }
        @media (min-width: 1024px) {
          .page_box .page a.page_r:hover {
            color: #d0515a;
            background: none; } }
      .page_box .page a.active {
        background: #d0515a;
        color: #fff; }
      @media (min-width: 1024px) {
        .page_box .page a:hover {
          background: #d0515a;
          color: #fff; } }
  @media (max-width: 600px) {
    .page_box {
      padding: 10px;
      margin-top: 20px; }
      .page_box .page {
        padding: 0 60px; }
        .page_box .page a {
          font-size: 14px;
          line-height: 24px;
          padding: 0 7px; }
          .page_box .page a.page_l {
            font-size: 14px;
            line-height: 44px;
            left: 10px; }
          .page_box .page a.page_r {
            font-size: 14px;
            line-height: 44px;
            right: 10px; } }

.mCSB_scrollTools {
  width: 4px !important; }

.mCSB_scrollTools {
  opacity: 1 !important; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px !important;
  background: #e7e7e7 !important;
  border-radius: 0 !important; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 0 !important;
  width: 4px !important;
  background: #db646c !important; }

.proup_mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1000;
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease; }
  .proup_mask.active {
    visibility: visible;
    filter: alpha(opacity=100);
    opacity: 1; }

.proup_cont {
  position: fixed;
  width: 1000px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -60%);
  background: #fff;
  border-radius: 5px;
  padding: 0 45px 60px 45px;
  box-sizing: border-box;
  z-index: 1001;
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0, 1, 0, 1); }
  .proup_cont.active {
    visibility: visible;
    filter: alpha(opacity=100);
    opacity: 1;
    transform: translate(-50%, -50%); }
  @media (max-width: 1300px) {
    .proup_cont {
      width: 84%; } }
  @media (max-width: 1024px) {
    .proup_cont {
      width: 92%;
      padding: 0 30px 40px 30px; } }
  @media (max-width: 600px) {
    .proup_cont {
      padding: 0 20px 20px 20px; } }
  .proup_cont .proup_tit {
    padding-top: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dfdfdf; }
    @media (max-width: 600px) {
      .proup_cont .proup_tit {
        padding: 10px 0; } }
    .proup_cont .proup_tit .name {
      font-size: 30px;
      line-height: 48px;
      color: #454545;
      font-weight: bold;
      float: left; }
      @media (max-width: 1024px) {
        .proup_cont .proup_tit .name {
          font-size: 26px;
          line-height: 36px; } }
      @media (max-width: 600px) {
        .proup_cont .proup_tit .name {
          font-size: 20px;
          line-height: 36px; } }
    .proup_cont .proup_tit .close {
      width: 34px;
      height: 34px;
      float: right;
      margin-top: 3px;
      margin-right: 13px;
      border: 3px solid #303030;
      box-sizing: border-box;
      border-radius: 50%;
      position: relative;
      cursor: pointer; }
      @media (min-width: 1024px) {
        .proup_cont .proup_tit .close:hover::after {
          transform: rotate(180deg); } }
      @media (max-width: 1024px) {
        .proup_cont .proup_tit .close {
          width: 30px;
          height: 30px;
          margin-top: 0;
          margin-right: 0; } }
      @media (max-width: 600px) {
        .proup_cont .proup_tit .close {
          width: 24px;
          height: 24px;
          margin-top: 6px;
          border-width: 2px; } }
      .proup_cont .proup_tit .close::after {
        content: "";
        display: block;
        transition: transform 0.4s ease;
        position: absolute;
        width: 13px;
        height: 3px;
        background: #303030;
        left: 50%;
        top: 50%;
        margin-left: -6.5px;
        margin-top: -1.5px; }
        @media (max-width: 600px) {
          .proup_cont .proup_tit .close::after {
            width: 10px;
            height: 2px;
            margin-left: -5px;
            margin-top: -1px; } }
  .proup_cont .content {
    margin-top: 40px;
    max-height: 510px; }
    @media (max-width: 1300px) {
      .proup_cont .content {
        max-height: 450px; } }
    @media (max-width: 1024px) {
      .proup_cont .content {
        margin-top: 30px;
        max-height: 50vh; } }
    @media (max-width: 600px) {
      .proup_cont .content {
        margin-top: 20px; } }
    .proup_cont .content .pos {
      font-size: 20px;
      line-height: 30px;
      color: #454545;
      font-weight: bold; }
      @media (max-width: 600px) {
        .proup_cont .content .pos {
          font-size: 16px;
          line-height: 24px; } }
    .proup_cont .content .con {
      font-size: 16px;
      line-height: 28px;
      color: #666; }
      @media (max-width: 1024px) {
        .proup_cont .content .con {
          font-size: 14px;
          line-height: 26px; } }
      @media (max-width: 600px) {
        .proup_cont .content .con {
          font-size: 14px;
          line-height: 22px; } }
      .proup_cont .content .con p {
        padding-top: 14px;
        padding-bottom: 8px; }
        @media (max-width: 1024px) {
          .proup_cont .content .con p {
            padding-bottom: 0; } }
        @media (max-width: 600px) {
          .proup_cont .content .con p {
            padding-top: 6px; } }

.search-alert {
  position: fixed;
  z-index: 1000;
  background-color: #222222;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none; }
  .search-alert .close {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/close.png) no-repeat center center;
    position: absolute;
    top: 38px;
    right: 2.6%;
    transition: transform 0.4s ease;
    cursor: pointer; }
    @media (min-width: 1024px) {
      .search-alert .close:hover {
        transform: rotate(180deg); } }
    @media (max-width: 1024px) {
      .search-alert .close {
        top: 20px;
        right: 20px; } }
  .search-alert .cent-form {
    width: 80%;
    height: 124px;
    position: absolute;
    left: 50%;
    margin-left: -40%;
    top: 50%;
    margin-top: -62px;
    border-bottom: 1px solid #515151; }
    @media (max-width: 1024px) {
      .search-alert .cent-form {
        width: 94%;
        margin-left: -47%;
        height: 60px;
        margin-top: -30px; } }
    .search-alert .cent-form .tex {
      border: none;
      font-size: 30px;
      height: 124px;
      line-height: 124px;
      text-align: center;
      width: 100%;
      box-sizing: border-box;
      color: #555;
      background: none;
      padding-left: 88px;
      padding-right: 80px;
      background: url(../img/img5.png) no-repeat 35px center; }
      @media (max-width: 1024px) {
        .search-alert .cent-form .tex {
          font-size: 18px;
          line-height: 60px;
          height: 60px;
          padding: 0 35px;
          background-position: left center;
          text-align: left; } }
    .search-alert .cent-form .sub-btn {
      border: none;
      height: 124px;
      font-size: 24px;
      line-height: 124px;
      color: #555;
      text-align: right;
      background: none;
      position: absolute;
      right: 0;
      top: 0;
      background: none;
      width: 100px;
      text-align: center; }
      @media (max-width: 1024px) {
        .search-alert .cent-form .sub-btn {
          font-size: 16px;
          line-height: 60px;
          height: 60px;
          width: 48px;
          text-align: right;
          padding: 0;
          margin: 0; } }

#topnav {
  position: fixed;
  right: 0;
  top: 0;
  background: #fafafa;
  width: 323px;
  height: 100%;
  z-index: 900;
  padding-top: 70px;
  box-sizing: border-box;
  transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  transform: translateX(101%);
  border-left: 1px solid #e4eade; }
  #topnav.active {
    transform: translateX(0%); }
  @media (max-width: 1024px) {
    #topnav {
      padding-top: 80px; } }
  @media (max-width: 600px) {
    #topnav {
      width: 240px; } }
  #topnav .topnav_box {
    height: 100%;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    box-sizing: border-box;
    overflow: auto; }
    #topnav .topnav_box .menu_box {
      width: 100%;
      box-sizing: border-box;
      max-height: 100%;
      overflow: auto; }
      #topnav .topnav_box .menu_box .mCSB_scrollTools {
        width: 4px; }
      #topnav .topnav_box .menu_box .mCSB_scrollTools .mCSB_draggerRail {
        width: 4px; }
      #topnav .topnav_box .menu_box .mCSB_scrollTools .mCSB_draggerRail {
        background: #ddd; }
      #topnav .topnav_box .menu_box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #143b6c; }
      #topnav .topnav_box .menu_box .mCSB_inside > .mCSB_container {
        margin-right: 0; }
      #topnav .topnav_box .menu_box ul {
        padding-left: 42px;
        padding-right: 50px; }
        @media (max-width: 600px) {
          #topnav .topnav_box .menu_box ul {
            padding: 0 30px; } }
        #topnav .topnav_box .menu_box ul li {
          padding-left: 60px;
          padding-top: 22px;
          padding-bottom: 22px;
          border-bottom: 1px solid #e4eade; }
          @media (max-width: 600px) {
            #topnav .topnav_box .menu_box ul li {
              padding: 15px 0 15px 0px; } }
          #topnav .topnav_box .menu_box ul li:last-child {
            border: none; }
          #topnav .topnav_box .menu_box ul li .t {
            font-size: 20px;
            line-height: 30px;
            color: #333; }
            #topnav .topnav_box .menu_box ul li .t span {
              color: #ccc;
              font-family: Arial; }
            @media (max-width: 600px) {
              #topnav .topnav_box .menu_box ul li .t {
                font-size: 16px;
                line-height: 24px; } }
          #topnav .topnav_box .menu_box ul li .links a {
            display: block;
            font-size: 14px;
            line-height: 24px;
            color: #666;
            margin-top: 6px;
            padding-left: 26px;
            transition: color 0.5s; }
            @media (max-width: 600px) {
              #topnav .topnav_box .menu_box ul li .links a {
                padding-left: 23px; } }
            @media (min-width: 1024px) {
              #topnav .topnav_box .menu_box ul li .links a:hover {
                color: #143b6c; } }


/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.fot-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.fot-alert.md-show ~ .fot-overlay {
  opacity: 1;
  visibility: visible;
}

.fot-alert.md-show ~ .md-close {
  opacity: 1;
  visibility: visible;
}
.video-alert .md-content {
  width: 100%;
  height: auto;
  padding: .5rem;
  background: #000;
      box-sizing: border-box;
}

.video-alert .md-close {
  position: absolute;
  width: 40px;
  height: 40px;
  background: url(../img/colse.png);
  background-size:25px auto;
  right: -40px;
  top: -40px;
  cursor: pointer;
  line-height: 40px;
  text-align: center;
  opacity:0;
  visibility: hidden;
}

.video-alert {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 1000px;
  min-width: 320px;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.video-alert .iframe-box {
  width: 100%;
  height: auto;
  opacity:0;
  visibility:hidden;
}
.video-alert .iframe-box iframe{
  width:100% !important;
  height: 400px;
}
.video-alert.md-show .iframe-box{
  opacity:1;
  visibility:visible;
}
.video-alert.md-show ~ .fot-overlay {
  opacity: 1;
  visibility: visible;
}


.video-alert.md-show ~ .md-close {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1024px){
		  .main.institution .wrap .wrap_cen .contact_box .add_box .ulright,
	  .main.institution .wrap .wrap_cen .contact_box .add_box .ulleft{
		  width:100%;
	  }
	  .main.institution .wrap .wrap_cen .contact_box .add_box .ulright{
		  margin-top:5%;
	  }
}



.active-c .active {
  padding-top: 50px;
}
.active-c .active-one {
  float: left;
  width: 50%;
  padding-right: 3%;
  border-right: 1px solid #dadada;
  /* box-sizing: border-box; */
}
/* @media (max-width: 1619px) {
  .active-c .active-one {
    width: 60%;
  }
}
@media (max-width: 1199px) {
  .active-c .active-one {
    width: 100%;
    border: none;
  }
} */
.active-c .active-one > img {
  width: 43%;
  float: left;
}
/* @media (max-width: 1199px) {
  .active-c .active-one > img {
    width: 220px;
  }
}
@media (max-width: 767px) {
  .active-c .active-one > img {
    width: 100%;
  }
} */
.active-c .active-one .box {
  /* margin-left: 420px;
  margin-right: 78px; */
  width: 50%;
  float: right;
}
@media (max-width: 767px) {
  .active-c .active-one .box {
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
  }
}
.active-c .active-one .item {
  height: 70px;
}
.active-c .active-one .item-time {
  width: 68px;
  border: 1px solid #d0515a;
  float: left;
}
.active-c .active-one .item-time .d {
  line-height: 42px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #d0515a;
}
.active-c .active-one .item-time .m {
  line-height: 23px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: #d0515a;
}
.active-c .active-one .item-text {
  margin-left: 80px;
  margin-right: 0;
  line-height: 35px;
  height: 70px;
  overflow: hidden;
  font-size: 18px;
  /* line-height: 30px; */
  color: #333;
}
.active-c .active-one:hover .item-text{
  color: #d0515a;
}
.active-c .active-one .sum {
  text-indent:2em;
  margin-top: 30px;
  height: 130px;
  line-height: 26px;
  font-size: 14px;
  color: #666666;
  overflow: hidden;
}
.active-c .active-one .more {
  margin-top: 12px;
}
.active-c .active-list {
  width: 43%;
  float: right;
}
.active-c .active-list .page_box{
  margin-top: 10px;
}
.active-c .active-list .item {
  display: block;
  zoom: 1;
  margin-bottom: 15px;
}
.active-c .active-list .item:after {
  content: ' ';
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}
.active-c .active-list .item-time {
  float: left;
  width: 10.54%;
  /*height: 50px;*/
  /*padding: 7px 0;*/
  background: #fff;
  border: 1px solid #d0515a;
  float: left;
}
.active-c .active-list .item-time .d {
  line-height: 25px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #d0515a;
}
.active-c .active-list .item-time .m {
  line-height: 25px;
  font-size: 14px;
  text-align: center;
  color: #d0515a;
}
.active-c .active-list .item-text {
  /* margin-left: 88px; */
  float: right;
  width: 85%;
}

.active-c .active-list .item-time {
  width: 68px;
  border: 1px solid #d0515a;
}
.active-c .active-list .item-time .d {
  line-height: 42px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #d0515a;
}
.active-c .active-list .item-time .m {
  line-height: 23px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: #d0515a;
}

.active-c .active-list .a_ {
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #000000;
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.active-c .active-list .sum {
  width: 100%;
  height: 40px;
  line-height: 20px;
  font-size: 14px;
  color: #888888;
  overflow: hidden;
}
@media (min-width: 1025px){
  .active-c .active-list .item:hover .a_{
    color: #d0515a;
  } 
}

@media (max-width: 1366px) {
  .active-c .active-list .item-text{
    width: 80%
  }
}
@media (max-width: 992px) {
  .active-c .active-one,
  .active-c .active-list{
    width: 100%;
    float: none;
  }
  .active-c .active-one{
    padding: 0;
    border: none;
  }
  .active-c .active-list{
    margin-top: 40px;
  }
  .active-c .active-list .row{
    margin: 0 -10px;
  }
  .active-c .active-list .item{
    width: 50%;
    box-sizing: border-box;
    padding: 0 10px;
    box-sizing: border-box;
    float: left;
  }
  .active-c .active-list .item-text{
    width: 75%;
  }
}

.result-c {
  padding: 60px 0;
  /* background-image: url(../../images/home/img-result-bk.png) no-repeat; */
  /* background-size: 100% 100%; */
  background-color: #143b6c;
}
.result-c .header-common {
  border: none;
}
.result-c .header-common h1 {
  color: #fff;
}
.result-c .header-common a {
  color: #fff;
}
.result-c .header-common a:hover {
  color: #d0515a;
}
.result-c .box{
  margin-top: 50px;
}
.result-c .box .book-menu {
  background: #fbfbfb;
  float: left;
  width: 14.8%;
  min-height: 400px;
}
.result-c .box .book-menu li {
  /* width: 100%; */
  height: 80px;
  line-height: 80px;
  padding: 0 0 0 30px;
  font-size: 16px;
  color: #333;
  /* background: #006ad8; */
  cursor: pointer;
  transition: background-color .3s,color .3s;
}
@media(min-width: 1025px){
  .result-c .box .book-menu li:hover {
    background: #d0515a;
    color: #fff;
  }
}

.main.welcome .result-c .title .cn{
  color: #fff;
}
.result-c .box .book-menu .active {
  background: #d0515a;
  color: #fff;
}
.result-c .box .book-list {
  /* margin-left: 270px;
  margin-right: 0;
  padding-bottom: 61px; */
  width: 85.185%;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
}
.result-c .box .book-swiper{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 85.185%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
.result-c .box .book-list .swiper-slide{
  width: 16.87%;
  margin-right: 3.9125%;
}
.result-c .box .book-list .swiper-slide:last-child{
  margin-right: 0;
}
.result-c .box .book-list .con-box{
  display: block;
}
.result-c .box .book-list .con-box .img{
  width: 100%;
  height: 242px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.result-c .box .book-list .con-box .txt{
  font-size: 16px;
  line-height: 20px;
  color: #333;
  text-align: center;
  margin-top: 20px;
}

.result-c .box .book-list .prev,
.result-c .box .book-list .next{
  position: absolute;
  top: 50%;
  margin-top: -43px;
  width: 46px;
  height: 46px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.result-c .box .book-list .prev{
  left: 2.22%;
  background-image: url('../img/icon-book-left.png');
}
.result-c .box .book-list .next{
  right: 2.22%;
  background-image: url('../img/icon-book-right.png');
}

@media (max-width: 1366px){
  .result-c .box .book-menu{
    width: 100%;
    float: none;
    min-height: 100%;
  }
  .result-c .box .book-menu li{
    float: left;
    width: 20%;
    padding: 0;
    text-align: center;
  }
  .result-c .box .book-list{
    width: 100%;
    float: none;
    position: relative;
    padding: 50px 0;
  }
  .result-c .box .book-swiper{
    position: relative;
    transform: translate(0, 0);
    left: 0;
    top: 0;
    margin: 0 auto;
  }
  .result-c .box .book-list .swiper-slide{
    width: 30.66%;
    margin-right: 4%
  }
}
@media (max-width: 1025px){
  .result-c .box .book-menu li{
    height: 70px;
    line-height: 70px;
    font-size: 16px;
  }
  
}
@media (max-width: 767px){
  .result-c{
    padding: 30px 0;
  }
  .result-c .box .book-menu li{
    width: 33.33%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
  .result-c .box .book-list .swiper-slide{
    width: 100%;
  }
  .result-c .box .book-list{
    padding: 30px 0;
  }

}

.logos-c {
  padding: 32px 0 26px;
}
.logos-c .row .col-2{
  width: 16.65%;
  float: left;
}

.logos-c .box {

}
.logos-c .box ul{
  margin: 0 -3px;
}
.logos-c .box li{
  padding: 0 3px;
  box-sizing: border-box;
  margin-bottom: 6px;
}
.logos-c .box .c {
  /* margin-left: 8px;
  margin-right: 8px; */
  height: 84px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.logos-c li a {
  display: block;
}
.logos-c li img {
  width: 100%;
}
@media (max-width: 1366px) {
  .logos-c .box .c{
    height: 64px;
  }
}
@media (max-width: 992px) {
  .logos-c .row .col-2{
    width: 33.33%
  }
  .logos-c .box .c{
    height: 104px;
  }
}
@media (max-width: 767px){
  .logos-c .row .col-2{
    width: 50%
  }
  .logos-c .box .c{
    height: 64px;
  }
}

/* @media (max-width: 1199px) {
  .logos-c .row .col-2 {
    margin-bottom: 20px;
    width: 33.33%;
  }
} */

.footer-c{
  padding: 30px 0;
}
.footer-c .f-logo{
  float: left;
  width: 28.2%;
  margin-top: 16px;
}
.footer-c .f-logo img{
  width: 100%;
}
.footer-c .info{
  float: left;
  width: 70%;
}
.footer-c .contact{
  float: left;
  margin-left: 8.64%;
  width: 34.5679%;
  position: relative;
}
/* .footer-c .contact:before,
.footer-c .contact:after{
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #fff;
  opacity: .2;
} */
.footer-c .contact:before{
  left: -12%;
}
.footer-c .contact:after{
  right: -12%;
}
.footer-c .contact .item {
    line-height: 30px;
    font-size: 14px;
    color: #fff;
}
.footer-c .contact .scan{
  float: right;
  width: 20.7%
}
.footer-c .links{
  float: right;
  width: 13.58%;
}
.footer-c .links h3{
  font-size: 22px;
  line-height: 30px;
  color: #fff;
}
.links-btn{
    position: relative;
    /* width:216px; */
    height:34px;
    line-height:34px;
    padding:0 10px;
    font-size:14px;
    background:#fff;
    color:#909090;
    margin-top: 20px;
}
.links-btn img{
    float: right;
    vertical-align:top;
    margin-top:10px;
}
.links-item{
    position: absolute;
    bottom:34px;
    left:0;
    width:100%;
    max-height: 200px;
    background:#fff;
    border-top:1px solid #eee;
    display:none;
    overflow: auto;
}
.links-item a{
    color: #333;
    display:block;
    height:40px;
    line-height:40px;
    text-align:center;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space:nowrap;
    border-bottom:1px solid #eee;
    box-sizing: border-box;
}
.links-item a:hover{
    background:#eee;
}

.about-box{
  padding: 160px 0 80px;
  background-color: #fbfbfb;
}
.about-box .about-left{
  float: left;
  width: 65%;
}
.about-box .about-left h3{
  font-size: 44px;
  line-height: 50px;
  color: #000;
}
.about-box .about-left .num-list{
  margin: 40px 0;
  font-size: 0;
}
.about-box .about-left .num-list li{
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding-right: 40px;
  margin-right: 40px;
  border-right: 1px solid rgba(0,0,0,.4);
}
.about-box .about-left .num-list li:last-child{
  border-right: none;
}
.about-box .about-left .num-list li:before{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 
}
.about-box .about-left .num-list .num,
.about-box .about-left .num-list .unit{
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.about-box .about-left .num-list .num{
  font-size: 48px;
  line-height: 50px;
  font-family: "Gilroy-Medium";
}
.about-box .about-left .num-list .unit{
  font-size: 16px;
  line-height: 20px;
  margin: 25px 0 0 10px;
}
.about-box .about-left .num-list .txt{
  font-size: 16px;
  line-height: 20px;
  color: #000;
  margin-top: 5px;
}
.about-box .about-left .con{
  font-size: 16px;
  line-height: 30px;
  color: #000;
}
.about-box .about-left .more_btn{
  margin-top: 40px;
}

.about-box .about-right{
  float: right;
  width: 30%;
}
.about-box .about-right .about-list{
  overflow: hidden;
}
.about-box .about-right .about-list img{
  width: 100%;
}
.block{
  position: absolute;
  top: -114px;
  left: 0;
  width: 100%;
  height: 1px;
}
@media (max-width: 1500px){
  .block{
    top: -93px;
  }
}
@media (max-width: 1025px) {
  .block{
    top: -60px;
  }
  .footer-c .f-logo{
    float: none;
    display: block;
    margin: 0 auto;
    width: 40%;
  }

  .footer-c .contact{
    margin-left: 0;
    width: 65%;
  }
  .about-box .about-left h3{
    font-size: 30px;
    line-height: 40px;
  }
  .footer-c .links{
    width: 25%;
  }
  .foot-wrap{
    margin-top: 30px;
  }
}
@media (max-width: 767px){
  .block{
    top: -50px;
  }
  .about-box{
    padding: 80px 0 30px;
  }
  .about-box .about-left{
    float: none;
    width: 100%;
  }
  .about-box .about-left h3{
    font-size: 24px;
    line-height: 30px;
  }
  .about-box .about-left .num-list{
    margin: 20px 0;
  }
  .about-box .about-left .num-list .num{
    font-size: 30px;
    line-height: 40px;
  }
  .about-box .about-left .more_btn{
    margin-top: 20px;
  }
  .about-box .about-right{
    float: none;
    width: 70%;
    margin: 20px auto 0;
  }
  .active-c .active{
    padding-top: 20px;
  }
  .active-c .active-one > img{
    float: none;
    width: 100%;
  }
  .active-c .active-one .box{
    width: 100%;
  }
  .active-c .active-one .sum{
    margin-top: 20px;
  }
  .active-c .active-list .row{
    margin: 0;
  }
  .active-c .active-list .item{
    width: 100%;
    padding: 0;
  }
  .active-c .active-list{
    margin-top: 20px;
  }
  .footer-c .f-logo{
    width: 70%
  }
  .footer-c .contact{
    float: none;
    width: 100%;
  }
  .footer-c .links{
    float: none;
    width: 60%;
    margin-top: 15px;
  }
  .footer-c .links h3{
    font-size: 18px;
    line-height: 20px;
  }
  .links-btn{
    margin-top: 10px;
  }
  .result-c .box{
    margin-top: 20px;
  }
}



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



/*2021、5、7*/
.left-nav {
    float: left;
    width: 16%;
}
.metit{
    position: relative;
    display: block;
    height: 65px;
    line-height: 65px;
    padding-left: 43px;
    font-size: 18px;
    color: #444444;
    border: 1px solid #eee;
    border-top: none;
    border-bottom: 1px solid transparent;
    padding-right: 26px;
    border-bottom: 1px solid #e7e7e7;
    color: #fff;
    background: #d0515a;
}
.metit i {
    position: absolute;
    left: 21px;
    top: 50%;
    width: 5px;
    height: 5px;
    margin-top: -5px;
    border: 2px solid #fff;
    display: block;
    border-radius: 50%;
}
.lmenu_li {
    position: relative;
    line-height: 54px;
    border-bottom: 1px solid #eeeeee;
}
.lmenu_a {
    position: relative;
    display: block;
    height: 65px;
    line-height: 65px;
    padding-left: 43px;
    font-size: 18px;
    color: #444444;
    padding-right: 26px;
}
.child a img {
    display: inline-block;
}
.lmenu_a img {
    vertical-align: middle;
    margin-right: 10px;
    display: none;
}
.child a img.hover {
    display: none;
}
.child a span {
    color: #003f88;
}
.lmenu__a span {
    font-size: 14px;
}
.lmenu_a img.hover {
    display: inline-block;
}
.right-w {
    float: right;
    width: 84%;
    padding: 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bar-c {
    height: 85px;
    text-align: center;
}
.detail-content .content {
    margin-top: 10px;
    margin-left: 20px;
    line-height: 1.8em;
}
.detail-content .content  p{
    text-align: left;
    line-height: 1.8rem !important;
    font-family: 'Microsoft YaHei' !important;
}
.bar-c h1 {
    height: 82px;
    line-height: 82px;
    font-size: 30px;
    color: #484848;
    border-bottom: 1px solid #d8d8d8;
}
.detail-content{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.8em;
    margin: 0;
    padding: 0;
    font-style: normal;
    word-break: break-all;
    vertical-align: top;
    border: none;
    outline: none;
}
.lmenu_a:hover {
     background: #efefff; 
}
.lmenu_a:hover img {
    display: inline-block;
}
 .lmenu_a:hover img.hover {
    display: none;
}
.lmenu_a.on {
     background: #efefff; 
}
.lmenu_a.on img {
    display: inline-block;
}
 .lmenu_a.on img.hover {
    display: none;
}
 @media (max-width: 762px) {
  .left-nav {
      float: left;
      width: 100%;
  }
.metit {
    position: relative;
    display: block;
    height: 45px;
    line-height: 45px;
    padding-left: 43px;
    font-size: 14px;
    color: #444444;
    border: 1px solid #eee;
    border-top: none;
    border-bottom: 1px solid transparent;
    padding-right: 26px;
    border-bottom: 1px solid #e7e7e7;
    color: #fff;
    background: #d0515a;
}
.lmenu_a {
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 43px;
    font-size: 12px;
    color: #444444;
    padding-right: 26px;
}
.right-w{
      width: 100%;
    padding: 1rem 0;
}
.left-nav ul{
  display:none;
}
.bar-c h1{
  font-size: 20px;
  height: 40px;
    line-height: 40px;
}
.bar-c{
  height:40px;
}
}