/*-----------------------------------------------------------------------------------
  1.  Base
  2.  Header
  3.  Content
    3a.  About Page
    3b.  Services Page
    3c.  Blog Page
    3d.  Contact Page
  4.  Footer
-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*  1. Base
/*-----------------------------------------------------------------------------------*/

::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-track-piece {
  opacity: 0;
}

::-webkit-scrollbar-thumb {
  background: rgba(92, 110, 130, 0.6);
  border-radius: 3px;
}

@font-face {
  font-family: 'AlibabaPuHuiTi_ExtraBold'; /* Project id 2934005 */
  src: url('../fonts/txtfonts/Alibaba_PuHuiTi_2.0_55_Regular_85_Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'AlibabaPuHuiTi_Regular'; /* Project id 2934005 */
  src: url('../fonts/txtfonts/Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'AlimamaShuHeiTi'; /* Project id 2934005 */
  src: url('../fonts/txtfonts/Alimama_ShuHeiTi_Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'EuclidCircularA_Bold'; /* Project id 2934005 */
  src: url('../fonts/txtfonts/Euclid_Circular_A_Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'EuclidCircularA'; /* Project id 2934005 */
  src: url('../fonts/txtfonts/Euclid_Circular_A_Regular.ttf') format('truetype');
}

html,
body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  min-width: 1500px;
}

body {
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  color: #333333;
  line-height: 1.6;
}

.mb24 {
  margin-bottom: 24px;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

blockquote {
  margin: 1em 0;
  border-left: 10px solid #0b60a9;
  padding-left: 12px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.1em;
}



pre {
  white-space: pre;
  word-wrap: normal;
  overflow-x: scroll;
  line-height: 1.3;
  margin: 1em 0;
}

figure {
  max-width: 100%;
  height: auto;
}

*::-moz-selection {
  background: #000;
  color: #fff;
}

*::selection {
  background: #000;
  color: #fff;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}
body a {
  color: inherit;
}
body a:hover, body a:focus{
  color: inherit;
}
label {
  display: block;
  color: #333333;
  font-size: 15px;
  text-transform: uppercase;
}



textarea {
  width: 100%;
  padding: 0 15px;
  border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 20px;
  margin-top: 0;
}

h1 {
  font-size: 46px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

p {
  color: #333333;
}

a {
  color: #0b60a9;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a:hover,
a:focus {
  color: #08487e;
  text-decoration: none;
  outline: 0;
}

input::-moz-focus-inner {
  border: 0;
}

a img {
  border: none;
}

img {
  max-width: 100%;
}

.nomargin-bottom {
  margin-bottom: 0 !important;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 9999;
}

#status {
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(../img/status.gif);
  background-repeat: no-repeat;
  background-position: center;
  transform: translate(-50%, -50%);
}

a.button-normal {
  background-color: #0b60a9;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 10px 30px;
  margin-top: 20px;
  display: inline-block;
}

a.button-normal:hover {
  background-color: #08487e;
}

a.button-normal.white {
  background-color: #ffffff;
  color: #333333;
}

a.button-normal.white:hover {
  background-color: #0b60a9;
  color: #ffffff;
}

a.button-normal.with-icon {
  position: relative;
  padding: 10px 67px 10px 30px;
}

a.button-normal.with-icon .icon {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  line-height: 48px;
  font-size: 20px;
  padding: 0 6px 0 10px;
  background-color: #08487e;
}

a.button-normal.with-icon-left {
  position: relative;
  padding: 10px 30px 10px 67px;
}

a.button-normal.with-icon-left .icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  line-height: 48px;
  font-size: 20px;
  padding: 0 6px 0 10px;
  background-color: #08487e;
}

/*-----------------------------------------------------------------------------------*/
/*  2. Header
/*-----------------------------------------------------------------------------------*/

#header {
  position: relative;
  z-index: 1000;
  background: rgba(11, 96, 169, 1);
  border-bottom: 1px solid rgba(0, 219, 255, 0.3);
}

.logoC {
  width: 15.875rem;
  height: 43px;
  /* background-color: transparent;
	background-image: url(../img/common/logo.png);
	background-repeat: no-repeat; */
}

.navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  /* max-width: 94%; */
  margin: auto;
  height: 80px;
  line-height: 80px;
}

.PinnerWidth {
  /* width:80%; */
  width: 1360px;
}

@media all and (max-width: 1600px) {
  .PinnerWidth {
    /* width:90%; */
    width: 1360px;
  }
}

@media all and (max-width: 1500px) {
  .PinnerWidth {
    width: 95%;
    width: 1360px;
  }
}

.right-section {
  display: flex;
  white-space: nowrap;
  line-height: normal;
}

.right-section > a.btn {
  background: rgb(255 255 255 / 50%);
  border-radius: 4px;
  color: #fff;
  padding: 10px 20px;
  margin-right: 10px;
}

.right-section > a.btn:hover {
  color: #0b60a9;
}

.right-section > a.btn.zc {
  background: rgb(255 255 255 / 50%);
}

.right-section > a.btn.zc:hover {
  background: rgb(255 255 255 / 80%);
}

.right-section > a.btn.dl {
  background: rgb(0 219 255 / 50%);
  margin-right: 0px;
}

.right-section > a.btn.dl:hover {
  background: rgb(0 219 255 / 80%);
}

/* Top Header */

.top-header {
  background: #ffffff;
  padding: 25px 15px;
  margin-top: 40px;
  -webkit-box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 20%);
}
.top-header .logo p {
  font-size: 24px;
  display: inline-block;
  line-height: 50px;
  float: left;
  margin: 0;
  padding: 0;
}
.top-header .logo img {
  margin-right: 15px;
  height: 36px;
  float: left;
}

.logo {
  width: 254px;
}

.top-header ul {
  float: right;
  margin: 0;
  padding: 0;
  /* padding-top: 10px; */
}

.top-header ul li {
  display: inline-block;
  margin: 0 10px;
}

.top-header ul li.last {
  margin-right: 0;
}

.top-header ul li i {
  float: left;
  margin-right: 10px;
  text-align: center;
  background-color: #0b60a9;
  color: #ffffff;
  font-size: 22px;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  text-align: center;
}

.top-header ul li p {
  float: right;
  overflow: hidden;
  margin: 0;
  padding-top: 5px;
}

.top-header ul li p span {
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
}

.top-header ul li p span.heading {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

/* Main Menu */

.main-menu {
  position: relative;
  background: #0b60a9;
  width: auto;
  display: flex;
  justify-content: start;
}

.main-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}

.main-menu > ul {
  display: inline-flex;
  z-index: 500;
  padding: 0 35px;
  /* background: #7fffd461; */
  position: relative;
}

/* .main-menu:after,
.main-menu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
} */

.main-menu.align-right > ul > li {
  float: right;
}

.main-menu.align-center ul {
  text-align: center;
}

.main-menu.align-center ul ul {
  text-align: left;
}

.main-menu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}

.main-menu > ul > #menu-button {
  display: none;
}

.main-menu ul li a {
  display: block;
  text-decoration: none;
}

.main-menu > ul > li > a {
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
  padding: 15px 0px;
  margin-left: 36px;
  color: #ffffff;
  border-bottom: 2px solid transparent;
  text-transform: uppercase;
  -webkit-transition: opacity 0.25s ease-out;
  -moz-transition: opacity 0.25s ease-out;
  -ms-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
}

.shouye .bannerC {
  position: relative;
  width: 100%;
  height: 56.25rem;
  background-image: url(../img/sy/banner1.png);
  background-repeat: no-repeat;
  background-size: cover;
  /* background-position: 30px 85%; */
}

.shouye .bannertxt {
  margin: auto;
  position: relative;
  top: 195px;
}

.shouye .fontL1 {
  font-size: 52px;
  font-family: AlibabaPuHuiTi_ExtraBold;
  color: #ffffff;
  line-height: 73px;
  margin-bottom: 20px;
}

.shouye .fontL3 {
  font-size: 18px;
  font-family: AlibabaPuHuiTi_Regular;
  color: #ffffff;
  line-height: 25px;
}

.shouye .bannerD {
  position: relative;
  width: 100%;
  height: 360px;
  background-color: transparent;
  background-image: url(../img/sy/sybj2.png);
  background-repeat: no-repeat;
  background-size: cover;
  /* background-position: 30px 85%; */
}

.slider-wrapper {
  width: 1222px;
  height: 392px;
  background-color: #add8e669;
  background-image: url(../img/sy/sy-bj1.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 77px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 6px;
}

.sliderimg {
  width: 532px;
  height: 386px;
  background-color: transparent;
  background-image: url(../img/sy/sy-bj3.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderimg.c01 {
  background-image: url(../img/sy/sy-bj3.png);
}

.sliderimg.c02 {
  background-image: url(../img/sy/st02.png);
}

.sliderimg.c03 {
  background-image: url(../img/sy/st03.png);
}

.sliderimg.c04 {
  background-image: url(../img/sy/st04.png);
}

.sliderimg.c05 {
  background-image: url(../img/sy/st05.png);
}

.sliderimg2 {
  width: 56px;
  height: 56px;
  background-color: transparent;
  background-image: url(../img/sy/sy01.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
}

.sliderimg2.d01 {
  background-image: url(../img/sy/sy01.png);
}

.sliderimg2.d02 {
  background-image: url(../img/sy/str02.png);
}

.sliderimg2.d03 {
  background-image: url(../img/sy/str03.png);
}

.sliderimg2.d04 {
  background-image: url(../img/sy/str04.png);
}

.sliderimg2.d05 {
  background-image: url(../img/sy/str05.png);
}

.main-menu > ul > li:hover > a,
.main-menu > ul > li.active > a {
  color: #00dbff;
  border-bottom: 2px solid #00dbff;
}

/* .main-menu li.has-sub:after {
    font-family: "logistics" !important;
    content: "\70";
    position: absolute;
    right: 5px;
    top: 17px;
    color: #ffffff;
    font-size: 13px;
}
.main-menu li:hover.has-sub:after {
    color: #00ccff;
} */

.main-menu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, top 0.25s ease;
  -moz-transition: opacity 0.3s ease, top 0.25s ease;
  -ms-transition: opacity 0.3s ease, top 0.25s ease;
  -o-transition: opacity 0.3s ease, top 0.25s ease;
  transition: opacity 0.3s ease, top 0.25s ease;
  z-index: 1000;
}

.main-menu ul ul ul {
  top: 37px;
  padding-left: 5px;
}

.main-menu ul ul li {
  position: relative;
}

.main-menu > ul > li:hover > ul {
  left: 21px;
  top: 45px;
  opacity: 1;
}

.main-menu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}

.main-menu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}

.main-menu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}

.main-menu ul ul li a {
  width: 180px;
  border-bottom: 1px solid #08487e;
  padding: 15px 15px;
  font-size: 14px;
  color: #ffffff;
  background: #0b60a9;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.main-menu.align-right ul ul li a {
  text-align: right;
}

.main-menu ul ul li:hover > a {
  background: #08487e;
}

.main-menu ul ul li:last-child > a,
.main-menu ul ul li.last > a {
  border-bottom: 0;
}

/* Mobile Menu*/

#slide-buttons {
  background: none;
  display: none;
  border: none;
  font-size: 34px;
  line-height: 26px;
  position: relative;
  top: 6px;
  padding: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

#slide-buttons:hover,
.c-menu__close:hover {
  opacity: 0.7;
}

.c-menu {
  position: fixed;
  z-index: 3000;
  background-image: url(../img/menu-mobile-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.c-menu--slide-right {
  width: 100%;
  height: 100%;
}

@media all and (min-width: 320px) {
  .c-menu--slide-right {
    width: 300px;
  }
}
.c-menu .search-input {
  position: relative;
  padding: 15px 30px;
}

.c-menu .search-input button {
  position: absolute;
  right: 35px;
  top: 23px;
  background: none;
  border: none;
}

ul.slide-menu-items {
  padding: 0 15px;
  margin-top: 15px;
  margin-bottom: 0;
  text-align: left;
}

ul.slide-menu-items li {
  cursor: pointer;
}

ul.slide-menu-items li a {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 15px;
  display: inline-block;
  padding: 5px 15px;
}

ul.slide-menu-items li ul {
  padding-left: 10px;
}

ul.slide-menu-items li ul li a {
  font-size: 13px;
}

ul.slide-menu-items li.active a,
ul.slide-menu-items li a:hover {
  opacity: 0.6;
}

ul.slide-menu-items li.has-sub {
  position: relative;
}

ul.slide-menu-items li.has-sub:after {
  font-family: 'logistics' !important;
  content: '\70';
  position: absolute;
  right: 15px;
  top: 2px;
  color: #ffffff;
  font-size: 20px;
}

ul.slide-menu-items li.has-sub.open:after {
  font-family: 'logistics' !important;
  content: '\6f';
  position: absolute;
  right: 15px;
  top: 2px;
  color: #ffffff;
  font-size: 20px;
}

ul.slide-menu-items li.has-sub > ul {
  display: none;
}

.c-menu--slide-right .c-menu__close {
  padding: 5px;
}

.c-menu--slide-right {
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

@media all and (min-width: 320px) {
  .c-menu--slide-right {
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
  }
}

.c-menu--slide-right.is-active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.c-menu__close {
  color: #fff;
  background-color: transparent;
  font-size: 34px;
  line-height: 26px;
  border: none;
  box-shadow: none;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.c-menu__close:focus {
  outline: none;
}

.slide-overlay {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
  transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}

.slide-overlay.is-active {
  width: 100%;
  height: 100%;
  opacity: 0.7;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.c-menu .info {
  position: relative;
  z-index: 5000;
  padding: 40px 30px 0;
}

.c-menu .info ul {
  padding: 0;
  border: 1px solid #ffffff;
  padding: 15px 15px;
}

.c-menu .info ul li {
  display: block;
  overflow: hidden;
  margin-bottom: 15px;
}

.c-menu .info ul li.last,
.c-menu .info ul li p {
  margin: 0;
}

.c-menu .info ul li p span {
  display: block;
  width: 100%;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
}

.c-menu .info ul li p span.heading {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

/* Search Bar */

.main-menu .right-section {
  position: relative;
  float: right;
}

.right-section .search {
  float: left;
  height: 50px;
  background: #0b60a9;
}

.right-section .search i {
  cursor: pointer;
  line-height: 50px;
  color: #ffffff;
  padding: 0 20px;
  border-left: 1px solid #08487e;
}

.right-section .search-input {
  position: absolute;
  bottom: -40px;
  width: 100%;
}

.right-section .search-input input {
  border: none;
  opacity: 0;
  visibility: hidden;
  height: 40px;
  width: 100%;
  padding: 0 20px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.right-section .search-input input.show {
  opacity: 1;
  visibility: visible;
}

/* Header Style 2 */
.header-style-2 .top-header {
  margin-top: 0;
}
.header-style-2 .navigation {
  background-color: #0b60a9;
  height: 45px;
}
.header-style-2 .main-menu > ul {
  padding: 0;
}
.header-style-2 .main-menu > ul > li:first-child > a {
  /* padding-left: 0; */
}

/*-----------------------------------------------------------------------------------*/
/*  3. Content
/*-----------------------------------------------------------------------------------*/

.wrapper {
  padding: 20px 0 40px 0;
}

.bg-color {
  background-color: #f6f6f6;
}

.section-title h2 {
  text-transform: uppercase;
  position: relative;
  margin-bottom: 100px;
  margin-top: 60px;
  font-weight: 500;
}

.section-title h2:after {
  content: '';
  position: absolute;
  background-color: #0b60a9;
  width: 100px;
  height: 4px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  display: block;
}

.with-bg .section-title h2 {
  color: #ffffff;
}

.with-bg .section-title h2:after {
  background-color: #ffffff;
}

.section-title h2.white {
  text-transform: uppercase;
  position: relative;
  margin-bottom: 100px;
  font-weight: 500;
  color: #fff;
}
.section-title h2.white:after {
  content: '';
  position: absolute;
  background-color: #fff;
  width: 100px;
  height: 4px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  display: block;
}

h3.title {
  text-transform: uppercase;
}

h3.title:after {
  content: '';
  background-color: #0b60a9;
  width: 75px;
  height: 2px;
  margin-top: 15px;
  display: block;
}

h4.title {
  text-transform: uppercase;
}

/* Page Title */

.page-title {
  position: relative;
  z-index: 100;
  background-size: cover;
  background-position: center center;
}

.page-title .title-wrap {
  padding-top: 200px;
}
.intosystem {
  background: #3399ff;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  float: right;
  margin-top: -55px;
  z-index: 999;
}

.intosystem:hover {
  background: #fa9600;
  color: #fff;
}
.page-title .title-wrap h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 32px !important;
  padding-left: 60px;
  /* text-shadow:1px 1px 2px #0B60A9 */
}
.page-title .title-wrap h2 i {
  font-size: 48px;
  font-weight: 500;
  display: inline-block;
  position: absolute;
  margin-left: -60px;
  margin-top: -10px;
}

.page-title .title-wrap h2:after {
  content: '';
  display: block;
  margin-top: 20px;
  width: 500px;
  margin-left: -60px;
  /* border-top: 3px solid rgba(255,255,255,1); */
}

.page-title .title-wrap .breadcrumbs {
  display: inline-block;
}

.page-title .title-wrap .breadcrumbs p {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  width: 1000px;
}

.page-title .title-wrap .breadcrumbs span {
  margin: 0 10px;
}

.page-title .title-wrap .breadcrumbs span.arrow {
  margin: 0;
  position: relative;
  top: 3px;
  font-size: 16px;
}

/* Home Slider */

.home-slider {
  display: inline-block;
  width: 100%;
}

.home-slider li {
  background-size: cover;
  background-position: center center;
}

.home-slider .caption-wrap {
  /* position: absolute;
    top: 47%;
    width: 85%; */
  z-index: 100;
  padding: 48px 60px;
  width: 56%;
}

.home-slider .caption-wrap span.customTxt1 {
  /* color: #ffffff;
    text-transform: uppercase;
	text-shadow: 5px 5px 5px rgba(0,0,0,.3); */
  font-size: 24px;
  font-family: AlibabaPuHuiTi_ExtraBold;
  color: #ffffff;
  line-height: 33px;
}

.home-slider .caption-wrap p {
  color: #ffffff;
  font-size: 18px;
  /* text-shadow: 5px 5px 5px rgba(0,0,0,.3); */
}

.home-slider .caption-wrap span:after {
  content: '';
  background-color: #00dbff;
  width: 40px;
  height: 4px;
  margin-top: 12px;
  display: block;
}

.home-slider .flex-direction-nav .flex-next,
.home-slider .flex-direction-nav .flex-prev {
  opacity: 1;
  width: 64px;
  height: 64px;
}

.home-slider .flex-direction-nav .flex-next:hover,
.home-slider .flex-direction-nav .flex-prev:hover {
  opacity: 0.7;
}

.home-slider .flex-direction-nav .flex-next,
.flexslider:hover .flex-direction-nav .flex-next {
  /* right: 30px; */
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}

.home-slider .flex-direction-nav .flex-prev,
.flexslider:hover .flex-direction-nav .flex-prev {
  /* left: 30px; */
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}

.home-slider .flex-direction-nav a:before {
  font-family: 'logistics';
  font-size: 42px;
  color: #ffffff;
  width: 98%;
  text-align: center;
}

.shouye .content {
  padding: 80px 0;
}

.shouye .tr2 {
  width: 1360px;
  height: 836px;
  /* background-color: #004D9029; */
  margin: auto;
  display: grid;
  grid-template-columns: 362px 384px 1fr 322px;
  grid-template-rows: 1fr 292px 352px;
  gap: 16px;
}

.shouye .tr2 > div {
  background-color: #00902239;
  /* cursor: pointer; */
  transition: 0.3s;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.shouye .tr2 > div:not(.dc2) {
  color: #333333;
}

.shouye .tr2 > div:not(.dc2, .dc4):hover {
  color: #fff;
}

.shouye .tr2 > div.dc2 {
  color: #fff;
}

.shouye .tr2 > div.dc2:hover {
  color: #333333;
}

.shouye .tr2 > div .title {
  font-size: 20px;
  font-family: AlibabaPuHuiTi_ExtraBold;
  margin-bottom: 12px;
}

.shouye .tr2 > div.dc4 .title {
  font-size: 38px;
  font-family: AlibabaPuHuiTi_ExtraBold;
  color: #333333;
}

.shouye .tr2 > div .subtxt {
  font-size: 16px;
  font-family: AlibabaPuHuiTi_Regular;
  line-height: 28px;
}

.shouye .tr2 > div.dc1 {
  padding: 48px 32px;
  grid-column: 1 / span 1;
  grid-row: 2 / span 2;
  position: relative;
  background-color: rgba(255, 255, 255, 0.2);
  background-image: url(../img/sy/cymyhg.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

.shouye .tr2 > div.dc1:hover {
  background-image: url(../img/sy/tr201-h1.png);
}
.shouye .tr2 > div .morebtn {
  font-size: 16px;
  font-family: AlibabaPuHuiTi_Regular;
  color: #0b60a9;
  padding: 4px 20px;
  background: transparent;
}

.shouye .tr2 > div.dc4 .morebtn {
  background: #ff4400;
  border-radius: 12px 0px 12px 0px;
  color: #fff;
  padding: 8px 24px;
}

.shouye .tr2 > div.dc4 .morebtn:hover {
  background: #ff440087;
}

.shouye .tr2 > div.dc2 .morebtn {
  color: #ff4400;
  background: #fff;
}
.shouye .tr2 > div:not(.dc4):hover .morebtn {
  color: #ff4400;
  background: #fff;
}
.shouye .tr2 > div.dc2:hover .morebtn {
  color: #0b60a9;
  background: transparent;
}
.shouye .tr2 > div .morebtn::after {
  content: '';
  display: inline-block;
  width: 19px;
  height: 12px;
  background-image: url(../img/sy/arrow-blue.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.shouye .tr2 > div.dc4 .morebtn::after {
  background-image: url(../img/sy/arrow-white.png);
}

.shouye .tr2 > div.dc2 .morebtn::after {
  background-image: url(../img/sy/arrow-orange.png);
}
.shouye .tr2 > div.dc2:hover .morebtn::after {
  background-image: url(../img/sy/arrow-blue.png);
}
.shouye .tr2 > div:not(.dc4, .dc2):hover .morebtn::after {
  background-image: url(../img/sy/arrow-orange.png);
}

.shouye .tr2 > div:not(.dc4) .cardfooter {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.shouye .tr2 > div .bimg {
  position: relative;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  width: 110px;
  height: 110px;
  bottom: -10px;
}

.shouye .tr2 > div:not(.dc2):hover .bimg {
  background-image: none;
}

.shouye .tr2 > div.dc1 .bimg {
  background-image: url(../img/sy/tr201-1.png);
}
.shouye .tr2 > div.dc2:hover .bimg {
  background-image: url(../img/sy/zszigl2.png);
}
.shouye .tr2 > div.dc3 .bimg {
  background-image: url(../img/sy/wlrckpfw2.png);
}
.shouye .tr2 > div.dc5 .bimg {
  background-image: url(../img/sy/xnycwlfw2.png);
}
.shouye .tr2 > div.dc6 .bimg {
  background-image: url(../img/sy/zhyq2.png);
}

/* .shouye .tr2 > div.dc1 .bimg{
	background-image: url(../img/sy/arrow-blue.png);
}
.shouye .tr2 > div.dc1:hover .bimg{
	background-image: url(../img/sy/arrow-orange.png);
} */

.shouye .tr2 > div.dc2 {
  padding: 48px 32px;
  grid-column: 2 / span 1;
  grid-row: 1 / span 2;
  background-color: rgba(255, 255, 255, 0.2);
  background-image: url(../img/sy/tr203.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
.shouye .tr2 > div.dc2:hover {
  background-image: url(../img/sy/zszyjy.png);
}
.shouye .tr2 > div.dc3 {
  padding: 48px 32px;
  grid-column: 2 / span 2;
  grid-row: 3 / span 1;
  background-image: url(../img/sy/wlrckpfw.png);
}
.shouye .tr2 > div.dc3:hover {
  background-image: url(../img/sy/wlrckpfw1.png);
}
.shouye .tr2 > div.dc4 {
  grid-column: 3 / span 2;
  grid-row: 1 / span 1;
  text-align: right;
  margin-bottom: 16px;
}
.shouye .tr2 > div.dc5 {
  padding: 48px 32px;
  grid-column: 3 / span 2;
  grid-row: 2 / span 1;
  background-image: url(../img/sy/xnycwlfw3.png);
}
.shouye .tr2 > div.dc5:hover {
  background-image: url(../img/sy/xnycwlfw.png);
}
.shouye .tr2 > div.dc6 {
  padding: 48px 32px;
  grid-column: 4 / span 1;
  grid-row: 3 / span 1;
  background: #f4fafd;
}
.shouye .tr2 > div.dc6:hover {
  background-image: url(../img/sy/zhyq.png);
}

.home-slider .flex-direction-nav a.flex-next:before {
  content: '\62';
}

.home-slider .flex-direction-nav a.flex-prev:before {
  content: '\61';
}

.shouye .tr3 {
  width: 100%;
  height: 895px;
  background: #f7f7f7;
  padding-bottom: 96px;
  position: relative;
}

.shouye .tr3 > .td1 {
  width: 1182px;
  min-width: 80%;
  height: 661px;
  background: #0b60a9;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 10%;
}

.neirongtd {
  width: 1360px;
  height: 661px;
  position: relative;
  z-index: 5;
  margin: auto;
}

.shouye .tr3 .pageContent {
  background: linear-gradient(to right, rgba(11, 96, 169, 0.8) 80%, rgba(11, 96, 169, 0));
  width: 903px;
  height: 100%;
  position: relative;
  z-index: 2;
  padding: 50px 0px 40px 0px;
  display: grid;
  grid-template-rows: 100.5px 50px 1fr;
}

.shouye .tr3 .pageContent .ctitle {
  font-size: 38px;
  font-family: AlibabaPuHuiTi_ExtraBold;
  color: #ffffff;
  margin-bottom: 40px;
}
.subnav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgb(255 255 255 / 23%);
}

.subnav > span {
  padding: 0px 8px 16px 8px;
  font-size: 20px;
  font-family: AlibabaPuHuiTi_Regular;
  color: #ffffff;
  cursor: pointer;
}

.subnav > span:hover,
.subnav > span.active {
  color: #00dbff;
  border-bottom: 2px solid #00dbff;
}

.shouye .tr3 > .td2 {
  width: 1682px;
  max-width: 95%;
  height: 600px;
  position: absolute;
  bottom: 96px;
  right: 0;
  top: auto;
  left: auto;
  /* background-color: rgba(255, 255, 255, 0.2); */
  /* background-image: url(../img/sy/jcdl.png); */
  background-repeat: no-repeat;
  background-position: 100% 100%;
  /* border-top:1px solid rgba(255,255,255,0.6); */
  transition: all 0.5s ease-in-out;
}

.shouye .tr3 > .td2 > div {
  height: 462px;
  width: 100%;
  background: linear-gradient(90deg, rgba(11, 96, 169, 1) 10%, rgba(11, 96, 169, 0.8) 13%, rgba(11, 96, 169, 0));
}

.shouye .tr3 > .td3 {
  width: 480px;
  height: 32px;
  background: #0b60a9;
  position: absolute;
  bottom: 80px;
  right: 65px;
  top: auto;
  left: auto;
}

.shouye .level2p {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 47px 0px 0px 0px;
  /* padding: 47px 44px 0px 0px; */
}

.shouye .L2nav {
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  position: relative;
}

.shouye .L2nav .iconimg {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: cover;
  margin-bottom: 13px;
}

.shouye .L2nav > div {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 150px;
  padding-top: 35px;
  cursor: pointer;
  color: #ffffffc7;
  transition: 0.5s;
  border-top: 2px solid #ffffff00;
}

.shouye .L2nav > div.subnavActive {
  color: #fff;
}

.nhmc1Line {
  height: 3px;
  background: #fff;
  left: 0;
  top: -2px;
  transition: all 0.5s ease-in-out;
  position: absolute;
  border-radius: 2px;
}

.shouye a.btn-custom {
  background: #ff4400;
  border-radius: 12px 0px 12px 0px;
  display: inline-block;
  padding: 8px 24px;
  color: #fff;
  font-size: 18px;
  font-family: AlibabaPuHuiTi_ExtraBold;
  margin-bottom: 32px;
  cursor: pointer;
}

.shouye a.btn-custom:hover {
  background: #ff652eee;
}

.shouye a.btn-custom::after {
  content: '';
  display: inline-block;
  width: 18px;
  height: 12px;
  background-image: url(../img/sy/arrow-white.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 13px;
}

.shouye .cursubContent {
  font-size: 16px;
  font-family: AlibabaPuHuiTi_Regular;
  color: #ffffff;
  line-height: 28px;
}

/* .normalpage .tr2{
	width: 1360px;
	height: 836px;
	margin: auto;
	display: grid;
	grid-template-columns: 362px 384px 1fr 322px;
	grid-template-rows: 1fr 292px 352px;
	gap: 16px;
} */

/* Services */

#totalPrice {
  background-color: #00a0e9;
  padding: 10px 15px;
  margin-top: 30px;
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
}

/* Testimonial */

.testimonial {
  background-image: url(../img/content/testimonial-bg.jpg);
  background-size: cover;
  background-attachment: fixed;
}

.testimonial .owl-carousel .owl-stage-outer {
  padding-bottom: 100px;
}

.testimonial-item {
  position: relative;
  background-color: rgba(255, 255, 255, 0.2);
  background-image: url(../img/content/quote.png);
  background-repeat: no-repeat;
  background-position: 30px 85%;
  padding: 30px 30px 70px 30px;
}

.testimonial-item p {
  color: #ffffff;
  font-size: 22px;
  font-weight: 300;
  font-style: italic;
}

.testimonial-item .client-info {
  position: absolute;
  right: 15px;
  bottom: -50px;
  background-color: #ffffff;
  padding: 15px 20px;
}

.testimonial-item .client-info img {
  width: 64px;
  float: left;
  margin-right: 15px;
}

.testimonial-item .client-info .client-details {
  float: right;
  overflow: hidden;
  margin-top: 15px;
}

.testimonial-item .client-info .client-details h3 {
  font-size: 18px;
  margin: 0;
}

.testimonial-item .client-info .client-details p {
  font-size: 16px;
  color: #333333;
  font-style: normal;
  font-weight: 400;
  margin: 0;
}

/* Our Partner */

.our-partner {
  margin-top: 80px;
}

.partner-logo img {
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 1;
  margin: 20px 0;
}

.partner-logo img:hover {
  opacity: 0.7;
}

/* Latest Post */

.latest-post .post-thumb {
  position: relative;
  margin-bottom: 20px;
}

.latest-post .post-thumb .overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.2);
  background-position: center center;
  background-size: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  text-align: center;
  opacity: 0;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
}

.latest-post .post-thumb:hover .overlay {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
}

.latest-post .post-content .date {
  float: left;
  margin-right: 15px;
  background-color: #0b60a9;
  padding: 10px;
}

.latest-post .post-content .date span {
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  display: block;
  color: #ffffff;
}

.latest-post .post-content .content-wrap {
  overflow: hidden;
}

.latest-post .post-content .content-wrap h4 {
  text-transform: uppercase;
  line-height: 1.4;
  margin-bottom: 5px;
}

.latest-post .post-content .content-wrap .meta {
  margin-bottom: 20px;
}

.latest-post .post-content .content-wrap .meta span {
  margin-right: 20px;
}

.latest-post .post-content .content-wrap .meta span.last {
  margin-right: 0;
}

.latest-post .post-content .content-wrap .meta span i {
  color: #0b60a9;
  margin-right: 5px;
}

.latest-post .post-content .content-wrap p {
  font-size: 14px;
  color: #666;
}

.latest-post .owl-theme .owl-controls .owl-nav [class*='owl-'],
.team .owl-theme .owl-controls .owl-nav [class*='owl-'] {
  top: 15%;
  position: absolute;
  background: none;
  color: #0b60a9;
  font-size: 52px;
}

.latest-post .owl-theme .owl-controls .owl-nav [class*='owl-']:hover,
.team .owl-theme .owl-controls .owl-nav [class*='owl-']:hover {
  color: #08487e;
}

.latest-post .owl-prev,
.team .owl-prev {
  left: -7%;
}

.latest-post .owl-next,
.team .owl-next {
  right: -7%;
}

/* Counter Number */

.counter-section {
  background: #3aa6eb;
}

.counter-section h2 {
  color: #fff;
  text-align: center;
  font-family: '微软雅黑';
}

.counter-section h2:after {
  content: '';
  display: block;
  margin-top: 20px;
  width: 50px;
  border-top: 2px solid #fff;
  margin-left: 82px;
}

.counter-section p {
  color: #fff;
}

.counter-section p.heading {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
}

/*-----------------------------------------------------------------------------------*/
/*  3a. About Page
/*-----------------------------------------------------------------------------------*/

/* Company Profile */
.company-desc p {
  color: #555;
  font-size: 16px;
  line-height: 28px;
}
.company-desc p strong {
  font-weight: 700;
  display: block;
  padding: 10px 0;
  font-size: 16px;
  color: #333;
}
.company-desc2 p {
  color: #555;
  font-size: 18px;
  line-height: 38px;
}
.company-desc2 p strong {
  font-weight: 700;
  display: block;
  padding: 10px 0;
  font-size: 16px;
  color: #333;
}

.company-slider {
  position: relative;
}

.company-slider img {
  width: 100%;
}

.company-slider .flex-direction-nav {
  display: none;
}

.company-slider .flex-control-nav {
  bottom: 0;
  left: 0;
}

.company-slider .flex-control-paging li a {
  background: #ffffff;
}

.company-slider .flex-control-paging li a.flex-active {
  background: #0b60a9;
}

.company-vision {
  display: inline-block;
}

.company-vision img {
  margin-bottom: 30px;
}

.company-vision h4 {
  text-transform: uppercase;
}

/* Team */

.team-photo {
  position: relative;
  overflow: hidden;
}

.team-photo .team-details {
  position: absolute;
  bottom: -40px;
  width: 100%;
  padding: 20px;
  background-color: #0b60a9;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.team-photo:hover .team-details {
  background-color: #08487e;
  bottom: 0;
}

.team-photo .team-details h4 {
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
}

.team-photo .team-details p {
  color: #ffffff;
  font-size: 16px;
}

.team-photo .team-details ul {
  padding: 0;
  margin: 0;
}

.team-photo .team-details ul li {
  display: inline-block;
  margin-right: 15px;
}

.team-photo .team-details ul li a {
  color: #ffffff;
  font-size: 16px;
}

.team .owl-theme .owl-controls .owl-nav [class*='owl-'] {
  top: 35%;
}

/*-----------------------------------------------------------------------------------*/
/*  3b. Services Page
/*-----------------------------------------------------------------------------------*/

.services-page .services-content {
  margin-bottom: 40px;
}

.services-page .services-text {
  position: relative;
  background-color: #ffffff;
  padding: 30px 30px 80px;
}

.services-page .services-text a.button-normal {
  position: absolute;
  right: 0;
  bottom: 0;
}

.services-page .services-thumb {
  position: relative;
}

.services-page .services-thumb .overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(11, 96, 169, 0.8) url(../img/plus.svg) no-repeat;
  background-position: center center;
  background-size: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  text-align: center;
  opacity: 0;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
}

.services-page .services-thumb:hover .overlay {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
}

/* Single Services */

.single-services-wrap .features-wrap {
  margin-top: 60px;
}

.single-services-wrap .features-item {
  padding: 30px;
}

.single-services-wrap .features-item .icon-wrap {
  padding: 0px 15px;
  background-color: transparent;
  text-align: center;
  position: initial;
}

.single-services-wrap .features-item .icon-wrap img {
  width: 70px;
  margin: 20px auto 40px auto;
}

.contact-us-banner {
  margin-top: 80px;
}

.contact-us-banner h1 {
  text-transform: uppercase;
}

/* Sidebar */

.sidebar {
  padding-left: 30px;
}

.sidebar .widget {
  margin-bottom: 40px;
}

.sidebar .widget.last {
  margin-bottom: 0;
}

.sidebar .widget ul {
  padding: 0;
}

.sidebar .widget ul li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e3e3e3;
}

.sidebar .widget ul li a {
  font-size: 16px;
  color: #333333;
  width: 100%;
  display: block;
  position: relative;
  left: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.sidebar .widget ul li a:hover {
  color: #0b60a9;
  left: 10px;
}

.sidebar .widget.pdf-download {
  background-color: #0b60a9;
  padding: 20px;
}

.sidebar .widget.pdf-download h4 {
  color: #ffffff;
}

.sidebar .widget.pdf-download ul li {
  border-bottom: 1px solid #004d90;
}

.sidebar .widget.pdf-download ul li a {
  color: #ffffff;
}

.sidebar .widget.pdf-download ul li a span {
  margin-right: 5px;
}

/*-----------------------------------------------------------------------------------*/
/*  3c. Blog Page
/*-----------------------------------------------------------------------------------*/

.blog .post {
  display: inline-block;
}

.blog .post-item {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e3e3;
}

.blog .post-thumb {
  position: relative;
}

.blog .post-thumb .overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(11, 96, 169, 0.8) url(../img/plus.svg) no-repeat;
  background-position: center center;
  background-size: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  text-align: center;
  opacity: 0;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
}

.blog .post-thumb:hover .overlay {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
}

.blog .post-item .post-thumb img {
  width: 100%;
  margin-bottom: 30px;
}

.blog .post-item a.post-title {
  color: #333333;
}

.blog .post-item h3 {
  text-transform: uppercase;
  margin-bottom: 5px;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.blog .post-item h3:hover {
  color: #0b60a9;
}

.blog .post-item .meta {
  margin-bottom: 20px;
}

.blog .post-item .meta span {
  margin-right: 20px;
}

.blog .post-item .meta span.last {
  margin-right: 0;
}

.blog .post-item .meta span i {
  color: #0b60a9;
  margin-right: 5px;
}
.blog .pagination {
  margin: 0;
}
.pagination span.active {
  font-size: 16px;
  color: #ffffff;
  background-color: #0b60a9;
  border: 1px solid #0b60a9;
  width: 35px;
  height: 35px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  margin: 0px 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.pagination span a {
  font-size: 16px;
  background-color: #ececec;
  border: 1px solid #cacaca;
  width: 35px;
  height: 35px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  margin: 0px 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.pagination span a:hover {
  background-color: #0b60a9;
  border: 1px solid #0b60a9;
  color: #ffffff;
}
.pagination span.last a {
  margin-right: 0;
}

/* Sidebar */

.sidebar .recent-post .post-item {
  margin-bottom: 20px;
}

.sidebar .recent-post .post-thumb {
  float: left;
  width: 60px;
  margin-right: 15px;
}

.sidebar .recent-post .post-thumb img {
  margin: 0;
}

.sidebar .recent-post .overlay {
  background-size: 16px;
}

.sidebar .recent-post .post-content h4 {
  text-transform: capitalize;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 5px;
  color: #333333;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.sidebar .recent-post .post-content h4:hover {
  color: #0b60a9;
}

.sidebar .recent-post .post-content .meta {
  margin: 0;
}

.sidebar .tags a {
  display: inline-block;
  background-color: #0b60a9;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12px;
  padding: 5px 5px;
  margin-right: 5px;
  margin-bottom: 9px;
}

.sidebar .tags a:hover {
  background-color: #08487e;
}

/* Single Post */

.single-post .post .post-item {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.share {
  margin-top: 60px;
}

.share span {
  position: relative;
  float: left;
  margin-right: 10px;
  margin-top: 5px;
  font-size: 16px;
  font-weight: 700;
}

.share ul {
  padding: 0;
}

.share ul li {
  display: inline-block;
  margin-right: 10px;
}

.share ul li a {
  font-size: 16px;
  background-color: #ececec;
  border: 1px solid #cacaca;
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.share ul li a:hover {
  background-color: #0b60a9;
  border: 1px solid #0b60a9;
  color: #ffffff;
}

/*-----------------------------------------------------------------------------------*/
/*  3d. Contact Page
/*-----------------------------------------------------------------------------------*/

.contact-page .address,
.contact-page .hours {
  background-color: #0b60a9;
  padding: 20px;
}

.contact-page .hours {
  margin-top: 30px;
}

.contact-page .address h4,
.contact-page .hours h4,
.contact-page .address p,
.contact-page .hours p {
  color: #ffffff;
}

.contact-page .address p,
.contact-page .hours p {
  margin: 0;
}

.contact-page .hours p span {
  font-weight: 700;
}

footer.pagefooter {
  height: 231px;
  background: #22242a;
  font-family: AlibabaPuHuiTi_Regular;
  color: #ffffff;
  display: flex;
  flex-direction: column;
}

footer.pagefooter .footertr1 {
  /* width: 80%; */
  width: 1360px;
  margin: auto;
  flex: 1;
  display: flex;
}

footer.pagefooter .footertr1 .txtinfoC {
  flex: 1;
}

footer.pagefooter .footertr1 .txtinfoC .trC {
  padding: 28px 0px 24px 0px;
  font-size: 16px;
  font-family: AlibabaPuHuiTi_Regular;
  color: #ffffff;
  border-bottom: 1px solid #3c3d43;
}

footer.pagefooter .footertr1 .txtinfoC .trC > span {
  margin-right: 40px;
  color: #fff;
}

footer.pagefooter .footertr1 .erweimaC {
  padding-left: 45px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  gap: 13px;
}

footer.pagefooter .footertr1 .txtinfoC .trAddr {
  padding: 21px 0px;
  border-bottom: 1px solid #3c3d43;
}

footer.pagefooter .footertr1 .txtinfoC .trAddr .addrinfo {
  font-size: 14px;
  font-family: AlibabaPuHuiTi_Regular;
  color: #ffffffc4;
}

footer.pagefooter .footertr1 .erweimaC .erweimaimg {
  width: 100px;
  height: 100px;
  background: #66339969;
  background-image: url(../img/sy/erweima.png);
  background-repeat: no-repeat;
  background-size: cover;
}

footer.pagefooter .erweimatxt {
  text-align: center;
}

footer.pagefooter .copytxt {
  width: 80%;
  margin: auto;
  text-align: center;
  padding-bottom: 15px;
  padding-top: 0px;
}

#home_tab {
  width: 1100px;
  margin: 0px auto 80px auto;
}
#home_tab .tab_menu {
  float: left;
  position: absolute;
  z-index: 1;
  margin-left: -40px;
}
#home_tab .tab_menu li {
  float: left;
  padding: 10px 20px;
  border-bottom: 0px;
  cursor: pointer;
  border-radius: 0;
  text-align: center;
  margin: 0 3px 0 0;
  background: #0b60a9;
  font: bold 16px/20px '';
  color: #fff;
}
#home_tab .tab_box {
  width: auto;
  padding: 30px;
  clear: both;
  top: 40px;
  position: relative;
  background-color: #fff;
  border-radius: px;
  height: 160px;
  margin-bottom: 10px;
  -webkit-box-shadow: inset 0 0 0 0px #ccc, 0 2px 8px #ccc;
  box-shadow: inset 0 0 0 0px #ccc, 0 2px 8px #ccc;
}
#home_tab .tab_menu .selected {
  background-color: #fff;
  cursor: pointer;
  color: #0b60a9;
}
.hide {
  display: none;
}

#home_tab .tab_box .item {
  padding: 5px 0;
  color: #222;
}
#home_tab .tab_box .item .las {
  margin-right: 30px;
  display: inline-block;
}
#home_tab .tab_box .item .sas {
  display: inline-block;
  vertical-align: top;
}
input[type='radio'] {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-color: #fff;
  -webkit-appearance: none;
  border: 1px solid #c9c9c9;
  border-radius: 50%;
  outline: none;
}

.checkBox input[type='radio']:checked {
  background: url('../img/content/check-full.svg') no-repeat center;
  border: 1px solid #00b5ff;
}

#home_tab .tab_box .item a {
  display: inline-block;
  color: #56678c;
  padding-bottom: 5px;
  margin-right: 20px;
  margin-bottom: 12px;
  font-size: 15px;
}
#home_tab .tab_box .item a.on {
  display: inline-block;
  color: #007bea;
  border-bottom: 2px solid #54a8f4;
}

#home_tab .tab_box .sbar {
  padding: 0 0 0 15px;
  color: #434f68;
  border: 1px solid #c9c9c9;
  border-radius: px;
  font-size: 16px;
}
#home_tab .tab_box .sbar .textbox1 {
  padding: 15px 10px;
  padding-left: 40px;
  border-right: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
  margin: 0 20px;
  width: 370px;
  color: #999;
  background: #fff url(../img/content/sicon1.svg) left center no-repeat;
}
#home_tab .tab_box .sbar .textbox2 {
  padding: 15px 10px;
  padding-left: 40px;
  border-right: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
  margin: 0 20px;
  width: 369px;
  color: #999;
  background: #fff url(../img/content/sicon2.svg) left center no-repeat;
}
#home_tab .tab_box .sbar .textbox3 {
  padding: 15px 10px;
  padding-left: 40px;
  border-right: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
  margin: 0 20px;
  width: 180px;
  color: #999;
  background: #fff url(../img/content/sicon3.svg) left center no-repeat;
}
#home_tab .tab_box .sbar .textbox4 {
  padding: 15px 10px;
  padding-left: 40px;
  border-right: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
  margin: 0 20px;
  width: 180px;
  color: #999;
  background: #fff url(../img/content/sicon3.svg) left center no-repeat;
}
#home_tab .tab_box .sbar .textbox5 {
  padding: 15px 10px;
  padding-left: 40px;
  border-right: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
  margin: 0 20px;
  width: 271px;
  color: #999;
  background: #fff url(../img/content/sicon4.svg) left center no-repeat;
}
#home_tab .tab_box .sbar .textbox6 {
  padding: 15px 10px;
  padding-left: 40px;
  border-right: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
  margin: 0 20px;
  width: 848px;
  color: #999;
  background: #fff url(../img/content/sicon6.svg) left center no-repeat;
}
#home_tab .tab_box .sbar .textbox7 {
  padding: 15px 10px;
  padding-left: 40px;
  border-right: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
  margin: 0 20px;
  width: 848px;
  color: #999;
  background: #fff url(../img/content/sicon7.svg) left center no-repeat;
}

#home_tab .tab_box .sbar .btnsearch {
  padding: 8px 10px;
  border-right: 1px solid #c9c9c9;
  margin-left: -25px;
  width: 122px;
  float: right;
  background: #3399ff url(../img/content/iconsearch.svg) left center no-repeat;
  text-indent: 30px;
  border: 0;
  color: #fff;
  border-radius: 0;
}
#home_tab .tab_box .sbar .btnsearch:hover {
  background: #fa9600 url(../img/content/iconsearch.svg) left center no-repeat;
  text-indent: 30px;
  border: 0;
  color: #fff;
  border-radius: 0;
}
#serveBtn {
  width: 137px;
  float: right;
  margin-top: 10px;
  cursor: pointer;
}
.messageBox {
  width: 850px;
  height: 480px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
  padding: 30px;
}
.messageBox .title {
  font-size: 24px;
  font-family: AlibabaPuHuiTi_Regular;
  color: #333333;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
  padding: 0px 0 20px 0;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}
.messageBox .title::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 3px;
  background-color: #005a9f;
  bottom: 0;
  left: 47%;
}
.messageBox .close {
  position: absolute;
  right: 20px;
  top: 20px;
  font-weight: bold;
  color: #000;
  opacity: 1;
  z-index: 99;
}
.messageBox .info {
  font-size: 14px;
  font-family: AlibabaPuHuiTi_Regular;
  color: #333333;
  line-height: 20px;
  margin: 0;
  text-align: center;
}
.messageBox .bottom_info {
  text-align: center;
  font-size: 18px;
  font-family: AlibabaPuHuiTi_Regular;
  color: #333333;
  line-height: 25px;
  margin: 30px 0 0 0;
}
.messageBox .bottom_info > span {
  color: #005a9f;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 设置半透明的黑色背景 */
  z-index: 9999; /* 设置蒙版的层级，保证在最顶层显示 */
  display: none;
  align-items: center;
  justify-content: center;
}
#backToTopBtn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  outline: none;
  cursor: pointer;
}

#backToTopBtn:hover {
  opacity: 0.9;
}
.sun_btn {
  padding: 8px 20px;
}