a, select, textarea, input, button, html, body, div, ul, li {
  tap-highlight-color: transparent !important;
  outline: none; }

.swiper-slide {
  min-height: 0 !important; }

body {
  overflow: hidden; }

@keyframes move {
  0% {
    bottom: -50px;
    filter: alpha(opacity=0);
    opacity: 0; }
  100% {
    bottom: 0;
    filter: alpha(opacity=100);
    opacity: 1; } }
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    transform: perspective(400px) rotateX(10deg); }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
.ellipsis, .main.service .box .box_l .customer_box .customer ul li .txt, .main.message .message_box .message_r .box2 .list ul li a, .main.message .detail .page_box .left2 a, .main.message .information_box .il .ins ul li .cont a .ti {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.w1440 {
  width: 1440px;
  margin: 0 auto; }
  @media (max-width: 1460px) {
    .w1440 {
      width: 94%; } }

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

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

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

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

@media (min-width: 1024px) {
  .top, .tit_box, .main.about .ab .title, .classification, .main.welcome .news_main, .main.welcome .service_box .box, .main.welcome .contact_box .container, .main.privacy .privacy_box, .main.about .team_box, .main.about .case, .main.about .block, .main.about .ab .box .box_l, .main.about .ab .box .box_r, .main.about .cul_box ul li, .main.about .cul_box .resp .tit, .main.about .honor_box, .main.about .honor_main, .main.about .team, .main.about .contact, .main.about .network, .main.about .contact_box, .main.about .container, .main.service .service_box ul li, .main.service .team_box .tit, .main.service .team_box .list_box, .main.industry .industry_box ul li, .main.message .message_box, .main.message .news_box ul li, .main.message .detail, .main.message .journal_box ul li, .main.join .txt_b, .main.join .box, .main.join .container, .main.join .friend_box .pic, .main.join .friend_box .friend_txt, .main.join .social_box .cont, .main.join .recuirt_box ul li, .main.join .other_box, .main.join .campus_box, .main.join .campus_list, .main.join .why, .main.join .problem, .main.join .cotainer_box ul li, .page {
    transform: translateY(50px);
    filter: alpha(opacity=0);
    opacity: 0; }
    .top.animate, .animate.tit_box, .main.about .ab .animate.title, .animate.classification, .main.welcome .animate.news_main, .main.welcome .service_box .animate.box, .main.welcome .contact_box .animate.container, .main.privacy .animate.privacy_box, .main.about .animate.team_box, .main.about .animate.case, .main.about .animate.block, .main.about .ab .box .animate.box_l, .main.about .ab .box .animate.box_r, .main.about .cul_box ul li.animate, .main.about .cul_box .resp .animate.tit, .main.about .animate.honor_box, .main.about .animate.honor_main, .main.about .animate.team, .main.about .animate.contact, .main.about .animate.network, .main.about .animate.contact_box, .main.about .animate.container, .main.service .service_box ul li.animate, .main.service .team_box .animate.tit, .main.service .team_box .animate.list_box, .main.industry .industry_box ul li.animate, .main.message .animate.message_box, .main.message .news_box ul li.animate, .main.message .animate.detail, .main.message .journal_box ul li.animate, .main.join .animate.txt_b, .main.join .animate.box, .main.join .animate.container, .main.join .friend_box .animate.pic, .main.join .friend_box .animate.friend_txt, .main.join .social_box .animate.cont, .main.join .recuirt_box ul li.animate, .main.join .animate.other_box, .main.join .animate.campus_box, .main.join .animate.campus_list, .main.join .animate.why, .main.join .animate.problem, .main.join .cotainer_box ul li.animate, .animate.page {
      transform: translateY(0px);
      filter: alpha(opacity=100);
      opacity: 1; } }

@media (min-width: 1024px) {
  .left, .main.about .about_box ul li, .main.about .cul_box .resp .re_box .res_l, .main.about .cul_box .resp .re_box .tu, .main.service .box .box_r, .main.message .information_box .ir, .main.join .summer_box .tu {
    transform: translateX(50px);
    filter: alpha(opacity=0);
    opacity: 0; }
    .left.animate, .main.about .about_box ul li.animate, .main.about .cul_box .resp .re_box .animate.res_l, .main.about .cul_box .resp .re_box .animate.tu, .main.service .box .animate.box_r, .main.message .information_box .animate.ir, .main.join .summer_box .animate.tu {
      transform: translateX(0px);
      filter: alpha(opacity=100);
      opacity: 1; } }

@media (min-width: 1024px) {
  .right, .main.service .box .box_l, .main.message .information_box .il, .main.join .summer_box .cont {
    transform: translateX(-50px);
    filter: alpha(opacity=0);
    opacity: 0; }
    .right.animate, .main.service .box .animate.box_l, .main.message .information_box .animate.il, .main.join .summer_box .animate.cont {
      transform: translateX(0px);
      filter: alpha(opacity=100);
      opacity: 1; } }

.ti_fz, .main.about .block .cont .t, .main.about .honor_box .tit, .main.about .honor_main .honor_l .tit, .main.about .team .tit, .main.about .contact .tit, .main.about .network .tit, .main.about .contact_box .tit, .main.service .service_box ul li a .cont .conn .tab .tab_cell .t, .main.service .box .box_l .contact .tit {
  font-size: 30px;
  line-height: 46px; }
  .ti_fz span, .main.about .block .cont .t span, .main.about .honor_box .tit span, .main.about .honor_main .honor_l .tit span, .main.about .team .tit span, .main.about .contact .tit span, .main.about .network .tit span, .main.about .contact_box .tit span, .main.service .service_box ul li a .cont .conn .tab .tab_cell .t span, .main.service .box .box_l .contact .tit span {
    margin-left: 10px;
    color: #999;
    display: inline-block;
    vertical-align: middle;
    filter: alpha(opacity=50);
    opacity: 0.5; }
  @media (max-width: 1460px) {
    .ti_fz, .main.about .block .cont .t, .main.about .honor_box .tit, .main.about .honor_main .honor_l .tit, .main.about .team .tit, .main.about .contact .tit, .main.about .network .tit, .main.about .contact_box .tit, .main.service .service_box ul li a .cont .conn .tab .tab_cell .t, .main.service .box .box_l .contact .tit {
      font-size: 26px;
      line-height: 40px; } }
  @media (max-width: 1024px) {
    .ti_fz, .main.about .block .cont .t, .main.about .honor_box .tit, .main.about .honor_main .honor_l .tit, .main.about .team .tit, .main.about .contact .tit, .main.about .network .tit, .main.about .contact_box .tit, .main.service .service_box ul li a .cont .conn .tab .tab_cell .t, .main.service .box .box_l .contact .tit {
      font-size: 22px;
      line-height: 36px; } }
  @media (max-width: 500px) {
    .ti_fz span, .main.about .block .cont .t span, .main.about .honor_box .tit span, .main.about .honor_main .honor_l .tit span, .main.about .team .tit span, .main.about .contact .tit span, .main.about .network .tit span, .main.about .contact_box .tit span, .main.service .service_box ul li a .cont .conn .tab .tab_cell .t span, .main.service .box .box_l .contact .tit span {
      display: block;
      margin-left: 0; } }

.swiper_classification {
  width: 100%;
  height: 60px;
  display: none;
  margin-top: 40px;
  border-bottom: 1px solid #e6e5e5; }
  @media (max-width: 1024px) {
    .swiper_classification {
      display: block; } }
  .swiper_classification .swiper-container .swiper-wrapper .swiper-slide {
    width: auto; }
    .swiper_classification .swiper-container .swiper-wrapper .swiper-slide.active a .txt {
      color: #024381; }
    .swiper_classification .swiper-container .swiper-wrapper .swiper-slide.active a .bg {
      transform: scaleX(1); }
    .swiper_classification .swiper-container .swiper-wrapper .swiper-slide a {
      display: block;
      padding: 0 30px;
      position: relative; }
      .swiper_classification .swiper-container .swiper-wrapper .swiper-slide a .txt {
        font-size: 16px;
        line-height: 60px;
        color: #333;
        transition: all 0.38s cubic-bezier(0.4, 0, 0.2, 1); }
      .swiper_classification .swiper-container .swiper-wrapper .swiper-slide a .bg {
        width: 100%;
        height: 2px;
        background: #024381;
        position: absolute;
        bottom: -1px;
        left: 0;
        display: block;
        transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
        transform: scaleX(0); }
  @media (max-width: 600px) {
    .swiper_classification {
      height: 50px; }
      .swiper_classification .swiper-container .swiper-wrapper .swiper-slide a {
        padding: 0 15px; }
        .swiper_classification .swiper-container .swiper-wrapper .swiper-slide a .txt {
          font-size: 16px;
          line-height: 50px; } }

.tit_box, .main.about .ab .title {
  font-size: 40px;
  line-height: 56px;
  color: #024381;
  transition: all 0.5s; }
  .tit_box span, .main.about .ab .title span {
    text-transform: uppercase;
    font-size: 48px;
    line-height: 56px;
    color: #999;
    font-family: Arial;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px; }
  @media (max-width: 1460px) {
    .tit_box, .main.about .ab .title {
      font-size: 38px;
      line-height: 50px; }
      .tit_box span, .main.about .ab .title span {
        font-size: 44px;
        line-height: 50px; } }
  @media (max-width: 1024px) {
    .tit_box, .main.about .ab .title {
      font-size: 30px;
      line-height: 40px; }
      .tit_box span, .main.about .ab .title span {
        font-size: 34px;
        line-height: 40px; } }
  @media (max-width: 500px) {
    .tit_box, .main.about .ab .title {
      font-size: 26px;
      line-height: 36px; }
      .tit_box span, .main.about .ab .title span {
        font-size: 28px;
        line-height: 36px;
        display: block;
        margin-left: 0; } }

.classification {
  overflow: hidden;
  clear: both;
  margin-top: 20px;
  transition: all 0.5s;
  position: relative; }
  .classification .subscribe {
    display: block;
    width: 15.7%;
    height: 66px;
    background: #024381;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center; }
    .classification .subscribe .ico {
      width: 23px;
      height: 23px;
      background: url(../images/d.png) no-repeat;
      display: inline-block;
      margin: 0 8px;
      vertical-align: middle; }
    .classification .subscribe .txt {
      font-size: 20px;
      line-height: 66px;
      color: #fff;
      display: inline-block;
      margin: 0 8px;
      vertical-align: middle; }
  .classification ul {
    width: 110%; }
    .classification ul li {
      float: left;
      width: 17.3%;
      height: 66px;
      margin-right: 1%; }
      .classification ul li.cur a .bg {
        transform: scaleY(1);
        transform-origin: left center; }
      .classification ul li.cur a .txt {
        border-color: #65AADD;
        color: #fff;
        font-weight: bold; }
      @media (min-width: 1024px) {
        .classification ul li:hover a .bg {
          transform: scaleX(1);
          transform-origin: left center; }
        .classification ul li:hover a .txt {
          border-color: #65AADD;
          color: #fff;
          font-weight: bold; } }
      .classification ul li a {
        display: block;
        height: 100%;
        position: relative; }
        .classification ul li a .bg {
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          transition: transform 340ms ease-in-out;
          background: #65AADD;
          transform-origin: right center;
          transform: scaleX(0); }
        .classification ul li a .txt {
          font-size: 20px;
          line-height: 66px;
          color: #333;
          border: 1px solid #c1bfbf;
          text-align: center;
          transition: 340ms ease-in-out;
          box-sizing: border-box;
          width: 100%;
          position: relative;
          z-index: 10;
          height: 100%; }
  @media (max-width: 1460px) {
    .classification ul li {
      height: 60px; }
      .classification ul li a .txt {
        font-size: 20px;
        line-height: 60px; }
    .classification .subscribe {
      height: 60px; }
      .classification .subscribe .txt {
        font-size: 20px;
        line-height: 60px; } }
  @media (max-width: 1200px) {
    .classification.classification2 ul li {
      height: 54px; }
      .classification.classification2 ul li a .txt {
        font-size: 16px;
        line-height: 50px; }
    .classification.classification2 .subscribe {
      height: 54px; }
      .classification.classification2 .subscribe .ico {
        margin: 0 3px; }
      .classification.classification2 .subscribe .txt {
        font-size: 18px;
        line-height: 54px;
        margin: 0 3px; }
    .classification ul li {
      height: 50px; }
      .classification ul li a .txt {
        font-size: 16px;
        line-height: 50px; } }
  @media (max-width: 1024px) {
    .classification {
      display: none; } }

.header {
  width: 100%;
  height: 110px;
  transition: transform 0.5s;
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  box-shadow: 0 5px 5px rgba(186, 186, 186, 0.25); }
  .header.active {
    transform: translateX(-390px); }
    @media (max-width: 500px) {
      .header.active {
        transform: translateX(-200px); } }
  @media (max-width: 1024px) {
    .header {
      height: 60px;
      background: #fff; } }
  .header .header_cen {
    width: 1820px;
    height: 100%;
    margin: 0 auto; }
    .header .header_cen .push-line {
      overflow: hidden;
      width: 32px;
      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) {
        .header .header_cen .push-line {
          display: block; } }
      .header .header_cen .push-line span {
        height: 2px;
        background: #024381;
        display: block;
        position: absolute;
        width: 100%;
        display: block;
        z-index: 5;
        top: 18px;
        left: 50%;
        margin: 0px 0px 0px -16px;
        transform-origin: center;
        transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
        .header .header_cen .push-line span.line-2 {
          top: 28px; }
        .header .header_cen .push-line span.line-3 {
          top: 38px; }
      .header .header_cen .push-line.currentDd .line-1 {
        transform: rotate(225deg);
        top: 30px; }
      .header .header_cen .push-line.currentDd .line-2 {
        opacity: 0;
        left: -100%; }
      .header .header_cen .push-line.currentDd .line-3 {
        top: 30px;
        transform: rotate(-225deg); }
    .header .header_cen .logo {
      line-height: 110px;
      float: left;
      margin-right: 55px;
      display: block; }
      .header .header_cen .logo img {
        border-right: 1px solid #eaeaea;
        padding-right: 55px; }
    .header .header_cen .header_main {
      float: right;
      transition: all 0.3s; }
      .header .header_cen .header_main.cur {
        filter: alpha(opacity=0);
        opacity: 0; }
    .header .header_cen .nav {
      float: left;
      height: 100%; }
      .header .header_cen .nav .push-line2 {
        overflow: hidden;
        width: 30px;
        height: 30px;
        margin-left: 35px;
        cursor: pointer;
        float: left;
        margin-top: 38px;
        position: relative;
        transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
        @media (max-width: 1024px) {
          .header .header_cen .nav .push-line2 {
            display: block; } }
        .header .header_cen .nav .push-line2 span {
          height: 2px;
          background: #333;
          display: block;
          position: absolute;
          width: 20px;
          display: block;
          z-index: 5;
          top: 9px;
          left: 50%;
          margin: 0px 0px 0px -10px;
          transform-origin: center;
          border-radius: 3px;
          transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
          .header .header_cen .nav .push-line2 span.line-2 {
            top: 15px; }
          .header .header_cen .nav .push-line2 span.line-3 {
            top: 21px; }
        .header .header_cen .nav .push-line2.currentDd .line-1 {
          transform: rotate(225deg);
          top: 16px; }
        .header .header_cen .nav .push-line2.currentDd .line-2 {
          opacity: 0;
          left: -100%; }
        .header .header_cen .nav .push-line2.currentDd .line-3 {
          top: 16px;
          transform: rotate(-225deg); }
      .header .header_cen .nav .nav_box {
        overflow: hidden;
        float: left;
        width: 385px;
        transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); }
        .header .header_cen .nav .nav_box.show {
          width: 805px; }
        .header .header_cen .nav .nav_box ul {
          height: 100%;
          width: 805px; }
          .header .header_cen .nav .nav_box ul.show {
            width: 100%; }
          .header .header_cen .nav .nav_box ul li {
            height: 100%;
            float: left;
            margin-right: 35px; }
            .header .header_cen .nav .nav_box ul li > a {
              height: 100%;
              display: inline-block; }
              @media (min-width: 1024px) {
                .header .header_cen .nav .nav_box ul li > a:hover span {
                  color: #024381; }
                .header .header_cen .nav .nav_box ul li > a:hover i {
                  background: url(../images/x2.png) no-repeat; } }
              .header .header_cen .nav .nav_box ul li > a span {
                display: inline-block;
                vertical-align: middle;
                font-size: 18px;
                line-height: 110px;
                color: #333;
                transition: all 0.3s; }
              .header .header_cen .nav .nav_box ul li > a i {
                display: inline-block;
                vertical-align: middle;
                transition: all 0.3s;
                width: 9px;
                height: 5px;
                margin-left: 10px;
                background: url(../images/x.png) no-repeat; }
            .header .header_cen .nav .nav_box ul li .slider {
              width: 100%;
              height: auto;
              position: absolute;
              left: 0;
              top: 110px;
              display: none;
              background: #f3f3f3;
              border-top: 1px solid #f3f3f3; }
              .header .header_cen .nav .nav_box ul li .slider .slider_cen {
                padding-bottom: 45px; }
                .header .header_cen .nav .nav_box ul li .slider .slider_cen .slider_box {
                  width: 80%;
                  padding: 0 40px;
                  box-sizing: border-box; }
                  .header .header_cen .nav .nav_box ul li .slider .slider_cen .slider_box .txt:nth-child(2), .header .header_cen .nav .nav_box ul li .slider .slider_cen .slider_box .txt:nth-child(3n+2) {
                    box-sizing: border-box; }
                    
                  .header .header_cen .nav .nav_box ul li .slider .slider_cen .slider_box .txt {
                    width: 33.3%;
                    float: left;
                    margin-top: 35px;
                    margin-bottom: 10px;
                    padding: 0 5px;
                    box-sizing: border-box; }
                    .header .header_cen .nav .nav_box ul li .slider .slider_cen .slider_box1 .txt {
                        width: 33.3%;
						height:75px;
                    }
                    .header .header_cen .nav .nav_box ul li .slider .slider_cen .slider_box .txt a {
                      padding-left: 8px;
                      padding-right: 20px;
                      display: inline-block;
                      border-bottom: 1px solid #e7e7e7; }
                      .header .header_cen .nav .nav_box ul li .slider .slider_cen .slider_box .txt a:hover .ico {
                        background: url(../images/more.png) no-repeat; }
                      .header .header_cen .nav .nav_box ul li .slider .slider_cen .slider_box .txt a:hover .t {
                        color: #034484; }
                      .header .header_cen .nav .nav_box ul li .slider .slider_cen .slider_box .txt a .ico {
                        display: inline-block;
                        width: 4px;
                        transition: all 0.3s;
                        height: 9px;
                        background: url(../images/more.png) no-repeat;
                        vertical-align: middle;
                        margin: 0 3px; }
                      .header .header_cen .nav .nav_box ul li .slider .slider_cen .slider_box .txt a .t {
                        font-size: 16px;
                        line-height: 32px;
                        transition: all 0.3s;
                        margin: 0 3px;
                        color: #034484; }
                @media (max-width: 1460px) {
                  .header .header_cen .nav .nav_box ul li .slider .slider_cen .slider_box {
                    padding: 0; }
                    .header .header_cen .nav .nav_box ul li .slider .slider_cen .slider_box .txt a .t {
                      font-size: 14px;
                      line-height: 28px; } }
                @media (max-width: 1200px) {
                  .header .header_cen .nav .nav_box ul li .slider .slider_cen .slider_box {
                    width: 100%; }
                    .header .header_cen .nav .nav_box ul li .slider .slider_cen .slider_box .txt a .t {
                      font-size: 14px;
                      line-height: 28px; } }
    .header .header_cen .link {
      float: right;
      font-size: 0;
      padding-top: 40px; }
      .header .header_cen .link a:last-child {
        background: none;
        padding-right: 0; }
      .header .header_cen .link a {
        font-size: 18px;
        line-height: 30px;
        color: #666;
        display: inline-block;
        padding: 0 14px;
        transition: all 0.3s;
        background: url(../images/line.png) no-repeat right center; }
        @media (min-width: 1024px) {
          .header .header_cen .link a:hover {
            color: #024381; } }
        .header .header_cen .link a img {
          display: inline-block;
          vertical-align: middle;
          margin-right: 15px; }
        .header .header_cen .link a span {
          display: inline-block;
          vertical-align: middle; }
    .header .header_cen .language {
      float: right;
      font-size: 18px;
      line-height: 30px;
      color: #000;
      font-weight: bold;
      padding-top: 40px; }
      @media (min-width: 1024px) {
        .header .header_cen .language:hover {
          color: #024381; } }
	.news_main .news_tit .center .search {
      width: 220px;
      height: 40px;
      border: 1px solid #e6e5e5;
      border-radius: 8px;
      float: right;
      margin-top: 12px; }
      .news_main .news_tit .center .search input[type="text"] {
        width: 180px;
        height: 40px;
        float: left;
        display: block;
        font-size: 16px;
        line-height: 40px;
        color: #999;
        border-radius: 8px;
        border: none;
        padding: 0;
        text-indent: 1em; }
      .news_main .news_tit .center .search input[type="submit"] {
        width: 20px;
        height: 40px;
        background: url(../images/search.png) no-repeat center center;
        display: block;
        margin-left: 5px;
        float: left;
        border: none; }
    .header .header_cen .gstext {
      float: right;
      margin-top: 15px;
	  margin-left:15px;
      width: 250px;
      height: 40px;
      display: block;
      font-size: 16px;
      line-height: 40px;
      color: #999;
      border-radius: 8px;
      border: none;
      padding: 0;
      text-indent: 1em; }
  @media (max-width: 1840px) {
    .header .header_cen {
      width: 94%; }
      .header .header_cen .logo {
        margin-right: 40px; }
        .header .header_cen .logo img {
          padding-right: 40px; } }
  @media (max-width: 1630px) {
    .header .header_cen .nav .push-line2 {
      margin-left: 25px; }
    .header .header_cen .nav .nav_box {
      width: 355px; }
      .header .header_cen .nav .nav_box.show {
        width: 600px; }
      .header .header_cen .nav .nav_box ul {
        height: 100%;
        width: 600px; }
        .header .header_cen .nav .nav_box ul li {
          margin-right: 25px; }
          .header .header_cen .nav .nav_box ul li > a {
            height: 100%;
            display: inline-block; } }
        @media (max-width: 1630px) and (min-width: 1024px) {
          .header .header_cen .nav .nav_box ul li > a:hover span {
            color: #024381; }
          .header .header_cen .nav .nav_box ul li > a:hover i {
            background: url(../images/x2.png) no-repeat; } }
  @media (max-width: 1630px) {
            .header .header_cen .nav .nav_box ul li > a span {
              display: inline-block;
              vertical-align: middle;
              font-size: 18px;
              line-height: 110px;
              color: #333;
              transition: all 0.3s; }
            .header .header_cen .nav .nav_box ul li > a i {
              display: inline-block;
              vertical-align: middle;
              transition: all 0.3s;
              width: 9px;
              height: 5px;
              margin-left: 10px;
              background: url(../images/x.png) no-repeat; } }
  @media (max-width: 1580px) {
    .header .header_cen .nav .push-line2 {
      margin-left: 10px; }
    .header .header_cen .nav .nav_box {
      width: 321px; }
      .header .header_cen .nav .nav_box.show {
        width: 680px; }
      .header .header_cen .nav .nav_box ul {
        height: 100%;
        width: 680px; }
        .header .header_cen .nav .nav_box ul li {
          margin-right: 25px; }
          .header .header_cen .nav .nav_box ul li > a span {
            font-size: 16px;
            line-height: 110px; }
          .header .header_cen .nav .nav_box ul li > a i {
            margin-left: 5px; }
    .header .header_cen .link a {
      font-size: 16px;
      line-height: 30px; }
    .header .header_cen .language {
      font-size: 16px;
      line-height: 30px;
      margin: 0 30px; }
    .news_main .news_tit .center .search {
      width: 180px; }
      .news_main .news_tit .center .search input[type="text"] {
        width: 140px;
        font-size: 14px; } }
  @media (max-width: 1400px) {
    .header .header_cen .logo {
      margin-right: 25px; }
      .header .header_cen .logo img {
        padding-right: 25px; }
    .header .header_cen .nav .push-line2 {
      margin-left: 10px; }
    .header .header_cen .nav .nav_box {
      width: 290px; }
      .header .header_cen .nav .nav_box.show {
        width: 610px; }
      .header .header_cen .nav .nav_box ul {
        height: 100%;
        width: 620px; }
        .header .header_cen .nav .nav_box ul li {
          margin-right: 15px; }
          .header .header_cen .nav .nav_box ul li > a i {
            margin-left: 5px; }
    .header .header_cen .link a {
      padding: 0 8px; }
      .header .header_cen .link a img {
        margin-right: 5px; }
    .header .header_cen .language {
      margin: 0 20px; }
    .news_main .news_tit .center .search {
      width: 180px; }
      .news_main .news_tit .center .search input[type="text"] {
        width: 140px;
        font-size: 14px; } }
  @media (max-width: 1200px) {
    .header .header_cen .logo {
      margin-right: 25px; }
      .header .header_cen .logo img {
        padding-right: 25px; }
    .header .header_cen .nav .push-line2 {
      margin-left: 10px; }
    .header .header_cen .nav .nav_box {
      width: 290px; }
      .header .header_cen .nav .nav_box.show {
        width: 485px; }
      .header .header_cen .nav .nav_box ul {
        height: 100%;
        width: 620px; }
        .header .header_cen .nav .nav_box ul li {
          margin-right: 15px; }
          .header .header_cen .nav .nav_box ul li > a i {
            margin-left: 5px; }
    .header .header_cen .link a {
      display: none; }
      .header .header_cen .link a.fw {
        display: block; }
    .header .header_cen .language {
      margin: 0 20px; } }
  @media (max-width: 1068px) {
    .header .header_cen .gstext {
        display: none; } }
  @media (max-width: 1024px) {
    .header {
      height: 60px; }
      .header .header_cen .logo {
        line-height: 60px; }
        .header .header_cen .logo img {
          height: 30px;
          width: auto;
          border: none;
          padding-right: 0; }
      .header .header_cen .nav {
        display: none; }
      .header .header_cen .link {
        display: none; }
      .news_main .news_tit .center .search {
        margin-top: 4px; }
    .header .header_cen .gstext {
        display: none; }
      .header .header_cen .header_main {
        padding-right: 20px; }
      .header .header_cen .language {
        line-height: 60px;
        padding: 0;
        margin: 0;
        font-size: 16px; } }

.banner_box .pic_box {
  width: 100%;
  height: 450px;
  position: relative; }
  @media (max-width: 1024px) {
    .banner_box .pic_box {
      height: 400px; } }
  @media (max-width: 600px) {
    .banner_box .pic_box {
      height: 220px; } }
  .banner_box .pic_box .txt_box {
    width: 1440px;
    position: absolute;
    bottom: -60px;
    z-index: 20;
    left: 50%;
    margin-left: -720px; }
    .banner_box .pic_box .txt_box .txt_l {
      width: 50%;
      float: left;
      padding: 40px 45px 65px 45px;
      box-sizing: border-box;
      background: rgba(0,64,152,0.9); }
      .banner_box .pic_box .txt_box .txt_l.bg2 {
        background: rgba(101,170,221,0.9); }
        .banner_box .pic_box .txt_box .txt_l.bg2 .t {
          font-weight: normal; }
      .banner_box .pic_box .txt_box .txt_l.bg3 {
        background: rgba(204, 153, 102, 0.9); }
        .banner_box .pic_box .txt_box .txt_l.bg3 .t {
          font-weight: normal; }
      @media (min-width: 1024px) {
        .banner_box .pic_box .txt_box .txt_l.animate {
          animation: flipInX .6s  ease forwards; } }
      .banner_box .pic_box .txt_box .txt_l .t {
        font-size: 40px;
        line-height: 58px;
        color: #fff;
        font-weight: bold; }
      .banner_box .pic_box .txt_box .txt_l .con {
        font-size: 20px;
        line-height: 30px;
        color: #fff;
        margin-top: 25px;
        font-family: Arial,"Microsoft Yahei"; }
    .banner_box .pic_box .txt_box .txt_r {
      width: 47%;
      height: 6px;
      float: right;
      background: url(../images/line3.png) no-repeat;
      background-size: cover; }
    @media (max-width: 1460px) {
      .banner_box .pic_box .txt_box {
        width: 94%;
        margin-left: -47%; }
        .banner_box .pic_box .txt_box .txt_l {
          padding: 30px 35px 55px 35px; }
          .banner_box .pic_box .txt_box .txt_l .t {
            font-size: 36px;
            line-height: 50px; }
          .banner_box .pic_box .txt_box .txt_l .con {
            font-size: 20px;
            line-height: 28px;
            margin-top: 20px; } }
    @media (max-width: 1024px) {
      .banner_box .pic_box .txt_box {
        bottom: -40px; }
        .banner_box .pic_box .txt_box .txt_l {
          padding: 20px 25px 45px 25px; }
          .banner_box .pic_box .txt_box .txt_l .t {
            font-size: 32px;
            line-height: 46px; }
          .banner_box .pic_box .txt_box .txt_l .con {
            font-size: 16px;
            line-height: 24px;
            margin-top: 16px; }
        .banner_box .pic_box .txt_box .txt_r {
          height: 4px; } }
    @media (max-width: 850px) {
      .banner_box .pic_box .txt_box {
        bottom: -30px; }
        .banner_box .pic_box .txt_box .txt_l {
          width: 70%;
          padding: 15px 15px 25px 15px; }
          .banner_box .pic_box .txt_box .txt_l .t {
            font-size: 32px;
            line-height: 46px; }
          .banner_box .pic_box .txt_box .txt_l .con {
            font-size: 16px;
            line-height: 24px;
            margin-top: 16px; }
        .banner_box .pic_box .txt_box .txt_r {
          display: none; } }
    @media (max-width: 500px) {
      .banner_box .pic_box .txt_box {
        bottom: -30px; }
        .banner_box .pic_box .txt_box .txt_l {
          width: 90%;
          padding: 15px; }
          .banner_box .pic_box .txt_box .txt_l .t {
            font-size: 24px;
            line-height: 36px; }
          .banner_box .pic_box .txt_box .txt_l .con {
            font-size: 14px;
            line-height: 24px;
            margin-top: 5px; }
        .banner_box .pic_box .txt_box .txt_r {
          display: none; } }

.position {
  text-align: right;
  padding-left: 50%;
  position: relative;
  z-index: 30;
  box-sizing: border-box; }
  .position .position_box {
    font-size: 18px;
    line-height: 60px;
    color: #868686; }
    .position .position_box a {
      color: #868686; }
      .position .position_box a.home {
        background: url(../images/home.png) no-repeat left center;
        padding-left: 20px; }
      @media (min-width: 1024px) {
        .position .position_box a:hover {
          color: #024381; } }
    .position .position_box span {
      color: #333;
      font-weight: bold; }
  @media (max-width: 1024px) {
    .position {
      display: none; } }

.main {
  transition: all 0.5s;
  padding-top: 110px; }
  @media (max-width: 1024px) {
    .main {
      padding-top: 60px; } }
  .main.active {
    transform: translateX(-390px); }
    @media (max-width: 500px) {
      .main.active {
        transform: translateX(-200px); } }
  .main.welcome .flexslider .flex-direction-nav {
    display: block;
    width: 1440px;
    position: absolute;
    left: 50%;
    margin-left: -720px;
    height: 100%;
    top: 0; }
    @media (max-width: 1460px) {
      .main.welcome .flexslider .flex-direction-nav {
        width: 94%;
        margin-left: -47%; } }
    .main.welcome .flexslider .flex-direction-nav .flex-prev {
      text-indent: 1000px;
      width: 54px;
      height: 54px;
      position: absolute;
      left: 0;
      top: 50%;
      z-index: 10;
      overflow: hidden;
      cursor: pointer;
      margin-top: -27px;
      background: url(../images/left_ll.png) no-repeat center center rgba(0, 0, 0, 0.5); }
      @media (max-width: 1024px) {
        .main.welcome .flexslider .flex-direction-nav .flex-prev {
          width: 40px;
          height: 40px;
          margin-top: -20px; } }
    .main.welcome .flexslider .flex-direction-nav .flex-next {
      text-indent: 1000px;
      width: 54px;
      height: 54px;
      overflow: hidden;
      position: absolute;
      z-index: 10;
      cursor: pointer;
      right: 0;
      top: 50%;
      margin-top: -27px;
      background: url(../images/right_ll.png) no-repeat center center rgba(0, 0, 0, 0.5); }
      @media (max-width: 1024px) {
        .main.welcome .flexslider .flex-direction-nav .flex-next {
          width: 40px;
          height: 40px;
          margin-top: -20px; } }
  .main.welcome .flexslider .slides li:nth-child(even) a .txt_box .tab .tab_cell .cont {
    filter: alpha(opacity=0);
    opacity: 0;
    transform: translate(50px, 0px); }
  .main.welcome .flexslider .slides li:nth-child(even).flex-active-slide a .txt_box .tab .tab_cell .cont {
    filter: alpha(opacity=100);
    opacity: 1;
    transform: translate(0px, 0px);
    transition: all 0.5s ease-in-out; }
  .main.welcome .flexslider .slides li:nth-child(1) a .txt_box .tab {
    margin-top: -6%; }
    @media (max-width: 600px) {
      .main.welcome .flexslider .slides li:nth-child(1) a .txt_box .tab {
        margin-top: -8%; } }
  .main.welcome .flexslider .slides li:nth-child(3) a .txt_box {
    text-align: right; }
  .main.welcome .flexslider .slides li:nth-child(4) a .txt_box {
    text-align: right; }
    .main.welcome .flexslider .slides li:nth-child(4) a .txt_box .tab {
      margin-top: -11%; }
      @media (max-width: 600px) {
        .main.welcome .flexslider .slides li:nth-child(4) a .txt_box .tab {
          margin-top: -21%; } }
  .main.welcome .flexslider .slides li {
    height: 450px; }
    .main.welcome .flexslider .slides li.flex-active-slide a .txt_box .tab .tab_cell .cont {
      filter: alpha(opacity=100);
      opacity: 1;
      transform: translateY(0px);
      transition: all 0.5s ease-in-out; }
    .main.welcome .flexslider .slides li a {
      height: 100%;
      display: block; }
      .main.welcome .flexslider .slides li a .txt_box {
        width: 1350px;
        height: 100%;
        margin: 0 auto; }
        .main.welcome .flexslider .slides li a .txt_box.txt_box2 .tab .tab_cell {
          text-align: right; }
          .main.welcome .flexslider .slides li a .txt_box.txt_box2 .tab .tab_cell .cont {
            text-align: left; }
        .main.welcome .flexslider .slides li a .txt_box .tab {
          width: 100%;
          height: 100%;
          display: table; }
          .main.welcome .flexslider .slides li a .txt_box .tab .tab_cell {
            display: table-cell;
            vertical-align: middle; }
            .main.welcome .flexslider .slides li a .txt_box .tab .tab_cell .cont {
              display: inline-block;
              filter: alpha(opacity=0);
              opacity: 0;
              transform: translateY(50px);
              background: rgba(0, 0, 0, 0.4);
              padding: 15px;
              display: inline-block;
              max-width: 70%;
              width: auto;
              box-sizing: border-box; }
              .main.welcome .flexslider .slides li a .txt_box .tab .tab_cell .cont .e {
                font-size: 36px;
                line-height: 48px;
                color: #fff;
                font-family: Arial,"Microsoft Yahei";
                font-weight: bold; }
              .main.welcome .flexslider .slides li a .txt_box .tab .tab_cell .cont .en_tit {
                font-size: 30px;
                line-height: 40px;
                color: #fff;
                font-family: Arial,"Microsoft Yahei";
                font-weight: bold; }
              .main.welcome .flexslider .slides li a .txt_box .tab .tab_cell .cont .cn {
                font-size: 28px;
                line-height: 36px;
                color: #fff;
                margin-top: 15px; }
  @media (max-width: 1370px) {
    .main.welcome .flexslider .slides li a .txt_box {
      width: 94%; }
      .main.welcome .flexslider .slides li a .txt_box .tab .tab_cell .cont .e {
        font-size: 32px;
        line-height: 40px; }
      .main.welcome .flexslider .slides li a .txt_box .tab .tab_cell .cont .cn {
        font-size: 24px;
        line-height: 32px;
        margin-top: 10px; } }
  @media (max-width: 1024px) {
    .main.welcome .flexslider .slides li {
      height: 400px; }
      .main.welcome .flexslider .slides li a .txt_box .tab .tab_cell .cont .e {
        font-size: 28px;
        line-height: 36px; }
      .main.welcome .flexslider .slides li a .txt_box .tab .tab_cell .cont .cn {
        font-size: 20px;
        line-height: 30px;
        margin-top: 10px; } }
  @media (max-width: 600px) {
    .main.welcome .flexslider .slides li {
      height: 280px; }
      .main.welcome .flexslider .slides li a .txt_box .tab .tab_cell .cont {
        padding: 8px;
        max-width: 100%; }
        .main.welcome .flexslider .slides li a .txt_box .tab .tab_cell .cont .e {
          font-size: 18px;
          line-height: 28px; }
        .main.welcome .flexslider .slides li a .txt_box .tab .tab_cell .cont .en_tit {
          font-size: 20px;
          line-height: 30px; }
        .main.welcome .flexslider .slides li a .txt_box .tab .tab_cell .cont .cn {
          font-size: 14px;
          line-height: 20px;
          margin-top: 5px; } }
  .main.welcome .news_main {
    transition: all 0.5s; }
    .main.welcome .news_main .news_tit {
      height: 65px;
      border-bottom: 1px solid #d6d6d6; }
      .main.welcome .news_main .news_tit .center {
        position: relative; }
        .main.welcome .news_main .news_tit .center .more {
          float: right;
          font-size: 16px;
          line-height: 64px;
          color: #666;
          padding-left: 15px;
          background: url(../images/more.png) no-repeat left center; }
          @media (min-width: 1024px) {
            .main.welcome .news_main .news_tit .center .more:hover {
              color: #024381; } }
        .main.welcome .news_main .news_tit .center .line {
          width: 6px;
          height: 65px;
          background: #024381;
          position: absolute;
          left: 0;
          top: 0; }
        .main.welcome .news_main .news_tit .center .tit {
          padding-left: 30px;
          font-size: 30px;
          line-height: 64px;
          color: #333;
          float: left;
          padding-right: 30px;
          border-right: 1px solid #d6d6d6; }
          .main.welcome .news_main .news_tit .center .tit span {
            font-size: 14px;
            line-height: 18px;
            color: #333;
            font-family: Arial;
            filter: alpha(opacity=50);
            opacity: 0.5;
            display: inline-block;
            vertical-align: 0;
            margin-left: 15px; }
        .main.welcome .news_main .news_tit .center .link {
          float: left;
          height: 100%;
          font-size: 0; }
          .main.welcome .news_main .news_tit .center .link a {
            width: 180px;
            height: 100%;
            text-align: center;
            display: block;
            float: left;
            border-right: 1px solid #d6d6d6; }
            @media (min-width: 1024px) {
              .main.welcome .news_main .news_tit .center .link a:hover .txt {
                color: #024381; }
              .main.welcome .news_main .news_tit .center .link a:hover .ico {
                background-position: 0 -15px; } }
            .main.welcome .news_main .news_tit .center .link a .txt {
              font-size: 20px;
              line-height: 64px;
              color: #333;
              display: inline-block;
              margin: 0 10px;
              vertical-align: 3px;
              transition: all 0.4s cubic-bezier(0.65, -0.6, 0.24, 1.65); }
            .main.welcome .news_main .news_tit .center .link a .ico {
              display: inline-block;
              width: 9px;
              height: 12px;
              transition: all 0.4s cubic-bezier(0.65, -0.6, 0.24, 1.65);
              background: url(../images/s.png) no-repeat;
              background-position: 0 0;
              margin: 0 10px; }
    .main.welcome .news_main .news_box {
      border-bottom: 1px solid #d6d6d6; }
      .main.welcome .news_main .news_box .news_box_cen {
        padding-left: 30px;
        box-sizing: border-box; }
        .main.welcome .news_main .news_box .news_box_cen .news_l {
          width: 59%;
          float: left;
          padding-top: 5px; }
          .main.welcome .news_main .news_box .news_box_cen .news_l ul li {
            margin-top: 28px; }
            @media (min-width: 1024px) {
              .main.welcome .news_main .news_box .news_box_cen .news_l ul li:hover a .tu img {
                transform: scale(1.1); }
              .main.welcome .news_main .news_box .news_box_cen .news_l ul li:hover a .cont .conn .ti {
                color: #024381; } }
            .main.welcome .news_main .news_box .news_box_cen .news_l ul li a {
              display: block;
              position: relative;
              overflow: hidden;
              height: 182px; }
              .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .tu {
                width: 230px;
                height: 182px;
                overflow: hidden; }
                .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .tu img {
                  width: 100%;
                  transition: all 0.5s;
                  height: auto; }
              .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .cont {
                width: 100%;
                position: absolute;
                left: 0;
                top: 0;
                height: 100%;
                padding-left: 250px;
                box-sizing: border-box; }
                .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .cont .conn {
                  height: 100%;
                  box-sizing: border-box;
                  border-bottom: 1px solid #eaeaea; }
                  .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .cont .conn .cloum {
                    font-size: 18px;
                    line-height: 24px;
                    color: #666; }
                  .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .cont .conn .ti {
                    transition: all 0.5s;
                    font-size: 28px;
                    line-height: 34px;
                    color: #333;
                    margin-top: 15px;
                    height: 68px;
                    overflow: hidden; }
                  .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .cont .conn .more {
                    font-size: 20px;
                    line-height: 30px;
                    color: #999;
                    margin-top: 17px; }
          .main.welcome .news_main .news_box .news_box_cen .news_l .btn {
            width: 11px;
            height: 12px;
            margin-top: 2.5%;
            display: block;
            margin-left: auto;
            margin-right: auto; }
        .main.welcome .news_main .news_box .news_box_cen .news_r {
          width: 34.7%;
          float: right;
          background: #efefef;
          border-left: 1px solid #d6d6d6;
          border-right: 1px solid #d6d6d6;
          padding: 0 50px 60px 50px;
          box-sizing: border-box; }
          .main.welcome .news_main .news_box .news_box_cen .news_r ul li {
            margin-top: 45px;
            margin-bottom: 5px; }
            .main.welcome .news_main .news_box .news_box_cen .news_r ul li a {
              display: block; }
              .main.welcome .news_main .news_box .news_box_cen .news_r ul li a .ti .t {
                display: inline-block;
                font-size: 20px;
                line-height: 24px;
                color: #1965ab;
                max-height: 48px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2; }
                .main.welcome .news_main .news_box .news_box_cen .news_r ul li a .ti .t span {
                  display: inline-block;
                  font-size: 14px;
                  line-height: 22px;
                  color: #666; }
              .main.welcome .news_main .news_box .news_box_cen .news_r ul li a .con {
                font-size: 14px;
                line-height: 24px;
                color: #999;
                max-height: 48px;
                overflow: hidden;
                margin-top: 9px; }
    @media (max-width: 1460px) {
      .main.welcome .news_main .news_tit .center .line {
        width: 4px;
        height: 100px; }
      .main.welcome .news_main .news_tit .center .tit {
        padding-left: 20px;
        font-size: 26px;
        line-height: 64px;
        padding-right: 50px; }
        .main.welcome .news_main .news_tit .center .tit span {
          font-size: 14px;
          line-height: 18px;
          margin-left: 10px; }
      .main.welcome .news_main .news_tit .center .link a .txt {
        font-size: 20px;
        line-height: 64px; }
      .main.welcome .news_main .news_box .news_box_cen {
        padding-left: 20px; }
        .main.welcome .news_main .news_box .news_box_cen .news_l {
          width: 59%; }
          .main.welcome .news_main .news_box .news_box_cen .news_l ul li {
            margin-top: 20px; }
            .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .cont .conn .cloum {
              font-size: 16px;
              line-height: 24px; }
            .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .cont .conn .ti {
              font-size: 24px;
              line-height: 30px;
              margin-top: 10px;
              height: 60px; }
            .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .cont .conn .more {
              font-size: 18px;
              line-height: 28px;
              color: #999;
              margin-top: 20px; }
        .main.welcome .news_main .news_box .news_box_cen .news_r {
          padding: 0 30px 50px 30px; }
          .main.welcome .news_main .news_box .news_box_cen .news_r ul li {
            margin-top: 40px; }
            .main.welcome .news_main .news_box .news_box_cen .news_r ul li a .ti .t {
              font-size: 18px;
              line-height: 22px; } }
    @media (max-width: 1024px) {
      .main.welcome .news_main .news_tit {
        height: 50px;
        border: none; }
        .main.welcome .news_main .news_tit .center {
          border-bottom: 1px solid #d6d6d6; }
          .main.welcome .news_main .news_tit .center .line {
            display: none; }
          .main.welcome .news_main .news_tit .center .more {
            line-height: 50px;
            font-size: 14px; }
          .main.welcome .news_main .news_tit .center .tit {
            padding-left: 0px;
            font-size: 22px;
            line-height: 50px;
            padding-right: 0px;
            border: none; }
            .main.welcome .news_main .news_tit .center .tit span {
              font-size: 14px;
              line-height: 18px;
              margin-left: 10px; }
          .main.welcome .news_main .news_tit .center .link {
            display: none; }
      .main.welcome .news_main .news_box {
        border: none; }
        .main.welcome .news_main .news_box .news_box_cen {
          padding-left: 0px; }
          .main.welcome .news_main .news_box .news_box_cen .news_l {
            width: 100%;
            float: none; }
            .main.welcome .news_main .news_box .news_box_cen .news_l .btn {
              display: none; }
            .main.welcome .news_main .news_box .news_box_cen .news_l ul li {
              margin-top: 20px; }
              .main.welcome .news_main .news_box .news_box_cen .news_l ul li a {
                height: 140px; }
                .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .tu {
                  width: 177px;
                  height: 140px; }
                .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .cont {
                  padding-left: 190px; }
                  .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .cont .conn .cloum {
                    font-size: 14px;
                    line-height: 24px; }
                  .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .cont .conn .ti {
                    font-size: 20px;
                    line-height: 30px;
                    margin-top: 10px;
                    height: 60px; }
                  .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .cont .conn .more {
                    font-size: 14px;
                    line-height: 24px;
                    margin-top: 10px; }
          .main.welcome .news_main .news_box .news_box_cen .news_r {
            width: 100%;
            margin-top: 30px;
            float: none;
            border: 1px solid #d6d6d6;
            padding: 20px; }
            .main.welcome .news_main .news_box .news_box_cen .news_r ul li {
              margin-top: 0px;
              padding-top: 20px; }
              .main.welcome .news_main .news_box .news_box_cen .news_r ul li a .ti .t {
                font-size: 18px;
                line-height: 22px; } }
    @media (max-width: 500px) {
      .main.welcome .news_main .news_box {
        border: none; }
        .main.welcome .news_main .news_box .news_box_cen {
          padding-left: 0px; }
          .main.welcome .news_main .news_box .news_box_cen .news_l {
            width: 100%;
            float: none; }
            .main.welcome .news_main .news_box .news_box_cen .news_l .btn {
              display: none; }
            .main.welcome .news_main .news_box .news_box_cen .news_l ul li {
              margin-top: 20px; }
              .main.welcome .news_main .news_box .news_box_cen .news_l ul li a {
                height: 110px; }
                .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .tu {
                  width: 139px;
                  height: 110px; }
                .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .cont {
                  padding-left: 145px; }
                  .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .cont .conn .cloum {
                    font-size: 14px;
                    line-height: 20px; }
                  .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .cont .conn .ti {
                    font-size: 18px;
                    line-height: 24px;
                    margin-top: 5px;
                    height: 48px; }
                  .main.welcome .news_main .news_box .news_box_cen .news_l ul li a .cont .conn .more {
                    font-size: 14px;
                    line-height: 20px;
                    margin-top: 5px; }
          .main.welcome .news_main .news_box .news_box_cen .news_r {
            width: 100%;
            margin-top: 20px;
            float: none;
            border: 1px solid #d6d6d6;
            padding: 10px; }
            .main.welcome .news_main .news_box .news_box_cen .news_r ul li {
              margin-top: 0px;
              padding-top: 15px; }
              .main.welcome .news_main .news_box .news_box_cen .news_r ul li a .ti .t {
                font-size: 18px;
                line-height: 22px; } }
  .main.welcome .service_box .news_tit {
    height: 65px; }
    .main.welcome .service_box .news_tit .center {
      position: relative; }
      .main.welcome .service_box .news_tit .center .more {
        float: right;
        font-size: 16px;
        line-height: 64px;
        color: #666;
        padding-left: 15px;
        background: url(../images/more.png) no-repeat left center; }
        @media (min-width: 1024px) {
          .main.welcome .service_box .news_tit .center .more:hover {
            color: #024381; } }
      .main.welcome .service_box .news_tit .center .line {
        width: 6px;
        height: 65px;
        background: #024381;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 20; }
      .main.welcome .service_box .news_tit .center .tit {
        padding-left: 30px;
        font-size: 30px;
        line-height: 64px;
        color: #333;
        float: left; }
        .main.welcome .service_box .news_tit .center .tit span {
          font-size: 14px;
          line-height: 18px;
          color: #333;
          font-family: Arial;
          filter: alpha(opacity=50);
          opacity: 0.5;
          display: inline-block;
          vertical-align: 0;
          margin-left: 15px; }
  @media (max-width: 1460px) {
    .main.welcome .service_box .news_tit .center .line {
      width: 4px;
      height: 100px; }
    .main.welcome .service_box .news_tit .center .tit {
      padding-left: 20px;
      font-size: 26px;
      line-height: 64px;
      padding-right: 50px; }
      .main.welcome .service_box .news_tit .center .tit span {
        font-size: 14px;
        line-height: 18px;
        margin-left: 10px; } }
  @media (max-width: 1024px) {
    .main.welcome .service_box .news_tit {
      height: 50px;
      border: none; }
      .main.welcome .service_box .news_tit .center {
        border-bottom: 1px solid #d6d6d6; }
        .main.welcome .service_box .news_tit .center .line {
          display: none; }
        .main.welcome .service_box .news_tit .center .more {
          line-height: 50px;
          font-size: 14px; }
        .main.welcome .service_box .news_tit .center .tit {
          padding-left: 0px;
          font-size: 22px;
          line-height: 50px;
          padding-right: 0px;
          border: none; }
          .main.welcome .service_box .news_tit .center .tit span {
            font-size: 14px;
            line-height: 18px;
            margin-left: 10px; } }
  .main.welcome .service_box .swiper-service {
    margin-top: 20px;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    display: none; }
    @media (max-width: 1024px) {
      .main.welcome .service_box .swiper-service {
        display: block; } }
    .main.welcome .service_box .swiper-service .swiper-container .swiper-pagination {
      transition: none !important; }
      .main.welcome .service_box .swiper-service .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin: 0 5px;
        background: #fff; }
        .main.welcome .service_box .swiper-service .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
          background: #27b4b6; }
    .main.welcome .service_box .swiper-service .swiper-container .swiper-wrapper .swiper-slide a {
      display: block;
      position: relative; }
      .main.welcome .service_box .swiper-service .swiper-container .swiper-wrapper .swiper-slide a .tu {
        overflow: hidden; }
        .main.welcome .service_box .swiper-service .swiper-container .swiper-wrapper .swiper-slide a .tu img {
          width: 100%;
          height: auto;
          display: block; }
      .main.welcome .service_box .swiper-service .swiper-container .swiper-wrapper .swiper-slide a .txt {
        text-align: center;
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        margin-top: -40px;
        transition: all 0.5s; }
        .main.welcome .service_box .swiper-service .swiper-container .swiper-wrapper .swiper-slide a .txt span {
          display: inline-block;
          font-size: 20px;
          line-height: 36px;
          color: #fff;
          padding: 10px 20px;
          background: url(../images/line2.png) no-repeat top center, url(../images/line2.png) no-repeat bottom center;
          background-size: 100% 1px; }
  .main.welcome .service_box .box {
    transition: all 0.5s; }
    .main.welcome .service_box .box .box_top {
      background: #f2f2f2;
      position: relative; }
      .main.welcome .service_box .box .box_top .box_lbg {
        width: 30%;
        height: 100%;
        background: #8cb2d5;
        position: absolute;
        left: 0;
        top: 0; }
      .main.welcome .service_box .box .box_top .box_top_cen {
        position: relative;
        z-index: 10; }
    .main.welcome .service_box .box .box_bottom ul li {
      width: 33.33%;
      margin-right: 0;
      margin-top: 0.3%; }
    .main.welcome .service_box .box .box_bottom ul li:nth-child(even) {
      float: left; }
    .main.welcome .service_box .box ul li:nth-child(even) {
      float: right; }
    .main.welcome .service_box .box ul li {
      float: left;
      width: 49.7%; }
      .main.welcome .service_box .box ul li a {
        display: block;
        position: relative;
        overflow: hidden; }
        @media (min-width: 1024px) {
          .main.welcome .service_box .box ul li a:hover .txt {
            filter: alpha(opacity=0);
            opacity: 0; }
          .main.welcome .service_box .box ul li a:hover .cont {
            filter: alpha(opacity=100);
            opacity: 1;
            transform: scale(1); } }
        .main.welcome .service_box .box ul li a .tu {
          overflow: hidden; }
          .main.welcome .service_box .box ul li a .tu img {
            width: 100%;
            height: auto;
            display: block; }
        .main.welcome .service_box .box ul li a .txt {
          text-align: center;
          position: absolute;
          left: 50%;
          top: 50%;
          transition: all 0.68s cubic-bezier(0.4, 0, 0.2, 1);
          width: 204px;
          margin-left: -102px;
          height: 110px;
          margin-top: -55px;
          background: url(../images/line2.png) no-repeat top center, url(../images/line2.png) no-repeat bottom center;
          background-size: 100% 1px; }
          .main.welcome .service_box .box ul li a .txt .tab {
            width: 100%;
            height: 100%;
            display: table; }
            .main.welcome .service_box .box ul li a .txt .tab .tab_cell {
              display: table-cell;
              vertical-align: middle;
              font-size: 30px;
              line-height: 36px;
              color: #fff; }
        .main.welcome .service_box .box ul li a .cont {
          position: absolute;
          border: 10px solid #686668;
          box-sizing: border-box;
          padding: 0 10px;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          box-sizing: border-box;
          background: rgba(232, 238, 243, 0.9);
          filter: alpha(opacity=0);
          opacity: 0;
          transform-origin: center center;
          transform: scale(0);
          transition: all 0.5s cubic-bezier(0.815, 1.65, 0.4, 0.68); }
          .main.welcome .service_box .box ul li a .cont .tab {
            width: 100%;
            height: 100%;
            display: table; }
            .main.welcome .service_box .box ul li a .cont .tab .tab_cell {
              display: table-cell;
              vertical-align: middle;
              text-align: center; }
              .main.welcome .service_box .box ul li a .cont .tab .tab_cell .t {
                font-size: 36px;
                line-height: 46px;
                color: #1965ab; }
              .main.welcome .service_box .box ul li a .cont .tab .tab_cell .con {
                font-size: 18px;
                line-height: 28px;
                color: #1965ab;
                margin-top: 15px; }
    @media (max-width: 1500px) {
      .main.welcome .service_box .box ul li a .txt .tab .tab_cell {
        font-size: 26px;
        line-height: 34px; }
      .main.welcome .service_box .box ul li a .cont {
        border-width: 5px; }
        .main.welcome .service_box .box ul li a .cont .tab .tab_cell .t {
          font-size: 26px;
          line-height: 34px; }
        .main.welcome .service_box .box ul li a .cont .tab .tab_cell .con {
          font-size: 14px;
          line-height: 24px;
          margin-top: 10px;
          height: 72px;
          overflow: hidden; } }
    @media (max-width: 1024px) {
      .main.welcome .service_box .box {
        display: none; } }
  .main.welcome .contact_box {
    background: #f2f2f2;
    padding-bottom: 80px; }
    .main.welcome .contact_box .news_tit {
      height: 65px;
      background: #fff; }
      .main.welcome .contact_box .news_tit .center {
        position: relative; }
        .main.welcome .contact_box .news_tit .center .more {
          float: right;
          font-size: 16px;
          line-height: 64px;
          color: #666;
          padding-left: 15px;
          background: url(../images/more.png) no-repeat left center; }
          @media (min-width: 1024px) {
            .main.welcome .contact_box .news_tit .center .more:hover {
              color: #024381; } }
        .main.welcome .contact_box .news_tit .center .line {
          width: 6px;
          height: 65px;
          background: #024381;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 20; }
        .main.welcome .contact_box .news_tit .center .tit {
          padding-left: 30px;
          font-size: 30px;
          line-height: 64px;
          color: #333;
          float: left; }
          .main.welcome .contact_box .news_tit .center .tit span {
            font-size: 14px;
            line-height: 18px;
            color: #333;
            font-family: Arial;
            filter: alpha(opacity=50);
            opacity: 0.5;
            display: inline-block;
            vertical-align: 0;
            margin-left: 15px; }
    @media (max-width: 1460px) {
      .main.welcome .contact_box .news_tit .center .line {
        width: 4px;
        height: 100px; }
      .main.welcome .contact_box .news_tit .center .tit {
        padding-left: 20px;
        font-size: 26px;
        line-height: 64px;
        padding-right: 50px; }
        .main.welcome .contact_box .news_tit .center .tit span {
          font-size: 14px;
          line-height: 18px;
          margin-left: 10px; } }
    @media (max-width: 1024px) {
      .main.welcome .contact_box .news_tit {
        height: 50px;
        border: none;
        background: none; }
        .main.welcome .contact_box .news_tit .center {
          border-bottom: 1px solid #d6d6d6; }
          .main.welcome .contact_box .news_tit .center .line {
            display: none; }
          .main.welcome .contact_box .news_tit .center .more {
            line-height: 50px;
            font-size: 14px; }
          .main.welcome .contact_box .news_tit .center .tit {
            padding-left: 0px;
            font-size: 22px;
            line-height: 50px;
            padding-right: 0px;
            border: none; }
            .main.welcome .contact_box .news_tit .center .tit span {
              font-size: 14px;
              line-height: 18px;
              margin-left: 10px; } }
    .main.welcome .contact_box .container {
      overflow: hidden;
      transition: all 0.5s;
      margin-top: 60px; }
      .main.welcome .contact_box .container > ul {
        width: 110%; }
        .main.welcome .contact_box .container > ul li:nth-child(3) {
          border-color: #024381; }
        .main.welcome .contact_box .container > ul > li:nth-child(2) {
          border-color: #27b4b6; }
        .main.welcome .contact_box .container > ul > li:last-child {
          padding-bottom: 30px; }
        .main.welcome .contact_box .container > ul > li {
          float: left;
          width: 30%;
          margin-right: 0.6%;
          background: #fff;
          border-top: 8px solid #333;
          padding: 0 28px 45px 28px;
          box-sizing: border-box; }
          .main.welcome .contact_box .container > ul > li .cloum {
            font-size: 20px;
            line-height: 26px;
            color: #999;
            display: inline-block;
            padding-top: 20px; }
          .main.welcome .contact_box .container > ul > li .ti {
            font-size: 24px;
            line-height: 46px;
            color: #333;
            margin-top: 20px;
            max-height: 92px; }
            .main.welcome .contact_box .container > ul > li .ti span {
              color: #27b4b6; }
          .main.welcome .contact_box .container > ul > li .flexslider2 {
            margin-top: 10px;
            position: relative; }
            .main.welcome .contact_box .container > ul > li .flexslider2 .flex-control-nav {
              top: -25px;
              text-align: right;
              height: auto;
              bottom: auto; }
              .main.welcome .contact_box .container > ul > li .flexslider2 .flex-control-nav li a {
                background: #ccc;
                text-indent: 2000px; }
                .main.welcome .contact_box .container > ul > li .flexslider2 .flex-control-nav li a.flex-active {
                  background: #333; }
            .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport {
              overflow: hidden; }
              .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li {
                margin-left: 1px;
                height: 224px;
                position: relative; }
                .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .tu {
                  width: 167px;
                  height: 224px;
                  overflow: hidden;
                  display: block;
                  position: relative;
                  z-index: 20; }
                  .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .tu img {
                    width: 100%;
                    height: auto; }
                .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont {
                  position: absolute;
                  left: 0;
                  top: 0;
                  width: 100%;
                  padding-left: 190px;
                  box-sizing: border-box;
                  text-align: center; }
                  .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .t {
                    font-size: 24px;
                    line-height: 36px;
                    color: #333;
                    height: 72px;
                    overflow: hidden; }
                  .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .date {
                    font-size: 18px;
                    line-height: 24px;
                    color: #666;
                    padding-top: 10px; }
                  .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .msg {
                    padding-top: 14px; }
                    .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .msg .txt {
                      font-size: 18px;
                      line-height: 24px;
                      color: #666;
                      padding-bottom: 15px; }
                    .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .msg a {
                      width: 214px;
                      height: 40px;
                      position: relative;
                      z-index: 100;
                      border-radius: 40px;
                      background: #024381;
                      display: block;
                      margin: 0 auto;
                      font-size: 18px;
                      line-height: 40px;
                      color: #fff; }
          .main.welcome .contact_box .container > ul > li .btn {
            margin-top: 55px; }
            .main.welcome .contact_box .container > ul > li .btn a:nth-child(even) {
              float: right; }
            .main.welcome .contact_box .container > ul > li .btn a {
              width: 186px;
              height: 50px;
              border: 1px solid #999;
              font-size: 16px;
              line-height: 50px;
              color: #333;
              text-align: center;
              display: block;
              float: left;
              transition: all 0.3s; }
              @media (min-width: 1024px) {
                .main.welcome .contact_box .container > ul > li .btn a:hover {
                  background: #024381;
                  border-color: #024381;
                  color: #fff; } }
    @media (max-width: 1460px) {
      .main.welcome .contact_box {
        padding-bottom: 70px; }
        .main.welcome .contact_box .container > ul > li:last-child {
          padding-bottom: 28px; }
        .main.welcome .contact_box .container > ul > li {
          border-top: 5px solid #333;
          padding: 0 20px 45px 20px; }
          .main.welcome .contact_box .container > ul > li .cloum {
            font-size: 16px;
            line-height: 24px;
            padding-top: 15px; }
          .main.welcome .contact_box .container > ul > li .ti {
            font-size: 20px;
            line-height: 40px;
            margin-top: 15px;
            max-height: 80px; }
          .main.welcome .contact_box .container > ul > li .flexslider2 {
            margin-top: 10px; }
            .main.welcome .contact_box .container > ul > li .flexslider2 .flex-control-nav {
              top: -28px; }
            .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li {
              height: 200px; }
              .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .tu {
                width: 149px;
                height: 200px; }
              .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont {
                padding-left: 160px; }
                .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .t {
                  font-size: 20px;
                  line-height: 30px;
                  height: 60px; }
                .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .date {
                  font-size: 16px;
                  line-height: 20px; }
                .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .msg {
                  padding-top: 14px; }
                  .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .msg .txt {
                    font-size: 16px;
                    line-height: 20px;
                    padding-bottom: 10px; }
                  .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .msg a {
                    width: 90%;
                    height: 40px;
                    border-radius: 40px;
                    background: #024381;
                    display: block;
                    margin: 0 auto;
                    font-size: 18px;
                    line-height: 40px;
                    color: #fff; }
          .main.welcome .contact_box .container > ul > li .btn a {
            width: 170px;
            height: 40px;
            font-size: 16px;
            line-height: 40px; } }
    @media (max-width: 1260px) {
      .main.welcome .contact_box {
        padding-bottom: 60px; }
        .main.welcome .contact_box .container > ul > li:last-child {
          padding-bottom: 28px; }
        .main.welcome .contact_box .container > ul > li {
          border-top: 5px solid #333;
          padding: 0 20px 45px 20px; }
          .main.welcome .contact_box .container > ul > li .cloum {
            font-size: 16px;
            line-height: 24px;
            padding-top: 15px; }
          .main.welcome .contact_box .container > ul > li .ti {
            font-size: 20px;
            line-height: 40px;
            margin-top: 15px;
            max-height: 80px; }
          .main.welcome .contact_box .container > ul > li .flexslider2 {
            margin-top: 10px; }
            .main.welcome .contact_box .container > ul > li .flexslider2 .flex-control-nav {
              top: -28px; }
            .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .date {
              font-size: 14px; }
            .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .msg a {
              width: 90%;
              height: 40px;
              border-radius: 40px;
              background: #024381;
              display: block;
              margin: 0 auto;
              font-size: 15px;
              line-height: 40px;
              color: #fff; }
          .main.welcome .contact_box .container > ul > li .btn a {
            display: inline-block;
            padding: 0 20px;
            width: auto;
            height: 40px;
            font-size: 15px;
            line-height: 40px; } }
    @media (max-width: 1024px) {
      .main.welcome .contact_box {
        padding-bottom: 40px; }
        .main.welcome .contact_box .container {
          margin-top: 40px; }
          .main.welcome .contact_box .container > ul {
            font-size: 0;
            width: 100%; }
            .main.welcome .contact_box .container > ul > li {
              width: 48%;
              margin: 0 1% 2% 1%;
              display: inline-block;
              float: none;
              padding: 0 20px 30px 20px; }
              .main.welcome .contact_box .container > ul > li .cloum {
                font-size: 16px;
                line-height: 24px;
                padding-top: 10px; }
              .main.welcome .contact_box .container > ul > li .ti {
                font-size: 20px;
                line-height: 30px;
                margin-top: 15px;
                max-height: 60px;
                text-align: left; }
              .main.welcome .contact_box .container > ul > li .flexslider2 {
                margin-top: 10px; }
                .main.welcome .contact_box .container > ul > li .flexslider2 .flex-control-nav {
                  top: -28px; }
                .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .msg a {
                  width: 90%;
                  height: 40px;
                  border-radius: 40px;
                  background: #024381;
                  display: block;
                  margin: 0 auto;
                  font-size: 15px;
                  line-height: 40px;
                  color: #fff; }
              .main.welcome .contact_box .container > ul > li .btn {
                margin-top: 25px; }
                .main.welcome .contact_box .container > ul > li .btn a {
                  display: inline-block;
                  padding: 0 20px;
                  width: auto;
                  height: 40px;
                  font-size: 15px;
                  line-height: 40px; } }
    @media (max-width: 800px) {
      .main.welcome .contact_box {
        padding-bottom: 30px; }
        .main.welcome .contact_box .container {
          margin-top: 20px; }
          .main.welcome .contact_box .container > ul > li:last-child {
            padding-bottom: 20px; }
          .main.welcome .contact_box .container > ul > li {
            width: 100%;
            margin: 0 0 15px 0;
            padding: 0 20px 20px 20px; }
            .main.welcome .contact_box .container > ul > li .cloum {
              font-size: 16px;
              line-height: 24px;
              padding-top: 10px; }
            .main.welcome .contact_box .container > ul > li .ti {
              font-size: 16px;
              line-height: 30px;
              margin-top: 15px;
              max-height: 60px;
              text-align: left; }
            .main.welcome .contact_box .container > ul > li .flexslider2 {
              margin-top: 10px; }
              .main.welcome .contact_box .container > ul > li .flexslider2 .flex-control-nav {
                top: -28px; }
              .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .t {
                font-size: 16px; }
              .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .msg a {
                width: 180px;
                height: 40px;
                border-radius: 40px;
                background: #024381;
                display: block;
                margin: 0 auto;
                font-size: 15px;
                line-height: 40px;
                color: #fff; }
            .main.welcome .contact_box .container > ul > li .btn {
              margin-top: 25px; }
              .main.welcome .contact_box .container > ul > li .btn a:last-child {
                float: none; }
              .main.welcome .contact_box .container > ul > li .btn a {
                display: inline-block;
                padding: 0 20px;
                width: auto;
                margin-right: 20px;
                height: 40px;
                font-size: 15px;
                line-height: 40px; } }
    @media (max-width: 500px) {
      .main.welcome .contact_box {
        padding-bottom: 25px; }
        .main.welcome .contact_box .container {
          margin-top: 15px; }
          .main.welcome .contact_box .container > ul > li {
            padding: 0 15px 20px 15px; }
            .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li {
              height: 148px; }
              .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .tu {
                width: 110px;
                height: 148px; }
              .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont {
                padding-left: 120px; }
                .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .t {
                  font-size: 16px;
                  line-height: 24px;
                  height: 48px; }
                .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .msg .txt {
                  font-size: 14px;
                  line-height: 20px;
                  padding-bottom: 5px; }
                .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .date {
                  font-size: 14px;
                  line-height: 20px;
                  padding-top: 5px; }
                .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .msg {
                  padding-top: 5px; }
                  .main.welcome .contact_box .container > ul > li .flexslider2 .flex-viewport .slides li .cont .msg a {
                    width: 90%;
                    height: 36px;
                    border-radius: 36px;
                    background: #024381;
                    display: block;
                    margin: 0 auto;
                    font-size: 15px;
                    line-height: 36px;
                    color: #fff; }
            .main.welcome .contact_box .container > ul > li .btn {
              margin-top: 15px; }
              .main.welcome .contact_box .container > ul > li .btn a {
                padding: 0 15px;
                width: auto;
                margin-right: 10px;
                height: 36px;
                font-size: 14px;
                line-height: 36px; } }
  .main.privacy .privacy_box {
    padding: 80px 0;
    transition: all 0.5s; }
    .main.privacy .privacy_box .pri_t {
      font-size: 30px;
      line-height: 40px;
      color: #024381; }
    .main.privacy .privacy_box .cont {
      font-size: 14px;
      line-height: 24px;
      color: #666;
      margin-top: 20px; }
      .main.privacy .privacy_box .cont p {
        padding-top: 10px; }
    @media (max-width: 1460px) {
      .main.privacy .privacy_box {
        padding: 70px 0; }
        .main.privacy .privacy_box .pri_t {
          font-size: 26px;
          line-height: 36px; }
        .main.privacy .privacy_box .cont {
          margin-top: 15px; } }
    @media (max-width: 1024px) {
      .main.privacy .privacy_box {
        padding: 70px 0 40px 0; }
        .main.privacy .privacy_box .pri_t {
          font-size: 22px;
          line-height: 30px; }
        .main.privacy .privacy_box .cont {
          margin-top: 10px; } }
    @media (max-width: 600px) {
      .main.privacy .privacy_box {
        padding: 50px 0 35px 0; }
        .main.privacy .privacy_box .pri_t {
          font-size: 22px;
          line-height: 30px; }
        .main.privacy .privacy_box .cont {
          margin-top: 10px; } }
  .main.about .about_box {
    padding-bottom: 50px;
    overflow: hidden;
    margin-top: 40px; }
    .main.about .about_box ul {
      width: 100%; }
      .main.about .about_box ul li:nth-child(2) {
        transition: all 0.4s 0.2s; }
      .main.about .about_box ul li:nth-child(3) {
        transition: all 0.4s 0.4s; }
      .main.about .about_box ul li {
        width: 48.5%;
        float: left;
        border-top: 2px solid #a0a0a0;
        padding-bottom: 50px;
        border-bottom: 1px solid #d9d9d9;
        transition: all 0.4s; }
        .main.about .about_box ul li a {
          display: block; }
          @media (min-width: 1024px) {
            .main.about .about_box ul li a:hover .more .bg {
              transform: scaleX(1);
              transform-origin: left center; } }
          .main.about .about_box ul li a .t {
            font-size: 30px;
            line-height: 80px;
            color: #333;
            text-align: center;
            border-bottom: 1px solid #d9d9d9; }
          .main.about .about_box ul li a .cont {
            font-size: 16px;
            line-height: 26px;
            color: #666;
            text-align: center;
            padding: 0 45px;
            box-sizing: border-box;
            margin-top: 38px;
            height: 130px;
            overflow: hidden; }
          .main.about .about_box ul li a .more {
            width: 148px;
            position: relative;
            height: 48px;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            background: #004098;
            margin-top: 43px; }
            .main.about .about_box ul li a .more .bg {
              width: 100%;
              height: 100%;
              background: #65AADD;
              position: absolute;
              left: 0;
              top: 0;
              transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
              transform: scaleX(0);
              transform-origin: right center; }
            .main.about .about_box ul li a .more .txt {
              width: 100%;
              height: 100%;
              position: relative;
              z-index: 10;
              font-size: 20px;
              line-height: 48px;
              color: #fff; }
    @media (max-width: 1460px) {
      .main.about .about_box {
        margin-top: 30px;
        padding-bottom: 40px; }
        .main.about .about_box ul li {
          padding-bottom: 40px; }
          .main.about .about_box ul li a .t {
            font-size: 26px;
            line-height: 70px; }
          .main.about .about_box ul li a .cont {
            font-size: 14px;
            line-height: 24px;
            padding: 0 30px;
            height: 120px; }
          .main.about .about_box ul li a .more {
            margin-top: 30px; }
            .main.about .about_box ul li a .more .txt {
              font-size: 18px;
              line-height: 48px; } }
    @media (max-width: 1200px) {
      .main.about .about_box {
        margin-top: 30px;
        padding-bottom: 40px; }
        .main.about .about_box ul li {
          padding-bottom: 35px; }
          .main.about .about_box ul li a .t {
            font-size: 26px;
            line-height: 50px; }
          .main.about .about_box ul li a .cont {
            font-size: 14px;
            line-height: 24px;
            padding: 0 20px;
            height: 120px; }
          .main.about .about_box ul li a .more {
            margin-top: 20px;
            height: 40px; }
            .main.about .about_box ul li a .more .txt {
              font-size: 18px;
              line-height: 40px; } }
    @media (max-width: 1024px) {
      .main.about .about_box {
        margin-top: 70px;
        padding-bottom: 40px; }
        .main.about .about_box ul li {
          padding-bottom: 35px; }
          .main.about .about_box ul li a .t {
            font-size: 22px;
            line-height: 50px; }
          .main.about .about_box ul li a .cont {
            margin-top: 25px;
            font-size: 14px;
            line-height: 24px;
            padding: 0 10px;
            height: 120px; }
          .main.about .about_box ul li a .more {
            margin-top: 15px;
            height: 40px; }
            .main.about .about_box ul li a .more .txt {
              font-size: 16px;
              line-height: 40px; } }
    @media (max-width: 750px) {
      .main.about .about_box {
        margin-top: 70px;
        padding-bottom: 20px; }
        .main.about .about_box ul {
          width: 100%; }
          .main.about .about_box ul li {
            padding-bottom: 20px;
            width: 100%;
            float: none;
            margin-bottom: 15px; }
            .main.about .about_box ul li a .t {
              font-size: 22px;
              line-height: 50px; }
            .main.about .about_box ul li a .cont {
              margin-top: 15px;
              font-size: 14px;
              line-height: 24px;
              padding: 0 10px;
              max-height: 72px; }
            .main.about .about_box ul li a .more {
              margin-top: 15px;
              height: 38px;
              width: 120px; }
              .main.about .about_box ul li a .more .txt {
                font-size: 14px;
                line-height: 38px; } }
  .main.about .team_box {
    transition: all 0.5s; }
    .main.about .team_box .team_l {
      width: 50%;
      height: 400px;
      float: left; }
      @media (min-width: 1024px) {
        .main.about .team_box .team_l.team_l2 a:hover .conn .tab .tab_cell .more .bg {
          transform: scaleX(1);
          transform-origin: left center; }
        .main.about .team_box .team_l.team_l2 a:hover .conn .tab .tab_cell .more .txt {
          color: #fff; } }
      .main.about .team_box .team_l.team_l2 a .conn {
        float: left; }
        .main.about .team_box .team_l.team_l2 a .conn .tab .tab_cell .more {
          border-color: #4172a1; }
          .main.about .team_box .team_l.team_l2 a .conn .tab .tab_cell .more .bg {
            background: #65AADD; }
      .main.about .team_box .team_l a {
        display: block;
        height: 100%;
        padding-right: 58px;
        box-sizing: border-box; }
        @media (min-width: 1024px) {
          .main.about .team_box .team_l a:hover .conn .tab .tab_cell .more .bg {
            transform: scaleX(1);
            transform-origin: left center; } }
        .main.about .team_box .team_l a .conn {
          width: 74%;
          height: 100%;
          float: right;
          padding-left: 45px;
          box-sizing: border-box; }
          .main.about .team_box .team_l a .conn .tab {
            width: 100%;
            height: 100%;
            display: table; }
            .main.about .team_box .team_l a .conn .tab .tab_cell {
              display: table-cell;
              vertical-align: middle; }
              .main.about .team_box .team_l a .conn .tab .tab_cell .t {
                font-size: 30px;
                line-height: 46px;
                color: #fff; }
              .main.about .team_box .team_l a .conn .tab .tab_cell .con {
                font-size: 16px;
                line-height: 26px;
                color: #fff;
                box-sizing: border-box;
                margin-top: 30px;
                height: 104px;
                overflow: hidden; }
              .main.about .team_box .team_l a .conn .tab .tab_cell .more {
                width: 148px;
                position: relative;
                height: 48px;
                border: 1px solid #4abab6;
                text-align: center;
                margin-top: 33px; }
                .main.about .team_box .team_l a .conn .tab .tab_cell .more .bg {
                  width: 100%;
                  height: 100%;
                  background: #024381;
                  position: absolute;
                  left: 0;
                  top: 0;
                  transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
                  transform: scaleX(0);
                  transform-origin: right center; }
                .main.about .team_box .team_l a .conn .tab .tab_cell .more .txt {
                  width: 100%;
                  transition: color 0.38s cubic-bezier(0.4, 0, 0.2, 1);
                  height: 100%;
                  position: relative;
                  z-index: 10;
                  font-size: 20px;
                  line-height: 48px;
                  color: #fff; }
    @media (max-width: 1700px) {
      .main.about .team_box .team_l a .conn {
        width: 85%; } }
    @media (max-width: 1600px) {
      .main.about .team_box .team_l a .conn {
        width: 92%; } }
    @media (max-width: 1500px) {
      .main.about .team_box .team_l a .conn {
        width: 95%; } }
    @media (max-width: 1460px) {
      .main.about .team_box .team_l.team_l2 a {
        padding: 0; }
      .main.about .team_box .team_l a {
        padding: 0; }
        .main.about .team_box .team_l a .conn {
          width: 100%;
          padding: 0 5%; }
          .main.about .team_box .team_l a .conn .tab .tab_cell .t {
            font-size: 26px;
            line-height: 40px; }
          .main.about .team_box .team_l a .conn .tab .tab_cell .con {
            font-size: 14px;
            line-height: 24px;
            height: 96px; }
          .main.about .team_box .team_l a .conn .tab .tab_cell .more {
            margin-top: 30px; }
            .main.about .team_box .team_l a .conn .tab .tab_cell .more .txt {
              font-size: 18px;
              line-height: 48px; } }
    @media (max-width: 1200px) {
      .main.about .team_box .team_l a {
        padding: 0; }
        .main.about .team_box .team_l a .conn {
          width: 100%;
          padding: 0 5%; }
          .main.about .team_box .team_l a .conn .tab .tab_cell .t {
            font-size: 26px;
            line-height: 36px; }
          .main.about .team_box .team_l a .conn .tab .tab_cell .more {
            margin-top: 20px;
            height: 40px; }
            .main.about .team_box .team_l a .conn .tab .tab_cell .more .txt {
              font-size: 18px;
              line-height: 40px; } }
    @media (max-width: 1024px) {
      .main.about .team_box .team_l a {
        padding: 0; }
        .main.about .team_box .team_l a .conn {
          width: 100%;
          padding: 0 5%; }
          .main.about .team_box .team_l a .conn .tab .tab_cell .t {
            font-size: 22px;
            line-height: 36px; }
          .main.about .team_box .team_l a .conn .tab .tab_cell .con {
            margin-top: 20px; }
          .main.about .team_box .team_l a .conn .tab .tab_cell .more {
            margin-top: 15px;
            height: 40px; }
            .main.about .team_box .team_l a .conn .tab .tab_cell .more .txt {
              font-size: 16px;
              line-height: 40px; } }
    @media (max-width: 700px) {
      .main.about .team_box .team_l {
        width: 100%;
        float: none;
        height: auto;
        overflow: hidden; }
        .main.about .team_box .team_l a {
          padding: 0; }
          .main.about .team_box .team_l a .conn {
            width: 100%;
            box-sizing: border-box;
            padding: 15% 3%; }
            .main.about .team_box .team_l a .conn .tab {
              display: block; }
              .main.about .team_box .team_l a .conn .tab .tab_cell {
                display: block; }
                .main.about .team_box .team_l a .conn .tab .tab_cell .more {
                  margin-top: 15px;
                  width: 120px;
                  height: 38px; }
                  .main.about .team_box .team_l a .conn .tab .tab_cell .more .txt {
                    font-size: 14px;
                    line-height: 38px; } }
  .main.about .case {
    box-sizing: border-box;
    padding: 0 45px 0 45px;
    transition: all 0.5s; }
    .main.about .case .more {
      width: 150px;
      height: 50px;
      display: block;
      border: 1px solid #cfcfcf;
      background: #004098;
      font-size: 20px;
      line-height: 50px;
      color: #fff;
      text-align: center;
      margin-top: 30px; }
      @media (max-width: 1200px) {
        .main.about .case .more {
          height: 40px;
          font-size: 18px;
          line-height: 40px; } }
      @media (max-width: 1024px) {
        .main.about .case .more {
          height: 40px;
          font-size: 16px;
          line-height: 40px; } }
      @media (max-width: 700px) {
        .main.about .case .more {
          height: 38px;
          width: 120px;
          margin-top: 20px;
          font-size: 14px;
          line-height: 38px; } }
    .main.about .case .case_box {
      overflow: hidden;
      margin-top: 47px;
      padding-bottom: 6px; }
      .main.about .case .case_box ul {
        width: 110%; }
        .main.about .case .case_box ul li {
          float: left;
          width: 17.1%;
          box-shadow: 3px 4px 5px rgba(6, 0, 1, 0.1);
          border: solid 1px rgba(6, 0, 1, 0.1);
          height: 110px;
          margin-right: 1%;
          text-align: center;
          line-height: 110px; }
          .main.about .case .case_box ul li img {
            max-width: 90%;
            max-height: 90%; }
    @media (max-width: 1460px) {
      .main.about .case {
        padding: 0 30px 70px 30px; }
        .main.about .case .case_box {
          margin-top: 40px; } }
    @media (max-width: 1200px) {
      .main.about .case {
        padding: 0 20px 70px 20px; } }
    @media (max-width: 1024px) {
      .main.about .case {
        padding: 0 10px 40px 10px; }
        .main.about .case .case_box {
          margin-top: 25px; } }
    @media (max-width: 800px) {
      .main.about .case .case_box ul li {
        width: 28.5%;
        margin-bottom: 1%;
        margin-right: 1%; } }
    @media (max-width: 500px) {
      .main.about .case {
        padding: 0 0 30px 0; }
        .main.about .case .case_box {
          margin-top: 15px; } }
  .main.about .block {
    padding-top: 54px;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 58px;
    transition: all 0.5s; }
    .main.about .block .cont {
      padding: 0 45px;
      box-sizing: border-box; }
      .main.about .block .cont .con {
        font-size: 16px;
        line-height: 26px;
        color: #333;
        margin-top: 28px; }
    @media (max-width: 1460px) {
      .main.about .block {
        padding-top: 50px;
        padding-bottom: 50px; }
        .main.about .block .cont {
          padding: 0 30px; }
          .main.about .block .cont .con {
            font-size: 14px;
            line-height: 24px;
            margin-top: 20px; } }
    @media (max-width: 1200px) {
      .main.about .block {
        padding-top: 50px;
        padding-bottom: 50px; }
        .main.about .block .cont {
          padding: 0 20px; }
          .main.about .block .cont .con {
            font-size: 14px;
            line-height: 24px;
            margin-top: 15px; } }
    @media (max-width: 1024px) {
      .main.about .block {
        padding: 40px 0; }
        .main.about .block .cont {
          padding: 0 10px; } }
    @media (max-width: 500px) {
      .main.about .block {
        padding: 20px 0; }
        .main.about .block .cont {
          padding: 0;
          margin-top: 10px; } }
  .main.about .ab {
    padding-top: 42px;
    padding-bottom: 60px; }
    @media (max-width: 1024px) {
      .main.about .ab {
        padding-top: 25px;
        padding-bottom: 50px; } }
    @media (max-width: 850px) {
      .main.about .ab {
        padding-top: 20px;
        padding-bottom: 40px; } }
    .main.about .ab .box {
      margin-top: 27px; }
      .main.about .ab .box .box_l {
        float: left;
        width: 50%;
        transition: all 0.5s; }
        .main.about .ab .box .box_l .con {
          font-size: 16px;
          line-height: 28px;
          color: #666; }
          .main.about .ab .box .box_l .con span {
            font-size: 20px;
            color: #00a9a5; }
          .main.about .ab .box .box_l .con p {
            padding-bottom: 28px; }
      .main.about .ab .box .box_r {
        width: 44%;
        float: right;
        overflow: hidden;
        margin-top: 5px;
        transition: all 0.5s 0.2s; }
        .main.about .ab .box .box_r img {
          width: 100%;
          height: auto; }
      @media (max-width: 1460px) {
        .main.about .ab .box {
          margin-top: 20px; }
          .main.about .ab .box .box_l .con p {
            padding-bottom: 20px; } }
      @media (max-width: 1200px) {
        .main.about .ab .box {
          margin-top: 20px; }
          .main.about .ab .box .box_l .con {
            font-size: 15px;
            line-height: 24px; }
            .main.about .ab .box .box_l .con span {
              font-size: 16px; }
            .main.about .ab .box .box_l .con p {
              padding-bottom: 15px; } }
      @media (max-width: 1024px) {
        .main.about .ab .box {
          margin-top: 10px; }
          .main.about .ab .box .box_r {
            width: 100%;
            float: none; }
          .main.about .ab .box .box_l {
            width: 100%;
            float: none; }
            .main.about .ab .box .box_l .con {
              font-size: 14px;
              line-height: 24px; }
              .main.about .ab .box .box_l .con span {
                font-size: 16px; }
              .main.about .ab .box .box_l .con p {
                padding-bottom: 10px; } }
  .main.about .cul_box ul li {
    position: relative;
    min-height: 46px;
    border-bottom: 1px solid #d9d9d9;
    padding: 55px 0;
    transition: all 0.5s; }
    .main.about .cul_box ul li .tit {
      position: absolute;
      left: 0;
      top: 55px;
      font-size: 30px;
      line-height: 46px;
      color: #024381; }
      .main.about .cul_box ul li .tit span {
        color: #999;
        font-family: Arial;
        filter: alpha(opacity=50);
        opacity: 0.5;
        margin-left: 10px; }
    .main.about .cul_box ul li .con {
      padding-left: 585px;
      width: 100%;
      box-sizing: border-box;
      font-size: 24px;
      line-height: 46px;
      color: #333; }
    @media (max-width: 1460px) {
      .main.about .cul_box ul li .tit {
        font-size: 26px;
        line-height: 40px; }
      .main.about .cul_box ul li .con {
        font-size: 22px;
        line-height: 40px;
        padding-left: 510px; } }
    @media (max-width: 1200px) {
      .main.about .cul_box ul li {
        padding: 40px 0; }
        .main.about .cul_box ul li .tit {
          top: 40px;
          font-size: 26px;
          line-height: 40px; }
        .main.about .cul_box ul li .con {
          font-size: 20px;
          line-height: 40px; } }
    @media (max-width: 1024px) {
      .main.about .cul_box ul li {
        padding: 30px 0; }
        .main.about .cul_box ul li .tit {
          position: static;
          font-size: 22px;
          line-height: 30px; }
        .main.about .cul_box ul li .con {
          margin-top: 10px;
          padding-left: 0;
          font-size: 18px;
          line-height: 30px; } }
    @media (max-width: 500px) {
      .main.about .cul_box ul li {
        padding: 20px 0; }
        .main.about .cul_box ul li .tit span {
          margin-left: 0;
          display: block; }
        .main.about .cul_box ul li .con {
          margin-top: 5px;
          font-size: 15px;
          line-height: 24px; } }
  .main.about .cul_box .resp {
    padding-top: 40px;
    padding-bottom: 120px; }
    .main.about .cul_box .resp .tit {
      font-size: 30px;
      line-height: 46px;
      color: #024381;
      transition: all 0.5s; }
      .main.about .cul_box .resp .tit span {
        color: #999;
        font-family: Arial;
        filter: alpha(opacity=50);
        opacity: 0.5;
        margin-left: 10px; }
    .main.about .cul_box .resp .re_box {
      margin-top: 54px; }
      .main.about .cul_box .resp .re_box .res_l {
        float: left;
        width: 35.4%;
        transition: all 0.5s; }
        .main.about .cul_box .resp .re_box .res_l .con {
          font-size: 18px;
          line-height: 30px;
          color: #666; }
          .main.about .cul_box .resp .re_box .res_l .con p:last-child {
            padding-bottom: 0; }
          .main.about .cul_box .resp .re_box .res_l .con p {
            padding-bottom: 25px; }
          .main.about .cul_box .resp .re_box .res_l .con strong {
            color: #00a9a5; }
      .main.about .cul_box .resp .re_box .tu {
        float: right;
        width: 59%;
        margin-top: 5px;
        overflow: hidden;
        transition: all 0.5s 0.2s; }
        .main.about .cul_box .resp .re_box .tu img {
          width: 100%;
          height: auto; }
    @media (max-width: 1460px) {
      .main.about .cul_box .resp {
        padding-bottom: 100px; }
        .main.about .cul_box .resp .tit {
          font-size: 26px;
          line-height: 40px; }
        .main.about .cul_box .resp .re_box {
          margin-top: 40px; }
          .main.about .cul_box .resp .re_box .res_l {
            width: 38%; }
            .main.about .cul_box .resp .re_box .res_l .con {
              font-size: 17px;
              line-height: 24px; }
              .main.about .cul_box .resp .re_box .res_l .con p {
                padding-bottom: 20px; } }
    @media (max-width: 1200px) {
      .main.about .cul_box .resp .re_box .res_l .con {
        font-size: 16px;
        line-height: 24px; }
        .main.about .cul_box .resp .re_box .res_l .con p {
          padding-bottom: 15px; } }
    @media (max-width: 1100px) {
      .main.about .cul_box .resp {
        padding-top: 20px; }
        .main.about .cul_box .resp .re_box .res_l .con {
          font-size: 15px;
          line-height: 24px; }
          .main.about .cul_box .resp .re_box .res_l .con p {
            padding-bottom: 10px; } }
    @media (max-width: 1024px) {
      .main.about .cul_box .resp {
        padding-bottom: 60px; }
        .main.about .cul_box .resp .tit {
          font-size: 22px;
          line-height: 30px; }
        .main.about .cul_box .resp .re_box {
          margin-top: 20px; }
          .main.about .cul_box .resp .re_box .tu {
            width: 100%;
            float: none;
            margin-top: 15px; }
          .main.about .cul_box .resp .re_box .res_l {
            width: 100%;
            float: none; }
            .main.about .cul_box .resp .re_box .res_l .con {
              font-size: 16px;
              line-height: 26px; }
              .main.about .cul_box .resp .re_box .res_l .con p {
                padding-bottom: 10px; } }
    @media (max-width: 500px) {
      .main.about .cul_box .resp {
        padding-bottom: 30px; }
        .main.about .cul_box .resp .tit span {
          margin-left: 0;
          display: block; }
        .main.about .cul_box .resp .re_box {
          margin-top: 15px; }
          .main.about .cul_box .resp .re_box .res_l .con {
            font-size: 14px;
            line-height: 24px; } }
  .main.about .honor_box {
    padding-top: 60px;
    padding-bottom: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e5e5;
    transition: all 0.5s; }
    .main.about .honor_box .tit {
      color: #024381; }
    .main.about .honor_box .honor {
      margin-top: 23px;
      width: 1450px; }
      .main.about .honor_box .honor ul li {
        width: 49%;
        border: 1px solid #e6e5e5;
        border-radius: 7px;
        margin: 0 0.5% 1% 0.5%;
        padding: 22px 30px;
        box-sizing: border-box;
        transition: all 0.3s; }
        @media (min-width: 1024px) {
          .main.about .honor_box .honor ul li:hover {
            background: #f1f1f1; } }
        .main.about .honor_box .honor ul li .t {
          font-size: 24px;
          line-height: 40px;
          color: #333; }
        .main.about .honor_box .honor ul li .txt {
          font-size: 18px;
          line-height: 28px;
          color: #666;
          margin-top: 8px; }
          .main.about .honor_box .honor ul li .txt span {
            display: inline-block;
            vertical-align: middle; }
          .main.about .honor_box .honor ul li .txt .ico {
            display: inline-block;
            margin-left: 10px;
            position: relative; }
            @media (min-width: 1024px) {
              .main.about .honor_box .honor ul li .txt .ico:hover .code {
                transform: translateY(0px);
                filter: alpha(opacity=100);
                opacity: 1;
                visibility: visible; } }
            .main.about .honor_box .honor ul li .txt .ico .arrow {
              width: 32px;
              height: 34px;
              position: absolute;
              left: -32px;
              bottom: 5px;
              display: none;
              background: url(../images/1.png) no-repeat; }
            .main.about .honor_box .honor ul li .txt .ico .code {
              position: absolute;
              z-index: 20;
              left: 50%;
              margin-left: -182px;
              bottom: 40px;
              background: #fff;
              width: 364px;
              box-shadow: 3px 4px 5px rgba(6, 0, 1, 0.2);
              border: solid 1px rgba(6, 0, 1, 0.1);
              height: 250px;
              padding: 10px;
              box-sizing: border-box;
              text-align: center;
              transform: translateY(-20px);
              filter: alpha(opacity=0);
              opacity: 0;
              visibility: hidden;
              transition: all 0.3s ease-in; }
              .main.about .honor_box .honor ul li .txt .ico .code img {
                max-width: 100%;
                max-height: 100%; }
    @media (max-width: 1460px) {
      .main.about .honor_box {
        padding-top: 50px; }
        .main.about .honor_box .honor {
          margin-top: 20px;
          width: 100.5%; }
          .main.about .honor_box .honor ul li .t {
            font-size: 20px;
            line-height: 36px;
            color: #333; }
          .main.about .honor_box .honor ul li .txt {
            font-size: 16px;
            line-height: 28px; }
            .main.about .honor_box .honor ul li .txt .ico .code {
              width: 300px;
              height: 200px; } }
    @media (max-width: 1270px) {
      .main.about .honor_box .honor ul li .txt .ico .code {
        right: 0;
        left: auto;
        margin-left: 0; } }
    @media (max-width: 1024px) {
      .main.about .honor_box {
        padding-top: 40px; }
        .main.about .honor_box .honor ul li {
          padding: 15px; }
          .main.about .honor_box .honor ul li .t {
            font-size: 18px;
            line-height: 28px; }
          .main.about .honor_box .honor ul li .txt {
            margin-top: 5px; }
            .main.about .honor_box .honor ul li .txt .ico {
              display: none; } }
    @media (max-width: 600px) {
      .main.about .honor_box {
        padding-top: 25px; }
        .main.about .honor_box .honor {
          width: 100%; }
          .main.about .honor_box .honor ul li {
            margin: 0 0 15px 0;
            padding: 15px;
            width: 100%; }
            .main.about .honor_box .honor ul li .t {
              font-size: 18px;
              line-height: 28px;
              padding-bottom: 10px; }
            .main.about .honor_box .honor ul li .txt {
              margin-top: 0px;
              font-size: 14px;
              line-height: 24px; }
              .main.about .honor_box .honor ul li .txt .ico {
                display: none; } }
  .main.about .honor_main {
    padding-top: 60px;
    padding-bottom: 105px;
    transition: all 0.5s; }
    .main.about .honor_main .honor_l {
      float: left;
      width: 50%; }
      .main.about .honor_main .honor_l .txt {
        padding-top: 22px;
        font-size: 18px;
        line-height: 34px;
        color: #666; }
      .main.about .honor_main .honor_l .con {
        font-size: 20px;
        line-height: 36px;
        color: #333;
        padding-top: 40px; }
    .main.about .honor_main .tu {
      float: right;
      width: 39%;
      margin-top: 30px;
      overflow: hidden; }
      .main.about .honor_main .tu img {
        width: 100%;
        height: auto; }
    @media (max-width: 1460px) {
      .main.about .honor_main {
        padding-top: 50px;
        padding-bottom: 90px; }
        .main.about .honor_main .tu {
          width: 44%; }
        .main.about .honor_main .honor_l .txt {
          padding-top: 15px;
          font-size: 16px;
          line-height: 30px; }
        .main.about .honor_main .honor_l .con {
          font-size: 18px;
          line-height: 34px;
          padding-top: 30px; } }
    @media (max-width: 1024px) {
      .main.about .honor_main {
        padding-top: 40px;
        padding-bottom: 60px; }
        .main.about .honor_main .tu {
          width: 100%;
          float: none; }
        .main.about .honor_main .honor_l {
          width: 100%;
          float: none; }
          .main.about .honor_main .honor_l .txt .con {
            padding-top: 20px; } }
    @media (max-width: 600px) {
      .main.about .honor_main {
        padding-top: 25px;
        padding-bottom: 30px; }
        .main.about .honor_main .honor_l {
          width: 100%;
          float: none; }
          .main.about .honor_main .honor_l .txt {
            font-size: 14px;
            line-height: 24px; }
          .main.about .honor_main .honor_l .con {
            font-size: 16px;
            line-height: 24px;
            padding-top: 15px; } }
  .main.about .team {
    padding-top: 60px;
    padding-bottom: 80px;
    transition: all 0.5s; }
    .main.about .team .tit {
      color: #024381; }
    .main.about .team .content .con {
      padding-top: 5px; }
      .main.about .team .content .con > p {
        padding-bottom: 18px;
        font-size: 18px;
        line-height: 36px;
        color: #666; }
        .main.about .team .content .con > p strong {
          color: #00a9a5; }
      .main.about .team .content .con .tu {
        float: right;
        margin-left: 80px;
        margin-bottom: 80px;
        padding-top: 10px;
        width: 44.4%;
        overflow: hidden; }
        .main.about .team .content .con .tu img {
          width: 100%;
          height: auto; }
      .main.about .team .content .con .txt {
        padding-bottom: 30px; }
        .main.about .team .content .con .txt .ds {
          font-size: 18px;
          line-height: 30px;
          color: #666;
          padding-bottom: 10px; }
        .main.about .team .content .con .txt p {
          font-size: 18px;
          line-height: 30px;
          color: #00a9a5;
          padding-bottom: 6px;
          font-weight: bold; }
    @media (max-width: 1460px) {
      .main.about .team {
        padding-top: 50px;
        padding-bottom: 70px; }
        .main.about .team .content .con > p {
          font-size: 16px;
          line-height: 30px; }
        .main.about .team .content .con .txt {
          padding-bottom: 25px; }
          .main.about .team .content .con .txt .ds, .main.about .team .content .con .txt p {
            font-size: 16px;
            line-height: 26px; } }
    @media (max-width: 1024px) {
      .main.about .team {
        padding-top: 40px;
        padding-bottom: 50px; }
        .main.about .team .content .con > p {
          padding-bottom: 20px;
          font-size: 16px;
          line-height: 30px; }
        .main.about .team .content .con .tu {
          width: 100%;
          float: none;
          margin: 0 0 10px 0; }
        .main.about .team .content .con .txt {
          padding-bottom: 20px; }
          .main.about .team .content .con .txt .ds, .main.about .team .content .con .txt p {
            font-size: 16px;
            line-height: 26px; } }
    @media (max-width: 600px) {
      .main.about .team {
        padding-top: 25px;
        padding-bottom: 30px; }
        .main.about .team .content .con > p {
          padding-bottom: 10px;
          font-size: 14px;
          line-height: 24px; }
        .main.about .team .content .con .txt {
          padding-bottom: 10px; }
          .main.about .team .content .con .txt .ds, .main.about .team .content .con .txt p {
            font-size: 14px;
            line-height: 24px;
            padding-bottom: 0; } }
  .main.about .contact {
    padding-top: 40px;
    padding-bottom: 100px;
    transition: all 0.5s; }
    .main.about .contact .tit {
      color: #024381; }
    .main.about .contact .cont {
      font-size: 18px;
      line-height: 36px;
      color: #666;
      padding-top: 35px; }
      .main.about .contact .cont .t {
        font-size: 18px;
        line-height: 30px;
        color: #333;
        font-weight: bold; }
      .main.about .contact .cont .more {
        margin-top: 40px; }
        .main.about .contact .cont .more a {
          color: #65AADD;
          font-weight: bold;
          text-decoration: underline; }
    @media (max-width: 1460px) {
      .main.about .contact {
        padding-top: 30px;
        padding-bottom: 90px; }
        .main.about .contact .cont {
          font-size: 16px;
          line-height: 32px; }
          .main.about .contact .cont .t {
            font-size: 16px;
            line-height: 24px; }
          .main.about .contact .cont .more {
            margin-top: 30px; } }
    @media (max-width: 1024px) {
      .main.about .contact {
        padding-top: 25px;
        padding-bottom: 60px; }
        .main.about .contact .cont .more {
          margin-top: 25px; } }
    @media (max-width: 1024px) {
      .main.about .contact {
        padding-top: 20px;
        padding-bottom: 30px; }
        .main.about .contact .cont {
          padding-top: 15px;
          font-size: 14px;
          line-height: 24px; }
          .main.about .contact .cont .t {
            font-size: 14px;
            line-height: 24px; }
          .main.about .contact .cont .more {
            margin-top: 15px; } }
  .main.about .network {
    border-bottom: 1px solid #d9d9d9;
    padding-top: 60px;
    transition: all 0.5s; }
    .main.about .network .tit {
      color: #024381; }
    .main.about .network .net_box .tu {
      float: right;
      width: 39%;
      margin-top: 10px;
      overflow: hidden; }
      .main.about .network .net_box .tu img {
        width: 100%;
        height: auto; }
    .main.about .network .net_box .net_l {
      float: left;
      width: 55%;
      font-size: 18px;
      line-height: 36px;
      color: #666; }
      .main.about .network .net_box .net_l .t {
        font-size: 24px;
        line-height: 32px;
        color: #333; }
      .main.about .network .net_box .net_l p {
        padding-bottom: 15px; }
    @media (max-width: 1460px) {
      .main.about .network {
        padding-top: 50px; }
        .main.about .network .net_box .net_l {
          font-size: 16px;
          line-height: 30px; }
          .main.about .network .net_box .net_l .t {
            font-size: 20px;
            line-height: 30px; } }
    @media (max-width: 1024px) {
      .main.about .network {
        padding-top: 40px; }
        .main.about .network .net_box {
          padding-bottom: 20px; }
          .main.about .network .net_box .net_l {
            width: 100%;
            float: none; }
          .main.about .network .net_box .tu {
            width: 100%;
            float: none; } }
    @media (max-width: 600px) {
      .main.about .network {
        padding-top: 25px; }
        .main.about .network .net_box .net_l {
          font-size: 14px;
          line-height: 24px; }
          .main.about .network .net_box .net_l .t {
            font-size: 16px;
            line-height: 28px; }
          .main.about .network .net_box .net_l p {
            padding-bottom: 10px; } }
  .main.about .contact_box {
    padding-top: 45px;
    transition: all 0.5s ease-in-out; }
    .main.about .contact_box .tit {
      color: #024381; }
    .main.about .contact_box .address {
      margin-top: 25px;
      padding-bottom: 80px;
      padding-top: 14px;
      border-top: 1px solid #d9d9d9; }
      .main.about .contact_box .address ul {
        width: 100% !important;
        overflow: hidden; }
        .main.about .contact_box .address ul li:nth-child(even) {
          float: right; }
        .main.about .contact_box .address ul li {
          width: 48%;
          float: left;
          padding-top: 25px; }
          .main.about .contact_box .address ul li .t {
            font-size: 18px;
            line-height: 36px;
            color: #024381;
            font-weight: bold; }
          .main.about .contact_box .address ul li .con {
            font-size: 16px;
            line-height: 32px;
            color: #666; }
    @media (max-width: 1460px) {
      .main.about .contact_box {
        padding-top: 40px; }
        .main.about .contact_box .address {
          margin-top: 20px;
          padding-bottom: 70px;
          padding-top: 10px; }
          .main.about .contact_box .address ul li {
            padding-top: 20px; } }
    @media (max-width: 1024px) {
      .main.about .contact_box .address ul li:nth-child(even) {
        float: none; }
      .main.about .contact_box .address ul li {
        width: 100%;
        float: none;
        height: auto !important; } }
    @media (max-width: 600px) {
      .main.about .contact_box {
        padding-top: 25px; }
        .main.about .contact_box .address {
          margin-top: 15px;
          padding-bottom: 30px; }
          .main.about .contact_box .address ul li {
            padding-top: 15px; }
            .main.about .contact_box .address ul li .t {
              font-size: 16px;
              line-height: 30px; }
            .main.about .contact_box .address ul li .con {
              font-size: 14px;
              line-height: 24px; } }
  .main.about .container {
    padding-bottom: 85px;
    transition: all 0.5s; }
    .main.about .container .txt_box {
      font-size: 18px;
      line-height: 36px;
      color: #666;
      padding-top: 57px; }
    .main.about .container .content_box {
      margin-top: 30px; }
      .main.about .container .content_box .more {
        width: 180px;
        height: 50px;
        font-size: 14px;
        line-height: 50px;
        color: #fff;
        text-align: center;
        background: #024381;
        cursor: pointer;
        margin-top: 40px; }
      .main.about .container .content_box > ul > li {
        margin-bottom: 15px; }
        .main.about .container .content_box > ul > li.active .tit {
          background: #024381;
          border-color: #024381; }
          .main.about .container .content_box > ul > li.active .tit .txt {
            color: #fff; }
          .main.about .container .content_box > ul > li.active .tit .ico {
            background: url(../images/ss.png) no-repeat center center; }
        .main.about .container .content_box > ul > li .tit {
          padding-left: 40px;
          padding-right: 25px;
          border-top: 1px solid #d9d9d9;
          cursor: pointer;
          transition: all 0.3s;
          border-bottom: 1px solid #d9d9d9;
          height: 70px; }
          .main.about .container .content_box > ul > li .tit .txt {
            float: left;
            font-size: 24px;
            line-height: 70px;
            color: #024381;
            transition: all 0.3s; }
          .main.about .container .content_box > ul > li .tit .ico {
            width: 21px;
            height: 100%;
            transition: all 0.3s;
            float: right;
            background: url(../images/xx.png) no-repeat center center; }
        .main.about .container .content_box > ul > li .content {
          padding: 0 45px;
          display: none; }
          .main.about .container .content_box > ul > li .content.show {
            display: block; }
          .main.about .container .content_box > ul > li .content .cont {
            overflow: hidden;
            padding-bottom: 60px; }
            .main.about .container .content_box > ul > li .content .cont ul {
              width: 110%; }
              .main.about .container .content_box > ul > li .content .cont ul li {
                float: left;
                width: 17.1%;
                margin-right: 1.2%;
                margin-top: 1.8%;
                text-align: center;
				margin-bottom: 1%;
				}
                @media (min-width: 1024px) {
                  .main.about .container .content_box > ul > li .content .cont ul li:hover .tu img {
                    transform: scale(1.1); }
                  .main.about .container .content_box > ul > li .content .cont ul li:hover .ti {
                    color: #024381; } }
                .main.about .container .content_box > ul > li .content .cont ul li .tu {
                  box-shadow: 3px 4px 5px rgba(6, 0, 1, 0.1);
                  border: solid 1px rgba(6, 0, 1, 0.1);
                  height: 110px;
                  line-height: 110px; }
                  .main.about .container .content_box > ul > li .content .cont ul li .tu img {
                    max-width: 90%;
                    transition: all 0.3s;
                    max-height: 90%; }
                .main.about .container .content_box > ul > li .content .cont ul li .ti {
                  font-size: 18px;
                  line-height: 30px;
                  color: #666;
                  transition: all 0.3s;
                  padding-top: 15px; }
    @media (max-width: 1460px) {
      .main.about .container {
        padding-bottom: 70px; }
        .main.about .container .txt_box {
          font-size: 16px;
          line-height: 32px;
          padding-top: 50px; }
        .main.about .container .content_box {
          margin-top: 30px; }
          .main.about .container .content_box .more {
            margin-top: 30px; }
          .main.about .container .content_box > ul > li .tit {
            padding-left: 30px;
            padding-right: 25px;
            height: 60px; }
            .main.about .container .content_box > ul > li .tit .txt {
              float: left;
              font-size: 20px;
              line-height: 60px; }
          .main.about .container .content_box > ul > li .content {
            padding: 0 35px; }
            .main.about .container .content_box > ul > li .content .cont {
              padding-bottom: 50px; }
              .main.about .container .content_box > ul > li .content .cont ul {
                width: 110%; }
                .main.about .container .content_box > ul > li .content .cont ul li .ti {
                  font-size: 16px;
                  line-height: 28px;
                  padding-top: 10px; } }
    @media (max-width: 1024px) {
      .main.about .container {
        padding-bottom: 60px; }
        .main.about .container .txt_box {
          font-size: 16px;
          line-height: 32px;
          padding-top: 30px; }
        .main.about .container .content_box {
          margin-top: 30px; }
          .main.about .container .content_box .more {
            margin-top: 30px;
            height: 40px;
            line-height: 40px;
            width: 150px; }
          .main.about .container .content_box > ul > li .tit {
            padding-left: 15px;
            padding-right: 15px;
            height: 50px; }
            .main.about .container .content_box > ul > li .tit .txt {
              font-size: 20px;
              line-height: 50px; }
            .main.about .container .content_box > ul > li .tit .ico {
              background-size: 15px 8px !important; }
          .main.about .container .content_box > ul > li .content {
            padding: 0 15px; }
            .main.about .container .content_box > ul > li .content .cont {
              padding-bottom: 30px; }
              .main.about .container .content_box > ul > li .content .cont ul li .ti {
                font-size: 16px;
                line-height: 28px; } }
    @media (max-width: 800px) {
      .main.about .container {
        padding-bottom: 60px; }
        .main.about .container .txt_box {
          font-size: 16px;
          line-height: 32px;
          padding-top: 30px; }
        .main.about .container .content_box {
          margin-top: 30px; }
          .main.about .container .content_box .more {
            margin-top: 20px;
            height: 40px;
            line-height: 40px;
            width: 150px; }
          .main.about .container .content_box > ul > li .tit {
            padding-left: 15px;
            padding-right: 15px;
            height: 50px; }
            .main.about .container .content_box > ul > li .tit .txt {
              font-size: 20px;
              line-height: 50px; }
            .main.about .container .content_box > ul > li .tit .ico {
              background-size: 15px 8px !important; }
          .main.about .container .content_box > ul > li .content {
            padding: 0 15px; }
            .main.about .container .content_box > ul > li .content .cont {
              padding-bottom: 30px;
              padding-top: 10px; }
              .main.about .container .content_box > ul > li .content .cont ul li {
                width: 28.5%;
                margin-right: 1.2%;
                margin-bottom: 1.2%; }
                .main.about .container .content_box > ul > li .content .cont ul li .ti {
                  font-size: 14px;
                  line-height: 24px; } }
    @media (max-width: 450px) {
      .main.about .container {
        padding-bottom: 20px; }
        .main.about .container .txt_box {
          font-size: 16px;
          line-height: 32px;
          padding-top: 30px; }
        .main.about .container .content_box {
          margin-top: 30px; }
          .main.about .container .content_box .more {
            margin-top: 15px;
            height: 36px;
            line-height: 36px;
            width: 120px; }
          .main.about .container .content_box > ul > li .tit {
            padding-left: 8px;
            padding-right: 8px;
            height: 40px; }
            .main.about .container .content_box > ul > li .tit .txt {
              font-size: 16px;
              line-height: 40px; }
            .main.about .container .content_box > ul > li .tit .ico {
              background-size: 15px 8px !important; }
          .main.about .container .content_box > ul > li .content {
            padding: 0 8px; }
            .main.about .container .content_box > ul > li .content .cont {
              padding-bottom: 10px;
              padding-top: 10px; }
              .main.about .container .content_box > ul > li .content .cont ul {
                width: 100%; }
                .main.about .container .content_box > ul > li .content .cont ul li:nth-child(even) {
                  float: right; }
                .main.about .container .content_box > ul > li .content .cont ul li {
                  width: 48%;
                  margin-right: 0;
                  margin-bottom: 5%; }
                  .main.about .container .content_box > ul > li .content .cont ul li .ti {
                    font-size: 13px;
                    line-height: 20px; } }
  .main.service .service_box {
    padding-top: 80px;
    padding-bottom: 180px; }
    .main.service .service_box ul li:nth-child(even) a .tu {
      float: left; }
    .main.service .service_box ul li:nth-child(even) a .cont {
      float: right; }
    .main.service .service_box ul li {
      margin-top: 20px;
      transition: all 0.5s; }
      @media (min-width: 1024px) {
        .main.service .service_box ul li:hover a .tu img {
          transform: scale(1.1); }
        .main.service .service_box ul li:hover a .cont .conn .tab .tab_cell .more {
          background: #024381;
          color: #fff;
          border-color: #024381; } }
      .main.service .service_box ul li a .cont {
        float: left;
        width: 48.6%; }
        .main.service .service_box ul li a .cont .conn {
          border-top: 2px solid #a0a0a0;
          border-bottom: 1px solid #d9d9d9;
          box-sizing: border-box;
          padding: 0 25px 0 45px;
          height: 100%; }
          .main.service .service_box ul li a .cont .conn .tab {
            width: 100%;
            height: 100%;
            display: table; }
            .main.service .service_box ul li a .cont .conn .tab .tab_cell {
              display: table-cell;
              vertical-align: middle; }
              .main.service .service_box ul li a .cont .conn .tab .tab_cell .t {
                color: #333; }
              .main.service .service_box ul li a .cont .conn .tab .tab_cell .con {
                margin-top: 20px;
                font-size: 16px;
                line-height: 30px;
                color: #666;
                height: 120px;
                overflow: hidden; }
              .main.service .service_box ul li a .cont .conn .tab .tab_cell .more {
                width: 150px;
                height: 50px;
                transition: all 0.3s;
                border: 1px solid #cfcfcf;
                font-size: 20px;
                line-height: 50px;
                color: #333;
                text-align: center;
                margin-top: 5px; }
      .main.service .service_box ul li a .tu {
        width: 48.6%;
        float: right;
        overflow: hidden; }
        .main.service .service_box ul li a .tu img {
          width: 100%;
          transition: all 0.3s;
          height: auto; }
    @media (max-width: 1460px) {
      .main.service .service_box {
        padding-top: 70px;
        padding-bottom: 150px; }
        .main.service .service_box ul li {
          margin-top: 20px; }
          .main.service .service_box ul li a .cont .conn {
            padding: 0 25px 0 25px; }
            .main.service .service_box ul li a .cont .conn .tab .tab_cell .con {
              margin-top: 15px;
              font-size: 16px;
              line-height: 30px;
              height: 120px; } }
    @media (max-width: 1250px) {
      .main.service .service_box {
        padding-top: 70px;
        padding-bottom: 150px; }
        .main.service .service_box ul li {
          margin-top: 20px; }
          .main.service .service_box ul li a .cont .conn {
            padding: 0 25px 0 25px; }
            .main.service .service_box ul li a .cont .conn .tab .tab_cell .con {
              margin-top: 10px;
              font-size: 14px;
              line-height: 24px;
              height: 72px; }
            .main.service .service_box ul li a .cont .conn .tab .tab_cell .more {
              width: 120px;
              height: 44px;
              font-size: 16px;
              line-height: 44px; } }
    @media (max-width: 1024px) {
      .main.service .service_box {
        padding-top: 50px;
        padding-bottom: 80px; }
        .main.service .service_box ul li {
          margin-top: 15px; }
          .main.service .service_box ul li a .tu {
            width: 100%;
            float: none; }
          .main.service .service_box ul li a .cont {
            width: 100%;
            height: auto !important; }
            .main.service .service_box ul li a .cont .conn {
              border: none;
              padding: 15px 0; }
              .main.service .service_box ul li a .cont .conn .tab {
                display: block; }
                .main.service .service_box ul li a .cont .conn .tab .tab_cell {
                  display: block; }
                  .main.service .service_box ul li a .cont .conn .tab .tab_cell .con {
                    margin-top: 10px;
                    font-size: 14px;
                    line-height: 24px;
                    height: auto; }
                  .main.service .service_box ul li a .cont .conn .tab .tab_cell .more {
                    width: 120px;
                    height: 44px;
                    margin-top: 10px;
                    font-size: 16px;
                    line-height: 44px; } }
    @media (max-width: 700px) {
      .main.service .service_box {
        padding-top: 40px;
        padding-bottom: 30px; }
        .main.service .service_box ul li a .cont .conn .tab .tab_cell .more {
          width: 120px;
          height: 38px;
          margin-top: 10px;
          font-size: 14px;
          line-height: 38px; } }
  .main.service .box {
    padding-bottom: 90px; }
    .main.service .box .box_l {
      float: left;
      width: 66.66%;
      transition: transform 0.5s,opacity 0.5s; }
      .main.service .box .box_l p, .main.service .box .box_l span {
        white-space: normal !important; }
      .main.service .box .box_l img {
        max-width: 100%;
        height: auto !important; }
      .main.service .box .box_l .tit {
        font-size: 36px;
        line-height: 54px;
        color: #333;
        padding-top: 55px; }
        @media (max-width: 1460px) {
          .main.service .box .box_l .tit {
            font-size: 36px;
            line-height: 54px;
            padding-top: 50px; } }
        @media (max-width: 1024px) {
          .main.service .box .box_l .tit {
            font-size: 32px;
            line-height: 54px;
            padding-top: 40px; } }
        @media (max-width: 850px) {
          .main.service .box .box_l .tit {
            font-size: 26px;
            line-height: 30px;
            padding-top: 10px; } }
      .main.service .box .box_l .cont {
        margin-top: 45px; }
        .main.service .box .box_l .cont.cont2 {
          margin-top: 30px; }
        .main.service .box .box_l .cont .tu {
          padding-top: 60px; }
          .main.service .box .box_l .cont .tu img {
            max-width: 100%; }
        .main.service .box .box_l .cont .t {
          font-size: 24px;
          line-height: 40px;
          color: #024381; }
        .main.service .box .box_l .cont .con {
          font-size: 16px;
          line-height: 28px;
          color: #666;
          margin-top: 10px; }
          .main.service .box .box_l .cont .con p:last-child {
            padding-bottom: 0; }
          .main.service .box .box_l .cont .con p {
            padding-bottom: 34px; }
        .main.service .box .box_l .cont .include {
          padding-top: 30px; }
          .main.service .box .box_l .cont .include .ti {
            font-size: 16px;
            line-height: 30px;
            color: #333;
            font-weight: bold; }
          .main.service .box .box_l .cont .include .include_box {
            font-size: 24px;
            line-height: 58px;
            color: #17b0ae;
            margin-top: 15px; }
        .main.service .box .box_l .cont .list {
          margin-top: 10px; }
          .main.service .box .box_l .cont .list .more {
            display: block;
            width: 180px;
            height: 50px;
            background: #024381;
            font-size: 14px;
            line-height: 50px;
            color: #fff;
            text-align: center;
            margin-top: 30px; }
          .main.service .box .box_l .cont .list ul li {
            border: 1px solid #e7e6e6;
            padding: 25px;
            margin-bottom: 15px;
            box-sizing: border-box; }
            .main.service .box .box_l .cont .list ul li .pic {
              width: 20%;
              float: left;
              overflow: hidden;
              box-shadow: 15px 15px 15px #9b9b9b; }
              .main.service .box .box_l .cont .list ul li .pic img {
                width: 100%;
                display: block;
                height: auto; }
            .main.service .box .box_l .cont .list ul li .con_box {
              float: left;
              width: 80%;
              padding-left: 40px;
              padding-top: 12px;
              box-sizing: border-box; }
              .main.service .box .box_l .cont .list ul li .con_box .ti {
                font-size: 18px;
                line-height: 24px;
                color: #333; }
              .main.service .box .box_l .cont .list ul li .con_box .con_txt {
                margin-top: 25px;
                font-size: 16px;
                line-height: 32px;
                color: #666; }
                .main.service .box .box_l .cont .list ul li .con_box .con_txt .icon {
                  width: 24px;
                  height: 24px;
                  background: url(../images/icon_em.png) no-repeat;
                  background-size: contain;
                  margin-left: 5px;
                  display: inline-block;
                  vertical-align: middle; }
      .main.service .box .box_l .customer_box {
        margin-top: 45px;
        border-top: 2px solid #a0a0a0; }
        .main.service .box .box_l .customer_box .ti {
          font-size: 24px;
          line-height: 40px;
          color: #024381;
          padding-top: 18px; }
        .main.service .box .box_l .customer_box .customer {
          overflow: hidden;
          margin-top: 12px; }
          .main.service .box .box_l .customer_box .customer ul {
            width: 110%; }
            .main.service .box .box_l .customer_box .customer ul li {
              float: left;
              width: 21.3%;
              margin-right: 1.8%;
              margin-bottom: 1.8%;
              border-bottom: 1px solid #eaeaea; }
              @media (min-width: 1024px) {
                .main.service .box .box_l .customer_box .customer ul li:hover .tu img {
                  transform: scale(1.1); } }
              .main.service .box .box_l .customer_box .customer ul li .tu {
                width: 100%;
                height: 110px;
                border: 1px solid #e6e5e5;
                box-sizing: border-box;
                text-align: center;
                line-height: 110px; }
                .main.service .box .box_l .customer_box .customer ul li .tu img {
                  max-width: 90%;
                  max-height: 90%;
                  transition: transform 0.5s; }
              .main.service .box .box_l .customer_box .customer ul li .txt {
                font-size: 18px;
                line-height: 60px;
                text-align: center; }
        @media (max-width: 1460px) {
          .main.service .box .box_l .customer_box {
            margin-top: 40px; }
            .main.service .box .box_l .customer_box .customer ul li .txt {
              font-size: 17px;
              line-height: 50px; } }
        @media (max-width: 850px) {
          .main.service .box .box_l .customer_box {
            margin-top: 30px; }
            .main.service .box .box_l .customer_box .ti {
              font-size: 20px;
              line-height: 36px;
              padding-top: 10px; }
            .main.service .box .box_l .customer_box .customer ul li .txt {
              font-size: 16px;
              line-height: 50px; } }
        @media (max-width: 550px) {
          .main.service .box .box_l .customer_box {
            margin-top: 20px; }
            .main.service .box .box_l .customer_box .customer ul li {
              width: 29%;
              margin-bottom: 10px;
              margin-right: 1.4%; }
              .main.service .box .box_l .customer_box .customer ul li .txt {
                font-size: 14px;
                line-height: 30px; } }
      .main.service .box .box_l .contact {
        margin-top: 40px;
        border-top: 1px solid #d9d9d9; }
        @media (max-width: 1024px) {
          .main.service .box .box_l .contact {
            margin-top: 25px; } }
        .main.service .box .box_l .contact .tit {
          color: #024381; }
        .main.service .box .box_l .contact .cont {
          font-size: 18px;
          line-height: 36px;
          color: #666;
          padding-top: 0px !important;
          margin: 0 !important; }
          .main.service .box .box_l .contact .cont .t {
            font-size: 18px;
            line-height: 30px;
            color: #333;
            font-weight: bold; }
          .main.service .box .box_l .contact .cont .more {
            margin-top: 30px; }
            .main.service .box .box_l .contact .cont .more a {
              color: #65AADD;
              font-weight: bold;
              text-decoration: underline; }
        @media (max-width: 1460px) {
          .main.service .box .box_l .contact {
            padding-top: 30px; }
            .main.service .box .box_l .contact .cont {
              font-size: 16px;
              line-height: 32px; }
              .main.service .box .box_l .contact .cont .t {
                font-size: 16px;
                line-height: 24px; }
              .main.service .box .box_l .contact .cont .more {
                margin-top: 30px; } }
        @media (max-width: 1024px) {
          .main.service .box .box_l .contact {
            padding-top: 25px; }
            .main.service .box .box_l .contact .cont .more {
              margin-top: 25px; } }
        @media (max-width: 1024px) {
          .main.service .box .box_l .contact {
            padding-top: 20px;
            padding-bottom: 30px; }
            .main.service .box .box_l .contact .cont {
              padding-top: 15px;
              font-size: 14px;
              line-height: 24px; }
              .main.service .box .box_l .contact .cont .t {
                font-size: 14px;
                line-height: 24px; }
              .main.service .box .box_l .contact .cont .more {
                margin-top: 15px; } }
    .main.service .box .box_r {
      float: right;
      width: 28.8%;
      transition: transform 0.5s,opacity 0.5s; }
      .main.service .box .box_r .title .cn {
        font-size: 36px;
        line-height: 54px;
        color: #333; }
      .main.service .box .box_r .title .en {
        font-size: 48px;
        line-height: 56px;
        color: #333;
        filter: alpha(opacity=20);
        opacity: 0.2;
        font-family: Arial; }
      .main.service .box .box_r .txt_box {
        margin-top: 10px; }
        .main.service .box .box_r .txt_box ul li {
          border-bottom: 1px solid #d6d6d6; }
          .main.service .box .box_r .txt_box ul li.cur a {
            font-weight: bold;
            color: #17b0ae; }
          @media (min-width: 1024px) {
            .main.service .box .box_r .txt_box ul li:hover a {
              color: #17b0ae; } }
          .main.service .box .box_r .txt_box ul li a {
            display: block;
            transition: all 0.3s;
            font-size: 18px;
            line-height: 30px;
            color: #333;
            background: url(../images/jt.png) no-repeat 14px 16px;
            padding: 5px 0 5px 50px; }
    @media (max-width: 1460px) {
      .main.service .box {
        padding-bottom: 80px; }
        .main.service .box .box_l .cont {
          margin-top: 40px; }
          .main.service .box .box_l .cont .tu {
            padding-top: 50px; }
          .main.service .box .box_l .cont .con {
            font-size: 16px;
            line-height: 24px;
            margin-top: 10px; }
            .main.service .box .box_l .cont .con p {
              padding-bottom: 28px; }
          .main.service .box .box_l .cont .list ul li {
            padding: 20px; }
            .main.service .box .box_l .cont .list ul li .con_box {
              width: 78%;
              padding-left: 40px; }
              .main.service .box .box_l .cont .list ul li .con_box .ti {
                font-size: 18px;
                line-height: 24px; }
              .main.service .box .box_l .cont .list ul li .con_box .con_txt {
                margin-top: 20px;
                font-size: 16px;
                line-height: 28px; }
        .main.service .box .box_r .title .cn {
          font-size: 32px;
          line-height: 54px; }
        .main.service .box .box_r .title .en {
          font-size: 44px;
          line-height: 56px; }
        .main.service .box .box_r .txt_box {
          margin-top: 10px; }
          .main.service .box .box_r .txt_box ul li {
            border-bottom: 1px solid #d6d6d6; }
            .main.service .box .box_r .txt_box ul li a {
              display: block;
              font-size: 18px;
              line-height: 30px;
              color: #333;
              background: url(../images/jt.png) no-repeat 14px 16px;
              padding: 5px 0 5px 50px; } }
    @media (max-width: 1024px) {
      .main.service .box {
        padding-bottom: 60px;
        padding-top: 70px; }
        .main.service .box .box_l .cont {
          margin-top: 30px; }
          .main.service .box .box_l .cont.cont2 {
            margin-top: 30px; }
          .main.service .box .box_l .cont .tu {
            padding-top: 30px; }
          .main.service .box .box_l .cont .include {
            padding-top: 20px; }
            .main.service .box .box_l .cont .include .ti {
              font-size: 14px;
              line-height: 24px; }
            .main.service .box .box_l .cont .include .include_box {
              font-size: 24px;
              line-height: 40px;
              margin-top: 10px; }
          .main.service .box .box_l .cont .con {
            font-size: 14px;
            line-height: 24px;
            margin-top: 10px; }
            .main.service .box .box_l .cont .con p {
              padding-bottom: 15px; }
          .main.service .box .box_l .cont .list ul li {
            padding: 15px; }
            .main.service .box .box_l .cont .list ul li .con_box {
              width: 78%;
              padding-left: 40px; }
              .main.service .box .box_l .cont .list ul li .con_box .ti {
                font-size: 18px;
                line-height: 24px; }
              .main.service .box .box_l .cont .list ul li .con_box .con_txt {
                margin-top: 10px;
                font-size: 14px;
                line-height: 24px; }
        .main.service .box .box_r .title .cn {
          font-size: 28px;
          line-height: 40px; }
        .main.service .box .box_r .title .en {
          font-size: 34px;
          line-height: 40px; }
        .main.service .box .box_r .txt_box ul li a {
          font-size: 16px;
          line-height: 30px; } }
    @media (max-width: 850px) {
      .main.service .box {
        padding-bottom: 40px;
        padding-top: 40px; }
        .main.service .box .box_l {
          width: 100%;
          float: none; }
          .main.service .box .box_l .cont {
            margin-top: 0px;
            margin-bottom: 20px; }
            .main.service .box .box_l .cont.cont2 {
              margin-top: 10px; }
            .main.service .box .box_l .cont .t {
              font-size: 20px;
              line-height: 36px; }
            .main.service .box .box_l .cont .tu {
              padding-top: 20px; }
            .main.service .box .box_l .cont .con {
              font-size: 14px;
              line-height: 24px;
              margin-top: 10px; }
            .main.service .box .box_l .cont .list .more {
              width: 120px;
              height: 40px;
              line-height: 40px; }
            .main.service .box .box_l .cont .list ul li {
              padding: 15px; }
              .main.service .box .box_l .cont .list ul li .con_box {
                width: 78%;
                padding-left: 40px; }
                .main.service .box .box_l .cont .list ul li .con_box .ti {
                  font-size: 18px;
                  line-height: 24px; }
        .main.service .box .box_r {
          width: 100%;
          float: none;
          margin-top: 15px; }
          .main.service .box .box_r .title .cn {
            font-size: 26px;
            line-height: 30px; }
          .main.service .box .box_r .title .en {
            font-size: 30px;
            line-height: 40px; }
          .main.service .box .box_r .txt_box ul li a {
            font-size: 16px;
            line-height: 30px; } }
    @media (max-width: 600px) {
      .main.service .box .box_l .cont {
        margin-top: 0px;
        margin-bottom: 20px; }
        .main.service .box .box_l .cont .t {
          font-size: 20px;
          line-height: 36px; }
        .main.service .box .box_l .cont .include .include_box {
          font-size: 18px;
          line-height: 24px; }
        .main.service .box .box_l .cont .tu {
          padding-top: 20px; }
        .main.service .box .box_l .cont .con {
          font-size: 14px;
          line-height: 24px;
          margin-top: 10px; }
          .main.service .box .box_l .cont .con p {
            padding-bottom: 10px; }
        .main.service .box .box_l .cont .list .more {
          width: 120px;
          height: 40px;
          line-height: 40px; }
        .main.service .box .box_l .cont .list ul li {
          padding: 10px; }
          .main.service .box .box_l .cont .list ul li .pic {
            width: 25%;
            box-shadow: 10px 10px 10px #9b9b9b; }
          .main.service .box .box_l .cont .list ul li .con_box {
            width: 75%;
            padding-left: 20px; }
            .main.service .box .box_l .cont .list ul li .con_box .ti {
              font-size: 18px;
              line-height: 24px; }
            .main.service .box .box_l .cont .list ul li .con_box .con_txt {
              font-size: 13px;
              line-height: 24px;
              margin-top: 5px; }
      .main.service .box .box_r {
        width: 100%;
        float: none;
        margin-top: 15px; }
        .main.service .box .box_r .title .cn {
          font-size: 26px;
          line-height: 30px; }
        .main.service .box .box_r .title .en {
          font-size: 30px;
          line-height: 40px; }
        .main.service .box .box_r .txt_box ul li a {
          font-size: 16px;
          line-height: 30px; } }
  .main.service .team_box {
    padding-top: 50px;
    padding-bottom: 80px; }
    .main.service .team_box .tit {
      font-size: 24px;
      line-height: 40px;
      padding-bottom: 17px;
      color: #024381;
      transition: transform 0.5s,opacity 0.5s; }
      @media (max-width: 600px) {
        .main.service .team_box .tit {
          padding-bottom: 0;
          font-size: 20px;
          line-height: 36px; } }
    .main.service .team_box .list_box {
      transition: transform 0.5s,opacity 0.5s;
      margin-top: 30px; }
      .main.service .team_box .list_box .address {
        font-size: 24px;
        line-height: 40px;
        color: #333; }
        @media (max-width: 600px) {
          .main.service .team_box .list_box .address {
            font-size: 20px;
            line-height: 36px; } }
      .main.service .team_box .list_box .container {
        overflow: hidden;
        margin-top: 20px; }
        .main.service .team_box .list_box .container ul {
          width: 110%; }
          .main.service .team_box .list_box .container ul li {
            width: 29%;
            margin-right: 1.8%;
            margin-bottom: 1.8%;
            float: left;
            border: 1px solid #e7e6e6;
            padding: 15px;
            box-sizing: border-box; }
            .main.service .team_box .list_box .container ul li .pic {
              width: 30%;
              float: left;
              overflow: hidden;
              box-shadow: 10px 10px 10px #9b9b9b; }
              .main.service .team_box .list_box .container ul li .pic img {
                width: 100%;
                display: block;
                height: auto; }
            .main.service .team_box .list_box .container ul li .con_box {
              float: left;
              width: 70%;
              padding-left: 40px;
              box-sizing: border-box; }
              .main.service .team_box .list_box .container ul li .con_box .ti {
                font-size: 16px;
                line-height: 20px;
                color: #333; }
              .main.service .team_box .list_box .container ul li .con_box a {
                user-select: none; }
              .main.service .team_box .list_box .container ul li .con_box .con_txt {
                margin-top: 18px;
                font-size: 14px;
                line-height: 24px;
                color: #666; }
                .main.service .team_box .list_box .container ul li .con_box .con_txt .icon {
                  width: 24px;
                  height: 24px;
                  background: url(../images/icon_em.png) no-repeat;
                  background-size: contain;
                  margin-left: 5px;
                  display: inline-block;
                  vertical-align: middle; }
    @media (max-width: 1460px) {
      .main.service .team_box {
        padding-top: 40px;
        padding-bottom: 70px; }
        .main.service .team_box .list_box {
          margin-top: 30px; }
          .main.service .team_box .list_box .container {
            margin-top: 20px; }
            .main.service .team_box .list_box .container ul li {
              width: 29%;
              margin-right: 1.8%;
              margin-bottom: 1.8%;
              padding: 15px; } }
    @media (max-width: 1200px) {
      .main.service .team_box {
        padding-top: 40px;
        padding-bottom: 70px; }
        .main.service .team_box .list_box {
          margin-top: 20px; }
          .main.service .team_box .list_box .container {
            margin-top: 20px; }
            .main.service .team_box .list_box .container ul {
              width: 100%; }
              .main.service .team_box .list_box .container ul li:nth-child(even) {
                float: right; }
              .main.service .team_box .list_box .container ul li {
                width: 48%;
                margin-right: 0%;
                margin-bottom: 4%;
                padding: 15px; } }
    @media (max-width: 800px) {
      .main.service .team_box {
        padding-top: 50px;
        padding-bottom: 50px; }
        .main.service .team_box .list_box {
          margin-top: 10px; }
          .main.service .team_box .list_box .container {
            margin-top: 20px; }
            .main.service .team_box .list_box .container ul {
              width: 100%; }
              .main.service .team_box .list_box .container ul li:nth-child(even) {
                float: none; }
              .main.service .team_box .list_box .container ul li {
                width: 100%;
                margin-right: 0%;
                float: none;
                height: auto !important;
                margin-bottom: 15px;
                padding: 10px; }
                .main.service .team_box .list_box .container ul li .con_box {
                  padding-left: 20px; }
                  .main.service .team_box .list_box .container ul li .con_box .con_txt {
                    margin-top: 10px; } }
  .main.industry .industry_box {
    margin-top: 12px;
    padding-bottom: 95px; }
    .main.industry .industry_box ul li:nth-child(even) {
      float: right; }
    .main.industry .industry_box ul li {
      width: 49.33%;
      float: left;
      margin-top: 25px;
      border-bottom: 1px solid #d9d9d9;
      transition: all 0.5s; }
      @media (min-width: 1024px) {
        .main.industry .industry_box ul li:hover a .tu img {
          transform: scale(1.1); }
        .main.industry .industry_box ul li:hover a .cont .tab .tab_cell .t {
          color: #024381; } }
      .main.industry .industry_box ul li a {
        display: block;
        height: 376px;
        position: relative; }
        .main.industry .industry_box ul li a .tu {
          width: 317px;
          height: 376px;
          overflow: hidden;
          position: absolute;
          right: 0;
          top: 0; }
          .main.industry .industry_box ul li a .tu img {
            width: 100%;
            height: auto;
            transition: transform 0.5s; }
        .main.industry .industry_box ul li a .cont {
          width: 100%;
          padding-right: 317px;
          border-top: 2px solid #a0a0a0;
          box-sizing: border-box;
          height: 100%; }
          .main.industry .industry_box ul li a .cont .tab {
            width: 100%;
            padding: 0 42px;
            height: 100%;
            box-sizing: border-box;
            display: table; }
            .main.industry .industry_box ul li a .cont .tab .tab_cell {
              display: table-cell;
              vertical-align: middle; }
          .main.industry .industry_box ul li a .cont .t {
            font-size: 30px;
            line-height: 36px;
            color: #333;
            transition: color 0.5s;
            height: 72px;
            overflow: hidden; }
          .main.industry .industry_box ul li a .cont .con {
            font-size: 16px;
            line-height: 30px;
            color: #666;
            overflow: hidden;
            height: 120px;
            margin-top: 8px; }
          .main.industry .industry_box ul li a .cont .more {
            width: 150px;
            height: 50px;
            border: 1px solid #cfcfcf;
            font-size: 20px;
            line-height: 50px;
            color: #333;
            margin-top: 40px;
            text-align: center;
            box-sizing: border-box; }
    @media (max-width: 1460px) {
      .main.industry .industry_box {
        padding-bottom: 85px; }
        .main.industry .industry_box ul li a {
          height: 320px; }
          .main.industry .industry_box ul li a .tu {
            width: 270px;
            height: 320px; }
          .main.industry .industry_box ul li a .cont {
            padding-right: 270px; }
            .main.industry .industry_box ul li a .cont .tab {
              padding: 0 30px; }
            .main.industry .industry_box ul li a .cont .t {
              font-size: 26px;
              line-height: 32px;
              height: 64px; }
            .main.industry .industry_box ul li a .cont .con {
              font-size: 16px;
              line-height: 30px; }
            .main.industry .industry_box ul li a .cont .more {
              margin-top: 30px; } }
    @media (max-width: 1200px) {
      .main.industry .industry_box {
        padding-bottom: 85px; }
        .main.industry .industry_box ul li a {
          height: 280px; }
          .main.industry .industry_box ul li a .tu {
            width: 236px;
            height: 280px; }
          .main.industry .industry_box ul li a .cont {
            padding-right: 236px; }
            .main.industry .industry_box ul li a .cont .tab {
              padding: 0 15px; }
            .main.industry .industry_box ul li a .cont .t {
              font-size: 26px;
              line-height: 32px;
              height: 64px; }
            .main.industry .industry_box ul li a .cont .con {
              font-size: 16px;
              line-height: 30px;
              height: 90px; }
            .main.industry .industry_box ul li a .cont .more {
              margin-top: 20px; } }
    @media (max-width: 1024px) {
      .main.industry .industry_box {
        padding-bottom: 60px;
        margin-top: 70px; }
        .main.industry .industry_box ul li {
          width: 100%;
          float: none !important; }
          .main.industry .industry_box ul li a {
            height: 280px; }
            .main.industry .industry_box ul li a .tu {
              width: 236px;
              height: 280px; }
            .main.industry .industry_box ul li a .cont {
              padding-right: 236px; }
              .main.industry .industry_box ul li a .cont .tab {
                padding: 0 15px; }
              .main.industry .industry_box ul li a .cont .t {
                font-size: 22px;
                line-height: 26px;
                height: 52px; }
              .main.industry .industry_box ul li a .cont .con {
                font-size: 14px;
                line-height: 24px;
                height: 72px; }
              .main.industry .industry_box ul li a .cont .more {
                margin-top: 15px;
                font-size: 16px; } }
    @media (max-width: 550px) {
      .main.industry .industry_box {
        padding-bottom: 30px;
        margin-top: 50px; }
        .main.industry .industry_box ul li a {
          height: 200px; }
          .main.industry .industry_box ul li a .tu {
            width: 169px;
            height: 200px; }
          .main.industry .industry_box ul li a .cont {
            padding-right: 169px; }
            .main.industry .industry_box ul li a .cont .tab {
              padding: 0 10px; }
            .main.industry .industry_box ul li a .cont .t {
              font-size: 20px;
              line-height: 24px;
              height: 48px; }
            .main.industry .industry_box ul li a .cont .con {
              font-size: 14px;
              line-height: 24px;
              height: 48px; }
            .main.industry .industry_box ul li a .cont .more {
              margin-top: 10px;
              font-size: 14px;
              width: 110px;
              line-height: 38px;
              height: 38px; } }
    @media (max-width: 400px) {
      .main.industry .industry_box {
        padding-bottom: 30px;
        margin-top: 50px; }
        .main.industry .industry_box ul li {
          margin-top: 15px; }
          .main.industry .industry_box ul li a {
            height: 180px; }
            .main.industry .industry_box ul li a .tu {
              width: 152px;
              height: 180px; }
            .main.industry .industry_box ul li a .cont {
              padding-right: 152px; }
              .main.industry .industry_box ul li a .cont .tab {
                padding: 0 5px; }
              .main.industry .industry_box ul li a .cont .t {
                font-size: 20px;
                line-height: 24px;
                height: 48px; }
              .main.industry .industry_box ul li a .cont .con {
                font-size: 13px;
                line-height: 20px;
                height: 60px; }
              .main.industry .industry_box ul li a .cont .more {
                margin-top: 5px;
                font-size: 14px;
                width: 100px;
                line-height: 38px;
                height: 38px; } }
  .main.message .message_box {
    margin-top: 36px;
    padding-bottom: 50px;
    transition: transform 0.5s,opacity 0.5s; }
    .main.message .message_box .message_l {
      float: left;
      width: 64.5%; }
      .main.message .message_box .message_l .message_top ul li:nth-child(even) {
        float: right; }
      .main.message .message_box .message_l .message_top ul li {
        width: 49.4%;
        float: left;
        margin-bottom: 1.2%; }
        @media (min-width: 1024px) {
          .main.message .message_box .message_l .message_top ul li:hover .cont .more {
            background: #65AADD; } }
        .main.message .message_box .message_l .message_top ul li .tu {
          width: 100%;
          height: 152px;
          overflow: hidden; }
        .main.message .message_box .message_l .message_top ul li .cont {
          border: 1px solid #e6e5e5;
          border-top: none;
          padding: 23px 30px;
          box-sizing: border-box; }
          .main.message .message_box .message_l .message_top ul li .cont .cloum {
            font-size: 20px;
            line-height: 36px;
            color: #333; }
          .main.message .message_box .message_l .message_top ul li .cont .ti {
            display: block;
            font-size: 24px;
            line-height: 36px;
            color: #333;
            overflow: hidden;
            height: 72px;
            margin-top: 8px; }
          .main.message .message_box .message_l .message_top ul li .cont .more {
            display: block;
            width: 148px;
            transition: all 0.5s;
            position: relative;
            height: 48px;
            text-align: center;
            font-size: 20px;
            line-height: 48px;
            color: #fff;
            text-align: center;
            background: #004098;
            margin-top: 9px; }
      .main.message .message_box .message_l .research .flex-control-nav {
        text-align: right;
        padding-right: 17px;
        box-sizing: border-box; }
        .main.message .message_box .message_l .research .flex-control-nav li a {
          width: 14px;
          height: 14px;
          text-indent: 1000px; }
          .main.message .message_box .message_l .research .flex-control-nav li a.flex-active {
            background: #004098; }
      @media (min-width: 1024px) {
        .main.message .message_box .message_l .research .slides li:hover .cont .tab .tab_cell .more {
          background: #65AADD; } }
      .main.message .message_box .message_l .research .slides li .tu {
        display: block;
        width: 31.9%;
        height: 320px;
        float: right; }
      .main.message .message_box .message_l .research .slides li .cont {
        width: 68.1%;
        float: left;
        height: 320px;
        border: 1px solid #e6e5e5;
        border-right-color: #fff;
        height: 320px;
        box-sizing: border-box;
        padding-left: 30px;
        padding-right: 50px; }
        .main.message .message_box .message_l .research .slides li .cont .tab {
          width: 100%;
          height: 100%;
          display: table; }
          .main.message .message_box .message_l .research .slides li .cont .tab .tab_cell {
            display: table-cell;
            vertical-align: middle; }
            .main.message .message_box .message_l .research .slides li .cont .tab .tab_cell .cloum {
              font-size: 20px;
              line-height: 36px;
              color: #333; }
            .main.message .message_box .message_l .research .slides li .cont .tab .tab_cell .ti {
              display: block;
              font-size: 24px;
              line-height: 36px;
              color: #333;
              overflow: hidden;
              height: 72px;
              margin-top: 8px; }
            .main.message .message_box .message_l .research .slides li .cont .tab .tab_cell .con {
              font-size: 18px;
              line-height: 30px;
              color: #999;
              height: 60px;
              display: block;
              margin-top: 10px;
              overflow: hidden; }
            .main.message .message_box .message_l .research .slides li .cont .tab .tab_cell .more {
              display: block;
              width: 148px;
              transition: all 0.5s;
              position: relative;
              height: 48px;
              margin-top: 20px;
              text-align: center;
              font-size: 20px;
              line-height: 48px;
              color: #fff;
              text-align: center;
              background: #004098; }
    .main.message .message_box .message_r {
      width: 34.7%;
      float: right; }
      .main.message .message_box .message_r .box {
        width: 100%;
        border-top: 8px solid #024381;
        background: #f2f2f2;
        padding: 0 25px 25px 25px;
        box-sizing: border-box; }
        .main.message .message_box .message_r .box .cloum {
          font-size: 20px;
          line-height: 26px;
          color: #333;
          display: inline-block;
          padding-top: 20px; }
        .main.message .message_box .message_r .box .flexslider2 {
          margin-top: 10px;
          position: relative; }
          .main.message .message_box .message_r .box .flexslider2 .flex-control-nav {
            top: -25px;
            text-align: right;
            height: auto;
            bottom: auto; }
            .main.message .message_box .message_r .box .flexslider2 .flex-control-nav li a {
              background: #c5c5c5;
              text-indent: 2000px; }
              .main.message .message_box .message_r .box .flexslider2 .flex-control-nav li a.flex-active {
                background: #333; }
          .main.message .message_box .message_r .box .flexslider2 .flex-viewport {
            overflow: hidden; }
            .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li {
              margin-left: 1px;
              height: 224px;
              position: relative; }
              .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .tu {
                width: 167px;
                height: 224px;
                overflow: hidden;
                display: block;
                position: relative;
                z-index: 20; }
                .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .tu img {
                  width: 100%;
                  height: auto; }
              .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                padding-left: 190px;
                box-sizing: border-box;
                text-align: center; }
                .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .t {
                  font-size: 24px;
                  line-height: 36px;
                  color: #333;
                  height: 72px;
                  overflow: hidden; }
                .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .date {
                  font-size: 18px;
                  line-height: 24px;
                  color: #666;
                  padding-top: 10px; }
                .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .msg {
                  padding-top: 14px; }
                  .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .msg .txt {
                    font-size: 18px;
                    line-height: 24px;
                    color: #666;
                    padding-bottom: 15px; }
                  .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .msg a {
                    width: 214px;
                    height: 40px;
                    border-radius: 40px;
                    background: #024381;
                    display: block;
                    margin: 0 auto;
                    font-size: 18px;
                    line-height: 40px;
                    color: #fff; }
      .main.message .message_box .message_r .box2 {
        width: 100%;
        border-top: 8px solid #65AADD;
        background: #f2f2f2;
        margin-top: 2.5%;
        height: 376px;
        padding: 0 25px 25px 25px;
        box-sizing: border-box;
        overflow: hidden; }
        .main.message .message_box .message_r .box2 .cloum {
          font-size: 20px;
          line-height: 26px;
          color: #333;
          display: inline-block;
          padding-top: 20px; }
        .main.message .message_box .message_r .box2 .list {
          margin-top: 5px; }
          .main.message .message_box .message_r .box2 .list ul li {
            border-bottom: 1px solid #ccc;
            box-sizing: border-box;
            padding: 9px 0; }
            @media (min-width: 1024px) {
              .main.message .message_box .message_r .box2 .list ul li:hover a {
                color: #024381; } }
            .main.message .message_box .message_r .box2 .list ul li a {
              display: block;
              transition: all 0.5s;
              font-size: 18px;
              line-height: 30px;
              color: #333;
              max-height: 60px;
              overflow: hidden; }
        .main.message .message_box .message_r .box2 .more {
          display: block;
          width: 148px;
          transition: all 0.5s;
          position: relative;
          height: 48px;
          text-align: center;
          font-size: 20px;
          line-height: 48px;
          color: #fff;
          text-align: center;
          background: #004098;
          margin-top: 18px; }
          @media (min-width: 1024px) {
            .main.message .message_box .message_r .box2 .more:hover {
              background: #65AADD; } }
    @media (max-width: 1460px) {
      .main.message .message_box {
        margin-top: 30px; }
        .main.message .message_box .message_l .message_top ul li .cont {
          padding: 20px; }
          .main.message .message_box .message_l .message_top ul li .cont .cloum {
            font-size: 18px;
            line-height: 30px; }
          .main.message .message_box .message_l .message_top ul li .cont .ti {
            font-size: 22px;
            line-height: 36px; }
          .main.message .message_box .message_l .message_top ul li .cont .more {
            font-size: 18px;
            line-height: 48px; }
        .main.message .message_box .message_l .research .slides li .cont {
          padding-left: 20px;
          padding-right: 50px; }
          .main.message .message_box .message_l .research .slides li .cont .tab .tab_cell .cloum {
            font-size: 18px;
            line-height: 30px; }
          .main.message .message_box .message_l .research .slides li .cont .tab .tab_cell .ti {
            font-size: 22px;
            line-height: 36px; }
          .main.message .message_box .message_l .research .slides li .cont .tab .tab_cell .con {
            font-size: 16px;
            line-height: 30px; }
          .main.message .message_box .message_l .research .slides li .cont .tab .tab_cell .more {
            font-size: 18px;
            line-height: 48px; }
        .main.message .message_box .message_r {
          width: 34.7%;
          float: right; }
          .main.message .message_box .message_r .box {
            padding: 0 20px 20px 20px; }
            .main.message .message_box .message_r .box .cloum {
              font-size: 18px;
              line-height: 26px;
              padding-top: 15px; }
            .main.message .message_box .message_r .box .flexslider2 .flex-control-nav {
              top: -25px; }
            .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .t {
              font-size: 22px;
              line-height: 36px; }
            .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .date {
              font-size: 16px;
              line-height: 20px;
              padding-top: 5px; }
            .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .msg {
              padding-top: 14px; }
              .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .msg .txt {
                font-size: 16px;
                line-height: 20px;
                padding-bottom: 10px; }
              .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .msg a {
                width: 90%;
                font-size: 16px; }
          .main.message .message_box .message_r .box2 {
            padding: 0 20px 20px 20px; }
            .main.message .message_box .message_r .box2 .cloum {
              font-size: 18px;
              line-height: 26px;
              padding-top: 15px; }
            .main.message .message_box .message_r .box2 .list ul li a {
              font-size: 16px;
              line-height: 30px; }
            .main.message .message_box .message_r .box2 .more {
              font-size: 18px;
              line-height: 48px; } }
    @media (max-width: 1200px) {
      .main.message .message_box .message_r {
        width: 34.7%;
        float: right; }
        .main.message .message_box .message_r .box {
          padding: 0 20px 20px 20px; }
          .main.message .message_box .message_r .box .cloum {
            font-size: 18px;
            line-height: 26px;
            padding-top: 15px; }
          .main.message .message_box .message_r .box .flexslider2 .flex-control-nav {
            top: -25px; }
          .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li {
            height: 200px; }
            .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .tu {
              width: 149px;
              height: 200px; }
            .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont {
              padding-left: 160px; }
              .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .t {
                font-size: 22px;
                line-height: 36px; }
        .main.message .message_box .message_r .box2 {
          height: 399px; } }
    @media (max-width: 1024px) {
      .main.message .message_box {
        margin-top: 70px; }
        .main.message .message_box .message_l {
          width: 100%;
          float: none; }
          .main.message .message_box .message_l .message_top ul li .cont {
            padding: 15px; }
            .main.message .message_box .message_l .message_top ul li .cont .cloum {
              font-size: 16px;
              line-height: 24px; }
            .main.message .message_box .message_l .message_top ul li .cont .ti {
              font-size: 18px;
              line-height: 30px;
              height: 60px; }
            .main.message .message_box .message_l .message_top ul li .cont .more {
              width: 120px;
              height: 40px;
              font-size: 16px;
              line-height: 40px; }
          .main.message .message_box .message_l .research {
            margin-bottom: 1.2%; }
            .main.message .message_box .message_l .research .slides li {
              height: 280px; }
              .main.message .message_box .message_l .research .slides li .tu {
                height: 280px; }
              .main.message .message_box .message_l .research .slides li .cont {
                padding-left: 15px;
                padding-right: 15px; }
                .main.message .message_box .message_l .research .slides li .cont .tab .tab_cell .cloum {
                  font-size: 16px;
                  line-height: 24px; }
                .main.message .message_box .message_l .research .slides li .cont .tab .tab_cell .ti {
                  font-size: 18px;
                  line-height: 30px;
                  height: 60px; }
                .main.message .message_box .message_l .research .slides li .cont .tab .tab_cell .con {
                  font-size: 16px;
                  line-height: 24px;
                  height: 48px; }
                .main.message .message_box .message_l .research .slides li .cont .tab .tab_cell .more {
                  width: 120px;
                  height: 40px;
                  font-size: 16px;
                  line-height: 40px; }
        .main.message .message_box .message_r {
          width: 100%;
          float: none; }
          .main.message .message_box .message_r .box {
            padding: 0 15px 15px 15px; }
            .main.message .message_box .message_r .box .cloum {
              font-size: 16px;
              line-height: 24px;
              padding-top: 15px; }
            .main.message .message_box .message_r .box .flexslider2 .flex-control-nav {
              top: -25px; }
            .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont {
              text-align: left;
              padding-left: 180px; }
              .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .t {
                font-size: 18px;
                line-height: 30px; }
              .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .msg {
                padding-top: 14px; }
                .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .msg .txt {
                  font-size: 16px;
                  line-height: 20px;
                  padding-bottom: 10px; }
                .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .msg a {
                  width: 200px;
                  margin-left: 0;
                  text-align: center;
                  font-size: 16px; }
          .main.message .message_box .message_r .box2 {
            height: auto;
            padding: 0 15px 15px 15px; }
            .main.message .message_box .message_r .box2 .cloum {
              font-size: 16px;
              line-height: 24px;
              padding-top: 15px; }
            .main.message .message_box .message_r .box2 .list ul li a {
              max-height: 48px;
              font-size: 14px;
              line-height: 24px; }
            .main.message .message_box .message_r .box2 .more {
              width: 120px;
              height: 40px;
              font-size: 16px;
              line-height: 40px; } }
    @media (max-width: 500px) {
      .main.message .message_box {
        margin-top: 50px;
        padding-bottom: 35px; }
        .main.message .message_box .message_l {
          width: 100%;
          float: none; }
          .main.message .message_box .message_l .message_top ul li {
            width: 100%;
            float: none;
            margin-bottom: 15px; }
          .main.message .message_box .message_l .research {
            margin-bottom: 25px; }
            .main.message .message_box .message_l .research .flex-control-nav {
              bottom: -35px;
              padding-right: 0;
              text-align: center; }
              .main.message .message_box .message_l .research .flex-control-nav li a {
                width: 10px;
                height: 10px;
                background: #ccc; }
            .main.message .message_box .message_l .research .slides li {
              height: auto; }
              .main.message .message_box .message_l .research .slides li .tu {
                height: auto;
                float: none;
                padding-top: 80%;
                width: 100%; }
              .main.message .message_box .message_l .research .slides li .cont {
                width: 100%;
                padding: 15px;
                float: none;
                height: auto; }
                .main.message .message_box .message_l .research .slides li .cont .tab {
                  display: block; }
                  .main.message .message_box .message_l .research .slides li .cont .tab .tab_cell {
                    display: block; }
                    .main.message .message_box .message_l .research .slides li .cont .tab .tab_cell .con {
                      font-size: 14px;
                      line-height: 24px;
                      height: 48px; }
                    .main.message .message_box .message_l .research .slides li .cont .tab .tab_cell .more {
                      width: 120px;
                      height: 38px;
                      margin-top: 10px;
                      font-size: 14px;
                      line-height: 38px; }
        .main.message .message_box .message_r {
          width: 100%;
          float: none; }
          .main.message .message_box .message_r .box {
            margin-top: 40px;
            padding: 0 15px 15px 15px; }
            .main.message .message_box .message_r .box .cloum {
              font-size: 16px;
              line-height: 24px;
              padding-top: 15px; }
            .main.message .message_box .message_r .box .flexslider2 .flex-control-nav {
              top: -25px; }
            .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li {
              height: 148px; }
              .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .tu {
                width: 110px;
                height: 148px; }
              .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont {
                text-align: center;
                padding-left: 130px; }
                .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .t {
                  font-size: 18px;
                  line-height: 24px;
                  height: 48px; }
                .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .msg {
                  padding-top: 14px; }
                  .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .msg .txt {
                    font-size: 14px;
                    line-height: 20px;
                    padding-bottom: 5px; }
                  .main.message .message_box .message_r .box .flexslider2 .flex-viewport .slides li .cont .msg a {
                    width: 90%;
                    height: 36px;
                    line-height: 36px;
                    font-size: 15px; }
          .main.message .message_box .message_r .box2 {
            height: auto;
            padding: 0 15px 15px 15px; }
            .main.message .message_box .message_r .box2 .cloum {
              font-size: 16px;
              line-height: 24px;
              padding-top: 15px; }
            .main.message .message_box .message_r .box2 .list ul li a {
              max-height: 48px;
              font-size: 14px;
              line-height: 24px; }
            .main.message .message_box .message_r .box2 .more {
              width: 120px;
              height: 40px;
              font-size: 16px;
              line-height: 40px; } }
  .main.message .news_box {
    overflow: hidden;
    margin-top: 40px;
    padding-bottom: 110px; }
    .main.message .news_box .page {
      margin-top: 30px; }
    .main.message .news_box ul {
      width: 110%; }
      .main.message .news_box ul li {
        float: left;
        transition: transform 0.5s,opacity 0.5s;
        width: 28.4%;
        margin-right: 2.8%;
        margin-bottom: 2.8%; }
        @media (min-width: 1024px) {
          .main.message .news_box ul li:hover a .tu img {
            transform: scale(1.1); }
          .main.message .news_box ul li:hover a .cont .t {
            color: #024381; } }
        .main.message .news_box ul li a {
          display: block; }
          .main.message .news_box ul li a .tu {
            overflow: hidden; }
            .main.message .news_box ul li a .tu img {
              width: 100%;
              height: auto;
              transition: transform 0.5s; }
          .main.message .news_box ul li a .cont {
            padding: 20px 18px 35px 18px;
            border-bottom: 2px solid #a0a0a0; }
            .main.message .news_box ul li a .cont .t {
              font-size: 28px;
              line-height: 34px;
              color: #333;
              overflow: hidden;
              transition: color 0.5s;
              height: 68px; }
            .main.message .news_box ul li a .cont .con {
              font-size: 16px;
              line-height: 30px;
              color: #999;
              margin-top: 20px;
              overflow: hidden;
              height: 90px; }
    @media (max-width: 1460px) {
      .main.message .news_box {
        padding-bottom: 90px; }
        .main.message .news_box ul li {
          float: left;
          width: 28.4%;
          margin-right: 2.8%;
          margin-bottom: 2.8%; }
          .main.message .news_box ul li a .cont {
            padding: 20px 15px 35px 15px; }
            .main.message .news_box ul li a .cont .t {
              font-size: 24px;
              line-height: 30px;
              height: 60px; }
            .main.message .news_box ul li a .cont .con {
              font-size: 16px;
              line-height: 30px;
              margin-top: 15px; } }
    @media (max-width: 1024px) {
      .main.message .news_box {
        margin-top: 70px;
        padding-bottom: 70px; }
        .main.message .news_box.news_box2 {
          margin-top: 30px; }
        .main.message .news_box .page {
          margin-top: 20px; }
        .main.message .news_box ul li {
          float: left;
          width: 28.4%;
          margin-right: 2.8%;
          margin-bottom: 2.8%; }
          .main.message .news_box ul li a .cont {
            padding: 15px 10px; }
            .main.message .news_box ul li a .cont .t {
              font-size: 20px;
              line-height: 28px;
              height: 56px; }
            .main.message .news_box ul li a .cont .con {
              font-size: 14px;
              line-height: 24px;
              margin-top: 5px;
              height: 48px; } }
    @media (max-width: 800px) {
      .main.message .news_box {
        margin-top: 50px; }
        .main.message .news_box ul {
          width: 100%; }
          .main.message .news_box ul li:nth-child(even) {
            float: right; }
          .main.message .news_box ul li {
            float: left;
            width: 48%;
            margin-right: 0%;
            margin-bottom: 15px; }
            .main.message .news_box ul li a .cont {
              padding: 15px 0px; }
              .main.message .news_box ul li a .cont .t {
                font-size: 20px;
                line-height: 28px;
                height: 56px; }
              .main.message .news_box ul li a .cont .con {
                font-size: 14px;
                line-height: 24px;
                margin-top: 5px;
                height: 48px; } }
    @media (max-width: 500px) {
      .main.message .news_box {
        margin-top: 50px;
        padding-bottom: 40px; }
        .main.message .news_box.news_box2 {
          margin-top: 25px; }
        .main.message .news_box ul {
          width: 100%; }
          .main.message .news_box ul li:nth-child(even) {
            float: none; }
          .main.message .news_box ul li {
            float: none;
            width: 100%;
            margin-right: 0%;
            margin-bottom: 15px; }
            .main.message .news_box ul li a .cont {
              padding: 10px 0px; }
              .main.message .news_box ul li a .cont .t {
                font-size: 18px;
                line-height: 24px;
                height: 48px; } }
  .main.message .detail {
    padding-top: 65px;
    padding-bottom: 100px;
    transition: all 0.5s; }
    .main.message .detail .title2 {
      position: relative;
      padding-bottom: 16px;
      border-bottom: 1px solid #ededed; }
      .main.message .detail .title2 .tit {
        padding-right: 0px;
        box-sizing: border-box; }
        .main.message .detail .title2 .tit .t {
          font-size: 24px;
          line-height: 44px;
          color: #333; }
        .main.message .detail .title2 .tit .day {
          font-size: 14px;
          line-height: 20px;
          color: #696969;
          margin-top: 6px;
          background: url(../images/ttt.png) no-repeat left center;
          padding-left: 28px; }
      .main.message .detail .title2 .share {
        position: absolute;
        right: 0;
        top: 10px; }
        .main.message .detail .title2 .share span {
          font-size: 14px;
          line-height: 32px;
          color: #666;
          display: inline-block;
          vertical-align: middle;
          margin-right: 7px; }
        .main.message .detail .title2 .share .bdsharebuttonbox {
          display: inline-block;
          vertical-align: middle; }
          .main.message .detail .title2 .share .bdsharebuttonbox a {
            padding: 0; }
          .main.message .detail .title2 .share .bdsharebuttonbox .bds_tsina {
            width: 32px;
            height: 32px;
            background: url(../images/sina.png) no-repeat; }
          .main.message .detail .title2 .share .bdsharebuttonbox .bds_weixin {
            width: 32px;
            height: 32px;
            background: url(../images/wx.png) no-repeat; }
          .main.message .detail .title2 .share .bdsharebuttonbox .bds_qzone {
            width: 32px;
            height: 32px;
            background: url(https://www.zhcpa.cn/bocweb/web/img/qz.png) no-repeat; }
    .main.message .detail .content {
      padding-top: 7px;
      font-size: 15px;
      line-height: 26px;
      border-bottom: 1px solid #ededed;
      padding-bottom: 45px;
      color: #565656; }
      .main.message .detail .content img {
        max-width: 100%; }
      .main.message .detail .content p {
        text-indent: 2em;
        padding-top: 20px; }
    .main.message .detail .page_box {
      margin-top: 42px;
      position: relative; }
      .main.message .detail .page_box .left2 {
        width: 100%;
        box-sizing: border-box;
        padding-right: 210px; }
        .main.message .detail .page_box .left2 a {
          display: block;
          font-size: 16px;
          line-height: 28px;
          color: #666; }
          @media (min-width: 1024px) {
            .main.message .detail .page_box .left2 a:hover {
              color: #024381; } }
      .main.message .detail .page_box .return {
        position: absolute;
        right: 0;
        top: 0;
        width: 200px;
        height: 58px;
        display: block;
        border-radius: 58px;
        background: #024381;
        font-size: 16px;
        line-height: 58px;
        color: #fff;
        text-align: center; }
    @media (max-width: 1420px) {
      .main.message .detail {
        padding-top: 55px;
        padding-bottom: 80px; }
        .main.message .detail .title2 .tit .t {
          font-size: 20px;
          line-height: 30px; }
        .main.message .detail .title2 .tit .day {
          font-size: 13px; }
        .main.message .detail .content {
          font-size: 14px;
          line-height: 24px;
          padding-bottom: 30px; }
        .main.message .detail .page_box {
          margin-top: 30px; }
          .main.message .detail .page_box .left2 a {
            font-size: 14px;
            line-height: 24px; }
          .main.message .detail .page_box .return {
            width: 160px;
            height: 50px;
            font-size: 14px;
            line-height: 50px; } }
    @media (max-width: 1024px) {
      .main.message .detail {
        padding-top: 70px;
        padding-bottom: 60px; }
        .main.message .detail .title2 .tit .t {
          font-size: 16px;
          line-height: 24px; }
        .main.message .detail .title2 .tit .day {
          font-size: 13px;
          background-size: 14px 14px;
          padding-left: 20px; }
        .main.message .detail .content {
          font-size: 14px;
          line-height: 24px;
          padding-bottom: 25px; }
        .main.message .detail .page_box {
          margin-top: 25px; }
          .main.message .detail .page_box .left2 {
            padding-right: 160px; }
            .main.message .detail .page_box .left2 a {
              font-size: 14px;
              line-height: 24px; }
          .main.message .detail .page_box .return {
            width: 140px;
            height: 40px;
            font-size: 14px;
            line-height: 40px; } }
    @media (max-width: 650px) {
      .main.message .detail {
        padding-bottom: 40px;
        padding-top: 50px; }
        .main.message .detail .title2 .tit {
          padding-right: 0; }
        .main.message .detail .title2 .share {
          position: static; }
        .main.message .detail .content {
          font-size: 14px;
          line-height: 24px;
          padding-bottom: 25px; }
          .main.message .detail .content p {
            padding-top: 15px; }
        .main.message .detail .page_box {
          margin-top: 25px; }
          .main.message .detail .page_box .left2 {
            padding-right: 110px; }
            .main.message .detail .page_box .left2 a {
              font-size: 14px;
              line-height: 24px; }
          .main.message .detail .page_box .return {
            width: 100px;
            height: 36px;
            font-size: 14px;
            line-height: 36px;
            top: 6px; } }
  .main.message .subscribe_box {
    text-align: right;
    display: none;
    margin-top: 30px; }
    @media (max-width: 1024px) {
      .main.message .subscribe_box {
        display: block; } }
    .main.message .subscribe_box .subscribe {
      display: inline-block;
      width: 160px;
      height: 50px;
      text-align: center;
      background: #024381; }
      .main.message .subscribe_box .subscribe .ico {
        width: 23px;
        height: 23px;
        background: url(../images/d.png) no-repeat;
        display: inline-block;
        margin: 0 8px;
        vertical-align: middle; }
      .main.message .subscribe_box .subscribe .txt {
        font-size: 16px;
        line-height: 50px;
        color: #fff;
        display: inline-block;
        margin: 0 8px;
        vertical-align: middle; }
    @media (max-width: 500px) {
      .main.message .subscribe_box {
        margin-top: 20px; }
        .main.message .subscribe_box .subscribe {
          display: inline-block;
          width: 120px;
          height: 40px;
          text-align: center;
          background: #024381; }
          .main.message .subscribe_box .subscribe .ico {
            width: 18px;
            height: 18px;
            background-size: cover;
            margin: 0 4px; }
          .main.message .subscribe_box .subscribe .txt {
            font-size: 16px;
            line-height: 40px;
            margin: 0 4px; } }
  .main.message .journal_box {
    margin-top: 30px;
    padding-bottom: 65px; }
    .main.message .journal_box .page {
      margin-top: 55px; }
    .main.message .journal_box ul li:nth-child(even) {
      float: right; }
    .main.message .journal_box ul li {
      width: 49.3%;
      float: left;
      border: 1px solid #e6e5e5;
      box-sizing: border-box;
      margin-top: 1.2%;
      transition: transform 0.5s,opacity 0.5s; }
      @media (min-width: 1024px) {
        .main.message .journal_box ul li:hover .tu_box .tu img {
          transform: scale(1.1); } }
      .main.message .journal_box ul li .tu_box {
        float: left;
        background: #e6e5e5;
        width: 34%;
        box-sizing: border-box;
        padding: 25px; }
        .main.message .journal_box ul li .tu_box .tu {
          overflow: hidden; }
          .main.message .journal_box ul li .tu_box .tu img {
            width: 100%;
            height: auto;
            transition: transform 0.5s; }
      .main.message .journal_box ul li .cont {
        width: 66%;
        float: left;
        padding-left: 38px;
        padding-right: 30px;
        box-sizing: border-box; }
        .main.message .journal_box ul li .cont .t {
          font-size: 20px;
          line-height: 30px;
          color: #333;
          padding-top: 35px; }
        .main.message .journal_box ul li .cont .con {
          font-size: 16px;
          line-height: 30px;
          color: #666;
          height: 90px;
          overflow: hidden;
          margin-top: 13px; }
        .main.message .journal_box ul li .cont .msg {
          margin-top: 25px; }
          .main.message .journal_box ul li .cont .msg a {
            display: block;
            float: left;
            width: 142px;
            height: 38px;
            border: 1px solid #d6d6d6;
            box-sizing: border-box;
            text-align: center;
            transition: all 0.5s; }
            @media (min-width: 1024px) {
              .main.message .journal_box ul li .cont .msg a:hover {
                background: #024381;
                border-color: #024381; }
                .main.message .journal_box ul li .cont .msg a:hover.download .ico {
                  background: url(../images/xz2.png) no-repeat center center; }
                .main.message .journal_box ul li .cont .msg a:hover .txt {
                  color: #fff; }
                .main.message .journal_box ul li .cont .msg a:hover .ico {
                  background: url(../images/read2.png) no-repeat center center; } }
            .main.message .journal_box ul li .cont .msg a.download {
              margin-left: 20px; }
              .main.message .journal_box ul li .cont .msg a.download .ico {
                background: url(../images/xz.png) no-repeat center center; }
            .main.message .journal_box ul li .cont .msg a .txt {
              font-size: 14px;
              line-height: 36px;
              color: #666;
              display: inline-block;
              vertical-align: middle;
              transition: all 0.5s;
              margin: 0 10px; }
            .main.message .journal_box ul li .cont .msg a .ico {
              width: 19px;
              height: 16px;
              background: url(../images/read.png) no-repeat center center;
              display: inline-block;
              vertical-align: middle;
              transition: all 0.5s;
              margin: 0 10px; }
    @media (max-width: 1460px) {
      .main.message .journal_box ul li {
        width: 49.3%;
        margin-top: 1.2%; }
        .main.message .journal_box ul li .tu_box {
          padding: 15px; }
        .main.message .journal_box ul li .cont {
          padding-left: 25px;
          padding-right: 25px; }
          .main.message .journal_box ul li .cont .t {
            font-size: 20px;
            line-height: 30px;
            padding-top: 25px; }
          .main.message .journal_box ul li .cont .con {
            font-size: 16px;
            line-height: 30px;
            margin-top: 10px; }
          .main.message .journal_box ul li .cont .msg {
            margin-top: 20px; } }
    @media (max-width: 1200px) {
      .main.message .journal_box ul li {
        width: 49.3%;
        margin-top: 1.2%; }
        .main.message .journal_box ul li .tu_box {
          padding: 15px; }
        .main.message .journal_box ul li .cont {
          padding-left: 15px;
          padding-right: 15px; }
          .main.message .journal_box ul li .cont .t {
            font-size: 18px;
            line-height: 26px;
            padding-top: 20px; }
          .main.message .journal_box ul li .cont .con {
            font-size: 14px;
            line-height: 24px;
            margin-top: 10px;
            height: 72px; }
          .main.message .journal_box ul li .cont .msg {
            margin-top: 15px; }
            .main.message .journal_box ul li .cont .msg a {
              width: 120px; }
              .main.message .journal_box ul li .cont .msg a .txt, .main.message .journal_box ul li .cont .msg a .ico {
                margin: 0 5px; } }
    @media (max-width: 1024px) {
      .main.message .journal_box {
        padding-bottom: 50px; }
        .main.message .journal_box .page {
          margin-top: 40px; }
        .main.message .journal_box ul li {
          width: 49.3%;
          margin-top: 1.2%; }
          .main.message .journal_box ul li .tu_box {
            padding: 10px; }
          .main.message .journal_box ul li .cont {
            padding-left: 10px;
            padding-right: 10px; }
            .main.message .journal_box ul li .cont .t {
              font-size: 18px;
              line-height: 26px;
              padding-top: 15px; }
            .main.message .journal_box ul li .cont .con {
              height: 48px; }
            .main.message .journal_box ul li .cont .msg {
              margin-top: 15px; }
              .main.message .journal_box ul li .cont .msg a {
                width: 100px; }
                .main.message .journal_box ul li .cont .msg a.download {
                  margin-left: 15px; }
                .main.message .journal_box ul li .cont .msg a .txt, .main.message .journal_box ul li .cont .msg a .ico {
                  margin: 0 2px; } }
    @media (max-width: 850px) {
      .main.message .journal_box {
        padding-bottom: 50px; }
        .main.message .journal_box .page {
          margin-top: 40px; }
        .main.message .journal_box ul li:nth-child(even) {
          float: none; }
        .main.message .journal_box ul li {
          float: none;
          width: 100%;
          overflow: hidden;
          margin-top: 15px; }
          .main.message .journal_box ul li .tu_box {
            padding: 10px; }
          .main.message .journal_box ul li .cont {
            padding-left: 20px;
            padding-right: 20px; }
            .main.message .journal_box ul li .cont .t {
              font-size: 18px;
              line-height: 26px;
              padding-top: 35px; }
            .main.message .journal_box ul li .cont .con {
              height: 48px; }
            .main.message .journal_box ul li .cont .msg {
              margin-top: 15px; }
              .main.message .journal_box ul li .cont .msg a {
                width: 120px; }
                .main.message .journal_box ul li .cont .msg a.download {
                  margin-left: 15px; }
                .main.message .journal_box ul li .cont .msg a .txt, .main.message .journal_box ul li .cont .msg a .ico {
                  margin: 0 2px; } }
    @media (max-width: 500px) {
      .main.message .journal_box {
        padding-bottom: 35px;
        margin-top: 20px; }
        .main.message .journal_box .page {
          margin-top: 30px; }
        .main.message .journal_box ul li {
          margin-top: 15px; }
          .main.message .journal_box ul li .cont .t {
            font-size: 16px;
            line-height: 24px;
            padding-top: 20px; }
          .main.message .journal_box ul li .cont .con {
            height: 48px; }
          .main.message .journal_box ul li .cont .msg {
            margin-top: 10px; }
            .main.message .journal_box ul li .cont .msg a {
              width: 100px; }
              .main.message .journal_box ul li .cont .msg a.download {
                margin-left: 10px; }
              .main.message .journal_box ul li .cont .msg a .txt, .main.message .journal_box ul li .cont .msg a .ico {
                margin: 0 2px; } }
    @media (max-width: 430px) {
      .main.message .journal_box ul li .tu_box {
        padding: 5px; }
      .main.message .journal_box ul li .cont {
        padding: 0 10px; }
        .main.message .journal_box ul li .cont .t {
          padding-top: 10px; }
        .main.message .journal_box ul li .cont .msg {
          margin-top: 5px; }
          .main.message .journal_box ul li .cont .msg a {
            height: 30px;
            width: 85px; }
            .main.message .journal_box ul li .cont .msg a.download {
              margin-left: 5px; }
            .main.message .journal_box ul li .cont .msg a .txt, .main.message .journal_box ul li .cont .msg a .ico {
              margin: 0 2px; }
            .main.message .journal_box ul li .cont .msg a .ico {
              width: 14px;
              height: 14px;
              background-size: contain !important; }
            .main.message .journal_box ul li .cont .msg a .txt {
              font-size: 13px;
              line-height: 30px; } }
  .main.message .information_box {
    margin-top: 100px;
    padding-bottom: 80px; }
    .main.message .information_box .ir {
      float: right;
      transition: transform 0.5s,opacity 0.5s;
      width: 30.5%; }
      .main.message .information_box .ir .ir_top {
        padding-bottom: 25px;
        border-bottom: 1px solid #d1d1d1; }
        .main.message .information_box .ir .ir_top a {
          display: block;
          width: 100%;
          position: relative;
          height: 390px; }
          .main.message .information_box .ir .ir_top a .cont {
            width: 67%;
            position: absolute;
            left: 0;
            top: 0;
            padding: 0 6.5%;
            box-sizing: border-box;
            height: 100%;
            background: rgba(0,64,152,0.9); }
            .main.message .information_box .ir .ir_top a .cont .tab {
              width: 100%;
              height: 100%;
              display: table; }
              .main.message .information_box .ir .ir_top a .cont .tab .tab_cell {
                display: table-cell;
                vertical-align: middle; }
                .main.message .information_box .ir .ir_top a .cont .tab .tab_cell .year {
                  font-size: 36px;
                  line-height: 40px;
                  color: #fff;
                  font-family: Arial;
                  font-weight: bold; }
                .main.message .information_box .ir .ir_top a .cont .tab .tab_cell .con {
                  font-size: 24px;
                  line-height: 40px;
                  color: #fff;
                  margin-top: 12px; }
                .main.message .information_box .ir .ir_top a .cont .tab .tab_cell .more {
                  width: 148px;
                  height: 48px;
                  border: 1px solid #87a1ba;
                  box-sizing: border-box;
                  font-size: 20px;
                  line-height: 46px;
                  margin-top: 40%;
                  color: #fff;
                  text-align: center; }
      .main.message .information_box .ir .ir_bot {
        text-align: center;
        padding: 25px 0;
        border-bottom: 1px solid #d1d1d1; }
        .main.message .information_box .ir .ir_bot .code:last-child {
          border: none; }
        .main.message .information_box .ir .ir_bot .code {
          display: inline-block;
          vertical-align: top;
          text-align: center;
          padding: 0 42px;
          border-right: 1px solid #d1d1d1; }
          .main.message .information_box .ir .ir_bot .code .tu {
            width: 114px;
            height: 114px;
            overflow: hidden; }
            .main.message .information_box .ir .ir_bot .code .tu img {
              width: 100%;
              height: auto; }
          .main.message .information_box .ir .ir_bot .code .txt {
            font-size: 16px;
            line-height: 20px;
            color: #333;
            padding-top: 12px; }
    .main.message .information_box .il {
      float: left;
      width: 68.7%;
      transition: transform 0.5s,opacity 0.5s; }
      .main.message .information_box .il .research .flex-control-nav {
        text-align: right;
        padding-right: 17px;
        box-sizing: border-box; }
        .main.message .information_box .il .research .flex-control-nav li a {
          width: 14px;
          height: 14px;
          text-indent: 1000px; }
          .main.message .information_box .il .research .flex-control-nav li a.flex-active {
            background: #004098; }
      @media (min-width: 1024px) {
        .main.message .information_box .il .research .slides li:hover .cont .tab .tab_cell .more {
          background: #00a9a5; } }
      .main.message .information_box .il .research .slides li .tu {
        display: block;
        width: 36.9%;
        height: 320px;
        float: right; }
      .main.message .information_box .il .research .slides li .cont {
        width: 63.1%;
        float: left;
        height: 320px;
        border: 1px solid #e6e5e5;
        border-right-color: #fff;
        box-sizing: border-box;
        padding-left: 30px;
        padding-right: 50px; }
        .main.message .information_box .il .research .slides li .cont .tab {
          width: 100%;
          height: 100%;
          display: table; }
          .main.message .information_box .il .research .slides li .cont .tab .tab_cell {
            display: table-cell;
            vertical-align: middle; }
            .main.message .information_box .il .research .slides li .cont .tab .tab_cell .cloum {
              font-size: 20px;
              line-height: 36px;
              color: #333; }
            .main.message .information_box .il .research .slides li .cont .tab .tab_cell .ti {
              display: block;
              font-size: 24px;
              line-height: 36px;
              color: #333;
              overflow: hidden;
              height: 72px;
              margin-top: 8px; }
            .main.message .information_box .il .research .slides li .cont .tab .tab_cell .con {
              font-size: 18px;
              line-height: 30px;
              color: #999;
              height: 60px;
              display: block;
              margin-top: 10px;
              overflow: hidden; }
            .main.message .information_box .il .research .slides li .cont .tab .tab_cell .more {
              display: block;
              width: 148px;
              transition: all 0.5s;
              position: relative;
              height: 48px;
              margin-top: 20px;
              text-align: center;
              font-size: 20px;
              line-height: 48px;
              color: #fff;
              text-align: center;
              background: #004098; }
      .main.message .information_box .il .ins ul li {
        margin-bottom: 5px;
        margin-top: 30px; }
        .main.message .information_box .il .ins ul li .t {
          width: 100%;
          height: 66px;
          background: #f5f5f5;
          border: 1px solid #d1d1d1;
          box-sizing: border-box;
          padding-left: 20px;
          box-sizing: border-box;
          font-size: 30px;
          line-height: 66px;
          color: #024381; }
        .main.message .information_box .il .ins ul li .cont a {
          padding: 17px 0;
          display: block;
          border-bottom: 1px solid #d6d6d6; }
          @media (min-width: 1024px) {
            .main.message .information_box .il .ins ul li .cont a:hover .ti {
              color: #024381; } }
          .main.message .information_box .il .ins ul li .cont a .ti {
            font-size: 28px;
            line-height: 50px;
            color: #333333;
            transition: all 0.5s; }
          .main.message .information_box .il .ins ul li .cont a .con {
            font-size: 16px;
            line-height: 30px;
            color: #666;
            margin-top: 10px;
            max-height: 60px;
            overflow: hidden; }
    @media (max-width: 1460px) {
      .main.message .information_box .il .research .slides li {
        height: 280px; }
        .main.message .information_box .il .research .slides li .tu {
          height: 280px; }
        .main.message .information_box .il .research .slides li .cont {
          padding-left: 15px;
          padding-right: 15px;
          height: 280px; }
          .main.message .information_box .il .research .slides li .cont .tab .tab_cell .cloum {
            font-size: 16px;
            line-height: 24px; }
          .main.message .information_box .il .research .slides li .cont .tab .tab_cell .ti {
            font-size: 20px;
            line-height: 30px;
            height: 60px; }
          .main.message .information_box .il .research .slides li .cont .tab .tab_cell .con {
            font-size: 16px;
            line-height: 24px;
            height: 48px; }
          .main.message .information_box .il .research .slides li .cont .tab .tab_cell .more {
            width: 120px;
            height: 40px;
            font-size: 16px;
            line-height: 40px; }
      .main.message .information_box .il .ins ul li {
        margin-top: 25px; }
        .main.message .information_box .il .ins ul li .t {
          height: 56px;
          padding-left: 15px;
          font-size: 26px;
          line-height: 56px; }
        .main.message .information_box .il .ins ul li .cont a {
          padding: 15px 0; }
          .main.message .information_box .il .ins ul li .cont a .ti {
            font-size: 24px;
            line-height: 40px; }
      .main.message .information_box .ir .ir_top a {
        height: 335px; }
        .main.message .information_box .ir .ir_top a .cont .tab .tab_cell .year {
          font-size: 32px;
          line-height: 40px; }
        .main.message .information_box .ir .ir_top a .cont .tab .tab_cell .more {
          font-size: 16px;
          width: 120px;
          height: 40px;
          line-height: 40px;
          margin-top: 30%; }
      .main.message .information_box .ir .ir_bot .code {
        padding: 0 20px; } }
    @media (max-width: 1200px) {
      .main.message .information_box .ir .ir_top a .cont .tab .tab_cell .con {
        font-size: 20px;
        line-height: 30px; }
      .main.message .information_box .ir .ir_top a .cont .tab .tab_cell .more {
        margin-top: 25%; }
      .main.message .information_box .ir .ir_bot .code {
        padding: 0 15px; }
        .main.message .information_box .ir .ir_bot .code .tu {
          width: 100px;
          height: 100px; } }
    @media (max-width: 1024px) {
      .main.message .information_box {
        margin-top: 70px;
        padding-bottom: 60px; }
        .main.message .information_box .ir {
          width: 100%;
          float: none;
          margin-top: 20px; }
          .main.message .information_box .ir .ir_top a .cont .tab .tab_cell .year {
            font-size: 24px; }
        .main.message .information_box .il {
          width: 100%;
          float: none; }
          .main.message .information_box .il .research .flex-control-nav {
            bottom: -35px;
            padding-right: 0;
            text-align: center; }
            .main.message .information_box .il .research .flex-control-nav li a {
              width: 10px;
              height: 10px;
              background: #ccc; }
          .main.message .information_box .il .research .slides li {
            height: auto; }
            .main.message .information_box .il .research .slides li .tu {
              height: auto;
              float: none;
              padding-top: 80%;
              width: 100%; }
            .main.message .information_box .il .research .slides li .cont {
              width: 100%;
              padding: 15px;
              float: none;
              height: auto; }
              .main.message .information_box .il .research .slides li .cont .tab {
                display: block; }
                .main.message .information_box .il .research .slides li .cont .tab .tab_cell {
                  display: block; }
                  .main.message .information_box .il .research .slides li .cont .tab .tab_cell .ti {
                    font-size: 16px;
                    line-height: 28px;
                    height: 56px; }
                  .main.message .information_box .il .research .slides li .cont .tab .tab_cell .con {
                    font-size: 14px;
                    line-height: 24px;
                    height: 48px; }
                  .main.message .information_box .il .research .slides li .cont .tab .tab_cell .more {
                    width: 120px;
                    height: 38px;
                    margin-top: 10px;
                    font-size: 14px;
                    line-height: 38px; }
          .main.message .information_box .il .ins {
            padding-top: 50px; }
            .main.message .information_box .il .ins ul li {
              margin-top: 15px; }
              .main.message .information_box .il .ins ul li .t {
                height: 50px;
                padding-left: 10px;
                font-size: 20px;
                line-height: 50px; }
              .main.message .information_box .il .ins ul li .cont a {
                padding: 15px 0; }
                .main.message .information_box .il .ins ul li .cont a .ti {
                  font-size: 18px;
                  line-height: 30px; }
                .main.message .information_box .il .ins ul li .cont a .con {
                  font-size: 14px;
                  line-height: 24px;
                  max-height: 48px; } }
    @media (max-width: 500px) {
      .main.message .information_box {
        margin-top: 50px;
        padding-bottom: 40px; }
        .main.message .information_box .ir .ir_top {
          padding-bottom: 15px; }
          .main.message .information_box .ir .ir_top a {
            height: 220px; }
            .main.message .information_box .ir .ir_top a .cont .tab .tab_cell .year {
              font-size: 18px;
              line-height: 24px; }
            .main.message .information_box .ir .ir_top a .cont .tab .tab_cell .con {
              font-size: 16px;
              line-height: 24px; }
            .main.message .information_box .ir .ir_top a .cont .tab .tab_cell .more {
              width: 120px;
              height: 36px;
              font-size: 14px;
              line-height: 34px; }
        .main.message .information_box .ir .ir_bot {
          padding: 15px 0; }
        .main.message .information_box .il .research .slides li .cont {
          border-right-color: #e6e5e5 !important; }
        .main.message .information_box .il .ins {
          padding-top: 30px; }
          .main.message .information_box .il .ins ul li {
            margin-top: 15px; }
            .main.message .information_box .il .ins ul li .t {
              height: 40px;
              padding-left: 10px;
              font-size: 20px;
              line-height: 40px; }
            .main.message .information_box .il .ins ul li .cont {
              margin-left: -1px; }
              .main.message .information_box .il .ins ul li .cont a {
                padding: 10px 0; }
                .main.message .information_box .il .ins ul li .cont a .ti {
                  font-size: 16px;
                  line-height: 30px; }
                .main.message .information_box .il .ins ul li .cont a .con {
                  margin-top: 0; } }
  .main.join .txt_b {
    padding-top: 70px;
    padding-bottom: 85px;
    transition: all 0.5s; }
    @media (max-width: 1460px) {
      .main.join .txt_b {
        padding-top: 60px;
        padding-bottom: 70px; } }
    @media (max-width: 1024px) {
      .main.join .txt_b {
        padding-bottom: 60px; } }
    @media (max-width: 850px) {
      .main.join .txt_b {
        padding: 50px 0; } }
    @media (max-width: 500px) {
      .main.join .txt_b {
        padding: 50px 0 30px 0; } }
    .main.join .txt_b .tit .ti {
      font-size: 30px;
      line-height: 46px;
      color: #333; }
      @media (max-width: 1460px) {
        .main.join .txt_b .tit .ti {
          font-size: 26px;
          line-height: 40px; } }
      @media (max-width: 1024px) {
        .main.join .txt_b .tit .ti {
          font-size: 22px;
          line-height: 36px; } }
    .main.join .txt_b .tit .ds {
      font-size: 20px;
      line-height: 30px;
      color: #333;
      margin-top: 13px; }
      @media (max-width: 1460px) {
        .main.join .txt_b .tit .ds {
          font-size: 18px;
          line-height: 26px;
          margin-top: 10px; } }
      @media (max-width: 1024px) {
        .main.join .txt_b .tit .ds {
          font-size: 16px;
          line-height: 24px;
          margin-top: 10px; } }
    .main.join .txt_b .con {
      font-size: 16px;
      line-height: 30px;
      color: #666;
      margin-top: 44px; }
      @media (max-width: 1460px) {
        .main.join .txt_b .con {
          margin-top: 30px; } }
      @media (max-width: 1024px) {
        .main.join .txt_b .con {
          font-size: 14px;
          line-height: 24px;
          margin-top: 20px; } }
      @media (max-width: 500px) {
        .main.join .txt_b .con {
          margin-top: 15px; } }
  .main.join .box {
    position: relative;
    padding-top: 5.2%;
    padding-bottom: 7.8%;
    transition: all 0.5s; }
    .main.join .box .bg {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.7); }
    .main.join .box .box_cen {
      position: relative;
      z-index: 10; }
      .main.join .box .box_cen .en {
        font-size: 60px;
        line-height: 64px;
        color: #fff;
        font-family: Arial;
        text-transform: uppercase;
        filter: alpha(opacity=70);
        opacity: 0.7; }
        .main.join .box .box_cen .en span {
          color: #31bdc9; }
      .main.join .box .box_cen .e {
        font-size: 30px;
        line-height: 36px;
        color: #999;
        font-family: Arial;
        text-transform: uppercase;
        margin-top: 20px; }
      .main.join .box .box_cen .txt {
        font-size: 30px;
        line-height: 46px;
        color: #fff;
        margin-top: 30px; }
    @media (max-width: 1460px) {
      .main.join .box .box_cen .en {
        font-size: 50px;
        line-height: 54px; }
      .main.join .box .box_cen .e {
        font-size: 26px;
        line-height: 32px;
        margin-top: 15px; }
      .main.join .box .box_cen .txt {
        font-size: 26px;
        line-height: 40px;
        margin-top: 25px; } }
    @media (max-width: 1200px) {
      .main.join .box .box_cen .en {
        font-size: 46px;
        line-height: 50px; } }
    @media (max-width: 1024px) {
      .main.join .box .box_cen .en {
        font-size: 40px;
        line-height: 44px; }
      .main.join .box .box_cen .e {
        font-size: 22px;
        line-height: 26px;
        margin-top: 15px; }
      .main.join .box .box_cen .txt {
        font-size: 22px;
        line-height: 30px;
        margin-top: 15px; } }
    @media (max-width: 850px) {
      .main.join .box .box_cen .en {
        font-size: 26px;
        line-height: 30px; }
      .main.join .box .box_cen .e {
        font-size: 20px;
        line-height: 24px;
        margin-top: 15px; }
      .main.join .box .box_cen .txt {
        font-size: 22px;
        line-height: 30px;
        margin-top: 15px; } }
  .main.join .container {
    transition: all 0.5s; }
    .main.join .container ul li:nth-child(3) .btn a {
      border-color: #c5c5c4; }
    .main.join .container ul li:nth-child(2) .btn a {
      border-color: #64c8d0; }
    .main.join .container ul li {
      width: 50%;
      float: left;
      padding-top: 7.4%;
      padding-bottom: 5.7%; }
      .main.join .container ul li .t {
        font-size: 30px;
        line-height: 46px;
        color: #fff;
        text-align: center; }
      .main.join .container ul li .con {
        font-size: 16px;
        line-height: 30px;
        color: #fff;
        text-align: center;
        width: 366px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 34px;
        overflow: hidden;
        height: 120px; }
      .main.join .container ul li .btn {
        text-align: center;
        font-size: 0px;
        margin-top: 50px; }
        .main.join .container ul li .btn a {
          width: 148px;
          height: 48px;
          display: inline-block;
          border: 1px solid #46729e;
          box-sizing: border-box;
          position: relative;
          font-size: 20px;
          line-height: 48px;
          color: #fff;
          margin: 0 9px;
          transition: all 0.5s; }
          @media (min-width: 1024px) {
            .main.join .container ul li .btn a:hover {
              background: #024381;
              color: #fff; } }
    @media (max-width: 1460px) {
      .main.join .container ul li .t {
        font-size: 26px;
        line-height: 40px; }
      .main.join .container ul li .con {
        font-size: 16px;
        line-height: 30px;
        margin-top: 30px;
        height: 120px; }
      .main.join .container ul li .btn {
        margin-top: 40px; } }
    @media (max-width: 1200px) {
      .main.join .container ul li .t {
        font-size: 26px;
        line-height: 40px; }
      .main.join .container ul li .con {
        width: 80%;
        font-size: 16px;
        line-height: 30px;
        margin-top: 25px; }
      .main.join .container ul li .btn {
        margin-top: 30px; } }
    @media (max-width: 1024px) {
      .main.join .container ul li {
        width: 100%; }
        .main.join .container ul li .t {
          font-size: 22px;
          line-height: 36px; }
        .main.join .container ul li .con {
          width: 80%;
          font-size: 14px;
          line-height: 24px;
          margin-top: 20px;
          height: auto; }
        .main.join .container ul li .btn {
          margin-top: 25px; }
          .main.join .container ul li .btn a {
            font-size: 16px; } }
    @media (max-width: 500px) {
      .main.join .container ul li {
        width: 100%; }
        .main.join .container ul li .t {
          font-size: 22px;
          line-height: 36px; }
        .main.join .container ul li .con {
          width: 94%;
          margin-top: 10px; }
        .main.join .container ul li .btn {
          margin-top: 15px; }
          .main.join .container ul li .btn a {
            font-size: 14px;
            width: 120px;
            height: 38px;
            line-height: 38px; } }
  .main.join .wrap {
    overflow: hidden;
    height: 618px;
    margin-top: 100px; }
    .main.join .wrap ul {
      height: 100%; }
      .main.join .wrap ul li:nth-child(2).animate .cont_box {
        transition: transform 0.5s 0.2s,opacity 0.5s 0.2s; }
      .main.join .wrap ul li:nth-child(3).animate .cont_box {
        transition: transform 0.5s 0.4s,opacity 0.5s 0.4s; }
      .main.join .wrap ul li:nth-child(4).animate .cont_box {
        transition: transform 0.5s 0.6s,opacity 0.5s 0.6s; }
      .main.join .wrap ul li:nth-child(5).animate .cont_box {
        transition: transform 0.5s 0.8s,opacity 0.5s 0.8s; }
      .main.join .wrap ul li {
        width: 6.9%;
        float: left;
        height: 100%;
        cursor: pointer;
        transition: all 0.38s cubic-bezier(0.4, 0, 0.2, 1); }
        .main.join .wrap ul li.animate .cont_box {
          transform: translateY(0%);
          filter: alpha(opacity=100);
          opacity: 1;
          transition: transform 0.5s,opacity 0.5s; }
        .main.join .wrap ul li.active {
          width: 72.4%; }
          .main.join .wrap ul li.active .cont_box .tu2 .txt {
            filter: alpha(opacity=0);
            opacity: 0; }
          .main.join .wrap ul li.active .cont_box .tu2 .text_box {
            transform: translateY(0px);
            filter: alpha(opacity=100);
            opacity: 1; }
        .main.join .wrap ul li .cont_box {
          width: 100%;
          height: 100%;
          position: relative;
          transform: translateY(-100%);
          filter: alpha(opacity=0);
          opacity: 0;
          overflow: hidden; }
          .main.join .wrap ul li .cont_box .tu2 {
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
            height: 100%; }
            .main.join .wrap ul li .cont_box .tu2 .txt {
              transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
              width: auto;
              display: inline-block;
              height: auto;
              position: absolute;
              right: 0;
              top: 0;
              min-height: 355px;
              padding-top: 20px;
              box-sizing: border-box;
              writing-mode: vertical-rl;
              font-size: 24px;
              line-height: 40px;
              color: #fff;
              background: rgba(0, 0, 0, 0.5); }
            .main.join .wrap ul li .cont_box .tu2 .text_box {
              transition: transform 0.38s 0.2s cubic-bezier(0.4, 0, 0.2, 1);
              filter: alpha(opacity=0);
              opacity: 0;
              transform: translateY(100px);
              height: auto;
              position: absolute;
              bottom: 0;
              left: 0;
              background: rgba(0, 0, 0, 0.5);
              padding: 30px 40px;
              box-sizing: border-box; }
              .main.join .wrap ul li .cont_box .tu2 .text_box .t {
                font-size: 24px;
                line-height: 36px;
                color: #fff; }
              .main.join .wrap ul li .cont_box .tu2 .text_box .con {
                font-size: 18px;
                line-height: 30px;
                color: #fff;
                margin-top: 17px; }
    @media (max-width: 1460px) {
      .main.join .wrap {
        margin-top: 80px;
        height: 580px; }
        .main.join .wrap ul li {
          width: 6.9%; }
          .main.join .wrap ul li .cont_box .tu2 .txt {
            padding-top: 15px;
            font-size: 22px;
            line-height: 36px; }
          .main.join .wrap ul li .cont_box .tu2 .text_box {
            padding: 20px 30px; }
            .main.join .wrap ul li .cont_box .tu2 .text_box .con {
              font-size: 16px;
              line-height: 26px;
              margin-top: 15px; } }
    @media (max-width: 1024px) {
      .main.join .wrap {
        margin-top: 60px;
        height: 450px; }
        .main.join .wrap ul li {
          width: 6.9%; }
          .main.join .wrap ul li .cont_box .tu2 .txt {
            padding-top: 15px;
            font-size: 20px;
            line-height: 30px; }
          .main.join .wrap ul li .cont_box .tu2 .text_box {
            padding: 15px; }
            .main.join .wrap ul li .cont_box .tu2 .text_box .con {
              font-size: 14px;
              line-height: 24px;
              margin-top: 10px; } }
    @media (max-width: 900px) {
      .main.join .wrap {
        display: none; } }
  .main.join .content {
    margin-top: 25px;
    padding-bottom: 100px; }
    .main.join .content .conn {
      overflow: hidden; }
      .main.join .content .conn > ul {
        position: relative; }
        .main.join .content .conn > ul > li {
          float: left;
          margin-right: 10px; }
      .main.join .content .conn .flexslider {
        width: 50%;
        float: left; }
        .main.join .content .conn .flexslider .flex-control-nav li a {
          width: 12px;
          height: 12px;
          background: #9f9f9f; }
          .main.join .content .conn .flexslider .flex-control-nav li a.flex-active {
            background: #024381; }
        .main.join .content .conn .flexslider .flex-viewport {
          width: 100%; }
          .main.join .content .conn .flexslider .flex-viewport .slides li img {
            width: 100%;
            height: auto; }
      .main.join .content .conn .cont_con {
        width: 45.8%;
        float: right;
        padding-top: 32px; }
        .main.join .content .conn .cont_con .ti {
          font-size: 24px;
          line-height: 40px;
          color: #666; }
        .main.join .content .conn .cont_con .con {
          font-size: 18px;
          line-height: 30px;
          color: #666; }
          .main.join .content .conn .cont_con .con p {
            padding-top: 28px; }
    @media (max-width: 1460px) {
      .main.join .content {
        padding-bottom: 80px; }
        .main.join .content .conn .cont_con {
          padding-top: 25px; }
          .main.join .content .conn .cont_con .ti {
            font-size: 24px;
            line-height: 36px; }
          .main.join .content .conn .cont_con .con {
            font-size: 16px;
            line-height: 28px; }
            .main.join .content .conn .cont_con .con p {
              padding-top: 20px; } }
    @media (max-width: 1024px) {
      .main.join .content {
        padding-bottom: 60px; }
        .main.join .content .conn .cont_con {
          padding-top: 25px; }
          .main.join .content .conn .cont_con .ti {
            font-size: 20px;
            line-height: 30px; }
          .main.join .content .conn .cont_con .con {
            font-size: 14px;
            line-height: 24px; }
            .main.join .content .conn .cont_con .con p {
              padding-top: 15px; } }
    @media (max-width: 900px) {
      .main.join .content {
        display: none; } }
  .main.join .friend_box {
    padding-bottom: 100px; }
    .main.join .friend_box .pic {
      margin-top: 105px;
      position: relative;
      overflow: hidden;
      transition: transform 0.5s,opacity 0.5s; }
      .main.join .friend_box .pic img {
        width: 100%;
        height: auto; }
      .main.join .friend_box .pic .txt {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0; }
        .main.join .friend_box .pic .txt .cont {
          width: 100%;
          background: rgba(51, 51, 51, 0.9);
          position: absolute;
          left: 0;
          bottom: 0;
          padding: 38px 50px;
          box-sizing: border-box; }
          .main.join .friend_box .pic .txt .cont .en {
            float: left; }
            .main.join .friend_box .pic .txt .cont .en .e {
              font-size: 48px;
              line-height: 54px;
              color: #fff;
              filter: alpha(opacity=50);
              opacity: 0.5;
              font-family: Arial;
              text-transform: uppercase; }
              .main.join .friend_box .pic .txt .cont .en .e span {
                color: #31bdc9; }
            .main.join .friend_box .pic .txt .cont .en .e_t {
              font-size: 30px;
              line-height: 46px;
              color: #666;
              filter: alpha(opacity=50);
              opacity: 0.5;
              font-family: Arial;
              text-transform: uppercase;
              color: #666;
              margin-top: 5px; }
          .main.join .friend_box .pic .txt .cont .contact {
            width: 224px;
            height: 66px;
            background: #024381;
            display: block;
            position: absolute;
            right: 70px;
            top: 50%;
            text-align: center;
            margin-top: -33px; }
            .main.join .friend_box .pic .txt .cont .contact .ico {
              display: inline-block;
              width: 25px;
              height: 21px;
              margin: 0 6px;
              background: url(../images/email.png) no-repeat;
              vertical-align: middle; }
            .main.join .friend_box .pic .txt .cont .contact .text {
              text-align: center;
              display: inline-block;
              vertical-align: middle;
              font-size: 20px;
              line-height: 66px;
              color: #fff;
              font-weight: bold;
              margin: 0 6px; }
        .main.join .friend_box .pic .txt .bg {
          width: 50%;
          height: 100%;
          position: absolute;
          right: 0;
          bottom: 0;
          background: #44c2cd; }
    .main.join .friend_box .friend_txt {
      padding-top: 33px;
      transition: transform 0.5s,opacity 0.5s; }
      .main.join .friend_box .friend_txt .t {
        font-size: 24px;
        line-height: 46px;
        color: #333; }
        .main.join .friend_box .friend_txt .t span {
          color: #31bdc9;
          display: block; }
      .main.join .friend_box .friend_txt .con {
        font-size: 16px;
        line-height: 30px;
        color: #666;
        margin-top: 22px; }
    @media (max-width: 1460px) {
      .main.join .friend_box {
        padding-bottom: 80px; }
        .main.join .friend_box .pic {
          margin-top: 90px; }
          .main.join .friend_box .pic .txt .cont {
            padding: 30px 40px; }
            .main.join .friend_box .pic .txt .cont .en .e {
              font-size: 44px;
              line-height: 50px; }
            .main.join .friend_box .pic .txt .cont .en .e_t {
              font-size: 26px;
              line-height: 40px; }
            .main.join .friend_box .pic .txt .cont .contact {
              width: 200px;
              height: 60px;
              right: 50px; }
              .main.join .friend_box .pic .txt .cont .contact .text {
                font-size: 20px;
                line-height: 60px; }
        .main.join .friend_box .friend_txt {
          padding-top: 30px; }
          .main.join .friend_box .friend_txt .t {
            font-size: 24px;
            line-height: 40px; }
          .main.join .friend_box .friend_txt .con {
            font-size: 16px;
            line-height: 30px;
            margin-top: 15px; } }
    @media (max-width: 1200px) {
      .main.join .friend_box {
        padding-bottom: 80px; }
        .main.join .friend_box .pic {
          margin-top: 90px; }
          .main.join .friend_box .pic img {
            width: 110%;
            margin-left: -5%; }
          .main.join .friend_box .pic .txt .cont {
            padding: 15px 30px; }
        .main.join .friend_box .friend_txt {
          padding-top: 30px; }
          .main.join .friend_box .friend_txt .t {
            font-size: 24px;
            line-height: 40px; }
          .main.join .friend_box .friend_txt .con {
            font-size: 16px;
            line-height: 30px;
            margin-top: 15px; } }
    @media (max-width: 1024px) {
      .main.join .friend_box {
        padding-bottom: 60px; }
        .main.join .friend_box .pic {
          margin-top: 70px; }
          .main.join .friend_box .pic .txt .cont .en .e {
            font-size: 36px;
            line-height: 40px; }
          .main.join .friend_box .pic .txt .cont .en .e_t {
            font-size: 22px;
            line-height: 30px; }
          .main.join .friend_box .pic .txt .cont .contact {
            width: 180px;
            height: 50px;
            right: 40px;
            margin-top: -25px; }
            .main.join .friend_box .pic .txt .cont .contact .text {
              font-size: 16px;
              line-height: 50px; }
        .main.join .friend_box .friend_txt {
          padding-top: 30px; }
          .main.join .friend_box .friend_txt .t {
            font-size: 20px;
            line-height: 36px; }
          .main.join .friend_box .friend_txt .con {
            font-size: 16px;
            line-height: 30px;
            margin-top: 15px; } }
    @media (max-width: 650px) {
      .main.join .friend_box {
        padding-bottom: 30px; }
        .main.join .friend_box .pic {
          margin-top: 50px; }
          .main.join .friend_box .pic img {
            width: 100%;
            margin-left: 0%; }
          .main.join .friend_box .pic .txt {
            position: static; }
            .main.join .friend_box .pic .txt .bg {
              display: none; }
            .main.join .friend_box .pic .txt .cont {
              overflow: hidden;
              position: relative;
              padding: 15px; }
              .main.join .friend_box .pic .txt .cont .en {
                float: none; }
                .main.join .friend_box .pic .txt .cont .en .e {
                  font-size: 26px;
                  line-height: 30px; }
                .main.join .friend_box .pic .txt .cont .en .e_t {
                  font-size: 20px;
                  line-height: 30px;
                  margin-top: 0; }
              .main.join .friend_box .pic .txt .cont .contact {
                position: static;
                width: 120px;
                height: 40px;
                clear: both;
                display: block;
                margin-top: 10px; }
                .main.join .friend_box .pic .txt .cont .contact .ico {
                  width: 20px;
                  height: 16px;
                  background-size: contain; }
                .main.join .friend_box .pic .txt .cont .contact .text {
                  font-size: 14px;
                  line-height: 40px; }
        .main.join .friend_box .friend_txt {
          padding-top: 20px; }
          .main.join .friend_box .friend_txt .t {
            font-size: 18px;
            line-height: 26px; }
          .main.join .friend_box .friend_txt .con {
            font-size: 14px;
            line-height: 24px;
            margin-top: 10px; } }
  .main.join .social_box .cont {
    transition: all 0.5s;
    padding-top: 75px;
    padding-bottom: 110px; }
    .main.join .social_box .cont .t {
      font-size: 30px;
      line-height: 46px;
      color: #333; }
    .main.join .social_box .cont .con {
      font-size: 16px;
      line-height: 30px;
      color: #666;
      margin-top: 20px; }
    .main.join .social_box .cont .tit {
      font-size: 24px;
      line-height: 30px;
      color: #31bdc9;
      margin-top: 12px; }
    @media (max-width: 1460px) {
      .main.join .social_box .cont {
        padding-top: 60px;
        padding-bottom: 90px; }
        .main.join .social_box .cont .t {
          font-size: 26px;
          line-height: 40px; }
        .main.join .social_box .cont .con {
          margin-top: 15px; }
        .main.join .social_box .cont .tit {
          margin-top: 10px; } }
    @media (max-width: 1024px) {
      .main.join .social_box .cont {
        padding-top: 40px;
        padding-bottom: 60px; }
        .main.join .social_box .cont .t {
          font-size: 22px;
          line-height: 36px; }
        .main.join .social_box .cont .con {
          margin-top: 10px;
          font-size: 14px;
          line-height: 24px; }
        .main.join .social_box .cont .tit {
          font-size: 20px;
          line-height: 30px; } }
    @media (max-width: 500px) {
      .main.join .social_box .cont {
        padding-top: 25px;
        padding-bottom: 25px; }
        .main.join .social_box .cont .tit {
          font-size: 18px;
          line-height: 26px; } }
  .main.join .social_box .sbox {
    position: relative;
    padding-bottom: 10px; }
    .main.join .social_box .sbox.animate ul li {
      transform: translateX(0px);
      filter: alpha(opacity=100);
      opacity: 1; }
    .main.join .social_box .sbox.animate .chart_box .student {
      width: 100%;
      transition: all 0.3s; }
      .main.join .social_box .sbox.animate .chart_box .student .ico {
        transform: translateY(0px);
        filter: alpha(opacity=100);
        opacity: 1;
        transition: all 0.3s 0.2s; }
    .main.join .social_box .sbox.animate .chart_box .qua {
      filter: alpha(opacity=100);
      opacity: 1;
      transform: translateY(0px);
      transition: all 0.5s 0.2s; }
    .main.join .social_box .sbox.animate .chart_box .list {
      height: 103%;
      transition: all 0.5s 0.2s; }
      .main.join .social_box .sbox.animate .chart_box .list.list5 {
        height: 23.5%;
        transition: all 0.5s 0.2s; }
      .main.join .social_box .sbox.animate .chart_box .list.list4 {
        height: 43.5%;
        transition: all 0.5s 0.2s; }
      .main.join .social_box .sbox.animate .chart_box .list.list3 {
        height: 63.5%;
        transition: all 0.5s 0.2s; }
      .main.join .social_box .sbox.animate .chart_box .list.list2 {
        height: 83.3%;
        transition: all 0.5s 0.2s; }
    .main.join .social_box .sbox .chart_box {
      position: absolute;
      bottom: 0px;
      width: 100%;
      height: 100%; }
      .main.join .social_box .sbox .chart_box .img {
        display: none;
        width: 100%;
        height: auto; }
      .main.join .social_box .sbox .chart_box .qua {
        width: 40px;
        height: 55.3%;
        background: #f18d00;
        border-radius: 6px;
        position: absolute;
        right: 41.3%;
        bottom: 37.5%; }
        @media (min-width: 1024px) {
          .main.join .social_box .sbox .chart_box .qua {
            filter: alpha(opacity=0);
            opacity: 0;
            transform: translateY(-50px); } }
        .main.join .social_box .sbox .chart_box .qua .tab {
          width: 100%;
          height: 100%;
          display: table; }
          .main.join .social_box .sbox .chart_box .qua .tab .tab_cell {
            display: table-cell;
            vertical-align: middle;
            padding: 0 10px;
            box-sizing: border-box;
            font-size: 20px;
            line-height: 24px;
            color: #fff; }
      .main.join .social_box .sbox .chart_box .student {
        height: 18px;
        background: #e0e0e0;
        position: absolute;
        bottom: -18px;
        left: 0; }
        @media (min-width: 1024px) {
          .main.join .social_box .sbox .chart_box .student {
            width: 0; }
            .main.join .social_box .sbox .chart_box .student .ico {
              transform: translateY(-20px);
              filter: alpha(opacity=0);
              opacity: 0; } }
        .main.join .social_box .sbox .chart_box .student .ico {
          width: 110px;
          height: 56px;
          border-radius: 6px;
          background: #333;
          font-size: 16px;
          line-height: 56px;
          color: #fff;
          text-align: center;
          position: absolute;
          left: 0;
          top: 50%;
          margin-top: -28px; }
      .main.join .social_box .sbox .chart_box .list {
        position: absolute;
        width: 120px;
        height: 103%;
        background: #024381;
        right: 4.5%;
        bottom: 0; }
        @media (min-width: 1024px) {
          .main.join .social_box .sbox .chart_box .list {
            height: 0; } }
        .main.join .social_box .sbox .chart_box .list.list2 {
          right: 18.1%;
          background: #336699;
          height: 83.3%; }
          @media (min-width: 1024px) {
            .main.join .social_box .sbox .chart_box .list.list2 {
              height: 0; } }
        .main.join .social_box .sbox .chart_box .list.list3 {
          right: 31.7%;
          background: #00a9a5;
          height: 63.5%; }
          @media (min-width: 1024px) {
            .main.join .social_box .sbox .chart_box .list.list3 {
              height: 0; } }
        .main.join .social_box .sbox .chart_box .list.list4 {
          right: 45.1%;
          background: #33cccc;
          height: 43.5%; }
          @media (min-width: 1024px) {
            .main.join .social_box .sbox .chart_box .list.list4 {
              height: 0; } }
        .main.join .social_box .sbox .chart_box .list.list5 {
          right: 59%;
          background: #66cccc;
          height: 23.5%; }
          @media (min-width: 1024px) {
            .main.join .social_box .sbox .chart_box .list.list5 {
              height: 0; } }
        .main.join .social_box .sbox .chart_box .list .name {
          padding-top: 40%;
          text-align: center;
          font-size: 24px;
          line-height: 28px;
          color: #fff; }
          .main.join .social_box .sbox .chart_box .list .name span {
            display: block;
            font-size: 16px; }
    .main.join .social_box .sbox ul li:last-child .con {
      width: 420px; }
    .main.join .social_box .sbox ul li {
      position: relative;
      padding: 20px 0;
      min-height: 70px;
      border-top: 1px solid #e0e0e0;
      transition: all 0.5s 0.2s; }
      @media (min-width: 1024px) {
        .main.join .social_box .sbox ul li {
          transform: translateX(50px);
          filter: alpha(opacity=0);
          opacity: 0; } }
      .main.join .social_box .sbox ul li .con {
        width: 640px;
        position: relative; }
        .main.join .social_box .sbox ul li .con .t {
          position: absolute;
          left: 0;
          top: 0px;
          font-size: 24px;
          line-height: 34px;
          color: #333; }
        .main.join .social_box .sbox ul li .con .cont_box {
          width: 100%;
          padding-left: 145px;
          box-sizing: border-box;
          font-size: 14px;
          line-height: 24px;
          color: #666; }
    @media (max-width: 1460px) {
      .main.join .social_box .sbox ul li:last-child .con {
        width: 350px; }
      .main.join .social_box .sbox ul li {
        padding: 20px 0;
        min-height: 70px; }
        .main.join .social_box .sbox ul li .con {
          width: 570px; }
          .main.join .social_box .sbox ul li .con .t {
            font-size: 24px;
            line-height: 34px; }
          .main.join .social_box .sbox ul li .con .cont_box {
            padding-left: 145px;
            font-size: 14px;
            line-height: 24px; }
      .main.join .social_box .sbox .chart_box .qua {
        width: 40px;
        right: 40.3%; }
        .main.join .social_box .sbox .chart_box .qua .tab .tab_cell {
          padding: 0 10px;
          font-size: 20px;
          line-height: 24px; }
      .main.join .social_box .sbox .chart_box .list {
        position: absolute;
        width: 110px;
        height: 103%;
        background: #024381;
        right: 3.5%;
        bottom: 0; }
        .main.join .social_box .sbox .chart_box .list.list2 {
          right: 17.1%; }
        .main.join .social_box .sbox .chart_box .list.list3 {
          right: 30.7%; }
        .main.join .social_box .sbox .chart_box .list.list4 {
          right: 44.1%; }
        .main.join .social_box .sbox .chart_box .list.list5 {
          right: 58%; }
        .main.join .social_box .sbox .chart_box .list .name {
          padding-top: 40%;
          font-size: 24px;
          line-height: 28px; } }
    @media (max-width: 1330px) {
      .main.join .social_box .sbox ul li:last-child .con {
        width: 350px; }
      .main.join .social_box .sbox ul li {
        padding: 20px 0;
        min-height: 70px; }
        .main.join .social_box .sbox ul li .con {
          width: 490px; }
          .main.join .social_box .sbox ul li .con .t {
            font-size: 24px;
            line-height: 34px; }
          .main.join .social_box .sbox ul li .con .cont_box {
            padding-left: 145px;
            font-size: 14px;
            line-height: 24px; }
      .main.join .social_box .sbox .chart_box .qua {
        width: 30px;
        right: 40.3%; }
        .main.join .social_box .sbox .chart_box .qua .tab .tab_cell {
          padding: 0 5px;
          font-size: 20px;
          line-height: 24px; }
      .main.join .social_box .sbox .chart_box .list {
        width: 100px;
        right: 3.5%; }
        .main.join .social_box .sbox .chart_box .list.list2 {
          right: 17.1%; }
        .main.join .social_box .sbox .chart_box .list.list3 {
          right: 30.7%; }
        .main.join .social_box .sbox .chart_box .list.list4 {
          right: 44.1%; }
        .main.join .social_box .sbox .chart_box .list.list5 {
          right: 58%; }
        .main.join .social_box .sbox .chart_box .list .name {
          padding-top: 40%;
          font-size: 24px;
          line-height: 28px; } }
    @media (max-width: 1200px) {
      .main.join .social_box .sbox ul li:last-child .con {
        width: 300px; }
      .main.join .social_box .sbox ul li {
        padding: 20px 0;
        min-height: 70px; }
        .main.join .social_box .sbox ul li .con {
          width: 450px; }
          .main.join .social_box .sbox ul li .con .t {
            font-size: 20px;
            line-height: 34px; }
          .main.join .social_box .sbox ul li .con .cont_box {
            padding-left: 118px;
            font-size: 14px;
            line-height: 24px; }
      .main.join .social_box .sbox .chart_box .qua {
        width: 26px;
        right: 39.7%;
        text-align: center; }
        .main.join .social_box .sbox .chart_box .qua .tab .tab_cell {
          padding: 0 3%;
          font-size: 18px;
          line-height: 24px; }
      .main.join .social_box .sbox .chart_box .list {
        width: 90px;
        right: 2.5%; }
        .main.join .social_box .sbox .chart_box .list.list2 {
          right: 16.1%; }
        .main.join .social_box .sbox .chart_box .list.list3 {
          right: 29.7%; }
        .main.join .social_box .sbox .chart_box .list.list4 {
          right: 43.1%; }
        .main.join .social_box .sbox .chart_box .list.list5 {
          right: 57%; }
        .main.join .social_box .sbox .chart_box .list .name {
          padding-top: 40%;
          font-size: 20px;
          line-height: 24px; } }
    @media (max-width: 1024px) {
      .main.join .social_box .sbox ul li:last-child .con {
        width: 100%; }
      .main.join .social_box .sbox ul li {
        padding: 20px 0;
        min-height: 0px; }
        .main.join .social_box .sbox ul li .con {
          width: 100%; }
          .main.join .social_box .sbox ul li .con .t {
            font-size: 20px;
            line-height: 28px; }
          .main.join .social_box .sbox ul li .con .cont_box {
            padding-left: 118px;
            font-size: 14px;
            line-height: 24px; }
      .main.join .social_box .sbox .chart_box {
        position: relative;
        height: 500px; }
        .main.join .social_box .sbox .chart_box .student {
          height: 12px;
          bottom: -12px; }
          .main.join .social_box .sbox .chart_box .student .ico {
            height: 50px;
            font-size: 16px;
            line-height: 50px;
            margin-top: -25px; }
        .main.join .social_box .sbox .chart_box .qua {
          width: 26px;
          right: 43.7%;
          text-align: center; }
          .main.join .social_box .sbox .chart_box .qua .tab .tab_cell {
            padding: 0 3%;
            font-size: 18px;
            line-height: 24px; }
        .main.join .social_box .sbox .chart_box .list {
          width: 80px;
          right: 6.5%; }
          .main.join .social_box .sbox .chart_box .list.list2 {
            right: 20.1%; }
          .main.join .social_box .sbox .chart_box .list.list3 {
            right: 33.7%; }
          .main.join .social_box .sbox .chart_box .list.list4 {
            right: 47.1%; }
          .main.join .social_box .sbox .chart_box .list.list5 {
            right: 61%; }
          .main.join .social_box .sbox .chart_box .list .name {
            padding-top: 40%;
            font-size: 20px;
            line-height: 24px; }
            .main.join .social_box .sbox .chart_box .list .name span {
              font-size: 14px; } }
    @media (max-width: 950px) {
      .main.join .social_box .sbox .chart_box {
        height: 450px; }
        .main.join .social_box .sbox .chart_box .qua {
          width: 26px;
          right: 48%; }
          .main.join .social_box .sbox .chart_box .qua .tab .tab_cell {
            font-size: 18px;
            line-height: 24px; }
        .main.join .social_box .sbox .chart_box .list {
          width: 70px;
          right: 11.5%; }
          .main.join .social_box .sbox .chart_box .list.list2 {
            right: 25.1%; }
          .main.join .social_box .sbox .chart_box .list.list3 {
            right: 38.7%; }
          .main.join .social_box .sbox .chart_box .list.list4 {
            right: 52.1%; }
          .main.join .social_box .sbox .chart_box .list.list5 {
            right: 66%; }
          .main.join .social_box .sbox .chart_box .list .name {
            padding-top: 40%;
            font-size: 18px;
            line-height: 20px; }
            .main.join .social_box .sbox .chart_box .list .name span {
              font-size: 14px; } }
    @media (max-width: 880px) {
      .main.join .social_box .sbox .chart_box {
        height: 400px; }
        .main.join .social_box .sbox .chart_box .qua {
          width: 26px;
          right: 48%; }
          .main.join .social_box .sbox .chart_box .qua .tab .tab_cell {
            font-size: 16px;
            line-height: 20px; }
        .main.join .social_box .sbox .chart_box .list {
          width: 60px;
          right: 11.5%; }
          .main.join .social_box .sbox .chart_box .list.list2 {
            right: 25.1%; }
          .main.join .social_box .sbox .chart_box .list.list3 {
            right: 38.7%; }
          .main.join .social_box .sbox .chart_box .list.list4 {
            right: 52.1%; }
          .main.join .social_box .sbox .chart_box .list.list5 {
            right: 66%; }
          .main.join .social_box .sbox .chart_box .list .name {
            padding-top: 40%;
            font-size: 16px;
            line-height: 20px; }
            .main.join .social_box .sbox .chart_box .list .name span {
              font-size: 13px; } }
    @media (max-width: 750px) {
      .main.join .social_box .sbox .chart_box {
        height: auto; }
        .main.join .social_box .sbox .chart_box .img {
          display: block; }
        .main.join .social_box .sbox .chart_box .list, .main.join .social_box .sbox .chart_box .qua, .main.join .social_box .sbox .chart_box .student {
          display: none; } }
    @media (max-width: 500px) {
      .main.join .social_box .sbox .chart_box {
        margin-top: 10px; }
      .main.join .social_box .sbox ul li {
        padding: 10px 0; }
        .main.join .social_box .sbox ul li .con .t {
          position: static; }
        .main.join .social_box .sbox ul li .con .cont_box {
          padding-left: 0;
          margin-top: 5px; } }
  .main.join .recuirt_box {
    padding-top: 15px;
    padding-bottom: 100px; }
    .main.join .recuirt_box ul li {
      margin-top: 20px;
      transition: transform 0.5s,opacity 0.5s; }
      .main.join .recuirt_box ul li a {
        display: block;
        border: 1px solid #e6e5e5;
        overflow: hidden; }
        .main.join .recuirt_box ul li a .rt {
          float: left;
          width: 17.5%;
          padding: 0 5px;
          box-sizing: border-box;
          position: relative;
          background: #ececec; }
          .main.join .recuirt_box ul li a .rt .job {
            text-align: center;
            font-size: 30px;
            line-height: 46px;
            color: #333;
            padding-top: 50px; }
            .main.join .recuirt_box ul li a .rt .job span {
              display: block;
              padding-top: 15px;
              font-size: 18px;
              line-height: 24px; }
          .main.join .recuirt_box ul li a .rt .more {
            width: 138px;
            height: 44px;
            background: #024381;
            position: absolute;
            font-size: 16px;
            line-height: 44px;
            color: #fff;
            text-align: center;
            left: 50%;
            margin-left: -69px;
            bottom: 35px; }
        .main.join .recuirt_box ul li a .cont {
          width: 82.5%;
          float: left;
          padding: 24px 30px 40px 30px;
          box-sizing: border-box; }
          .main.join .recuirt_box ul li a .cont .con_l:nth-child(even) {
            float: right; }
          .main.join .recuirt_box ul li a .cont .con_l {
            float: left;
            width: 46.5%; }
            .main.join .recuirt_box ul li a .cont .con_l .t {
              font-size: 20px;
              line-height: 30px;
              color: #333; }
            .main.join .recuirt_box ul li a .cont .con_l .con {
              font-size: 16px;
              line-height: 30px;
              color: #999;
              margin-top: 10px; }
    @media (max-width: 1460px) {
      .main.join .recuirt_box {
        padding-bottom: 80px; }
        .main.join .recuirt_box ul li a .rt {
          width: 20%; }
          .main.join .recuirt_box ul li a .rt .job {
            font-size: 26px;
            line-height: 40px;
            padding-top: 40px; }
            .main.join .recuirt_box ul li a .rt .job span {
              padding-top: 15px;
              font-size: 18px;
              line-height: 24px; }
          .main.join .recuirt_box ul li a .rt .more {
            width: 138px;
            height: 44px;
            bottom: 35px; }
        .main.join .recuirt_box ul li a .cont {
          width: 80%;
          padding: 24px 20px 30px 20px; }
          .main.join .recuirt_box ul li a .cont .con_l .t {
            font-size: 20px;
            line-height: 30px; }
          .main.join .recuirt_box ul li a .cont .con_l .con {
            font-size: 16px;
            line-height: 30px; } }
    @media (max-width: 1200px) {
      .main.join .recuirt_box ul li a .cont .con_l .con {
        font-size: 15px;
        line-height: 26px; } }
    @media (max-width: 1024px) {
      .main.join .recuirt_box {
        padding-bottom: 60px; }
        .main.join .recuirt_box ul li a .rt {
          width: 100%;
          float: none;
          padding: 10px 15px;
          box-sizing: border-box;
          height: auto !important;
          overflow: hidden; }
          .main.join .recuirt_box ul li a .rt .job {
            font-size: 22px;
            line-height: 40px;
            padding-top: 0px;
            float: left; }
            .main.join .recuirt_box ul li a .rt .job span {
              padding-top: 0px;
              display: inline-block;
              font-size: 18px;
              line-height: 40px; }
          .main.join .recuirt_box ul li a .rt .more {
            float: right;
            position: static;
            width: 120px;
            height: 40px; }
        .main.join .recuirt_box ul li a .cont {
          width: 100%;
          float: none;
          padding: 15px; }
          .main.join .recuirt_box ul li a .cont .con_l .t {
            font-size: 16px;
            line-height: 24px; }
          .main.join .recuirt_box ul li a .cont .con_l .con {
            font-size: 14px;
            line-height: 24px; } }
    @media (max-width: 700px) {
      .main.join .recuirt_box {
        padding-bottom: 35px; }
        .main.join .recuirt_box ul li a .rt {
          width: 100%;
          float: none;
          padding: 5px 15px;
          box-sizing: border-box;
          height: auto !important;
          overflow: hidden; }
          .main.join .recuirt_box ul li a .rt .job {
            font-size: 20px;
            line-height: 40px;
            padding-top: 0px;
            float: left; }
            .main.join .recuirt_box ul li a .rt .job span {
              padding-top: 0px;
              display: inline-block;
              font-size: 14px;
              line-height: 40px; }
          .main.join .recuirt_box ul li a .rt .more {
            float: right;
            position: static;
            width: 80px;
            height: 36px;
            font-size: 14px;
            margin-top: 2px;
            line-height: 36px; }
        .main.join .recuirt_box ul li a .cont {
          width: 100%;
          float: none;
          padding: 15px; }
          .main.join .recuirt_box ul li a .cont .con_l:nth-child(even) {
            float: none;
            margin-top: 15px; }
          .main.join .recuirt_box ul li a .cont .con_l {
            width: 100%;
            float: none; }
            .main.join .recuirt_box ul li a .cont .con_l .t {
              font-size: 16px;
              line-height: 24px; }
            .main.join .recuirt_box ul li a .cont .con_l .con {
              font-size: 14px;
              line-height: 24px; } }
  .main.join .jm {
    padding-top: 70px;
    padding-bottom: 90px; }
    @media (max-width: 1420px) {
      .main.join .jm {
        padding: 60px 0 70px 0; } }
    @media (max-width: 1024px) {
      .main.join .jm {
        padding: 40px 0; } }
    @media (max-width: 600px) {
      .main.join .jm {
        padding: 25px 0; } }
    @media (min-width: 1024px) {
      .main.join .jm {
        transform: translateY(80px);
        opacity: 0;
        transition: all 0.68s; }
        .main.join .jm.animate {
          transform: translateY(0px);
          opacity: 1; } }
    .main.join .jm .group {
      width: 100%;
      height: auto; }
      .main.join .jm .group .input-group {
        width: 33.3%;
        float: left;
        margin-bottom: 8px; }
        .main.join .jm .group .input-group select {
          background: none; }
        .main.join .jm .group .input-group.file {
          height: 60px; }
          .main.join .jm .group .input-group.file input {
            position: relative;
            top: 5px;
            font-size: 14px;
            color: #333; }
        .main.join .jm .group .input-group.resume {
          float: none;
          clear: both; }
          .main.join .jm .group .input-group.resume .text {
            width: 296%;
            resize: none;
            height: 150px;
            background: none;
            border: 1px solid #ccc; }
        .main.join .jm .group .input-group label {
          font-size: 14px;
          line-height: 26px;
          display: block;
          color: #333; }
        .main.join .jm .group .input-group .text {
          width: 96%;
          height: 34px;
          line-height: 34px;
          border: 1px solid #ccc;
          text-indent: 1em;
          color: #333;
          box-sizing: border-box; }
        .main.join .jm .group .input-group input.text {
          height: 32px;
          line-height: 32px;
          background: none;
          font-size: 14px; }
      @media (max-width: 1240px) {
        .main.join .jm .group .input-group.resume {
          float: none;
          clear: both; }
          .main.join .jm .group .input-group.resume .text {
            width: 292%;
            resize: none;
            height: 180px;
            background: none; }
        .main.join .jm .group .input-group label {
          font-size: 14px;
          line-height: 26px;
          display: block; }
        .main.join .jm .group .input-group .text {
          width: 92%;
          height: 34px;
          line-height: 34px;
          box-sizing: border-box; }
        .main.join .jm .group .input-group input.text {
          height: 32px;
          line-height: 32px;
          background: none;
          font-size: 14px; } }
      @media (max-width: 1024px) {
        .main.join .jm .group .input-group {
          width: 100%;
          margin-bottom: 10px;
          float: none; }
          .main.join .jm .group .input-group .text {
            width: 100%;
            height: 30px;
            line-height: 30px; }
          .main.join .jm .group .input-group.resume .text {
            width: 100%;
            resize: none;
            height: 100px; } }
    .main.join .jm .btn-box {
      padding-bottom: 10px; }
      .main.join .jm .btn-box .btn {
        width: 152px;
        text-align: center;
        height: 40px;
        line-height: 38px;
        border-radius: 40px;
        font-size: 16px;
        color: #fff;
        border: 1px solid #024381;
        background: #024381;
        clear: both; }
      @media (max-width: 1240px) {
        .main.join .jm .btn-box .btn {
          width: 120px;
          height: 35px;
          line-height: 34px;
          font-size: 14px; } }
      @media (max-width: 1024px) {
        .main.join .jm .btn-box .btn {
          width: 100px;
          height: 30px;
          line-height: 28px;
          font-size: 14px; } }
  .main.join .other_box {
    border-top: 2px solid #999;
    margin-top: 90px;
    padding-top: 28px;
    padding-bottom: 70px;
    transition: all 0.5s; }
    .main.join .other_box .ds {
      font-size: 16px;
      line-height: 24px;
      color: #666; }
    .main.join .other_box .t {
      font-size: 24px;
      line-height: 30px;
      color: #666;
      margin-top: 5px;
      padding-bottom: 70px; }
    .main.join .other_box .req .cont {
      position: relative; }
      .main.join .other_box .req .cont .cont_l {
        width: 50%;
        padding: 45px;
        box-sizing: border-box;
        background: #333; }
        .main.join .other_box .req .cont .cont_l .read {
          width: 190px;
          height: 48px;
          display: block;
          border: 1px solid rgba(106, 113, 114, 0.9);
          font-size: 20px;
          line-height: 48px;
          color: #fff;
          text-align: center;
          transition: all 0.3s; }
          @media (min-width: 1024px) {
            .main.join .other_box .req .cont .cont_l .read:hover {
              background: #024381;
              border-color: #024381; } }
        .main.join .other_box .req .cont .cont_l .en .e {
          font-size: 48px;
          line-height: 54px;
          color: #fff;
          filter: alpha(opacity=50);
          opacity: 0.5;
          font-family: Arial;
          text-transform: uppercase; }
          .main.join .other_box .req .cont .cont_l .en .e span {
            color: #31bdc9; }
        .main.join .other_box .req .cont .cont_l .en .e_t {
          font-size: 30px;
          line-height: 46px;
          color: #666;
          filter: alpha(opacity=50);
          opacity: 0.5;
          font-family: Arial;
          text-transform: uppercase;
          color: #666;
          margin-top: 5px; }
      @media (max-width: 1460px) {
        .main.join .other_box .req .cont .cont_l {
          padding: 40px 30px; }
          .main.join .other_box .req .cont .cont_l .read {
            width: 170px;
            float: right;
            margin-left: 0px; }
          .main.join .other_box .req .cont .cont_l .en .e {
            font-size: 44px;
            line-height: 50px; }
          .main.join .other_box .req .cont .cont_l .en .e_t {
            font-size: 26px;
            line-height: 40px; } }
      @media (max-width: 1200px) {
        .main.join .other_box .req .cont .cont_l {
          padding: 40px 30px; }
          .main.join .other_box .req .cont .cont_l .read {
            width: 170px;
            margin-top: 10px;
            float: none;
            margin-left: 0px; }
          .main.join .other_box .req .cont .cont_l .en {
            float: none; } }
      @media (max-width: 1024px) {
        .main.join .other_box .req .cont .cont_l {
          width: 70%;
          padding: 20px; }
          .main.join .other_box .req .cont .cont_l .read {
            width: 150px;
            height: 40px;
            line-height: 40px;
            font-size: 16px; }
          .main.join .other_box .req .cont .cont_l .en .e {
            font-size: 36px;
            line-height: 40px; }
          .main.join .other_box .req .cont .cont_l .en .e_t {
            font-size: 22px;
            line-height: 30px; } }
      @media (max-width: 650px) {
        .main.join .other_box .req .cont .cont_l {
          width: 70%;
          padding: 15px; }
          .main.join .other_box .req .cont .cont_l .read {
            width: 100px;
            height: 38px;
            line-height: 38px;
            font-size: 14px; }
          .main.join .other_box .req .cont .cont_l .en .e {
            font-size: 26px;
            line-height: 30px; }
          .main.join .other_box .req .cont .cont_l .en .e_t {
            font-size: 20px;
            line-height: 30px;
            margin-top: 0; } }
    @media (max-width: 1460px) {
      .main.join .other_box {
        margin-top: 70px; }
        .main.join .other_box .t {
          padding-bottom: 50px; } }
    @media (max-width: 1024px) {
      .main.join .other_box {
        margin-top: 50px;
        padding-top: 20px; }
        .main.join .other_box .ds {
          font-size: 14px; }
        .main.join .other_box .t {
          font-size: 20px;
          line-height: 30px;
          padding-bottom: 40px; } }
    @media (max-width: 600px) {
      .main.join .other_box {
        margin-top: 25px;
        padding-top: 15px;
        padding-bottom: 35px; }
        .main.join .other_box .ds {
          font-size: 14px; }
        .main.join .other_box .t {
          font-size: 18px;
          line-height: 26px;
          padding-bottom: 20px; } }
  .main.join .container_box {
    margin-top: 70px;
    padding-bottom: 60px;
    display: none; }
    @media (max-width: 900px) {
      .main.join .container_box {
        display: block; } }
    .main.join .container_box ul li {
      margin-top: 10px; }
      .main.join .container_box ul li.active .tbox {
        height: auto;
        padding-top: 70%; }
        .main.join .container_box ul li.active .tbox .txt_b2 {
          filter: alpha(opacity=0);
          opacity: 0; }
        .main.join .container_box ul li.active .tbox .text_box {
          display: block; }
      .main.join .container_box ul li .tbox {
        width: 100%;
        height: 200px;
        text-align: center;
        padding: 0 10px;
        box-sizing: border-box;
        position: relative;
        transition: all 0.3s; }
        .main.join .container_box ul li .tbox .text_box {
          height: auto;
          position: absolute;
          bottom: 0;
          display: none;
          left: 0;
          background: rgba(0, 0, 0, 0.5);
          padding: 30px 40px;
          box-sizing: border-box; }
          .main.join .container_box ul li .tbox .text_box .t {
            font-size: 20px;
            line-height: 30px;
            color: #fff; }
          .main.join .container_box ul li .tbox .text_box .con {
            font-size: 14px;
            line-height: 24px;
            color: #fff;
            margin-top: 15px; }
        .main.join .container_box ul li .tbox .txt_b2 {
          width: 100%;
          transition: all 0.3s;
          height: 100%; }
          .main.join .container_box ul li .tbox .txt_b2 .tab {
            width: 100%;
            height: 100%;
            display: table; }
            .main.join .container_box ul li .tbox .txt_b2 .tab .tab_cell {
              display: table-cell;
              vertical-align: middle; }
              .main.join .container_box ul li .tbox .txt_b2 .tab .tab_cell .txt {
                font-size: 20px;
                line-height: 30px;
                color: #fff;
                background: rgba(0, 0, 0, 0.5);
                padding: 10px 40px;
                display: inline-block; }
      .main.join .container_box ul li .cont_box {
        padding-bottom: 40px;
        overflow: hidden;
        margin-top: 25px;
        display: none; }
        .main.join .container_box ul li .cont_box.show {
          display: block; }
        .main.join .container_box ul li .cont_box .conn .flexslider .flex-control-nav li a {
          width: 12px;
          height: 12px;
          background: #9f9f9f; }
          .main.join .container_box ul li .cont_box .conn .flexslider .flex-control-nav li a.flex-active {
            background: #024381; }
        .main.join .container_box ul li .cont_box .conn .flexslider .flex-viewport {
          width: 100%; }
          .main.join .container_box ul li .cont_box .conn .flexslider .flex-viewport .slides li img {
            width: 100%;
            height: auto; }
        .main.join .container_box ul li .cont_box .conn .cont_con {
          padding-top: 20px; }
          .main.join .container_box ul li .cont_box .conn .cont_con .ti {
            font-size: 20px;
            line-height: 30px;
            color: #666; }
          .main.join .container_box ul li .cont_box .conn .cont_con .con {
            font-size: 14px;
            line-height: 24px;
            color: #666; }
            .main.join .container_box ul li .cont_box .conn .cont_con .con p {
              padding-top: 15px; }
        .main.join .container_box ul li .cont_box .close {
          width: 63px;
          height: 63px;
          overflow: hidden;
          margin-top: 30px;
          margin-left: auto;
          margin-right: auto; }
          .main.join .container_box ul li .cont_box .close img {
            width: 100%;
            height: auto; }
    @media (max-width: 500px) {
      .main.join .container_box {
        margin-top: 50px;
        padding-bottom: 35px; }
        .main.join .container_box ul li .tbox {
          height: 100px; }
          .main.join .container_box ul li .tbox .text_box {
            padding: 10px; }
            .main.join .container_box ul li .tbox .text_box .con {
              margin-top: 10px; }
          .main.join .container_box ul li .tbox .txt_b2 .tab .tab_cell .txt {
            font-size: 18px;
            line-height: 30px;
            padding: 10px; }
        .main.join .container_box ul li .cont_box {
          padding-bottom: 20px;
          margin-top: 15px; }
          .main.join .container_box ul li .cont_box .conn .cont_con {
            padding-top: 15px; }
            .main.join .container_box ul li .cont_box .conn .cont_con .ti {
              font-size: 20px;
              line-height: 30px; }
            .main.join .container_box ul li .cont_box .conn .cont_con .con {
              font-size: 14px;
              line-height: 24px;
              padding-top: 10px; }
              .main.join .container_box ul li .cont_box .conn .cont_con .con p {
                padding-top: 5px; }
          .main.join .container_box ul li .cont_box .close {
            width: 38px;
            height: 38px;
            margin-top: 15px; } }
  .main.join .campus_box {
    padding-top: 70px;
    padding-bottom: 32px;
    transition: all 0.5s;
    border-bottom: 1px solid #e5e5e5; }
    .main.join .campus_box .t {
      font-size: 30px;
      line-height: 46px;
      color: #333; }
    .main.join .campus_box .con {
      font-size: 16px;
      line-height: 36px;
      color: #666;
      margin-top: 20px; }
    .main.join .campus_box .ds {
      font-size: 20px;
      line-height: 30px;
      color: #333; }
    @media (max-width: 1460px) {
      .main.join .campus_box {
        padding-top: 60px; }
        .main.join .campus_box .t {
          font-size: 26px;
          line-height: 40px; }
        .main.join .campus_box .con {
          margin-top: 15px; } }
    @media (max-width: 1024px) {
      .main.join .campus_box {
        padding-top: 40px;
        padding-bottom: 25px; }
        .main.join .campus_box .t {
          font-size: 22px;
          line-height: 36px; }
        .main.join .campus_box .con {
          font-size: 14px;
          line-height: 24px;
          margin-top: 10px; }
        .main.join .campus_box .ds {
          font-size: 16px;
          line-height: 24px;
          margin-top: 5px; } }
    @media (max-width: 500px) {
      .main.join .campus_box {
        padding-top: 20px;
        padding-bottom: 20px; } }
  .main.join .campus_list {
    margin-top: 50px;
    padding-bottom: 100px;
    transition: all 0.5s; }
    .main.join .campus_list .page {
      margin-top: 90px; }
    .main.join .campus_list ul li {
      padding: 0 30px;
      border-bottom: 1px solid #e7e7e7; }
      .main.join .campus_list ul li.first {
        background: #e5e5e5;
        border: none; }
        .main.join .campus_list ul li.first .t:last-child {
          filter: alpha(opacity=100);
          opacity: 1; }
      .main.join .campus_list ul li .t:last-child {
        width: 160px;
        float: right;
        text-align: center;
        filter: alpha(opacity=50);
        opacity: 0.5; }
      .main.join .campus_list ul li .t {
        float: left;
        width: 36.2%;
        text-align: left;
        font-size: 20px;
        line-height: 64px;
        color: #333; }
    @media (max-width: 1460px) {
      .main.join .campus_list {
        margin-top: 40px;
        padding-bottom: 80px; }
        .main.join .campus_list .page {
          margin-top: 70px; } }
    @media (max-width: 1024px) {
      .main.join .campus_list {
        margin-top: 40px;
        padding-bottom: 60px; }
        .main.join .campus_list .page {
          margin-top: 60px; }
        .main.join .campus_list ul li {
          padding: 0 20px; }
          .main.join .campus_list ul li .t {
            font-size: 16px;
            line-height: 50px; } }
    @media (max-width: 750px) {
      .main.join .campus_list {
        margin-top: 30px;
        padding-bottom: 40px; }
        .main.join .campus_list .page {
          margin-top: 40px; }
        .main.join .campus_list ul li {
          padding: 0 10px; }
          .main.join .campus_list ul li .t:last-child {
            width: 28%; }
          .main.join .campus_list ul li .t {
            width: 33%;
            font-size: 15px;
            line-height: 40px; } }
    @media (max-width: 450px) {
      .main.join .campus_list .page {
        margin-top: 30px; }
      .main.join .campus_list ul li {
        padding: 0 5px; }
        .main.join .campus_list ul li .t:last-child {
          width: 30%; }
        .main.join .campus_list ul li .t:first-child {
          width: 30%; }
        .main.join .campus_list ul li .t {
          width: 40%;
          font-size: 14px;
          line-height: 24px;
          padding: 8px 0; } }
  .main.join .summer_box {
    padding-bottom: 65px; }
    .main.join .summer_box .tu {
      float: right;
      width: 43.5%;
      overflow: hidden;
      transition: all 0.5s; }
      .main.join .summer_box .tu img {
        width: 100%;
        height: auto; }
    .main.join .summer_box .cont {
      padding-top: 50px;
      float: left;
      width: 50%;
      font-size: 16px;
      line-height: 36px;
      color: #666;
      transition: all 0.5s; }
      .main.join .summer_box .cont .txt {
        font-size: 18px;
        line-height: 24px;
        color: #00a9a5;
        padding-bottom: 10px;
        padding-top: 27px; }
      .main.join .summer_box .cont strong {
        font-size: 24px;
        color: #00a9a5; }
    @media (max-width: 1460px) {
      .main.join .summer_box {
        padding-bottom: 55px; }
        .main.join .summer_box .cont {
          padding-top: 40px;
          font-size: 16px;
          line-height: 28px; }
          .main.join .summer_box .cont .txt {
            padding-top: 20px; } }
    @media (max-width: 1200px) {
      .main.join .summer_box {
        padding-bottom: 55px; }
        .main.join .summer_box .cont {
          padding-top: 40px;
          font-size: 15px;
          line-height: 24px; }
          .main.join .summer_box .cont .txt {
            padding-top: 20px; }
          .main.join .summer_box .cont strong {
            font-size: 22px; } }
    @media (max-width: 1024px) {
      .main.join .summer_box {
        padding-bottom: 45px; }
        .main.join .summer_box .tu {
          width: 100%;
          float: none;
          margin-top: 15px; }
        .main.join .summer_box .cont {
          width: 100%;
          float: none;
          padding-top: 40px;
          font-size: 14px;
          line-height: 24px; }
          .main.join .summer_box .cont .txt {
            font-size: 16px;
            padding-top: 15px; }
          .main.join .summer_box .cont strong {
            font-size: 20px; } }
    @media (max-width: 500px) {
      .main.join .summer_box {
        padding-bottom: 30px; }
        .main.join .summer_box .tu {
          width: 100%;
          float: none;
          margin-top: 15px; }
        .main.join .summer_box .cont {
          padding-top: 25px;
          font-size: 14px;
          line-height: 24px; }
          .main.join .summer_box .cont .txt {
            font-size: 16px;
            padding-top: 15px; }
          .main.join .summer_box .cont strong {
            font-size: 18px; } }
  .main.join .why {
    margin-top: 60px;
    transition: all 0.5s; }
    .main.join .why .tu {
      float: right;
      overflow: hidden;
      width: 48.2%; }
      .main.join .why .tu img {
        width: 100%;
        height: auto; }
    .main.join .why .cont {
      float: left;
      width: 50%;
      border-bottom: 1px solid #d6d6d6; }
      .main.join .why .cont .con {
        font-size: 24px;
        line-height: 46px;
        color: #333;
        margin-top: -10px; }
      .main.join .why .cont .ds {
        font-size: 16px;
        line-height: 24px;
        color: #666; }
    @media (max-width: 1460px) {
      .main.join .why {
        margin-top: 50px; }
        .main.join .why .cont .con {
          font-size: 22px;
          line-height: 40px; } }
    @media (max-width: 1024px) {
      .main.join .why {
        margin-top: 50px; }
        .main.join .why .cont .con {
          font-size: 20px;
          line-height: 36px;
          margin-top: 0; } }
    @media (max-width: 950px) {
      .main.join .why {
        margin-top: 40px; }
        .main.join .why .tu {
          width: 100%;
          float: none; }
        .main.join .why .cont {
          width: 100%;
          float: none;
          height: auto !important;
          padding: 15px 0; }
          .main.join .why .cont .con {
            font-size: 18px;
            line-height: 30px; }
          .main.join .why .cont .ds {
            font-size: 14px; } }
  .main.join .problem {
    padding-bottom: 100px;
    margin-top: 45px;
    transition: all 0.5s; }
    .main.join .problem ul li {
      padding: 0 33px;
      border: 1px solid #e6e5e5;
      box-sizing: border-box;
      margin-bottom: 13px;
      transition: all 0.3s ease-in; }
      .main.join .problem ul li.active {
        background: #f0f0f0; }
      .main.join .problem ul li .t {
        font-size: 20px;
        line-height: 50px;
        padding: 10px 0;
        cursor: pointer; }
      .main.join .problem ul li .cont {
        font-size: 16px;
        line-height: 24px;
        color: #666;
        padding-bottom: 17px;
        display: none;
        padding-left: 35px; }
        .main.join .problem ul li .cont.show {
          display: block; }
        .main.join .problem ul li .cont p {
          padding-bottom: 12px; }
    @media (max-width: 1460px) {
      .main.join .problem {
        padding-bottom: 80px;
        margin-top: 40px; }
        .main.join .problem ul li {
          padding: 0 25px; }
          .main.join .problem ul li .t {
            font-size: 20px;
            line-height: 40px; }
          .main.join .problem ul li .cont {
            font-size: 16px;
            line-height: 24px;
            padding-bottom: 15px;
            padding-left: 35px; }
            .main.join .problem ul li .cont p {
              padding-bottom: 8px; } }
    @media (max-width: 1024px) {
      .main.join .problem {
        padding-bottom: 60px;
        margin-top: 30px; }
        .main.join .problem ul li {
          padding: 0 15px; }
          .main.join .problem ul li .t {
            font-size: 16px;
            line-height: 30px; }
          .main.join .problem ul li .cont {
            font-size: 14px;
            line-height: 24px;
            padding-bottom: 10px;
            padding-left: 28px; }
            .main.join .problem ul li .cont p {
              padding-bottom: 8px; } }
    @media (max-width: 500px) {
      .main.join .problem {
        padding-bottom: 35px;
        margin-top: 20px; }
        .main.join .problem ul li {
          padding: 0 10px; }
          .main.join .problem ul li .t {
            padding: 5px 0;
            font-size: 16px;
            line-height: 24px; }
          .main.join .problem ul li .cont {
            font-size: 14px;
            line-height: 24px;
            padding-bottom: 5px;
            padding-left: 0px; }
            .main.join .problem ul li .cont p {
              padding-bottom: 5px; } }
  .main.join .cotainer_box {
    margin: 0 auto;
    width: 1460px;
    padding-bottom: 50px;
    padding-top: 43px; }
    .main.join .cotainer_box ul li {
      width: 48%;
      margin: 0% 0.8% 1.6% 0.8%;
      box-sizing: border-box;
      border: 1px solid #e6e5e5;
      transition: all 0.3s; }
      @media (min-width: 1024px) {
        .main.join .cotainer_box ul li:hover {
          background: #f0f0f0; } }
      .main.join .cotainer_box ul li a {
        display: block;
        padding: 50px 60px; }
        .main.join .cotainer_box ul li a .ti {
          font-size: 30px;
          line-height: 46px;
          color: #333; }
        .main.join .cotainer_box ul li a .cont .con_b {
          padding-top: 20px;
          padding-bottom: 16px; }
          .main.join .cotainer_box ul li a .cont .con_b .t {
            font-size: 20px;
            line-height: 30px;
            color: #333; }
          .main.join .cotainer_box ul li a .cont .con_b .con {
            font-size: 16px;
            line-height: 30px;
            color: #999;
            margin-top: 10px; }
        .main.join .cotainer_box ul li a .cont .ds {
          font-size: 16px;
          line-height: 28px;
          color: #333;
          margin-top: 15px; }
        .main.join .cotainer_box ul li a .cont .more {
          width: 140px;
          heigtht: 46px;
          background: #024381;
          font-size: 16px;
          line-height: 46px;
          color: #fff;
          text-align: center;
          margin-top: 28px; }
    @media (max-width: 1460px) {
      .main.join .cotainer_box {
        width: 94%; }
        .main.join .cotainer_box ul li {
          width: 48%; }
          .main.join .cotainer_box ul li a {
            padding: 40px 50px; }
            .main.join .cotainer_box ul li a .ti {
              font-size: 26px;
              line-height: 40px; }
            .main.join .cotainer_box ul li a .cont .con_b {
              padding-top: 15px;
              padding-bottom: 12px; }
              .main.join .cotainer_box ul li a .cont .con_b .t {
                font-size: 20px;
                line-height: 30px; }
              .main.join .cotainer_box ul li a .cont .con_b .con {
                font-size: 16px;
                line-height: 28px; }
            .main.join .cotainer_box ul li a .cont .ds {
              font-size: 16px;
              line-height: 28px;
              margin-top: 10px; }
            .main.join .cotainer_box ul li a .cont .more {
              width: 140px;
              heigtht: 46px;
              font-size: 16px;
              line-height: 46px;
              margin-top: 20px; } }
    @media (max-width: 1200px) {
      .main.join .cotainer_box ul li {
        width: 48%; }
        .main.join .cotainer_box ul li a {
          padding: 25px 30px; }
          .main.join .cotainer_box ul li a .ti {
            font-size: 26px;
            line-height: 40px; }
          .main.join .cotainer_box ul li a .cont .con_b .t {
            font-size: 20px;
            line-height: 30px; }
          .main.join .cotainer_box ul li a .cont .con_b .con {
            font-size: 15px;
            line-height: 24px; }
          .main.join .cotainer_box ul li a .cont .ds {
            font-size: 15px;
            line-height: 24px;
            margin-top: 10px; }
          .main.join .cotainer_box ul li a .cont .more {
            width: 140px;
            heigtht: 40px;
            font-size: 16px;
            line-height: 40px;
            margin-top: 20px; } }
    @media (max-width: 1024px) {
      .main.join .cotainer_box ul li {
        width: 48%; }
        .main.join .cotainer_box ul li a {
          padding: 15px 20px; }
          .main.join .cotainer_box ul li a .ti {
            font-size: 22px;
            line-height: 36px; }
          .main.join .cotainer_box ul li a .cont .con_b {
            padding: 10px 0; }
            .main.join .cotainer_box ul li a .cont .con_b .t {
              font-size: 16px;
              line-height: 24px; }
            .main.join .cotainer_box ul li a .cont .con_b .con {
              font-size: 14px;
              line-height: 24px; }
          .main.join .cotainer_box ul li a .cont .ds {
            font-size: 14px;
            line-height: 24px;
            margin-top: 10px; }
          .main.join .cotainer_box ul li a .cont .more {
            width: 120px;
            heigtht: 40px;
            font-size: 14px;
            line-height: 40px;
            margin-top: 20px; } }
    @media (max-width: 800px) {
      .main.join .cotainer_box {
        padding-top: 25px;
        padding-bottom: 25px; }
        .main.join .cotainer_box ul li {
          width: 100%;
          margin: 0 0 15px 0; }
          .main.join .cotainer_box ul li a {
            padding: 10px 15px; }
            .main.join .cotainer_box ul li a .ti {
              font-size: 18px;
              line-height: 24px; }
            .main.join .cotainer_box ul li a .cont .con_b {
              padding: 10px 0; }
              .main.join .cotainer_box ul li a .cont .con_b .t {
                font-size: 16px;
                line-height: 24px; }
              .main.join .cotainer_box ul li a .cont .con_b .con {
                font-size: 14px;
                line-height: 24px; }
            .main.join .cotainer_box ul li a .cont .ds {
              font-size: 14px;
              line-height: 24px;
              margin-top: 10px; }
            .main.join .cotainer_box ul li a .cont .more {
              width: 120px;
              heigtht: 36px;
              font-size: 14px;
              line-height: 36px;
              margin-top: 10px; } }

.footer {
  border-top: 1px solid #eaeaea;
  transition: all 0.5s; }
  .footer.active {
    transform: translateX(-390px); }
    @media (max-width: 500px) {
      .footer.active {
        transform: translateX(-200px); } }
  @media (max-width: 1024px) {
    .footer {
      border: none; } }
  .footer .footer_top {
    padding-bottom: 35px;
    padding-top: 48px; }
    .footer .footer_top .flink ul li:last-child {
      margin-right: 0; }
    .footer .footer_top .flink ul li {
      overflow: hidden;
      float: left;
      margin-right: 260px; }
      .footer .footer_top .flink ul li .large {
        font-size: 28px;
        line-height: 40px;
        color: #333;
        padding-bottom: 12px;
        display: block;
        transition: all 0.3s; }
        @media (min-width: 1024px) {
          .footer .footer_top .flink ul li .large:hover {
            color: #024381; } }
      .footer .footer_top .flink ul li .link_box .link2:last-child {
        margin-right: 0; }
      .footer .footer_top .flink ul li .link {
        float: left; }
        .footer .footer_top .flink ul li .link.link2 {
          margin-right: 40px; }
          .footer .footer_top .flink ul li .link.link2 a {
            color: #666; }
            @media (min-width: 1024px) {
              .footer .footer_top .flink ul li .link.link2 a:hover {
                color: #024381; } }
        .footer .footer_top .flink ul li .link a {
          font-size: 16px;
          line-height: 36px;
          color: #666;
          display: block;
          transition: all 0.3s; }
          @media (min-width: 1024px) {
            .footer .footer_top .flink ul li .link a:hover {
              color: #024381; } }
    @media (max-width: 1460px) {
      .footer .footer_top {
        padding-top: 40px; }
        .footer .footer_top .flink ul li {
          margin-right: 7.5%; }
          .footer .footer_top .flink ul li .large {
            font-size: 24px;
            line-height: 40px; }
          .footer .footer_top .flink ul li .link a {
            font-size: 16px;
            line-height: 36px; } }
    @media (max-width: 1350px) {
      .footer .footer_top {
        padding-top: 40px; }
        .footer .footer_top .flink ul li {
          margin-right: 7%; }
          .footer .footer_top .flink ul li .large {
            font-size: 24px;
            line-height: 40px; }
          .footer .footer_top .flink ul li .link.link2 {
            margin-right: 30px; }
          .footer .footer_top .flink ul li .link a {
            font-size: 16px;
            line-height: 36px; } }
    @media (max-width: 1280px) {
      .footer .footer_top {
        padding-top: 30px; }
        .footer .footer_top .flink ul li {
          margin-right: 8.5%; }
          .footer .footer_top .flink ul li .large {
            font-size: 20px;
            line-height: 36px; }
          .footer .footer_top .flink ul li .link.link2 {
            margin-right: 25px; }
          .footer .footer_top .flink ul li .link a {
            font-size: 14px;
            line-height: 30px; } }
    @media (max-width: 1170px) {
      .footer .footer_top {
        padding-top: 30px; }
        .footer .footer_top .flink ul li {
          margin-right: 7%; }
          .footer .footer_top .flink ul li .link.link2 {
            margin-right: 15px; } }
    @media (max-width: 1080px) {
      .footer .footer_top {
        padding-top: 30px; }
        .footer .footer_top .flink ul li {
          margin-right: 6%; }
          .footer .footer_top .flink ul li .link.link2 {
            margin-right: 15px; } }
    @media (max-width: 1024px) {
      .footer .footer_top {
        display: none; } }
  .footer .footer_bot {
    border-top: 1px solid #eaeaea;
    background: #f2f2f2;
    padding: 25px 0; }
    .footer .footer_bot .footer_bot_cen .foot_botl {
      width: 38%;
      float: left; }
      .footer .footer_bot .footer_bot_cen .foot_botl .link a {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        line-height: 16px;
        color: #333; }
      .footer .footer_bot .footer_bot_cen .foot_botl .link span {
        display: inline-block;
        vertical-align: middle;
        width: 1px;
        height: 16px;
        background: #b3b3b3;
        font-size: 0;
        margin: 0 13px; }
      .footer .footer_bot .footer_bot_cen .foot_botl .copyright {
        font-size: 14px;
        line-height: 24px;
        color: #666;
        margin-top: 12px; }
        .footer .footer_bot .footer_bot_cen .foot_botl .copyright span {
          color: #024381; }
      .footer .footer_bot .footer_bot_cen .foot_botl .powered {
        font-size: 14px;
        line-height: 24px;
        text-transform: uppercase;
        color: #999; }
        .footer .footer_bot .footer_bot_cen .foot_botl .powered a {
          color: #999; }
          @media (min-width: 1024px) {
            .footer .footer_bot .footer_bot_cen .foot_botl .powered a:hover {
              color: #024381; } }
    .footer .footer_bot .footer_bot_cen .fooot_botr {
      width: 62%;
      position: relative;
      float: left; }
      .footer .footer_bot .footer_bot_cen .fooot_botr .msg {
        float: left;
        margin-top: 11px;
        padding-left: 10px;
        border-left: 1px solid #dfdfdf; }
        .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box {
          margin-top: 5px; }
          .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .wx {
            float: left;
            margin-right: 10px; }
            .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .wx.active .ico {
              background: #024381; }
            .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .wx.active .txt span {
              color: #024381; }
            .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .wx.active .txt .code {
              transform: translateY(0px);
              filter: alpha(opacity=100);
              opacity: 1;
              visibility: visible; }
            @media (min-width: 1024px) {
              .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .wx:hover .ico {
                background: #024381; }
              .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .wx:hover .txt span {
                color: #024381; }
              .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .wx:hover .txt .code {
                transform: translateY(0px);
                filter: alpha(opacity=100);
                opacity: 1;
                visibility: visible; } }
            .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .wx .ico {
              width: 24px;
              float: left;
              height: 24px;
              background: #929292;
              transition: all 0.5s;
              border-radius: 3px;
              text-align: center;
              line-height: 24px; }
              .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .wx .ico img {
                vertical-align: inherit; }
            .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .wx .txt {
              float: left;
              position: relative; }
              .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .wx .txt .code {
                width: 181px;
                height: 203px;
                border-radius: 5px;
                position: absolute;
                left: 50%;
                margin-left: -87px;
                bottom: 20px;
                text-align: center;
                background: #fff;
                line-height: 175px;
                transform: translateY(-50px);
                filter: alpha(opacity=0);
                opacity: 0;
                transition: all 0.5s;
                visibility: hidden;
                background: url(../images/bg.png) no-repeat; }
                .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .wx .txt .code img {
                  max-width: 175px;
                  max-height: 175px; }
              .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .wx .txt span {
                font-size: 16px;
                line-height: 24px;
                color: #333;
                transition: all 0.5s;
                margin-left: 10px; }
          .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .sina {
            float: left;
            display: block;
            margin-right: 45px; }
            @media (min-width: 1024px) {
              .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .sina:hover .ico {
                background: #024381; }
              .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .sina:hover .txt span {
                color: #024381; } }
            .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .sina .ico {
              width: 24px;
              float: left;
              height: 24px;
              background: #929292;
              transition: all 0.5s;
              border-radius: 3px;
              text-align: center;
              line-height: 24px; }
              .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .sina .ico img {
                vertical-align: inherit; }
            .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .sina .txt {
              float: left;
              position: relative; }
              .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .sina .txt span {
                font-size: 16px;
                line-height: 24px;
                color: #333;
                transition: all 0.5s;
                margin-left: 10px; }
      .footer .footer_bot .footer_bot_cen .fooot_botr .img {
        position: absolute;
        left: 56.5%;
        margin-left: -57.5px;
        top: 50%;
        margin-top: -35px; }
        @media (max-width: 1350px) {
          .footer .footer_bot .footer_bot_cen .fooot_botr .img {
            margin-left: -41px;
            left: 59.5%;
            margin-top: -25px; }
            .footer .footer_bot .footer_bot_cen .fooot_botr .img img {
              height: 50px;
              width: auto; } }
        @media (max-width: 1250px) {
          .footer .footer_bot .footer_bot_cen .fooot_botr .img {
            left: 61.5%; } }
        @media (max-width: 1150px) {
          .footer .footer_bot .footer_bot_cen .fooot_botr .img {
            left: 57.5%; } }
        @media (max-width: 1024px) {
          .footer .footer_bot .footer_bot_cen .fooot_botr .img {
            position: static;
            width: 100%;
            text-align: center;
            margin: 15px 0; } }
      .footer .footer_bot .footer_bot_cen .fooot_botr .friendship {
        width: 220px;
        float: right;
        margin-top: 17px;
        position: relative;
        border: 1px solid #c7c7c7; }
        .footer .footer_bot .footer_bot_cen .fooot_botr .friendship .show {
          padding-left: 20px;
          padding-right: 20px;
          cursor: pointer;
          background: #fff; }
          .footer .footer_bot .footer_bot_cen .fooot_botr .friendship .show .txt {
            float: left;
            font-size: 14px;
            color: #666;
            line-height: 35px; }
          .footer .footer_bot .footer_bot_cen .fooot_botr .friendship .show .ico {
            width: 13px;
            height: 35px;
            float: right;
            background: url(../images/ico.png) no-repeat center center; }
        .footer .footer_bot .footer_bot_cen .fooot_botr .friendship .hide {
          position: absolute;
          bottom: 36px;
          left: -1px;
          z-index: 100;
          width: 100%;
          background: #fff;
          display: none;
          border: 1px solid #c7c7c7;
          border-bottom: none;
          border-top: none; }
          .footer .footer_bot .footer_bot_cen .fooot_botr .friendship .hide a {
            display: block;
            color: #666;
            line-height: 35px;
            padding-left: 20px;
            border-top: 1px solid #c7c7c7;
            font-size: 14px; }
        @media (max-width: 1250px) {
          .footer .footer_bot .footer_bot_cen .fooot_botr .friendship {
            width: 180px; } }
        @media (max-width: 1100px) {
          .footer .footer_bot .footer_bot_cen .fooot_botr .friendship {
            width: 160px; }
            .footer .footer_bot .footer_bot_cen .fooot_botr .friendship .show {
              padding-left: 15px;
              padding-right: 15px; }
              .footer .footer_bot .footer_bot_cen .fooot_botr .friendship .show .txt {
                font-size: 13px; }
            .footer .footer_bot .footer_bot_cen .fooot_botr .friendship .hide a {
              padding-left: 15px;
              font-size: 13px; } }
    @media (max-width: 1350px) {
      .footer .footer_bot {
        padding: 20px 0; }
        .footer .footer_bot .footer_bot_cen .foot_botl .copyright {
          margin-top: 8px; }
        .footer .footer_bot .footer_bot_cen .fooot_botr .msg {
          padding-left: 30px;
          margin-left: 30px; }
          .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .wx {
            float: left;
            margin-right: 30px; }
            .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .wx .txt span {
              font-size: 14px;
              line-height: 24px; }
          .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .sina {
            margin-right: 30px; }
            .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .sina .txt span {
              font-size: 14px;
              line-height: 24px; }
        .footer .footer_bot .footer_bot_cen .fooot_botr .friendship {
          width: 180px; } }
    @media (max-width: 1150px) {
      .footer .footer_bot {
        padding: 20px 0; }
        .footer .footer_bot .footer_bot_cen .foot_botl .copyright {
          margin-top: 8px; }
        .footer .footer_bot .footer_bot_cen .fooot_botr .msg {
          padding-left: 20px;
          margin-left: 10px; }
          .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .wx {
            margin-right: 20px; }
          .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .sina {
            margin-right: 20px; }
        .footer .footer_bot .footer_bot_cen .fooot_botr .friendship {
          width: 190px; } }
    @media (max-width: 1024px) {
      .footer .footer_bot {
        padding: 10px 0;
        background: #fff; }
        .footer .footer_bot .footer_bot_cen .foot_botl {
          width: 100%;
          float: none;
          text-align: center; }
          .footer .footer_bot .footer_bot_cen .foot_botl .link span {
            margin: 0 5px; }
          .footer .footer_bot .footer_bot_cen .foot_botl .copyright {
            margin-top: 8px;
            font-size: 13px;
            line-height: 20px; }
        .footer .footer_bot .footer_bot_cen .fooot_botr {
          width: 100%;
          float: none; }
          .footer .footer_bot .footer_bot_cen .fooot_botr .msg {
            padding-left: 0px;
            margin-left: 0px;
            border: none;
            width: 100%;
            display: none;
            float: none; }
            .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box {
              margin-top: 0;
              text-align: center; }
              .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .wx {
                float: none;
                display: inline-block;
                margin-right: 20px; }
                .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .wx .ico img {
                  vertical-align: middle; }
              .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .sina {
                display: inline-block;
                margin-right: 20px;
                float: none; }
                .footer .footer_bot .footer_bot_cen .fooot_botr .msg .wx_box .sina .ico img {
                  vertical-align: middle; }
          .footer .footer_bot .footer_bot_cen .fooot_botr .friendship {
            width: 190px;
            float: none;
            margin-top: 10px;
            margin-left: auto;
            margin-right: auto; } }

.menu_box {
  background-color: #024381;
  color: #fff;
  position: fixed;
  right: -390px;
  top: 0px;
  width: 390px;
  height: 100%;
  overflow: auto;
  z-index: 9999;
  transition: all 0.5s;
  transform-origin: left center;
  transform: perspective(800px) rotateY(90deg); }
  @media (max-width: 500px) {
    .menu_box {
      right: -200px; } }
  .menu_box.active {
    right: 0px;
    transform: rotateY(0deg); }
  .menu_box .navMobile {
    width: 100%;
    height: auto;
    padding-top: 15px; }
    .menu_box .navMobile li {
      width: 100%;
      height: auto;
      padding-bottom: 10px; }
      .menu_box .navMobile li > a {
        display: block;
        font-size: 20px;
        color: #fff;
        padding: 0 30px;
        box-sizing: border-box; }
      .menu_box .navMobile li .subnav {
        width: 100%;
        height: auto;
        padding: 15px 30px;
        box-sizing: border-box;
        display: none;
        background-color: rgba(2, 67, 129, 0.3); }
        .menu_box .navMobile li .subnav a {
          display: block;
          color: #fff;
          font-size: 14px;
          line-height: 30px; }
          .menu_box .navMobile li .subnav a span {
            font-size: 12px;
            padding: 0 3px;
            position: relative;
            top: -4px; }
  @media (max-width: 500px) {
    .menu_box {
      width: 200px; }
      .menu_box .language2 {
        padding: 20px 4% 0 4%; }
      .menu_box .navMobile {
        padding-top: 10px; }
        .menu_box .navMobile li {
          padding-bottom: 6px; }
          .menu_box .navMobile li > a {
            display: block;
            font-size: 16px;
            color: #fff;
            padding: 0 8%;
            box-sizing: border-box; }
          .menu_box .navMobile li .subnav {
            padding: 0 8%; }
            .menu_box .navMobile li .subnav a {
              display: block;
              font-size: 14px; } }

.page {
  font-size: 0;
  text-align: center;
  transition: all 0.5s; }
  .page a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    line-height: 38px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
    color: #999;
    margin: 5px;
    transition: all 0.5s; }
    .page a.cur {
      background: #024381;
      color: #fff; }
    .page a.page-num-current {
      background: #024381;
      color: #fff; }
    @media (min-width: 1024px) {
      .page a:hover {
        background: #024381;
        color: #fff; } }
    .page a.prev {
      background: url(../images/left.png) no-repeat center center; }
      @media (min-width: 1024px) {
        .page a.prev:hover {
          background: url(../images/left2.png) no-repeat center center #024381; } }
    .page a.next {
      background: url(../images/right.png) no-repeat center center; }
      @media (min-width: 1024px) {
        .page a.next:hover {
          background: url(../images/right2.png) no-repeat center center #024381; } }
  @media (max-width: 1024px) {
    .page a {
      margin: 3px;
      width: 30px;
      font-size: 14px;
      line-height: 28px;
      height: 30px; } }

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

.popup_box {
  width: 1070px;
  height: 700px;
  background: #fff;
  position: fixed;
  left: 50%;
  margin-left: -535px;
  top: 50%;
  margin-top: -350px;
  z-index: 888;
  padding: 0 45px;
  box-sizing: border-box;
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  transform: translateY(100px); }
  .popup_box.active {
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    transition: all 0.3s; }
  .popup_box.popup_box2 {
    display: block;
    height: 620px;
    margin-top: -310px; }
    .popup_box.popup_box2 .submit {
      margin-top: 0; }
    .popup_box.popup_box2 .box .input_main .input_group .input_box label {
      width: 160px; }
      .popup_box.popup_box2 .box .input_main .input_group .input_box label.label {
        width: 100px; }
    .popup_box.popup_box2 .box .input_main .input_group .input_box .input {
      padding-left: 165px; }
  .popup_box .close {
    width: 40px;
    height: 40px;
    background: #024381;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer; }
    .popup_box .close img {
      transition: all 0.3s; }
    @media (min-width: 1024px) {
      .popup_box .close:hover img {
        transform: rotate(360deg); } }
  .popup_box .t {
    font-size: 24px;
    line-height: 40px;
    color: #024381;
    margin-top: 8px;
    padding: 18px 0;
    text-align: center;
    border-bottom: 1px solid #d6d6d6; }
  .popup_box .box {
    margin-top: 28px;
    height: 490px;
    padding-bottom: 20px; }
    .popup_box .box .tit .name {
      font-size: 18px;
      line-height: 32px;
      color: #333; }
    .popup_box .box .tit .ds {
      font-size: 16px;
      line-height: 32px;
      color: #999; }
    .popup_box .box .input_main {
      padding-bottom: 40px;
      margin-bottom: 26px;
      border-bottom: 1px solid #cfcfcf; }
      .popup_box .box .input_main .input_group .input_box:nth-child(even) {
        float: right; }
      .popup_box .box .input_main .input_group .input_box {
        width: 48.5%;
        float: left;
        height: 48px;
        margin-top: 18px;
        position: relative; }
        .popup_box .box .input_main .input_group .input_box.input_box2 {
          width: 100%; }
        .popup_box .box .input_main .input_group .input_box label {
          width: 200px;
          font-size: 18px;
          line-height: 48px;
          color: #666;
          display: block;
          position: absolute;
          left: 0;
          top: 0; }
          .popup_box .box .input_main .input_group .input_box label span {
            font-size: 18px;
            line-height: 48px;
            position: absolute;
            right: 0;
            top: 4px;
            color: #17b0ae; }
        .popup_box .box .input_main .input_group .input_box .input {
          width: 100%;
          padding-left: 160px;
          box-sizing: border-box; }
          .popup_box .box .input_main .input_group .input_box .input input[type="text"] {
            width: 100%;
            height: 48px;
            box-sizing: border-box;
            color: #666;
            border: 1px solid #cfcfcf;
            font-size: 18px;
            line-height: 48px;
            text-indent: 1em; }
          .popup_box .box .input_main .input_group .input_box .input .sex {
            overflow: hidden; }
            .popup_box .box .input_main .input_group .input_box .input .sex .radio {
              float: left;
              margin-right: 50px;
              position: relative; }
              .popup_box .box .input_main .input_group .input_box .input .sex .radio.active .r span {
                transform: scale(1); }
              .popup_box .box .input_main .input_group .input_box .input .sex .radio input[type="radio"] {
                position: absolute;
                left: 0;
                top: 0;
                filter: alpha(opacity=0);
                opacity: 0; }
              .popup_box .box .input_main .input_group .input_box .input .sex .radio .r {
                width: 18px;
                height: 18px;
                border: 1px solid #d1d0d0;
                border-radius: 50%;
                float: left;
                margin-top: 15px;
                cursor: pointer;
                position: relative; }
                .popup_box .box .input_main .input_group .input_box .input .sex .radio .r span {
                  width: 8px;
                  height: 8px;
                  border-radius: 50%;
                  background: #17b0ae;
                  transition: all 0.3s;
                  position: absolute;
                  left: 50%;
                  top: 50%;
                  margin-left: -4px;
                  transform: scale(0);
                  margin-top: -4px; }
              .popup_box .box .input_main .input_group .input_box .input .sex .radio .n {
                float: left;
                margin-left: 10px;
                font-size: 18px;
                line-height: 48px;
                color: #024381; }
    .popup_box .box .model {
      padding-bottom: 43px;
      border-bottom: 1px solid #cfcfcf; }
      .popup_box .box .model .list {
        margin-top: 18px; }
        .popup_box .box .model .list .li:last-child {
          float: right; }
        .popup_box .box .model .list .li {
          float: left;
          width: 48.5%; }
          .popup_box .box .model .list .li .txt {
            float: left;
            width: 110px;
            font-size: 18px;
            line-height: 48px;
            color: #666; }
          .popup_box .box .model .list .li .type {
            overflow: hidden;
            float: left;
            padding-left: 27px; }
            .popup_box .box .model .list .li .type .radio {
              float: left;
              margin-right: 50px;
              position: relative; }
              .popup_box .box .model .list .li .type .radio.active .r span {
                transform: scale(1); }
              .popup_box .box .model .list .li .type .radio input[type="radio"] {
                position: absolute;
                left: 0;
                top: 0;
                filter: alpha(opacity=0);
                opacity: 0; }
              .popup_box .box .model .list .li .type .radio .r {
                width: 18px;
                height: 18px;
                border: 1px solid #d1d0d0;
                border-radius: 50%;
                float: left;
                margin-top: 15px;
                cursor: pointer;
                position: relative; }
                .popup_box .box .model .list .li .type .radio .r span {
                  width: 8px;
                  height: 8px;
                  border-radius: 50%;
                  background: #17b0ae;
                  transition: all 0.3s;
                  position: absolute;
                  left: 50%;
                  top: 50%;
                  margin-left: -4px;
                  transform: scale(0);
                  margin-top: -4px; }
              .popup_box .box .model .list .li .type .radio .n {
                float: left;
                margin-left: 10px;
                font-size: 18px;
                line-height: 48px;
                color: #024381; }
    .popup_box .box .des {
      font-size: 14px;
      line-height: 24px;
      color: #024381;
      padding-top: 10px; }
      .popup_box .box .des strong {
        color: #17b0ae; }
  .popup_box .submit {
    width: 142px;
    height: 48px;
    background: #024381;
    display: block;
    margin: 20px auto 0 auto;
    font-size: 14px;
    line-height: 38px;
    color: #fff;
    text-align: center;
    border: none; }
  .popup_box .mCSB_scrollTools .mCSB_draggerRail {
    background: #e5e5e5; }
  .popup_box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #024381 !important; }
  @media (max-width: 1460px) {
    .popup_box {
      height: 600px;
      margin-top: -300px; }
      .popup_box .box {
        height: 390px; } }
  @media (max-width: 1200px) {
    .popup_box {
      height: 600px;
      width: 900px;
      margin-left: -450px;
      margin-top: -300px;
      padding: 0 30px; } }
  @media (max-width: 1024px) {
    .popup_box {
      width: 800px;
      margin-left: -400px; }
      .popup_box.popup_box2 {
        display: block;
        height: 560px;
        margin-top: -280px; }
        .popup_box.popup_box2 .submit {
          margin-top: 0; }
        .popup_box.popup_box2 .box {
          height: auto; }
          .popup_box.popup_box2 .box .input_main .input_group .input_box label {
            width: 145px; }
            .popup_box.popup_box2 .box .input_main .input_group .input_box label.label {
              width: 90px; }
          .popup_box.popup_box2 .box .input_main .input_group .input_box .input {
            padding-left: 150px; }
      .popup_box .box .tit .name {
        font-size: 16px;
        line-height: 28px; }
      .popup_box .box .tit .ds {
        font-size: 14px;
        line-height: 28px; }
      .popup_box .box .model {
        padding-bottom: 30px; }
        .popup_box .box .model .list .li .txt {
          width: 100px;
          font-size: 16px;
          line-height: 40px; }
        .popup_box .box .model .list .li .type {
          padding-left: 15px; }
          .popup_box .box .model .list .li .type .radio {
            margin-right: 30px; }
            .popup_box .box .model .list .li .type .radio .r {
              width: 14px;
              height: 14px;
              float: left;
              margin-top: 13px; }
            .popup_box .box .model .list .li .type .radio .n {
              font-size: 16px;
              line-height: 40px; }
      .popup_box .box .input_main {
        padding-bottom: 30px;
        margin-bottom: 20px; }
        .popup_box .box .input_main .input_group .input_box {
          height: 40px;
          margin-top: 18px; }
          .popup_box .box .input_main .input_group .input_box label {
            width: 80px;
            font-size: 16px;
            line-height: 40px; }
            .popup_box .box .input_main .input_group .input_box label span {
              font-size: 16px;
              line-height: 40px; }
          .popup_box .box .input_main .input_group .input_box .input {
            padding-left: 95px; }
            .popup_box .box .input_main .input_group .input_box .input input[type="text"] {
              height: 40px;
              font-size: 16px;
              line-height: 40px; }
            .popup_box .box .input_main .input_group .input_box .input .sex .radio {
              margin-right: 30px; }
              .popup_box .box .input_main .input_group .input_box .input .sex .radio .r {
                width: 14px;
                height: 14px;
                margin-top: 13px; }
              .popup_box .box .input_main .input_group .input_box .input .sex .radio .n {
                font-size: 16px;
                line-height: 40px; }
      .popup_box .submit {
        width: 142px;
        height: 38px;
        margin: 15px auto 0 auto; } }
  @media (max-width: 850px) {
    .popup_box {
      width: 600px;
      height: 570px;
      margin-top: -285px;
      margin-left: -300px; }
      .popup_box.popup_box2 {
        display: block;
        height: 530px;
        margin-top: -265px; }
        .popup_box.popup_box2 .submit {
          margin-top: 0; }
        .popup_box.popup_box2 .box {
          height: 350px; }
          .popup_box.popup_box2 .box .input_main .input_group .input_box label {
            width: 145px; }
            .popup_box.popup_box2 .box .input_main .input_group .input_box label.label {
              width: 90px; }
          .popup_box.popup_box2 .box .input_main .input_group .input_box .input {
            padding-left: 150px; }
      .popup_box .t {
        font-size: 20px;
        line-height: 30px;
        padding: 10px 0; }
      .popup_box .close {
        width: 30px;
        height: 30px;
        top: 10px;
        right: 10px;
        line-height: 30px; }
      .popup_box .box .input_main {
        padding-bottom: 30px;
        margin-bottom: 20px; }
        .popup_box .box .input_main .input_group .input_box:nth-child(even) {
          float: none; }
        .popup_box .box .input_main .input_group .input_box {
          width: 100%;
          float: none;
          height: 40px;
          margin-top: 10px; }
      .popup_box .box .model {
        padding-bottom: 20px; }
        .popup_box .box .model .list {
          margin-top: 10px; }
          .popup_box .box .model .list .li:nth-child(even) {
            float: none; }
          .popup_box .box .model .list .li {
            width: 100%;
            float: none;
            overflow: hidden; } }
  @media (max-width: 600px) {
    .popup_box {
      width: 94%;
      margin-left: -47%; } }
  @media (max-width: 500px) {
    .popup_box {
      padding: 0 20px;
      height: 460px;
      margin-top: -230px; }
      .popup_box.popup_box2 {
        display: block;
        height: 460px;
        margin-top: -230px; }
        .popup_box.popup_box2 .submit {
          margin-top: 0; }
        .popup_box.popup_box2 .box {
          height: 320px; }
          .popup_box.popup_box2 .box .input_main .input_group .input_box label {
            display: inline-block;
            position: static;
            width: auto;
            line-height: 36px;
            height: 36px; }
            .popup_box.popup_box2 .box .input_main .input_group .input_box label.label {
              width: auto;
              display: inline-block; }
            .popup_box.popup_box2 .box .input_main .input_group .input_box label span {
              display: inline-block; }
          .popup_box.popup_box2 .box .input_main .input_group .input_box .input {
            padding-left: 0px; }
      .popup_box .close {
        top: -40px;
        right: 0; }
      .popup_box .box {
        height: 320px;
        margin-top: 10px; }
        .popup_box .box .input_main {
          padding-top: 0px;
          margin-bottom: 15px; }
          .popup_box .box .input_main .input_group .input_box {
            height: auto; }
            .popup_box .box .input_main .input_group .input_box label {
              display: inline-block;
              position: static;
              line-height: 36px;
              height: 36px; }
              .popup_box .box .input_main .input_group .input_box label span {
                position: static; }
            .popup_box .box .input_main .input_group .input_box .input {
              padding-left: 0;
              height: 36px; }
              .popup_box .box .input_main .input_group .input_box .input input[type="text"] {
                height: 36px;
                line-height: 36px; }
      .popup_box .submit {
        margin: 0 auto; } }


.zlist1{
  padding:60px 0 0;  
}
.zlist1 .txt{
  font-size: 20px;
  line-height: 60px;
  color: #024381;
  transition: all 0.3s;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom:10px;
  padding:0 30px;
  background:url(../images/z1.png) no-repeat 10px center;
  display:block;
}

@media (max-width: 767px) {
  .zlist1{
    padding-top:30px;
  }
  .zlist1 .txt{
    font-size:16px;
    margin-bottom:5px;
  }
}



.button {
    float: left;
    min-width: 150px;
    max-width: 250px;
    display: block;
    margin: 1em;
    padding: 1em 2em;
    border: none;
    background: 0 0;
    color: inherit;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.button:focus {
    outline: none
}

.button>span {
    vertical-align: middle
}

.button.button--sacnite {
    width: 160px;
    height: 45px;
    min-width: 0;
    padding: 0;
    color: #fff;
    -webkit-transition: color .3s;
    transition: color .3s
}

.button--scanite.button--round-l {
    border-radius: 50%
}

.button--sacnite.button--inverted {
    color: #37474f
}

.button--sacnite::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: -1;
    box-shadow: inset 0 0 0 35px #37474f;
    -webkit-transform: scale3d(.9,.9,1);
    transform: scale3d(.9,.9,1);
    -webkit-transition: box-shadow .3s,-webkit-transform .3;
    transition: box-shadow .3s,transform .3s
}

.button--sacnite.button--inverted::before {
    box-shadow: inset 0 0 0 35px #fff
}

.button--sacnite .button__icon {
    font-size: 16px;
}

.button--sacnite>span {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.button--sacnite:hover {
    color: #37474f
}

.button--sacnite.button--inverted:hover {
    color: #fff
}

.button--sacnite:hover::before {
    box-shadow: inset 0 0 0 2px #37474f;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
}

.button--sacnite.button--inverted:hover::before {
    box-shadow: inset 0 0 0 2px #fff
}