@charset "utf-8";

/*author: zhentd*/

/*date: 2020.12.28*/

/*version: v1.0*/

/*鑷畾涔夋牱寮?/

/*鍔ㄧ敾*/

@keyframes rotation {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(-1turn);

    transform: rotate(-1turn);

  }

}

@-webkit-keyframes rotation {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(-1turn);

    transform: rotate(-1turn);

  }

}

@-webkit-keyframes bounce {

  from,

  20%,

  53%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

  40%,

  43% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -30px, 0) scaley(1.1);

    transform: translate3d(0, -30px, 0) scaley(1.1);

  }

  70% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -15px, 0) scaley(1.05);

    transform: translate3d(0, -15px, 0) scaley(1.05);

  }

  80% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translate3d(0, 0, 0) scaley(0.95);

    transform: translate3d(0, 0, 0) scaley(0.95);

  }

  90% {

    -webkit-transform: translate3d(0, -4px, 0) scaley(1.02);

    transform: translate3d(0, -4px, 0) scaley(1.02);

  }

}

@keyframes bounce {

  from,

  20%,

  53%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

  40%,

  43% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -30px, 0) scaley(1.1);

    transform: translate3d(0, -30px, 0) scaley(1.1);

  }

  70% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -15px, 0) scaley(1.05);

    transform: translate3d(0, -15px, 0) scaley(1.05);

  }

  80% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translate3d(0, 0, 0) scaley(0.95);

    transform: translate3d(0, 0, 0) scaley(0.95);

  }

  90% {

    -webkit-transform: translate3d(0, -4px, 0) scaley(1.02);

    transform: translate3d(0, -4px, 0) scaley(1.02);

  }

}

@keyframes zoom {

  0% {

    opacity: 1;

    transform: scalez(1);

  }

  to {

    opacity: 0;

    transform: scale3d(3, 3, 0.2);

  }

}

/*鐗规畩瀛椾綋*/

@font-face {

  font-family: 'bebasueue';

  src: url(/uploads/image/sdfonts/bebasueue.otf);

}

.head .header .header-inner {

  position: fixed;

  width: 100%;

  z-index: 100;

  border-bottom: 1px solid #f1f1f1;

  padding: 10px 0;

  background: white;

}

.head .header .header-inner .logo-box {

  float: left;

  width: 160px;

  height: 50px;

  overflow: hidden;

}

.head .header .header-inner .logo-box .logo img {

  width: 100%;

}

.head .header .header-inner .nav-box {

  float: right;

}

.head .header .header-inner .nav-box nav.menus-box {

  float: left;

}

.head .header .header-inner .nav-box nav.menus-box .menu {

  float: left;

  line-height: 45px;

  padding: 0 20px;

}

.head .header .header-inner .nav-box nav.menus-box .menu > a {

  border-bottom: 2px solid transparent;

  transition: background 0.3s ease-in;

}

.head .header .header-inner .nav-box nav.menus-box .menu.active {

  background: #005bbd;

}

.head .header .header-inner .nav-box nav.menus-box .menu.active a {

  color: white;

}

.head .header .header-inner .nav-box nav.menus-box .menu.active:hover > a {

  color: white;

}

.head .header .header-inner .nav-box nav.menus-box .menu.active:hover > a .fa {

  color: white;

}

.head .header .header-inner .nav-box nav.menus-box .menu.active .sub-menu a {

  color: #2b323a;

}

.head .header .header-inner .nav-box nav.menus-box .menu.active .sub-menu a:hover {

  color: #004884;

}

.head .header .header-inner .nav-box nav.menus-box .menu.active > a {

  padding-bottom: 8px;

}

.head .header .header-inner .nav-box nav.menus-box .menu:hover > a {

  padding-bottom: 8px;

}

.head .header .header-inner .nav-box nav.menus-box .menu .sub-menu {

  position: absolute;

  top: 90px;

  z-index: -1;

  opacity: 0;

  visibility: hidden;

  transition: all 0.2s linear;

  padding: 0 30px;

  margin-left: -30px;

  border-radius: 5px;

  background: #ffffff;

}

.head .header .header-inner .nav-box nav.menus-box .menu:hover > .sub-menu {

  z-index: 10;

  opacity: 1;

  visibility: visible;

  transform: translatey(-40px);

  padding-top: 14px;

}

.head .header .header-inner .nav-box nav.menus-box .menu:hover > a {

  color: #2b323a;

  transition: font-weight 0.2s ease-out;

}

.head .header .header-inner .nav-box nav.menus-box .menu:hover > a {

  font-weight: bold;

}

.head .header .header-inner .nav-box nav.menus-box .menu a .fa {

  padding-left: 6px;

  transition: transform 0.3s linear;

}

.head .header .header-inner .nav-box nav.menus-box .menu:hover > a .fa {

  color: #004884;

  transform: rotatex(-180deg);

}

.head .header .header-inner .nav-box .search-box {

  float: left;

  position: relative;

  padding: 4px 0;

  margin-left: 26px;

}

.head .header .header-inner .nav-box .search-box .search input {

  border: 1px solid #f1f1f1;

  border-radius: 20px;

  height: 35px;

  text-indent: 40px;

  width: 200px;

  font-size: 14px;

}

@media screen and (max-width: 1199px) {

  .head .header .header-inner .nav-box .search-box .search input {

    width: 150px;

  }

}

.head .header .header-inner .nav-box .search-box .search-icon {

  position: absolute;

  left: 10px;

  bottom: 0;

  top: 50%;

  transform: translatey(-50%);

}

.head .header .header-inner .nav-box .search-box .search-icon button {

  outline: none;

  border: none;

  background: none;

}

.head .header .header-inner .nav-box .search-box .search-icon button img {

  width: 18px;

  height: 20px;

}

@media screen and (max-width: 991px) {

  .head .header .header-inner {

    display: none;

  }

}

.head .header .mheader-inner {

  display: none;

  position: relative;

  width: 100%;

  padding: 0;

  background: white;

  z-index: 100;

  border-bottom: 1px solid #f1f1f1;

}

.head .header .mheader-inner.active {

  background: #005bbd;

  border-bottom: none;

  transition: all 0.3s ease;

  top: 0;

  bottom: 0;

  height: 100%;

}

.head .header .mheader-inner.active .nav-bar {

  position: fixed;

  width: calc(960px - 30px);

}

@media screen and (max-width: 991px) {

  .head .header .mheader-inner.active .nav-bar {

    width: calc(720px - 30px);

  }

}

@media screen and (max-width: 767px) {

  .head .header .mheader-inner.active .nav-bar {

    width: calc(540px - 30px);

  }

}

@media screen and (max-width: 575px) {

  .head .header .mheader-inner.active .nav-bar {

    width: calc(100% - 30px);

  }

}

.head .header .mheader-inner.active .nav-bar .logo-box {

  background: #005bbd;

}

.head .header .mheader-inner.active .nav-bar .menu-btn span {

  background: transparent;

}

.head .header .mheader-inner.active .nav-bar .menu-btn span:before {

  top: 0;

  left: 0;

  transform: rotate(45deg);

  background: white;

}

.head .header .mheader-inner.active .nav-bar .menu-btn span:after {

  top: 0;

  left: 0;

  transform: rotate(-45deg);

  background: white;

}

.head .header .mheader-inner.active .nav-box .menus-box {

  margin-top: 50px;

}

.head .header .mheader-inner.active .nav-box .menus-box .menu a {

  color: #ffffff;

  line-height: 30px;

}

.head .header .mheader-inner.active .nav-box .menus-box .menu a .fa {

  padding-left: 8px;

}

.head .header .mheader-inner.active #default-mlogo {

  display: none;

}

.head .header .mheader-inner.active #extend-mlogo {

  display: block !important;

}

.head .header .mheader-inner.active #fa-open {

  display: none !important;

}

.head .header .mheader-inner.active #fa-close {

  display: block !important;

}

.head .header .mheader-inner.active .nav-box {

  display: block;

}

.head .header .mheader-inner.after {

  clear: both;

}

@media screen and (max-width: 991px) {

  .head .header .mheader-inner {

    display: block;

    position: fixed;

    overflow: scroll;

    width: 100%;

    z-index: 1000;

    background: white;

    padding: 0;

  }

  .head .header .mheader-inner .nav-bar {

    height: 70px;

    position: relative;

    clear: both;

  }

  .head .header .mheader-inner .nav-bar .logo-box {

    width: 175px;

    height: 70px;

    float: left;

    overflow: hidden;

    padding: 10px 0;

  }

  .head .header .mheader-inner .nav-bar .logo-box img {

    width: 100%;

  }

  .head .header .mheader-inner .nav-bar .logo-box #extend-mlogo {

    display: none;

  }

  .head .header .mheader-inner .nav-bar .menu-btn {

    float: right;

    padding: 25px 0;

  }

  .head .header .mheader-inner .nav-bar .menu-btn span {

    position: relative;

    top: -10px;

    display: inline-block;

    width: 30px;

    height: 3px;

    background: #004884;

    font-size: 0;

    transition: all 0.3s ease-out;

  }

  .head .header .mheader-inner .nav-bar .menu-btn span:before {

    position: absolute;

    top: -8px;

    content: "";

    display: inline-block;

    width: 30px;

    height: 3px;

    background: #004884;

    transition: all 0.3s ease-out;

  }

  .head .header .mheader-inner .nav-bar .menu-btn span:after {

    position: absolute;

    top: 8px;

    content: "";

    display: inline-block;

    width: 30px;

    height: 3px;

    background: #004884;

    transition: all 0.3s ease-out;

  }

  .head .header .mheader-inner .nav-bar .menu-btn #fa-open {

    color: #004884;

    font-size: 24px;

  }

  .head .header .mheader-inner .nav-bar .menu-btn #fa-close {

    display: none;

    color: #ffffff;

    font-size: 24px;

  }

  .head .header .mheader-inner .nav-box {

    display: none;

    padding: 30px 10px;

  }

  .head .header .mheader-inner .nav-box .menu > a {

    color: #ffffff;

    font-size: 18px;

    font-weight: bold;

  }

  .head .header .mheader-inner .nav-box .menu .sub-menu {

    padding-left: 1rem;

    padding-bottom: 10px;

  }

  .head .header .mheader-inner .nav-box .menu .sub-menu a {

    font-size: 16px;

    color: white;

  }

  .head .header .mheader-inner .nav-box .search-box form {

    position: relative;

  }

  .head .header .mheader-inner .nav-box .search-box form input {

    width: 70%;

    border: 1px solid #f1f1f1;

    border-radius: 20px;

    height: 35px;

    text-indent: 50px;

  }

  .head .header .mheader-inner .nav-box .search-box form .search-icon {

    position: absolute;

    left: 12px;

    bottom: 0;

    top: 50%;

    transform: translatey(-50%);

  }

  .head .header .mheader-inner .nav-box .search-box form .search-icon button {

    outline: none;

    background: none;

    border: none;

  }

  .head .header .mheader-inner .nav-box .search-box form .search-icon button img {

    width: 18px;

    height: 20px;

  }

}



.index {

  padding-top: 70px;

}

.index .banner {

  margin: 0 auto;

  display: block;

}

.index .banner .swiper-wrapper .swiper-slide .pc {

  display: block;

}

@media screen and (max-width: 767px) {

  .index .banner .swiper-wrapper .swiper-slide .pc {

    display: none;

  }

}

.index .banner .swiper-wrapper .swiper-slide .mb {

  display: none;

}

@media screen and (max-width: 767px) {

  .index .banner .swiper-wrapper .swiper-slide .mb {

    display: block;

  }

}

.index .banner .swiper-wrapper .swiper-slide img {

  display: block;

  margin: 0 auto;

}

.index .banner .swiper-pagination .swiper-pagination-bullet {

  width: 45px;

  height: 6px;

  border-radius: 0;

  background: white;

  opacity: 1;

}

.index .banner .swiper-pagination .swiper-pagination-bullet-active {

  background: white;

  opacity: 0.5;

}

.index .content .box {

  margin-top: 80px;

}

@media screen and (max-width: 767px) {

  .index .content .box {

    margin-top: 40px;

  }

}

.index .content .box .container > .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .index .content .box .container > .title {

    margin-bottom: 32px;

  }

}

.index .content .box .container > .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .index .content .box .container > .title h2 {

    padding-bottom: 20px;

  }

}

.index .content .box .container > .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.index .content .box .container > .title h2:hover:after {

  width: calc(100px   50px);

}

.index .content .box .container > .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

.index .content .box.fwzc {

  margin-top: 40px;

}

.index .content .box.fwzc .items {

  display: flex;

  flex-wrap: wrap;

}

.index .content .box.fwzc .items .item {

  width: 25%;

  margin-bottom: 30px;

  transition: all 0.3s linear;

}

@media screen and (max-width: 991px) {

  .index .content .box.fwzc .items .item {

    width: 50%;

  }

}

@media screen and (max-width: 767px) {

  .index .content .box.fwzc .items .item {

    width: 100%;

  }

}

.index .content .box.fwzc .items .item:hover {

  background: rgba(0, 0, 0, 0.1);

}

.index .content .box.fwzc .items .item .cell {

  width: 100%;

  margin: 0 auto;

  padding: 8px 8px;

  display: block;

}

@media screen and (max-width: 767px) {

  .index .content .box.fwzc .items .item .cell {

    width: 100%;

  }

}

.index .content .box.fwzc .items .item .cell .img-box {

  padding: 0 15px;

}

.index .content .box.fwzc .items .item h3 {

  font-size: 26px;

  text-align: left;

  margin-top: 30px;

  margin-bottom: 10px;

  color: #004884;

  margin-left: 20px;

}

.index .content .box.fwzc .items .item h3 img {

  margin-right: 10px;

}

.index .content .box.fwzc .items .item .con {

  margin-left: 65px;

}

.index .content .box.fwzc .items .item .con li {

  font-size: 14px;

  color: #004884;

  margin-bottom: 5px;

  list-style: "鈽?;

  margin-left: 1rem;

  padding-left: 10px;

}

.index .content .box.fwzc .items .item .more {

  margin: 40px auto 0 auto;

  display: block;

  text-align: center;

}

.index .content .box.fwzc .items .item .more a {

  padding: 4px 10px;

  border: 1px solid #004884;

  border-radius: 20px;

  text-align: center;

  width: 100px;

  font-size: 12px;

  transition: background 0.3s linear;

}

.index .content .box.fwzc .items .item .more a:after {

  content: ">>";

  display: inline-block;

}

.index .content .box.fwzc .items .item .more a:hover {

  background: #004884;

  color: white;

}

.index .content .box.fwzc .items .item .more a:hover:after {

  color: white;

}

.index .content .box.xwdt {

  margin-top: 40px;

}

.index .content .box.xwdt .items {

  background: rgba(216, 216, 216, 0.23);

  padding-top: 60px;

  padding-bottom: 60px;

}

.index .content .box.xwdt .items .title a {

  font-size: 20px;

  color: #333333;

}

.index .content .box.xwdt .items .title a:hover {

  color: #004884;

}

@media screen and (max-width: 991px) {

  .index .content .box.xwdt .items .firstnews {

    margin-bottom: 30px;

  }

}

.index .content .box.xwdt .items .firstnews .swiper-container .swiper-button-next {

  background-image: url(/uploads/image/sdimg/swiper-r.png);

  margin-left: 10px;

  opacity: .5;

}

.index .content .box.xwdt .items .firstnews .swiper-container .swiper-button-next:hover {

  opacity: 1;

}

.index .content .box.xwdt .items .firstnews .swiper-container .swiper-button-prev {

  background-image: url(/uploads/image/sdimg/swiper-l.png);

  margin-left: 10px;

  opacity: .5;

}

.index .content .box.xwdt .items .firstnews .swiper-container .swiper-button-prev:hover {

  opacity: 1;

}

.index .content .box.xwdt .items .firstnews .swiper-container .swiper-slide {

  position: relative;

  height: 347px;

  overflow: hidden;

}

@media screen and (max-width: 991px) {

  .index .content .box.xwdt .items .firstnews .swiper-container .swiper-slide {

    height: 300px;

  }

}

@media screen and (max-width: 767px) {

  .index .content .box.xwdt .items .firstnews .swiper-container .swiper-slide {

    height: 200px;

  }

}

.index .content .box.xwdt .items .firstnews .swiper-container .swiper-slide img {

  width: 100%;

}

.index .content .box.xwdt .items .firstnews .swiper-container .swiper-slide .item {

  position: absolute;

  width: 100%;

  bottom: 0;

  background-color: rgba(0, 0, 0, 0.5);

}

.index .content .box.xwdt .items .firstnews .swiper-container .swiper-slide .item p {

  padding: 0 20px;

  line-height: 40px;

  color: white;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  text-align: center;

}

.index .content .box.xwdt .items .news .post {

  padding: 16px 0;

}

.index .content .box.xwdt .items .news .post:first-child {

  padding-top: 0;

}

.index .content .box.xwdt .items .news .post   .post {

  border-top: 2px solid rgba(216, 216, 216, 0.23);

}

.index .content .box.xwdt .items .news .news-con .desc a {

  font-size: 14px;

  color: #999999;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.index .content .box.xwdt .items .news .news-con .desc a:hover {

  color: #004884;

}

.index .content .box.xwdt .items .news .news-con .desc .title a {

  font-size: 20px;

  color: #333333;

}

.index .content .box.xwdt .items .news .news-con .desc .title a:hover {

  color: #004884;

}

.index .content .box.xwdt .items .news .news-con .desc .date {

  font-size: 14px;

  color: #666666;

  margin-top: 5px;

}

.index .content .box.xwdt .items .news .more.button {

  margin-top: 20px;

  width: 150px;

  text-align: center;

  display: inline-block;

  border-radius: 0;

  max-width: 100px;

  border: 1px solid #004280;

  cursor: pointer;

  transition: background 0.3s linear;

  padding: 10px 10px;

}

.index .content .box.xwdt .items .news .more.button a {

  color: #004884;

  font-size: 16px;

}

.index .content .box.xwdt .items .news .more.button:hover {

  background: #004884;

}

.index .content .box.xwdt .items .news .more.button:hover a {

  color: white;

}

@media screen and (max-width: 767px) {

  .index .content .box.xwdt .items .news .more.button {

    margin: 0 auto;

    display: block;

  }

}

.index .content .box.wlyj {

  margin-top: 0;

  padding-top: 45px;

  padding-bottom: 65px;

  background: url(/uploads/image/sdimg/index-bg1.jpg) center bottom;

}

.index .content .box.wlyj .items .cards .card-line {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.index .content .box.wlyj .items .cards .card-line .card-box {

  width: calc(25% - 2px);

  margin: 1px;

  position: relative;

  padding: 10px 20px;

  transition: all 0.3s;

  -webkit-transition: all .5s;

}

@media screen and (max-width: 767px) {

  .index .content .box.wlyj .items .cards .card-line .card-box {

    width: 50%;

    margin: 0;

  }

}

.index .content .box.wlyj .items .cards .card-line .card-box:hover {

  transform: translatey(-10px);

  box-shadow: #999 0 0 5px;

}

@media screen and (max-width: 767px) {

  .index .content .box.wlyj .items .cards .card-line .card-box {

    margin-bottom: 20px;

  }

}

.index .content .box.wlyj .items .cards .card-line .card-box .title h3 {

  color: white;

  font-size: 22px;

  font-weight: bold;

}

.index .content .box.wlyj .items .cards .card-line .card-box .img-box {

  width: 100%;

  overflow: hidden;

  cursor: pointer;

  margin-bottom: 15px;

}

.index .content .box.wlyj .items .cards .card-line .card-box .img-box img {

  transition: all 0.3s ease-out;

}

.index .content .box.wmyy {

  margin-top: 0;

  margin-bottom: 100px;

}

.index .content .box.wmyy .items {

  display: flex;

  flex-wrap: nowrap;

  margin-left: -15px;

  margin-right: -15px;

}

@media screen and (max-width: 1199px) {

  .index .content .box.wmyy .items {

    display: block;

  }

}

.index .content .box.wmyy .items .info {

  margin-top: 80px;

  padding: 0 15px;

  width: 50%;

}

@media screen and (max-width: 1199px) {

  .index .content .box.wmyy .items .info {

    width: 100%;

  }

}

@media screen and (max-width: 767px) {

  .index .content .box.wmyy .items .info {

    width: 100%;

  }

}

.index .content .box.wmyy .items .info .desc .button {

  margin-top: 20px;

  width: 150px;

  text-align: center;

  display: inline-block;

  border-radius: 0;

  max-width: 100px;

  border: 1px solid #004280;

  cursor: pointer;

  transition: background 0.3s linear;

  padding: 10px 10px;

}

.index .content .box.wmyy .items .info .desc .button a {

  color: #004884;

  font-size: 16px;

}

.index .content .box.wmyy .items .info .desc .button:hover {

  background: #004884;

}

.index .content .box.wmyy .items .info .desc .button:hover a {

  color: white;

}

@media screen and (max-width: 767px) {

  .index .content .box.wmyy .items .info .desc .button {

    margin: 20px auto;

    display: block;

  }

}

.index .content .box.wmyy .items .info .datas {

  margin-top: 40px;

  font-size: 18px;

  width: 100%;

  display: flex;

  flex-wrap: wrap;

}

.index .content .box.wmyy .items .info .datas .data {

  width: 50%;

  text-align: center;

  border: 1px solid #eeeeee;

  font-size: 16px;

  padding: 5px 0;

  float: left;

}

.index .content .box.wmyy .items .info .datas .data .num {

  padding-top: 20px;

  font-size: 36px;

  color: #004884;

  font-weight: bold;

}

.index .content .box.wmyy .items .info .datas .data .num span {

  font-size: 36px;

  color: #004884;

  font-weight: bold;

}

.index .content .box.wmyy .items .info .datas .data p {

  font-size: 14px;

  text-align: center;

}

@media screen and (max-width: 991px) {

  .index .content .box.wmyy .items .info .datas .data {

    width: 50%;

  }

}

@media screen and (max-width: 767px) {

  .index .content .box.wmyy .items .info .datas {

    padding: 20px 20px;

  }

  .index .content .box.wmyy .items .info .datas .data .num {

    font-size: 30px;

  }

  .index .content .box.wmyy .items .info .datas .data .num span {

    font-size: 30px;

  }

}

.index .content .box.wmyy .items .maps {

  padding: 0 15px;

  width: 730px;

  flex-shrink: 0;

}

@media screen and (max-width: 1199px) {

  .index .content .box.wmyy .items .maps {

    margin: 0 auto;

  }

}

@media screen and (max-width: 767px) {

  .index .content .box.wmyy .items .maps {

    width: 100%;

  }

}

.index .content .box.wmyy .items .maps .map {

  background: url(/uploads/image/sdimg/map-1.png) no-repeat center;

  background-size: contain;

  height: 530px;

  position: relative;

  /*闀挎槬*/

  /*澶ц繛*/

  /*娌堥槼*/

  /*闈掑矝*/

  /*娴庡崡*/

  /*鐭冲搴?/

  /*澶╂触*/

  /*鍖椾含*/

  /*澶師*/

  /*鍛煎拰娴╃壒*/

  /*閾跺窛*/

  /*涔岄瞾鏈ㄩ綈*/

  /*鍏板窞*/

  /*瑗垮畞*/

  /*瑗垮畨*/

  /*閮戝窞*/

  /*涓婃捣*/

  /*鍗椾含*/

  /*鍚堣偉*/

  /*鎷夎惃*/

  /*鎴愰兘*/

  /*閲嶅簡*/

  /*姝︽眽*/

  /*鏉窞*/

  /*绂忓窞*/

  /*鍗楁槍*/

  /*闀挎矙*/

  /*璐甸槼*/

  /*鍘﹂棬*/

  /*娣卞湷*/

  /*骞垮窞*/

  /*妗傛灄*/

  /*鏄嗘槑*/

  /*鍗楀畞*/

  /*娴峰彛*/

  /*閮ㄥ垎鑺傜偣浣嶇疆璋冩暣*/

  /*鍦板浘鑺傜偣 e*/

}

@media screen and (max-width: 767px) {

  .index .content .box.wmyy .items .maps .map {

    height: 300px;

  }

}

.index .content .box.wmyy .items .maps .map .area {

  position: absolute;

}

.index .content .box.wmyy .items .maps .map .area i {

  width: 15px;

  height: 15px;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}

.index .content .box.wmyy .items .maps .map .area i:hover {

  border: 1px solid #cf1126;

  animation: zoom 1.5s none infinite;

  border-radius: 100%;

}

.index .content .box.wmyy .items .maps .map .area .nodes {

  display: none;

  position: absolute;

  width: 380px;

  top: 0;

  right: 6px;

  background-color: rgba(255, 255, 255, 0.95);

  border-radius: 10px;

}

.index .content .box.wmyy .items .maps .map .area .nodes .node {

  padding: 10px 6px;

  height: 100px;

}

.index .content .box.wmyy .items .maps .map .area .nodes .node .gx-logo img {

  width: 70px;

  float: left;

  margin-right: 10px;

  padding-bottom: 10px;

}

.index .content .box.wmyy .items .maps .map .area .nodes .node .name {

  font-size: 18px;

  line-height: 20px;

  font-weight: bold;

  padding-bottom: 15px;

  padding-top: 4px;

}

.index .content .box.wmyy .items .maps .map .area .nodes .node .point {

  display: flow-root;

}

.index .content .box.wmyy .items .maps .map .area .nodes .node .point p {

  font-size: 14px;

  line-height: 16px;

  margin-bottom: 5px;

}

.index .content .box.wmyy .items .maps .map .area_hrb {

  top: 136px;

  right: 210px;

}

.index .content .box.wmyy .items .maps .map .area_cc {

  top: 161px;

  right: 210px;

}

.index .content .box.wmyy .items .maps .map .area_dl {

  top: 221px;

  right: 232px;

}

.index .content .box.wmyy .items .maps .map .area_sy {

  top: 178px;

  right: 232px;

}

.index .content .box.wmyy .items .maps .map .area_qd {

  top: 258px;

  right: 244px;

}

.index .content .box.wmyy .items .maps .map .area_jn {

  top: 258px;

  right: 262px;

}

.index .content .box.wmyy .items .maps .map .area_sjz {

  top: 240px;

  right: 288px;

}

.index .content .box.wmyy .items .maps .map .area_tj {

  top: 232px;

  right: 272px;

}

.index .content .box.wmyy .items .maps .map .area_bj {

  top: 221px;

  right: 300px;

}

.index .content .box.wmyy .items .maps .map .area_ty {

  top: 241px;

  right: 340px;

}

.index .content .box.wmyy .items .maps .map .area_hhht {

  top: 205px;

  right: 333px;

}

.index .content .box.wmyy .items .maps .map .area_yc {

  top: 243px;

  right: 404px;

}

.index .content .box.wmyy .items .maps .map .area_wlmq {

  top: 174px;

  right: 519px;

}

.index .content .box.wmyy .items .maps .map .area_lz {

  top: 272px;

  right: 404px;

}

.index .content .box.wmyy .items .maps .map .area_xn {

  top: 281px;

  right: 430px;

}

.index .content .box.wmyy .items .maps .map .area_xa {

  top: 273px;

  right: 365px;

}

.index .content .box.wmyy .items .maps .map .area_zz {

  top: 274px;

  right: 300px;

}

.index .content .box.wmyy .items .maps .map .area_sh {

  top: 300px;

  right: 223px;

}

.index .content .box.wmyy .items .maps .map .area_nj {

  top: 307px;

  right: 244px;

}

.index .content .box.wmyy .items .maps .map .area_hf {

  top: 307px;

  right: 262px;

}

.index .content .box.wmyy .items .maps .map .area_ls {

  top: 323px;

  right: 518px;

}

.index .content .box.wmyy .items .maps .map .area_cd {

  top: 326px;

  right: 404px;

}

.index .content .box.wmyy .items .maps .map .area_cq {

  top: 326px;

  right: 365px;

}

.index .content .box.wmyy .items .maps .map .area_wh {

  top: 327px;

  right: 300px;

}

.index .content .box.wmyy .items .maps .map .area_hz {

  top: 326px;

  right: 244px;

}

.index .content .box.wmyy .items .maps .map .area_fz {

  top: 364px;

  right: 236px;

}

.index .content .box.wmyy .items .maps .map .area_nc {

  top: 370px;

  right: 279px;

}

.index .content .box.wmyy .items .maps .map .area_cs {

  top: 358px;

  right: 300px;

}

.index .content .box.wmyy .items .maps .map .area_gy {

  top: 361px;

  right: 364px;

}

.index .content .box.wmyy .items .maps .map .area_xm {

  top: 387px;

  right: 246px;

}

.index .content .box.wmyy .items .maps .map .area_sz {

  top: 426px;

  right: 282px;

}

.index .content .box.wmyy .items .maps .map .area_gz {

  top: 412px;

  right: 301px;

}

.index .content .box.wmyy .items .maps .map .area_gl {

  top: 390px;

  right: 346px;

}

.index .content .box.wmyy .items .maps .map .area_km {

  top: 387px;

  right: 404px;

}

.index .content .box.wmyy .items .maps .map .area_nn {

  top: 413px;

  right: 351px;

}

.index .content .box.wmyy .items .maps .map .area_hk {

  top: 463px;

  right: 325px;

}

.index .content .box.wmyy .items .maps .map .area_bj .nodes {

  top: -100px;

  right: 6px;

}

.index .content .box.wmyy .items .maps .map .area_bj .nodes .node:first-child {

  height: 140px;

}

.index .content .box.wmyy .items .maps .map .area_sh .nodes {

  top: -50px;

  right: 6px;

}

.index .content .box.wmyy .items .maps .map .area_yc .nodes {

  top: 0;

  right: -400px;

}

.index .content .box.wmyy .items .maps .map .area_wlmq .nodes {

  top: 0;

  right: -400px;

}

.index .content .box.wmyy .items .maps .map .area_lz .nodes {

  top: 0;

  right: -400px;

}

.index .content .box.wmyy .items .maps .map .area_xn .nodes {

  top: 0;

  right: -400px;

}

.index .content .box.wmyy .items .maps .map .area_cd .nodes {

  top: 0;

  right: -400px;

}

.index .content .box.wmyy .items .maps .map .area_km .nodes {

  top: 0;

  right: -400px;

}

.index .content .box.wmyy .items .maps .map .area_ls .nodes {

  top: 0;

  right: -400px;

}



.news.main {

  padding-top: 70px;

}

.news.main .banner .swiper-pagination {

  right: 60px;

  bottom: 10px;

  display: inline-block;

  float: right;

  left: inherit;

  width: auto;

}

@media screen and (max-width: 575px) {

  .news.main .banner .swiper-pagination {

    right: 10px;

    bottom: 6px;

  }

}

.news.main .banner .swiper-pagination .swiper-pagination-bullet {

  background: white;

  margin: 0 3px;

  width: 10px;

  height: 10px;

}

@media screen and (max-width: 575px) {

  .news.main .banner .swiper-slide {

    height: 160px;

  }

  .news.main .banner .swiper-slide img {

    height: 100%;

    width: 100%;

    max-width: none;

    object-fit: cover;

  }

}

.news.main .banner .swiper-slide p {

  background: rgba(0, 0, 0, 0.5);

  position: absolute;

  bottom: 0;

  padding: 10px 15px;

  width: 100%;

  color: white;

  font-weight: bold;

  text-align: center;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}

@media screen and (max-width: 575px) {

  .news.main .banner .swiper-slide p {

    padding: 4px 60px;

  }

}

.news.main .banner .pc {

  display: block;

}

@media screen and (max-width: 767px) {

  .news.main .banner .pc {

    display: none;

  }

}

.news.main .banner .mb {

  display: none;

}

@media screen and (max-width: 767px) {

  .news.main .banner .mb {

    display: block;

  }

}

.news.main .content .news-con {

  background: #ffffff;

  margin-top: -70px;

  padding-bottom: 80px;

}

.news.main .content .news-con > .title {

  padding: 24px 0;

}

.news.main .content .news-con > .title h3 {

  font-size: 18px;

  color: #000000;

}

.news.main .content .news-con > .title h3 span {

  color: #999999;

  font-size: 14px;

}

.news.main .content .news-con .news-nav {

  position: sticky;

  top: 90px;

  float: left;

  width: 130px;

  margin-top: 30px;

}

@media screen and (max-width: 991px) {

  .news.main .content .news-con .news-nav {

    display: none;

  }

}

.news.main .content .news-con .news-nav .tabs > li {

  position: relative;

  background: #f3f3f3;

  width: 160px;

  padding: 15px 30px 15px 30px;

  border-bottom: 1px solid #eeeeee;

  margin-bottom: 10px;

}

.news.main .content .news-con .news-nav .tabs > li.active {

  background: #005bbd;

}

.news.main .content .news-con .news-nav .tabs > li.active a {

  color: white;

}

.news.main .content .news-con .news-nav .tabs > li.active a:after {

  content: "";

  width: 8px;

  height: 14px;

  background-image: url(/uploads/image/sdimg/icon-jiantou-white.png);

  background-size: 100%;

  display: block;

  position: absolute;

  top: 50%;

  transform: translatey(-50%);

  right: 14px;

}

.news.main .content .news-con .news-nav .tabs > li.active ul.sub-nav {

  text-align: center;

}

.news.main .content .news-con .news-nav .tabs > li.active ul.sub-nav li a:after {

  display: none;

}

.news.main .content .news-con .news-nav .tabs > li.active ul.sub-nav li.active a {

  color: white;

  border-bottom: 1px solid;

}

.news.main .content .news-con .news-nav .tabs > li a {

  font-size: 18px;

  color: #666666;

}

.news.main .content .news-con .news-nav .tabs > li a:after {

  content: "";

  width: 8px;

  height: 14px;

  background-image: url(/uploads/image/sdimg/icon-jiantou-gray.png);

  background-size: 100%;

  display: block;

  position: absolute;

  top: 50%;

  transform: translatey(-50%);

  right: 14px;

}

.news.main .content .news-con .news-list {

  margin-left: 200px;

  margin-top: 35px;

}

@media screen and (max-width: 991px) {

  .news.main .content .news-con .news-list {

    margin-left: 0;

  }

}

.news.main .content .news-con .news-list .post {

  display: flex;

  position: relative;

  margin: 25px 0;

  padding-bottom: 25px;

  border-bottom: 1px solid #eeeeee;

}

@media screen and (max-width: 767px) {

  .news.main .content .news-con .news-list .post {

    margin: 15px 0;

    padding-bottom: 15px;

  }

}

.news.main .content .news-con .news-list .post .img-box {

  width: 220px;

  height: 123.75px;

  flex-shrink: 0;

  overflow: hidden;

}

@media screen and (max-width: 767px) {

  .news.main .content .news-con .news-list .post .img-box {

    width: 110px;

    height: 61.875px;

    flex-shrink: 0;

    overflow: hidden;

  }

}

.news.main .content .news-con .news-list .post.noimg .post-con {

  margin-left: 0;

}

.news.main .content .news-con .news-list .post.noimg .post-con .date {

  position: relative;

  bottom: 0;

}

.news.main .content .news-con .news-list .post .post-con {

  margin-left: 20px;

}

@media screen and (max-width: 767px) {

  .news.main .content .news-con .news-list .post .post-con {

    margin-left: 14px;

  }

}

.news.main .content .news-con .news-list .post .post-con .title {

  font-size: 20px;

  color: #666666;

}

@media screen and (max-width: 767px) {

  .news.main .content .news-con .news-list .post .post-con .title {

    font-size: 16px;

  }

}

.news.main .content .news-con .news-list .post .post-con .title h4 {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.news.main .content .news-con .news-list .post .post-con .desc {

  margin-top: 10px;

}

@media screen and (max-width: 991px) {

  .news.main .content .news-con .news-list .post .post-con .desc {

    margin-top: 6px;

  }

}

@media screen and (max-width: 767px) {

  .news.main .content .news-con .news-list .post .post-con .desc {

    display: none;

  }

}

.news.main .content .news-con .news-list .post .post-con .desc p {

  font-size: 14px;

  color: #666666;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.news.main .content .news-con .news-list .post .post-con .date {

  position: absolute;

  bottom: 25px;

}

@media screen and (max-width: 767px) {

  .news.main .content .news-con .news-list .post .post-con .date {

    position: relative;

    bottom: 0;

  }

}

.news.main .content .news-con .news-list .post .post-con .date span {

  font-size: 12px;

  color: #bbbbbb;

}

.news.main .content .news-con .news-list .page {

  text-align: center;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  margin-left: -15px;

  margin-right: -15px;

}

.news.main .content .news-con .news-list .page a {

  padding: 8px 16px;

  margin: 0 10px;

  margin-bottom: 14px;

  color: #666666;

  background: #eeeeee;

  font-size: 12px;

  border-radius: 5px;

  transition: background 0.3s linear;

}

.news.main .content .news-con .news-list .page a.cur {

  color: #ffffff;

  background: #004884;

  display: inline-block;

}

.news.main .content .news-con .news-list .page a:hover {

  color: #ffffff;

  background: #004884;

}



.list.main {

  padding-top: 70px;

}

.list.main .top {

  background:  no-repeat top center;

  height: 320px;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}

@media screen and (max-width: 991px) {

  .list.main .top {

    height: 200px;

  }

}

.list.main .top .topic {

  position: relative;

}

.list.main .top .topic h1 {

  font-size: 40px;

  font-weight: bold;

  text-align: center;

  color: white;

  animation: bounce 2s;

  -moz-animation: bounce 2s;

  -webkit-animation: bounce 2s;

  -o-animation: bounce 2s;

}

@media screen and (max-width: 991px) {

  .list.main .top .topic h1 {

    font-size: 30px;

  }

}

.list.main .top .location {

  position: absolute;

  bottom: 30px;

}

.list.main .top .location h2 {

  color: white;

  font-size: 32px;

  font-weight: bold;

}

.list.main .banner .swiper-pagination {

  right: 60px;

  bottom: 10px;

  display: inline-block;

  float: right;

  left: inherit;

  width: auto;

}

@media screen and (max-width: 575px) {

  .list.main .banner .swiper-pagination {

    right: 10px;

    bottom: 6px;

  }

}

.list.main .banner .swiper-pagination .swiper-pagination-bullet {

  background: white;

  margin: 0 3px;

  width: 10px;

  height: 10px;

}

@media screen and (max-width: 575px) {

  .list.main .banner .swiper-slide {

    height: 160px;

  }

  .list.main .banner .swiper-slide img {

    height: 100%;

    width: 100%;

    max-width: none;

    object-fit: cover;

  }

}

.list.main .banner .swiper-slide p {

  background: rgba(0, 0, 0, 0.5);

  position: absolute;

  bottom: 0;

  padding: 10px 15px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  width: 100%;

  color: white;

  font-weight: bold;

  text-align: center;

}

@media screen and (max-width: 575px) {

  .list.main .banner .swiper-slide p {

    padding: 4px 60px;

  }

}

.list.main .banner .pc {

  display: block;

}

@media screen and (max-width: 767px) {

  .list.main .banner .pc {

    display: none;

  }

}

.list.main .banner .mb {

  display: none;

}

@media screen and (max-width: 767px) {

  .list.main .banner .mb {

    display: block;

  }

}

.list.main .content .news-con {

  background: #ffffff;

  margin-top: -70px;

  padding-bottom: 80px;

}

.list.main .content .news-con > .title {

  padding: 24px 0;

}

.list.main .content .news-con > .title h3 {

  font-size: 18px;

  color: #000000;

}

.list.main .content .news-con > .title h3 span {

  color: #999999;

  font-size: 14px;

}

.list.main .content .news-con .news-list {

  margin-left: 0;

  margin-top: 35px;

}

@media screen and (max-width: 991px) {

  .list.main .content .news-con .news-list {

    margin-left: 0;

  }

}

.list.main .content .news-con .news-list .post {

  display: flex;

  position: relative;

  margin: 25px 0;

  padding-bottom: 25px;

  border-bottom: 1px solid #eeeeee;

}

@media screen and (max-width: 767px) {

  .list.main .content .news-con .news-list .post {

    margin: 15px 0;

    padding-bottom: 15px;

  }

}

.list.main .content .news-con .news-list .post .img-box {

  width: 220px;

  height: 123.75px;

  flex-shrink: 0;

  overflow: hidden;

}

@media screen and (max-width: 767px) {

  .list.main .content .news-con .news-list .post .img-box {

    width: 110px;

    height: 61.875px;

    flex-shrink: 0;

    overflow: hidden;

  }

}

.list.main .content .news-con .news-list .post.noimg .post-con {

  margin-left: 0;

}

.list.main .content .news-con .news-list .post.noimg .post-con .date {

  position: relative;

  bottom: 0;

}

.list.main .content .news-con .news-list .post .post-con {

  margin-left: 20px;

}

@media screen and (max-width: 767px) {

  .list.main .content .news-con .news-list .post .post-con {

    margin-left: 14px;

  }

}

.list.main .content .news-con .news-list .post .post-con .title {

  font-size: 20px;

  color: #666666;

}

@media screen and (max-width: 767px) {

  .list.main .content .news-con .news-list .post .post-con .title {

    font-size: 16px;

  }

}

.list.main .content .news-con .news-list .post .post-con .title h4 {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.list.main .content .news-con .news-list .post .post-con .desc {

  margin-top: 20px;

}

@media screen and (max-width: 991px) {

  .list.main .content .news-con .news-list .post .post-con .desc {

    margin-top: 6px;

  }

}

@media screen and (max-width: 767px) {

  .list.main .content .news-con .news-list .post .post-con .desc {

    display: none;

  }

}

.list.main .content .news-con .news-list .post .post-con .desc p {

  font-size: 14px;

  color: #666666;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.list.main .content .news-con .news-list .post .post-con .date {

  position: absolute;

  bottom: 25px;

}

@media screen and (max-width: 767px) {

  .list.main .content .news-con .news-list .post .post-con .date {

    position: relative;

    bottom: 0;

  }

}

.list.main .content .news-con .news-list .post .post-con .date span {

  font-size: 12px;

  color: #bbbbbb;

}

.list.main .content .news-con .news-list .page {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  margin-left: -15px;

  margin-right: -15px;

}

.list.main .content .news-con .news-list .page a {

  padding: 8px 16px;

  margin: 0 10px;

  margin-bottom: 14px;

  color: #666666;

  background: #eeeeee;

  font-size: 12px;

  border-radius: 5px;

  transition: background 0.3s linear;

}

.list.main .content .news-con .news-list .page a.cur {

  color: #ffffff;

  background: #004884;

  display: inline-block;

}

.list.main .content .news-con .news-list .page a:hover {

  color: #ffffff;

  background: #004884;

}



.paper.main {

  padding-top: 70px;

}

.paper.main .top {

  background:  no-repeat top center;

  height: 320px;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}

@media screen and (max-width: 991px) {

  .paper.main .top {

    height: 200px;

  }

}

.paper.main .top .topic {

  position: relative;

}

.paper.main .top .topic h1 {

  font-size: 40px;

  font-weight: bold;

  text-align: center;

  color: white;

  animation: bounce 2s;

  -moz-animation: bounce 2s;

  -webkit-animation: bounce 2s;

  -o-animation: bounce 2s;

}

@media screen and (max-width: 991px) {

  .paper.main .top .topic h1 {

    font-size: 30px;

  }

}

.paper.main .top .location {

  position: absolute;

  bottom: 30px;

}

.paper.main .top .location h2 {

  color: white;

  font-size: 32px;

  font-weight: bold;

}

.paper.main .content {

  margin-top: 30px;

  margin-bottom: 80px;

}

.paper.main .content .content-wrap {

  display: flex;

  flex-wrap: nowrap;

}

@media screen and (max-width: 575px) {

  .paper.main .content .content-wrap {

    flex-wrap: wrap;

  }

}

.paper.main .content .content-wrap .con {

  width: 73%;

  margin-right: 5%;

}

@media screen and (max-width: 575px) {

  .paper.main .content .content-wrap .con {

    width: 100%;

    margin-right: 0;

  }

}

.paper.main .content .content-wrap .con .bread {

  margin: 15px 0;

}

.paper.main .content .content-wrap .con .bread a {

  font-size: 14px;

  color: #666666;

}

.paper.main .content .content-wrap .con .bread a   a:before {

  content: ">";

  margin-left: 5px;

  margin-right: 5px;

  display: inline-block;

}

.paper.main .content .content-wrap .con .bread a:hover {

  color: #004884;

}

.paper.main .content .content-wrap .con .article .article-header h2 {

  text-align: center;

}

.paper.main .content .content-wrap .con .article .article-header .meta {

  text-align: center;

}

.paper.main .content .content-wrap .con .article .article-header .meta .source {

  display: inline-block;

  margin-right: 20px;

  color: #666666;

  font-size: 14px;

}

.paper.main .content .content-wrap .con .article .article-header .meta .date {

  display: inline-block;

  color: #666666;

  font-size: 14px;

}

.paper.main .content .content-wrap .aside {

  width: 22%;

}

@media screen and (max-width: 575px) {

  .paper.main .content .content-wrap .aside {

    width: 100%;

    margin-top: 40px;

  }

}

.paper.main .content .content-wrap .aside .tj   .tj {

  margin-top: 30px;

}

.paper.main .content .content-wrap .aside .tj h3 {

  position: relative;

  margin: 15px 0;

  margin-bottom: 20px;

  font-size: 18px;

  font-weight: bold;

  border-left: 6px solid #005bbd;

  padding-left: 10px;

}

.paper.main .content .content-wrap .aside .tj h3:after {

  content: "";

  background: #005bbd;

  width: 60%;

  height: 1px;

  display: inline-block;

  position: absolute;

  right: 0;

  top: 10px;

}

.paper.main .content .content-wrap .aside .tj .img-box {

  display: block;

  margin: 0 auto;

  overflow: hidden;

}

.paper.main .content .content-wrap .aside .tj .img-box   .img-box {

  margin-top: 20px;

}

.paper.main .content .content-wrap .aside .tj .img-box img {

  max-width: 100%;

  height: auto;

  transition: all 0.3s ease-out;

}

.paper.main .content .content-wrap .aside .tj .img-box img:hover {

  transform: scale(1.1);

}

@media screen and (max-width: 575px) {

  .paper.main .content .content-wrap .aside .tj .img-box img {

    width: 100%;

  }

}

.paper.main .content .content-wrap .aside .tj.tjyd {

  clear: both;

}

.paper.main .content .content-wrap .aside .tj.tjyd .tj-cell {

  overflow: hidden;

}

.paper.main .content .content-wrap .aside .tj.tjyd .tj-cell   .tj-cell {

  margin-top: 20px;

}

.paper.main .content .content-wrap .aside .tj.tjyd .tj-cell .img-thumb {

  width: 110px;

  float: left;

  clear: both;

}

.paper.main .content .content-wrap .aside .tj.tjyd .tj-cell .title {

  margin-left: 120px;

}

.paper.main .content .content-wrap .aside .tj.tjyd .tj-cell .title a {

  font-size: 14px;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}



.about.main {

  padding-top: 70px;

}

.about.main .top {

  background:  no-repeat top center;

  height: 320px;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  display: block;

}

@media screen and (max-width: 991px) {

  .about.main .top {

    height: 200px;

  }

}

.about.main .top .topic {

  position: relative;

}

.about.main .top .topic h1 {

  font-size: 40px;

  font-weight: bold;

  text-align: center;

  color: white;

  animation: bounce 2s;

  -moz-animation: bounce 2s;

  -webkit-animation: bounce 2s;

  -o-animation: bounce 2s;

}

@media screen and (max-width: 991px) {

  .about.main .top .topic h1 {

    font-size: 30px;

  }

}

.about.main .top .location {

  position: absolute;

  bottom: 30px;

}

.about.main .top .location h2 {

  color: white;

  font-size: 32px;

  font-weight: bold;

}

.about.main .major .side {

  position: sticky;

  top: 60px;

  display: contents;

}

.about.main .side-nav {

  position: sticky;

  top: 60px;

  display: contents;

}

.about.main .side-nav .about-nav {

  position: sticky;

  top: 90px;

  float: left;

}

@media screen and (max-width: 991px) {

  .about.main .side-nav .about-nav {

    display: none;

  }

}

.about.main .side-nav .about-nav .tabs > li {

  position: relative;

  background: #f3f3f3;

  width: 160px;

  padding: 15px 30px 15px 30px;

  border-bottom: 1px solid #eeeeee;

  margin-bottom: 10px;

}

.about.main .side-nav .about-nav .tabs > li.active {

  background: #005bbd;

}

.about.main .side-nav .about-nav .tabs > li.active a {

  color: white;

}

.about.main .side-nav .about-nav .tabs > li.active a:after {

  content: "";

  width: 8px;

  height: 14px;

  background-image: url(/uploads/image/sdimg/icon-jiantou-white.png);

  background-size: 100%;

  display: block;

  position: absolute;

  top: 50%;

  transform: translatey(-50%);

  right: 14px;

}

.about.main .side-nav .about-nav .tabs > li.active ul.sub-nav {

  text-align: center;

}

.about.main .side-nav .about-nav .tabs > li.active ul.sub-nav li a:after {

  display: none;

}

.about.main .side-nav .about-nav .tabs > li.active ul.sub-nav li.active a {

  color: white;

  border-bottom: 1px solid;

}

.about.main .side-nav .about-nav .tabs > li a {

  font-size: 18px;

  color: #666666;

}

.about.main .side-nav .about-nav .tabs > li a:after {

  content: "";

  width: 8px;

  height: 14px;

  background-image: url(/uploads/image/sdimg/icon-jiantou-gray.png);

  background-size: 100%;

  display: block;

  position: absolute;

  top: 50%;

  transform: translatey(-50%);

  right: 14px;

}

.about.main .major .contents {

  margin-left: 200px;

}

@media screen and (max-width: 991px) {

  .about.main .major .contents {

    margin-left: 0;

  }

}

.about.main .box {

  margin-top: 80px;

}

@media screen and (max-width: 991px) {

  .about.main .box {

    margin-top: 40px;

  }

}

.about.main .box img {

  display: block;

  margin: 1rem auto;

}

.about.main .box > .container > .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .about.main .box > .container > .title {

    margin-bottom: 32px;

  }

}

.about.main .box > .container > .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .about.main .box > .container > .title h2 {

    padding-bottom: 20px;

  }

}

.about.main .box > .container > .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.about.main .box > .container > .title h2:hover:after {

  width: calc(100px   50px);

}

.about.main .box > .container > .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

.about.main .content {

  margin-bottom: 80px;

}

@media screen and (max-width: 991px) {

  .about.main .content {

    margin-top: 40px;

  }

}

.about.main .content .about-con .con {

  margin-left: 200px;

  margin-top: 80px;

}

@media screen and (max-width: 991px) {

  .about.main .content .about-con .con {

    margin-left: 0;

  }

}

.about.main .content .about-con .con .box .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .about.main .content .about-con .con .box .title {

    margin-bottom: 32px;

  }

}

.about.main .content .about-con .con .box .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .about.main .content .about-con .con .box .title h2 {

    padding-bottom: 20px;

  }

}

.about.main .content .about-con .con .box .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.about.main .content .about-con .con .box .title h2:hover:after {

  width: calc(100px   50px);

}

.about.main .content .about-con .con .box .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

@media screen and (max-width: 991px) {

  .about.main .content .about-con .con .box .article {

    padding: 0 30px;

  }

}

.about.main .content .about-con .con .box .article p {

  margin-bottom: 1rem;

  font-size: 14px;

}

.about.main .content .about-con .con .box .article img {

  display: block;

  margin: 1rem auto;

}



.about.main .box.gywm .con {

  margin-left: 0;

}

.about.main .box.gywm .con .title {

  padding: 0 215px;

}

@media screen and (max-width: 767px) {

  .about.main .box.gywm .con .title {

    padding: 0;

  }

}

.about.main .box.zjljy .article img {

  padding: .25rem;

  background-color: #fff;

  border: 1px solid #dee2e6;

  border-radius: .25rem;

  max-width: 100%;

  height: auto;

}

@media screen and (max-width: 991px) {

  .about.main .box.zjljy .article {

    padding: 0 30px;

  }

}

.about.main .box.zjljy .article p {

  font-size: 14px;

}

.about.main .box.gsbz {

  margin-bottom: 100px;

}

.about.main .box.gsbz .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .about.main .box.gsbz .title {

    margin-bottom: 32px;

  }

}

.about.main .box.gsbz .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .about.main .box.gsbz .title h2 {

    padding-bottom: 20px;

  }

}

.about.main .box.gsbz .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.about.main .box.gsbz .title h2:hover:after {

  width: calc(100px   50px);

}

.about.main .box.gsbz .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

.about.main .box.gsbz .subject {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: center;

  margin-bottom: 30px;

}

.about.main .box.gsbz .subject img {

  width: 200px;

  padding-top: 0;

  margin: 0;

  margin-right: 30px;

}

@media screen and (max-width: 767px) {

  .about.main .box.gsbz .subject img {

    margin-right: 0;

    margin-bottom: 20px;

  }

}

.about.main .box.gsbz .item {

  margin-bottom: 40px;

  clear: both;

}

.about.main .box.gsbz .item img {

  float: left;

  width: 40px;

  padding: 0;

  margin: 0;

}

.about.main .box.gsbz .item p {

  margin-left: 80px;

}

.about.main .box.qyzz .items {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

@media screen and (max-width: 991px) {

  .about.main .box.qyzz .items {

    justify-content: center;

  }

}

.about.main .box.qyzz .items .item {

  height: 280px;

  margin: 0 7px;

}

.about.main .box.qyzz .items .item img {

  height: 190px;

  margin: 0 auto;

  display: block;

}

.about.main .box.qyzz .items .item p {

  font-size: 14px;

  color: #666666;

  text-align: center;

  margin-top: 10px;

}

.about.main .box.qyry .items {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

@media screen and (max-width: 991px) {

  .about.main .box.qyry .items {

    justify-content: center;

  }

}

.about.main .box.qyry .items .item {

  height: 280px;

  margin: 0 6px;

}

.about.main .box.qyry .items .item img {

  height: 200px;

  margin: 0 auto;

  display: block;

}

.about.main .box.qyry .items .item p {

  font-size: 14px;

  color: #666666;

  text-align: center;

  margin-top: 10px;

}

.about.main .box.zhuanjia .items {

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-start;

}

.about.main .box.zhuanjia .items .item {

  width: calc(33.33% - 60px);

  margin: 0 30px;

  margin-bottom: 30px;

}

.about.main .box.zhuanjia .items .item img {

  width: 60%;

}

@media screen and (max-width: 575px) {

  .about.main .box.zhuanjia .items .item {

    width: 100%;

    margin-bottom: 30px;

  }

  .about.main .box.zhuanjia .items .item img {

    max-width: 100%;

  }

}

.about.main .box.zhuanjia .items .item h3 {

  font-weight: bold;

  color: #004884;

  font-size: 26px;

  text-align: center;

  margin-bottom: 14px;

}

.about.main .box.zhuanjia .items .item p {

  font-size: 14px;

}

.about.main .box.dashiji .items .item   .item {

  margin-top: 50px;

}

.about.main .box.dashiji .items .item .year h4 {

  background: #004884;

  color: white;

  font-size: 20px;

  font-weight: bold;

  display: inline-block;

  padding: 10px 20px;

  margin-bottom: 30px;

}

.about.main .box.dashiji .items .item .event   .event {

  margin-top: 20px;

}

.about.main .box.dashiji .items .item .event h5 {

  color: #004884;

  font-size: 18px;

  font-weight: bold;

  float: left;

  width: 100px;

}

.about.main .box.dashiji .items .item .event p {

  font-size: 14px;

}

.about.main .box.dashiji .items .item .event p   p {

  margin-top: 10px;

}



.cernet.main {

  padding-top: 70px;

}

.cernet.main .top {

  background:  no-repeat top center;

  height: 320px;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}

@media screen and (max-width: 991px) {

  .cernet.main .top {

    height: 200px;

  }

}

.cernet.main .top .topic {

  position: relative;

}

.cernet.main .top .topic h1 {

  font-size: 40px;

  font-weight: bold;

  text-align: center;

  color: white;

  animation: bounce 2s;

  -moz-animation: bounce 2s;

  -webkit-animation: bounce 2s;

  -o-animation: bounce 2s;

}

@media screen and (max-width: 991px) {

  .cernet.main .top .topic h1 {

    font-size: 30px;

  }

}

.cernet.main .top .location {

  position: absolute;

  bottom: 30px;

}

.cernet.main .top .location h2 {

  color: white;

  font-size: 32px;

  font-weight: bold;

}

.cernet.main .box {

  margin-top: 80px;

}

.cernet.main .box article img {

  display: block;

  margin: 1rem auto;

}

.cernet.main .box > .container > .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .cernet.main .box > .container > .title {

    margin-bottom: 32px;

  }

}

.cernet.main .box > .container > .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .cernet.main .box > .container > .title h2 {

    padding-bottom: 20px;

  }

}

.cernet.main .box > .container > .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.cernet.main .box > .container > .title h2:hover:after {

  width: calc(100px   50px);

}

.cernet.main .box > .container > .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

.cernet.main .content {

  margin-bottom: 80px;

}

.cernet.main .content .about-con .side-nav {

  position: sticky;

  top: 80px;

}

.cernet.main .content .about-con .side-nav .about-nav {

  position: sticky;

  top: 90px;

  float: left;

}

@media screen and (max-width: 991px) {

  .cernet.main .content .about-con .side-nav .about-nav {

    display: none;

  }

}

.cernet.main .content .about-con .side-nav .about-nav .tabs > li {

  position: relative;

  background: #f3f3f3;

  width: 160px;

  padding: 15px 30px 15px 30px;

  border-bottom: 1px solid #eeeeee;

  margin-bottom: 10px;

}

.cernet.main .content .about-con .side-nav .about-nav .tabs > li.active {

  background: #005bbd;

}

.cernet.main .content .about-con .side-nav .about-nav .tabs > li.active a {

  color: white;

}

.cernet.main .content .about-con .side-nav .about-nav .tabs > li.active a:after {

  content: "";

  width: 8px;

  height: 14px;

  background-image: url(/uploads/image/sdimg/icon-jiantou-white.png);

  background-size: 100%;

  display: block;

  position: absolute;

  top: 50%;

  transform: translatey(-50%);

  right: 14px;

}

.cernet.main .content .about-con .side-nav .about-nav .tabs > li.active ul.sub-nav {

  text-align: center;

}

.cernet.main .content .about-con .side-nav .about-nav .tabs > li.active ul.sub-nav li a:after {

  display: none;

}

.cernet.main .content .about-con .side-nav .about-nav .tabs > li.active ul.sub-nav li.active a {

  color: white;

  border-bottom: 1px solid;

}

.cernet.main .content .about-con .side-nav .about-nav .tabs > li a {

  font-size: 18px;

  color: #666666;

}

.cernet.main .content .about-con .side-nav .about-nav .tabs > li a:after {

  content: "";

  width: 8px;

  height: 14px;

  background-image: url(/uploads/image/sdimg/icon-jiantou-gray.png);

  background-size: 100%;

  display: block;

  position: absolute;

  top: 50%;

  transform: translatey(-50%);

  right: 14px;

}

.cernet.main .content .about-con .con {

  margin-left: 200px;

  margin-top: 80px;

}

@media screen and (max-width: 991px) {

  .cernet.main .content .about-con .con {

    margin-left: 0;

  }

}



.cernet.main.cernet2 .top {

  background:  no-repeat top center;

  height: 320px;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}

@media screen and (max-width: 991px) {

  .cernet.main.cernet2 .top {

    height: 200px;

  }

}

.cernet.main.cernet2 .top .topic {

  position: relative;

}

.cernet.main.cernet2 .top .topic h1 {

  font-size: 40px;

  font-weight: bold;

  text-align: center;

  color: white;

  animation: bounce 2s;

  -moz-animation: bounce 2s;

  -webkit-animation: bounce 2s;

  -o-animation: bounce 2s;

}

@media screen and (max-width: 991px) {

  .cernet.main.cernet2 .top .topic h1 {

    font-size: 30px;

  }

}

.cernet.main.cernet2 .top .location {

  position: absolute;

  bottom: 30px;

}

.cernet.main.cernet2 .top .location h2 {

  color: white;

  font-size: 32px;

  font-weight: bold;

}



.cernet.main.ipv6 .top {

  background:  no-repeat top center;

  height: 320px;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}

@media screen and (max-width: 991px) {

  .cernet.main.ipv6 .top {

    height: 200px;

  }

}

.cernet.main.ipv6 .top .topic {

  position: relative;

}

.cernet.main.ipv6 .top .topic h1 {

  font-size: 40px;

  font-weight: bold;

  text-align: center;

  color: white;

  animation: bounce 2s;

  -moz-animation: bounce 2s;

  -webkit-animation: bounce 2s;

  -o-animation: bounce 2s;

}

@media screen and (max-width: 991px) {

  .cernet.main.ipv6 .top .topic h1 {

    font-size: 30px;

  }

}

.cernet.main.ipv6 .top .location {

  position: absolute;

  bottom: 30px;

}

.cernet.main.ipv6 .top .location h2 {

  color: white;

  font-size: 32px;

  font-weight: bold;

}



.box.cernet2 article {

  padding: 0 15px;

}

.box.cernet2 article img {

  max-width: 100%;

  height: auto;

}

.box.cernet2 article p {

  text-indent: 2rem;

  font-size: 14px;

}

.box.ipv6 .items {

  display: flex;

  flex-wrap: wrap;

  position: relative;

  top: -100px;

}

@media screen and (max-width: 1199px) {

  .box.ipv6 .items {

    justify-content: center;

  }

}

.box.ipv6 .items .item {

  width: 272px;

  height: 365px;

  margin-top: 100px;

  overflow: hidden;

  background: url(/uploads/image/sdimg/gx_xf.png) no-repeat;

  background-size: 100%;

  margin-left: 15px;

  margin-right: 15px;

}

.box.ipv6 .items .item .university {

  margin: 35px 24px 18px;

  height: 65px;

}

.box.ipv6 .items .item .university .icon {

  float: left;

  width: 70px;

  height: 70px;

  border-radius: 50%;

  overflow: hidden;

}

.box.ipv6 .items .item .university .name {

  font-size: 17px;

  color: #333;

  text-align: left;

  margin-top: 35px;

  margin-left: 88px;

}

.box.ipv6 .items .item .university .en {

  font-size: 12px;

  text-align: left;

  margin-top: 8px;

  color: #333333;

  margin-left: 88px;

}

.box.ipv6 .items .item .list {

  width: 235px;

  margin: 60px auto 0;

}

.box.ipv6 .items .item .list .li {

  width: 235px;

  font-size: 14px;

  line-height: 20px;

  padding-bottom: 18px;

  padding-left: 13px;

  box-sizing: border-box;

  color: #fff;

  text-indent: -0.8rem;

}

.box.ipv6 .items .item .list .li a {

  color: white;

}



.cernet.main.gjjs .top {

  background:  no-repeat top center;

  height: 320px;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}

@media screen and (max-width: 991px) {

  .cernet.main.gjjs .top {

    height: 200px;

  }

}

.cernet.main.gjjs .top .topic {

  position: relative;

}

.cernet.main.gjjs .top .topic h1 {

  font-size: 40px;

  font-weight: bold;

  text-align: center;

  color: white;

  animation: bounce 2s;

  -moz-animation: bounce 2s;

  -webkit-animation: bounce 2s;

  -o-animation: bounce 2s;

}

@media screen and (max-width: 991px) {

  .cernet.main.gjjs .top .topic h1 {

    font-size: 30px;

  }

}

.cernet.main.gjjs .top .location {

  position: absolute;

  bottom: 30px;

}

.cernet.main.gjjs .top .location h2 {

  color: white;

  font-size: 32px;

  font-weight: bold;

}



.gjjs .box.suidao .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .gjjs .box.suidao .title {

    margin-bottom: 32px;

  }

}

.gjjs .box.suidao .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .gjjs .box.suidao .title h2 {

    padding-bottom: 20px;

  }

}

.gjjs .box.suidao .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.gjjs .box.suidao .title h2:hover:after {

  width: calc(100px   50px);

}

.gjjs .box.suidao .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

.gjjs .box.suidao .intro p {

  font-size: 18px;

  color: #005bbd;

}

.gjjs .box.suidao .intro img {

  margin-top: 20px;

  margin-bottom: 20px;

}

.gjjs .box.suidao .items .item {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

}

@media screen and (max-width: 767px) {

  .gjjs .box.suidao .items .item {

    margin-bottom: 30px;

  }

}

.gjjs .box.suidao .items .item .img-box {

  width: 50%;

}

@media screen and (max-width: 767px) {

  .gjjs .box.suidao .items .item .img-box {

    width: 100%;

    margin-bottom: 20px;

  }

}

.gjjs .box.suidao .items .item .con-box {

  width: 50%;

  padding: 0 30px;

}

@media screen and (max-width: 767px) {

  .gjjs .box.suidao .items .item .con-box {

    width: 100%;

    order: 1;

  }

}

.gjjs .box.suidao .items .item .con-box h3 {

  font-size: 18px;

  color: #005bbd;

  margin-bottom: 16px;

}

.gjjs .box.suidao .items .item .con-box ul {

  list-style: disc;

}

.gjjs .box.suidao .items .item .con-box ul li {

  font-size: 14px;

  line-height: 1.8;

  margin-left: 1rem;

}

.gjjs .box.suidao .items .item.yyhj {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.gjjs .box.suidao .items .item.yyhj .cell {

  width: 50%;

  padding: 0 15px;

  margin-top: 30px;

}

@media screen and (max-width: 767px) {

  .gjjs .box.suidao .items .item.yyhj .cell {

    width: 100%;

  }

}

.gjjs .box.suidao .items .item.yyhj .cell h3 {

  font-size: 20px;

  color: white;

  background: #005bbd;

  padding: 10px 15px;

  margin-bottom: 20px;

  margin-top: 16px;

}

.gjjs .box.suidao .items .item.yyhj .cell ul {

  list-style: disc;

}

.gjjs .box.suidao .items .item.yyhj .cell ul li {

  font-size: 14px;

  line-height: 1.8;

  margin-left: 1rem;

}

.gjjs .box.ivi .items {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.gjjs .box.ivi .items .item {

  width: 50%;

  padding: 0 15px;

  margin-bottom: 30px;

}

@media screen and (max-width: 767px) {

  .gjjs .box.ivi .items .item {

    width: 100%;

  }

}

.gjjs .box.ivi .items .item h3 {

  font-size: 20px;

  color: white;

  background: #005bbd;

  padding: 10px 15px;

  margin-bottom: 20px;

  margin-top: 16px;

}

.gjjs .box.ivi .items .item ul {

  list-style: disc;

}

.gjjs .box.ivi .items .item ul li {

  font-size: 14px;

  line-height: 1.8;

  margin-left: 1rem;

}

.gjjs .box.yyhj .items {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.gjjs .box.yyhj .items .item {

  width: 50%;

  padding: 0 15px;

}

@media screen and (max-width: 767px) {

  .gjjs .box.yyhj .items .item {

    width: 100%;

  }

}

.gjjs .box.yyhj .items .item h3 {

  font-size: 20px;

  color: white;

  background: #005bbd;

  padding: 10px 15px;

  margin-bottom: 20px;

  margin-top: 16px;

}

.gjjs .box.yyhj .items .item ul {

  list-style: disc;

}

.gjjs .box.yyhj .items .item ul li {

  font-size: 14px;

  line-height: 1.8;

  margin-left: 1rem;

}

.gjjs .box.ydz .intro h3 {

  font-size: 20px;

  color: white;

  background: #005bbd;

  padding: 10px 15px;

  margin-bottom: 20px;

  margin-top: 16px;

}

.gjjs .box.ydz .intro h3   img {

  margin-top: 10px;

  margin-bottom: 30px;

}

.gjjs .box.ydz .intro .items {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.gjjs .box.ydz .intro .items .item {

  width: 50%;

  padding: 0 15px;

}

@media screen and (max-width: 767px) {

  .gjjs .box.ydz .intro .items .item {

    width: 100%;

  }

}

.gjjs .box.ydz .intro .items .item ul {

  list-style: disc;

}

.gjjs .box.ydz .intro .items .item ul li {

  font-size: 14px;

  line-height: 1.8;

  margin-left: 1rem;

}

.gjjs .box.cx .items {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.gjjs .box.cx .items .item {

  width: 50%;

  padding: 0 15px;

  margin-bottom: 30px;

}

@media screen and (max-width: 767px) {

  .gjjs .box.cx .items .item {

    width: 100%;

  }

}

.gjjs .box.cx .items .item .con-title {

  display: flex;

  flex-wrap: nowrap;

  align-items: center;

  margin-bottom: 20px;

}

.gjjs .box.cx .items .item .con-title h3 {

  background: #005bbd;

  color: white;

  padding: 10px 15px;

  width: 130px;

  flex-shrink: 0;

}

@media screen and (max-width: 767px) {

  .gjjs .box.cx .items .item .con-title h3 {

    width: 120px;

    flex-shrink: 0;

  }

}

.gjjs .box.cx .items .item .con-title .sub-title {

  color: #005bbd;

  margin-left: 20px;

}

.gjjs .box.cx .items .item .img-box img {

  width: 100%;

}



.cernet.main.zdyy .top {

  background:  no-repeat top center;

  height: 320px;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}

@media screen and (max-width: 991px) {

  .cernet.main.zdyy .top {

    height: 200px;

  }

}

.cernet.main.zdyy .top .topic {

  position: relative;

}

.cernet.main.zdyy .top .topic h1 {

  font-size: 40px;

  font-weight: bold;

  text-align: center;

  color: white;

  animation: bounce 2s;

  -moz-animation: bounce 2s;

  -webkit-animation: bounce 2s;

  -o-animation: bounce 2s;

}

@media screen and (max-width: 991px) {

  .cernet.main.zdyy .top .topic h1 {

    font-size: 30px;

  }

}

.cernet.main.zdyy .top .location {

  position: absolute;

  bottom: 30px;

}

.cernet.main.zdyy .top .location h2 {

  color: white;

  font-size: 32px;

  font-weight: bold;

}



@media screen and (max-width: 991px) {

  .zdyy .box.hlwyy {

    margin-left: 0;

  }

}

.zdyy .box.hlwyy .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .zdyy .box.hlwyy .title {

    margin-bottom: 32px;

  }

}

.zdyy .box.hlwyy .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .zdyy .box.hlwyy .title h2 {

    padding-bottom: 20px;

  }

}

.zdyy .box.hlwyy .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.zdyy .box.hlwyy .title h2:hover:after {

  width: calc(100px   50px);

}

.zdyy .box.hlwyy .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

.zdyy .box.hlwyy p {

  font-size: 14px;

}

.zdyy .box.hlwyy .items {

  display: flex;

  flex-wrap: nowrap;

  margin-left: -15px;

  margin-right: -15px;

  margin-top: 30px;

}

@media screen and (max-width: 991px) {

  .zdyy .box.hlwyy .items {

    flex-wrap: wrap;

  }

}

.zdyy .box.hlwyy .items .item {

  padding: 0 15px;

  margin-bottom: 18px;

}

@media screen and (max-width: 991px) {

  .zdyy .box.hlwyy .items .item {

    width: 100%;

  }

  .zdyy .box.hlwyy .items .item img {

    width: 100%;

  }

}

.zdyy .box.hlwyy .items .item h4 {

  font-size: 14px;

  margin-top: 10px;

  text-align: center;

}

.zdyy .box.hlwyy .items .item .cells .cell {

  display: flex;

  flex-wrap: nowrap;

  margin-left: -15px;

  margin-right: -15px;

}

@media screen and (max-width: 991px) {

  .zdyy .box.hlwyy .items .item .cells .cell {

    flex-wrap: wrap;

  }

}

.zdyy .box.hlwyy .items .item .cells .cell .cell-element {

  padding: 0 10px;

  margin-bottom: 16px;

}

@media screen and (max-width: 991px) {

  .zdyy .box.hlwyy .items .item .cells .cell .cell-element {

    width: 50%;

  }

}

.zdyy .box.xydhlwyy .title   p {

  margin-bottom: 20px;

  font-size: 14px;

}

.zdyy .box.xydhlwyy .items {

  display: flex;

  flex-wrap: nowrap;

  margin-left: -15px;

  margin-right: -15px;

}

@media screen and (max-width: 991px) {

  .zdyy .box.xydhlwyy .items {

    flex-wrap: wrap;

  }

}

.zdyy .box.xydhlwyy .items .item {

  padding: 0 15px;

  margin-bottom: 18px;

}

@media screen and (max-width: 991px) {

  .zdyy .box.xydhlwyy .items .item {

    width: 100%;

  }

  .zdyy .box.xydhlwyy .items .item img {

    width: 100%;

  }

}

.zdyy .box.xydhlwyy .items .item h4 {

  font-size: 14px;

  margin-top: 10px;

  text-align: center;

}

.zdyy .box.xydhlwyy .items .item .cells .cell {

  display: flex;

  flex-wrap: nowrap;

  margin-left: -15px;

  margin-right: -15px;

}

@media screen and (max-width: 991px) {

  .zdyy .box.xydhlwyy .items .item .cells .cell {

    flex-wrap: wrap;

  }

}

.zdyy .box.xydhlwyy .items .item .cells .cell .cell-element {

  padding: 0 15px;

  margin-bottom: 18px;

}

@media screen and (max-width: 991px) {

  .zdyy .box.xydhlwyy .items .item .cells .cell .cell-element {

    width: 50%;

  }

}

.zdyy .box.zyjcss .items {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.zdyy .box.zyjcss .items .item {

  width: 50%;

  padding: 0 15px;

}

@media screen and (max-width: 991px) {

  .zdyy .box.zyjcss .items .item {

    width: 100%;

  }

}

.zdyy .box.zyjcss .items .item h3 {

  font-size: 20px;

  color: white;

  background: #005bbd;

  padding: 10px 15px;

  margin-bottom: 20px;

  margin-top: 16px;

}

.zdyy .box.zyjcss .items .item p {

  font-size: 14px;

}

.zdyy .box.jyky .banner {

  width: 70%;

  margin: 0 auto;

}

.zdyy .box.jyky .banner .swiper-container .swiper-wrapper .swiper-slide p {

  text-align: center;

  font-size: 14px;

}

.zdyy .box.jyky .banner .swiper-container .swiper-button-next {

  margin-right: -10px;

}

.zdyy .box.jyky .banner .swiper-container .swiper-button-prev {

  margin-left: -10px;

}



.wlfw.main {

  padding-top: 70px;

}

.wlfw.main .content .top {

  background:  no-repeat top center;

  height: 320px;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}

@media screen and (max-width: 991px) {

  .wlfw.main .content .top {

    height: 200px;

  }

}

.wlfw.main .content .top .topic {

  position: relative;

}

.wlfw.main .content .top .topic h1 {

  font-size: 40px;

  font-weight: bold;

  text-align: center;

  color: white;

  animation: bounce 2s;

  -moz-animation: bounce 2s;

  -webkit-animation: bounce 2s;

  -o-animation: bounce 2s;

}

@media screen and (max-width: 991px) {

  .wlfw.main .content .top .topic h1 {

    font-size: 30px;

  }

}

.wlfw.main .content .top .location {

  position: absolute;

  bottom: 30px;

}

.wlfw.main .content .top .location h2 {

  color: white;

  font-size: 32px;

  font-weight: bold;

}

.wlfw.main .content .sections .section {

  padding: 80px 0;

}

.wlfw.main .content .sections .section.intro .con {

  display: flex;

  flex-wrap: nowrap;

}

@media screen and (max-width: 575px) {

  .wlfw.main .content .sections .section.intro .con {

    flex-wrap: wrap;

    padding: 0 15px;

  }

}

.wlfw.main .content .sections .section.intro .con .about {

  width: 33.33%;

  margin-right: 30px;

}

@media screen and (max-width: 575px) {

  .wlfw.main .content .sections .section.intro .con .about {

    width: 100%;

    margin-right: 0;

  }

}

.wlfw.main .content .sections .section.intro .con .about h2 {

  font-size: 36px;

  font-weight: bold;

  color: #004884;

  margin-bottom: 18px;

}

.wlfw.main .content .sections .section.intro .con .about p {

  font-size: 14px;

}

.wlfw.main .content .sections .section.intro .con .maps {

  width: 66.66%;

  display: flex;

  flex-wrap: nowrap;

  justify-content: space-between;

}

@media screen and (max-width: 575px) {

  .wlfw.main .content .sections .section.intro .con .maps {

    width: 100%;

    margin-top: 20px;

  }

}

.wlfw.main .content .sections .section.intro .con .maps .map {

  width: 45%;

}

.wlfw.main .content .sections .section.intro .con .maps .map h4 {

  font-size: 24px;

  font-weight: bold;

  color: #004884;

  text-align: center;

  margin-bottom: 8px;

}

@media screen and (max-width: 767px) {

  .wlfw.main .content .sections .section.intro .con .maps .map h4 {

    font-size: 18px;

  }

}

.wlfw.main .content .sections .section.jcwlfw {

  background: #f6f6f6;

}

.wlfw.main .content .sections .section.jcwlfw .con .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .wlfw.main .content .sections .section.jcwlfw .con .title {

    margin-bottom: 32px;

  }

}

.wlfw.main .content .sections .section.jcwlfw .con .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .wlfw.main .content .sections .section.jcwlfw .con .title h2 {

    padding-bottom: 20px;

  }

}

.wlfw.main .content .sections .section.jcwlfw .con .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.wlfw.main .content .sections .section.jcwlfw .con .title h2:hover:after {

  width: calc(100px   50px);

}

.wlfw.main .content .sections .section.jcwlfw .con .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

.wlfw.main .content .sections .section.jcwlfw .con .items {

  display: flex;

  flex-wrap: wrap;

}

.wlfw.main .content .sections .section.jcwlfw .con .items .item {

  width: 20%;

  padding: 0 15px;

  margin-bottom: 30px;

}

@media screen and (max-width: 575px) {

  .wlfw.main .content .sections .section.jcwlfw .con .items .item {

    width: 100%;

  }

}

.wlfw.main .content .sections .section.jcwlfw .con .items .item img {

  height: 40px;

  margin: 0 auto;

  display: block;

}

.wlfw.main .content .sections .section.jcwlfw .con .items .item h3 {

  font-size: 18px;

  font-weight: bold;

  color: #004884;

  margin: 15px 0;

}

.wlfw.main .content .sections .section.jcwlfw .con .items .item ul {

  list-style: disc;

  margin-left: 1rem;

}

.wlfw.main .content .sections .section.jcwlfw .con .items .item ul li {

  font-size: 14px;

}

.wlfw.main .content .sections .section.jcwlfw .con .items .item ul li   li {

  margin-top: 3px;

}

.wlfw.main .content .sections .section.zzwlfw {

  background: #e7f1fa;

}

.wlfw.main .content .sections .section.zzwlfw .con .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .wlfw.main .content .sections .section.zzwlfw .con .title {

    margin-bottom: 32px;

  }

}

.wlfw.main .content .sections .section.zzwlfw .con .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .wlfw.main .content .sections .section.zzwlfw .con .title h2 {

    padding-bottom: 20px;

  }

}

.wlfw.main .content .sections .section.zzwlfw .con .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.wlfw.main .content .sections .section.zzwlfw .con .title h2:hover:after {

  width: calc(100px   50px);

}

.wlfw.main .content .sections .section.zzwlfw .con .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

.wlfw.main .content .sections .section.zzwlfw .con .items {

  display: flex;

  flex-wrap: wrap;

}

.wlfw.main .content .sections .section.zzwlfw .con .items .item {

  width: calc(33.33% - 30px);

  padding: 20px 15px;

  margin: 0 15px;

  margin-bottom: 30px;

  border-radius: 10px;

  background: white;

}

@media screen and (max-width: 575px) {

  .wlfw.main .content .sections .section.zzwlfw .con .items .item {

    width: 100%;

  }

}

.wlfw.main .content .sections .section.zzwlfw .con .items .item img {

  width: 100px;

  margin: 0 auto;

  display: block;

}

.wlfw.main .content .sections .section.zzwlfw .con .items .item h3 {

  text-align: center;

  margin-top: 20px;

  margin-bottom: 8px;

  font-size: 24px;

  font-weight: bold;

  color: #004884;

}

.wlfw.main .content .sections .section.zzwlfw .con .items .item ul {

  text-align: center;

}

.wlfw.main .content .sections .section.zzwlfw .con .items .item ul li {

  font-size: 14px;

}

.wlfw.main .content .sections .section.wmdys .con .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .wlfw.main .content .sections .section.wmdys .con .title {

    margin-bottom: 32px;

  }

}

.wlfw.main .content .sections .section.wmdys .con .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .wlfw.main .content .sections .section.wmdys .con .title h2 {

    padding-bottom: 20px;

  }

}

.wlfw.main .content .sections .section.wmdys .con .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.wlfw.main .content .sections .section.wmdys .con .title h2:hover:after {

  width: calc(100px   50px);

}

.wlfw.main .content .sections .section.wmdys .con .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

.wlfw.main .content .sections .section.wmdys .con .items {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.wlfw.main .content .sections .section.wmdys .con .items .item {

  width: 20%;

  padding: 0 15px;

}

@media screen and (max-width: 575px) {

  .wlfw.main .content .sections .section.wmdys .con .items .item {

    width: 100%;

    margin-bottom: 20px;

  }

}

.wlfw.main .content .sections .section.wmdys .con .items .item img {

  width: 100%;

}

.wlfw.main .content .sections .section.wmdys .con .items .item h3 {

  font-size: 24px;

  font-weight: bold;

  color: #004884;

  margin-top: 15px;

  margin-bottom: 8px;

  text-align: center;

}

.wlfw.main .content .sections .section.wmdys .con .items .item ul li {

  list-style: disc;

  margin-left: 1rem;

  font-size: 14px;

  margin-bottom: 5px;

}

.wlfw.main .content .contact {

  margin-bottom: 100px;

}

.wlfw.main .content .contact .contact-way {

  text-align: center;

  margin-top: 70px;

  margin-bottom: 30px;

}

.wlfw.main .content .contact .contact-way .telephone,

.wlfw.main .content .contact .contact-way .zifuwu,

.wlfw.main .content .contact .contact-way .email {

  margin: 0 auto;

  margin-bottom: 20px;

  width: 280px;

  background: #539fdf;

  cursor: pointer;

  border-radius: 30px;

  transition: transform .3s;

  -webkit-transition: transform .3s;

}

.wlfw.main .content .contact .contact-way .telephone p,

.wlfw.main .content .contact .contact-way .zifuwu p,

.wlfw.main .content .contact .contact-way .email p {

  font-size: 20px;

  color: white;

  text-align: center;

  line-height: 50px;

}

.wlfw.main .content .contact .contact-way .telephone p a,

.wlfw.main .content .contact .contact-way .zifuwu p a,

.wlfw.main .content .contact .contact-way .email p a {

  color: white;

}

.wlfw.main .content .contact .contact-way .telephone p i,

.wlfw.main .content .contact .contact-way .zifuwu p i,

.wlfw.main .content .contact .contact-way .email p i {

  margin-right: 16px;

}

.wlfw.main .content .contact .contact-way .telephone:hover,

.wlfw.main .content .contact .contact-way .zifuwu:hover,

.wlfw.main .content .contact .contact-way .email:hover {

  transform: scale(1.1);

}



.xxfw.main {

  padding-top: 70px;

}

.xxfw.main .content .top {

  background:  no-repeat top center;

  height: 320px;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}

@media screen and (max-width: 991px) {

  .xxfw.main .content .top {

    height: 200px;

  }

}

.xxfw.main .content .top .topic {

  position: relative;

}

.xxfw.main .content .top .topic h1 {

  font-size: 40px;

  font-weight: bold;

  text-align: center;

  color: white;

  animation: bounce 2s;

  -moz-animation: bounce 2s;

  -webkit-animation: bounce 2s;

  -o-animation: bounce 2s;

}

@media screen and (max-width: 991px) {

  .xxfw.main .content .top .topic h1 {

    font-size: 30px;

  }

}

.xxfw.main .content .top .location {

  position: absolute;

  bottom: 30px;

}

.xxfw.main .content .top .location h2 {

  color: white;

  font-size: 32px;

  font-weight: bold;

}

.xxfw.main .content .box {

  padding-top: 80px;

  padding-bottom: 80px;

}

.xxfw.main .content .box.bg-gray {

  background: #f6f6f6;

}

@media screen and (max-width: 575px) {

  .xxfw.main .content .box.intro .con {

    padding: 0 15px;

  }

}

.xxfw.main .content .box.intro .con .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .xxfw.main .content .box.intro .con .title {

    margin-bottom: 32px;

  }

}

.xxfw.main .content .box.intro .con .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .xxfw.main .content .box.intro .con .title h2 {

    padding-bottom: 20px;

  }

}

.xxfw.main .content .box.intro .con .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.xxfw.main .content .box.intro .con .title h2:hover:after {

  width: calc(100px   50px);

}

.xxfw.main .content .box.intro .con .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

.xxfw.main .content .box.intro .con p {

  width: 70%;

  margin: 0 auto;

  font-size: 14px;

}

@media screen and (max-width: 575px) {

  .xxfw.main .content .box.intro .con p {

    width: 100%;

  }

}

.xxfw.main .content .box.zhankai .items {

  display: flex;

  flex-wrap: nowrap;

  align-items: center;

}

@media screen and (max-width: 991px) {

  .xxfw.main .content .box.zhankai .items {

    flex-wrap: wrap;

  }

}

.xxfw.main .content .box.zhankai .items .item {

  width: 33.33%;

}

@media screen and (max-width: 991px) {

  .xxfw.main .content .box.zhankai .items .item {

    width: 100%;

  }

  .xxfw.main .content .box.zhankai .items .item .cell {

    padding: 0 30px;

  }

  .xxfw.main .content .box.zhankai .items .item   .item {

    margin-top: 30px;

  }

}

.xxfw.main .content .box.zhankai .items .item .cell   .cell {

  margin-top: 60px;

}

.xxfw.main .content .box.zhankai .items .item .cell .icon {

  display: flex;

  align-items: center;

  margin-left: -15px;

  margin-right: -15px;

  margin-bottom: 20px;

}

.xxfw.main .content .box.zhankai .items .item .cell .icon h2 {

  font-size: 24px;

  font-weight: bold;

  border-bottom: 1px solid;

  padding-bottom: 8px;

  margin: 0 15px;

}

@media screen and (max-width: 991px) {

  .xxfw.main .content .box.zhankai .items .item .cell .icon h2 {

    order: 1;

  }

}

.xxfw.main .content .box.zhankai .items .item .cell .icon img {

  height: 56px;

  max-width: 100%;

  margin: 0 15px;

}

.xxfw.main .content .box.zhankai .items .item .cell .intro p {

  font-size: 14px;

}

.xxfw.main .content .box.zhankai .items .item .cell.jyxx .icon {

  justify-content: flex-end;

}

@media screen and (max-width: 991px) {

  .xxfw.main .content .box.zhankai .items .item .cell.jyxx .icon {

    justify-content: flex-start;

  }

}

.xxfw.main .content .box.zhankai .items .item .cell.jyxx .icon h2 {

  color: #c12128;

}

.xxfw.main .content .box.zhankai .items .item .cell.jyxx .intro {

  text-align: right;

}

@media screen and (max-width: 991px) {

  .xxfw.main .content .box.zhankai .items .item .cell.jyxx .intro {

    text-align: left;

  }

}

.xxfw.main .content .box.zhankai .items .item .cell.gxzs .icon h2 {

  color: #603e9b;

  margin: 0 15px;

}

.xxfw.main .content .box.zhankai .items .item .cell.zwxx .icon {

  justify-content: flex-end;

}

@media screen and (max-width: 991px) {

  .xxfw.main .content .box.zhankai .items .item .cell.zwxx .icon {

    justify-content: flex-start;

  }

}

.xxfw.main .content .box.zhankai .items .item .cell.zwxx .icon h2 {

  color: #e64607;

}

.xxfw.main .content .box.zhankai .items .item .cell.zwxx .intro {

  text-align: right;

}

@media screen and (max-width: 991px) {

  .xxfw.main .content .box.zhankai .items .item .cell.zwxx .intro {

    text-align: left;

  }

}

.xxfw.main .content .box.zhankai .items .item .cell.gccrc .icon h2 {

  color: #415da1;

}

.xxfw.main .content .box.zhankai .items .item .cell.video {

  padding: 0 45px;

}

.xxfw.main .content .box.zhankai .items .item .cell.video video {

  width: 100%;

}

@media screen and (max-width: 991px) {

  .xxfw.main .content .box.zhankai .items .item .cell.video {

    display: none;

  }

}

.xxfw.main .content .box.zyys .con .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .xxfw.main .content .box.zyys .con .title {

    margin-bottom: 32px;

  }

}

.xxfw.main .content .box.zyys .con .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .xxfw.main .content .box.zyys .con .title h2 {

    padding-bottom: 20px;

  }

}

.xxfw.main .content .box.zyys .con .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.xxfw.main .content .box.zyys .con .title h2:hover:after {

  width: calc(100px   50px);

}

.xxfw.main .content .box.zyys .con .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

.xxfw.main .content .box.zyys .con .items {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.xxfw.main .content .box.zyys .con .items .item {

  width: 25%;

  padding: 0 15px;

}

@media screen and (max-width: 991px) {

  .xxfw.main .content .box.zyys .con .items .item {

    width: 50%;

    margin-bottom: 30px;

    padding: 0 30px;

  }

}

@media screen and (max-width: 575px) {

  .xxfw.main .content .box.zyys .con .items .item {

    width: 100%;

  }

}

.xxfw.main .content .box.zyys .con .items .item img {

  width: 100%;

}

.xxfw.main .content .box.zyys .con .items .item h3 {

  font-size: 16px;

  font-weight: bold;

  margin-top: 20px;

  margin-bottom: 10px;

}

.xxfw.main .content .box.zyys .con .items .item ul {

  list-style: disc;

}

.xxfw.main .content .box.zyys .con .items .item ul li {

  font-size: 14px;

  margin-left: 1rem;

}



.jsfw.main {

  padding-top: 70px;

}

.jsfw.main .content .top {

  background:  no-repeat top center;

  height: 320px;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}

@media screen and (max-width: 991px) {

  .jsfw.main .content .top {

    height: 200px;

  }

}

.jsfw.main .content .top .topic {

  position: relative;

}

.jsfw.main .content .top .topic h1 {

  font-size: 40px;

  font-weight: bold;

  text-align: center;

  color: white;

  animation: bounce 2s;

  -moz-animation: bounce 2s;

  -webkit-animation: bounce 2s;

  -o-animation: bounce 2s;

}

@media screen and (max-width: 991px) {

  .jsfw.main .content .top .topic h1 {

    font-size: 30px;

  }

}

.jsfw.main .content .top .location {

  position: absolute;

  bottom: 30px;

}

.jsfw.main .content .top .location h2 {

  color: white;

  font-size: 32px;

  font-weight: bold;

}

.jsfw.main .content .box.intro {

  background: #f6f6f6;

}

.jsfw.main .content .box.intro .content {

  display: flex;

  flex-wrap: nowrap;

  align-items: center;

  padding: 60px 0;

}

@media screen and (max-width: 575px) {

  .jsfw.main .content .box.intro .content .con {

    padding: 0 15px;

  }

}

.jsfw.main .content .box.intro .content .con .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .jsfw.main .content .box.intro .content .con .title {

    margin-bottom: 32px;

  }

}

.jsfw.main .content .box.intro .content .con .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .jsfw.main .content .box.intro .content .con .title h2 {

    padding-bottom: 20px;

  }

}

.jsfw.main .content .box.intro .content .con .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.jsfw.main .content .box.intro .content .con .title h2:hover:after {

  width: calc(100px   50px);

}

.jsfw.main .content .box.intro .content .con .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

.jsfw.main .content .box.intro .content .con p {

  color: #666666;

  margin-bottom: 26px;

  font-size: 14px;

}

.jsfw.main .content .box.list {

  margin-top: 60px;

  margin-bottom: 100px;

}

.jsfw.main .content .box.list .content .items {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.jsfw.main .content .box.list .content .items .item {

  margin: 0 15px;

  width: calc(20% - 30px);

  padding-top: 30px;

  padding-bottom: 20px;

  border-radius: 10px;

  overflow: hidden;

  box-shadow: 0px 0px 10px 10px #eeeeee;

  transition: all 0.5s ease-in-out;

}

@media screen and (max-width: 991px) {

  .jsfw.main .content .box.list .content .items .item {

    width: 30%;

    margin: 30px 12px;

  }

}

@media screen and (max-width: 767px) {

  .jsfw.main .content .box.list .content .items .item {

    width: 100%;

    margin: 30px 30px;

  }

}

.jsfw.main .content .box.list .content .items .item img {

  height: 80px;

  display: block;

  margin: 0 auto;

}

.jsfw.main .content .box.list .content .items .item h3 {

  text-align: center;

  margin-top: 20px;

  font-size: 20px;

  color: #004280;

  font-weight: bold;

}



.jsfwin.main {

  padding-top: 70px;

}

.jsfwin.main .top {

  background:  no-repeat top center;

  height: 320px;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}

@media screen and (max-width: 991px) {

  .jsfwin.main .top {

    height: 200px;

  }

}

.jsfwin.main .top .topic {

  position: relative;

}

.jsfwin.main .top .topic h1 {

  font-size: 40px;

  font-weight: bold;

  text-align: center;

  color: white;

  animation: bounce 2s;

  -moz-animation: bounce 2s;

  -webkit-animation: bounce 2s;

  -o-animation: bounce 2s;

}

@media screen and (max-width: 991px) {

  .jsfwin.main .top .topic h1 {

    font-size: 30px;

  }

}

.jsfwin.main .top .location {

  position: absolute;

  bottom: 30px;

}

.jsfwin.main .top .location h2 {

  color: white;

  font-size: 32px;

  font-weight: bold;

}

.jsfwin.main .box {

  margin-top: 80px;

}

.jsfwin.main .box article img {

  display: block;

  margin: 1rem auto;

}

.jsfwin.main .box > .container > .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .box > .container > .title {

    margin-bottom: 32px;

  }

}

.jsfwin.main .box > .container > .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .jsfwin.main .box > .container > .title h2 {

    padding-bottom: 20px;

  }

}

.jsfwin.main .box > .container > .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.jsfwin.main .box > .container > .title h2:hover:after {

  width: calc(100px   50px);

}

.jsfwin.main .box > .container > .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

.jsfwin.main .content .about-con .side-nav {

  position: sticky;

  top: 60px;

  display: contents;

}

.jsfwin.main .content .about-con .side-nav .about-nav {

  position: sticky;

  top: 90px;

  float: left;

  width: 130px;

}

@media screen and (max-width: 991px) {

  .jsfwin.main .content .about-con .side-nav .about-nav {

    display: none;

  }

}

.jsfwin.main .content .about-con .side-nav .about-nav .tabs > li {

  position: relative;

  background: #f3f3f3;

  width: 160px;

  padding: 15px 30px 15px 30px;

  border-bottom: 1px solid #eeeeee;

  margin-bottom: 10px;

}

.jsfwin.main .content .about-con .side-nav .about-nav .tabs > li.active {

  background: #005bbd;

}

.jsfwin.main .content .about-con .side-nav .about-nav .tabs > li.active a {

  color: white;

}

.jsfwin.main .content .about-con .side-nav .about-nav .tabs > li.active a:after {

  content: "";

  width: 8px;

  height: 14px;

  background-image: url(/uploads/image/sdimg/icon-jiantou-white.png);

  background-size: 100%;

  display: block;

  position: absolute;

  top: 50%;

  transform: translatey(-50%);

  right: 14px;

}

.jsfwin.main .content .about-con .side-nav .about-nav .tabs > li.active ul.sub-nav {

  text-align: center;

}

.jsfwin.main .content .about-con .side-nav .about-nav .tabs > li.active ul.sub-nav li a:after {

  display: none;

}

.jsfwin.main .content .about-con .side-nav .about-nav .tabs > li.active ul.sub-nav li.active a {

  color: white;

  border-bottom: 1px solid;

}

.jsfwin.main .content .about-con .side-nav .about-nav .tabs > li a {

  font-size: 18px;

  color: #666666;

}

.jsfwin.main .content .about-con .side-nav .about-nav .tabs > li a:after {

  content: "";

  width: 8px;

  height: 14px;

  background-image: url(/uploads/image/sdimg/icon-jiantou-gray.png);

  background-size: 100%;

  display: block;

  position: absolute;

  top: 50%;

  transform: translatey(-50%);

  right: 14px;

}

.jsfwin.main .content .about-con .side-nav .about-nav .tabs > li {

  padding: 15px 20px 15px 20px;

}

.jsfwin.main .content .about-con .side-nav .about-nav .tabs > li a {

  font-size: 14px;

}

.jsfwin.main .content .about-con .con {

  margin-left: 200px;

  margin-top: 80px;

  margin-bottom: 80px;

}

@media screen and (max-width: 991px) {

  .jsfwin.main .content .about-con .con {

    margin-left: 0;

    padding: 0 15px;

  }

}

.jsfwin.main .content .about-con .con article p {

  font-size: 14px;

}

.jsfwin.main .content .contact {

  margin-bottom: 100px;

}

.jsfwin.main .content .contact .contact-way {

  text-align: center;

  margin-top: 70px;

  margin-bottom: 30px;

}

.jsfwin.main .content .contact .contact-way .telephone,

.jsfwin.main .content .contact .contact-way .zifuwu,

.jsfwin.main .content .contact .contact-way .email {

  margin: 0 auto;

  margin-bottom: 20px;

  width: 280px;

  background: #539fdf;

  cursor: pointer;

  border-radius: 30px;

  transition: transform .3s;

  -webkit-transition: transform .3s;

}

.jsfwin.main .content .contact .contact-way .telephone p,

.jsfwin.main .content .contact .contact-way .zifuwu p,

.jsfwin.main .content .contact .contact-way .email p {

  font-size: 20px;

  color: white;

  text-align: center;

  line-height: 50px;

}

.jsfwin.main .content .contact .contact-way .telephone p a,

.jsfwin.main .content .contact .contact-way .zifuwu p a,

.jsfwin.main .content .contact .contact-way .email p a {

  color: white;

}

.jsfwin.main .content .contact .contact-way .telephone p i,

.jsfwin.main .content .contact .contact-way .zifuwu p i,

.jsfwin.main .content .contact .contact-way .email p i {

  margin-right: 16px;

}

.jsfwin.main .content .contact .contact-way .telephone:hover,

.jsfwin.main .content .contact .contact-way .zifuwu:hover,

.jsfwin.main .content .contact .contact-way .email:hover {

  transform: scale(1.1);

}

.jsfwin.main .bread {

  margin: 15px 0;

}

.jsfwin.main .bread a {

  font-size: 14px;

  color: #666666;

}

.jsfwin.main .bread a   a:before {

  content: ">";

  margin-left: 5px;

  margin-right: 5px;

  display: inline-block;

}

.jsfwin.main .bread a:hover {

  color: #004884;

}



.jsfwin.main .content.gjmyfw .about-con .con .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.gjmyfw .about-con .con .title {

    margin-bottom: 32px;

  }

}

.jsfwin.main .content.gjmyfw .about-con .con .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .jsfwin.main .content.gjmyfw .about-con .con .title h2 {

    padding-bottom: 20px;

  }

}

.jsfwin.main .content.gjmyfw .about-con .con .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.jsfwin.main .content.gjmyfw .about-con .con .title h2:hover:after {

  width: calc(100px   50px);

}

.jsfwin.main .content.gjmyfw .about-con .con .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

.jsfwin.main .content.gjmyfw .about-con .con .intro {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.jsfwin.main .content.gjmyfw .about-con .con .intro .img-box {

  padding: 0 15px;

  width: 40%;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.gjmyfw .about-con .con .intro .img-box {

    width: 100%;

  }

}

.jsfwin.main .content.gjmyfw .about-con .con .intro .con-box {

  padding: 0 15px;

  width: 60%;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.gjmyfw .about-con .con .intro .con-box {

    width: 100%;

  }

}

.jsfwin.main .content.gjmyfw .about-con .con .intro .con-box h3 {

  font-size: 24px;

  font-weight: bold;

  margin-bottom: 20px;

}

.jsfwin.main .content.gjmyfw .about-con .con .intro .con-box p {

  font-size: 14px;

}

.jsfwin.main .content.gjmyfw .about-con .con .mydl {

  margin-top: 40px;

}

.jsfwin.main .content.gjmyfw .about-con .con .mydl h3 {

  font-size: 24px;

  font-weight: bold;

  margin-bottom: 20px;

}

.jsfwin.main .content.gjmyfw .about-con .con .mydl .items {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.jsfwin.main .content.gjmyfw .about-con .con .mydl .items .item {

  width: 50%;

  padding: 0 15px;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.gjmyfw .about-con .con .mydl .items .item {

    width: 100%;

    margin-bottom: 20px;

  }

}

.jsfwin.main .content.gjmyfw .about-con .con .mydl .items .item h4 {

  font-size: 16px;

  font-weight: bold;

  color: #666666;

  text-align: center;

  border-bottom: 2px solid #539fdf;

  padding-bottom: 15px;

}

.jsfwin.main .content.gjmyfw .about-con .con .mydl .items .item .inner {

  display: flex;

  flex-wrap: nowrap;

  justify-content: center;

  align-items: center;

  border-top: 4px solid #f1f1f2;

  border-bottom: 4px solid #f1f1f2;

  height: 120px;

}

.jsfwin.main .content.gjmyfw .about-con .con .mydl .items .item .inner .img-box {

  margin-right: 40px;

}

.jsfwin.main .content.gjmyfw .about-con .con .mydl .items .item .inner ul li {

  font-size: 14px;

}

.jsfwin.main .content.gjmyfw .box.sxcn .items {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  margin-left: -15px;

  margin-right: -15px;

}

.jsfwin.main .content.gjmyfw .box.sxcn .items .item {

  padding: 0 15px;

  width: 50%;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.gjmyfw .box.sxcn .items .item {

    width: 100%;

  }

}

.jsfwin.main .content.gjmyfw .box.sxcn .items .item.con-box p {

  font-size: 30px;

  font-weight: bold;

  color: #004884;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.gjmyfw .box.sxcn .items .item.con-box {

    margin-bottom: 20px;

  }

}

.jsfwin.main .content.gjmyfw .box.sxcn .items .item.img-box {

  order: 1;

}

.jsfwin.main .content.gjmyfw .box.fxgk {

  background:  center center;

  background-size: cover;

  padding-top: 80px;

  padding-bottom: 50px;

}

.jsfwin.main .content.gjmyfw .box.fxgk .items {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  margin-left: -15px;

  margin-right: -15px;

}

.jsfwin.main .content.gjmyfw .box.fxgk .items .item {

  padding: 0 15px;

  width: 100%;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.gjmyfw .box.fxgk .items .item {

    width: 100%;

    margin-bottom: 20px;

  }

}

.jsfwin.main .content.gjmyfw .box.fxgk .items .item.con-box {

  margin-bottom: 50px;

  text-align: center;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.gjmyfw .box.fxgk .items .item.cells {

    order: 1;

  }

}

.jsfwin.main .content.gjmyfw .box.fxgk .items .item.con-box p {

  font-size: 30px;

  font-weight: bold;

  color: white;

}

.jsfwin.main .content.gjmyfw .box.fxgk .items .cells {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.jsfwin.main .content.gjmyfw .box.fxgk .items .cells .cell {

  width: 50%;

  display: flex;

  flex-wrap: nowrap;

  padding: 0 15px;

  margin-bottom: 30px;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.gjmyfw .box.fxgk .items .cells .cell {

    width: 100%;

  }

}

.jsfwin.main .content.gjmyfw .box.fxgk .items .cells .cell .img-box {

  width: 100px;

  margin-right: 20px;

}

.jsfwin.main .content.gjmyfw .box.fxgk .items .cells .cell ul .title {

  font-size: 16px;

  font-weight: bold;

  color: white;

}

.jsfwin.main .content.gjmyfw .box.fxgk .items .cells .cell ul li {

  font-size: 14px;

  color: white;

}

.jsfwin.main .content.gjmyfw .box.lcks .items {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  margin-left: -15px;

  margin-right: -15px;

}

.jsfwin.main .content.gjmyfw .box.lcks .items .item {

  padding: 0 15px;

  width: 50%;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.gjmyfw .box.lcks .items .item {

    width: 100%;

  }

}

.jsfwin.main .content.gjmyfw .box.lcks .items .item.con-box p {

  font-size: 30px;

  font-weight: bold;

  color: #004884;

}

.jsfwin.main .content.gjmyfw .box.zyfw .items {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.jsfwin.main .content.gjmyfw .box.zyfw .items .item {

  width: 50%;

  padding: 0 15px;

  display: flex;

  flex-wrap: nowrap;

  align-items: center;

  margin-bottom: 30px;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.gjmyfw .box.zyfw .items .item {

    width: 100%;

  }

}

.jsfwin.main .content.gjmyfw .box.zyfw .items .item .img-box {

  width: 80px;

  margin-right: 30px;

  flex-shrink: 0;

}

.jsfwin.main .content.gjmyfw .box.zyfw .items .item .con-box {

  font-size: 18px;

  font-weight: bold;

  color: #666666;

}

.jsfwin.main .content.gjmyfw .box.kjly {

  background: #f6f6f6;

  padding-top: 80px;

  padding-bottom: 80px;

}

@media screen and (max-width: 991px) {

  .jsfwin.main .content.gjmyfw .box.kjly {

    background: none;

  }

}

.jsfwin.main .content.gjmyfw .box.kjly .items {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

  margin-top: 100px;

}

.jsfwin.main .content.gjmyfw .box.kjly .items .item {

  width: 33.33%;

  padding: 0 15px;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.gjmyfw .box.kjly .items .item {

    width: 100%;

  }

  .jsfwin.main .content.gjmyfw .box.kjly .items .item   .item .cell {

    margin-top: 80px;

  }

}

.jsfwin.main .content.gjmyfw .box.kjly .items .item .cell {

  position: relative;

  width: 200px;

  margin: 0 auto;

  background: white;

  border-radius: 30px;

}

.jsfwin.main .content.gjmyfw .box.kjly .items .item .cell h3 {

  color: #004884;

  font-size: 80px;

  text-align: center;

  margin-top: -20px;

  font-family: "bebasueue", serif;

}

.jsfwin.main .content.gjmyfw .box.kjly .items .item .cell h3 span {

  position: relative;

  top: -10px;

  left: 4px;

}

.jsfwin.main .content.gjmyfw .box.kjly .items .item .cell img {

  width: 80px;

  display: block;

  margin: 0 auto;

  margin-top: -20px;

  position: relative;

  top: -30px;

}

.jsfwin.main .content.gjmyfw .box.kjly .items .item .cell p {

  text-align: center;

  padding-bottom: 20px;

}

.jsfwin.main .content.gjmyfw .box.hbq .items {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.jsfwin.main .content.gjmyfw .box.hbq .items .item {

  width: 33.33%;

  padding: 0 15px;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.gjmyfw .box.hbq .items .item {

    width: 100%;

  }

  .jsfwin.main .content.gjmyfw .box.hbq .items .item   .item {

    margin-top: 40px;

  }

}

.jsfwin.main .content.gjmyfw .box.hbq .items .item .cell {

  width: 200px;

  height: 200px;

  border-radius: 30px;

  margin: 0 auto;

  background: #f6f6f6;

  padding-top: 30px;

}

.jsfwin.main .content.gjmyfw .box.hbq .items .item .cell img {

  margin: 0 auto;

  display: block;

}

.jsfwin.main .content.gjmyfw .box.hbq .items .item .cell p {

  text-align: center;

  font-size: 24px;

  font-weight: bold;

  margin-top: 16px;

}

.jsfwin.main .content.gjmyfw .box.hbq .items .item .cell p span {

  color: #004884;

  margin-left: 6px;

}

.jsfwin.main .content.cpfx .about-con .con article {

  padding: 0 40px;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.cpfx .about-con .con article {

    padding: 0;

  }

}

.jsfwin.main .content.cpfx .box.zhanshi {

  padding-top: 0px;

  padding-bottom: 80px;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.cpfx .box.zhanshi {

    background: none;

  }

}

.jsfwin.main .content.cpfx .box.zhanshi .items {

  display: flex;

  flex-wrap: wrap;

}

.jsfwin.main .content.cpfx .box.zhanshi .items .item {

  width: calc(33.33% - 40px);

  margin: 0 20px;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.cpfx .box.zhanshi .items .item {

    margin: 0;

  }

}

@media screen and (max-width: 575px) {

  .jsfwin.main .content.cpfx .box.zhanshi .items .item {

    width: 100%;

    margin-bottom: 20px;

  }

}

.jsfwin.main .content.cpfx .box.zhanshi .items .item .img-box img {

  width: 100%;

}

.jsfwin.main .content.cpfx .box.zhanshi .items .item h4 {

  font-size: 18px;

  font-weight: bold;

  text-align: center;

  margin-bottom: 10px;

  margin-top: 10px;

}

.jsfwin.main .content.cpfx .box.zhanshi .items .item p {

  font-size: 14px;

  color: #666666;

}

.jsfwin.main .content.sphy .about-con {

  padding-bottom: 80px;

}

.jsfwin.main .content.xxxt .about-con .con .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.xxxt .about-con .con .title {

    margin-bottom: 32px;

  }

}

.jsfwin.main .content.xxxt .about-con .con .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .jsfwin.main .content.xxxt .about-con .con .title h2 {

    padding-bottom: 20px;

  }

}

.jsfwin.main .content.xxxt .about-con .con .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.jsfwin.main .content.xxxt .about-con .con .title h2:hover:after {

  width: calc(100px   50px);

}

.jsfwin.main .content.xxxt .about-con .con .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

.jsfwin.main .content.xxxt .about-con .con .intro .items {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

  margin-top: 40px;

  margin-bottom: 80px;

}

.jsfwin.main .content.xxxt .about-con .con .intro .items .item {

  width: 33.33%;

  padding: 0 15px;

  margin-bottom: 30px;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.xxxt .about-con .con .intro .items .item {

    width: 100%;

  }

}

.jsfwin.main .content.xxxt .about-con .con .intro .items .item img {

  width: 100%;

}

.jsfwin.main .content.xxxt .about-con .con .intro .items .item h3 {

  text-align: center;

  font-weight: bold;

  color: #004884;

  margin-top: 20px;

  margin-bottom: 10px;

}

.jsfwin.main .content.xxxt .about-con .con .intro .items .item ul {

  list-style: disc;

}

.jsfwin.main .content.xxxt .about-con .con .intro .items .item ul li {

  font-size: 14px;

  margin-left: 1rem;

}

.jsfwin.main .content.xxxt .about-nav .tabs li.active a {

  position: relative;

}

.jsfwin.main .content.xxxt .about-nav .tabs li.active a:after {

  right: -26px !important;

}

.jsfwin.main .content.xxxt .sub-title {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  padding-bottom: 10px;

}

.jsfwin.main .content.xxxt .sub-title h2 {

  font-size: 32px;

  font-weight: bold;

}

.jsfwin.main .content.xxxt .xxxt-title {

  margin-bottom: 20px;

}

.jsfwin.main .content.xxxt .xxxt-title h3 {

  border-left: 6px solid #005bbd;

  padding-left: 10px;

  font-size: 18px;

  font-weight: bold;

}

.jsfwin.main .content.xxxt.ywsl .con {

  padding-bottom: 80px;

}

.jsfwin.main .content.xxxt.ywsl .con .box {

  margin-top: 30px;

}

.jsfwin.main .content.xxxt.ywsl .con .box ul.list {

  list-style: disc;

}

.jsfwin.main .content.xxxt.ywsl .con .box ul.list li {

  font-size: 14px;

  margin-left: 2rem;

}

.jsfwin.main .content.xxxt.ywsl .con .box.zzrz .row .item {

  margin-bottom: 14px;

}

.jsfwin.main .content.xxxt.ywsl .con .box.zzrz .row .item img {

  margin: 0 auto;

  border: 1px solid #dddddd;

}

.jsfwin.main .content.xxxt.ywsl .con .box.zzrz .row .item p {

  margin-top: 6px;

  text-align: center;

}

.jsfwin.main .content.xxxt.ywsl .con .box.zzrz .row1 {

  margin-left: -20px;

  margin-right: -20px;

}

.jsfwin.main .content.xxxt.ywsl .con .box.zzrz .row1 .item {

  padding: 0 20px;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.xxxt.ywsl .con .box.zzrz .row1 .item {

    margin: 0 auto;

    margin-bottom: 20px;

  }

}

.jsfwin.main .content.xxxt.ywsl .con .box.zzrz .row2 {

  margin-left: -30px;

  margin-right: -30px;

}

.jsfwin.main .content.xxxt.ywsl .con .box.zzrz .row2 .item {

  padding: 0 30px;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.xxxt.ywsl .con .box.zzrz .row2 .item {

    margin: 0 auto;

    margin-bottom: 20px;

  }

}

.jsfwin.main .content.xxxt.ywsl .con .box.zzrz .row3 {

  margin-left: -30px;

  margin-right: -30px;

}

.jsfwin.main .content.xxxt.ywsl .con .box.zzrz .row3 .item {

  padding: 0 30px;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.xxxt.ywsl .con .box.zzrz .row3 .item {

    margin: 0 auto;

    margin-bottom: 20px;

  }

}

.jsfwin.main .content.xxxt.dcsj .con {

  padding-bottom: 80px;

}

.jsfwin.main .content.xxxt.dcsj .con .box {

  margin-top: 30px;

}

.jsfwin.main .content.xxxt.dxal .sub-title {

  border: none;

  margin-bottom: 30px;

}

.jsfwin.main .content.xxxt.dxal .tabs .tab-title {

  margin-bottom: 30px;

  border-bottom: 1px solid #eeeeee;

  padding-bottom: 8px;

}

.jsfwin.main .content.xxxt.dxal .tabs .tab-title .tab {

  position: relative;

  background: #eeeeee;

  padding: 10px 20px;

  cursor: pointer;

  font-size: 18px;

}

@media screen and (max-width: 767px) {

  .jsfwin.main .content.xxxt.dxal .tabs .tab-title .tab {

    font-size: 14px;

    padding: 10px 8px;

  }

}

.jsfwin.main .content.xxxt.dxal .tabs .tab-title .tab.active {

  background: #005bbd;

  color: white;

}

.jsfwin.main .content.xxxt.dxal .tabs .tab-title .tab.active:after {

  content: "";

  background: url(/uploads/image/sdimg/system-jiantou.png);

  background-size: 30px 10px;

  width: 30px;

  height: 10px;

  display: inline-block;

  bottom: 0;

  left: 50%;

  transform: translate(-50%, 0);

  position: absolute;

  margin-bottom: -9px;

}

.jsfwin.main .content.xxxt.dxal .tabs .tab-content .content ul {

  list-style: disc;

  margin-left: 2rem;

}

.jsfwin.main .content.xxxt.dxal .tabs .tab-content .content ul li {

  font-size: 14px;

  line-height: 1.8;

}

.jsfwin.main .content.xxxt.jjfa article {

  margin-top: 30px;

  margin-bottom: 80px;

}

.jsfwin.main .content.xxxt.jjfa article .item .fold {

  display: none;

  padding-left: 2rem;

  margin-bottom: 20px;

}

.jsfwin.main .content.xxxt.jjfa article .item.open .fold {

  display: block;

}

.jsfwin.main .content.xxxt.jjfa article .item.open h5:before {

  content: url(/uploads/image/sdimg/fold-close.png);

  width: 8px;

  height: 1rem;

  display: inline-block;

  margin-right: 22px;

}

.jsfwin.main .content.xxxt.jjfa article .item h5 {

  font-size: 16px;

  font-weight: bold;

  border-bottom: 1px solid #eeeeee;

  padding-bottom: 10px;

}

.jsfwin.main .content.xxxt.jjfa article .item h5:before {

  content: url(/uploads/image/sdimg/fold-open.png);

  width: 8px;

  height: 1rem;

  display: inline-block;

  margin-right: 22px;

  position: relative;

  top: 3px;

}

.jsfwin.main .content.xxxt.ipv6 article {

  margin-top: 30px;

  margin-bottom: 80px;

}

.jsfwin.main .content.xxxt.ipv6 article > .item {

  margin-bottom: 20px;

}

.jsfwin.main .content.xxxt.ipv6 article > .item h5 {

  font-size: 16px;

  font-weight: bold;

  border-bottom: 1px solid #eeeeee;

  padding-bottom: 10px;

}

.jsfwin.main .content.xxxt.ipv6 article > .item h5:before {

  content: url(/uploads/image/sdimg/fold-open.png);

  width: 8px;

  height: 1rem;

  display: inline-block;

  margin-right: 22px;

  position: relative;

  top: 3px;

}

.jsfwin.main .content.xxxt.ipv6 article > .item .fold {

  display: none;

}

.jsfwin.main .content.xxxt.ipv6 article > .item.open h5:before {

  content: url(/uploads/image/sdimg/fold-close.png);

  width: 8px;

  height: 1rem;

  display: inline-block;

  margin-right: 22px;

}

.jsfwin.main .content.xxxt.ipv6 article > .item.open .fold {

  display: block;

}

.jsfwin.main .content.xxxt.ipv6 article > .item.single h5:before {

  content: "";

  width: 8px;

  height: 8px;

  border-radius: 100%;

  background: #005bbd;

  display: inline-block;

  position: relative;

  margin-right: 10px;

  top: 0px;

}

.jsfwin.main .content.xxxt.ipv6 article .customer .item {

  margin-top: 20px;

}

.jsfwin.main .content.xxxt.ipv6 article .customer .item h5 {

  font-weight: bold;

  font-size: 16px;

  padding-bottom: 16px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.jsfwin.main .content.xxxt.ipv6 article .customer .item h5:before {

  content: "";

  width: 8px;

  height: 8px;

  border-radius: 100%;

  background: #005bbd;

  display: inline-block;

  position: relative;

  margin-right: 10px;

}

.jsfwin.main .content.xxxt.ipv6 article .customer .item .icon {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  margin-left: -15px;

  margin-right: -15px;

}

.jsfwin.main .content.xxxt.ipv6 article .customer .item .icon img {

  padding: 0 15px;

  margin: 15px 0;

}

.jsfwin.main .content.xxxt.ipv6 article .customer .item.jyl img {

  width: 95px;

}

.jsfwin.main .content.xxxt.ipv6 article .customer .item.fjyl img {

  height: 32px;

}



.cyfw.main {

  padding-top: 70px;

}

.cyfw.main .top {

  background:  no-repeat top center;

  height: 320px;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}

@media screen and (max-width: 991px) {

  .cyfw.main .top {

    height: 200px;

  }

}

.cyfw.main .top .topic {

  position: relative;

}

.cyfw.main .top .topic h1 {

  font-size: 40px;

  font-weight: bold;

  text-align: center;

  color: white;

  animation: bounce 2s;

  -moz-animation: bounce 2s;

  -webkit-animation: bounce 2s;

  -o-animation: bounce 2s;

}

@media screen and (max-width: 991px) {

  .cyfw.main .top .topic h1 {

    font-size: 30px;

  }

}

.cyfw.main .top .location {

  position: absolute;

  bottom: 30px;

}

.cyfw.main .top .location h2 {

  color: white;

  font-size: 32px;

  font-weight: bold;

}

.cyfw.main .box.intro .con {

  padding-top: 80px;

  padding-bottom: 80px;

}

.cyfw.main .box.intro .con .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .cyfw.main .box.intro .con .title {

    margin-bottom: 32px;

  }

}

.cyfw.main .box.intro .con .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .cyfw.main .box.intro .con .title h2 {

    padding-bottom: 20px;

  }

}

.cyfw.main .box.intro .con .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.cyfw.main .box.intro .con .title h2:hover:after {

  width: calc(100px   50px);

}

.cyfw.main .box.intro .con .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

.cyfw.main .box.intro .con .about {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.cyfw.main .box.intro .con .about .video-box {

  width: 40%;

  padding: 0 15px;

}

@media screen and (max-width: 767px) {

  .cyfw.main .box.intro .con .about .video-box {

    padding: 0 30px;

  }

}

.cyfw.main .box.intro .con .about .video-box video {

  width: 100%;

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.intro .con .about .video-box {

    width: 100%;

  }

}

.cyfw.main .box.intro .con .about .desc {

  width: 60%;

  padding: 0 15px;

}

@media screen and (max-width: 767px) {

  .cyfw.main .box.intro .con .about .desc {

    padding: 0 30px;

  }

}

.cyfw.main .box.intro .con .about .desc p {

  font-size: 14px;

}

.cyfw.main .box.intro .con .about .desc .button {

  width: 150px;

  text-align: center;

  display: inline-block;

  border-radius: 0;

  max-width: 100px;

  border: 1px solid #004280;

  cursor: pointer;

  transition: background 0.3s linear;

  padding: 10px 10px;

  margin-top: 30px;

}

.cyfw.main .box.intro .con .about .desc .button a {

  color: #004884;

  font-size: 16px;

}

.cyfw.main .box.intro .con .about .desc .button:hover {

  background: #004884;

}

.cyfw.main .box.intro .con .about .desc .button:hover a {

  color: white;

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.intro .con .about .desc .button {

    margin: 0 auto;

    display: block;

    margin-top: 30px;

  }

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.intro .con .about .desc {

    width: 100%;

    margin-top: 30px;

  }

}

.cyfw.main .box.pth {

  background: #f6f6f6;

}

.cyfw.main .box.pth .con {

  padding-top: 80px;

  padding-bottom: 80px;

}

.cyfw.main .box.pth .con .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .cyfw.main .box.pth .con .title {

    margin-bottom: 32px;

  }

}

.cyfw.main .box.pth .con .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .cyfw.main .box.pth .con .title h2 {

    padding-bottom: 20px;

  }

}

.cyfw.main .box.pth .con .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.cyfw.main .box.pth .con .title h2:hover:after {

  width: calc(100px   50px);

}

.cyfw.main .box.pth .con .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

.cyfw.main .box.pth .con .title   p {

  font-size: 14px;

  text-align: center;

}

.cyfw.main .box.pth .con .pc {

  background: url(/uploads/image/sdimg/industry-bg-1.png) no-repeat center center;

  height: 530px;

  background-size: 100%;

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.pth .con .pc {

    background: none;

    height: auto;

  }

}

.cyfw.main .box.pth .con .pc .sense-box .sense {

  position: relative;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .circle1 {

  background-image: url(/uploads/image/sdimg/industry-animation-2.png);

  width: 126px;

  height: 126px;

  background-size: 100%;

  position: absolute;

  top: 229px;

  left: 494px;

  -webkit-transform: rotate(360deg);

  animation: rotation 3s infinite;

  -moz-animation: rotation 3s infinite;

  -webkit-animation: rotation 3s infinite;

  -o-animation: rotation 3s infinite;

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.pth .con .pc .sense-box .sense .circle1 {

    display: none;

  }

}

.cyfw.main .box.pth .con .pc .sense-box .sense .name {

  position: absolute;

  top: 265px;

  left: 514px;

  font-size: 20px;

  font-weight: bold;

  color: white;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .name .en {

  margin-bottom: 0;

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.pth .con .pc .sense-box .sense .name {

    display: none;

  }

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts {

  position: relative;

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.pth .con .pc .sense-box .sense .parts {

    margin-top: 30px;

    display: flex;

    flex-wrap: wrap;

  }

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.pth .con .pc .sense-box .sense .parts .part {

    width: 50%;

    padding: 0 20px;

    margin-top: 20px;

  }

}

@media screen and (max-width: 1199px) and (max-width: 767px) {

  .cyfw.main .box.pth .con .pc .sense-box .sense .parts .part {

    width: 100%;

  }

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.pth .con .pc .sense-box .sense .parts .part .icon {

    position: relative !important;

    top: 0 !important;

    left: 0 !important;

  }

  .cyfw.main .box.pth .con .pc .sense-box .sense .parts .part .icon img {

    left: 0 !important;

    top: 0 !important;

    height: 60px;

    margin: 0 auto;

    display: block;

  }

  .cyfw.main .box.pth .con .pc .sense-box .sense .parts .part .icon .layer {

    display: none;

  }

  .cyfw.main .box.pth .con .pc .sense-box .sense .parts .part .intro h3 {

    text-align: center;

  }

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part .icon img {

  cursor: pointer;

  position: relative;

  z-index: 2;

  left: 14px;

  top: 86px;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part .icon img:hover   .layer {

  cursor: pointer;

  transform: rotate(360deg);

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part .icon .layer {

  background: ;

  width: 100px;

  height: 100px;

  background-size: 100%;

  position: absolute;

  transition: all 1s;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part .intro h3 {

  font-weight: bold;

  color: #004280;

  margin-bottom: 10px;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part .intro p {

  font-size: 14px;

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.pth .con .pc .sense-box .sense .parts .part .intro {

    position: inherit !important;

    margin-bottom: 20px;

    margin-top: 20px;

    width: 100% !important;

  }

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part1 .icon {

  position: absolute;

  top: 28px;

  left: 412px;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part1 .intro {

  width: 270px;

  position: relative;

  left: 122px;

  top: 46px;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part2 .icon {

  position: absolute;

  top: 28px;

  left: 602px;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part2 .icon img {

  position: relative;

  z-index: 2;

  left: 17px;

  top: 84px;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part2 .intro {

  width: 270px;

  position: relative;

  left: 740px;

  top: -76px;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part3 .icon {

  position: absolute;

  top: 138px;

  left: 686px;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part3 .intro {

  width: 270px;

  position: relative;

  left: 824px;

  top: -45px;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part4 .icon {

  position: absolute;

  top: 320px;

  left: 638px;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part4 .icon img {

  position: relative;

  z-index: 2;

  left: 21px;

  top: 79px;

  width: 60px;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part4 .intro {

  width: 270px;

  position: relative;

  left: 786px;

  top: 3px;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part5 .icon {

  position: absolute;

  top: 343px;

  left: 410px;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part5 .intro {

  width: 270px;

  position: relative;

  left: 108px;

  top: -70px;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part6 .icon {

  position: absolute;

  top: 166px;

  left: 320px;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part6 .icon img {

  position: relative;

  z-index: 2;

  left: 17px;

  top: 86px;

}

.cyfw.main .box.pth .con .pc .sense-box .sense .parts .part6 .intro {

  width: 270px;

  position: relative;

  left: 15px;

  top: -355px;

}

.cyfw.main .box.sth {

  padding-bottom: 80px;

}

.cyfw.main .box.sth .con {

  padding-top: 80px;

}

.cyfw.main .box.sth .con .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .cyfw.main .box.sth .con .title {

    margin-bottom: 32px;

  }

}

.cyfw.main .box.sth .con .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .cyfw.main .box.sth .con .title h2 {

    padding-bottom: 20px;

  }

}

.cyfw.main .box.sth .con .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.cyfw.main .box.sth .con .title h2:hover:after {

  width: calc(100px   50px);

}

.cyfw.main .box.sth .con .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}

.cyfw.main .box.sth .con .title   p {

  font-size: 14px;

  text-align: center;

}

.cyfw.main .box.sth .pc {

  position: relative;

  background:  no-repeat top center;

  min-height: 1400px;

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.sth .pc {

    background: none;

    min-height: auto;

  }

}

.cyfw.main .box.sth .pc .sense-box {

  width: 1110px;

  position: relative;

  margin: 0 auto;

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.sth .pc .sense-box {

    width: auto;

    position: initial;

  }

}

.cyfw.main .box.sth .pc .sense-box .sense {

  position: absolute;

  left: 454px;

  top: 295px;

  z-index: 3;

}

.cyfw.main .box.sth .pc .sense-box .sense .circle1 {

  background-image: ;

  width: 182px;

  height: 182px;

  background-size: 100%;

  -webkit-transform: rotate(360deg);

  animation: rotation 3s infinite;

  -moz-animation: rotation 3s infinite;

  -webkit-animation: rotation 3s infinite;

  -o-animation: rotation 3s infinite;

}

.cyfw.main .box.sth .pc .sense-box .sense .layer {

  background-image: ;

  width: 290px;

  height: 290px;

  background-size: 100%;

  position: relative;

  left: -56px;

  top: -287px;

}

.cyfw.main .box.sth .pc .sense-box .sense .name {

  font-size: 20px;

  font-weight: bold;

  color: white;

  position: relative;

  top: -116px;

  left: 48px;

}

.cyfw.main .box.sth .pc .sense-box .sense .name .en {

  margin-bottom: 0;

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.sth .pc .sense-box .sense {

    display: none;

  }

}

.cyfw.main .box.sth .pc .sense-box .parts {

  position: absolute;

  left: -31px;

  top: 292px;

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.sth .pc .sense-box .parts {

    position: inherit;

    display: flex;

    flex-wrap: wrap;

  }

}

.cyfw.main .box.sth .pc .sense-box .parts .part {

  border-bottom: 2px solid #ea933b;

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.sth .pc .sense-box .parts .part {

    position: initial !important;

    height: auto !important;

    border: none;

    width: 50% !important;

    padding: 0 0px;

  }

}

@media screen and (max-width: 767px) {

  .cyfw.main .box.sth .pc .sense-box .parts .part {

    width: 100% !important;

  }

}

.cyfw.main .box.sth .pc .sense-box .parts .part .intro {

  margin-top: 122px;

  transition: all 0.3s;

  background: white;

  opacity: 0.8;

  padding: 20px;

  cursor: pointer;

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.sth .pc .sense-box .parts .part .intro {

    margin-top: 20px;

  }

}

.cyfw.main .box.sth .pc .sense-box .parts .part .intro img {

  display: none;

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.sth .pc .sense-box .parts .part .intro img {

    display: block;

    width: 100%;

    margin: 0 auto;

  }

}

.cyfw.main .box.sth .pc .sense-box .parts .part .intro h3 {

  font-weight: bold;

  color: #004884;

  margin-bottom: 10px;

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.sth .pc .sense-box .parts .part .intro h3 {

    margin-top: 20px;

  }

}

.cyfw.main .box.sth .pc .sense-box .parts .part .intro h3:before {

  content: " ";

  background: url(/uploads/image/sdimg/industry-point.png);

  width: 20px;

  height: 20px;

  background-size: 100%;

  display: inline-block;

  margin-right: 10px;

  transition: all 1s;

}

.cyfw.main .box.sth .pc .sense-box .parts .part .intro:hover > h3:before {

  transform: rotate(360deg);

}

.cyfw.main .box.sth .pc .sense-box .parts .line {

  height: 2px;

  background-color: #ea933b;

  position: absolute;

  z-index: 1;

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.sth .pc .sense-box .parts .line {

    display: none;

  }

}

.cyfw.main .box.sth .pc .sense-box .parts .part1 {

  width: 400px;

  height: 180px;

  overflow: hidden;

  position: absolute;

  top: -230px;

  left: 18px;

}

.cyfw.main .box.sth .pc .sense-box .parts .part1:hover > .intro {

  margin-top: 8px;

}

.cyfw.main .box.sth .pc .sense-box .parts .line1 {

  left: 394px;

  top: 0;

  width: 149px;

  transform: rotate(45deg);

}

.cyfw.main .box.sth .pc .sense-box .parts .part2 {

  width: 400px;

  height: 180px;

  overflow: hidden;

  position: relative;

  top: -140px;

  left: 765px;

}

.cyfw.main .box.sth .pc .sense-box .parts .part2:hover > .intro {

  margin-top: 10px;

}

.cyfw.main .box.sth .pc .sense-box .parts .line2 {

  left: 640px;

  top: 48px;

  width: 126px;

  transform: rotate(-9deg);

}

.cyfw.main .box.sth .pc .sense-box .parts .part3 {

  width: 400px;

  height: 180px;

  overflow: hidden;

  position: relative;

  top: 80px;

  left: 763px;

}

.cyfw.main .box.sth .pc .sense-box .parts .part3:hover > .intro {

  margin-top: 31px;

}

.cyfw.main .box.sth .pc .sense-box .parts .line3 {

  left: 518px;

  top: 305px;

  width: 318px;

  transform: rotate(57deg);

}

.cyfw.main .box.sth .pc .sense-box .parts .part4 {

  width: 400px;

  height: 180px;

  overflow: hidden;

  position: relative;

  top: 182px;

  left: 148px;

}

.cyfw.main .box.sth .pc .sense-box .parts .part4:hover > .intro {

  margin-top: 31px;

}

.cyfw.main .box.sth .pc .sense-box .parts .line4 {

  left: 292px;

  top: 451px;

  width: 541px;

  transform: rotate(-87deg);

}

.cyfw.main .box.sth .pc .sense-box .parts .part5 {

  width: 400px;

  height: 180px;

  overflow: hidden;

  position: relative;

  top: -435px;

  left: 40px;

}

.cyfw.main .box.sth .pc .sense-box .parts .part5:hover > .intro {

  margin-top: 31px;

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.sth .pc .sense-box .parts .part5:hover > .intro {

    margin-top: 20px;

  }

}

.cyfw.main .box.sth .pc .sense-box .parts .line5 {

  left: 418px;

  top: 225px;

  width: 178px;

  transform: rotate(-41deg);

}

@media screen and (max-width: 1199px) {

  .cyfw.main .box.sth .more {

    margin-top: 40px;

  }

}

.cyfw.main .box.sth .more .button {

  width: 150px;

  text-align: center;

  display: inline-block;

  border-radius: 0;

  max-width: 100px;

  border: 1px solid #004280;

  cursor: pointer;

  transition: background 0.3s linear;

  padding: 10px 10px;

  margin: 0 auto;

  display: block;

}

.cyfw.main .box.sth .more .button a {

  color: #004884;

  font-size: 16px;

}

.cyfw.main .box.sth .more .button:hover {

  background: #004884;

}

.cyfw.main .box.sth .more .button:hover a {

  color: white;

}



.lxwm.main {

  padding-top: 70px;

}

.lxwm.main .top {

  background:  no-repeat top center;

  height: 320px;

  background-size: cover;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}

@media screen and (max-width: 991px) {

  .lxwm.main .top {

    height: 200px;

  }

}

.lxwm.main .top .topic {

  position: relative;

}

.lxwm.main .top .topic h1 {

  font-size: 40px;

  font-weight: bold;

  text-align: center;

  color: white;

  animation: bounce 2s;

  -moz-animation: bounce 2s;

  -webkit-animation: bounce 2s;

  -o-animation: bounce 2s;

}

@media screen and (max-width: 991px) {

  .lxwm.main .top .topic h1 {

    font-size: 30px;

  }

}

.lxwm.main .top .location {

  position: absolute;

  bottom: 30px;

}

.lxwm.main .top .location h2 {

  color: white;

  font-size: 32px;

  font-weight: bold;

}

.lxwm.main .content {

  margin-bottom: 80px;

}

.lxwm.main .content .about-con .side-nav {

  position: sticky;

  top: 60px;

  overflow: hidden;

  display: contents;

}

.lxwm.main .content .about-con .side-nav .about-nav {

  position: sticky;

  top: 90px;

  float: left;

}

@media screen and (max-width: 991px) {

  .lxwm.main .content .about-con .side-nav .about-nav {

    display: none;

  }

}

.lxwm.main .content .about-con .side-nav .about-nav .tabs > li {

  position: relative;

  background: #f3f3f3;

  width: 160px;

  padding: 15px 30px 15px 30px;

  border-bottom: 1px solid #eeeeee;

  margin-bottom: 10px;

}

.lxwm.main .content .about-con .side-nav .about-nav .tabs > li.active {

  background: #005bbd;

}

.lxwm.main .content .about-con .side-nav .about-nav .tabs > li.active a {

  color: white;

}

.lxwm.main .content .about-con .side-nav .about-nav .tabs > li.active a:after {

  content: "";

  width: 8px;

  height: 14px;

  background-image: url(/uploads/image/sdimg/icon-jiantou-white.png);

  background-size: 100%;

  display: block;

  position: absolute;

  top: 50%;

  transform: translatey(-50%);

  right: 14px;

}

.lxwm.main .content .about-con .side-nav .about-nav .tabs > li.active ul.sub-nav {

  text-align: center;

}

.lxwm.main .content .about-con .side-nav .about-nav .tabs > li.active ul.sub-nav li a:after {

  display: none;

}

.lxwm.main .content .about-con .side-nav .about-nav .tabs > li.active ul.sub-nav li.active a {

  color: white;

  border-bottom: 1px solid;

}

.lxwm.main .content .about-con .side-nav .about-nav .tabs > li a {

  font-size: 18px;

  color: #666666;

}

.lxwm.main .content .about-con .side-nav .about-nav .tabs > li a:after {

  content: "";

  width: 8px;

  height: 14px;

  background-image: url(/uploads/image/sdimg/icon-jiantou-gray.png);

  background-size: 100%;

  display: block;

  position: absolute;

  top: 50%;

  transform: translatey(-50%);

  right: 14px;

}

.lxwm.main .content .about-con .con {

  margin-left: 200px;

  margin-top: 80px;

}

@media screen and (max-width: 991px) {

  .lxwm.main .content .about-con .con {

    margin-left: 0;

  }

}

.lxwm.main .content .about-con .con .box .title {

  text-align: center;

  margin-bottom: 0;

}

@media screen and (max-width: 767px) {

  .lxwm.main .content .about-con .con .box .title {

    margin-bottom: 32px;

  }

}

.lxwm.main .content .about-con .con .box .title h2 {

  text-align: center;

  color: #004280;

  font-weight: bold;

  padding-bottom: 40px;

  cursor: pointer;

}

@media screen and (max-width: 991px) {

  .lxwm.main .content .about-con .con .box .title h2 {

    padding-bottom: 20px;

  }

}

.lxwm.main .content .about-con .con .box .title h2:after {

  content: "";

  display: block;

  margin-top: 16px;

  width: 100px;

  height: 2px;

  background-color: #539fdf;

  left: 50%;

  position: relative;

  transform: translate(-50%, -50%);

  transition: all 0.4s;

}

.lxwm.main .content .about-con .con .box .title h2:hover:after {

  width: calc(100px   50px);

}

.lxwm.main .content .about-con .con .box .title h2   .sub-title {

  font-size: 14px;

  color: #666666;

  margin-top: 16px;

}



.lxwm.main .kfzx.con .box.intro {

  display: flex;

  flex-wrap: wrap;

}

.lxwm.main .kfzx.con .box.intro .img-box {

  width: 30%;

  max-height: 135px;

  overflow: hidden;

}

.lxwm.main .kfzx.con .box.intro .img-box img {

  width: 100%;

}

@media screen and (max-width: 575px) {

  .lxwm.main .kfzx.con .box.intro .img-box {

    width: 100%;

  }

}

.lxwm.main .kfzx.con .box.intro .desc {

  width: 70%;

  padding-left: 15px;

}

@media screen and (max-width: 575px) {

  .lxwm.main .kfzx.con .box.intro .desc {

    padding-left: 0;

    margin-top: 30px;

  }

}

.lxwm.main .kfzx.con .box.intro .desc p {

  font-size: 14px;

}

@media screen and (max-width: 575px) {

  .lxwm.main .kfzx.con .box.intro .desc {

    width: 100%;

  }

}

.lxwm.main .kfzx.con .box.wnfw {

  padding-top: 80px;

}

.lxwm.main .kfzx.con .box.wnfw .items {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.lxwm.main .kfzx.con .box.wnfw .items .item {

  width: 50%;

  padding: 0 60px;

}

@media screen and (max-width: 575px) {

  .lxwm.main .kfzx.con .box.wnfw .items .item {

    width: 100%;

  }

  .lxwm.main .kfzx.con .box.wnfw .items .item   .item {

    margin-top: 15px;

  }

}

.lxwm.main .kfzx.con .box.wnfw .items .item img {

  width: 90px;

  height: 90px;

  margin: 0 auto;

  display: block;

}

.lxwm.main .kfzx.con .box.wnfw .items .item h3 {

  text-align: center;

  font-size: 24px;

  font-weight: bold;

  color: #004884;

  margin-top: 16px;

  margin-bottom: 8px;

}

.lxwm.main .kfzx.con .box.wnfw .items .item p {

  font-size: 14px;

}

.lxwm.main .kfzx.con .box.wnfw .contact {

  margin-bottom: 100px;

}

.lxwm.main .kfzx.con .box.wnfw .contact .contact-way {

  text-align: center;

  margin-top: 70px;

  margin-bottom: 30px;

}

.lxwm.main .kfzx.con .box.wnfw .contact .contact-way .telephone,

.lxwm.main .kfzx.con .box.wnfw .contact .contact-way .zifuwu,

.lxwm.main .kfzx.con .box.wnfw .contact .contact-way .email {

  margin: 0 auto;

  margin-bottom: 20px;

  width: 280px;

  background: #539fdf;

  cursor: pointer;

  border-radius: 30px;

  transition: transform .3s;

  -webkit-transition: transform .3s;

}

.lxwm.main .kfzx.con .box.wnfw .contact .contact-way .telephone p,

.lxwm.main .kfzx.con .box.wnfw .contact .contact-way .zifuwu p,

.lxwm.main .kfzx.con .box.wnfw .contact .contact-way .email p {

  font-size: 20px;

  color: white;

  text-align: center;

  line-height: 50px;

}

.lxwm.main .kfzx.con .box.wnfw .contact .contact-way .telephone p a,

.lxwm.main .kfzx.con .box.wnfw .contact .contact-way .zifuwu p a,

.lxwm.main .kfzx.con .box.wnfw .contact .contact-way .email p a {

  color: white;

}

.lxwm.main .kfzx.con .box.wnfw .contact .contact-way .telephone p i,

.lxwm.main .kfzx.con .box.wnfw .contact .contact-way .zifuwu p i,

.lxwm.main .kfzx.con .box.wnfw .contact .contact-way .email p i {

  margin-right: 16px;

}

.lxwm.main .kfzx.con .box.wnfw .contact .contact-way .telephone:hover,

.lxwm.main .kfzx.con .box.wnfw .contact .contact-way .zifuwu:hover,

.lxwm.main .kfzx.con .box.wnfw .contact .contact-way .email:hover {

  transform: scale(1.1);

}

.lxwm.main .lxfgs.con .box.zb .about {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.lxwm.main .lxfgs.con .box.zb .about .intro {

  padding: 0 15px;

}

.lxwm.main .lxfgs.con .box.zb .about .intro h3 {

  font-size: 20px;

  font-weight: bold;

  margin-bottom: 10px;

}

.lxwm.main .lxfgs.con .box.zb .about .intro ul li {

  font-size: 14px;

  line-height: 1.8;

}

.lxwm.main .lxfgs.con .box.zb .about .img-box {

  padding: 0 15px;

  height: 200px;

  overflow: hidden;

}

.lxwm.main .lxfgs.con .box.fgs {

  margin-top: 80px;

}

.lxwm.main .lxfgs.con .box.fgs .items {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.lxwm.main .lxfgs.con .box.fgs .items .item {

  width: 50%;

  padding: 0 15px;

}

@media screen and (max-width: 767px) {

  .lxwm.main .lxfgs.con .box.fgs .items .item {

    width: 100%;

  }

}

.lxwm.main .lxfgs.con .box.fgs .items .item h3 {

  font-size: 18px;

  font-weight: bold;

  margin-top: 20px;

  margin-bottom: 10px;

}

.lxwm.main .lxfgs.con .box.fgs .items .item ul li {

  font-size: 14px;

  line-height: 1.8;

}

.lxwm.main .lxzgs.con .box.zb .about {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.lxwm.main .lxzgs.con .box.zb .about .intro {

  padding: 0 15px;

}

.lxwm.main .lxzgs.con .box.zb .about .intro h3 {

  font-size: 20px;

  font-weight: bold;

  margin-bottom: 10px;

}

.lxwm.main .lxzgs.con .box.zb .about .intro ul li {

  font-size: 14px;

  line-height: 1.8;

}

.lxwm.main .lxzgs.con .box.zb .about .img-box {

  padding: 0 15px;

  height: 200px;

  overflow: hidden;

}

.lxwm.main .lxzgs.con .box.zgs {

  margin-top: 80px;

}

.lxwm.main .lxzgs.con .box.zgs .items {

  display: flex;

  flex-wrap: wrap;

  margin-left: -15px;

  margin-right: -15px;

}

.lxwm.main .lxzgs.con .box.zgs .items .item {

  width: 50%;

  padding: 0 15px;

}

.lxwm.main .lxzgs.con .box.zgs .items .item h3 {

  font-size: 18px;

  font-weight: bold;

  margin-top: 20px;

  margin-bottom: 10px;

}

.lxwm.main .lxzgs.con .box.zgs .items .item ul li {

  font-size: 14px;

  line-height: 1.8;

}



.footer {

  background: #f6f6f6;

  clear: both;

}

@media screen and (max-width: 991px) {

  .footer {

    background: #004884;

  }

}

.footer .pc {

  padding-top: 50px;

  padding-bottom: 35px;

}

@media screen and (max-width: 991px) {

  .footer .pc {

    display: none;

  }

}

.footer .pc .footer-nav {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}

.footer .pc .footer-nav .cell {

  padding: 0 35px;

  padding-right: 70px;

  border-left: 1px solid #dddddd;

}

@media screen and (max-width: 1199px) {

  .footer .pc .footer-nav .cell:last-child {

    display: none;

  }

}

.footer .pc .footer-nav .cell .title {

  font-weight: bold;

  margin-bottom: 10px;

}

.footer .pc .footer-nav .cell a {

  font-size: 12px;

  opacity: 0.68;

}

.footer .pc .footer-nav .cell a:hover {

  opacity: 1;

}

.footer .pc .copyright {

  margin-top: 40px;

}

.footer .pc .copyright p {

  color: #999999;

  font-size: 12px;

  text-align: center;

  line-height: 26px;

}

.footer .pc .copyright p a {

  color: #999999;

}

.footer .mobile {

  padding: 20px 0;

  display: none;

}

@media screen and (max-width: 991px) {

  .footer .mobile {

    display: block;

  }

}

.footer .mobile .copyright p {

  color: #ffffff;

  text-align: center;

}



/*鎸夐挳缁?s*/

@media screen and (max-width: 991px) {

  .footer .btns {

    display: none;

  }

}



/*鍒嗕韩鎸夐挳*/

.social-share {

  position: fixed;

  bottom: 120px;

  right: 30px;

}



.social-share .share-btn {

  background-color: #999999;

  border-radius: 50%;

  width: 50px;

  padding: 10px;

  float: right;

}



.social-share .share-btn:hover {

  background-color: #005bbd;

  cursor: pointer;

}



.social-share .social-share-icon {

  display: none;

  margin-top: 10px;

  margin-right: 10px;

}



/*杩斿洖椤堕儴鎸夐挳*/

.btns .return-top {

  position: fixed;

  bottom: 56px;

  right: 30px;

}



.btns .return-top .top-btn {

  background-color: #999999;

  border-radius: 50%;

  width: 50px;

  padding: 10px;

  float: right;

  display: none;

}



.btns .return-top .top-btn:hover {

  background-color: #005bbd;

  cursor: pointer;

}



/*鎸夐挳缁?e*/



/*# sourcemappingurl=index.css.map */