﻿@charset "utf-8";
/* CSS Document */
/* fixed */
.pw {
  width: 1200px;
  margin: 0 auto;
}
.freeTx {
  line-height: 30px;
}
.ff {
  font-family: 'newsgothicbt';
}
/* fixed end */

/*banner*/
.banner-box {
  position: relative;
  overflow: hidden;
}
.banner .slick-arrow {
  width: 50px;
  height: 50px;
  top: 50%;
  margin-top: -26px;
  z-index: 99;
  border-radius: 100%;
  border: 1px solid #1d2467;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.banner .slick-prev {
  left: 3%;
  transform: translateX(-60px);
  -webkit-transform: translateX(-60px);
}
.banner .slick-next {
  right: 3%;
  transform: translateX(60px);
  -webkit-transform: translateX(60px);
}
.banner .slick-arrow i {
  display: block;
  width: 100%;
  height: 100%;
}
.banner .slick-prev i {
  left: 3%;
  background: url(../images/banner_prev.png) no-repeat left center;
}
.banner .slick-next i {
  right: 3%;
  background: url(../images/banner_next.png) no-repeat right center;
}
.banner .slick-arrow:hover {
  background-color: #da271e;
  border-color: #da271e;
}
.banner .slick-prev:hover i {
  background-position: right center;
}
.banner .slick-next:hover i {
  background-position: left center;
}
.banner:hover .slick-arrow {
  transform: translate(0);
  -webkit-transform: translate(0);
  opacity: 1;
  visibility: visible;
}
.ba-news-box {
  width: 1200px;
  height: 66px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  bottom: 30px;
  z-index: 99;
  overflow: hidden;
  line-height: 24px;
}
.ba-nw-ti {
  width: 114px;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  padding: 20px 0 22px 0;
  background: #1d2467 url(../images/notice-1.png) no-repeat 19px center;
}
.ba-nw-ti p {
  padding-left: 40px;
}
.ba-nw {
  margin: 0 116px 0 114px;
  height: 100%;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  padding: 0 50px 0 30px;
  overflow: hidden;
}
.ba-nw-a {
  display: block;
  color: #000;
  overflow: hidden;
}
.ba-nw-a .nowti {
  width: 70%;
  float: left;
  line-height: 24px;
}
.ba-nw-a .date {
  width: 30%;
  float: left;
  font-size: 12px;
  color: #646464;
  text-align: right;
}
.ba-nw-list {
  margin-top: 20px;
}
.ba-nw-more {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: #242424;
  background: rgba(36, 36, 36, 0.5);
  width: 116px;
  text-align: center;
  color: #fff;
  padding: 20px 0 22px 0;
}
.switch-line {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 100%;
  background: #da271e;
  z-index: 99;
}
/*banner end*/

/*index*/
.ixspnews {
  width: 50%;
  float: left;
}
.isnA {
  display: block;
  overflow: hidden;
  color: #666;
}
.isnA .pic {
  width: 52%;
  float: left;
}
.isnA .txts {
  width: 48%;
  float: left;
}
.isnA .txts .pa {
  padding: 2px 40px 0 40px;
}
.isnA .txts .date {
  font-size: 12px;
  color: #999;
  margin-bottom: 8px;
}
.isnA .txts .ti {
  font-size: 16px;
  color: #1d2467;
  line-height: 22px;
  height: 44px;
  margin-bottom: 9px;
  overflow: hidden;
}
.isnA .txts .tx {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 20px;
}
.ixmore {
  font-size: 12px;
  color: #da271e;
}
.isn-pic .slick-dots {
  margin-top: 0;
  position: absolute;
  left: 0;
  width: 43%;
  bottom: 12px;
  text-align: left;
  z-index: 99;
  padding: 0 4.5%;
}
.isn-pic .slick-dots li {
  width: 15px;
  height: 2px;
  border: none;
  background: #646464;
  border-radius: 0;
  margin: 0 2px;
}
.isn-pic .slick-dots li.slick-active,
.isn-pic .slick-dots li:hover {
  background: #da271e !important;
  border-color: #da271e;
}
.ix1 {
  padding: 37px 0;
}
.ixnews {
  width: 45.8%;
  float: right;
}
.ixnews .t {
  border-bottom: 1px solid #cbcbcb;
  padding-top: 2px;
  position: relative;
}
.in-nav li {
  float: left;
  margin-right: 35px;
  font-size: 16px;
  position: relative;
  padding-bottom: 12px;
  cursor: pointer;
}
.in-nav li:last-child {
  margin-right: 0;
}
.in-nav li:before {
  content: '';
  width: 0;
  height: 5px;
  background: #da271e;
  position: absolute;
  left: auto;
  right: 0;
  bottom: -1px;
  transition: 300ms;
  -webkit-transition: 300ms;
}
.in-nav li.act:before {
  width: 100%;
  right: auto;
  left: 0;
}
.in-nav li.act {
  color: #1d2467;
}
.ixmore2 {
  width: 24px;
  height: 24px;
  display: block;
  background: url(../images/icons/more-1.png) no-repeat left top;
  transition: transform 300ms;
  -webkit-transition: transform 300ms;
}
.in-more {
  position: absolute;
  right: -6px;
  bottom: 14px;
}
.in-more li {
  display: none;
}
.in-list .ba-nw-a .nowti {
  color: #555;
  font-size: 14px;
}
.in-list .ba-nw-a .date {
  color: #999;
}
.in-list .ba-nw-a {
  margin-bottom: 10px;
}
.in-list {
  height: 170px;
  overflow: hidden;
  margin-top: 20px;
}
.ix2 {
  background: #e0e2e4;
}
.ixlink {
  position: relative;
  height: 188px;
  overflow: hidden;
}
.ixlink li {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.ixlink .item1 {
  z-index: 1;
  left: 0;
}
.ixlink .item2 {
  z-index: 2;
  left: 29.75%;
}
.ixlink .item3 {
  z-index: 3;
  left: 54.33%;
}
.ixlink .item4 {
  z-index: 4;
  left: 70%;
}
.ixlink .lk-a {
  width: 38.5%;
  display: block;
  height: 100%;
  color: #666;
  position: relative;
  overflow: hidden;
}
.ixlink .lk-a .bg {
  width: 100%;
  height: 100%;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.ixlink li:hover .lk-a .bg {
  transform: scale(1.08);
}
.ixlink .lk-a .lk-ti {
  position: relative;
  margin: 90px 0 0 35px;
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.4s ease;
  -webkit-transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.4s ease;
}
.ixlink li:hover .lk-a .lk-ti {
  transform: translateX(8px);
}
.ixlink .item1 .lk-a {
  background: #f4f4f6;
}

.ixlink .item3 .lk-a {
  background: #da271e;
}
.ixlink .item3 .lk-a .ma {
  width: 129px;
  position: absolute;
  right: 27px;
  top: 28px;
}

.ixlink .item4 .lk-a {
  background: #1d2467;
}

.ixlink.action-0 .item2 {
  left: 38.5%;
}
.ixlink.action-0 .item3 {
  left: 59%;
}
.ixlink.action-0 .item4 {
  left: 79.5%;
}

.ixlink.action-1 .item2 {
  left: 20.5%;
}
.ixlink.action-1 .item3 {
  left: 59%;
}
.ixlink.action-1 .item4 {
  left: 79.5%;
}

.ixlink.action-2 .item2 {
  left: 20.5%;
}
.ixlink.action-2 .item3 {
  left: 41%;
}
.ixlink.action-2 .item4 {
  left: 79.5%;
}

.ixlink.action-3 .item2 {
  left: 20.5%;
}
.ixlink.action-3 .item3 {
  left: 41%;
}
.ixlink.action-3 .item4 {
  left: 61.5%;
}

.lk-ti .line {
  width: 15px;
  height: 2px;
  background: #da271e;
  margin-bottom: 8px;
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.ixlink li:hover .lk-ti .line {
  width: 35px;
}
.lk-ti .en {
  color: #242424;
  text-transform: uppercase;
  margin-bottom: 2px;
}
.lk-ti .en strong {
  font-size: 24px;
  display: block;
  line-height: 26px;
}
.lk-ti .ch {
  font-weight: bold;
  color: #1d2467;
}
.ixlink .item2 .lk-ti .line {
  background: #828282;
}
.ixlink .item2 .lk-ti .en {
  color: #828282;
}

.ixlink .item3 .lk-ti .line,
.ixlink .item4 .lk-ti .line {
  background: #fff;
}
.ixlink .item3 .lk-ti .en,
.ixlink .item3 .lk-ti .ch,
.ixlink .item4 .lk-ti .en,
.ixlink .item4 .lk-ti .ch {
  color: #fff;
}

/*index end*/

/*pbanner*/
.pbtxts {
  width: 204px;
  height: 194px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -97px;
  margin-left: -102px;
  z-index: 99;
  text-align: center;
  color: #262626;
}
.pbtxts:before {
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 2px solid #1d2467;
  position: absolute;
}
.pbtxts .bor {
  position: absolute;
  display: block;
  background: #da271e;
  transition: 800ms linear;
}
.pbtxts .bor1 {
  width: 2px;
  height: 0;
  bottom: 0;
  left: 0;
}
.pbtxts .bor2 {
  height: 2px;
  width: 0;
  left: 0;
  top: 0;
  transition-delay: 800ms;
}
.pbtxts .bor3 {
  width: 2px;
  height: 0;
  top: 0;
  right: 0;
  transition-delay: 1600ms;
}
.pbtxts .bor4 {
  height: 2px;
  width: 0;
  right: 0;
  bottom: 0;
  transition-delay: 2400ms;
}
.pbtxts .en {
  text-transform: capitalize;
  font-size: 28px;
  position: relative;
  padding-bottom: 16px;
}
.pbtxts .en:before {
  content: '';
  width: 44px;
  height: 2px;
  background: #da271e;
  left: 50%;
  margin-left: -22px;
  bottom: 0;
  position: absolute;
}
.pbtxts .ch {
  font-size: 30px;
  color: #1d2467;
  margin-top: 16px;
}
.pbtxts .pa {
  padding-top: 46px;
}
.pbtxts.animation .bor1,
.pbtxts.animation .bor3 {
  height: 100%;
}
.pbtxts.animation .bor2,
.pbtxts.animation .bor4 {
  width: 100%;
}
/*pbanner end*/

/*pos-nav*/
.pos-nav {
  border-bottom: 1px solid #c9d0d9;
  background: #fff;
}
.pos-nav a {
  display: block;
  float: left;
  color: #666;
  line-height: 25px;
  position: relative;
  margin-right: 13px;
  padding: 10px 12px 10px 0;
  font-weight: bold;
}
.pos-nav .aw {
  width: 3px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/icons/pv-aw.png) no-repeat right center;
}
.pos-nav a:last-child .aw {
  display: none;
}
.pos-nav .home {
  width: 60px;
  height: 45px;
  background: #f5f5f5 url(../images/icons/home.png) no-repeat center top;
  transition: 0ms;
  -webkit-transition: 0ms;
  padding: 0;
}
.pos-nav .home:hover {
  background-position: center bottom;
}
.pos-nav a.act {
  color: #da271e;
}
/*pos-nav end*/

/*page*/
.pbg {
  background: #fbfcfd;
  background: url(../images/big-bg.png);
  background-size: 10px 100%;
}
.page-ctt > .pw {
  position: relative;
}
.pageL {
  width: 76.67%;
  min-height: 800px;
  position: relative;
}
.pageL:before {
  content: '';
  width: 1px;
  background: #c9d0d9;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.pageL .pg-pa {
  padding-right: 40px;
}
.pageR {
  width: 23.33%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
}

.pg-ti .en {
  font-size: 26px;
  text-transform: uppercase;
  color: #969696;
  max-width: 60%;
}
.pg-ti .en strong {
  font-weight: bold;
}
.pg-ti {
  border-bottom: 2px solid #dfe4ec;
  padding: 77px 0 14px 0;
  position: relative;
}
.pg-ti .xx {
  /* float:right;*/
  display: none;
  max-width: 40%;
  position: absolute;
  bottom: 14px;
  right: 0;
}
.pg-ti:before {
  content: '';
  width: 98px;
  height: 2px;
  background: #362575;
  position: absolute;
  left: 0;
  bottom: -2px;
}

.pnav a {
  display: block;
  padding: 14px 40px;
  color: #969696;
  font-weight: bold;
  border-bottom: 1px solid #c9d0d9;
  line-height: 24px;
  position: relative;
}
.pnav p {
  position: relative;
}
.pnav a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  left: 0;
  background: #1d2467;
  transition: 300ms;
  -webkit-transition: 300ms;
}
.pnav a.act {
  color: #fff;
}
.pnav a.act:before {
  width: 100%;
}
/*page end*/

/*about*/
.ab-tx1 {
  line-height: 1.4;
  font-size: 36px;
  font-weight: bold;
}
.ab-tx2 {
  line-height: 1.4;
  font-size: 25px;
  color: #da271e;
  text-transform: uppercase;
  font-weight: bold;
}
.ab-num li {
  float: left;
  position: relative;
  padding-top: 20px;
  margin-right: 70px;
  margin-bottom: 30px;
}
.ab-num li:last-child {
  margin-right: 0;
}
.ab-num li:before {
  content: '';
  width: 26px;
  height: 1px;
  background: #666;
  position: absolute;
  top: 0;
  left: 0;
}
.ab-num .num {
  line-height: 1;
  margin-bottom: 7px;
}
.ab-num .num strong {
  font-size: 74px;
  color: #1d2467;
}
.ab-num {
  margin-top: 56px;
}
.aboBox .freeTx {
  margin-top: 70px;
}
.aboBox {
  padding: 72px 0 205px 0;
}
/*about end*/

/*about1*/
.pattern-list {
  margin-left: -2.33%;
}
.pattern-list li {
  width: 31%;
  margin-left: 2.33%;
  float: left;
  position: relative;
}
.pattern-list .cover {
  background: #fff;
  border: 3px solid #fff;
}
.pattern-list .txts {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding: 60px 35px 0 35px;
  text-align: center;
}
.pattern-list .txts .tx1 {
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 20px;
}
.pattern-list .txts .tx2 {
  line-height: 30px;
}
.ab-pattern .ti {
  font-size: 18px;
  color: #da271e;
  margin-bottom: 25px;
}
.ab-pattern .freeTx {
  line-height: 30px;
  margin-bottom: 63px;
}
.ab-pattern {
  margin-top: 48px;
}
.comma-tx .txts {
  width: 40%;
  float: left;
  position: relative;
  margin-top: 8.75%;
}
.comma-tx .pic {
  width: 60%;
  float: left;
}
.comma-tx .comma {
  position: absolute;
  top: 0;
  left: -2px;
  display: block;
}
.comma-tx .pa {
  position: relative;
  padding: 62px 0 0 38px;
}
.comma-tx .txx {
  font-size: 18px;
  color: #000;
  font-weight: bold;
  line-height: 30px;
}
.comma-tx {
  margin-top: 85px;
}
.abBox {
  padding: 110px 0 155px 0;
}
/*about1 end*/

/*about2*/
.honor-nav a {
  font-size: 16px;
  color: #666;
  padding: 15px 20px;
  position: relative;
  line-height: 24px;
  margin: 0 20px;
}
.honor-nav {
  border-bottom: 2px solid #dfe4ec;
}
.honor-nav a:before {
  position: absolute;
  content: '';
  height: 2px;
  width: 100%;
  left: 0;
  bottom: -2px;
  background: #da271e;
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
  -webkit-transition: 300ms;
}
.honor-nav a:after {
  position: absolute;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 6px;
  background: url(../images/icons/honor-aw.png) no-repeat center bottom;
  bottom: -8px;
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  opacity: 0;
  visibility: hidden;
  transition: 300ms 100ms;
  -webkit-transition: 300ms 100ms;
}
.honor-nav a.act:before,
.honor-nav a.act:after {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.honor-list li {
  padding: 10px 15px;
  position: relative;
  background: #dfe4ec;
}
.honor-list .txx {
  line-height: 24px;
  padding-left: 22px;
  position: relative;
}
.honor-list .txx:before {
  content: '';
  width: 14px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/icons/honor-ico.png) no-repeat left center;
}
.honor-list li:nth-child(2n) {
  background: #f7f8fa;
}
.honor-list {
  margin-top: 48px;
}
.abtBox {
  padding: 86px 0 77px 0;
}
/*about2 end*/

/*about3*/
.hisA {
  height: 103px;
  background: #eaeaea;
  display: block;
  color: #666;
  margin: 0 2px;
}
.hisA .date {
  font-size: 24px;
  line-height: 1.1;
  font-weight: bold;
  font-family: Arial;
}
.hisA .nowti {
  font-size: 16px;
  margin-top: 4px;
}
.hisA .pa {
  padding: 30px 0 0 20px;
}
.his-nav .item {
  float: left;
}
.his-nav {
  padding: 0 35px;
}
.hisA.act {
  background: #da271e;
  color: #fff;
}
.his-nav .slick-arrow {
  width: 35px;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 99;
  transition: 0ms;
  -webkit-transition: 0ms;
}
.his-nav .slick-prev {
  left: 0;
  background: url(../images/icons/his-prev.png) no-repeat left center;
}
.his-nav .slick-next {
  right: 0;
  background: url(../images/icons/his-next.png) no-repeat right center;
}
.his-date {
  margin-left: 240px;
  font-size: 16px;
  color: #da271e;
  position: relative;
  margin-bottom: 18px;
}
.his-date strong {
  font-size: 24px;
  font-family: Arial;
  font-weight: bold;
  margin-right: 10px;
}
.his-date:before {
  content: '';
  width: 28px;
  height: 36px;
  position: absolute;
  left: -55px;
  top: 3px;
  background: url(../images/icons/his-ico.png) no-repeat;
}
.his-list li {
  position: relative;
  min-height: 139px;
  padding-bottom: 35px;
}
.his-list .txts {
  margin-left: 240px;
  line-height: 30px;
  background: #eaeaeb;
  padding: 25px 45px 25px 25px;
  position: relative;
}
.his-list .pic {
  width: 168px;
  position: absolute;
  top: 0;
  left: 0;
}
.his-list .txts .ti {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
}
.his-list .txts .tb {
  text-align: justify;
}
.his-list .txts:before {
  content: '';
  width: 4px;
  height: 9px;
  background: url(../images/his-aw.png) no-repeat;
  left: -4px;
  top: 37px;
  position: absolute;
}
.his-list .txts:after {
  content: '';
  border: 4px solid #da271e;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  position: absolute;
  top: 35px;
  left: -48px;
  background: #fff;
}
.his-list {
  position: relative;
}
.his-list:before {
  width: 2px;
  position: absolute;
  top: -22px;
  padding-top: 22px;
  height: 100%;
  background: #c6c7c9;
  left: 198px;
  content: '';
}
.hisbox {
  margin-top: 75px;
}
.abthBox {
  padding: 78px 0 143px 0;
}
/*about3 end*/

/*about4*/
.cul-nav {
  background: #eaeaeb;
  display: flex;
}
.cul-nav.mab-1 {
  margin-bottom: 103px;
}
.cul-nav a {
  display: block;
  flex: 1;
  color: #666;
  text-align: center;
  font-size: 18px;
  padding: 15px 0px;
  position: relative;
}
.cul-nav .nowti {
  line-height: 24px;
  padding: 0 5px;
}
.cul-nav a:before {
  content: '';
  position: absolute;
  height: 4px;
  left: 0;
  right: 0;
  bottom: -4px;
  background: url(../images/icons/cul-aw.png) no-repeat center bottom;
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
  -webkit-transition: 300ms;
}
.cul-nav a.act {
  background: #da271e;
  color: #fff;
}
.cul-nav a.act:before {
  transform: translate(0);
  -webkit-transform: translate(0);
  opacity: 1;
  visibility: visible;
}
.idea-tx .ti {
  font-size: 16px;
  color: #362575;
  font-weight: bold;
  margin-bottom: 3px;
}
.idea-tx .tb {
  line-height: 30px;
  text-align: justify;
}
.idea-tx {
  margin-bottom: 38px;
}
.idea-tx.mano {
  margin-bottom: 0;
}
.idea-pic-tx {
  color: #fff;
  margin-top: 65px;
}
.idea-pic-tx .txts {
  width: 53%;
  background: url(../images/black.png);
}
.idea-pic-tx .txts .tb {
  padding: 68px 35px;
  line-height: 30px;
}
.abfoBox {
  padding: 92px 0 130px 0;
}

.cul-activity a {
  display: block;
  width: 45.6%;
  margin-left: 4.4%;
  margin-bottom: 4.4%;
  float: left;
  position: relative;
  color: #fff;
  transition: 400ms;
  -webkit-transition: 400ms;
}
.cul-activity {
  margin-left: -4.4%;
  margin-bottom: 25px;
}
.cul-activity .nowti {
  background: url(../images/black.png);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 16px;
  padding: 14px 30px;
  line-height: 24px;
}
.cul-nav.mab {
  margin-bottom: 88px;
}
.pager a {
  border: 1px solid #bdbdbd;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  margin: 0 4px;
  font-size: 20px;
  font-family: '宋体';
  color: #666;
}
.pager a.act {
  background: #362575;
  border-color: #362575;
  color: #fff;
}
.pager .ellipsis {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-size: 14px;
  line-height: 44px;
  margin: 0 4px;
  color: #666;
}
.pager a.disabled {
  color: #ccc;
  cursor: not-allowed;
  background: #f5f5f5;
}
.pager a.disabled:hover {
  background: #f5f5f5;
  border-color: #bdbdbd;
  color: #ccc;
}

.song-pic {
  margin-top: 65px;
}
.song-play {
  text-align: center;
  margin-top: 70px;
}
/*about4 end*/

/*about-detail*/
.ad-t {
  padding-left: 110px;
  position: relative;
  min-height: 78px;
}
.sharebox {
  overflow: hidden;
}
.sharebox > p {
  float: left;
  line-height: 16px;
  font-size: 12px;
}
.sharebox .share {
  float: left;
}
.share {
  overflow: hidden;
}
.share a {
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  background: url(../images/share.png) no-repeat;
  margin-left: 4px;
}
.share .s2 {
  background-position: -20px center;
}
.share .s3 {
  background-position: -40px center;
}
.share .s4 {
  background-position: -60px center;
}
.ad-t .txts {
  border-bottom: 1px solid #dfe4ec;
  padding: 0 0 24px 0;
}
.ad-t .txts .ti {
  font-size: 20px;
  margin-bottom: 10px;
}
.ad-t .date {
  width: 76px;
  color: #fff;
  text-align: center;
  font-family: Arial;
  position: absolute;
  top: 0;
  left: 0;
}
.ad-t .date .d {
  background: #362575;
  font-size: 30px;
  height: 53px;
  line-height: 53px;
  overflow: hidden;
}
.ad-t .date .y {
  background: #a49acc;
  line-height: 25px;
}
.adBox .freeTx {
  padding-left: 110px;
  margin-top: 55px;
  padding-bottom: 86px;
}
.ab-hots {
  position: relative;
  padding-top: 47px;
}
.ab-hots:before,
.sd-hots:before {
  content: '';
  height: 8px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/ab-line.png);
}
.ab-hots .ti {
  font-size: 18px;
  color: #362575;
  margin-bottom: 14px;
}
.hot-list a {
  display: block;
  font-size: 12px;
  color: #666;
  line-height: 32px;
  height: 32px;
  overflow: hidden;
  position: relative;
  width: 38%;
  margin-left: 12%;
  float: left;
}
.hot-list {
  margin-left: -13.6%;
}
.hot-list .nowti {
  padding-left: 80px;
  line-height: 32px;
}
.hot-list .date {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 10px;
}
.hot-list .date:before {
  content: '';
  width: 3px;
  height: 3px;
  background: #362575;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
}
.adBox {
  padding: 96px 0 82px 0;
}
/*about-detail end*/

/*pro*/
.pro-nav {
  margin-bottom: 0;
}
.proBox > .freeTx {
  margin-top: 50px;
}
.proBox {
  padding: 87px 0 122px 0;
}
.pro-pics .item {
  position: relative;
}
.pro-pics .txts {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/black.png);
  background: rgba(0, 0, 0, 0.6);
  padding: 18px 140px 18px 35px;
}
.pro-pics .txts .nowti {
  line-height: 24px;
}
.pro-pic-box {
  position: relative;
  color: #fff;
  margin-top: 90px;
}
.pp-b {
  height: 60px;
  position: absolute;
  right: 35px;
  bottom: 0;
  line-height: 60px;
  overflow: hidden;
}
.pp-arrow {
  height: 100%;
  width: 20px;
  float: left;
  cursor: pointer;
}
.pp-num {
  float: left;
  margin: 0 5px;
}
.pp-prev {
  background: url(../images/pp-prev.png) no-repeat left center;
}
.pp-next {
  background: url(../images/pp-next.png) no-repeat right 1px;
}
.pp-num .cnum {
  font-size: 18px;
}
/*pro end*/

/*ser1*/
.ser-list {
  background: #fff;
  padding: 26px 60px 5px 60px;
  margin-bottom: 35px;
}
.ser-list .ti {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  position: relative;
  margin-bottom: 24px; /*overflow:hidden;*/
}
.ser-list .ti .more {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #da271e;
  font-size: 14px;
}
.ser-list .ti:before {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: -40px;
  background: url(../images/icons/ser-aw.png) no-repeat;
}
.ser-list > a {
  display: block;
  color: #969696;
  border-bottom: 1px dashed #969696;
  padding: 12px 0;
  position: relative;
}
.ser-list > a:last-child {
  border-bottom: none;
}
.ser-list .nowti {
  width: 80%;
  line-height: 24px;
}
.ser-list > a:before {
  content: '';
  width: 19px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 15px;
  background: url(../images/icons/pdf.png) no-repeat center center;
}

#link > a {
  display: block;
  color: #969696;
  border-bottom: 1px dashed #969696;
  padding: 12px 0;
  position: relative;
}

#link > a:last-child {
  border-bottom: none;
}
#link > a:before {
  content: '';
  width: 19px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 15px;
  background: url(../images/icons/pdf.png) no-repeat center center;
}
.cul-nav.mab-2 {
  margin-bottom: 67px;
}
/*ser1 end*/

/*ser2*/
.price-list a {
  display: block;
  color: #969696;
  line-height: 24px;
  padding: 12px 5px 12px 25px;
  position: relative;
  border-bottom: 1px dashed #969696;
  overflow: hidden;
}
.price-list a:before {
  content: '';
  width: 4px;
  height: 4px;
  background: #969696;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: 8px;
}
.price-list .nowti {
  width: 75%;
  float: left;
  line-height: 24px;
}
.price-list .date {
  width: 25%;
  float: left;
  font-size: 12px;
  text-align: right;
}
.price-list {
  margin: 34px 0 36px 0;
}
/*ser2 end*/

/*ser3*/
.case-list a {
  display: block;
  width: 47.3%;
  margin-left: 2.7%;
  margin-bottom: 30px;
  float: left;
  position: relative;
  overflow: hidden;
  color: #fff;
}
.case-list {
  margin-left: -2.7%;
  margin-bottom: 40px;
}
.case-list .txts {
  position: absolute;
  bottom: -100%;
  left: 0;
  right: 0;
  height: 100%;
  padding: 0 20px 60px 20px;
  background: url(../images/black.png);
  background: rgba(0, 0, 0, 0.7);
  transition: 400ms;
  -webkit-transition: 400ms;
}
.case-list .txts .nowti {
  font-size: 18px;
  line-height: 60px;
  border-bottom: 1px solid #fff;
}
.case-list .txts .tx {
  line-height: 26px !important;
  height: 104px;
  margin-top: 22px;
}
.case-list .txts .more {
  margin-top: 23px;
}
.case-list a:before {
  content: '';
  height: 5px;
  width: 0;
  right: 0;
  left: auto;
  bottom: 0;
  z-index: 9;
  position: absolute;
  background: #362575;
  transition: 400ms;
  -webkit-transition: 400ms;
}
/*ser3 end*/

/*ser-detail*/
.sd-pics .slick-arrow {
  width: 54px;
  height: 54px;
  background: url(../images/black.png);
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%;
  margin-top: -27px;
  z-index: 99;
}
.sd-pics .slick-arrow i {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.sd-pics .slick-prev {
  left: 0;
}
.sd-pics .slick-prev i {
  background-image: url(../images/ser-prev.png);
}
.sd-pics .slick-next {
  right: 0;
}
.sd-pics .slick-next i {
  background-image: url(../images/ser-next.png);
}
.sd-ti {
  font-size: 24px;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 28px;
}
.sd-txts {
  padding: 0 50px;
  margin: 50px 0 112px -16.9%;
}
.sd-txts li {
  position: relative;
  float: left;
  width: 34%;
  margin-left: 16%;
}
.sd-txts .freeTx {
  padding-left: 15px;
}
.sd-txts li:before {
  content: '';
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #969696;
}
.sd-hots {
  position: relative;
  padding-top: 28px;
}
.sd-hots .prev .nowti {
  padding-right: 25px;
}
.sd-hots .next .nowti {
  padding-left: 25px;
  text-align: right;
}
/*ser-detail end*/

/*ser4*/
.ser-nav li {
  width: 25%;
  float: left;
}
.ser-nav .aa {
  display: block;
  width: 178px;
  height: 178px;
  border: 1px solid #a6a6a6;
  border-radius: 100%;
  text-align: center;
  color: #a6a6a6;
  position: relative;
}
.ser-nav .ch {
  font-size: 24px;
  position: relative;
  padding-bottom: 8px;
}
.ser-nav .ch:before {
  content: '';
  width: 110px;
  height: 1px;
  background: #a6a6a6;
  left: 50%;
  margin-left: -55px;
  bottom: 0;
  position: absolute;
  transition: 300ms;
  -webkit-transition: 300ms;
}
.ser-nav .en {
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 12px;
}
.ser-nav .pa {
  padding-top: 52px;
  position: relative;
  z-index: 9;
}
.ser-nav .aa:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #a6a6a6;
  border-radius: 100%;
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  opacity: 0;
  visibility: hidden;
  transition: 400ms 100ms;
  -webkit-transition: 400ms 100ms;
}
.ser-nav .aa:before {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  background: #f0f0f0;
  border-radius: 100%;
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  opacity: 0;
  visibility: hidden;
  transition: 400ms;
  -webkit-transition: 400ms;
}
.service-idea {
  margin-top: 82px;
}
.service-idea .pic,
.service-idea .txts {
  width: 50%;
}
.service-idea .item1 .pic,
.service-idea .item1 .txts {
  float: left;
}
.service-idea .item2 .pic,
.service-idea .item2 .txts {
  float: right;
}
.service-idea li {
  background: #fff;
  overflow: hidden;
  margin-bottom: 23px;
}
.service-idea .pa {
  padding: 30px 40px 0 35px;
}
.service-idea .ti {
  font-size: 24px;
  color: #1d2467;
  padding-left: 40px;
  position: relative;
}
.service-idea .ti .ico {
  width: 40px;
  height: 40px;
  left: 0;
  top: 50%;
  margin-top: -20px;
  position: absolute;
}
.service-idea .tx {
  line-height: 26px !important;
  margin: 25px 0;
  height: 260px;
}
.service-idea .tx > p {
  padding-left: 18px;
  position: relative;
}
.service-idea .tx > p:before {
  width: 18px;
  height: 26px;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background: url(../images/si-aw.png) no-repeat left center;
}
.si-cta {
  display: inline-block;
  position: relative;
}
.si-cta .btn {
  transition: 300ms;
  -webkit-transition: 300ms;
  cursor: pointer;
  border: 1px solid #bcbcbc;
  border-radius: 10px;
  padding: 4px 16px 4px 12px;
  line-height: 24px;
}
.si-cta .cta {
  width: 215px;
  height: 70px;
  background: #1d2467;
  color: #fff;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  right: -230px;
  line-height: 26px;
  transition: 400ms;
  -webkit-transition: 400ms;
}
.si-cta .cta:before {
  content: '';
  width: 7px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -7px;
  background: url(../images/si-aw-2.png) no-repeat right center;
}
.si-cta .cta .pa2 {
  padding: 6px 20px 0 20px;
}
/*ser4 end*/

/*ser5*/
.mn-pos {
  background: #fff;
  margin-top: 77px;
}
.mn-pos .ti {
  background: #da271e;
  font-size: 20px;
  color: #fff;
  padding: 21px 0;
}
.mn-pos li {
  overflow: hidden;
}
.mn-pos ul {
  padding: 9px 25px 0 25px;
}
.mn-pos a {
  color: #6f6f6f;
}
.mn-pos .w {
  width: 50%;
  float: left;
}
.mn-pos .w > p {
  line-height: 24px;
  padding: 0 22px;
  position: relative;
}
.mn-pos li {
  border-bottom: 1px dashed #969696;
  padding: 5px 0;
}
.mn-pos .w > p:before {
  content: '';
  position: absolute;
  width: 22px;
  height: 24px;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: left top;
}
.mn-pos .name:before {
  background-image: url(../images/icons/mn-ico-1.png);
}
.mn-pos .addr:before {
  background-image: url(../images/icons/mn-ico-2.png);
}
.mn-pos li:last-child {
  border: none;
}
.mn-pos .w:nth-child(2) > p {
  padding-right: 0;
}
.mn-map-nav .pic {
  width: 50%;
  float: left;
  display: block;
}
.mn-map-nav .pic .img1 {
  display: none;
}
.mn-map-nav .pic.act .img2 {
  display: none;
}
.mn-map-nav .pic.act .img1 {
  display: block;
}
/*.mn-map-nav .pic.act{ transform:scale(1) ; -webkit-transform:scale(1); }*/
/*ser5 end*/

/*news*/
.news-list {
  margin-bottom: 40px;
  overflow: hidden;
}
.news-list a {
  display: block;
  color: #666;
  position: relative;
  min-height: 158px;
  border-bottom: 1px solid #dbdbdd;
  padding-bottom: 38px;
  margin-bottom: 45px;
}
.news-list .pic {
  width: 273px;
  position: absolute;
  top: 0;
  left: 0;
}
.news-list .txts {
  margin-left: 300px;
}
.news-list .txts .tx1 {
  font-size: 20px;
  color: #000;
  margin-bottom: 13px;
}
.news-list .txts .tx2 {
  margin-bottom: 30px;
}
.news-list .txts .seebox {
  overflow: hidden;
  color: #6f6f6f;
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 27px;
}
.news-list .txts .seebox > p {
  float: left;
  margin-right: 10px;
  padding-left: 20px;
  position: relative;
}
.news-list .txts .seebox .date {
  background: url(../images/icons/time.png) no-repeat left center;
}
.news-list .txts .seebox .see {
  padding-left: 25px;
  background: url(../images/icons/see.png) no-repeat left center;
}
.news-list .txts .more {
  line-height: 24px;
  overflow: hidden;
}
.news-list .txts .more > p {
  float: left;
}
.news-list .txts .more .aw {
  width: 17px;
  height: 17px;
  border: 1px solid #8f8f8f;
  float: left;
  border-radius: 100%;
  background: url(../images/icons/news-aw.png) no-repeat right center;
  margin-left: 14px;
  margin-top: 3px;
  transition:
    border 300ms,
    transform 300ms,
    background-color 300ms;
  -webkit-transition:
    border 300ms,
    transform 300ms,
    background-color 300ms;
}
/*news end*/

/*news1*/
.book-list li {
  width: 28.83%;
  margin-left: 4.5%;
  float: left;
  margin-bottom: 55px;
}
.book-list {
  margin-left: -4.5%;
  margin-bottom: 20px;
}
.book-list .btns a {
  border: 1px solid #666;
  width: 102px;
  height: 32px;
  line-height: 32px;
  color: #666;
  margin: 0 6px;
}
.book-list .btns {
  padding: 12px 0;
}
/*news1 end*/

/*res*/
.res-tx {
  color: #fff;
  margin-bottom: 37px;
}
.res-tx .txts {
  padding: 58px 35px 60px 35px;
  background: url(../images/shadow.png) no-repeat left center;
  background-size: 616px 100%;
}
.res-tx .txts .ti {
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 20px;
}
.res-tx .txts .w {
  width: 400px;
  max-width: 100%;
}
.hisA .date em {
  font-size: 16px;
  font-weight: normal;
  margin-left: 6px;
}
.res-year-tx {
  background: #dee0e3;
  padding: 45px 30px 45px 35px;
  margin-top: 17px;
}
.res-year-tx .txts {
  width: 37%;
  float: left;
  line-height: 30px;
  text-align: justify;
}
.res-year-tx .pic {
  width: 55%;
  float: right;
}
.resBox {
  padding: 67px 0 85px 0;
}
/*res end*/

/*res1*/
.g-pic {
  color: #fff;
}
.g-pic .txts {
  overflow: hidden;
  padding: 70px 45px 80px 45px;
  background: url(../images/shadow2.png) no-repeat right center;
  background-size: 514px 100%;
}
.g-bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.g-pic .ch {
  font-size: 24px;
  font-weight: bold;
}
.g-pic .en {
  font-size: 16px;
  line-height: 1.5;
  text-transform: capitalize;
  margin-top: 9px;
}
.g-pic.g-bg {
  margin: 46px 0 53px 0;
}
.ser-list.mat {
  margin-bottom: 0;
  margin-top: 90px;
}
/*res1 end*/

/*res2*/
.res-nav .item {
  float: left;
  width: 16.66%;
}
.resA {
  display: block;
  margin: 0 1px;
  background: #dfe4ec;
  height: 136px;
  text-align: center;
  color: #969696;
  position: relative;
}
.resA .pa {
  padding-top: 28px;
}
.resA .ico {
  height: 50px;
  background-position: center top;
}

.ico-1 {
  background: url(../images/icons/res-ico-1.png) no-repeat center center;
}
.ico-2 {
  background: url(../images/icons/res-ico-2.png) no-repeat center center;
}
.ico-3 {
  background: url(../images/icons/res-ico-3.png) no-repeat center center;
}
.ico-4 {
  background: url(../images/icons/res-ico-4.png) no-repeat center center;
}
.ico-5 {
  background: url(../images/icons/res-ico-5.png) no-repeat center center;
}
.ico-6 {
  background: url(../images/icons/res-ico-6.png) no-repeat center center;
}
.resA .nowti {
  padding: 0 5px;
  margin-top: 17px;
}
.resA:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 4px;
  bottom: -4px;
  background: url(../images/cul-aw.png) no-repeat center bottom;
  transform: translateY(-8px);
  -webkit-transform: translateY(-8px);
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
  -webkit-transition: 300ms;
}
.resA.act {
  background: #da281e;
}
.resA.act .ico {
  background-position: center bottom;
}
.resA.act .nowti {
  color: #fff;
}
.resA.act:before {
  transform: translate(0);
  -webkit-transform: translate(0);
  opacity: 1;
  visibility: visible;
}
.res-tx-b {
  position: relative;
  min-height: 150px;
  padding: 0 85px 0 110px;
  margin-top: 118px;
}
.res-prev,
.res-next {
  width: 35px;
  height: 65px;
  position: absolute;
  top: 50%;
  margin-top: -32px;
  z-index: 99;
  cursor: pointer;
}
.res-prev {
  left: 0;
  background: url(../images/res-prev.png) no-repeat left center;
}
.res-next {
  right: 0;
  background: url(../images/res-next.png) no-repeat right center;
}
.r-tx .ti {
  font-size: 24px;
  color: #272727;
  margin-bottom: 17px;
}
.r-tx .freeTx {
  font-size: 15px;
}
/*res2 end*/

/*job*/
/*.talent-idea .freeTx{ width:50%; float:right;  }
.talent-idea .freeTx .ti{ font-size:16px; font-weight:bold; color:#362575; margin-bottom:2px; }
.jobBox{ padding:90px 0 62px 0; }
.tai-pic{ width:37.84%; float:left; }
.tai-pic li{ overflow:hidden; }
.tai-pic .picbox{ width:33.33%; float:left; overflow:hidden; }
.tai-pic .picbox .pic{ margin:2px; border-radius:5px; z-index:9; }
.tai-pic .picbox .ti{ position:absolute; left:0; right:0; top:0; text-align:center; line-height:1.1; color:#362575; padding-top:43%; }*/

.tai-tx .tx1,
.tai-tx .tx2 {
  color: #fff;
  line-height: 1.4;
}
.tai-tx .tx1 {
  font-size: 28px;
  margin-bottom: 6px;
  font-weight: bold;
}
.tai-tx .tx2 {
  font-size: 16px;
  margin-bottom: 40px;
}
.tai-tx .txts {
  overflow: hidden;
  padding: 55px 35px;
  color: #353b47;
}
.tai-tx .txts .w {
  width: 450px;
  max-width: 100%;
}
.tai-tx {
  min-height: 430px;
  margin-bottom: 28px;
}
.tai-tx .freeTx {
  font-size: 16px;
}
/*job end*/

/*job1*/
.train-list .t {
  background: #b8b9bc;
  color: #fff;
  padding: 11px 60px 11px 30px;
  position: relative;
  transition: 400ms;
  -webkit-transition: 400ms;
  cursor: pointer;
}
.train-list .nowti {
  line-height: 24px;
  font-size: 18px;
}
.train-list .t:before {
  content: '';
  width: 20px;
  height: 4px;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 30px;
  background: #fff;
}
.train-list .t:after {
  content: '';
  width: 4px;
  height: 20px;
  background: #fff;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 38px;
  transition: 400ms;
  -webkit-transition: 400ms;
}
.train-list .t.act {
  background: #1d2467;
}
.train-list .t.act:after {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.train-list .b {
  background: #f7f8fa;
  padding: 20px 60px 63px 30px;
  display: none;
}
.train-list li {
  margin-bottom: 6px;
}
/*job1 end*/

/*job2*/
.growth-list a {
  display: block;
  float: left;
  width: 31.53%;
  margin-left: 1.8%;
  margin-bottom: 25px;
  color: #666;
}
.growth-list {
  margin-left: -1.8%;
  margin-bottom: 70px;
}
.growth-list .tx1 {
  font-size: 16px;
  margin-top: 22px;
}
.growth-list .tx2 {
  margin-top: 10px;
}
/*job2 end*/

/*job-detail*/
.jd-ti .ti {
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 30px;
}
.jd-ti {
  border-bottom: 1px solid #dfe4ec;
  padding-bottom: 25px;
}
.jdBox .freeTx {
  padding: 32px 0 90px 0;
}
.jdBox {
  padding: 95px 0 90px 0;
}
/*job-detail end*/

/*cta*/
.ctaBox {
  padding: 23px 0 120px 0;
}
.cta-list li {
  width: 50%;
  float: left;
  border-bottom: 1px solid #bfc1c4;
  padding: 45px 0;
  overflow: hidden;
}
.cta-list .pa {
  padding-right: 50px;
}
.cta-list li:nth-child(2n) .pa {
  padding-left: 35%;
  padding-right: 0;
}
.cta-list .nowti {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
}
.cta-list .tx {
  line-height: 26px !important;
  height: 130px;
  margin-bottom: 4px;
}
.cta-list .pic {
  width: 120px;
  max-width: 100%;
}
/*cta end*/

/*cta1*/
.cta-form li {
  overflow: hidden;
}
.cta-form input,
.cta-form textarea {
  display: block;
}
.cta-form .s-input,
.cta-form .s-textarea {
  width: 860px;
  line-height: 24px;
  border: 2px solid #b3b3b3;
  color: #8e8e8e;
  padding: 10px 8px;
  margin-bottom: 20px;
  transition: border 300ms;
  -webkit-transition: border 300ms;
}
.cta-form .l,
.cta-form .r {
  width: 410px;
}
.cta-form .s-textarea {
  height: 192px;
}
.subBtn {
  width: 100%;
  text-align: left;
  background: #1d2467 url(../images/input-aw.png) no-repeat 845px center;
  color: #fff;
  height: 55px;
  padding: 0 20px;
  cursor: pointer;
  transition: 400ms;
  -webkit-transition: 400ms;
}
.ctatBox {
  padding: 110px 0 138px 0;
}
.cta-form .s-input:focus,
.cta-form .s-textarea:focus {
  color: #362575;
  border-color: #362575;
}
.ctafixbg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
/*cta1 end*/

/*job3*/
.campus-tx {
  color: #fff;
  margin-top: 43px;
}
.campus-tx .ti {
  font-size: 24px;
  font-weight: bold;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.campus-tx .txts {
  background: url(../images/shadow3.png) no-repeat left center;
  background-size: 759px 100%;
  padding: 70px 30px 60px 30px;
}
.campus-tx .ti:before {
  content: '';
  width: 30px;
  height: 3px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.campus-tx .w {
  width: 404px;
  max-width: 100%;
}

.advs-list li {
  height: 205px;
  overflow: hidden;
  float: left;
  margin-left: 1%;
  position: relative;
  color: #fff;
}
.advs-list ul {
  margin-left: -1%;
  margin-bottom: 1%;
}
.advs-list .t li {
  width: 32.33%;
}
.advs-list .b li {
  width: 49%;
}
.advs-list .t1 {
  background: #4379c1;
}
.advs-list .t2 {
  background: #545c9d;
}
.advs-list .t3 {
  background: #4379c1;
}
.advs-list .t4 {
  background: #4399c1;
}
.advs-list .t5 {
  background: #8bbbcd;
}
.advs-list .ico {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 6px;
  right: 19px;
}
.advs-list .ti {
  line-height: 30px;
  transition: 400ms;
  -webkit-transition: 400ms;
}
.advs-list .ti em {
  font-size: 16px;
  display: block;
  font-weight: bold;
  transition: 400ms;
  -webkit-transition: 400ms;
}
.advs-list .pa {
  padding: 73px 25px 0 25px;
  transition: 400ms;
  -webkit-transition: 400ms;
}
.advs-list .tx {
  font-size: 12px;
  margin-top: 10px;
  transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
  opacity: 0;
  visibility: visible;
  transition: 400ms;
  -webkit-transition: 400ms;
}
.advs-list li:before {
  content: '';
  width: 14px;
  height: 13px;
  background: url(../images/icons/adv-aw.png) no-repeat;
  position: absolute;
  left: 25px;
  bottom: 22px;
  transition: 300ms;
  -webkit-transition: 300ms;
}
.advs-list {
  margin-top: 56px;
}
.campus-step {
  background: #dfe3ec;
}
.cs-list li {
  width: 78px;
  height: 78px;
  background: #1d2467;
  border-radius: 100%;
  position: relative;
  text-align: center;
  line-height: 24px;
  margin: 0 13px;
  transition: 300ms;
  -webkit-transition: 300ms;
}
.cs-list .x {
  font-size: 16px;
  color: #fff;
}
.cs-list .num {
  width: 24px;
  height: 24px;
  background: #fff;
  color: #1d2467;
  font-size: 14px;
  border: 3px solid #1d2467;
  border-radius: 100%;
  position: absolute;
  bottom: -7px;
  right: -2px;
  transition: 300ms;
  -webkit-transition: 300ms;
}
.cs-list .o .x {
  padding-top: 26px;
}
.cs-list .t .x {
  padding-top: 15px;
}
.cs-list li:before {
  content: '';
  width: 26px;
  height: 1px;
  background: #1d2467;
  top: 50%;
  position: absolute;
  left: -26px;
}
.cs-list li:first-child:before {
  display: none;
}
.st-ti {
  font-size: 24px;
  font-weight: bold;
  color: #272727;
}
.st-ti.mab {
  margin-bottom: 4px;
}
.st-tx.mab {
  margin-bottom: 11px;
}
.cs-list {
  margin-top: 40px;
}
.campus-step {
  padding: 43px 0 65px 0;
  margin-top: 65px;
}
.recruit-table table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  margin-top: 35px;
  display: none;
}
.recruit-table table th,
.recruit-table table td {
  border: 1px solid #a2a3a4;
  padding: 16px 0;
}
.recruit-table table th {
  font-weight: normal;
}
.recruit-table table .bz {
  width: 25%;
}
.recruit-table {
  margin-top: 50px;
}
/*job3 end*/

/*job31*/
.society-list li,
.society-list .t {
  overflow: hidden;
}
.society-list .so1 {
  width: 32%;
  float: left;
}
.society-list .so2 {
  width: 30%;
  float: left;
}
.society-list .so3 {
  width: 25%;
  float: left;
}
.society-list .so4 {
  width: 13%;
  float: left;
}
.society-list {
  border-top: 5px solid #dfe4ec;
  margin-top: 88px;
}
.society-list .nowti {
  line-height: 24px;
  padding: 12px 10px 12px 0;
  position: relative;
  height: 24px;
}
.society-list li {
  margin-bottom: 2px;
}
.society-list li:first-child .nowti {
  padding: 18px 0;
}
.society-list li:first-child {
  margin-bottom: 0;
}
.society-list .t {
  background: #bcbdbe;
  color: #fff;
  cursor: pointer;
  transition: 400ms;
  -webkit-transition: 400ms;
}
.society-list li .so1 .nowti {
  padding-left: 60px;
}
.society-list .t .so4 .nowti:before {
  content: '';
  width: 20px;
  height: 4px;
  background: #fff;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: 19px;
}
.society-list .t .so4 .nowti:after {
  content: '';
  width: 4px;
  height: 20px;
  background: #fff;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 27px;
}
.society-list .t.act {
  background: #362575;
}
.society-list .b {
  padding: 27px 85px 30px 60px;
  display: none;
}
.society-list .b .freeTx .email {
  border-top: 1px solid #838383;
  padding-top: 20px;
  margin-top: 75px;
  text-align: left;
}
.society-list .b .freeTx {
  line-height: 2;
}
.society-list .b .freeTx a {
  color: #e20000;
  text-decoration: underline;
}
.society-list .b .freeTx span {
  margin-left: 40px;
}
/*job31 end*/

/*search*/
.sc-box {
  background: #adadad;
  padding: 20px 25px;
}
.sc-input {
  width: 95%;
  float: left;
}
.sc-tx {
  width: 44%;
  color: #fff;
  float: left;
}
.sc-tx .nowti {
  padding: 13px 10px;
  line-height: 24px;
}
.sc-input .pa {
  padding-right: 110px;
  position: relative;
}
.sc-input .xtx {
  border: 1px solid #fff;
  background: #fff;
  line-height: 24px;
  padding: 12px 19px;
  color: #adadad;
  width: 494px;
  transition: 300ms;
  -webkit-transition: 300ms;
}
.sc-input .btn {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 106px;
  background: #da271e url(../images/icons/search-btn.png) no-repeat center
    center;
  right: 0;
  cursor: pointer;
  transition: 300ms;
  -webkit-transition: 300ms;
}
.sc-input .xtx:focus {
  border-color: #da271e;
}
.sc-list a {
  display: block;
  color: #666;
  border-bottom: 1px solid #c9d0d9;
  padding: 36px 0 48px 0;
}
.sc-list .tx1 {
  font-size: 20px;
  color: #000;
  margin-bottom: 15px;
}
.sc-list .k {
  color: #da271e;
}
.sc-list .w {
  width: 520px;
  max-width: 100%;
}
.sc-list {
  margin-bottom: 90px;
}
.sc-more {
  display: block;
  height: 55px;
  background: #1d2467 url(../images/see-2.png) no-repeat center center;
}
.searchBox {
  padding: 88px 0 200px 0;
}
/*search end*/

.error-page {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ececec;
}
.error-page .c {
  font-size: 17px;
  color: #898989;
  text-align: center;
  line-height: 1.3;
  margin-top: 10px;
  margin-bottom: 10px;
}
.error-page .prompt {
  font-size: 14px;
  color: #898989;
  text-align: center;
  line-height: 1.3;
  margin-top: 10px;
  margin-bottom: 10px;
}
.error-page .img {
  display: block;
  margin: 0 auto;
}
.error-page .btn-box {
  text-align: center;
  margin-top: 30px;
}
.error-page .btn {
  background: #7c7c7c;
  display: inline-block;
  width: 110px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
}
.error-page .btn:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 13px;
  margin-right: 10px;
}
.error-page .btn.back:before {
  background: url(../images/404ico_1.png) no-repeat scroll center center;
}
.error-page .btn.home:before {
  background: url(../images/404ico_2.png) no-repeat scroll center center;
}
.error-page .btn:hover {
  background-color: #00a495;
}
