@charset "UTF-8";

body {

  font-family: "Microsoft YaHei", sans-serif;

  color: #616161;

  overflow-x: hidden;

  height: 100%;

}



.cursordefault{

  cursor: default !important;

}



@media (min-width: 1366px) {

  .container {

    width: 1200px;

    padding-left: 0;

    padding-right: 0;

  }

}

/* 图片自适应 */

img {

  max-width: 100%;

  height: auto;

  width: auto \9;

  /* ie8 */

  -ms-interpolation-mode: bicubic;

  /*为了照顾ie图片缩放失真*/

  border: none;

}



@-ms-viewport {

  width: device-width;

}

@-o-viewport {

  width: device-width;

}

@viewport {

  width: device-width;

}

/*nav*/

.navbar-default {

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  z-index: 999;

  min-height: 80px;

  border: none;

  background: none;

  border-radius: 0;

  margin-bottom: 0;

  padding-left: 3%;

  padding-right: 3%;

  background-color: transparent;

  border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}

.navbar-default .navbar-brand {

  padding-top: 16px;

  padding-bottom: 16px;

}

.navbar-default .navbar-brand .logo-h {

  display: none;

}

.navbar-default.other-header {

  background-color: #f5f6f6;

  position: static;

}

.navbar-default.other-header .navbar-brand .logo-d {

  display: none;

}

.navbar-default.other-header .navbar-brand .logo-h {

  display: block;

}

.navbar-default.other-header .header-other .search-box a {

  background: url("../images/img-05.png") no-repeat center center;

}

.navbar-default.other-header .header-other .email-box a {

  background: url("../images/img-04-2.png") no-repeat center center;

}

.navbar-default.other-header .header-other .oa-box a {

  background: url("../images/img-92-2.png") no-repeat center center;

}

.navbar-default.other-header .header-other .search-cont {

  display: inline-block;

  margin-top: -11px;

  margin-right: -20px;

}

.navbar-default.other-header .header-other .search-cont .s-inp {

  line-height: 20px;

  padding: 10px 15px;

  border: solid 1px #bfbfbf;

  font-size: 16px;

  color: #999999;

  width: 500px;

  vertical-align: middle;

}

.navbar-default.other-header .header-other .search-cont .s-clear {

  position: absolute;

  right: 6px;

  font-size: 20px;

  color: #999999;

  top: 4px;

  background: none;

  border: 0px;

}

.navbar-default.other-header .header-other .search-cont .s-btn {

  background: url("../images/img-05.png") no-repeat center center;

  border: none;

  height: 42px;

  width: 42px;

}

.navbar-default .header-other {

  padding-top: 30px;

  float: right;

}

.navbar-default .header-other > div {

  display: inline-block;

  margin-left: 20px;

}

.navbar-default .header-other > div:first-child {

  margin-left: 35px;

}

.navbar-default .header-other .search-box a {

  display: block;

  width: 20px;

  height: 20px;

  background: url("../images/img-03.png") no-repeat center center;

}

.navbar-default .header-other .email-box a {

  display: block;

  width: 20px;

  height: 20px;

  background: url("../images/img-04.png") no-repeat center center;

}

.navbar-default .header-other .oa-box a {

  display: block;

  width: 20px;

  height: 20px;

  background: url("../images/img-92.png") no-repeat center center;

}

.navbar-default .navbar-nav li {

  padding: 0;

  margin-left: 25px;

  transition: all .3s;

  position: static;

}

.navbar-default .navbar-nav li > a {

  text-align: center;

  vertical-align: bottom;

  padding: 0 5px;

  height: 80px;

  line-height: 78px;

  transition: all .3s;

  font-size: 16px;

  color: #ffffff;

  border-bottom: 2px solid transparent;

}

.navbar-default .dropdown-menu {

  background-color: white !important;

  box-shadow: 0 4px 4px rgba(4, 4, 4, 0.2);

  padding-top: 15px;

  padding-bottom: 15px;

  line-height: 36px;

  left: 0;

  right: 0;

  min-width: auto;

  border: none;

}

.navbar-default .dropdown-menu a {

  display: inline-block;

  font-size: 16px;

  height: 36px;

  line-height: 36px;

  color: #333333;

  text-align: center;

  margin-right: 30px;

}

.navbar-default .dropdown-menu a:hover {

  color: #1e85f3;

}

.navbar-default.header-down {

  border-bottom: 1px solid #999999;

  background-color: #fff;

}

.navbar-default.header-down .navbar-header {

  background-color: #fff;

}

.navbar-default.header-down .navbar-brand .logo-d {

  display: none;

}

.navbar-default.header-down .navbar-brand .logo-h {

  display: block;

}

.navbar-default.header-down .header-other .search-box a {

  background: url("../images/img-05.png") no-repeat center center;

}

.navbar-default.header-down .header-other .email-box a {

  background: url("../images/img-04-2.png") no-repeat center center;

}

.navbar-default.header-down .header-other .oa-box a {

  background: url("../images/img-92-2.png") no-repeat center center;

}

.navbar-default.header-down .navbar-nav li > a {

  color: #333333;

}



.dropdown-menu {

  opacity: 0;

  transition: all .7s;

}



.navbar-default .navbar-nav > .open .dropdown-menu {

  opacity: 1;

}



.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

  background: none;

  color: #fff;

  border-bottom-color: #004898;

}

.navbar-default.header-down .navbar-nav > li > a:hover, .navbar-default.header-down .navbar-nav > li > a:focus, .navbar-default.header-down .navbar-nav > .active > a, .navbar-default.header-down .navbar-nav > .active > a:hover, .navbar-default.header-down .navbar-nav > .active > a:focus, .navbar-default.header-down .navbar-nav > .open > a, .navbar-default.header-down .navbar-nav > .open > a:hover, .navbar-default.header-down .navbar-nav > .open > a:focus {

  background: none;

  color: #004898;

  border-bottom-color: #004898;

}



/*footer*/

.footer {

  background-color: #363636;

}

.footer .container {

  padding-top: 0 !important

}

.footer .footer-group {

  padding-top: 35px;

  padding-bottom: 35px;

  border-bottom: 1px solid rgba(153, 153, 153, 0.3);

  color: #ffffff;

}

.footer .footer-group .group-01 img {

  display: block;

  margin-left: auto;

  margin-right: auto;

}

.footer .footer-group .group-02 {

  padding-top: 5px;

  padding-bottom: 5px;

  font-size: 14px;

  line-height: 22px;

}

.footer .footer-group .group-02 .box-title {

  font-size: 14px;

  line-height: 22px;

  margin-bottom: 15px;

}

.footer .footer-group .group-02 .box-title span {

  font-size: 20px;

  display: block;

}

.footer .footer-group .group-03 .box-title {

  font-size: 14px;

  line-height: 22px;

  min-height: 22px;

  font-weight: bold;

  margin-bottom: 5px;

}

.footer .footer-group .group-03 .box-cont {

  font-size: 14px;

  line-height: 30px;

  color: #ffffff;

}

.footer .footer-group .group-03 .box-cont a {

  display: block;

  color: rgba(255, 255, 255, 0.8);

  float: left;

  margin-right: 20px;

}

.footer .footer-group .group-04 .box-img {

  margin-bottom: 10px;

}

.footer .footer-group .group-04 .box-img img {

  display: block;

  margin-left: auto;

  margin-right: auto;

  max-width: 80px;

}

.footer .footer-group .group-04 .box-title {

  text-align: center;

  font-size: 14px;

  line-height: 22px;

  color: #ffffff;

}

.footer .footer-copy {

  font-size: 12px;

  line-height: 30px;

  color: rgba(255, 255, 255, 0.5);

  padding-top: 15px;

  padding-bottom: 15px;

  text-align: center;

}

.footer .footer-copy a, .footer .footer-copy span {

  margin: 0 3px;

  display: inline-block;

}

.footer .footer-copy a {

  color: rgba(255, 255, 255, 0.5);

}

.footer .footer-copy a:hover {

  text-decoration: underline;

}



.bread-crumbs {

  padding-top: 15px;

  padding-bottom: 15px;

  line-height: 30px;

  font-size: 18px;

  color: #333333;

}

.bread-crumbs a {

  color: #333333;

}

.bread-crumbs span {

  color: #154a98;

}



.other-main {

  padding-top: 25px;

  padding-bottom: 35px;

}



.page {

  text-align: center;

  padding-top: 0px;

  padding-bottom: 0px;

  margin-top: 0px;

  

}

.page a {

  background-color: #ffffff;

  border: solid 1px #e6e6e6;

  font-size: 16px;

  color: #999999;

  padding: 12px 18px;

  display: inline-block;

  margin: 0 5px;

}

.page a:hover, .page a.current {

  background-color: #1f85f3;

  border: solid 1px #e6e6e6;

  color: #ffffff;

}



.mod-01 .box-s {

  margin-bottom: 25px;

}

.mod-01 .box-s .box-img {

  overflow: hidden;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  margin-bottom: 20px;

}

.mod-01 .box-s .box-img img {

  display: block;

  width: 100%;

  transition: all .7s;

}

.mod-01 .box-s .box-title {

  display: block;

  font-size: 22px;

  line-height: 26px;

  height: 26px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  color: #333333;

  margin-bottom: 10px;

}

.mod-01 .box-s .box-other {

  height: 30px;

  line-height: 30px;

  font-size: 14px;

  color: #666666;

}



.public-title {

  text-align: center;

  background: url("../images/img-10.png") no-repeat bottom center;

  font-size: 36px;

  line-height: 40px;

  padding-bottom: 20px;

  padding-top: 15px;

  color: #333333;

  margin-bottom: 30px;

}



.mod-02 .row {

  margin-left: -5px;

  margin-right: -5px;

}

.mod-02 .row .box-w {

  padding-left: 5px;

  padding-right: 5px;

}

.mod-02 .box-group {

  margin-bottom: 20px;

}

.mod-02 .box-title {

  font-size: 26px;

  line-height: 30px;

  color: #154a98;

  padding-top: 10px;

  padding-bottom: 15px;

  border-bottom: 1px solid #dcd9d9;

}

.mod-02 .box-cont {

  padding-top: 20px;

  padding-bottom: 20px;

}

.mod-02 .a-s {

  display: block;

  background: url("../images/img-11.png") no-repeat left 16px;

  padding-left: 15px;

  font-size: 20px;

  line-height: 30px;

  padding-top: 5px;

  padding-bottom: 5px;

  color: #333333;

}



.mod-03 .box-s {

  background-color: #ffffff;

  border-radius: 10px;

  border: solid 1px #dfdfdf;

  padding: 25px;

  display: block;

  margin-bottom: 30px;

  color: #666666;

}

.mod-03 .box-s span {

  display: block;

}

.mod-03 .box-s .box-date {

  font-size: 16px;

  line-height: 20px;

  height: 20px;

  margin-bottom: 20px;

}

.mod-03 .box-s .box-title {

  font-size: 20px;

  line-height: 30px;

  color: #333333;

  height: 60px;

  overflow: hidden;

  margin-bottom: 20px;

}

.mod-03 .box-s .box-txt {

  font-size: 16px;

  line-height: 28px;

  height: 112px;

  overflow: hidden;

  text-align: justify;

}

.mod-03 .box-s:hover {

  background-color: #004EA2;

  box-shadow: 4px 3px 11px 2px rgba(5, 57, 162, 0.21);

  border-radius: 10px;

  border: solid 1px #dfdfdf;

  color: #ffffff;

}

.mod-03 .box-s:hover .box-title {

  color: #fff;

}



.mod-04 {

  background-color: #f7f8fc;

  padding-top: 55px;

  padding-bottom: 55px;

}

.mod-04 .box-s {

  margin-bottom: 20px;

}

.mod-04 .box-s a {

  display: block;

}

.mod-04 .box-s span {

  display: block;

}

.mod-04 .box-s .box-icon {

  padding-top: 25px;

  padding-bottom: 25px;

  border-bottom: 1px solid #004ea2;

  width: 140px;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 15px;

}

.mod-04 .box-s .box-icon img {

  display: block;

  margin-left: auto;

  margin-right: auto;

  transition: all .7s;

}

.mod-04 .box-s .box-title {

  font-size: 22px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  color: #333333;

}

.mod-04 .box-s:hover .box-icon img {

  transform: scale(1.1);

}

.mod-04 .box-s:hover .box-title {

  color: #154a98;

}



.mod-05 .m-title {

  text-align: center;

  border-bottom: solid 1px #c4c4c4;

  padding-bottom: 15px;

  font-size: 14px;

  line-height: 24px;

  color: #999999;

  margin-bottom: 30px;

}

.mod-05 .m-title h1 {

  font-size: 30px;

  line-height: 38px;

  color: #333333;

  margin-bottom: 10px;

}

.mod-05 .box-cont {

  font-size: 14px;

  line-height: 26px;

  color: #666666;

  border-bottom: solid 1px #c4c4c4;

  padding-bottom: 25px;

  margin-bottom: 25px;

}

.mod-05 .box-other a {

  display: block;

  font-size: 18px;

  line-height: 26px;

  padding-top: 10px;

  padding-bottom: 10px;

  color: #333333;

  margin: 10px 0;

}

.mod-05 .box-other a:hover {

  color: #154a98;

}



.mod-06 .box-s {

  margin-bottom: 30px;

}

.mod-06 .box-s .box-img {

  position: relative;

  overflow: hidden;

  border-radius: 10px;

}

.mod-06 .box-s .box-img img {

  display: block;

  width: 100%;

}

.mod-06 .box-s .box-img .video-mc {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: url("../images/img-17.png") no-repeat center center rgba(0, 0, 0, 0.2);

}

.mod-06 .box-s .box-title {

  position: relative;

  height: 56px;

  line-height: 56px;

  padding-right: 65px;

}

.mod-06 .box-s .box-title .video-btn {

  position: absolute;

  right: 0;

  top: 0;

  width: 30px;

  text-align: center;

}

.mod-06 .box-s .box-title .video-btn img {

  vertical-align: middle;

}

.mod-06 .box-s .box-title .video-title {

  height: 56px;

  line-height: 56px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 20px;

  color: #333333;

}

.mod-06 .box-s .box-title .a-down {

  position: absolute;

  right: 35px;

  top: 0;

  width: 30px;

  text-align: center;

}

.mod-06 .box-s .box-title .a-down img {

  vertical-align: middle;

}



.mod-07 {

  background: url("../images/img-28.png") no-repeat left bottom #fff;

  background-size: contain;

  padding-top: 80px;

  padding-bottom: 80px;

}

.mod-07 .box-s .box-icon {

  padding-top: 15px;

  padding-bottom: 10px;

}

.mod-07 .box-s .box-icon img {

  display: block;

  margin-left: auto;

  margin-right: auto;

}

.mod-07 .box-s .box-title {

  text-align: center;

  background: url("../images/img-24.png") no-repeat bottom center;

  padding-top: 10px;

  padding-bottom: 15px;

  font-size: 20px;

  line-height: 24px;

  color: #333333;

}



.mod-08 {

  background: url("../images/img-25.png") no-repeat top center;

  background-size: cover;

  padding-top: 80px;

  padding-bottom: 80px;

  color: #ffffff;

  text-align: center;

}

.mod-08 .box-title {

  font-size: 36px;

  line-height: 42px;

  margin-bottom: 35px;

}

.mod-08 .box-txt {

  font-size: 18px;

  line-height: 34px;

  color: #ffffff;

}



.mod-09 .row {

  display: flex;

  margin-left: 0;

  margin-right: 0;

}

.mod-09 .row .box-w {

  display: flex;

  justify-content: center;

  flex-direction: column;

  padding-left: 0;

  padding-right: 0;

}

.mod-09 .box-s {

  padding-top: 45px;

  padding-bottom: 45px;

}

.mod-09 .box-s:nth-child(2n) {

  background-color: #eff6fb;

}

.mod-09 .box-s .box-img img {

  display: block;

  width: 100%;

  border-radius: 10px;

}

.mod-09 .box-s .box-info {

  padding-top: 20px;

  padding-bottom: 20px;

}

.mod-09 .box-s .box-info .box-title {

  display: block;

  color: #333333;

  margin-bottom: 20px;

  font-weight: bold;

  padding-left: 55px;

  min-height: 48px;

}

.mod-09 .box-s .box-info .box-title span {

  display: block;

}

.mod-09 .box-s .box-info .box-title .title-icon {

  position: absolute;

  margin-left: -55px;

}

.mod-09 .box-s .box-info .box-title .title-icon img {

  vertical-align: top;

  margin-right: 5px;

}

.mod-09 .box-s .box-info .box-title .title-txt {

  padding-top: 8px;

  padding-bottom: 8px;

  line-height: 32px;

  font-size: 26px;

}

.mod-09 .box-s .box-info .box-txt {

  font-size: 18px;

  line-height: 34px;

  color: #666666;

  overflow: hidden;

}

.mod-09 .box-s:nth-child(2n+1) .box-info {

  padding-right: 50px;

}

.mod-09 .box-s:nth-child(2n) .box-info {

  padding-left: 50px;

}



.mod-10 .top-info {

  margin-bottom: 40px;

}

.mod-10 .top-info .box-title {

  text-align: center;

  font-size: 30px;

  line-height: 40px;

  color: #333333;

  border-bottom: 1px solid #c8c8c8;

  margin-bottom: 20px;

  padding-bottom: 20px;

}

.mod-10 .top-info .box-txt {

  font-size: 14px;

  line-height: 26px;

  color: #666666;

}

.mod-10 .btm-info {

  max-width: 1025px;

  margin-left: auto;

  margin-right: auto;

  position: relative;

}

.mod-10 .btm-info .swiper-container {

  width: 100%;

  margin-left: auto;

  margin-right: auto;

  position: relative;

}

.mod-10 .btm-info .swiper-slide {

  background-size: cover;

  background-position: center;

}

.mod-10 .btm-info .gallery-top {

  margin-bottom: 20px;

}

.mod-10 .btm-info .gallery-top img {

  display: block;

  width: 100%;

}

.mod-10 .btm-info .gallery-thumbs img {

  display: block;

  width: 100%;

}

.mod-10 .btm-info .gallery-thumbs .swiper-slide {

  height: 100%;

  opacity: 0.6;

}

.mod-10 .btm-info .gallery-thumbs .swiper-slide-thumb-active {

  opacity: 1;

}

.mod-10 .btm-info .swiper-button-white {

  position: absolute;

  width: 64px;

  height: 70px;

  bottom: 7%;

  top: auto;

}

.mod-10 .btm-info .swiper-button-prev {

  background: url("../images/img-31.png") no-repeat center center;

  left: 0;

}

.mod-10 .btm-info .swiper-button-prev:hover {

  background: url("../images/img-31-h.png") no-repeat center center;

}

.mod-10 .btm-info .swiper-button-next {

  background: url("../images/img-32.png") no-repeat center center;

  right: 0;

}

.mod-10 .btm-info .swiper-button-next:hover {

  background: url("../images/img-32-h.png") no-repeat center center;

}



.mod-11 {

  padding-top: 35px;

  padding-bottom: 35px;

}

.mod-11 .row {

  display: flex;

  margin-left: 0;

  margin-right: 0;

}

.mod-11 .row .box-w {

  display: flex;

  justify-content: center;

  flex-direction: column;

  padding-left: 0;

  padding-right: 0;

}

.mod-11 .box-s .box-img img {

  display: block;

  margin-left: auto;

  margin-right: auto;

}

.mod-11 .box-s .box-info {

  padding: 15px 0;

}

.mod-11 .box-s .box-info .box-title {

  display: block;

  line-height: 42px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 34px;

  color: #333333;

  margin-bottom: 25px;

}

.mod-11 .box-s .box-info .box-title .box-icon {

  vertical-align: top;

}

.mod-11 .box-s .box-info .box-title .box-icon img {

  vertical-align: top;

  display: block;

  height: 42px;

  margin-top: -3px;

}

.mod-11 .box-s .box-info .box-txt {

  font-size: 18px;

  line-height: 34px;

  color: #666666;

  height: 180px;

  overflow: hidden;

}



.mod-12 {

  margin-bottom: 30px;

}

.mod-12 .row {

  display: flex;

  margin-left: 0;

  margin-right: 0;

}

.mod-12 .row .box-w {

  display: flex;

  justify-content: center;

  flex-direction: column;

  padding-left: 0;

  padding-right: 0;

}

.mod-12 .box-s {

  background-color: #f3f1f1;

}

.mod-12 .box-s .box-img {

  position: relative;

  overflow: hidden;

}

.mod-12 .box-s .box-img img {

  display: block;

  width: 100%;

  transition: all .7s;

}

.mod-12 .box-s .box-img .a-mc {

  background: url("../images/img-37.png") no-repeat center center rgba(31, 133, 243, 0.6);

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  opacity: 0;

  transition: all .7s;

}

.mod-12 .box-s .box-img:hover img {

  transform: scale(1.1);

}

.mod-12 .box-s .box-img:hover .a-mc {

  opacity: 1;

}

.mod-12 .box-s .box-info {

  padding: 20px 50px;

}

.mod-12 .box-s .box-info .box-title {

  display: block;

  overflow: hidden;

  font-size: 26px;

  color: #333333;

  margin-bottom: 25px;

  padding-left: 55px;

  min-height: 60px;

}

.mod-12 .box-s .box-info .box-title span {

  display: block;

}

.mod-12 .box-s .box-info .box-title .title-icon {

  position: absolute;

  margin-left: -55px;

}

.mod-12 .box-s .box-info .box-title .title-icon img {

  vertical-align: top;

}

.mod-12 .box-s .box-info .box-title .title-txt {

  line-height: 34px;

  padding-top: 10px;

  padding-bottom: 10px;

}

.mod-12 .box-s .box-info .box-txt {

  font-size: 16px;

  line-height: 30px;

  color: #666666;

  height: 90px;

  overflow: hidden;

  margin-bottom: 25px;

}

.mod-12 .box-s .box-info .box-group {

  display: flex;

  font-size: 16px;

  line-height: 36px;

  color: #666666;

  text-align: center;

}

.mod-12 .box-s .box-info .box-group > div {

  flex: 1;

  line-height: 1.2;

}

.mod-12 .box-s .box-info .box-group .num-s {

  font-size: 16px;

  color: #1f85f3;

}

.mod-12 .box-s .box-info .box-group .num-s span {

  font-size: 40px;

  font-weight: bold;

  margin-right: 5px;

}



.mod-13 {

  padding-top: 60px;

  padding-bottom: 60px;

}

.mod-13 .box-top {

  margin-bottom: 30px;

}

.mod-13 .box-top .box-title {

  background: url("../images/img-50.png") no-repeat bottom center;

  line-height: 54px;

  padding-bottom: 15px;

  font-size: 36px;

  color: #333333;

  margin-bottom: 25px;

  text-align: center;

}

.mod-13 .box-top .box-txt {

  font-size: 18px;

  line-height: 34px;

  color: #666666;

  text-align: justify;

  /*text-align: center;*/

}

.mod-13 .box-btm .row {

  margin-left: 0;

  margin-right: 0;

}

.mod-13 .box-btm .row .box-w {

  padding-left: 0;

  padding-right: 0;

}

.mod-13 .box-btm .row .box-w:nth-child(2) .box-s {

  background-color: #f5f5f5;

}

.mod-13 .box-btm .box-s {

  padding-top: 50px;

  padding-bottom: 50px;

  background-color: #eeeeee;

  text-align: center;

}

.mod-13 .box-btm .box-s .box-icon {

  margin-bottom: 20px;

}

.mod-13 .box-btm .box-s .box-icon img {

  display: block;

  margin-left: auto;

  margin-right: auto;

}

.mod-13 .box-btm .box-s .box-title {

  font-size: 18px;

  color: #333333;

  margin-bottom: 5px;

  line-height: 1.1;

}

.mod-13 .box-btm .box-s .box-title span {

  margin-right: 5px;

  font-size: 46px;

  font-weight: bold;

}

.mod-13 .box-btm .box-s .box-txt {

  font-size: 16px;

  line-height: 36px;

  color: #333333;

}



./*mod-14 {

  background: url("../images/img-41.png") no-repeat center center;

  background-size: cover;

  padding-top: 5%;

  padding-bottom: 5%;

}*/

.mod-14 .box-info {

  margin-bottom: 35px;

}

.mod-14 .box-info .box-title {

  font-size: 44px;

  line-height: 56px;

  letter-spacing: 1px;

  color: #ffffff;

  font-weight: bold;

  margin-bottom: 25px;

  text-align: center;

}

.mod-14 .box-info .box-txt {

  font-size: 18px;

  line-height: 34px;

  color: #ffffff;

  /*text-align: center;*/

}

.mod-14 .box-img {

  padding: 0 15px;

}

.mod-14 .box-img img {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.mod-15 .row {

  display: flex;

  margin-left: 0;

  margin-right: 0;

}

.mod-15 .row .box-w {

  display: flex;

  justify-content: center;

  flex-direction: column;

  padding-left: 0;

  padding-right: 0;

}

.mod-15 .box-s {

  padding-top: 45px;

  padding-bottom: 45px;

}

.mod-15 .box-s:nth-child(2n) {

  background-color: #eff6fb;

}

.mod-15 .box-s .box-img img {

  display: block;

  width: 100%;

  border-radius: 10px;

}

.mod-15 .box-s .box-info {

  padding-top: 20px;

  padding-bottom: 20px;

}

.mod-15 .box-s .box-info .box-title {

  display: block;

  color: #333333;

  margin-bottom: 20px;

  font-weight: bold;

  padding-left: 55px;

  min-height: 48px;

}

.mod-15 .box-s .box-info .box-title span {

  display: block;

}

.mod-15 .box-s .box-info .box-title .title-icon {

  position: absolute;

  margin-left: -55px;

}

.mod-15 .box-s .box-info .box-title .title-icon img {

  vertical-align: top;

  margin-right: 5px;

}

.mod-15 .box-s .box-info .box-title .title-txt {

  padding-top: 8px;

  padding-bottom: 8px;

  line-height: 32px;

  font-size: 26px;

}

.mod-15 .box-s .box-info .box-txt {

  font-size: 16px;

  line-height: 34px;

  color: #666666;

  text-align: justify;

}

.mod-15 .box-s .box-info .box-info-img img {

  display: block;

}

.mod-15 .box-s .box-info .box-group {

  display: flex;

  padding-top: 30px;

  padding-bottom: 30px;

}

.mod-15 .box-s .box-info .box-group > div {

  flex: 1;

  padding-left: 5px;

  padding-right: 5px;

}

.mod-15 .box-s .box-info .box-group .box-icon {

  margin-bottom: 10px;

}

.mod-15 .box-s .box-info .box-group .box-icon img {

  display: block;

  margin-left: auto;

  margin-right: auto;

}

.mod-15 .box-s .box-info .box-group .box-name {

  font-size: 20px;

  line-height: 36px;

  color: #333333;

  font-weight: bold;

  text-align: center;

}

.mod-15 .box-s:nth-child(2n+1) .box-info {

  padding-right: 50px;

}

.mod-15 .box-s:nth-child(2n) .box-info {

  padding-left: 50px;

}



.mod-16 .box-start {

  background: url("../images/img-51.png") no-repeat top center;

  width: 16px;

  height: 16px;

  margin-left: auto;

  margin-right: auto;

}

.mod-16 .box-list {

  padding-top: 30px;

  padding-bottom: 30px;

  position: relative;

  background: url("../images/img-56.png") repeat-y top center;

}

.mod-16 .box-warp {

  width: 51%;

  box-sizing: border-box;

}

.mod-16 .box-warp.box-l {

  background: url("../images/img-52.png") no-repeat right 4px top 38px;

  padding-right: 45px;

  float: left;

}

.mod-16 .box-warp.box-l .box-s:after {

  content: '';

  position: absolute;

  right: -15px;

  top: 35px;

  background: url("../images/img-54.png") no-repeat top center;

  width: 20px;

  height: 22px;

}

.mod-16 .box-warp.box-l .box-s .box-title {

  text-align: right;

}

.mod-16 .box-warp.box-l .box-s .box-img {

  margin-right: 20px;

}

.mod-16 .box-warp.box-r {

  background: url("../images/img-52.png") no-repeat left 4px top 38px;

  padding-left: 45px;

  float: right;

}

.mod-16 .box-warp.box-r .box-s:after {

  content: '';

  position: absolute;

  left: -15px;

  top: 35px;

  background: url("../images/img-53.png") no-repeat top center;

  width: 20px;

  height: 22px;

}

.mod-16 .box-warp.box-r .box-s .box-img {

  margin-left: 20px;

}

.mod-16 .box-s {

  background-color: #4398f4;

  border-radius: 10px;

  padding: 20px;

  font-size: 18px;

  line-height: 28px;

  color: #ffffff;

  box-sizing: border-box;

  min-height: 100px;

  position: relative;

  margin-bottom: 25px;

  /*display: flex;*/

  justify-content: center;

  align-items: center;

  overflow: hidden;

}

.mod-16 .box-s .box-img {

  max-width: 145px;

  width: 145px;

  min-width: 145px;

}

.mod-16 .box-s .box-img img {

  display: block;

  border-radius: 8px;

}

.mod-16 .box-s .box-title {

  font-size: 40px;

  line-height: 44px;

  color: #ffffff;

  margin-bottom: 10px;

  font-weight: bold;

}



.mod-17 {

  background-color: #ffffff;

  box-shadow: 0 0 15px rgba(177, 216, 255, 0.35);

  border-radius: 5px;

  padding: 45px;

  position: relative;

  z-index: 99;

  margin-top: -45px;

  margin-bottom: 40px;

}

.mod-17 .box-top {

  margin-bottom: 30px;

}

.mod-17 .box-top .box-map img {

  display: block;

  width: 100%;

}

.mod-17 .box-top .box-info {

  padding-top: 30px;

}

.mod-17 .box-top .box-info .box-s .box-icon {

  margin-right: 20px;

}

.mod-17 .box-top .box-info .box-s .box-icon img {

  vertical-align: middle;

}

.mod-17 .box-top .box-info .box-s .box-txt {

  font-size: 18px;

  line-height: 22px;

  color: #333333;

}

.mod-17 .box-top .box-info .box-s .f-1 {

  font-size: 26px;

  font-weight: bold;

}

.mod-17 .box-form label {

  font-size: 18px;

  color: #333333;

  text-align: right;

  font-weight: normal !important;

}

.mod-17 .box-form label span {

  color: #ff002a;

}

.mod-17 .inp-new {

  background-color: #f8f8f8;

}

.mod-17 .btn-new {

  background-color: #1f85f3;

}



.contact-us {

  background: url("../images/img-64.png") no-repeat left bottom #fcfdff;

  padding-bottom: 50px;

}



.mod-18 .box-s {

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

  border: solid 1px #cfcfcf;

  padding: 35px 25px;

  font-size: 16px;

  line-height: 32px;

  color: #333333;

}

.mod-18 .box-s .box-title {

  font-size: 22px;

  line-height: 28px;

  color: #154a98;

  margin-bottom: 20px;

}

.mod-18 .owl-nav {

  position: absolute;

  left: 0;

  right: 0;

  top: 50%;

  height: 0;

  z-index: 99;

  width: 100%;

}

.mod-18 .owl-nav button {

  width: 38px;

  height: 70px;

  margin-top: -35px;

  position: absolute;

}

.mod-18 .owl-nav button.owl-prev {

  background: url("../images/img-62.png") no-repeat;

  left: 0;

}

.mod-18 .owl-nav button.owl-prev:hover {

  background: url("../images/img-62-h.png") no-repeat;

}

.mod-18 .owl-nav button.owl-next {

  background: url("../images/img-63.png") no-repeat;

  right: 0;

}

.mod-18 .owl-nav button.owl-next:hover {

  background: url("../images/img-63-h.png") no-repeat;

}



.mod-19 {

  padding-bottom: 50px;

  padding-top: 50px;

}

.mod-19 .box-menu {

  margin-bottom: 35px;

}

.mod-19 .box-menu .row {

  margin-left: -5px;

  margin-right: -5px;

}

.mod-19 .box-menu .row .box-w {

  padding-left: 5px;

  padding-right: 5px;

  margin-bottom: 10px;

}

.mod-19 .box-menu .inp-s {

  height: 60px;

  line-height: 60px;

  background: #e4f0fc;

  padding-top: 0;

  padding-bottom: 0;

  font-size: 14px;

  color: #333333;

}

.mod-19 .box-menu .btn-s {

  background-color: #1f85f3;

  font-size: 20px;

  color: #ffffff;

  height: 60px;

}

.mod-19 .box-s {

  border: solid 1px #d6d4d4;

  height: 275px;
  
  border-radius: 10px;

  padding: 25px 20px;

  transition: all .7s;

  margin-bottom: 30px;

}

.mod-19 .box-s:hover {

  box-shadow: 0 14px 40px rgba( 49, 49, 50, 0.25);

}

.mod-19 .box-s .box-title {

  font-size: 24px;

  line-height: 34px;

  height: 34px;

  color: #333333;

  margin-bottom: 20px;

}

.mod-19 .box-s .box-title .add-s {

  font-size: 20px;

  color: #999999;

}

.mod-19 .box-s .box-cont {

  font-size: 16px;

  line-height: 30px;

  color: #666666;

  margin-bottom: 20px;

}

.mod-19 .box-s .box-cont span {

  color: #333333;

}

.mod-19 .box-s .box-a a {

  display: block;

  width: 105px;

  height: 32px;

  line-height: 32px;

  text-align: center;

  font-size: 14px;

  color: #ffffff;

}

.mod-19 .box-s .box-a a.a-1 {

  background-color: #154a97;

}

.mod-19 .box-s .box-a a.a-2 {

  background-color: #1f85f3;

}



.mod-20 {

  padding-top: 50px;

  padding-bottom: 50px;

}

.mod-20 .row {

  margin-left: 0;

  margin-right: 0;

}

.mod-20 .row .box-w {

  padding-left: 0;

  padding-right: 0;

}

.mod-20 .box-s {

  display: flex;

}

.mod-20 .box-s > div {

  width: 50%;

}

.mod-20 .box-s > div.box-img img {

  display: block;

  width: 100%;

}

.mod-20 .box-s > div.box-info {

  display: flex;

  justify-content: center;

  flex-direction: column;

  text-align: center;

  line-height: 1.2;

  font-size: 26px;

}

.mod-20 .box-s > div.box-info span {

  font-weight: bold;

  font-size: 30px;

  display: block;

}

.mod-20 .box-s.box-01 .box-info {

  background-color: #eef0f2;

  color: #333;

}

.mod-20 .box-s.box-02 .box-info {

  background-color: #1f85f3;

  color: #fff;

}

.mod-20 .box-s.box-03 .box-info {

  background-color: #7dbcff;

  color: #fff;

}



.job-mc {

  position: fixed;

  z-index: 9998;

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

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  display: none;

}



.job-box {

  position: fixed;

  left: 0;

  right: 0;

  z-index: 9999;

  display: none;

  height: 600px;

  top: 50%;

  margin-top: -300px;

}

.job-box .cont-main {

  width: 100%;

  background-color: #ffffff;

  border-radius: 8px;

  padding: 50px 25px;

  position: relative;

}

.job-box .a-close {

  position: absolute;

  right: 15px;

  top: 15px;

}

.job-box .box-top {

  font-size: 16px;

  line-height: 24px;

  border-bottom: 1px solid #e0e0e0;

  padding-bottom: 15px;

  margin-bottom: 15px;

  color: #666666;

}

.job-box .box-top .box-title {

  line-height: 38px;

  font-size: 28px;

  color: #333333;

  margin-bottom: 15px;

}

.job-box .box-top span {

  margin-right: 30px;

}

.job-box .mCSB_dragger_bar {

  background-color: #154a98 !important;

}

.job-box .mCSB_inside > .mCSB_container {

  margin-right: 15px;

}

.job-box .content_2 {

  height: 350px;

  font-size: 16px;

  line-height: 30px;

  color: #333333;

}

.job-box .a-s {

  position: absolute;

  bottom: 15px;

  right: 25px;

  display: block;

  width: 105px;

  height: 32px;

  line-height: 32px;

  text-align: center;

  font-size: 14px;

  color: #ffffff;

  background-color: #1f85f3;

}



.mod-21 {

  background: url("../images/img-49.png") no-repeat top center;

  background-size: cover;

  padding-top: 65px;

  padding-bottom: 65px;

  text-align: center;

  color: #ffffff;

}

.mod-21 .title-en {

  font-family: Arial;

  font-size: 50px;

  margin-bottom: 5px;

  line-height: 1.1;

}

.mod-21 .title-ch {

  font-size: 26px;

  margin-bottom: 40px;

}

.mod-21 .box-btn {

  width: 190px;

  height: 48px;

  line-height: 48px;

  border-radius: 24px;

  text-align: center;

  background-color: #fff;

  color: #333;

  font-size: 14px;

  display: block;

  margin-left: auto;

  margin-right: auto;

  position: relative;

}

.mod-21 .box-btn:after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 0;

  height: 100%;

  border-radius: 24px;

  opacity: 0;

  transition-duration: .39s;

  transition-property: opacity width;

  transition-timing-function: step-start;

  background-color: #154a98;

}

.mod-21 .box-btn span {

  position: relative;

  z-index: 9;

}

.mod-21 .box-btn:hover {

  color: #fff;

}

.mod-21 .box-btn:hover:after {

  opacity: 1;

  width: 100%;

  transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99), step-start;

}



.mod-22 .m-title {

  font-size: 36px;

  line-height: 40px;

  color: #333333;

  margin-bottom: 30px;

}

.mod-22 .m-title span {

  color: #154a97;

}

.mod-22 ul li {

  vertical-align: bottom;

  border-bottom: 1px solid #c2c2c2;

  padding-bottom: 20px;

  padding-top: 20px;

}

.mod-22 ul li .box-title {

  display: block;

  font-size: 24px;

  line-height: 36px;

  color: #154a97;

  margin-bottom: 15px;

}

.mod-22 ul li .box-txt {

  font-size: 16px;

  line-height: 26px;

  color: #666666;

  margin-bottom: 10px;

}

.mod-22 ul li .box-date {

  font-size: 14px;

  font-weight: normal;

  letter-spacing: 0px;

  color: #666666;

}



/*index*/

.section .container {

  padding-top: 50px;

}



/*banner*/

.index-banner a {

  display: block;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-position: top center;

  background-size: cover;

}



.index-banner .owl-dots {

  position: absolute;

  bottom: 20px;

  left: 0;

  right: 0;

  text-align: center;

}



.index-banner .owl-dots .owl-dot span {

  display: block;

  width: 60px;

  height: 12px;

  background-color: transparent;

  border-radius: 10px;

  border: 2px solid rgba(255, 255, 255, 0.6);

  margin: 0 8px;

}



.index-banner .owl-dots .owl-dot.active span {

  background: #fff;

}



.index-banner.owl-carousel,

.index-banner .owl-stage-outer, .index-banner .owl-stage, .index-banner .owl-item,

.index-banner .item {

  height: 100%;

  min-height: 100%;

  position: relative;

}



#banner .owl-page.active {

  background: #10bb71;

}



.index-title {

  text-align: center;

  background: url("../images/img-70.png") no-repeat top center;

  padding-top: 15px;

  padding-bottom: 20px;

  margin-bottom: 10px;

  line-height: 1.3;

}

.index-title .title-ch {

  font-size: 30px;

  color: #333333;

  margin-bottom: 5px;

}

.index-title .title-en {

  font-size: 20px;

  color: #d8d8d8;

  font-weight: bold;

  font-family: Arial;

}



.index-more {

  width: 190px;

  height: 48px;

  line-height: 48px;

  background-color: #2988f0;

  border-radius: 24px;

  display: block;

  margin-left: auto;

  margin-right: auto;

  font-size: 16px;

  color: #fff;

  transition: .13s ease-in;

  text-align: center;

  margin-top: 45px;

  position: relative;

}

.index-more span {

  position: relative;

  z-index: 9;

}

.index-more:after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 0;

  height: 100%;

  border-radius: 24px;

  opacity: 0;

  transition-duration: .39s;

  transition-property: opacity width;

  transition-timing-function: step-start;

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

}

.index-more:hover {

  background-color: #1f85f3;

  color: #fff;

}

.index-more:hover:after {

  opacity: 1;

  width: 100%;

  transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99), step-start;

}



.about-us {

  background: url("../images/img-71.png") no-repeat bottom center #fff;

  background-size: contain;

  padding-bottom: 50px;

}

.about-us .mod-13 {

  padding-top: 0;

  padding-bottom: 0;

}



.news-center {

  background-color: #f4f4f4;

  padding-bottom: 50px;

}

.news-center .news-cont {

  background-color: #fff;

}

.news-center .row {

  margin-left: 0;

  margin-right: 0;

}

.news-center .row .box-w {

  padding-left: 0;

  padding-right: 0;

}

.news-center .box-left {

  position: relative;

}

.news-center .box-left .box-img img {

  display: block;

  width: 100%;

}

.news-center .box-left .box-info {

  position: absolute;

  right: 20px;

  left: 20px;

  bottom: 20px;

  font-size: 14px;

  line-height: 26px;

  color: #ffffff;

}

.news-center .box-left .box-info .title-s {

  border-bottom: 1px solid #fff;

  padding-top: 15px;

  padding-bottom: 15px;

  line-height: 30px;

  font-size: 24px;

  color: #ffffff;

  display: block;

  margin-bottom: 10px;

}

.news-center .box-left .box-info .txt-s {

  height: 52px;

  overflow: hidden;

}

.news-center .new-list {

  padding: 30px;

}

.news-center .new-list li {

  padding-left: 100px;

  height: 100px;

  margin-top: 18px;

  margin-bottom: 18px;

}

.news-center .new-list li .box-date {

  position: absolute;

  margin-left: -100px;

  width: 100px;

  text-align: center;

  font-size: 16px;

  line-height: 20px;

  color: #154a98;

}

.news-center .new-list li .box-date span {

  display: block;

  font-size: 54px;

  line-height: 58px;

}

.news-center .new-list li .title-s {

  border-bottom: 1px solid #fff;

  height: 28px;

  line-height: 28px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 18px;

  color: #154a98;

  display: block;

  margin-bottom: 5px;

}

.news-center .new-list li .txt-s {

  font-size: 14px;

  line-height: 22px;

  color: #333333;

  height: 44px;

  overflow: hidden;

}

.news-center .new-list li:hover .box-date {

  color: #1f85f3;

}

.news-center .new-list li:hover .title-s {

  color: #1f85f3;

}



.index-other-box {

  height: 100%;

  min-height: 100%;

}

.index-other-box div {

  height: 100%;

  min-height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: top center;

  text-align: right;

  display: flex;

  justify-content: center;

  flex-direction: column;

}

.index-other-box div img {

  display: inline-block;

  width: auto;

}



.project-list .project-main.owl-carousel,

.project-list .project-main .owl-stage-outer,

.project-list .project-main .owl-stage,

.project-list .project-main .owl-item,

.project-list .project-main .item {

  height: 100%;

  min-height: 100%;

  position: relative;

}

.project-list .owl-nav {

  position: absolute;

  left: 50%;

  margin-left: -78px;

  bottom: 10%;

  height: 0;

  z-index: 99;

  width: 156px;

}

.project-list .owl-nav button {

  width: 78px;

  height: 70px;

  margin-top: -35px;

  position: absolute;

}

.project-list .owl-nav button.owl-prev {

  background: url("../images/left-1.png") no-repeat;

  left: 0;

}

.project-list .owl-nav button.owl-prev:hover {

  background: url("../images/left-2.png") no-repeat;

}

.project-list .owl-nav button.owl-next {

  background: url("../images/right-1.png") no-repeat;

  right: 0;

}

.project-list .owl-nav button.owl-next:hover {

  background: url("../images/right-2.png") no-repeat;

}

.project-list .box-s {

  background-color: #fff;

  height: 100%;

  width: 100%;

}

.project-list .box-s .row {

  margin-left: 0;

  margin-right: 0;

  display: flex;

  height: 100%;

}

.project-list .box-s .row .box-w {

  padding-left: 0;

  padding-right: 0;

  display: flex;

  flex-direction: column;

  justify-content: center;

  height: 100%;

}

.project-list .box-s .box-img {

  width: 100%;

  height: 100%;

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  min-height: 100%;

}

.project-list .box-s .box-info {

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: 30px 80px;

}

.project-list .box-s .box-info .box-title {

  background: url("../images/img-80.png") no-repeat left bottom;

  font-size: 26px;

  color: #333333;

  padding-top: 15px;

  padding-bottom: 15px;

  margin-bottom: 25px;

  line-height: 32px;

}

.project-list .box-s .box-info .box-txt {

  font-size: 18px;

  line-height: 34px;

  height: 102px;

  overflow: hidden;

  color: #666666;

  margin-bottom: 10px;

}

.project-list .box-s .box-info .box-other {

  font-size: 22px;

  line-height: 30px;

  color: #999999;

}

.project-list .box-s .box-info .box-other > div {

  float: left;

  margin-right: 25px;

  padding-bottom: 10px;

}

.project-list .box-s .box-info .box-other > p {

  float: left;

  margin-right: 25px;

  padding-bottom: 10px;

}

.project-list .box-s .box-info .box-other > div:last-child {

  margin-right: 0;

}

.project-list .box-s .box-info .box-other > p:last-child {

  margin-right: 0;

}

.project-list .box-s .box-info .box-other span {

  font-size: 40px;

  font-weight: bold;

  color: #333333;

  line-height: 1;

}

.project-list .box-s .box-info .box-other bdo {

  /*font-size: 40px;*/

  font-size: 36px;

  font-weight: bold;

  color: #333333;

  line-height: 1;

}

.project-list .box-s .box-info .box-other span sub {

  font-size: 18px;

  margin-left: 5px;

}

.project-list .box-s .box-info .index-more {

  margin-left: 0;

}



.business-list {

  height: 100%;

  min-height: 100%;

}

.business-list li {

  height: 100%;

  min-height: 100%;

  float: left;

  width: 25%;

  position: relative;

  overflow: hidden;

  transition: all .3s;

}

.business-list li .li-title {

  position: absolute;

  text-align: center;

  color: #ffffff;

  font-weight: bold;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  transition: all .7s;

  background-repeat: no-repeat;

  background-position: top center;

  background-size: cover;

}

.business-list li .li-title span {

  font-size: 30px;

  height: 40px;

  line-height: 40px;

  display: block;

  position: absolute;

  width: 100%;

  top: 50%;

  margin-top: -20px;

  text-align: center;

  transition: all .7s;

}

.business-list li .li-btm {

  position: absolute;

  bottom: -220px;

  left: 0;

  right: 0;

  background-color: #6bb6ff;

  padding-top: 60px;

  padding-bottom: 60px;

  transition: all .7s;

  height: 220px;

}

.business-list li .li-btm span {

  display: block;

}

.business-list li .li-btm .box-icon {

  margin-bottom: 10px;

}

.business-list li .li-btm .box-icon img {

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 60px;

  height: 60px;

}

.business-list li .li-btm .box-title {

  font-size: 26px;

  text-align: center;

  line-height: 30px;

  color: #ffffff;

}

.business-list li .phone-img {

  display: block;

}

.business-list li .phone-img img {

  display: block;

  width: 100%;

}

.business-list li.li-01 {

  background-color: #1f85f3;

  color: #fff;

  padding-top: 120px;

}

.business-list li.li-01 .box-title {

  line-height: 1.2;

  position: absolute;

  left: 10%;

  right: 10%;

}

.business-list li.li-01 .box-title .title-en {

  font-size: 60px;

  font-weight: bold;

  line-height: 1.1;

  margin-bottom: 20px;

}

.business-list li.li-01 .box-title .title-ch {

  font-size: 30px;

}

.business-list li.li-01 .box-txt {

  position: absolute;

  bottom: 20%;

  left: 10%;

  right: 10%;

  font-size: 14px;

  line-height: 26px;

  color: #ffffff;

  text-align: justify;

}

.business-list li.li-02 {

  transition: all .7s;

}

.business-list li.li-02:hover .li-title {

  top: -220px;

}

.business-list li.li-02:hover .li-title span {

  opacity: 0;

}

.business-list li.li-02:hover .li-btm {

  bottom: 0;

}



.banner-video {

  position: relative;

  width: 100%;

  height: 100%;

}

.banner-video .video-s {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

}

.banner-video .video-title {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  text-align: center;

  color: #ffffff;

  font-size: 30px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  padding: 0 30px;

}

.banner-video .video-title img {

  display: block;

  width: auto !important;

}



#myVideo {

  position: absolute;

  right: 0;

  bottom: 0;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-size: 100% 100%;

  background-color: black;

  /* in case the video doesn't fit the whole page*/

  background-position: center center;

  background-size: contain;

  object-fit: cover;

  /*cover video background */

  z-index: 3;

}



/* map */

@keyframes animation-line {

  0% {

    stroke-dashoffset: 700px;

  }

  50% {

    stroke-dashoffset: 0;

  }

  60% {

    stroke-dashoffset: 0;

  }

  70% {

    stroke-dashoffset: -700px;

  }

  to {

    stroke-dashoffset: -700px;

  }

}

.map-tab-bd {

  margin-top: 5rem;

}



.map-item {

  position: relative;

}



@media (min-width: 800px) {

  .map-item {

    width: 100%;

    margin: 0 auto;

  }

}

.map-item img {

  display: block;

  width: 100%;

  height: auto;

}



.map-tab-hd {

  border-bottom: 1px solid rgba(136, 145, 152, 0.4);

}



.map-tab-hd li {

  position: relative;

  margin-bottom: -1px;

  border-bottom: 2px solid transparent;

  float: left;

  max-width: 10rem;

  width: 25%;

  padding-bottom: 1rem;

  text-align: center;

  transition: .13s;

  cursor: pointer;

}



@media (max-width: 800px) {

  .map-tab-hd li {

    width: 22%;

  }



  .map-tab-hd li:last-child {

    width: 34%;

  }

}

.map-tab-hd .selected {

  border-bottom-color: #0067da;

  color: #0067da;

  font-weight: 700;

}



.map-lines {

  position: absolute;

  fill: none;

  left: 0;

  top: 0;

  width: 100%;

  height: auto;

  stroke-width: .4px;

}



.map-line {

  stroke: rgba(32, 133, 243, 0.5);

  stroke-width: 1.25px;

  stroke-dashoffset: 700px;

  stroke-dasharray: 700px;

  -webkit-animation: animation-line 5s linear;

  animation: animation-line 5s linear;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



.map-line-1{-webkit-animation-delay:1s;animation-delay:1s;}
.map-line-2{-webkit-animation-delay:1.36s;animation-delay:1.36s}
.map-line-3{-webkit-animation-delay:1.72s;animation-delay:1.72s}
.map-line-4{-webkit-animation-delay:2.08s;animation-delay:2.08s}
.map-line-5{-webkit-animation-delay:2.44s;animation-delay:2.44s}
.map-line-6{-webkit-animation-delay:2.8s;animation-delay:2.8s}
.map-line-7{-webkit-animation-delay:3.16s;animation-delay:3.16s}
.map-line-8{-webkit-animation-delay:3.52s;animation-delay:3.52s}
.map-line-9{-webkit-animation-delay:3.88s;animation-delay:3.88s}
.map-line-10{-webkit-animation-delay:4.24s;animation-delay:4.24s}
.map-line-11{-webkit-animation-delay:4.6s;animation-delay:4.6s}
.map-line-12{-webkit-animation-delay:4.96s;animation-delay:4.96s}


.map-dot {

  position: absolute;

  width: 8px;

  height: 8px;

  margin: -3px 0 0 -3px;

  border-radius: 25px;

  background: #2085f3;

}



@media (max-width: 800px) {

  .map-dot {

    -webkit-transform: scale(0.8);

    transform: scale(0.8);

  }

}

.map-dot label {

  position: absolute;

  white-space: nowrap;

  color: #888;

  font-size: 13px;

  font-weight: 200;

}



.map-label-left {

  right: 200%;

  top: -5px;

}



.map-label-right {

  left: 200%;

  top: -5px;

}



.map-label-top {

  left: 50%;

  top: -300%;

  -webkit-transform: translateX(-50%) translateY(0);

  transform: translateX(-50%) translateY(0);

}



.map-dot-0 .map-label-top {

  top: -120%;

}



.map-label-bottom {

  left: 50%;

  top: 120%;

  -webkit-transform: translateX(-50%) translateY(0);

  transform: translateX(-50%) translateY(0);

}



.map-dot-0 .map-label-bottom {

  top: 120%;

}



.map-dot-0 {

  width: 19px;

  height: 19px;

  margin: -10px 0 0 -10px;

  left: 40%;

  top: 40.5%;

}



@media (max-width: 800px) {

  .map-dot label {

    font-size: 12px;

  }

}



.other-banner img {

  display: block;

  width: 100%;

}


#video-box {
  width: 900px;
}
@media (max-width: 767px) {

  #video-box {
    width: 100%;
    min-width: 100%;
  }

}


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