@font-face {
  
  font-family: 'LineIcons';
  
  src: url('./fonts/LineIcons.eot?tc3uo0');
  
  src: url('./fonts/LineIcons.eot?tc3uo0#iefix') format('embedded-opentype'), url('./fonts/LineIcons.ttf?tc3uo0') format('truetype'), url('./fonts/LineIcons.woff?tc3uo0') format('woff'), url('./fonts/LineIcons.svg?tc3uo0#LineIcons') format('svg');
  
  font-weight: normal;
  
  font-style: normal;
  
}



[class^="lni-"],

[class*=" lni-"] {
  
  /* use !important to prevent issues with browser extensions that change fonts */
  
  font-family: 'LineIcons' !important;
  
  speak: none;
  
  font-style: normal;
  
  font-weight: normal;
  
  font-variant: normal;
  
  text-transform: none;
  
  line-height: 1;
  
  /* Better Font Rendering =========== */
  
  -webkit-font-smoothing: antialiased;
  
  -moz-osx-font-smoothing: grayscale;
  
}



html {
  
  margin: 0;
  
  padding: 0;
  
}



.video-js .vjs-modal-dialog {
  
  background: transparent !important;
  
}



html body {
  
  margin: 0;
  
  padding: 0;
  
  width: 100%;
  
  background-color: #ffffff;
  
  overflow: auto !important;
  
}



.content-styles img {
  
  max-width: 100%;
  
}



.content-styles {
  
  text-align: justify;
  
}



.content-styles p {
  
  clear: both;
  
  margin-bottom: 20px;
  
  line-height: 25px;
  
  /*text-align: justify;*/
  
  text-align: left;
  width: 1400px
    ;
  margin: 0 auto;
}

.content-styles p:first-child{
  
}


.content-styles h1,

h2 {
  
  margin: 0;
  
  padding: 0;
  
  color: #000000;
  
  font-weight: bold;
  
  font-size: 18px;
  
}



.span-icon-pre,

.span-icon-next {
  
  display: inline-block;
  
  padding: 5px 10px;
  
  color: #FFFFFF;
  
  background-color: #5b5b5b;
  
}



html body ul,

html body ol,

html body li {
  
  list-style: none;
  
  margin: 0;
  
  padding: 0;
  
}



html body p,

html body h1,

html body h2,

html body h3,

html body h4,

html body h5,

html body h6 {
  
  margin: 0;
  
  padding: 0;
  
  color: #000000;
  
}



html body input,

html body button {
  
  outline: none;
  
}



html body a {
  
  text-decoration: none;
  
}



html body a:link {
  
  text-decoration: none;
  
}



html body a:visited {
  
  text-decoration: none;
  
}



html body a:hover {
  
  text-decoration: none;
  
  color: #0067b8 !important;
  
}



html body a:hover span,

html body a:hover h1,

html body a:hover p {
  
  color: #000000;
  
}



html body a:active {
  
  text-decoration: none;
  
}



html body .ellipsis-one {
  
  overflow: hidden;
  
  white-space: nowrap;
  
  text-overflow: ellipsis;
  
}



html body .flex {
  
  display: -webkit-box;
  
  display: -moz-box;
  
  display: -ms-flexbox;
  
  display: -webkit-flex;
  
  display: flex;
  
}



html body .justify-content-center {
  
  -webkit-box-pack: center;
  
  -moz-justify-content: center;
  
  -webkit-justify-content: center;
  
  justify-content: center;
  
}



html body .justify-content-space-between {
  
  -webkit-box-pack: justify;
  
  -moz-justify-content: space-between;
  
  -webkit-justify-content: space-between;
  
  justify-content: space-between;
  
}



html body .justify-content-flex-end {
  
  -webkit-box-pack: end;
  
  -moz-justify-content: flex-end;
  
  -webkit-justify-content: flex-end;
  
  justify-content: flex-end;
  
}



html body .justify-content-start {
  
  -webkit-box-pack: start;
  
  -moz-justify-content: start;
  
  /* justify-content: start;*/
  justify-content: space-evenly;
}



html body .align-items-center {
  
  -webkit-box-align: center;
  
  -moz-align-items: center;
  
  -webkit-align-items: center;
  
  align-items: center;
  
}



html body .align-items-start {
  
  -webkit-box-align: start;
  
  -moz-align-items: start;
  
  align-items: start;
  
}



html body .align-items-flex-end {
  
  -webkit-box-align: end;
  
  -moz-align-items: flex-end;
  
  -webkit-align-items: flex-end;
  
  align-items: flex-end;
  
}



html body .align-items-baseline {
  
  -webkit-box-align: baseline;
  
  -moz-align-items: baseline;
  
  -webkit-align-items: baseline;
  
  align-items: baseline;
  
}



html body .align-items-stretch {
  
  -webkit-box-align: stretch;
  
  -moz-align-items: stretch;
  
  -webkit-align-items: stretch;
  
  align-items: stretch;
  
}



html body .flex-direction-column {
  
  -webkit-box-direction: normal;
  
  -webkit-box-orient: vertical;
  
  -moz-flex-direction: column;
  
  -webkit-flex-direction: column;
  
  flex-direction: column;
  
}



html body .flex-direction-column-reverse {
  
  -webkit-box-pack: end;
  
  -webkit-box-direction: reverse;
  
  -webkit-box-orient: vertical;
  
  -moz-flex-direction: column-reverse;
  
  -webkit-flex-direction: column-reverse;
  
  flex-direction: column-reverse;
  
}



html body .flex-direction-row {
  
  -webkit-box-direction: normal;
  
  -webkit-box-orient: horizontal;
  
  -moz-flex-direction: row;
  
  -webkit-flex-direction: row;
  
  flex-direction: row;
  
}



html body .flex-wrap-wrap {
  
  flex-wrap: wrap;
  
}



html body .flex-direction-row-reverse {
  
  -webkit-box-pack: end;
  
  -webkit-box-direction: reverse;
  
  -webkit-box-orient: horizontal;
  
  -moz-flex-direction: row-reverse;
  
  -webkit-flex-direction: row-reverse;
  
  flex-direction: row-reverse;
  
}



html body .flex-grow {
  
  -webkit-box-flex: 1;
  
  -moz-flex-grow: 1;
  
  -webkit-flex-grow: 1;
  
  flex-grow: 1;
  
}



html body .flex-order {
  
  -webkit-box-ordinal-group: 1;
  
  -moz-order: 1;
  
  -webkit-order: 1;
  
  order: 1;
  
}



html body .fixed {
  
  position: fixed;
  
}



html body .text-align-left {
  
  text-align: left;
  
}



html body .text-align-center {
  
  text-align: center;
  
}



html body .text-align-right {
  
  text-align: right;
  
}



html body .cover {
  
  position: fixed;
  
  left: 0;
  
  top: 0;
  
  width: 100%;
  
  height: 100%;
  
  background-color: rgba(0, 0, 0, 0.38);
  
  display: none;
  
  z-index: 100;
  
}



.hidden {
  
  display: none;
  
}



.show {
  
  display: block;
  
}



.viewer-btn {
  
  width: 45px;
  
  height: 45px;
  
  display: block;
  
  text-align: center;
  
  background-color: #000000;
  
  display: -webkit-box;
  
  display: -moz-box;
  
  display: -ms-flexbox;
  
  display: -webkit-flex;
  
  display: flex;
  
  -webkit-box-pack: center;
  
  -moz-justify-content: center;
  
  -webkit-justify-content: center;
  
  justify-content: center;
  
  -webkit-box-align: center;
  
  -moz-align-items: center;
  
  -webkit-align-items: center;
  
  align-items: center;
  
}



.viewer-btn i {
  
  display: inline-block;
  
  font-size: 25px;
  
}



.viewer-btn:hover {
  
  background-color: #0067b8;
  
}



.viewer-btn:hover i {
  
  color: #FFFFFF;
  
}



html body .line {
  
  background-color: #000000;
  
  width: 30px;
  
  height: 3px;
  
  margin: 15px 0 0 0;
  
}



html .clear {
  
  clear: both;
  
}



html svg.st0 {
  
  opacity: 0.3;
  
}



html svg.st1 {
  
  fill-rule: evenodd;
  
  clip-rule: evenodd;
  
}



html svg.st2 {
  
  fill: #ffffff;
  
}



html svg {
  
  fill: #ffffff;
  
}



html div.date {
  
  margin: 0;
  
  width: 86px;
  
  height: 46px;
  
  border-style: solid;
  
  border-color: #0067b8;
  
  border-width: 2px !important;
  
  padding-right: 12px;
  
}



html div.date p.day {
  
  margin: 0;
  
  padding: 0;
  
  color: #0067b8;
  
  font-size: 16px;
  
  text-align: right;
  
  line-height: normal;
  
  font-weight: bold;
  
}



html div.date p.year {
  
  margin: 0 0 0 0;
  
  padding: 0;
  
  color: #0067b8;
  
  font-size: 12px;
  
  text-align: right;
  
  line-height: normal;
  
}



html p.zan {
  
  margin: 0;
  
  padding: 0;
  
  color: #999999;
  
  text-align: right;
  
  font-size: 13px;
  
  width: 23%;
  
}



html p.zan span {
  
  display: inline-block;
  
  width: auto;
  
}



html p.zan span.icon {
  
  margin-left: 10px;
  
}



html p.zan span.icon:first-child {
  
  margin-left: 0;
  
}



* {
  
  font-family: "LineIcons";
  
  margin: 0;
  
  padding: 0;
  
}



.space-line {
  
  height: 5px;
  
  width: 100%;
  
}



.viewer-btn {
  
  position: fixed;
  
  top: 50%;
  
  color: #FFFFFF;
  
}



.viewer-prev1 {
  
  left: 10%;
  
}



.viewer-next1 {
  
  right: 10%;
  
}



.about-model-fixed {
  
  position: fixed !important;
  
  right: 0;
  
  top: 73px;
  
  z-index: 100;
  
}



.about-model-absolute {
  
  position: absolute !important;
  
  right: 0;
  
  border-bottom: 0;
  
  z-index: 100;
  
}



#index_banner {
  
  overflow: hidden;
  
}



#keFu {
  
  width: 32px;
  
  height: 125px;
  
  border: 1px solid #dfe1e3;
  
  background: #FFFFFF;
  
  border-radius: 5px;
  
  position: fixed;
  
  right:-42px;
  
  top: 300px;
  
  z-index: 100000000;
  
  overflow: hidden;
  
}



#keFu img {
  
  margin: 0 auto;
  
  display: block;
  
  vertical-align: top;
  
}



#keFu .ol-font {
  
  font-size: 12px;
  
  color: #666666;
  
  width: 12px;
  
  margin: 10px auto 0 auto;
  
}



#keFu button {
  
  width: 100%;
  
  height: 25px;
  
  border: none;
  
  background: #FFFFFF;
  
  cursor: pointer;
  
  outline: none;
  
}



#keFuShow {
  
  width: 131px;
  
  position: fixed;
  
  top: 114px;
  
  right: 10px;
  
  background: #f8f8f9;
  
  border-radius: 5px;
  
  padding-bottom: 23px;
  
  z-index: 1000000020;
  
}



#keFuShow>img {
  
  margin: 22px auto 15px auto;
  
  display: block;
  
  vertical-align: top;
  
}



#keFuShow .qq-box {
  
  width: 118px;
  
  height: 28px;
  
  margin-left: 7px;
  
  padding-left: 25px;
  
  background-image: url(../images/qq-logo.png);
  
  background-repeat: no-repeat;
  
  background-size: 18px 18px;
  
  background-position: 3px 5px;
  
  border: 1px solid #cbcfd1;
  
  border-radius: 5px;
  
  margin-top: 7px;
  
}



#keFuShow .qq-box .qq-addr {
  
  width: 100%;
  
  height: 100%;
  
  text-align: center;
  
  border-left: 1px solid #cacacc;
  
  font-size: 15px;
  
  color: #595757;
  
  line-height: 26px;
  
  cursor: pointer;
  
  text-align-last: center;
  
}



#keFuShow .qq-box .qq-addr a {
  
  text-decoration: none;
  
  color: inherit;
  
}



#keFuShow .qq-box .qq-addr a:hover {
  
  color: #FFFFFF !important;
  
}



#keFuShow .qq-box:hover .qq-addr {
  
  background-color: #0067b8;
  
}



#keFuShow .qq-box:hover .qq-addr a {
  
  color: #ffffff;
  
}



#keFuShow .btn-hide {
  
  width: 49px;
  
  height: 26px;
  
  border: 1px solid #e3e3e3;
  
  border-radius: 5px;
  
  background: #f8f8f8;
  
  float: left;
  
  margin-left: 5px;
  
  margin-top: 20px;
  
  text-align: center;
  
  cursor: pointer;
  
  font-size: 20px;
  
  line-height: 20px;
  
}



#keFuShow .btn-hide:hover {
  
  background-color: #0067b8;
  
  color: #FFFFFF;
  
}



#keFuShow .large-ewm {
  
  position: absolute;
  
  bottom: 0;
  
  right: 136px;
  
  vertical-align: top;
  
  display: none;
  
  background-color: #f8f8f9;
  
  border-radius: 15px;
  
  padding: 15px 15px 20px 15px;
  
  text-align: center;
  
  font-size: 16px;
  
}



#keFuShow .large-ewm img {
  
  width: 90px;
  
}



#keFuShow .qq-ewm {
  
  width: 27px;
  
  height: 27px;
  
  float: left;
  
  margin-left: 10px;
  
  background: url(../images/link-ewm.jpg);
  
  cursor: pointer;
  
  margin-top: 20px;
  
}



#keFuShow .focus-us {
  
  width: 27px;
  
  height: 27px;
  
  float: left;
  
  margin-left: 7px;
  
  font-size: 12px;
  
  color: #666666;
  
  line-height: 13.5px;
  
  margin-top: 20px;
  
  cursor: pointer;
  
}



.playVideo0-dimensions {
  
  width: 100%;
  
}



.vjs-big-play-button {
  
  display: none !important;
  
}



.swiper-pagination {
  
  bottom: 185px;
  
}



.swiper-pagination .swiper-pagination-bullet {
  
  border: 1px solid #C7C7CC;
  
  background-color: transparent;
  
  width: 10px;
  
  height: 10px;
  
  opacity: 1;
  
}



.swiper-pagination .swiper-pagination-bullet-active {
  
  background-color: #C7C7CC;
  
}



.showMoreImage-container {
  
  position: fixed;
  
  left: 0;
  
  width: 100%;
  
  top: 0;
  
  height: 100%;
  
  z-index: 100000000;
  
  background-color: rgba(0, 0, 0, 0.68);
  
}



.showMoreImage-container .showMoreImage-closed {
  
  position: absolute;
  
  width: 100%;
  
  height: 100%;
  
  left: 0;
  
  top: 0;
  
  z-index: 10;
  
}



.showMoreImage-container .showMoreImage-swiper-container {
  
  position: absolute;
  
  width: 68%;
  
  overflow: hidden;
  
  left: 16%;
  
  top: 20%;
  
  z-index: 1000;
  
}



.showMoreImage-container .showMoreImage-swiper-container .swiper-slide {
  
  width: 100%;
  
  overflow: hidden;
  
  max-height: 80%;
  
  position: relative;
  
}



.showMoreImage-container .showMoreImage-swiper-container .swiper-slide img {
  
  width: 100%;
  
}



.showMoreImage-container .showMoreImage-swiper-container .swiper-slide .title {
  
  position: absolute;
  
  left: 0;
  
  bottom: 0;
  
  width: 100%;
  
  text-align: center;
  
  padding: 5px 0;
  
  background-color: rgba(0, 0, 0, 0.68);
  
}



.showMoreImage-container .showMoreImage-swiper-container .swiper-slide .title span {
  
  color: #ffffff;
  
  font-size: 14px;
  
}



.showMoreImage-container .showMoreImage-swiper-container .swiper-button-prev,

.showMoreImage-container .showMoreImage-swiper-container .swiper-button-next {
  
  background-image: none;
  
  background-color: #2b2b2b;
  
  width: 40px;
  
  height: 40px;
  
  color: #787878;
  
  text-align: center;
  
  font-size: 14pt;
  
  line-height: 40px;
  
}



.viewer-container {
  
  z-index: 1000200 !important;
  
  background-color: rgba(0, 0, 0, 0.85);
  
}



.viewer-container .viewer-toolbar {
  
  display: none !important;
  
}



.contentStyle p {
  
  max-width: 100%;
  
  clear: both;
  
  margin-bottom: 20px;
  
  line-height: 25px;
  
}



.model-title {
  
  height: 115px;
  
  width: 100%;
  
  z-index: 10;
  
  position: relative;
  
}



.model-title .model-title-content a {
  
  display: inline-block;
  
  width: auto;
  
  margin: 0 auto;
  
}



.model-title .model-title-content a h1 {
  
  margin: 0;
  
  padding: 0;
  
  font-weight: bolder;
  
  color: #000000;
  
  font-size: 23px;
  
  height: 45px;
  
  line-height: 45px;
  
}



.model-title .model-title-content a .line-horizontal {
  
  background-color: #000000;
  
  width: 50px;
  
  height: 5px;
  
  margin: 0 auto 0 auto;
  
}



.model-title .model-title-content a .line-horizontal .line-horizontal-cover {
  
  background-color: #0067b8;
  
  width: 0;
  
  height: 100%;
  
  transition: all 0.3s ease 0s;
  
}



.model-title .model-title-content a:hover h1 {
  
  color: #000000;
  
}



.model-title .model-title-content .seeByType {
  
  position: absolute;
  
  right: 40px;
  
  top: 60px;
  
  width: auto;
  
  height: 50px;
  
  margin: 0;
  
  padding: 0;
  
  z-index: 89;
  
}



.model-title .model-title-content .seeByType .seeByType-btn {
  
  height: 30px;
  
  line-height: 30px;
  
  background-color: #ffffff;
  
  border: 1px solid #eeeeee;
  
  text-align: center;
  
  border-radius: 15px;
  
  width: 100px;
  
  outline: none;
  
  color: #000000;
  
  position: absolute;
  
  top: 0;
  
  right: 0;
  
  font-size: 14px;
  
}



.model-title .model-title-content .seeByType .seeByType-btn span.icon {
  
  font-size: 12px;
  
  color: #000000;
  
  display: inline-block;
  
}



.model-title .model-title-content .seeByType:hover .seeByType-btn {
  
  border: 1px solid #0067b8;
  
  color: #0067b8;
  
}



.model-title .model-title-content .seeByType:hover .seeByType-btn span.icon {
  
  color: #0067b8;
  
  transform: rotate(180deg);
  
  vertical-align: top;
  
  margin-top: -2px;
  
}



.model-title .model-title-content .seeByType .active {
  
  border: 1px solid #0067b8;
  
  color: #0067b8;
  
}



.model-title .model-title-content .seeByType .active span.icon {
  
  color: #0067b8;
  
  transform: rotate(180deg);
  
  vertical-align: top;
  
  margin-top: -2px;
  
}



.seeByType-container {
  
  background-color: #f5f6f7;
  
  width: 100%;
  
  padding-top: 20px;
  
  padding-bottom: 20px;
  
  border-radius: 1px;
  
  margin-bottom: 15px;
  
  margin-top: -10px;
  
  position: relative;
  
}



.seeByType-container .triangle_border_up {
  
  width: 0;
  
  height: 0;
  
  border-width: 0 12px 12px;
  
  border-style: solid;
  
  border-color: transparent transparent #ffffff;
  
  /*透明 透明  灰*/
  
  position: absolute;
  
  top: -12px;
  
  right: 65px;
  
}



.seeByType-container .triangle_border_up span {
  
  display: block;
  
  width: 0;
  
  height: 0;
  
  border-width: 0 10px 10px;
  
  border-style: solid;
  
  border-color: transparent transparent #e5e6e8;
  
  /*透明 透明  黄*/
  
  position: absolute;
  
  top: 2px;
  
  left: -10px;
  
}



.seeByType-container .seeByType-content {
  
  width: 100%;
  
}



.i8home-select {
  
  margin: 0;
  
  padding: 0;
  
  border: 1px solid #a8a8a8;
  
  width: 100%;
  
  height: 35px;
  
  line-height: 35px;
  
  position: relative;
  
}



.i8home-select .i8home-select-show {
  
  display: -webkit-box;
  
  display: -moz-box;
  
  display: -ms-flexbox;
  
  display: -webkit-flex;
  
  display: flex;
  
}



.i8home-select .i8home-select-show span.select-text {
  
  text-align: left;
  
  height: 33px;
  
  line-height: 33px;
  
  margin: 0;
  
  padding: 0 0 0 5px;
  
  overflow: hidden;
  
  color: #bfbfbf;
  
  font-size: 15px;
  
  width: 80%;
  
  display: block;
  
}



.i8home-select .i8home-select-show span.icon {
  
  color: #bfbfbf;
  
  font-size: 15px;
  
  line-height: 33px;
  
  margin: 0;
  
  padding: 0 5px 0 0;
  
  width: 20%;
  
  display: block;
  
  text-align: right;
  
}



.i8home-select .i8home-select-options {
  
  position: absolute;
  
  left: 0;
  
  bottom: 35px;
  
  background-color: rgba(0, 0, 0, 0.8);
  
  padding: 10px 0;
  
  z-index: 100;
  
  width: 100%;
  
  border: 1px solid #a8a8a8;
  
  height: 170px;
  
  overflow-y: scroll;
  
  display: none;
  
}



.i8home-select .i8home-select-options a {
  
  color: #bfbfbf;
  
  line-height: normal;
  
  font-size: 14px;
  
}



.i8home-select .i8home-select-options a:hover {
  
  color: #FFFFFF !important;
  
}



.i8home-select .i8home-select-options p.option {
  
  text-align: center;
  
  padding: 10px 0;
  
  margin: 0;
  
  line-height: normal;
  
}



.i8home-select .i8home-select-options p.option:hover {
  
  background-color: #0067b8;
  
}



.i8home-select .i8home-select-options p.option:hover a {
  
  color: #ffffff;
  
}



#preloader {
  
  position: fixed;
  
  background: #fff;
  
  top: 0;
  
  left: 0;
  
  width: 100%;
  
  height: 100%;
  
  z-index: 9999999999;
  
  display: none !important;
  
}



#preloader .sk-circle {
  
  margin: 0 auto;
  
  width: 40px;
  
  height: 40px;
  
  top: 45%;
  
  position: relative;
  
}



#preloader .sk-circle .sk-child {
  
  width: 100%;
  
  height: 100%;
  
  position: absolute;
  
  left: 0;
  
  top: 0;
  
}



#preloader .sk-circle .sk-child:before {
  
  content: '';
  
  display: block;
  
  margin: 0 auto;
  
  width: 15%;
  
  height: 15%;
  
  background-color: #E91E63;
  
  border-radius: 100%;
  
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  
}



#preloader .sk-circle .sk-circle2 {
  
  -webkit-transform: rotate(30deg);
  
  -ms-transform: rotate(30deg);
  
  transform: rotate(30deg);
  
}



#preloader .sk-circle .sk-circle3 {
  
  -webkit-transform: rotate(60deg);
  
  -ms-transform: rotate(60deg);
  
  transform: rotate(60deg);
  
}



#preloader .sk-circle .sk-circle4 {
  
  -webkit-transform: rotate(90deg);
  
  -ms-transform: rotate(90deg);
  
  transform: rotate(90deg);
  
}



#preloader .sk-circle .sk-circle5 {
  
  -webkit-transform: rotate(120deg);
  
  -ms-transform: rotate(120deg);
  
  transform: rotate(120deg);
  
}



#preloader .sk-circle .sk-circle6 {
  
  -webkit-transform: rotate(150deg);
  
  -ms-transform: rotate(150deg);
  
  transform: rotate(150deg);
  
}



#preloader .sk-circle .sk-circle7 {
  
  -webkit-transform: rotate(180deg);
  
  -ms-transform: rotate(180deg);
  
  transform: rotate(180deg);
  
}



#preloader .sk-circle .sk-circle8 {
  
  -webkit-transform: rotate(210deg);
  
  -ms-transform: rotate(210deg);
  
  transform: rotate(210deg);
  
}



#preloader .sk-circle .sk-circle9 {
  
  -webkit-transform: rotate(240deg);
  
  -ms-transform: rotate(240deg);
  
  transform: rotate(240deg);
  
}



#preloader .sk-circle .sk-circle10 {
  
  -webkit-transform: rotate(270deg);
  
  -ms-transform: rotate(270deg);
  
  transform: rotate(270deg);
  
}



#preloader .sk-circle .sk-circle11 {
  
  -webkit-transform: rotate(300deg);
  
  -ms-transform: rotate(300deg);
  
  transform: rotate(300deg);
  
}



#preloader .sk-circle .sk-circle12 {
  
  -webkit-transform: rotate(330deg);
  
  -ms-transform: rotate(330deg);
  
  transform: rotate(330deg);
  
}



#preloader .sk-circle .sk-circle2:before {
  
  -webkit-animation-delay: -1.1s;
  
  animation-delay: -1.1s;
  
}



#preloader .sk-circle .sk-circle3:before {
  
  -webkit-animation-delay: -1s;
  
  animation-delay: -1s;
  
}



#preloader .sk-circle .sk-circle4:before {
  
  -webkit-animation-delay: -0.9s;
  
  animation-delay: -0.9s;
  
}



#preloader .sk-circle .sk-circle5:before {
  
  -webkit-animation-delay: -0.8s;
  
  animation-delay: -0.8s;
  
}



#preloader .sk-circle .sk-circle6:before {
  
  -webkit-animation-delay: -0.7s;
  
  animation-delay: -0.7s;
  
}



#preloader .sk-circle .sk-circle7:before {
  
  -webkit-animation-delay: -0.6s;
  
  animation-delay: -0.6s;
  
}



#preloader .sk-circle .sk-circle8:before {
  
  -webkit-animation-delay: -0.5s;
  
  animation-delay: -0.5s;
  
}



#preloader .sk-circle .sk-circle9:before {
  
  -webkit-animation-delay: -0.4s;
  
  animation-delay: -0.4s;
  
}



#preloader .sk-circle .sk-circle10:before {
  
  -webkit-animation-delay: -0.3s;
  
  animation-delay: -0.3s;
  
}



#preloader .sk-circle .sk-circle11:before {
  
  -webkit-animation-delay: -0.2s;
  
  animation-delay: -0.2s;
  
}



#preloader .sk-circle .sk-circle12:before {
  
  -webkit-animation-delay: -0.1s;
  
  animation-delay: -0.1s;
  
}



@-webkit-keyframes sk-circleBounceDelay {
  
  0%,
    
    80%,
    
    100% {
    
    -webkit-transform: scale(0);
  
  transform: scale(0);
  
}

40% {
  
  -webkit-transform: scale(1);
  
  transform: scale(1);
  
}

}



@keyframes sk-circleBounceDelay {
  
  0%,
    
    80%,
    
    100% {
    
    -webkit-transform: scale(0);
  
  transform: scale(0);
  
}

40% {
  
  -webkit-transform: scale(1);
  
  transform: scale(1);
  
}

}



.Totop {
  
  position: fixed;
  
  bottom: 15px;
  
  right: 15px;
  
  width: auto;
  
  z-index: 160;
  
  display: none;
  
}



.Totop img,

.Totop .svg {
  
  width: 40px;
  
  height: 40px;
  
  fill: black;
  
}



.Totop:hover img,

.Totop:hover .svg {
  
  fill: #0067b8;
  
}



.swiper-container {
  
  width: 100%;
  
}



.swiper-container,

.video-container {
  
  position: relative;
  
}



.swiper-container .swiper-slide {
  
  overflow: hidden;
  
}



.swiper-container .swiper-slide img {
  
  width: 100%;
  
}



#index_banner .info {
  
  width: 100%;
  
  height: 100%;
  
  position: absolute;
  
  left: 0;
  
  padding-left: 60px;
  
  padding-right: 60px;
  
  top: 0;
  
}



.swiper-container .swiper-slide .info img {
  
  width: 100%;
  
}



.swiper-container .swiper-slide .info video {
  
  width: 100%;
  
}



#index_banner .info .info-content h2 {
  
  color: #FFF;
  
  font-size: 2rem;
  
  margin-bottom: 0;
  
  text-transform: uppercase;
  
  display: block;
  
  width: 100%;
  
  font-weight: normal;
  
  overflow: hidden;
  
  white-space: nowrap;
  
  text-overflow: ellipsis;
  
}



#index_banner .info .info-content h3 {
  
  font-size: 3rem;
  
  font-weight: bold;
  
  color: #FFF;
  
  display: block;
  
  vertical-align: middle;
  
  width: 100%;
  
  margin-top: 15px;
  
  overflow: hidden;
  
  white-space: nowrap;
  
  text-overflow: ellipsis;
  
}



.video-container .info .info-content h4,

.swiper-container .swiper-slide .info .info-content h4 {
  
  margin-top: 46px;
  
}



#index_banner .info .info-content h4 input {
  
  padding: 10px 15px;
  
  text-transform: uppercase;
  
  font-size: 1.5rem;
  
  background: #dddddd75;
  
  border-radius: 4px;
  
  font-weight: 400;
  
  color: #fff;
  
  transition: all 0.2s linear;
  
  display: inline-block;
  
  border: none;
  
}



#index_banner .swiper-button-prev {
  
  background-image: none;
  
  background-color: #f7f8f926;
  
  width: 40px;
  
  height: 40px;
  
  color: #787878;
  
  text-align: center;
  
  font-size: 14pt;
  
  line-height: 40px;
  
}



#index_banner .swiper-button-next {
  
  background-image: none;
  
  background-color: #f7f8f926;
  
  width: 40px;
  
  height: 40px;
  
  color: #787878;
  
  text-align: center;
  
  font-size: 14pt;
  
  line-height: 40px;
  
}



#index_banner .swiper-button-next span,

#index_banner .swiper-button-prev span {
  
  color: #FFFFFF;
  
}



@media (min-width: 320px) and (max-width: 480px) {
  
  #index_banner .info .info-content h2 {
    
    font-size: 14px;
  
}

#index_banner .info .info-content h3 {
  
  font-size: 16px;
  
}

#index_banner .info .info-content h4 input {
  
  font-size: 13px;
  
}

}



@media (max-width: 767px) {
  
  #index_banner .info .info-content h2 {
    
    font-size: 14px;
  
}

#index_banner .info .info-content h3 {
  
  font-size: 14px;
  
}

#index_banner .info .info-content h4 input {
  
  font-size: 13px;
  
}

}



@media (max-width: 991px) {
  
  #index_banner .info .info-content h2 {
    
    font-size: 16px;
  
}

#index_banner .info .info-content h3 {
  
  font-size: 20px;
  
}

#index_banner .info .info-content h4 input {
  
  font-size: 16px;
  
}

}



.video-container .left,

.swiper-container .swiper-slide .left {
  
  -webkit-box-pack: start;
  
  -moz-justify-content: start;
  
  justify-content: start;
  
}



.video-container .center,

.swiper-container .swiper-slide .center {
  
  -webkit-box-pack: center;
  
  -moz-justify-content: center;
  
  -webkit-justify-content: center;
  
  justify-content: center;
  
  text-align: center !important;
  
}



.video-container .center h4,

.swiper-container .swiper-slide .center h4 {
  
  text-align: center !important;
  
}



.video-container .right,

.swiper-container .swiper-slide .right {
  
  -webkit-box-pack: end;
  
  -moz-justify-content: flex-end;
  
  -webkit-justify-content: flex-end;
  
  justify-content: flex-end;
  
  text-align: right !important;
  
}



.video-container .swiper-container .swiper-slide .right h4 {
  
  text-align: right !important;
  
}



.container {
  
  margin: 0 auto;
  
  padding: 0;
  
}



.container .navBar {
  
  width: 100%;
  
  margin: 0;
  
  padding: 0;
  
  height: 80px;
  
  top: 0;
  
  left: 0;
  
  background-color: #ffffff;
  
  position: absolute;
  
  z-index: 1000000;
  
}



.container .navBar .navBar-Container {
  
  width: 1820px;
  
  margin: 0 auto;
  
  padding: 0;
  
  background-color: #ffffff;
  
  position: relative;
  
}



.container .navBar .navBar-Container .logo {
  
  width: auto;
  
  position: absolute;
  
  left: 0;
  
  top: 0;
  
}



.container .navBar .navBar-Container .logo img {
  
  width: auto;
  
  height: 80px;
  
  display: block;
  
  margin: 0;
  
  padding: 0;
  
}



.container .navBar .navBar-Container .navBar-list {
  
  height: 80px;
  
  width: auto;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content {
  
  width: 1020px;
  
  height: 80px;
  
  background-color: #ffffff;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul {
  
  height: 80px;
  
  background-color: #ffffff;
  
  position: relative;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li {
  
  height: 80px;
  
  line-height: 80px;
  
  background-color: #ffffff;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li>a {
  
  display: block;
  
  padding: 0 15px;
  
  height: 100%;
  
  margin: 0;
  
  text-align: center;
  
  position: relative;
  
  background-color: #ffffff;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li>a span {
  
  color: #000000;
  
  font-size: 17px;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li>a .arrow {
  
  position: absolute;
  
  bottom: -9px;
  
  left: 0;
  
  width: 100%;
  
  /*text-align: center;*/
  
  height: 2px;
  
  background-color: transparent;
  
  /*line-height: 20px;*/
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li>a .arrow i {
  
  font-size: 30px;
  
  color: #eeeeee;
  
  display: none !important;
  
  position: static;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item {
  
  position: fixed;
  
  width: 75%;
  
  top: 80px;
  
  left: calc((100% - 75%) * 0.5);
  
  z-index: -5;
  
  background-color: #f7f8f9;
  
  padding-top: 40px;
  
  padding-bottom: 40px;
  
  transform: translateY(-100%);
  
  -ms-transform: translateY(-100%);
  
  -moz-transform: translateY(-100%);
  
  -webkit-transform: translateY(-100%);
  
  -o-transform: translateY(-100%);
  
  transition: all 1s;
  
  -moz-transition: all 1s;
  
  -webkit-transition: all 1s;
  
  -o-transition: all 1s;
  
  opacity: 0;
  
}



@media screen and (max-width: 1020px) and (min-width: 0px) {
  
  .container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item {
    
    left: 0;
  
}

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li {
  
  width: 50%;
  
  text-align: left;
  
  background-color: transparent;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li>a {
  
  display: block;
  
  padding: 8px 0 8px 0;
  
  width: 80%;
  
  margin: 0 auto;
  
  border-bottom: 1px solid #cccccc;
  
  color: #000000;
  
  font-size: 17px;
  
  font-weight: bolder;
  
  line-height: normal;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li>a>i {
  
  color: #0067b8;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li>a>span {
  
  text-indent: 4px;
  
  display: inline-block;
  
  color: #000000;
  
  line-height: normal;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li>a:hover span {
  
  font-weight: bolder;
  
  color: #0067b8;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li>a.active span {
  
  font-weight: bolder;
  
  color: #0067b8;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third {
  
  display: flex;
  
  justify-content: flex-start;
  
  flex-wrap: wrap;
  
  width: 80%;
  
  margin: 0 auto;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third>a {
  
  display: block;
  
  padding: 6px 0;
  
  width: 100%;
  
  border-bottom: none;
  
  line-height: normal;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third>a>i {
  
  color: #333333;
  
  transform: scale(0.5, 0.5);
  
  -ms-transform: scale(0.5, 0.5);
  
  -moz-transform: scale(0.5, 0.5);
  
  -webkit-transform: scale(0.5, 0.5);
  
  -o-transform: scale(0.5, 0.5);
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third>a>span {
  
  color: #333333;
  
  font-size: 15px;
  
  font-weight: bolder;
  
  line-height: normal;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third>a:hover i {
  
  color: #0067b8;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third>a:hover span {
  
  color: #0067b8;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third div.fourth {
  
  width: 100%;
  
  padding-left: 15px;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third div.fourth a {
  
  border-bottom: none;
  
  width: auto;
  
  padding: 5px 15px 5px 0;
  
  line-height: normal;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third div.fourth a span {
  
  color: #333333;
  
  font-size: 15px;
  
  line-height: normal;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third div.fourth a:hover span {
  
  color: #0067b8;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li:nth-of-type(2n+1)>a {
  
  margin-left: 15%;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li:nth-of-type(2n+1)>div.third {
  
  margin-left: 18%;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li:nth-of-type(2n+2)>a {
  
  margin-right: 15%;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li:nth-of-type(2n+2)>div.third {
  
  margin-right: 12%;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li:nth-child(2):hover>.menu-item:nth-child(2) {
  
  transform: translateY(0%);
  
  -ms-transform: translateY(0%);
  
  -moz-transform: translateY(0%);
  
  -webkit-transform: translateY(0%);
  
  -o-transform: translateY(0%);
  
  opacity: 1;
  
}

.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li:nth-child(4):hover>.menu-item:nth-child(4){
  transform: translateY(0%);
  
  -ms-transform: translateY(0%);
  
  -moz-transform: translateY(0%);
  
  -webkit-transform: translateY(0%);
  
  -o-transform: translateY(0%);
  
  opacity: 1;
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul li.active>a {
  
  height: 80px;
  
  /*background-color: #0067b8;*/
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul li.active>a>span {
  
  /*color: #ffffff;*/
  
  font-weight: bold;
  
  color: #0067b8;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul li.active>a>.arrow {
  
  bottom: 0px;
  
  background-color: #0067b8;
  
}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul li.active>a>.arrow i {
  
  transform: rotate(180deg);
  
  display: inline-block;
  
}



.container .navBar .navBar-Container .language-map {
  
  height: 80px;
  
}



.container .navBar .navBar-Container .language-map img,

.container .navBar .navBar-Container .language-map svg {
  
  width: 20px;
  
  height: 20px;
  
}



.container .navBar .navBar-Container .language-map span {
  
  color: #8f8f8f;
  
  font-size: 18px;
  
}



.container .navBar .navBar-Container .language-map .line {
  
  background-color: #8f8f8f;
  
  height: 40px;
  
  width: 1px;
  
  margin-top: 2px;
  
}



.container .navBar .navBar-Container .language-map .search {
  
  margin-left: 25px;
  
  vertical-align: bottom;
  
}



.container .navBar .navBar-Container .language-map .search img,

.container .navBar .navBar-Container .language-map .search svg {
  
  width: 20px;
  
  height: 20px;
  
  vertical-align: bottom;
  
}



.container .navBar .navBar-Container .language-map .search:hover a span {
  
  color: #0067b8 !important;
  
}



.container .navBar .navBar-Container .language-map .loginIcon {
  
  margin-left: 25px;
  
  vertical-align: bottom;
  
}



.container .navBar .navBar-Container .language-map .loginIcon>span.active {
  
  color: #0067b8;
  
}



.container .navBar .navBar-Container .language-map .loginIcon img,

.container .navBar .navBar-Container .language-map .loginIcon svg {
  
  width: 20px;
  
  height: 20px;
  
  vertical-align: bottom;
  
}



.container .navBar .navBar-Container .language-map .loginIcon:hover>span {
  
  color: #0067b8 !important;
  
}



.container .navBar .navBar-Container .language-map .about {
  
  width: auto;
  
  margin-left: 25px;
  
  vertical-align: top;
  
  position: relative;
  
  height: 80px;
  
  line-height: 80px;
  
}



.container .navBar .navBar-Container .language-map .about img,

.container .navBar .navBar-Container .language-map .about svg {
  
  width: 15px;
  
  height: 15px;
  
  vertical-align: middle;
  
}



.container .navBar .navBar-Container .language-map .about:hover>span {
  
  color: #0067b8 !important;
  
}



.container .navBar .navBar-Container .language-map .about .about-item {
  
  position: absolute;
  
  top: 80px;
  
  left: -90px;
  
  width: 250px;
  
  background-color: #efefef;
  
  border-bottom-left-radius: 5px;
  
  border-bottom-right-radius: 5px;
  
  border: 1px solid #e3e3e3;
  
  transform: translateY(-100%);
  
  -ms-transform: translateY(-100%);
  
  -moz-transform: translateY(-100%);
  
  -webkit-transform: translateY(-100%);
  
  -o-transform: translateY(-100%);
  
  transition: all 1s;
  
  -moz-transition: all 1s;
  
  -webkit-transition: all 1s;
  
  -o-transition: all 1s;
  
  z-index: -5;
  
}



.container .navBar .navBar-Container .language-map .about .about-item .triangle_border_up {
  
  width: 0;
  
  height: 0;
  
  border-width: 0 12px 12px;
  
  border-style: solid;
  
  border-color: transparent transparent #e3e3e3;
  
  margin: -12px auto 0 auto;
  
  position: relative;
  
}



.container .navBar .navBar-Container .language-map .about .about-item .triangle_border_up span {
  
  display: block;
  
  width: 0;
  
  height: 0;
  
  border-width: 0 10px 10px;
  
  border-style: solid;
  
  border-color: transparent transparent #f9fafb;
  
  position: absolute;
  
  top: 2px;
  
  left: -10px;
  
}



.container .navBar .navBar-Container .language-map .about .about-item ol {
  
  padding-bottom: 10px;
  
}



.container .navBar .navBar-Container .language-map .about .about-item ol li {
  
  line-height: normal;
  
  width: auto;
  
  background-color: #f9fafb;
  
  border-bottom: 1px solid #e3e3e3;
  
}



.container .navBar .navBar-Container .language-map .about .about-item ol li a {
  
  display: block;
  
  padding: 9px 0;
  
  text-indent: 20px;
  
}



.container .navBar .navBar-Container .language-map .about .about-item ol li a span {
  
  font-size: 14px;
  
}



.container .navBar .navBar-Container .language-map .about .about-item ol li:hover {
  
  background-color: #0067b8;
  
}



.container .navBar .navBar-Container .language-map .about .about-item ol li:hover span {
  
  color: #ffffff;
  
}



.container .navBar .navBar-Container .language-map .about:hover .about-item {
  
  transform: translateY(0%);
  
  -ms-transform: translateY(0%);
  
  -moz-transform: translateY(0%);
  
  -webkit-transform: translateY(0%);
  
  -o-transform: translateY(0%);
  
}



.container .navBar .navBar-Container .language-map .language {
  
  width: auto;
  
  margin-left: 25px;
  
  vertical-align: top;
  
  position: relative;
  
  height: 80px;
  
  line-height: 80px;
  
}



.container .navBar .navBar-Container .language-map .language img,

.container .navBar .navBar-Container .language-map .language svg {
  
  width: 20px;
  
  height: 20px;
  
  vertical-align: middle;
  
}



.container .navBar .navBar-Container .language-map .language:hover>span {
  
  color: #0067b8 !important;
  
}



.container .navBar .navBar-Container .language-map .language .language-item {
  
  position: absolute;
  
  top: 80px;
  
  left: -20px;
  
  width: 120px;
  
  background-color: #efefef;
  
  border-bottom-left-radius: 5px;
  
  border-bottom-right-radius: 5px;
  
  border: 1px solid #e3e3e3;
  
  transform: translateY(-100%);
  
  -ms-transform: translateY(-100%);
  
  -moz-transform: translateY(-100%);
  
  -webkit-transform: translateY(-100%);
  
  -o-transform: translateY(-100%);
  
  transition: all 1s;
  
  -moz-transition: all 1s;
  
  -webkit-transition: all 1s;
  
  -o-transition: all 1s;
  
  z-index: -5;
  
}



.container .navBar .navBar-Container .language-map .language .language-item .triangle_border_up {
  
  width: 0;
  
  height: 0;
  
  border-width: 0 12px 12px;
  
  border-style: solid;
  
  border-color: transparent transparent #e3e3e3;
  
  margin: -12px auto 0 auto;
  
  position: relative;
  
}



.container .navBar .navBar-Container .language-map .language .language-item .triangle_border_up span {
  
  display: block;
  
  width: 0;
  
  height: 0;
  
  border-width: 0 10px 10px;
  
  border-style: solid;
  
  border-color: transparent transparent #f9fafb;
  
  position: absolute;
  
  top: 2px;
  
  left: -10px;
  
}



.container .navBar .navBar-Container .language-map .language .language-item ol {
  
  padding-bottom: 10px;
  
}



.container .navBar .navBar-Container .language-map .language .language-item ol li {
  
  line-height: normal;
  
  width: auto;
  
  background-color: #f9fafb;
  
  border-bottom: 1px solid #e3e3e3;
  
}



.container .navBar .navBar-Container .language-map .language .language-item ol li a {
  
  display: block;
  
  padding: 9px 0;
  
  text-indent: 10px;
  
}



.container .navBar .navBar-Container .language-map .language .language-item ol li a img {
  
  width: 20px;
  
}



.container .navBar .navBar-Container .language-map .language .language-item ol li a span {
  
  font-size: 14px;
  
}



.container .navBar .navBar-Container .language-map .language .language-item ol li:hover {
  
  background-color: #ffffff;
  
}



.container .navBar .navBar-Container .language-map .language .language-item ol li:hover a span {
  
  color: #0067b8;
  
}



.container .navBar .navBar-Container .language-map .language .language-item ol li.active {
  
  background-color: #ffffff;
  
}



.container .navBar .navBar-Container .language-map .language .language-item ol li.active a span {
  
  color: #0067b8;
  
}



.container .navBar .navBar-Container .language-map .language:hover .language-item {
  
  transform: translateY(0%);
  
  -ms-transform: translateY(0%);
  
  -moz-transform: translateY(0%);
  
  -webkit-transform: translateY(0%);
  
  -o-transform: translateY(0%);
  
}



.container .navBar .navBar-Container .language-map .map {
  
  width: auto;
  
  vertical-align: top;
  
  margin-left: 25px;
  
  margin-right: 15px;
  
}



.container .navBar .navBar-Container .language-map .map img,

.container .navBar .navBar-Container .language-map .map svg {
  
  width: 20px;
  
  height: 20px;
  
  vertical-align: middle;
  
}



.container .navBar .navBar-Container .language-map .map:hover span {
  
  color: #0067b8;
  
}



.container .navBar .navBar-Container .language-map .map-active span {
  
  color: #0067b8;
  
}



.container .web-map {
  
  width: 400px;
  
  position: fixed;
  
  right: 0;
  
  top: 0;
  
  z-index: 100000010;
  
  height: 100%;
  
  transform: translateX(520px);
  
  transition-duration: 1s;
  
}



.container .web-map .list {
  
  background-color: #2b2b2b;
  
  height: 100%;
  
  width: 400px;
  
  float: left;
  
  overflow-y: scroll;
  
  padding-bottom: 60px;
  
}



.container .web-map .list h1 {
  
  color: #0067b8;
  
  font-size: 18px;
  
  font-weight: bold;
  
  width: 80%;
  
  margin: 60px auto 30px auto;
  
  text-align: left;
  
}



.container .web-map .list .list-item {
  
  width: 80%;
  
  margin: 0 auto 0 auto;
  
  text-align: left;
  
}



.container .web-map .list .list-item a p.title {
  
  border-bottom: #4c4c4c 1px solid;
  
  width: 100%;
  
  margin: 0;
  
  padding: 15px 0 8px 0;
  
  color: #999999;
  
  font-size: 16px;
  
  font-weight: bold;
  
}



.container .web-map .list .list-item p.item {
  
  display: inline-block;
  
  width: auto;
  
  margin: 15px 0 0 0;
  
  padding: 0 15px;
  
  border-right: #4c4c4c 1px solid;
  
}



.container .web-map .list .list-item p.item a span {
  
  font-size: 14px;
  
  color: #999999;
  
}



.container .web-map .list .list-item p.item a:hover span {
  
  color: #0067b8 !important;
  
}



.container div.web-map-show {
  
  transform: translateX(20px);
  
  transition-duration: 0.2s;
  
}



.container .web-theme {
  
  width: 100%;
  
  margin: 0 auto;
  
  height: 100px;
  
  background-color: #f7fbff;
  
  padding: 0;
  
}



.container .web-theme .web-theme-content h1 {
  
  text-align: center;
  
  color: #000000;
  
  font-size: 23px;
  
  font-weight: bold;
  
  width: 100%;
  
  margin: 0 0 10px 0;
  
  padding: 0;
  
}



.container .web-theme .web-theme-content h1:hover {
  
  color: #000000;
  
}



.container .web-theme .web-theme-content h2 {
  
  text-align: center;
  
  color: #000000;
  
  font-size: 15px;
  
  font-weight: normal;
  
  width: 100%;
  
  margin: 0;
  
  padding: 0;
  
}



.container .web-theme .web-theme-content h2:hover {
  
  color: #000000;
  
}



.container .quickly-icon {
  
  height: 125px;
  
  background-color: #f3f7fd;
  
  width: 100%;
  
  overflow: hidden;
  
}



.container .quickly-icon ol {
  
  width: auto;
  
}



.container .quickly-icon ol li {
  
  padding: 4px 15px;
  
  border-left: 1px solid #e1e1e1;
  
}



.container .quickly-icon ol li a .svg-border object,

.container .quickly-icon ol li a .svg-border .svg,

.container .quickly-icon ol li a .svg-border img,

.container .quickly-icon ol li a .svg-border svg {
  
  fill: #000000;
  
  text-align: left;
  
  margin: 10px auto;
  
  width: 35px;
  
  height: 35px;
  
}



.container .quickly-icon ol li a span {
  
  font-size: 14px;
  
  color: #000000;
  
}



.container .quickly-icon ol li a:hover .svg-border object,

.container .quickly-icon ol li a:hover .svg-border .svg,

.container .quickly-icon ol li a:hover .svg-border img,

.container .quickly-icon ol li a:hover .svg-border svg {
  
  fill: #0067b8;
  
}



.container .quickly-icon ol li a:hover span {
  
  color: #0067b8;
  
}



.container .quickly-icon ol li:first-child {
  
  border: none;
  
}



.container .company-desc {
  
  width: 100%;
  
  margin: 0 auto 0 auto;
  
  padding: 0;
  
}



.container .company-desc .company-desc-content {
  
  margin: 0;
  
  width: 100%;
  
  overflow: hidden;
  
  /*height: 510px;*/
  
  padding: 0;
  
  display: table;
  
  table-layout: fixed;
  
}



.container .company-desc .company-desc-content .video {
  
  width: 51%;
  
  height: 100%;
  
  display: table-cell;
  
  position: relative;
  
}



.container .company-desc .company-desc-content .video .videoContent {
  
  width: 100%;
  
  height: 100%;
  
  overflow: hidden;
  
}



.container .company-desc .company-desc-content .video .videoContent a img {
  
  object-fit: fill;
  
  width: 100%;
  
  /*min-height: 100%;*/
  
}



.container .company-desc .company-desc-content .video .videoContent a .bg {
  
  background-color: rgba(0, 0, 0, 0.65);
  
  position: absolute;
  
  left: 0;
  
  top: 0;
  
  width: 100%;
  
  height: 100%;
  
  opacity: 1;
  
  transition: opacity 1s;
  
}



.container .company-desc .company-desc-content .video .videoContent a .bg .iconfont {
  
  opacity: 1;
  
  transition: opacity 1s;
  
  color: #ffffff;
  
  font-size: 50px;
  
}



.container .company-desc .company-desc-content .video .videoContent:hover .bg {
  
  opacity: 0;
  
}



.container .company-desc .company-desc-content .desc {
  
  width: 33%;
  
  height: 100%;
  
  vertical-align: top;
  
  background-color: #f7f8f9;
  
  /*margin-left: 15px;*/
  
  /*margin-right: 15px;*/
  
  border-right: 15px solid #FFFFFF;
  
  border-left: 15px solid #FFFFFF;
  
  display: table-cell;
  
}



.container .company-desc .company-desc-content .desc .descContent {
  
  padding: 30px;
  
  height: 100%;
  
}



.container .company-desc .company-desc-content .desc .descContent .desc-title {
  
  margin: 0;
  
  padding: 0;
  
}



.container .company-desc .company-desc-content .desc .descContent .desc-title h1 {
  
  margin: 0 auto;
  
  font-size: 16px;
  
  font-weight: bolder;
  
  color: #000000;
  
  padding: 0;
  
}



.container .company-desc .company-desc-content .desc .descContent .desc-title .line {
  
  margin: 15px 0 0 0;
  
}



.container .company-desc .company-desc-content .desc .descContent .desc-title .line .line-active {
  
  display: block;
  
  width: 0;
  
  height: 100%;
  
  margin: 0;
  
  padding: 0;
  
  transition: width 0.3s;
  
  background-color: #0067b8;
  
}



.container .company-desc .company-desc-content .desc .descContent .desc-title:hover h1 {
  
  color: #0067b8;
  
}



.container .company-desc .company-desc-content .desc .descContent .desc-title:hover .line span.line-active {
  
  width: 100%;
  
}



.container .company-desc .company-desc-content .desc .descContent .desc-info {
  
  margin: 20px auto 0 auto;
  
  overflow: hidden;
  
  padding: 0;
  
  height: 265px;
  
  line-height: 25px;
  
}



.container .company-desc .company-desc-content .desc .descContent .desc-info::-webkit-scrollbar {
  
  width: 0;
  
  height: 0;
  
}



.container .company-desc .company-desc-content .desc .descContent .desc-info::-webkit-scrollbar-thumb {
  
  border-radius: 10px;
  
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 1);
  
  background: transparent;
  
}



.container .company-desc .company-desc-content .desc .descContent .desc-info::-webkit-scrollbar-track {
  
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 1);
  
  border-radius: 0;
  
  background: transparent;
  
}



.container .company-desc .company-desc-content .desc .descContent .desc-info p {
  
  text-indent: 20px;
  
  margin: 0 auto;
  
  color: #000000;
  
  padding: 0;
  
  font-size: 14px;
  
}



.container .company-desc .company-desc-content .desc .descContent .desc-info p:hover {
  
  color: #000000;
  
}



.container .company-desc .company-desc-content .desc .descContent .desc-info p:last-child {
  
  margin-bottom: 0;
  
}



.container .company-desc .company-desc-content .desc .descContent div.desc-more {
  
  margin: 25px 0 0 0;
  
  text-align: left;
  
}



.container .company-desc .company-desc-content .desc .descContent div.desc-more span {
  
  color: #8f8f8f;
  
  font-size: 14px;
  
}



.container .company-desc .company-desc-content .desc .descContent div.desc-more span.iconfont {
  
  color: #8f8f8f;
  
}



.container .company-desc .company-desc-content .desc .descContent div.desc-more:hover span {
  
  color: #0067b8;
  
}



.container .company-desc .company-desc-content .model {
  
  width: 15.6%;
  
  vertical-align: top;
  
  height: 100%;
  
  display: table-cell;
  
}



.container .company-desc .company-desc-content .model .model-item {
  
  width: 100%;
  
  display: block;
  
  position: relative;
  
  margin-top: 15px;
  
  overflow: hidden;
  
  /*height: 160px;*/
  
}



.container .company-desc .company-desc-content .model .model-item img {
  
  width: 100%;
  
  height: 100%;
  
  transform: scale(1, 1);
  
  transition-duration: 0.5s;
  
}



.container .company-desc .company-desc-content .model .model-item a .bg {
  
  width: 100%;
  
  height: 100%;
  
  position: absolute;
  
  left: 0;
  
  top: 0;
  
  z-index: 100;
  
  background-color: rgba(0, 0, 0, 0.65);
  
}



.container .company-desc .company-desc-content .model .model-item a .bg .bg-content {
  
  text-align: center;
  
}



.container .company-desc .company-desc-content .model .model-item a .bg .bg-content .svg,

.container .company-desc .company-desc-content .model .model-item a .bg .bg-content object,

.container .company-desc .company-desc-content .model .model-item a .bg .bg-content svg,

.container .company-desc .company-desc-content .model .model-item a .bg .bg-content img {
  
  transition: all 1s ease 0s;
  
  opacity: 1;
  
  width: 35px;
  
  height: 35px;
  
}



.container .company-desc .company-desc-content .model .model-item a .bg .bg-content p.title {
  
  text-align: center;
  
  color: #ffffff;
  
  font-size: 16px;
  
  width: 100%;
  
  transition: all 1s ease 0s;
  
  opacity: 1;
  
  margin: 8px 0 0 0;
  
  padding: 0;
  
}



.container .company-desc .company-desc-content .model .model-item:hover .bg {
  
  transition-duration: 0.5s;
  
  opacity: 0;
  
}



.container .company-desc .company-desc-content .model .model-item:hover .bg p.title {
  
  opacity: 0;
  
  transform: translateY(200%);
  
}



.container .company-desc .company-desc-content .model .model-item:hover .bg .svg,

.container .company-desc .company-desc-content .model .model-item:hover .bg object,

.container .company-desc .company-desc-content .model .model-item:hover .bg svg,

.container .company-desc .company-desc-content .model .model-item:hover .bg img {
  
  opacity: 0;
  
  transform: translateY(200%);
  
}



.container .company-desc .company-desc-content .model .model-item:hover img {
  
  transform: scale(1.1, 1.1);
  
  transition-duration: 0.5s;
  
}



.container .company-desc .company-desc-content .model .model-item:first-child {
  
  margin: 0;
  
}



.container .data-show {
  
  height: 180px;
  
  margin-top: 15px;
  
  width: 100%;
  
  position: relative;
  
  z-index: -1;
  
}



.container .data-show:after {
  
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  
  bottom: 0;
  
  content: "";
  
  left: 0;
  
  position: absolute;
  
  right: 0;
  
  top: 0;
  
  z-index: -1;
  
}



.container .data-show .data-show-content {
  
  width: 100%;
  
  margin: 0;
  
  padding-left: 10%;
  
  padding-right: 10%;
  
  height: 100%;
  
  transition: all 0.5s;
  
}



.container .data-show .data-show-content .counters-item {
  
  width: 25%;
  
  text-align: center;
  
}



.container .data-show .data-show-content .counters-item p.num {
  
  color: #FFFFFF;
  
  font-weight: bolder;
  
  text-align: center;
  
  font-size: 40px;
  
  margin: 0 0 0 0;
  
  padding: 0;
  
  vertical-align: top;
  
}



.container .data-show .data-show-content .counters-item img.svg,

.container .data-show .data-show-content .counters-item .svg {
  
  width: 35px;
  
  height: 35px;
  
  margin: 0 auto 15px auto;
  
}



.container .data-show .data-show-content .counters-item p.num span {
  
  font-family: 微软雅黑;
  
}



.container .data-show .data-show-content .counters-item p.num span.flg {
  
  vertical-align: super;
  
  font-size: 18px;
  
}



.container .data-show .data-show-content .counters-item p.title {
  
  padding: 0;
  
  color: #FFFFFF;
  
  font-size: 14px;
  
  text-align: center;
  
  margin: 0 0 0 0;
  
}



.container .data-show .data-show-content:hover {
  
  background-color: rgba(0, 0, 0, 0);
  
}



.container .newsInformation {
  
  width: 100%;
  
}



.container .newsInformation .newsInformation-content {
  
  width: 100%;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner {
  
  width: 50%;
  
  background-color: #f7f8f9;
  
  overflow: hidden;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container {
  
  width: 100%;
  
  height: 683.7px;
  
  overflow: hidden;
  
  position: relative;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper {
  
  width: 100%;
  
  height: 100%;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide {
  
  width: 100%;
  
  height: 100%;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .img {
  
  width: 100%;
  
  overflow: hidden;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .img img {
  
  width: 100%;
  
  transform: scale(1, 1);
  
  transition-duration: 0.5s;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide:hover img {
  
  transform: scale(1.1, 1.1);
  
  transition-duration: 0.5s;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info {
  
  height: 175px;
  
  background-color: #f7f8f9;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content {
  
  width: 90%;
  
  margin: 0 auto;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title,

.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title-content {
  
  padding: 15px 0 15px 0;
  
  display: table;
  
  table-layout: fixed;
  
  width: 100%;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title p.name,

.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title-content p.name {
  
  text-align: left;
  
  color: #000000;
  
  font-size: 18px;
  
  font-weight: bolder;
  
  margin: 0;
  
  padding: 0 20px 0 0;
  
  width: 100px;
  
  display: table-cell;
  
  vertical-align: middle;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .date-content,

.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title-content .date-content {
  
  display: table-cell;
  
  width: 85px;
  
  vertical-align: middle;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .shortDesc,

.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title-content .shortDesc {
  
  width: auto;
  
  display: table-cell;
  
  padding: 0 10% 0 15px;
  
  vertical-align: middle;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .shortDesc a,

.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title-content .shortDesc a {
  
  color: #000000;
  
  font-size: 18px;
  
  font-weight: bolder;
  
  overflow: hidden;
  
  white-space: nowrap;
  
  text-overflow: ellipsis;
  
  display: inline-block;
  
  width: 100%;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title p.zan,

.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title-content p.zan {
  
  width: 170px;
  
  display: table-cell;
  
  vertical-align: middle;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title-content p.name {
  
  text-indent: 0;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .desc {
  
  border-top: 1px solid #e2e2e3;
  
  padding-top: 10px;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .desc p {
  
  margin: 0;
  
  padding: 0;
  
  overflow: hidden;
  
  text-overflow: ellipsis;
  
  -webkit-line-clamp: 3;
  
  word-break: break-all;
  
  display: -webkit-box;
  
  -webkit-box-orient: vertical;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .desc p a {
  
  font-size: 13px;
  
  line-height: 20px;
  
  color: #000000;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-pagination {
  
  top: 40%
    
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-pagination .swiper-pagination-bullet {
  
  border: 1px solid #ffffff;
  
  background-color: transparent;
  
  width: 10px;
  
  height: 10px;
  
  opacity: 1;
  
}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-pagination .swiper-pagination-bullet-active {
  
  background-color: #ffffff;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info {
  
  width:100%;
  
  overflow: hidden;
  
  border-left: 15px solid transparent;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul {
  
  margin: 0;
  
  padding: 0;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content {
  
  width: 100%;
  
  margin: 15px 0 0 0;
  
  padding: 0;
  
  background-color: #f7f8f9;
  
  height: 72.5px;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title {
  
  padding: 0 3%;
  
  margin: 0;
  
  height: 100%;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title p.name {
  
  text-align: center;
  
  color: #000000;
  
  font-size: 18px;
  
  font-weight: bolder;
  
  margin: 0;
  
  padding: 0;
  
  height: auto;
  
  width: 15%;
  
  overflow: hidden;
  
  font-family: 微软雅黑;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title div.date {
  
  margin: 0;
  
  border: 1px solid #000000;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title div.date p.day {
  
  color: #000000;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title div.date p.year {
  
  color: #000000;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title .shortDesc {
  
  margin: 0;
  
  padding: 0;
  
  width: 40%;
  
  overflow: hidden;
  
  text-overflow: ellipsis;
  
  -webkit-line-clamp: 2;
  
  word-break: break-all;
  
  display: -webkit-box;
  
  -webkit-box-orient: vertical;
  
  color: #000000;
  
  font-size: 15px;
  
  font-weight: bolder;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title .shortDesc a {
  
  color: #000000;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title p.zan {
  
  width: 22%;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content {
  
  padding: 15px 30px 15px 30px;
  
  display: table;
  
  table-layout: fixed;
  
  width: 100%;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content p.name {
  
  text-align: left;
  
  color: #000000;
  
  font-size: 18px;
  
  font-weight: bolder;
  
  margin: 0;
  
  padding: 0;
  
  width: 90px;
  
  text-indent: 1rem;
  
  overflow: hidden;
  
  display: table-cell;
  
  vertical-align: middle;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content .date-content {
  
  display: table-cell;
  
  width: 100px;
  
  vertical-align: middle;
  
  text-align: right;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content .date-content .date {
  
  display: inline-block;
  
  border-color: #000000;
  
  height: 45px;
  
  width: 85px;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content .date-content .date p.day {
  
  color: #000000;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content .date-content .date p.year {
  
  color: #000000;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content .shortDesc {
  
  margin: 0;
  
  padding: 0 15% 0 30px;
  
  display: table-cell;
  
  width: auto;
  
  overflow: hidden;
  
  text-overflow: ellipsis;
  
  -webkit-line-clamp: 2;
  
  word-break: break-all;
  
  display: -webkit-box;
  
  -webkit-box-orient: vertical;
  
  vertical-align: middle;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content .shortDesc a {
  
  color: #000000;
  
  font-size: 17px;
  
  font-weight: bolder;
  
  line-height: 23px;
  
  overflow: hidden;
  
  text-overflow: ellipsis;
  
  -webkit-line-clamp: 2;
  
  word-break: break-all;
  
  display: -webkit-box;
  
  -webkit-box-orient: vertical;
  
  vertical-align: middle;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content .shortDesc a:hover {
  
  color: #0067b8;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content p.zan {
  
  display: table-cell;
  
  width: 150px;
  
  vertical-align: middle;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover {
  
  /*background-color: transparent;*/
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title p.name {
  
  color: #0067b8;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title .date {
  
  border: 1px solid #0067b8;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title .date p.day {
  
  color: #0067b8;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title .date p.year {
  
  color: #0067b8;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title .shortDesc {
  
  color: #0067b8;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title .shortDesc a {
  
  color: #0067b8;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title p.zan {
  
  color: #0067b8;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover {
  
  /*background-color: #0067b8;*/
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title-content p.name {
  
  color: #0067b8;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title-content .date {
  
  border: 1px solid #0067b8;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title-content .date p.day {
  
  color: #0067b8;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title-content .date p.year {
  
  color: #0067b8;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title-content .shortDesc {
  
  color: #0067b8;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title-content .shortDesc a {
  
  color: #0067b8;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title-content p.zan {
  
  color: #0067b8;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:first-child {
  
  margin-top: 0;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item {
  
  margin-top: 15px;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul {
  
  margin: 0;
  
  padding: 0;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li {
  
  margin: 0;
  
  padding: 0;
  
  width: 49%;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-img {
  
  overflow: hidden;
  
  position: relative;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-img a img {
  
  width: 100%;
  
  transform: scale(1, 1);
  
  transition-duration: 0.5s;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-img a .bg {
  
  background-color: rgba(0, 0, 0, 0.65);
  
  position: absolute;
  
  left: 0;
  
  top: 0;
  
  width: 100%;
  
  height: 100%;
  
  opacity: 0;
  
  transition: opacity 1s;
  
  padding: 15px;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-img a .bg p.resource {
  
  margin: 0;
  
  padding: 0;
  
  color: #ffffff;
  
  text-align: right;
  
  font-size: 15px;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-img a .bg p.zan {
  
  margin: 5px 0 0 0;
  
  padding: 0;
  
  color: #ffffff;
  
  width: 100%;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-img:hover {
  
  background-color: #0067b8;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-img:hover a img {
  
  transform: scale(1.1, 1.1);
  
  transition-duration: 0.5s;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-img:hover a .bg {
  
  transition-duration: 0.5s;
  
  opacity: 1;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-img:hover a .bg p span {
  
  color: #FFFFFF;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info {
  
  height: 100px;
  
  width: 100%;
  
  margin: 0 auto;
  
  padding-top: 0;
  
  background-color: #f7f8f9;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info a {
  
  width: 95%;
  
  margin: 0 auto;
  
  height: 100%;
  
  overflow: hidden;
  
  display: table;
  
  table-layout: fixed;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info a .date-content {
  
  display: table-cell;
  
  width: 86px;
  
  vertical-align: middle;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info a .date-content div.date {
  
  margin: 0;
  
  border: 1px solid #000000;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info a .date-content div.date p.day {
  
  color: #000000;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info a .date-content div.date p.year {
  
  color: #000000;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info a .desc {
  
  width: auto;
  
  display: table-cell;
  
  padding-left: 15px;
  
  vertical-align: middle;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info a .desc h1 {
  
  font-size: 17px;
  
  margin: 0;
  
  padding: 0 0 0 0;
  
  color: #000000;
  
  font-weight: bolder;
  
  width: 100%;
  
  line-height: 23px;
  
  overflow: hidden;
  
  text-overflow: ellipsis;
  
  -webkit-line-clamp: 2;
  
  word-break: break-all;
  
  display: -webkit-box;
  
  -webkit-box-orient: vertical;
  
  height: 48px;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info a .desc p {
  
  display: none;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info:hover {
  
  /*background-color: #0067b8;*/
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info:hover a .date {
  
  border-color: #0067b8 !important;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info:hover a .date p.day,

.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info:hover a .date p.year {
  
  color: #0067b8 !important;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info:hover a .desc h1 {
  
  color: #0067b8;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info:hover a .desc p {
  
  color: #0067b8;
  
}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li:first-child {
  
  margin-left: 0;
  
}



.container .scientific .scientific-content {
  
  height: 350px;
  
  display: -webkit-box;
  
  display: -moz-box;
  
  display: -ms-flexbox;
  
  display: -webkit-flex;
  
  display: flex;
  
  -webkit-box-pack: justify;
  
  -moz-justify-content: space-between;
  
  -webkit-justify-content: space-between;
  
  justify-content: space-between;
  
}



.container .scientific .scientific-content .scientific-item {
  
  position: relative;
  
  overflow: hidden;
  
}



.container .scientific .scientific-content .scientific-item img {
  
  width: 100%;
  
  height: 100%;
  
  object-fit: cover;
  
  transition: all 1s;
  
  transform: scale(1, 1);
  
}



.container .scientific .scientific-content .scientific-item .scientific-block {
  
  position: absolute;
  
  background-color: rgba(198, 0, 10, 0.7);
  
  z-index: 40;
  
}



.container .scientific .scientific-content .scientific-item .scientific-block h1 {
  
  color: #ffffff;
  
  font-weight: bolder;
  
  margin: 0;
  
  padding: 0;
  
  font-size: 16px;
  
  text-align: center;
  
}



.container .scientific .scientific-content .scientific-item .scientific-block .line {
  
  background-color: #ffffff;
  
  width: 50px;
  
  height: 5px;
  
  margin: 15px auto 0 auto;
  
}



.container .scientific .scientific-content .scientific-item .scientific-cover {
  
  opacity: 1;
  
  transition: opacity 1s;
  
  position: absolute;
  
  background-color: rgba(0, 0, 0, 0.7);
  
  left: 0;
  
  top: 0;
  
  width: 100%;
  
  height: 100%;
  
  z-index: 10;
  
}



.container .scientific .scientific-content .scientific-item .scientific-cover a {
  
  width: 100%;
  
  height: 100%;
  
}



.container .scientific .scientific-content .scientific-item .scientific-cover a h1 {
  
  color: #ffffff;
  
  margin: 0 5% 0 0;
  
  padding: 0;
  
  font-size: 15px;
  
  font-weight: normal;
  
  width: 50%;
  
  line-height: 25px;
  
  overflow: hidden;
  
  text-overflow: ellipsis;
  
  -webkit-line-clamp: 5;
  
  word-break: break-all;
  
  display: -webkit-box;
  
  -webkit-box-orient: vertical;
  
}



.container .scientific .scientific-content .scientific-item:hover img {
  
  transform: scale(1.1, 1.1);
  
}



.container .scientific .scientific-content .scientific-item:hover .scientific-cover {
  
  opacity: 0;
  
}



.container .scientific .scientific-content .first {
  
  height: 100%;
  
  flex: 1;
  
}



.container .scientific .scientific-content .first .scientific-block {
  
  left: 0;
  
  top: 130px;
  
  width: 160px;
  
  height: 70px;
  
}



.container .scientific .scientific-content .first .scientific-block h1 {
  
  margin-top: 15px;
  
}



.container .scientific .scientific-content .second {
  
  height: 100%;
  
  flex: 1;
  
  margin-left: 15px;
  
  margin-right: 15px;
  
}



.container .scientific .scientific-content .second .forth {
  
  width: 100%;
  
  height: 167px;
  
}



.container .scientific .scientific-content .second .forth .scientific-block {
  
  left: 50px;
  
  top: 0;
  
  width: 100px;
  
  height: 120px;
  
}



.container .scientific .scientific-content .second .forth .scientific-block h1 {
  
  margin-top: 70px;
  
}



.container .scientific .scientific-content .second .fifth {
  
  width: 100%;
  
  height: 167px;
  
  margin-top: 15px;
  
}



.container .scientific .scientific-content .second .fifth .scientific-block {
  
  right: 50px;
  
  bottom: 0;
  
  width: 100px;
  
  height: 120px;
  
}



.container .scientific .scientific-content .second .fifth .scientific-block h1 {
  
  margin-top: 37px;
  
}



.container .scientific .scientific-content .second .fifth .scientific-cover a h1 {
  
  margin: 0 0 0 5%;
  
}



.container .scientific .scientific-content .third {
  
  height: 100%;
  
  flex: 1;
  
}



.container .scientific .scientific-content .third .scientific-block {
  
  right: 0;
  
  top: 130px;
  
  width: 160px;
  
  height: 70px;
  
}



.container .scientific .scientific-content .third .scientific-block h1 {
  
  margin-top: 15px;
  
}



.container .scientific .scientific-content .third .scientific-cover a h1 {
  
  margin: 0 0 0 5%;
  
}



.container .productsServices {
  
  width: 100%;
  
  background-color: #f7f8f9;
  
  margin-top: 15px;
  
  padding-top: 15px;
  
}



.container .productsServices .productsServices-content ul.icon-list {
  
  padding-bottom: 35px;
  
  border: none;
  
  overflow: hidden;
  
}



.container .productsServices .productsServices-content ul.icon-list li {
  
  padding: 8px 10px;
  
}



.container .productsServices .productsServices-content ul.icon-list li a {
  
  border: 1px solid #000000;
  
  font-size: 15px;
  
  padding: 3px 15px;
  
  border-radius: 20px;
  
  color: #000000;
  
  background-color: #f7f8f9;
  
}



.container .productsServices .productsServices-content ul.icon-list li:hover a {
  
  background-color: #ffffff;
  
  border: 1px solid #0067b8;
  
}



.container .productsServices .productsServices-content ul.icon-list li.active a {
  
  border: 1px solid #0067b8;
  
  color: #0067b8;
  
  background-color: transparent;
  
}



.container .productsServices .productsServices-content .tab-content {
  
  width: 100%;
  
  margin: 0 auto;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner {
  
  width: 100%;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container {
  
  width: 100%;
  
  position: relative;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper {
  
  width: 100%;
  
  background-color: #f7f8f9;
  
  padding-bottom: 15px;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide {
  
  width: 100%;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul {
  
  width: 95%;
  
  height: 100%;
  
  margin: 0 auto;
  
  padding: 0;
  
  -webkit-box-pack: start;
  
  -moz-justify-content: start;
  
  justify-content: start;
  
  -webkit-box-align: start;
  
  -moz-align-items: start;
  
  align-items: start;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li {
  
  margin: 0 1% 0 0;
  
  padding: 0 0 50px 0;
  
  width: 24.25%;
  
  background-color: #ffffff;
  
  height: auto;
  
  position: relative;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .img-cover {
  
  overflow: hidden;
  
  height: auto;
  
  position: relative;
  
  width: 100%;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .img-cover img {
  
  width: 100%;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .img-cover img.img01 {
  
  width: 100%;height:491px;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .img-cover img.img02 {
  
  position: absolute;
  
  left: 0;
  
  width: 100%;
  
  top: 0;
  
  opacity: 0;
  
  transition: all 1s;
  
  transform: scale(1, 1);
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .img-cover:hover img.img02 {
  
  transform: scale(1.1, 1.1);
  
  opacity: 1;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li h1 {
  
  width: 90%;
  
  margin: 20px auto 0 auto;
  
  padding: 0;
  
  font-size: 18px;
  
  color: #000000;
  
  font-weight: bolder;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li p.line {
  
  margin-left: 5%;
  
  margin-top: 10px;
  
  height: 4px;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li p.desc {
  
  width: 90%;
  
  margin: 15px auto 0 auto;
  
  padding: 0;
  
  font-size: 15px;
  
  color: #000000;
  
  font-weight: normal;
  
  overflow: hidden;
  
  text-overflow: ellipsis;
  
  -webkit-line-clamp: 3;
  
  word-break: break-all;
  
  display: -webkit-box;
  
  -webkit-box-orient: vertical;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list {
  
  width: 100%;
  
  margin: 20px auto 0 auto;
  
  min-height: 160px;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item {
  
  width: 100%;
  
  border-bottom: 1px solid #e8e8e8;
  
  height: 40px;
  
  line-height: 40px;
  
  position: relative;
  
  padding-left: 5%;
  
  padding-right: 5%;
  
  display: none;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item .fa-circle {
  
  color: #000000;
  
  font-size: 10px;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item .name {
  
  margin: 0;
  
  padding: 0;
  
  font-size: 15px;
  
  text-indent: 5px;
  
  width: 75%;
  
  overflow: hidden;
  
  white-space: nowrap;
  
  text-overflow: ellipsis;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item .name a {
  
  color: #000000;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item p.add {
  
  margin: 0;
  
  padding: 0;
  
  width: 23%;
  
  text-align: right;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item p.add .fa-minus {
  
  display: none;
  
  z-index: 10;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item p.add .fa-plus {
  
  color: #e2e2e2;
  
  z-index: 10;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item:hover .fa-circle {
  
  color: #0067b8;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item:hover .name a {
  
  color: #0067b8;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item:hover .add .fa-plus {
  
  color: #0067b8;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item .item-content {
  
  position: absolute;
  
  top: 40px;
  
  left: 0;
  
  background-color: #ffffff;
  
  width: 100%;
  
  padding-top: 20px;
  
  padding-bottom: 40px;
  
  z-index: 1100;
  
  display: none;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item .item-content a {
  
  display: block;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item .item-content a p {
  
  border-bottom: 1px solid #C7C7CC;
  
  overflow: hidden;
  
  white-space: nowrap;
  
  text-overflow: ellipsis;
  
  height: 40px;
  
  line-height: 40px;
  
  width: 80%;
  
  margin: 0 auto;
  
  padding: 0;
  
  color: #000000;
  
  font-size: 14px;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item .item-content a p span.fa-circle {
  
  position: inherit;
  
  display: inline-block;
  
  margin-right: 5px;
  
  color: #000000;
  
  transform: scale(0.5, 0.5);
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item .item-content a:hover p {
  
  color: #0067b8;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item .item-content a:hover p span {
  
  color: #0067b8;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item:nth-of-type(1) {
  
  display: block;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item:nth-of-type(2) {
  
  display: block;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item:nth-of-type(3) {
  
  display: block;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item:nth-of-type(4) {
  
  display: block;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .more-forth {
  
  display: none;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .active .fa-circle {
  
  color: #0067b8;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .active .name a {
  
  color: #0067b8;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .active .add .fa-minus {
  
  color: #0067b8;
  
  display: inline-block !important;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .active .add .fa-plus {
  
  display: none;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .active .item-content {
  
  display: block;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .more {
  
  text-align: right;
  
  width: 90%;
  
  height: 24px;
  
  line-height: 24px;
  
  position: absolute;
  
  bottom: 15px;
  
  left: 5%;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .more a {
  
  color: #e2e2e2;
  
  font-size: 13px;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .more a span.iconfont {
  
  font-size: 14px;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li:nth-of-type(4n+4) {
  
  margin-right: 0;
  
}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-pagination {
  
  bottom: 30px;
  
  width: 40%;
  
  left: 30%;
  
}



.container .productsServices .productsServices-content .tab-content .active .productsServices-banner .productsServices-banner-container .swiper-button-next {
  
  display: block;
  
}



.container .productsServices .productsServices-content .tab-content .active .productsServices-banner .productsServices-banner-container .swiper-button-prev {
  
  display: block;
  
}



.container .industrySolutions .model-title {
  
  z-index: 1000;
  
  position: static;
  
}



.container .industrySolutions .industrySolutions-content ul.icon-list {
  
  border: none;
  
  padding-bottom: 35px;
  
}



.container .industrySolutions .industrySolutions-content ul.icon-list li {
  
  padding: 8px 10px;
  
  border: none;
  
}



.container .industrySolutions .industrySolutions-content ul.icon-list li a p {
  
  margin: 0;
  
  padding: 0;
  
  color: #000000;
  
  text-align: center;
  
}



.container .industrySolutions .industrySolutions-content ul.icon-list li a p.icon span,

.container .industrySolutions .industrySolutions-content ul.icon-list li a p.icon svg,

.container .industrySolutions .industrySolutions-content ul.icon-list li a p.icon .svg,

.container .industrySolutions .industrySolutions-content ul.icon-list li a p.icon img {
  
  font-size: 30px;
  
  fill: #000000;
  
  width: 35px;
  
  height: 35px;
  
}



.container .industrySolutions .industrySolutions-content ul.icon-list li a p.title {
  
  font-size: 15px;
  
  margin: 5px 0 0 0;
  
  padding: 0;
  
  font-weight: normal;
  
}



.container .industrySolutions .industrySolutions-content ul.icon-list li:hover {
  
  border: none;
  
}



.container .industrySolutions .industrySolutions-content ul.icon-list li:hover a {
  
  border: none;
  
  background-color: transparent;
  
}



.container .industrySolutions .industrySolutions-content ul.icon-list li:hover a svg,

.container .industrySolutions .industrySolutions-content ul.icon-list li:hover a .svg {
  
  fill: #0067b8 !important;
  
}



.container .industrySolutions .industrySolutions-content ul.icon-list li:hover a p span {
  
  color: #0067b8 !important;
  
}



.container .industrySolutions .industrySolutions-content ul.icon-list li.active {
  
  border: none;
  
}



.container .industrySolutions .industrySolutions-content ul.icon-list li.active a {
  
  border: none;
  
  color: #0067b8;
  
  background-color: transparent;
  
}



.container .industrySolutions .industrySolutions-content ul.icon-list li.active a p {
  
  color: #0067b8;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel {
  
  width: 100%;
  
  margin: 0 auto;
  
  overflow-x: hidden;
  
  /*background-color: #f7f8f9;*/
  
  padding: 35px 2.5%;
  
  display: table;
  
  table-layout: fixed;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner {
  
  width: 50%;
  
  position: relative;
  
  overflow: hidden;
  
  border-right: 15px transparent solid;
  
  display: table-cell;
  
  background-color: #FFFFFF;
  
  vertical-align: top;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container {
  
  width: 100%;
  
  overflow: hidden;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper {
  
  width: 100%;
  
  height: 100%;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide {
  
  width: 100%;
  
  height: 100%;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .img {
  
  /*height: 389px;*/
  
  width: 100%;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .img a {
  
  display: block;
  
  width: 100%;
  
  overflow: hidden;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .img img {
  
  width: 100%;
  
  transform: scale(1, 1);
  
  transition-duration: 0.5s;
  
  overflow: hidden;
  
  /*height: 100%;*/
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide:hover .img img {
  
  transform: scale(1.1, 1.1);
  
  transition-duration: 0.5s;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info {
  
  background-color: #ffffff;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content {
  
  width: 90%;
  
  margin: 0 auto;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title {
  
  padding: 10px 0 10px 0;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title p.name {
  
  text-align: left;
  
  color: #000000;
  
  font-size: 18px;
  
  font-weight: bolder;
  
  margin: 0;
  
  padding: 0;
  
  width: 13%;
  
  overflow: hidden;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .shortDesc {
  
  margin: 0 0 0 15px;
  
  padding: 0 0 0 15px;
  
  width: 60%;
  
  border-left: 1px solid #0067b8;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .shortDesc a .title1 {
  
  color: #000000;
  
  font-size: 18px;
  
  font-weight: bolder;
  
  overflow: hidden;
  
  white-space: nowrap;
  
  text-overflow: ellipsis;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .shortDesc a .title2 {
  
  font-weight: normal;
  
  font-size: 16px;
  
  color: #000000;
  
  overflow: hidden;
  
  white-space: nowrap;
  
  text-overflow: ellipsis;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title p.zan {
  
  color: #000000;
  
  width: 26%;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .desc {
  
  border-top: 1px solid #e2e2e3;
  
  padding-top: 10px;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .desc p {
  
  margin: 0;
  
  padding: 0;
  
  font-size: 15px;
  
  line-height: 24px;
  
  overflow: hidden;
  
  text-overflow: ellipsis;
  
  -webkit-line-clamp: 2;
  
  word-break: break-all;
  
  display: -webkit-box;
  
  -webkit-box-orient: vertical;
  
  color: #000000;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .desc p a {
  
  color: #000000;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .name:hover,

.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .shortDesc:hover .title1,

.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .shortDesc:hover .title2,

.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .zan:hover,

.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .desc:hover,

.container .solveWay .solveWay-container .channelPage .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .shortDesc:hover a .title2 {
  
  color: #0067b8 !important;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-pagination {
  
  bottom: 150px;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-pagination .swiper-pagination-bullet {
  
  border: 1px solid #ffffff;
  
  background-color: transparent;
  
  width: 10px;
  
  height: 10px;
  
  opacity: 1;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-pagination .swiper-pagination-bullet-active {
  
  background-color: #ffffff;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list {
  
  width: 50%;
  
  overflow: hidden;
  
  display: table-cell;
  
  vertical-align: top;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul {
  
  width: 100%;
  
  margin: 0;
  
  padding: 0;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li {
  
  /*background-color: #ffffff;*/
  
  background-color: #f5f6f7;
  
  width: calc(( 100% - 15px) / 2);
  
  margin: 15px 0 0 15px;
  
  padding: 0;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img {
  
  /*height: 190px;*/
  
  overflow: hidden;
  
  position: relative;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img a {
  
  display: block;
  
  overflow: hidden;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img a img {
  
  width: 100%;
  
  /*height: 100%;*/
  
  transform: scale(1, 1);
  
  transition-duration: 0.5s;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img a .bg {
  
  background-color: rgba(0, 0, 0, 0.65);
  
  position: absolute;
  
  left: 0;
  
  top: 0;
  
  width: 100%;
  
  height: 100%;
  
  opacity: 0;
  
  transition: opacity 1s;
  
  padding: 15px;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img a .bg p.resource {
  
  margin: 0;
  
  padding: 0;
  
  color: #ffffff;
  
  text-align: right;
  
  font-size: 15px;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img a .bg p.zan {
  
  margin: 5px 0 0 0;
  
  color: #ffffff;
  
  width: 100%;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img:hover {
  
  background-color: #0067b8;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img:hover a img {
  
  transform: scale(1.1, 1.1);
  
  transition-duration: 0.5s;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img:hover a .bg {
  
  transition-duration: 0.5s;
  
  opacity: 1;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img:hover a .bg p span {
  
  color: #FFFFFF !important;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-info {
  
  height: 65px;
  
  width: 100%;
  
  margin: 0 auto;
  
  padding-top: 6px;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-info h1 {
  
  margin: 0 auto 0 auto;
  
  padding: 0 0 0 0;
  
  color: #000000;
  
  font-size: 17px;
  
  line-height: 24px;
  
  font-weight: bold;
  
  width: 90%;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-info p {
  
  margin: 5px auto 0 auto;
  
  padding: 0;
  
  width: 90%;
  
  color: #000000;
  
  font-size: 13px;
  
  font-weight: normal;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-info:hover {
  
  /*background-color: #0067b8;*/
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-info:hover h1 {
  
  color: #0067b8;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-info:hover p {
  
  color: #0067b8;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li:nth-of-type(2n+1) {
  
  margin-left: 0;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li:nth-of-type(1) {
  
  margin-top: 0;
  
}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li:nth-of-type(2) {
  
  margin-top: 0;
  
}



.container .projectCase .seeByType-container {
  
  /*display: none;*/
  
}



.container .projectCase .seeByType-container .seeByType-content h1.project-name {
  
  width: 6.5%;
  
  margin: 0;
  
  font-weight: bolder;
  
  color: #000000;
  
  font-size: 18px;
  
  text-align: left;
  
  position: relative;
  
}



.container .projectCase .seeByType-container .seeByType-content h1.project-name a {
  
  color: #000000;
  
}



.container .projectCase .seeByType-container .seeByType-content h1.project-name:before {
  
  position: absolute;
  
  right: 0;
  
  top: 10%;
  
  width: 1px;
  
  height: 80%;
  
  content: "";
  
  background-color: #000000;
  
}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list {
  
  width: 90%;
  
}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item {
  
  width: 97%;
  
  margin: 0 0 0 15px;
  
}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item h1 {
  
  width: 160px;
  
  margin: 0;
  
  padding: 0;
  
  text-align: left;
  
  font-size: 15px;
  
  color: #000000;
  
  height: 35px;
  
  line-height: 32px;
  
}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item h1 span.icon {
  
  font-size: 14px;
  
  display: none;
  
}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item .item-list {
  
  width: 90%;
  
  margin: 0 0 0 0;
  
}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item .item-list ul {
  
  width: 100%;
  
  margin: 5px 0 0 0;
  
  padding: 0;
  
}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item .item-list ul li {
  
  margin: 0;
  
  padding: 0 15px 0 15px;
  
  text-align: left;
  
  height: 35px;
  
  line-height: 32px;
  
  width: auto;
  
  position: relative;
  
}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item .item-list ul li:after {
  
  position: absolute;
  
  right: 1px;
  
  top: 7px;
  
  width: 1px;
  
  height: 18px;
  
  background-color: #000000;
  
  content: "";
  
}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item .item-list ul li a {
  
  color: #000000;
  
  font-size: 15px;
  
}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item .item-list ul li:hover a {
  
  color: #0067b8 !important;
  
}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item .item-list ul li:first-child {
  
  padding-left: 0;
  
}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item .item-list ul li:last-child:after {
  
  width: 0;
  
}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item .item-list ul:first-child {
  
  margin-top: 0;
  
}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item:last-child {
  
  margin-top: 5px;
  
}



.container .projectCase .projectCase-content ul {
  
  margin: 15px 0 0 0;
  
  padding: 0;
  
}



.container .projectCase .projectCase-content ul li {
  
  background-color: #f7f8f9;
  
  width: 24%;
  
}



.container .projectCase .projectCase-content ul li .projectCase-img {
  
  overflow: hidden;
  
  position: relative;
  
}



.container .projectCase .projectCase-content ul li .projectCase-img a img {
  
  width: 100%;
  
  transform: scale(1, 1);
  
  transition-duration: 0.5s;
  
}



.container .projectCase .projectCase-content ul li .projectCase-img a .bg {
  
  background-color: rgba(0, 0, 0, 0.65);
  
  position: absolute;
  
  left: 0;
  
  top: 0;
  
  width: 100%;
  
  height: 100%;
  
  opacity: 0;
  
  transition: opacity 1s;
  
  padding: 15px;
  
}



.container .projectCase .projectCase-content ul li .projectCase-img a .bg p.resource {
  
  margin: 0;
  
  padding: 0;
  
  color: #ffffff;
  
  text-align: right;
  
  font-size: 15px;
  
}



.container .projectCase .projectCase-content ul li .projectCase-img a .bg p.zan {
  
  margin: 5px 0 0 0;
  
  color: #ffffff;
  
  width: 100%;
  
}



.container .projectCase .projectCase-content ul li .projectCase-img:hover {
  
  background-color: #0067b8;
  
}



.container .projectCase .projectCase-content ul li .projectCase-img:hover a img {
  
  transform: scale(1.1, 1.1);
  
  transition-duration: 0.5s;
  
}



.container .projectCase .projectCase-content ul li .projectCase-img:hover a .bg {
  
  transition-duration: 0.5s;
  
  opacity: 1;
  
}



.container .projectCase .projectCase-content ul li .projectCase-img:hover a .bg p span {
  
  color: #FFFFFF !important;
  
}



.container .projectCase .projectCase-content ul li .projectCase-info {
  
  height: 70px;
  
  width: 100%;
  
  margin: 0 auto;
  
  padding-top: 10px;
  
}



.container .projectCase .projectCase-content ul li .projectCase-info h1 {
  
  margin: 0 auto 0 auto;
  
  padding: 0 0 0 0;
  
  font-size: 18px;
  
  color: #000000;
  
  line-height: 24px;
  
  font-weight: bolder;
  
  width: 90%;
  
}



.container .projectCase .projectCase-content ul li .projectCase-info p {
  
  margin: 5px auto 0 auto;
  
  padding: 0;
  
  width: 90%;
  
  color: #000000;
  
  font-size: 15px;
  
}



.container .projectCase .projectCase-content ul li .projectCase-info:hover {
  
  /*background-color: #0067b8;*/
  
}



.container .projectCase .projectCase-content ul li .projectCase-info:hover h1 {
  
  color: #0067b8;
  
}



.container .projectCase .projectCase-content ul li .projectCase-info:hover p {
  
  color: #0067b8;
  
}



.container .projectCase .projectCase-content ul:first-child {
  
  margin: 0;
  
}



.container .publication .seeByType-container {
  
  display: none;
  
}



.container .publication .seeByType-container .seeByType-content .seeByType-item {
  
  width: 95%;
  
  margin: 0 auto;
  
  -webkit-box-pack: end;
  
  -moz-justify-content: flex-end;
  
  -webkit-justify-content: flex-end;
  
  justify-content: flex-end;
  
}



.container .publication .seeByType-container .seeByType-content .seeByType-item h1 {
  
  width: 120px;
  
  border: 1px solid #595959;
  
  margin: 0;
  
  padding: 0;
  
  text-align: center;
  
  font-size: 16px;
  
  font-weight: normal;
  
  color: #595959;
  
  height: 35px;
  
  line-height: 32px;
  
  border-radius: 8px;
  
  vertical-align: top;
  
}



.container .publication .seeByType-container .seeByType-content .seeByType-item h1 span {
  
  font-size: 14px;
  
}



.container .publication .seeByType-container .seeByType-content .seeByType-item .item-list {
  
  width: 80%;
  
  margin: 0 0 0 20px;
  
}



.container .publication .seeByType-container .seeByType-content .seeByType-item .item-list ul {
  
  width: 100%;
  
  margin: 5px 0 0 0;
  
  padding: 0;
  
  -webkit-box-pack: end;
  
  -moz-justify-content: flex-end;
  
  -webkit-justify-content: flex-end;
  
  justify-content: flex-end;
  
}



.container .publication .seeByType-container .seeByType-content .seeByType-item .item-list ul li {
  
  margin: 0;
  
  padding: 0 15px 0 0;
  
  text-align: left;
  
  height: 35px;
  
  line-height: 32px;
  
}



.container .publication .seeByType-container .seeByType-content .seeByType-item .item-list ul li a {
  
  color: #000000;
  
  font-size: 15px;
  
}



.container .publication .seeByType-container .seeByType-content .seeByType-item .item-list ul li:hover a {
  
  color: #0067b8;
  
}



.container .publication .seeByType-container .seeByType-content .seeByType-item .item-list ul li:first-child {
  
  padding-left: 0;
  
}



.container .publication .seeByType-container .seeByType-content .seeByType-item .item-list ul:first-child {
  
  margin-top: 0;
  
}



.container .publication .publication-content ul li {
  
  width: 19%;
  
  border: 1px solid #eff0f0;
  
}



.container .publication .publication-content ul li .bookshelf {
  
  background-color: #8f8f8f;
  
  position: relative;
  
  width: 100%;
  
}



.container .publication .publication-content ul li .bookshelf .book {
  
  width: 100%;
  
  padding-top: 50px;
  
  padding-bottom: 50px;
  
}



.container .publication .publication-content ul li .bookshelf .book img {
  
  width: 52%;
  
  display: block;
  
  margin: 0 auto;
  
}



.container .publication .publication-content ul li .bookshelf .book img.book-block {
  
  width: 72%;
  
  display: block;
  
  margin: 0 auto;
  
}



.container .publication .publication-content ul li .bookshelf .book-cover {
  
  position: absolute;
  
  left: 0;
  
  top: 0;
  
  width: 100%;
  
  height: 100%;
  
  background-color: rgba(0, 0, 0, 0.65);
  
  opacity: 0;
  
  transition: opacity 1s;
  
  text-align: center;
  
}



.container .publication .publication-content ul li .bookshelf .book-cover .book-cover-content img {
  
  width: 100%;
  
  display: block;
  
  margin: 0 auto;
  
}



.container .publication .publication-content ul li .bookshelf .book-cover .book-cover-content div.qrcode {
  
  display: inline-block;
  
  padding: 5px;
  
  background-color: #ffffff;
  
}



.container .publication .publication-content ul li .bookshelf .book-cover .book-cover-content div.qrcode img {
  
  width: 100px;
  
}



.container .publication .publication-content ul li .bookshelf .book-cover .book-cover-content p.title {
  
  text-align: center;
  
  margin: 10px 0;
  
}



.container .publication .publication-content ul li .bookshelf .book-cover .book-cover-content p.title a {
  
  color: #ffffff;
  
  font-size: 14px;
  
}



.container .publication .publication-content ul li .bookshelf .book-cover .book-cover-content p.toRead {
  
  text-align: center;
  
  margin: 30px auto 0 auto;
  
  width: auto;
  
  background-color: #0067b8;
  
  padding: 3px 10px;
  
  border-radius: 15px;
  
}



.container .publication .publication-content ul li .bookshelf .book-cover .book-cover-content p.toRead a {
  
  color: #ffffff;
  
  font-size: 14px;
  
}



.container .publication .publication-content ul li .bookshelf .book-cover .book-cover-content p.toRead a:hover {
  
  color: #ffffff !important;
  
}



.container .publication .publication-content ul li .bookshelf:hover .book-cover {
  
  opacity: 1;
  
  transition: opacity 1s;
  
}



.container .publication .publication-content ul li .bookInfo_none,

.container .publication .publication-content ul li .bookInfo {
  
  height: 65px;
  
  background-color: #f7f8f9;
  
  width: 100%;
  
  position: relative;
  
}



.container .publication .publication-content ul li .bookInfo_none h1,

.container .publication .publication-content ul li .bookInfo h1 {
  
  margin: 0;
  
  padding: 0;
  
  font-size: 18px;
  
  color: #000000;
  
  font-weight: bolder;
  
  line-height: 65px;
  
  height: 65px;
  
  text-align: center;
  
}



.container .publication .publication-content ul li .bookInfo .bookInfo-hover {
  
  height: 65px;
  
  background-color: #0067b8;
  
  display: none;
  
}



.container .publication .publication-content ul li .bookInfo .bookInfo-hover a {
  
  height: 65px;
  
  width: 90%;
  
  margin: 0 auto;
  
}



.container .publication .publication-content ul li .bookInfo .bookInfo-hover a p {
  
  margin: 0;
  
  padding: 0;
  
  color: #ffffff;
  
  font-size: 16px;
  
  width: calc(100% - 100px);
  
  overflow: hidden;
  
  white-space: nowrap;
  
  text-overflow: ellipsis;
  
  vertical-align: middle;
  
}



.container .publication .publication-content ul li .bookInfo .bookInfo-hover a button {
  
  margin: 0;
  
  padding: 2px 10px;
  
  border-radius: 15px;
  
  font-size: 14px;
  
  color: #ffffff;
  
  border: 1px solid #ffffff;
  
  outline: none;
  
  background-color: transparent;
  
  width: 100px;
  
}



.container .publication .publication-content ul li .bookInfo:hover .bookInfo-hover {
  
  display: block;
  
  position: absolute;
  
  width: 100%;
  
  height: 100%;
  
  left: 0;
  
  top: 0;
  
}



.container .publication .publication-content ul li .bookInfo_none:hover,

.container .publication .publication-content ul li .bookInfo_none:hover h1,

.container .publication .publication-content ul li .bookInfo:hover,

.container .publication .publication-content ul li .bookInfo:hover h1 {
  
  /*background-color: #0067b8;*/
  
  color: #0067b8;
  
}



.container .photographic .seeByType-container {
  
  display: none;
  
}



.container .photographic .seeByType-container .seeByType-content ul {
  
  width: 96%;
  
  margin: 0 auto;
  
  padding: 0;
  
  -webkit-box-pack: end;
  
  -moz-justify-content: flex-end;
  
  -webkit-justify-content: flex-end;
  
  justify-content: flex-end;
  
}



.container .photographic .seeByType-container .seeByType-content ul li {
  
  margin: 0;
  
  padding: 0 15px;
  
}



.container .photographic .seeByType-container .seeByType-content ul li a {
  
  color: #000000;
  
  font-size: 15px;
  
}



.container .photographic .seeByType-container .seeByType-content ul li:before {
  
  content: "|";
  
  padding-right: 15px;
  
  color: #686869;
  
}



.container .photographic .seeByType-container .seeByType-content ul li:hover a {
  
  color: #0067b8;
  
}



.container .photographic .seeByType-container .seeByType-content ul li:first-child {
  
  padding-left: 0;
  
}



.container .photographic .seeByType-container .seeByType-content ul li:first-child:before {
  
  content: "";
  
  padding-right: 0;
  
  color: #686869;
  
}



.container .photographic .photographic-content {
  
  overflow: hidden;
  
  width: 100%;
  
}



.container .photographic .photographic-content .photographic-banner {
  
  width: 78%;
  
  /*height: 100% !important;*/
  
  border-right: 15px solid #ffffff;
  
  overflow: hidden;
  
}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container {
  
  width: 100%;
  
  height: 100%;
  
  position: relative;
  
}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide {
  
  position: relative;
  
  overflow: hidden;
  
}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide img {
  
  width: 100%;
  
  transform: scale(1, 1);
  
  transition-duration: 0.5s;
  
}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide:hover img {
  
  transform: scale(1.1, 1.1);
  
  transition-duration: 0.5s;
  
}



@media screen and (max-width: 1280px) and (min-width: 0px) {
  
  .container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide img {
    
    /*height: 100%;*/
    
    /*width: 130%;*/
    
}

}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide .info {
  
  position: absolute;
  
  bottom: 0;
  
  left: 0;
  
  height: 70px;
  
  width: 100%;
  
  background-color: rgba(0, 0, 0, 0.7);
  
}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide .info .info-content {
  
  width: 96%;
  
  margin: 0 auto;
  
  height: 70%;
  
}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide .info .info-content .line {
  
  display: none;
  
}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide .info .info-content .title {
  
  padding-left: 30px;
  
  width: 65%;
  
  position: relative;
  
}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide .info .info-content .title:before {
  
  width: 5px;
  
  height: 36px;
  
  background-color: #0067b8;
  
  display: inline-block;
  
  content: " ";
  
  position: absolute;
  
  right: 0;
  
  top: 3px;
  
  left: 0;
  
}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide .info .info-content .title h1 {
  
  color: #ffffff;
  
  margin: 0;
  
  padding: 0;
  
  font-size: 16px;
  
  font-weight: bolder;
  
}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide .info .info-content .title h2 {
  
  color: #ffffff;
  
  margin: 6px 0 0 0;
  
  padding: 0;
  
  font-size: 14px;
  
  font-weight: normal;
  
}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide .info .info-content p.zan {
  
  color: #ffffff;
  
  margin: 0;
  
  padding: 0;
  
  width: 35%;
  
  text-align: right;
  
}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide .info .info-content p.zan span.icon {
  
  margin-left: 0;
  
}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-button-next {
  
  background-image: none;
  
  background-color: #28264a0d;
  
  width: 40px;
  
  height: 40px;
  
  color: #787878;
  
  text-align: center;
  
  font-size: 14pt;
  
  line-height: 40px;
  
}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-button-prev {
  
  background-image: none;
  
  background-color: #28264a0d;
  
  width: 40px;
  
  height: 40px;
  
  color: #787878;
  
  text-align: center;
  
  font-size: 14pt;
  
  line-height: 40px;
  
}



.container .photographic .photographic-content .photographic-list {
  
  width: 22%;
  
}



.container .photographic .photographic-content .photographic-list ul li {
  
  background-color: #f7f8f9;
  
  margin-top: 15px;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-img {
  
  overflow: hidden;
  
  position: relative;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-img .btnToOpenViewer img,

.container .photographic .photographic-content .photographic-list ul li .photographic-img a img {
  
  width: 100%;
  
  height: 100%;
  
  transform: scale(1, 1);
  
  transition-duration: 0.5s;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-img .btnToOpenViewer .bg,

.container .photographic .photographic-content .photographic-list ul li .photographic-img a .bg {
  
  background-color: rgba(0, 0, 0, 0.65);
  
  position: absolute;
  
  left: 0;
  
  top: 0;
  
  width: 100%;
  
  height: 100%;
  
  opacity: 0;
  
  transition: opacity 1s;
  
  padding: 15px;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-img .btnToOpenViewer .bg p,

.container .photographic .photographic-content .photographic-list ul li .photographic-img a .bg p {
  
  text-align: right;
  
  color: #ffffff;
  
  opacity: 0;
  
  transition: opacity 1s;
  
  margin: 0;
  
  padding: 0;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-img .btnToOpenViewer .bg p.resource,

.container .photographic .photographic-content .photographic-list ul li .photographic-img a .bg p.resource {
  
  font-size: 14px;
  
  color: #8E8E93;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-img .btnToOpenViewer .bg p.zam,

.container .photographic .photographic-content .photographic-list ul li .photographic-img a .bg p.zan {
  
  width: 100%;
  
  color: #ffffff;
  
  margin-top: 5px;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-img:hover .btnToOpenViewer img,

.container .photographic .photographic-content .photographic-list ul li .photographic-img:hover a img {
  
  transform: scale(1.1, 1.1);
  
  transition-duration: 0.5s;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-img:hover .btnToOpenViewer .bg,

.container .photographic .photographic-content .photographic-list ul li .photographic-img:hover a .bg {
  
  transition-duration: 0.5s;
  
  opacity: 1;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-img:hover .btnToOpenViewer .bg p,

.container .photographic .photographic-content .photographic-list ul li .photographic-img:hover a .bg p {
  
  transition-duration: 0.5s;
  
  opacity: 1;
  
  color: #0067b8 !important;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-img:hover .btnToOpenViewer .bg p span,

.container .photographic .photographic-content .photographic-list ul li .photographic-img:hover a .bg p span {
  
  color: #FFFFFF !important;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-info {
  
  height: auto;
  
  width: 100%;
  
  margin: 0 auto;
  
  padding: 10px 0;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-info h1 {
  
  margin: 0 auto;
  
  padding: 0 0 5px 0;
  
  font-size: 18px;
  
  color: #000000;
  
  line-height: 24px;
  
  font-weight: bolder;
  
  width: 90%;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-info .count {
  
  width: 90%;
  
  margin: 0 auto;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-info .count .resource {
  
  width: calc(100% - 150px);
  
  margin: 0;
  
  padding: 0;
  
  overflow: hidden;
  
  white-space: nowrap;
  
  text-overflow: ellipsis;
  
  font-size: 15px;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-info .count .zan {
  
  width: 150px;
  
  text-align: right;
  
  color: #000000;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-info:hover {
  
  /*background-color: #0067b8;*/
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-info:hover h1 {
  
  color: #0067b8;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-info:hover .count {
  
  color: #0067b8;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-info:hover .count p {
  
  color: #0067b8 !important;
  
}



.container .photographic .photographic-content .photographic-list ul li .photographic-info:hover .count span {
  
  color: #0067b8;
  
}



.container .photographic .photographic-content .photographic-list ul li:first-child {
  
  margin-top: 0;
  
}



.container .videoZone .seeByType-container {
  
  display: none;
  
}



.container .videoZone .seeByType-container .seeByType-content ul {
  
  width: 96%;
  
  margin: 0 auto;
  
  padding: 0;
  
  -webkit-box-pack: end;
  
  -moz-justify-content: flex-end;
  
  -webkit-justify-content: flex-end;
  
  justify-content: flex-end;
  
}



.container .videoZone .seeByType-container .seeByType-content ul li {
  
  margin: 0;
  
  padding: 0 15px;
  
}



.container .videoZone .seeByType-container .seeByType-content ul li a {
  
  color: #000000;
  
  font-size: 15px;
  
}



.container .videoZone .seeByType-container .seeByType-content ul li:before {
  
  content: "|";
  
  padding-right: 15px;
  
  color: #686869;
  
}



.container .videoZone .seeByType-container .seeByType-content ul li:hover a {
  
  color: #0067b8;
  
}



.container .videoZone .seeByType-container .seeByType-content ul li:first-child {
  
  padding-left: 0;
  
}



.container .videoZone .seeByType-container .seeByType-content ul li:first-child:before {
  
  content: "";
  
  padding-right: 0;
  
  color: #686869;
  
}



.container .videoZone .videoZone-content ul {
  
  margin: 0;
  
  padding: 0;
  
}



.container .videoZone .videoZone-content ul li {
  
  background-color: #f7f8f9;
  
  width: 24%;
  
}



.container .videoZone .videoZone-content ul li .videoZone-img {
  
  overflow: hidden;
  
  position: relative;
  
}



.container .videoZone .videoZone-content ul li .videoZone-img a img {
  
  width: 100%;
  
  transform: scale(1, 1);
  
  transition-duration: 0.5s;
  
}



.container .videoZone .videoZone-content ul li .videoZone-img a .bg {
  
  background-color: rgba(0, 0, 0, 0.65);
  
  position: absolute;
  
  left: 0;
  
  top: 0;
  
  width: 100%;
  
  height: 100%;
  
  opacity: 1;
  
  transition: opacity 1s;
  
}



.container .videoZone .videoZone-content ul li .videoZone-img a .bg span {
  
  opacity: 1;
  
  transition: opacity 1s;
  
  color: #ffffff;
  
  font-size: 40px;
  
}



.container .videoZone .videoZone-content ul li .videoZone-img:hover a img {
  
  transform: scale(1.1, 1.1);
  
  transition-duration: 0.5s;
  
}



.container .videoZone .videoZone-content ul li .videoZone-img:hover a .bg {
  
  transition-duration: 0.5s;
  
  opacity: 0;
  
}



.container .videoZone .videoZone-content ul li .videoZone-img:hover a .bg span {
  
  opacity: 0;
  
}



.container .videoZone .videoZone-content ul li .videoZone-info {
  
  height: 95px;
  
  width: 100%;
  
  margin: 0 auto;
  
}



.container .videoZone .videoZone-content ul li .videoZone-info h1 {
  
  margin: 0 auto;
  
  padding: 15px 0 10px 0;
  
  font-size: 18px;
  
  color: #000000;
  
  line-height: 24px;
  
  font-weight: bolder;
  
  width: 90%;
  
}



.container .videoZone .videoZone-content ul li .videoZone-info .count {
  
  width: 90%;
  
  margin: 0 auto;
  
}



.container .videoZone .videoZone-content ul li .videoZone-info .count .resource {
  
  width: calc(100% - 150px);
  
  margin: 0;
  
  padding: 0;
  
  overflow: hidden;
  
  white-space: nowrap;
  
  text-overflow: ellipsis;
  
  font-size: 15px;
  
}



.container .videoZone .videoZone-content ul li .videoZone-info .count .zan {
  
  width: 150px;
  
  text-align: right;
  
  color: #000000;
  
}



.container .videoZone .videoZone-content ul li .videoZone-info:hover {
  
  /*background-color: #0067b8;*/
  
}



.container .videoZone .videoZone-content ul li .videoZone-info:hover h1 {
  
  color: #0067b8;
  
}



.container .videoZone .videoZone-content ul li .videoZone-info:hover .count p {
  
  color: #0067b8;
  
}



.container .videoZone .videoZone-content ul li .videoZone-info:hover .count span {
  
  color: #0067b8;
  
}



.container .vr .seeByType-container {
  
  display: none;
  
}



.container .vr .seeByType-container .seeByType-content ul {
  
  width: 96%;
  
  margin: 0 auto;
  
  padding: 0;
  
  -webkit-box-pack: end;
  
  -moz-justify-content: flex-end;
  
  -webkit-justify-content: flex-end;
  
  justify-content: flex-end;
  
}



.container .vr .seeByType-container .seeByType-content ul li {
  
  margin: 0;
  
  padding: 0 15px;
  
}



.container .vr .seeByType-container .seeByType-content ul li a {
  
  color: #000000;
  
  font-size: 15px;
  
}



.container .vr .seeByType-container .seeByType-content ul li:before {
  
  content: "|";
  
  padding-right: 15px;
  
  color: #686869;
  
}



.container .vr .seeByType-container .seeByType-content ul li:hover a {
  
  color: #0067b8;
  
}



.container .vr .seeByType-container .seeByType-content ul li:first-child {
  
  padding-left: 0;
  
}



.container .vr .seeByType-container .seeByType-content ul li:first-child:before {
  
  content: "";
  
  padding-right: 0;
  
  color: #686869;
  
}



.container .vr .vr-content ul {
  
  margin: 0;
  
  padding: 0;
  
}



.container .vr .vr-content ul li {
  
  background-color: #f7f8f9;
  
  width: 24%;
  
}



.container .vr .vr-content ul li .vr-img {
  
  overflow: hidden;
  
  position: relative;
  
}



.container .vr .vr-content ul li .vr-img a img {
  
  width: 100%;
  
  transform: scale(1, 1);
  
  transition-duration: 0.5s;
  
}



.container .vr .vr-content ul li .vr-img a .bg {
  
  background-color: rgba(0, 0, 0, 0.65);
  
  position: absolute;
  
  left: 0;
  
  top: 0;
  
  width: 100%;
  
  height: 100%;
  
  opacity: 1;
  
  transition: opacity 1s;
  
}



.container .vr .vr-content ul li .vr-img a .bg span {
  
  opacity: 1;
  
  transition: opacity 1s;
  
  color: #ffffff;
  
  font-size: 40px;
  
}



.container .vr .vr-content ul li .vr-img:hover {
  
  background-color: #0067b8;
  
}



.container .vr .vr-content ul li .vr-img:hover a img {
  
  transform: scale(1.1, 1.1);
  
  transition-duration: 0.5s;
  
}



.container .vr .vr-content ul li .vr-img:hover a .bg {
  
  transition-duration: 0.5s;
  
  opacity: 0;
  
}



.container .vr .vr-content ul li .vr-img:hover a .bg span {
  
  opacity: 0;
  
}



.container .vr .vr-content ul li .vr-info {
  
  height: 95px;
  
  width: 100%;
  
  margin: 0 auto;
  
}



.container .vr .vr-content ul li .vr-info h1 {
  
  margin: 0 auto;
  
  padding: 15px 0 10px 0;
  
  font-size: 18px;
  
  color: #000000;
  
  line-height: 24px;
  
  font-weight: bold;
  
  width: 90%;
  
}



.container .vr .vr-content ul li .vr-info .count {
  
  width: 90%;
  
  margin: 0 auto;
  
}



.container .vr .vr-content ul li .vr-info .count .resource {
  
  width: calc(100% - 150px);
  
  margin: 0;
  
  padding: 0;
  
  overflow: hidden;
  
  white-space: nowrap;
  
  text-overflow: ellipsis;
  
  font-size: 15px;
  
}



.container .vr .vr-content ul li .vr-info .count .zan {
  
  width: 150px;
  
  color: #000000;
  
}



.container .vr .vr-content ul li .vr-info:hover {
  
  /*background-color: #0067b8;*/
  
}



.container .vr .vr-content ul li .vr-info:hover h1 {
  
  color: #0067b8;
  
}



.container .vr .vr-content ul li .vr-info:hover .count {
  
  color: #0067b8;
  
}



.container .vr .vr-content ul li .vr-info:hover .count p {
  
  color: #0067b8;
  
}



.container .vr .vr-content ul li .vr-info:hover .count span {
  
  color: #0067b8;
  
}



.container .teamSerive {
  
  width: 100%;
  
}



.container .teamSerive .teamSerive-content {
  
  width: 100%;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner {
  
  width: 100%;
  
  /*height: 615px;*/
  
  position: relative;
  
  overflow: hidden;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper {
  
  width: 100%;
  
  height: 100%;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide {
  
  width: 100%;
  
  height: 100%;
  
  -webkit-box-pack: start;
  
  -moz-justify-content: start;
  
  justify-content: start;
  
  -webkit-box-align: start;
  
  -moz-align-items: start;
  
  align-items: start;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item {
  
  width: 19%;
  
  height: 100%;
  
  transform: translateY(0);
  
  transition-duration: 0.5s;
  
  background-color: #e5e6e8;
  
  margin-right: 1.25%;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .user-logo {
  
  width: 60%;
  
  margin: 60px auto 30px auto;
  
  padding-bottom: 60%;
  
  position: relative;
  
  transition: margin-bottom 1s;
  
  overflow: hidden;
  
  border-radius: 50% 50%;
  
  height: 0;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .user-logo img {
  
  position: absolute;
  
  left: 0;
  
  top: 0;
  
  width: 100%;
  
  height: 100%;
  
  transform: scale(1, 1);
  
  transition-duration: 1s;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .user-logo:hover {
  
  margin-bottom: 10px;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .user-logo:hover img {
  
  transform: scale(1.1, 1.1);
  
  transition-duration: 1s;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .job-worker {
  
  height: 95px;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .job {
  
  font-weight: bold;
  
  font-size: 18px;
  
  width: 100%;
  
  padding: 0 30px;
  
  margin: 0 auto 0 auto;
  
  text-align: left;
  
  color: #000000;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .job:hover {
  
  color: #000000;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .worker {
  
  font-size: 15px;
  
  margin: 5px auto 0 auto;
  
  color: #000000;
  
  width: 100%;
  
  padding: 0 30px;
  
  text-align: left;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .worker:hover {
  
  color: #000000;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .desc {
  
  font-size: 14px;
  
  line-height: 23px;
  
  margin: 0 auto 30px auto;
  
  text-align: left;
  
  text-indent: 2rem;
  
  color: #000000;
  
  width: 100%;
  
  padding: 0 30px 0 30px;
  
  overflow: hidden;
  
  text-overflow: ellipsis;
  
  height: 150px;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .desc:hover {
  
  color: #000000;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .desc p {
  
  margin-bottom: 0;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item:hover {
  
  transform: translateY(-30px);
  
  transition-duration: 0.5s;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item:nth-of-type(5) {
  
  margin-right: 0;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-button-next {
  
  background-image: none;
  
  width: 40px;
  
  height: 40px;
  
  color: #787878;
  
  text-align: right;
  
  font-size: 14pt;
  
  line-height: 40px;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-button-next span {
  
  font-size: 26px;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-button-prev {
  
  background-image: none;
  
  width: 40px;
  
  height: 40px;
  
  color: #787878;
  
  text-align: left;
  
  font-size: 14pt;
  
  line-height: 40px;
  
}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-button-prev span {
  
  font-size: 26px;
  
}



.container .ourUser {
  
  width: 100%;
  
  margin: 0;
  
  padding: 0;
  
}



.container .ourUser .ourUser-content {
  
  width: 100%;
  
  margin: 0;
  
  padding: 0;
  
}



.container .ourUser .ourUser-content table {
  
  width: 100%;
  
  margin: 0;
  
  padding: 0;
  
  border-collapse: inherit;
  
}



.container .ourUser .ourUser-content table tr {
  
  width: 100%;
  
  margin: 0;
  
  padding: 0;
  
}



.container .ourUser .ourUser-content table tr td {
  
  background-color: #FFFFFF;
  
  border: 1px solid #dbdbdb;
  
  padding: 20px 0;
  
  position: relative;
  
  overflow: hidden;
  
  width: 12.5%;
  
}



.container .ourUser .ourUser-content table tr td .ourUser-img {
  
  width: 80%;
  
  margin: 0 auto;
  
  overflow: hidden;
  
}



.container .ourUser .ourUser-content table tr td .ourUser-img img {
  
  width: 100%;
  
  display: block;
  
  transition: all 1s;
  
  transition-duration: 1s;
  
  -webkit-filter: grayscale(100%);
  
  -moz-filter: grayscale(100%);
  
  -o-filter: grayscale(100%);
  
  filter: grayscale(100%);
  
  filter: gray();
  
  margin: 0 auto;
  
  padding: 0 1%;
  
  opacity: 0.8;
  
}



.container .ourUser .ourUser-content table tr td .ourUser-img-cover {
  
  background-color: transparent;
  
  transition: background-color 1s;
  
  position: absolute;
  
  left: 0;
  
  top: 0;
  
  width: 100%;
  
  height: 100%;
  
}



.container .ourUser .ourUser-content table tr td:hover img {
  
  transform: scale(1.1, 1.1);
  
  transition-duration: 1s;
  
  -webkit-filter: grayscale(0%);
  
  -moz-filter: grayscale(0%);
  
  -o-filter: grayscale(0%);
  
  filter: grayscale(0%);
  
}



.container .ourUser .ourUser-content table tr td:hover .ourUser-img-cover {
  
  background-color: rgba(0, 0, 0, 0.1);
  
}



.container .serviceSupport .serviceSupport-content {
  
  background-color: #e5e6e8;
  
  width: 100%;
  
  padding-top: 60px;
  
  padding-bottom: 60px;
  
}



.container .serviceSupport .serviceSupport-content .form-container {
  
  width: 30%;
  
  margin-left: 3.5%;
  
}



.container .serviceSupport .serviceSupport-content .form-container form {
  
  width: 100%;
  
}



.container .serviceSupport .serviceSupport-content .form-container form input,

.container .serviceSupport .serviceSupport-content .form-container form textarea {
  
  width: 100%;
  
  height: 35px;
  
  border: 1px solid #969696;
  
  color: #000000;
  
  outline: none;
  
  font-size: 15px;
  
  padding-left: 25px;
  
  background-color: #ffffff;
  
  margin-top: 15px;
  
}



.container .serviceSupport .serviceSupport-content .form-container form .name input {
  
  margin-top: 0;
  
}



.container .serviceSupport .serviceSupport-content .form-container form .leaveMsg {
  
  height: 127px;
  
  width: 100%;
  
  overflow: hidden;
  
  border: 1px solid #969696;
  
  background-color: #ffffff;
  
  margin-top: 15px;
  
}



.container .serviceSupport .serviceSupport-content .form-container form .leaveMsg textarea {
  
  height: 85px;
  
  padding-top: 10px;
  
  border: none;
  
}



.container .serviceSupport .serviceSupport-content .form-container form .code {
  
  margin-top: 15px;
  
}



.container .serviceSupport .serviceSupport-content .form-container form .code input {
  
  width: 30%;
  
  margin: 0;
  
  vertical-align: top;
  
  line-height: normal;
  
}



.container .serviceSupport .serviceSupport-content .form-container form .code img {
  
  width: 20%;
  
  height: 35px;
  
  vertical-align: middle;
  
  margin-left: 15px;
  
  margin-right: 15px;
  
}



.container .serviceSupport .serviceSupport-content .form-container form .code span a {
  
  line-height: 35px;
  
  color: #000000;
  
  font-size: 15px;
  
}



.container .serviceSupport .serviceSupport-content .form-container form .buttons {
  
  margin-top: 15px;
  
}



.container .serviceSupport .serviceSupport-content .form-container form .buttons button {
  
  height: 35px;
  
  width: 100px;
  
  color: #000000;
  
  font-size: 15px;
  
  border: 1px solid #969696;
  
  border-radius: 20px;
  
  background-color: #ffffff;
  
  outline: none;
  
}



.container .serviceSupport .serviceSupport-content .form-container form .buttons button.submit {
  
  margin-left: 30px;
  
}



.container .serviceSupport .serviceSupport-content .sendInfo {
  
  width: 23%;
  
  margin-left: 5%;
  
  margin-right: 5%;
  
}



.container .serviceSupport .serviceSupport-content .sendInfo ul {
  
  margin: 0 auto;
  
  display: -webkit-box;
  
  display: -moz-box;
  
  display: -ms-flexbox;
  
  display: -webkit-flex;
  
  display: flex;
  
  -webkit-box-pack: justify;
  
  -moz-justify-content: space-between;
  
  -webkit-justify-content: space-between;
  
  justify-content: space-between;
  
}



.container .serviceSupport .serviceSupport-content .sendInfo ul li {
  
  width: 100px;
  
  padding-bottom: 100px;
  
  height: 0;
  
  border: 3px solid #000000;
  
  margin-bottom: 15px;
  
  position: relative;
  
}



.container .serviceSupport .serviceSupport-content .sendInfo ul li a {
  
  position: absolute;
  
  left: 0;
  
  top: 0;
  
  width: 100%;
  
  height: 100%;
  
}



.container .serviceSupport .serviceSupport-content .sendInfo ul li a p {
  
  margin: 0;
  
  padding: 0;
  
}



.container .serviceSupport .serviceSupport-content .sendInfo ul li a p object,

.container .serviceSupport .serviceSupport-content .sendInfo ul li a p .svg,

.container .serviceSupport .serviceSupport-content .sendInfo ul li a p svg,

.container .serviceSupport .serviceSupport-content .sendInfo ul li a p img {
  
  fill: #000000;
  
  display: block;
  
  text-align: center;
  
  width: 35px;
  
  height: 35px;
  
  margin: 0 auto;
  
}



.container .serviceSupport .serviceSupport-content .sendInfo ul li a p span.title {
  
  color: #000000;
  
  display: block;
  
  text-align: center;
  
  font-size: 15px;
  
  margin: 10px 0 0 0;
  
  padding: 0;
  
}



.container .serviceSupport .serviceSupport-content .sendInfo ul li:hover {
  
  border-color: #0067b8;
  
}



.container .serviceSupport .serviceSupport-content .sendInfo ul li:hover object,

.container .serviceSupport .serviceSupport-content .sendInfo ul li:hover .svg,

.container .serviceSupport .serviceSupport-content .sendInfo ul li:hover svg,

.container .serviceSupport .serviceSupport-content .sendInfo ul li:hover img {
  
  fill: #0067b8;
  
}



.container .serviceSupport .serviceSupport-content .sendInfo ul li:hover span.title {
  
  color: #0067b8;
  
}



.container .serviceSupport .serviceSupport-content .sendInfo ul li:nth-of-type(3n+3) {
  
  margin-right: 0;
  
}



.container .serviceSupport .serviceSupport-content .sendInfo form {
  
  width: 100%;
  
  margin: 0 auto;
  
}



.container .serviceSupport .serviceSupport-content .sendInfo form h1 {
  
  margin: 15px 0 0 0;
  
  padding: 0;
  
  font-size: 15px;
  
  font-weight: bolder;
  
}



.container .serviceSupport .serviceSupport-content .sendInfo form div {
  
  margin-top: 15px;
  
}



.container .serviceSupport .serviceSupport-content .sendInfo form div input {
  
  width: 100%;
  
  height: 35px;
  
  border: 1px solid #969696;
  
  color: #000000;
  
  outline: none;
  
  font-size: 15px;
  
  padding-left: 10px;
  
  background-color: #ffffff;
  
}



.container .serviceSupport .serviceSupport-content .sendInfo form div button {
  
  background-color: #0067b8;
  
  color: #FFFFFF;
  
  text-align: center;
  
  width: 18%;
  
  height: 35px;
  
  outline: none;
  
  border: 1px solid #969696;
  
  vertical-align: top;
  
  font-size: 15px;
  
}



.container .serviceSupport .serviceSupport-content .address {
  
  width: 30%;
  
}



.container .serviceSupport .serviceSupport-content .address .address-content {
  
  width: 100%;
  
}



.container .serviceSupport .serviceSupport-content .address .address-content .nav-tabs {
  
  border-bottom: 1px solid #999999;
  
}



.container .serviceSupport .serviceSupport-content .address .address-content .nav-tabs li {
  
  padding: 0 0 6px 0;
  
  border-bottom: 1px solid transparent;
  
  margin-bottom: -3px;
  
}



.container .serviceSupport .serviceSupport-content .address .address-content .nav-tabs li a {
  
  padding: 0 20px;
  
  display: block;
  
  color: #000000;
  
  font-size: 18px;
  
  border-left: 1px solid #999999;
  
}



.container .serviceSupport .serviceSupport-content .address .address-content .nav-tabs li:hover {
  
  background-color: transparent;
  
}



.container .serviceSupport .serviceSupport-content .address .address-content .nav-tabs li:hover a {
  
  background-color: transparent;
  
  border: none;
  
  border-left: 1px solid #999999;
  
  margin-top: 0;
  
}



.container .serviceSupport .serviceSupport-content .address .address-content .nav-tabs li.active {
  
  background-color: transparent;
  
  /* border-bottom: 1px solid #0067b8; */
  
}



.container .serviceSupport .serviceSupport-content .address .address-content .nav-tabs li.active a {
  
  background-color: transparent;
  
  border: none;
  
  border-left: 1px solid #999999;
  
  color: #0067b8;
  
}



.container .serviceSupport .serviceSupport-content .address .address-content .nav-tabs li:first-child a {
  
  border-left: none;
  
  padding-left: 0;
  
}



.container .serviceSupport .serviceSupport-content .address .address-content .tab-content {
  
  padding-top: 20px;
  
}



.container .serviceSupport .serviceSupport-content .address .address-content .tab-content .tab-pane p {
  
  margin: 10px 0;
  
  padding: 0;
  
  font-size: 15px;
  
  color: #000000;
  
}



.container .searchInWeb {
  
  width: 100%;
  
  height: 100%;
  
  position: relative;
  
}



.container .searchInWeb .searchInWeb-content {
  
  width: 100%;
  
  height: 100%;
  
}



.container .searchInWeb .searchInWeb-content .form {
  
  background-color: #f7f8f9;
  
  width: 100%;
  
  height: 100%;
  
  margin: 0 auto;
  
}



.container .searchInWeb .searchInWeb-content .form form {
  
  background-color: transparent;
  
  width: 50%;
  
  height: auto;
  
  padding: 40px;
  
}



.container .searchInWeb .searchInWeb-content .form form input {
  
  width: 75%;
  
  font-size: 15px;
  
  float: left;
  
  padding: 5px 0 5px 5px;
  
  background-color: #ffffff;
  
  border: 1px solid #858586;
  
  margin-right: 4%;
  
  border-radius: 20px;
  
  overflow: hidden;
  
  outline: none;
  
}



.container .searchInWeb .searchInWeb-content .form form input.submit {
  
  background-color: #FFFFFF;
  
  border-radius: 15px;
  
  overflow: hidden;
  
  outline: none;
  
  width: 20%;
  
  text-align: center;
  
  height: 100%;
  
  float: left;
  
  padding: 5px 0 5px 0;
  
  border: 1px solid #b9b9ba;
  
  font-size: 15px;
  
  margin-right: 0;
  
  color: #000000;
  
}



.container .searchInWeb .searchInWeb-content .form form input.submit:hover {
  
  background-color: #0067b8;
  
  color: #FFFFFF;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails {
  
  padding-top: 150px;
  
  margin-bottom: 0;
  
  min-height: 900px;
  
  background-color: #f7f8f9;
  
  width: 100%;
  
  position: relative;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result {
  
  width: 80%;
  
  display: block;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchTop {
  
  width: 90%;
  
  margin: 0 auto;
  
  border-bottom: 1px solid #eeeeee;
  
  height: auto;
  
  padding-bottom: 15px;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchTop .form {
  
  background-color: transparent;
  
  width: 60%;
  
  height: 100%;
  
  display: inline-block;
  
  margin: 0;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchTop .form form {
  
  background-color: transparent;
  
  width: 100%;
  
  height: auto;
  
  padding: 0;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchTop .form form input {
  
  width: 75%;
  
  font-size: 15px;
  
  float: left;
  
  padding: 5px 0 5px 5px;
  
  background-color: #ffffff;
  
  border: 1px solid #858586;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchTop .form form input.submit {
  
  background-color: #7f7f7f;
  
  color: #eeeeee;
  
  outline: none;
  
  width: 20%;
  
  text-align: center;
  
  height: 100%;
  
  float: left;
  
  padding: 5px 0 5px 0;
  
  border: 1px solid #b9b9ba;
  
  font-size: 15px;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchTop .searchResultTip {
  
  width: 39%;
  
  display: inline-block;
  
  text-align: right;
  
  color: #999999;
  
  margin: 0;
  
  font-size: 14px;
  
  padding: 0;
  
  height: 35px;
  
  line-height: 35px;
  
  vertical-align: top;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchList {
  
  width: 90%;
  
  margin: 0 auto;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchList .li {
  
  border-bottom: 1px solid #eeeeee;
  
  padding: 15px 0;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchList .li .searchResult-logo {
  
  float: left;
  
  width: 120px;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchList .li .searchResult-logo a img {
  
  width: 100px;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchList .li .searchInfo {
  
  float: left;
  
  width: 80%;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchList .li .searchInfo .title {
  
  margin: 0;
  
  padding: 0;
  
  height: auto;
  
  line-height: normal;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchList .li .searchInfo .title a {
  
  margin: 0;
  
  padding: 0;
  
  font-size: 18px;
  
  font-weight: bolder;
  
  text-indent: 0;
  
  vertical-align: top;
  
  color: #000000;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchList .li .searchInfo p.desc {
  
  margin: 5px 0;
  
  padding: 0;
  
  font-size: 15px;
  
  color: #000000;
  
  vertical-align: middle;
  
  overflow: hidden;
  
  text-overflow: ellipsis;
  
  -webkit-line-clamp: 2;
  
  word-break: break-all;
  
  display: -webkit-box;
  
  -webkit-box-orient: vertical;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchList .li .searchInfo p.time {
  
  margin: 0;
  
  padding: 0;
  
  font-size: 15px;
  
  color: #999999;
  
  vertical-align: bottom;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.search-page {
  
  width: 90%;
  
  margin: 40px auto 20px auto;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.search-page ul {
  
  width: 100%;
  
  text-align: center;
  
  margin: 0;
  
  padding: 0;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.search-page ul li {
  
  display: inline-block;
  
  background-color: #ffffff;
  
  border: #eeeeee 1px solid;
  
  margin: 2px 3px;
  
  padding: 2px 13px;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.search-page ul li a {
  
  font-size: 14px;
  
  color: #666666;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.search-page ul li.active {
  
  background-color: #0067b8;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.search-page ul li.active a {
  
  color: #ffffff;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo {
  
  background-color: #e5e6e8;
  
  width: 20%;
  
  position: absolute;
  
  right: 0;
  
  top: 0;
  
  bottom: 0;
  
  height: 100%;
  
  padding-top: 150px;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byDate,

.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byResult {
  
  padding: 30px 0 0 0;
  
  width: 60%;
  
  margin: 0 auto;
  
  text-align: right;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byResult .title {
  
  margin: 0 0 15px 0;
  
  padding: 0;
  
  font-size: 15px;
  
  color: #999999;
  
  text-align: right;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byResult .item {
  
  margin-top: 5px;
  
  font-size: 14px;
  
  color: #000000;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byDate .tip,

.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byResult .tip {
  
  margin: 0;
  
  padding: 0;
  
  font-size: 15px;
  
  color: #999999;
  
  text-align: right;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byDate a,

.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byResult a {
  
  font-size: 14px;
  
  color: #000000;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byDate ul,

.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byResult ul {
  
  margin: 0;
  
  padding: 0;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byDate ul li,

.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byResult ul li {
  
  margin: 5px 0;
  
  padding: 0;
  
  text-align: right;
  
}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byDate ul li a,

.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byResult ul li a {
  
  font-size: 14px;
  
  color: #000000;
  
}



.container .searchInWeb .searchInWeb-content .moreView {
  
  text-align: center;
  
  font-size: 15px;
  
  margin-top: 15px;
  
}



.container .searchInWeb .searchInWeb-content .searchInWeb-bottom {
  
  position: initial !important;
  
}



.container .searchInWeb .searchInWeb-content .moreView a {
  
  color: #000000;
  
}



.container .searchInWeb .searchInWeb-content .searchInWeb-bottom {
  
  width: 100%;
  
  margin: 0;
  
  padding: 0;
  
  height: 80px;
  
  background-color: #ffffff;
  
  position: absolute;
  
  left: 0;
  
  bottom: 0;
  
  z-index: 100;
  
}



.container .searchInWeb .searchInWeb-content .searchInWeb-bottom .links {
  
  width: 100%;
  
  height: 40px;
  
  line-height: 40px;
  
  text-align: center;
  
  margin: 0;
  
  padding: 0;
  
}



.container .searchInWeb .searchInWeb-content .searchInWeb-bottom .links .li {
  
  display: inline-block;
  
  width: auto;
  
  padding: 0 5px;
  
}



.container .searchInWeb .searchInWeb-content .searchInWeb-bottom .links .li a {
  
  color: #000000;
  
  font-size: 15px;
  
}



.container .searchInWeb .searchInWeb-content .searchInWeb-bottom p.conpanyInfo {
  
  margin: 0;
  
  padding: 0;
  
  height: 40px;
  
  color: #000000;
  
  font-size: 14px;
  
  vertical-align: top;
  
  text-align: center;
  
}



.container .searchInWeb .searchInWeb-content .searchInWeb-bottom p.conpanyInfo a {
  
  color: #000000;
  
  font-size: 14px;
  
}



.indexMoudle .newsInformation-banner {
  
  overflow: hidden;
  
}



.indexMoudle .newsInformation-banner .newsInformation-banner-container {
  
  background-color: #f7f8f9;
  
}



.nav_top .navBar {
  
  position: fixed;
  
  left: 0;
  
  top: 0;
  
}



.menu-fixed {
  
  position: fixed !important;
  
  left: 0;
  
  top: 0;
  
  z-index: 10000;
  
  width: 100%;
  
  margin: 0 !important;
  
  background-color: #f7f8f9;
  
}



.error-404 {
  
  width: 100%;
  
  height: 100%;
  
  background-repeat: no-repeat;
  
  background-size: 100% 100%;
  
  min-height: 900px;
  
  padding-top: 10%;
  
  padding-left: 15%;
  
}



.error-404 .content {
  
  height: 100%;
  
  position: relative;
  
}



.error-404 .content div.logo {
  
  width: 100%;
  
}



.error-404 .content div.logo img {
  
  height: 60px;
  
}



.error-404 .content div.line {
  
  background-color: #ff0000;
  
  height: 2px;
  
  width: 100px;
  
  margin-top: 30px;
  
  margin-bottom: 30px;
  
}



.error-404 .content div.title h1 {
  
  margin: 0;
  
  padding: 0;
  
  color: #fff;
  
  font-weight: bolder;
  
  font-size: 72px;
  
}



.error-404 .content div.tip p {
  
  margin: 0;
  
  padding: 0;
  
  color: #fff;
  
  font-weight: normal;
  
  font-size: 14px;
  
}



.error-404 .content div.cn {
  
  margin-top: 20px;
  
}



.error-404 .content div.en {
  
  margin-top: 20px;
  
}



.error-404 .content div.link_list {
  
  width: 100%;
  
  margin-top: 90px;
  
}



.error-404 .content div.item {
  
  float: left;
  
  width: auto;
  
  display: inline-block;
  
  padding: 0 15px;
  
  border-right: 1px solid #CCCCCC;
  
}



.error-404 .content div.item:first-child {
  
  padding-left: 0;
  
}



.error-404 .content div.item:last-child {
  
  border-right: none;
  
}



.error-404 .content div.item p.cn {
  
  margin: 0;
  
  padding: 0;
  
  color: #CCCCCC;
  
  font-weight: normal;
  
  font-size: 16px;
  
}



.error-404 .content div.item p.en {
  
  margin: 0;
  
  padding: 0;
  
  color: #CCCCCC;
  
  font-weight: normal;
  
  font-size: 14px;
  
}



.error-404 .content div.item p.tel_cn {
  
  font-size: 14px;
  
}



.error-404 .content div.item p.tel {
  
  font-size: 18px;
  
}



.error-404 .content p.link_tip {
  
  margin: 10px 0 0 0;
  
  padding: 0;
  
  color: #999999;
  
  font-weight: normal;
  
  font-size: 14px;
  
}



.error-404 .content div.three {
  
  width: auto;
  
  text-align: right;
  
  position: absolute;
  
  right: 400px;
  
  bottom: 33%;
  
}



.error-404 .content div.three span {
  
  color: #ffffff;
  
  font-size: 23px;
  
}



.loginPage {
  
  background-color: #f0f0f0;
  
  width: 100%;
  
  height: 100%;
  
  min-height: 800px;
  
  position: relative;
  
}



.loginPage div.content {
  
  background-repeat: no-repeat;
  
  width: 100%;
  
  height: 100%;
  
  background-size: 100% 100%;
  
}



.loginPage div.content div.login {
  
  width: 520px;
  
  margin: 0 auto;
  
}



.loginPage div.content div.login div.top {
  
  background-color: #0067b8;
  
  border-top-left-radius: 10px;
  
  border-top-right-radius: 10px;
  
  padding: 15px 20px 15px 20px;
  
}



.loginPage div.content div.login div.top span {
  
  color: #ffffff;
  
  vertical-align: middle;
  
  font-size: 18px;
  
}



.loginPage div.content div.login div.top span.icon {
  
  display: inline-block;
  
  margin: 0 10px 0 0;
  
  padding: 0;
  
  vertical-align: middle;
  
  float: right;
  
  color: #ffffff;
  
  font-size: 20px;
  
}



.loginPage div.content div.login div.from {
  
  background-color: rgba(65, 66, 68, 0.1);
  
  width: 100%;
  
  padding: 50px 0;
  
}



.loginPage div.content div.login div.from h1 {
  
  margin: 0;
  
  padding: 0;
  
  color: #ffffff;
  
  font-size: 18px;
  
  text-align: center;
  
  font-weight: bold;
  
}



.loginPage div.content div.login div.from p.line {
  
  background-color: #ffffff;
  
  height: 2px;
  
  margin: 10px auto 10px auto;
  
}



.loginPage div.content div.login div.from div.input {
  
  background-color: #ffffff;
  
  width: 45%;
  
  margin: 20px auto;
  
  padding: 8px 8px;
  
  border-radius: 4px;
  
}



.loginPage div.content div.login div.from div.input span.icon {
  
  color: #999999;
  
  font-size: 14px;
  
  float: left;
  
}



.loginPage div.content div.login div.from div.input input {
  
  color: #999999;
  
  display: inline-block;
  
  float: left;
  
  width: 70%;
  
  padding: 0 0 0 5px;
  
  border: none;
  
  outline: none;
  
  font-size: 14px;
  
}



.loginPage div.content div.login div.from button {
  
  background-color: #0067b8;
  
  width: 45%;
  
  margin: 10px auto;
  
  padding: 8px 8px;
  
  border-radius: 10px;
  
  color: #ffffff;
  
  text-align: center;
  
  font-size: 15px;
  
  border: none;
  
  outline: none;
  
  display: block;
  
}



.loginPage div.content div.login div.from p.as {
  
  text-align: right;
  
  width: 45%;
  
  margin: 5px auto;
  
  padding: 0 0 15px 0;
  
  color: #FFFFFF;
  
}



.loginPage div.content div.login div.from p.as a {
  
  color: #FFFFFF;
  
  font-size: 12px;
  
}



.loginPage div.content div.login div.from p.tip {
  
  margin: 0;
  
  padding: 0;
  
  text-align: center;
  
  color: #999999;
  
  height: auto;
  
  line-height: normal;
  
  font-size: 14px;
  
}



.loginPage div.content div.login div.bottom {
  
  background-color: #f9fafb;
  
  border-bottom-left-radius: 10px;
  
  border-bottom-right-radius: 10px;
  
  padding: 10px 20px 10px 20px;
  
}



.loginPage div.content div.login div.bottom p {
  
  text-align: center;
  
  font-size: 14px;
  
  color: #999999;
  
  margin: 0;
  
  padding: 0;
  
}



.registerPage {
  
  background-color: #f0f0f0;
  
  width: 100%;
  
  height: 100%;
  
  min-height: 800px;
  
  position: relative;
  
}



.registerPage .content {
  
  background-repeat: no-repeat;
  
  width: 100%;
  
  height: 100%;
  
  background-size: 100% 100%;
  
}



.registerPage .content div.register {
  
  width: 500px;
  
}



.registerPage .content div.register div.top {
  
  background-color: #0067b8;
  
  border-top-left-radius: 10px;
  
  border-top-right-radius: 10px;
  
  padding: 15px 20px 15px 20px;
  
}



.registerPage .content div.register div.top span {
  
  color: #ffffff;
  
  vertical-align: middle;
  
  font-size: 19px;
  
}



.registerPage .content div.register div.top span.icon {
  
  display: inline-block;
  
  margin: 0 10px 0 0;
  
  padding: 0;
  
  vertical-align: middle;
  
  float: right;
  
  color: #ffffff;
  
  font-size: 20px;
  
}



.registerPage .content div.register div.top img.closed2 {
  
  width: 20px;
  
  height: 20px;
  
  display: inline-block;
  
  margin: 0;
  
  padding: 0;
  
  vertical-align: top;
  
  float: right;
  
}



.registerPage .content div.register div.from {
  
  background-color: rgba(65, 66, 68, 0.1);
  
  width: 100%;
  
  padding: 40px 0;
  
}



.registerPage .content div.register div.from div.input {
  
  background-color: #ffffff;
  
  width: 50%;
  
  margin: 20px auto;
  
  padding: 8px 8px;
  
}



.registerPage .content div.register div.from div.input span.icon {
  
  color: #999999;
  
  font-size: 14px;
  
  float: left;
  
}



.registerPage .content div.register div.from div.input input {
  
  color: #999999;
  
  display: inline-block;
  
  float: left;
  
  width: 70%;
  
  padding: 0 0 0 5px;
  
  border: none;
  
  outline: none;
  
  font-size: 14px;
  
}



.registerPage .content div.register div.from div.codes {
  
  width: 50%;
  
  margin: 20px auto;
  
  padding: 0;
  
}



.registerPage .content div.register div.from div.codes div.code_input {
  
  margin: 0;
  
  width: 50%;
  
  background-color: #ffffff;
  
  float: left;
  
  display: inline-block;
  
  padding: 4px 0 4px 8px;
  
}



.registerPage .content div.register div.from div.codes div.code_input span.icon {
  
  color: #999999;
  
  font-size: 14px;
  
  float: left;
  
}



.registerPage .content div.register div.from div.codes div.code_input input {
  
  color: #999999;
  
  display: inline-block;
  
  float: left;
  
  width: 85%;
  
  padding: 0;
  
  border: none;
  
  outline: none;
  
}



.registerPage .content div.register div.from div.codes img.client {
  
  width: 50px;
  
  height: 30px;
  
  display: inline-block;
  
  float: left;
  
  margin: 0 6px;
  
}



.registerPage .content div.register div.from div.codes p.change {
  
  margin: 5px 0 0 0;
  
  padding: 0;
  
  display: inline-block;
  
  width: auto;
  
  color: #999999;
  
  float: right;
  
}



.registerPage .content div.register div.from button {
  
  background-color: #0067b8;
  
  width: 50%;
  
  margin: 10px auto;
  
  padding: 8px 8px;
  
  border-radius: 10px;
  
  color: #ffffff;
  
  text-align: center;
  
  font-size: 15px;
  
  border: none;
  
  outline: none;
  
  display: block;
  
}



.registerPage .content div.register div.from p.as {
  
  text-align: right;
  
  width: 50%;
  
  margin: 5px auto;
  
  padding: 0;
  
}



.registerPage .content div.register div.from p.as a {
  
  color: #999999;
  
  font-size: 12px;
  
}



.registerPage .content div.register div.bottom {
  
  background-color: #f9fafb;
  
  border-bottom-left-radius: 10px;
  
  border-bottom-right-radius: 10px;
  
  padding: 10px 20px 6px 20px;
  
}



.registerPage .content div.register div.bottom p {
  
  text-align: center;
  
  font-size: 14px;
  
  color: #999999;
  
  margin: 0;
  
  padding: 0;
  
}



.resetPasswordPage {
  
  background-color: #f0f0f0;
  
  width: 100%;
  
  height: 100%;
  
  min-height: 800px;
  
  position: relative;
  
}



.resetPasswordPage div.content {
  
  background-repeat: no-repeat;
  
  width: 100%;
  
  height: 100%;
  
  background-size: 100% 100%;
  
}



.resetPasswordPage div.content div.resetPassword {
  
  width: 500px;
  
}



.resetPasswordPage div.content div.resetPassword div.top {
  
  background-color: #0067b8;
  
  border-top-left-radius: 10px;
  
  border-top-right-radius: 10px;
  
  padding: 15px 20px 15px 20px;
  
}



.resetPasswordPage div.content div.resetPassword div.top span {
  
  color: #ffffff;
  
  vertical-align: middle;
  
  font-size: 19px;
  
}



.resetPasswordPage div.content div.resetPassword div.top span.icon {
  
  display: inline-block;
  
  margin: 0 10px 0 0;
  
  padding: 0;
  
  vertical-align: top;
  
  color: #ffffff;
  
  font-size: 20px;
  
}



.resetPasswordPage div.content div.resetPassword div.from {
  
  background-color: rgba(65, 66, 68, 0.1);
  
  width: 100%;
  
  padding: 50px 0;
  
}



.resetPasswordPage div.content div.resetPassword div.from div.input {
  
  background-color: #ffffff;
  
  width: 45%;
  
  margin: 20px auto;
  
  padding: 8px 8px;
  
}



.resetPasswordPage div.content div.resetPassword div.from div.input span.icon {
  
  color: #999999;
  
  font-size: 14px;
  
  float: left;
  
}



.resetPasswordPage div.content div.resetPassword div.from div.input input {
  
  color: #999999;
  
  display: inline-block;
  
  float: left;
  
  width: 70%;
  
  padding: 0 0 0 5px;
  
  border: none;
  
}



.resetPasswordPage div.content div.resetPassword div.from button {
  
  background-color: #0067b8;
  
  width: 45%;
  
  margin: 10px auto;
  
  padding: 8px 8px;
  
  border-radius: 10px;
  
  color: #ffffff;
  
  text-align: center;
  
  font-size: 15px;
  
  border: none;
  
  outline: none;
  
  display: block;
  
}



.resetPasswordPage div.content div.resetPassword div.from p.as {
  
  text-align: right;
  
  width: 45%;
  
  margin: 5px auto;
  
  padding: 0;
  
}



.resetPasswordPage div.content div.resetPassword div.from p.as a {
  
  color: #999999;
  
  font-size: 12px;
  
}



.resetPasswordPage div.content div.resetPassword div.bottom {
  
  background-color: #f9fafb;
  
  border-bottom-left-radius: 10px;
  
  border-bottom-right-radius: 10px;
  
  padding: 10px 20px 10px 20px;
  
}



.resetPasswordPage div.content div.resetPassword div.bottom p {
  
  text-align: center;
  
  font-size: 14px;
  
  color: #999999;
  
  margin: 0;
  
  padding: 0;
  
}



.loginPage-bottom {
  
  background-color: #ffffff;
  
  position: absolute;
  
  width: 100%;
  
  height: 35px;
  
  left: 0;
  
  bottom: 0;
  
}



.loginPage-bottom .links {
  
  position: absolute;
  
  left: 50px;
  
  top: 0;
  
  height: 35px;
  
  line-height: 35px;
  
}



.loginPage-bottom .links .li {
  
  display: inline-block;
  
  border-right: 1px solid #999999;
  
  line-height: 17px;
  
  height: 17px;
  
  padding-left: 8px;
  
  padding-right: 8px;
  
}



.loginPage-bottom .links .li a {
  
  color: #000000;
  
  font-size: 15px;
  
}



.loginPage-bottom .links .li a span {
  
  color: #000000;
  
  font-size: 15px;
  
}



.loginPage-bottom .links .li:last-child {
  
  border: none;
  
}



.loginPage-bottom p.conpanyInfo {
  
  margin: 0;
  
  padding: 0;
  
  color: #000000;
  
  font-size: 14px;
  
  vertical-align: top;
  
  text-align: center;
  
  position: absolute;
  
  right: 50px;
  
  top: 0;
  
  height: 35px;
  
  line-height: 35px;
  
}



.loginPage-bottom p.conpanyInfo a {
  
  color: #000000;
  
  font-size: 14px;
  
}



.footer {
  
  margin-top: 40px;
  
}



.footer .footer-content {
  
  background-color: #383838;
  
  width: 100%;
  
  padding-top: 55px;
  
  padding-bottom: 55px;
  
}



.footer .footer-content .footer-info {
  
  width: 1820px;
  
  margin: 0 auto;
  
  padding-left: 4%;
  
}



.footer .footer-content .footer-info .function {
  
  width: 45%;
  
}



.footer .footer-content .footer-info .function ul {
  
  width: 20%;
  
}



.footer .footer-content .footer-info .function ul li {
  
  margin: 10px 0;
  
}



.footer .footer-content .footer-info .function ul li a {
  
  color: #bfbfbf;
  
  font-size: 14px;
  
}



.footer .footer-content .footer-info .function ul li:hover a {
  
  color: #FFFFFF !important;
  
}



.footer .footer-content .footer-info .function ul li:first-child {
  
  margin-bottom: 25px;
  
  margin-top: 0;
  
}



.footer .footer-content .footer-info .function ul li:first-child a {
  
  font-size: 18px;
  
  font-weight: bolder;
  
}



.footer .footer-content .footer-info .web-keywords {
  
  width: 26%;
  
  border-right: 1px solid #2b2b2b;
  
  border-left: 1px solid #2b2b2b;
  
}



.footer .footer-content .footer-info .web-keywords h1 {
  
  font-size: 18px;
  
  font-weight: bolder;
  
  margin: 0 auto 25px auto;
  
  padding: 0;
  
  color: #bfbfbf;
  
  width: 80%;
  
}



.footer .footer-content .footer-info .web-keywords h1:hover {
  
  color: #FFFFFF;
  
}



.footer .footer-content .footer-info .web-keywords ul {
  
  width: 80%;
  
  margin: 0 auto;
  
}



.footer .footer-content .footer-info .web-keywords ul li {
  
  display: inline-block;
  
  width: auto;
  
  border: 1px solid #a8a8a8;
  
  margin: 10px 0 0 10px;
  
  padding: 2px 5px;
  
}



.footer .footer-content .footer-info .web-keywords ul li a {
  
  color: #bfbfbf;
  
  font-size: 14px;
  
}



.footer .footer-content .footer-info .web-keywords ul li a:hover {
  
  color: #FFFFFF;
  
}



.footer .footer-content .footer-info .focusUs {
  
  width: 24%;
  margin-left:24%;
  padding-bottom: 17px;
  
}



.footer .footer-content .footer-info .focusUs .code {
  
  width: 80%;
  
  margin: 0 auto;
  
}



.footer .footer-content .footer-info .focusUs .code .code-item {
  
  text-align: center;
  
  width: 40%;
  
  margin-left: 20%;
  
  height: 0;
  
  padding-bottom: 40%;
  
  position: relative;
  
}



.footer .footer-content .footer-info .focusUs .code .code-item img {
  
  display: block;
  
  width: 80%;
  
  margin: 0 auto;
  
}



.footer .footer-content .footer-info .focusUs .code .code-item span {
  
  color: #bfbfbf;
  
  font-size: 14px;
  
  display: block;
  
  margin-top: 15px;
  
  text-align: center;
  
}



.footer .footer-content .footer-info .focusUs .code .code-item span:hover {
  
  color: #FFFFFF;
  
}



.footer .footer-content .footer-info .focusUs .code .code-item:first-child {
  
  margin-left: 0;
  
}



.footer .footer-content .footer-info .focusUs .i8home-select {
  
  width: 80%;
  
  margin: 25px auto 0 auto;
  
}



.footer .web-proprietary {
  
  background-color: #2b2b2b;
  
  width: 100%;
  
}



.footer .web-proprietary .web-proprietary-content {
  
  width: 1820px;
  
  margin: 0 auto;
  
  padding: 25px 0;
  
  position: relative;
  
}



.footer .web-proprietary .web-proprietary-content .web-about {
  
  padding-left: 4%;
  
}



.footer .web-proprietary .web-proprietary-content .web-about ul li {
  
  border-left: 1px solid #666666;
  
  padding: 0 10px;
  
}



.footer .web-proprietary .web-proprietary-content .web-about ul li a {
  
  color: #bfbfbf;
  
  font-size: 14px;
  
}



.footer .web-proprietary .web-proprietary-content .web-about ul li a:hover {
  
  color: #FFFFFF;
  
}



.footer .web-proprietary .web-proprietary-content .web-about ul li:first-child {
  
  border: none;
  
}



.footer .web-proprietary .web-proprietary-content p {
  
  color: #bfbfbf;
  
  font-size: 14px;
  
  padding-left: 4%;
  
}



.footer .web-proprietary .web-proprietary-content p:hover {
  
  color: #FFFFFF;
  
}



.footer .web-proprietary .web-proprietary-content img {
  
  position: absolute;
  
  right: 70px;
  
  top: 30px;
  
  width: 30px;
  
  height: 30px;
  
}



.loginContainer {
  
  position: fixed;
  
  left: 0;
  
  top: 0;
  
  width: 100%;
  
  height: 100%;
  
  display: none;
  
  background-color: rgba(0, 0, 0, 0.85);
  
  z-index: 100000000;
  
}



.loginContainer .loginContainerContent {
  
  width: 450px;
  
  position: absolute;
  
  z-index: 1000;
  
  top: 80px;
  
  left: calc((100% - 550px) * 0.5);
  
}



.loginContainer .loginContainerContent p.line {
  
  display: none !important;
  
}



.loginContainer .loginContainerContent .tip a {
  
  color: #999999 !important;
  
}



.loginContainer .loginContainerContent div.top {
  
  background-color: #0067b8;
  
  border-top-left-radius: 10px;
  
  border-top-right-radius: 10px;
  
  padding: 10px 20px 10px 20px;
  
}



.loginContainer .loginContainerContent div.top span {
  
  color: #ffffff;
  
  vertical-align: middle;
  
  font-size: 23px !important;
  
}



.loginContainer .loginContainerContent div.top span.icon {
  
  display: inline-block;
  
  margin: 0 10px 0 0;
  
  padding: 0;
  
  vertical-align: middle;
  
  float: right;
  
  color: #ffffff;
  
  font-size: 20px;
  
}



.loginContainer .loginContainerContent div.top img.closed2 {
  
  width: 20px;
  
  height: 20px;
  
  display: inline-block;
  
  margin: 0;
  
  padding: 0;
  
  vertical-align: top;
  
  float: right;
  
}



.loginContainer .loginContainerContent div.bottom {
  
  background-color: #f9fafb;
  
  border-bottom-left-radius: 10px;
  
  border-bottom-right-radius: 10px;
  
  padding: 10px 20px 6px 20px;
  
}



.loginContainer .loginContainerContent div.bottom p {
  
  text-align: center;
  
  font-size: 14px;
  
  margin: 0;
  
  padding: 0;
  
}



.loginContainer .loginContainerContent div.bottom p span {
  
  color: #666666;
  
  font-weight: bolder;
  
}



.loginContainer .loginContainerContent div.code_input {
  
  width: 47% !important;
  
}



.loginContainer .loginContainerContent .loginPage {
  
  height: auto;
  
  min-height: auto;
  
  width: 100%;
  
  background-color: rgba(0, 0, 0, 0.62);
  
}



.loginContainer .loginContainerContent .loginPage div.content div.login {
  
  width: 100%;
  
}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from {
  
  padding-top: 20px !important;
  
  padding-bottom: 20px !important;
  
  border-left: 1px solid #000000;
  
  border-right: 1px solid #000000;
  
}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from div.input {
  
  background-color: #ffffff;
  
  width: 50%;
  
  margin: 15px auto;
  
  padding: 5px 5px;
  
}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from div.input span.icon {
  
  color: #999999;
  
  font-size: 14px;
  
  float: left;
  
}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from div.input input {
  
  color: #999999;
  
  display: inline-block;
  
  float: left;
  
  width: 70%;
  
  padding: 0 0 0 5px;
  
  border: none;
  
  outline: none;
  
  font-size: 14px;
  
}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from div.codes {
  
  width: 40%;
  
  margin: 20px auto;
  
  padding: 0;
  
}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from div.codes div.code_input {
  
  margin: 0;
  
  width: 40%;
  
  background-scolor: #ffffff;
  
  float: left;
  
  display: inline-block;
  
  padding: 4px 0 4px 8px;
  
}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from div.codes div.code_input span.icon {
  
  color: #999999;
  
  font-size: 14px;
  
  float: left;
  
}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from div.codes div.code_input input {
  
  color: #999999;
  
  display: inline-block;
  
  float: left;
  
  width: 85%;
  
  padding: 0;
  
  border: none;
  
  outline: none;
  
}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from div.codes img.client {
  
  width: 50px;
  
  height: 30px;
  
  display: inline-block;
  
  float: left;
  
  margin: 0 6px;
  
}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from div.codes p.change {
  
  margin: 5px 0 0 0;
  
  padding: 0;
  
  display: inline-block;
  
  width: auto;
  
  color: #999999;
  
  float: right;
  
}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from button {
  
  background-color: #0067b8;
  
  width: 50%;
  
  margin: 10px auto;
  
  padding: 8px 8px;
  
  border-radius: 10px;
  
  color: #ffffff;
  
  text-align: center;
  
  font-size: 15px;
  
  border: none;
  
  outline: none;
  
  display: block;
  
}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from p.as {
  
  text-align: right;
  
  width: 50%;
  
  margin: 5px auto;
  
  padding: 0;
  
}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from p.as a {
  
  color: #999999;
  
  font-size: 12px;
  
}



.loginContainer .loginContainerContent .resetPasswordPage {
  
  width: 100%;
  
  height: auto;
  
  min-height: auto;
  
  display: none;
  
  background-color: rgba(0, 0, 0, 0.62);
  
}



.loginContainer .loginContainerContent .resetPasswordPage div.content div.resetPassword {
  
  width: 100%;
  
}



.loginContainer .loginContainerContent .resetPasswordPage div.content div.resetPassword div.from {
  
  padding-top: 20px !important;
  
  padding-bottom: 20px !important;
  
  border-left: 1px solid #000000;
  
  border-right: 1px solid #000000;
  
}



.loginContainer .loginContainerContent .resetPasswordPage div.content div.resetPassword div.from .tel {
  
  position: relative;
  
}



.loginContainer .loginContainerContent .resetPasswordPage div.content div.resetPassword div.from .tel .btn-info,

.loginContainer .loginContainerContent .resetPasswordPage div.content div.resetPassword div.from .tel .btn-success {
  
  position: absolute;
  
  right: 0;
  
  top: 0;
  
  margin: 0;
  
  padding: 0;
  
  font-size: 12px;
  
  height: 100%;
  
  border-radius: 0;
  
}



.loginContainer .loginContainerContent .registerPage {
  
  width: 100%;
  
  height: auto;
  
  min-height: auto;
  
  display: none;
  
  background-color: rgba(0, 0, 0, 0.62);
  
}



.loginContainer .loginContainerContent .registerPage .content div.register {
  
  width: 100%;
  
}



.loginContainer .loginContainerContent .registerPage .content div.register div.from {
  
  padding-top: 20px !important;
  
  padding-bottom: 20px !important;
  
  border-left: 1px solid #000000;
  
  border-right: 1px solid #000000;
  
}



.loginContainer .loginContainerContent .registerPage .content div.register div.from .tel {
  
  position: relative;
  
}



.loginContainer .loginContainerContent .registerPage .content div.register div.from .tel .btn-info,

.loginContainer .loginContainerContent .registerPage .content div.register div.from .tel .btn-success {
  
  position: absolute;
  
  right: 0;
  
  top: 0;
  
  margin: 0;
  
  padding: 0;
  
  font-size: 12px;
  
  height: 100%;
  
  border-radius: 0;
  
}



.loginContainer .loginContainer-cover {
  
  position: absolute;
  
  left: 0;
  
  top: 0;
  
  width: 100%;
  
  height: 100%;
  
  z-index: 100;
  
}





/*1366px == 1280px*/



@media screen and (max-width: 1280px) and (min-width: 0px) {
  
  .i8home-xs-hide {
    
    display: none;
  
}

.menu-fixed {
  
  width: 100%;
  
}

.about-model-fixed {
  
  right: 0 !important;
  
}

body {
  
  /*min-width: 1366px;*/
  
  width: 100%;
  
}

body .container {
  
  /*width: 1366px;*/
  
  width: 100%;
  
}

body .container .navBar {
  
  width: 100%;
  
  left: 0;
  
  right: 0;
  
}

body .container .navBar .navBar-Container {
  
  width: 100%;
  
  padding-right: 136px;
  
  -webkit-box-pack: end;
  
  -moz-justify-content: flex-end;
  
  -webkit-justify-content: flex-end;
  
  justify-content: flex-end;
  
}

.navBar .navBar-list {}

.container .navBar .navBar-Container .navBar-list .navBar-Content {
  
  background-color: transparent;
  
  width: auto;
  
}

.container .navBar .navBar-Container .navBar-list .navBar-Content>ul {
  
  -webkit-box-pack: end;
  
  -moz-justify-content: flex-end;
  
  -webkit-justify-content: flex-end;
  
  justify-content: flex-end;
  
  background-color: transparent;
  
}

.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li>a {
  
  padding: 0 10px;
  
}

body .container .navBar .navBar-Container .language-map {
  
  position: absolute;
  
  right: 0;
  
  top: 0;
  
}

body .container .navBar .navBar-Container .language-map .search {
  
  margin-left: 10px;
  
}

body .container .navBar .navBar-Container .language-map .loginIcon {
  
  margin-left: 10px;
  
  cursor: pointer;
  
}

body .container .navBar .navBar-Container .language-map .about {
  
  margin-left: 10px;
  
  cursor: pointer;
  
}

body .container .navBar .navBar-Container .language-map .about .about-item {
  
  left: -180px;
  
}

body .container .navBar .navBar-Container .language-map .about .about-item .triangle_border_up {
  
  margin: -12px auto 0 175px;
  
}

body .container .navBar .navBar-Container .language-map .language {
  
  margin-left: 10px;
  
  cursor: pointer;
  
}

body .container .navBar .navBar-Container .language-map .language .language-item {
  
  left: -80px;
  
}

body .container .navBar .navBar-Container .language-map .language .language-item .triangle_border_up {
  
  margin: -12px auto 0 75px;
  
}

body .container .navBar .navBar-Container .language-map .map {
  
  padding-right: 10px;
  
  margin-left: 10px;
  
}

body .footer .footer-content .footer-info {
  
  width: auto;
  
}

.footer .footer-content .footer-info {
  
  padding-left: 15px;
  
}

body .footer .web-proprietary .web-proprietary-content {
  
  width: auto;
  
}

.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-pagination {
  
  bottom: 40%;
  
  top: auto;
  
}

}



@media screen and (max-width: 1440px) and (min-width: 1280px) {
  
  .i8home-sm-hide {
    
    display: none;
  
}

.container .navBar .navBar-Container .navBar-list .navBar-Content>ul {
  
  -webkit-box-pack: end;
  
  -moz-justify-content: flex-end;
  
  -webkit-justify-content: flex-end;
  
  justify-content: flex-end;
  
  background-color: transparent;
  
}

.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-pagination {
  
  bottom: 40%;
  
  top: auto;
  
}

.about-model-fixed {
  
  right: 0 !important;
  
}

.menu-fixed {
  
  width: 100%;
  
}

.container {
  
  width: 95%;
  
  margin-left: auto;
  
  margin-right: auto;
  
}

.container .navBar {
  
  width: 100%;
  
}

.container .navBar .navBar-Container {
  
  width: 95%;
  
  -webkit-box-pack: end;
  
  -moz-justify-content: flex-end;
  
  -webkit-justify-content: flex-end;
  
  justify-content: flex-end;
  
}

.container .navBar .navBar-Container .language-map .search {
  
  margin-left: 10px;
  
}

.container .navBar .navBar-Container .language-map .loginIcon {
  
  margin-left: 10px;
  
}

.container .navBar .navBar-Container .language-map .about {
  
  margin-left: 10px;
  
}

.container .navBar .navBar-Container .language-map .about .about-item {
  
  left: -180px;
  
}

.container .navBar .navBar-Container .language-map .about .about-item .triangle_border_up {
  
  margin: -12px auto 0 175px;
  
}

.container .navBar .navBar-Container .language-map .language {
  
  margin-left: 10px;
  
}

.container .navBar .navBar-Container .language-map .language .language-item {
  
  left: -80px;
  
}

.container .navBar .navBar-Container .language-map .language .language-item .triangle_border_up {
  
  margin: -12px auto 0 75px;
  
}

.container .navBar .navBar-Container .language-map .map {
  
  padding-right: 10px;
  
  margin-left: 10px;
  
}

.footer .footer-content .footer-info {
  
  width: 100%;
  
  margin-left: auto;
  
  margin-right: auto;
  
}

.footer .web-proprietary .web-proprietary-content {
  
  width: 100%;
  
  margin-left: auto;
  
  margin-right: auto;
  
}

}



@media screen and (max-width: 1820px) and (min-width: 1440px) {
  
  .i8home-md-hide {
    
    display: none;
  
}

.container .navBar .navBar-Container .navBar-list .navBar-Content>ul {
  
  -webkit-box-pack: end;
  
  -moz-justify-content: flex-end;
  
  -webkit-justify-content: flex-end;
  
  justify-content: flex-end;
  
  background-color: transparent;
  
}

.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-pagination {
  
  bottom: 200px;
  
  top: auto;
  
}

.menu-fixed {
  
  width: 95% !important;
  
  left: 2.5%;
  
}

.about-model-fixed {
  
  right: 2.5% !important;
  
}

.container {
  
  width: 95%;
  
}

.container .navBar .navBar-Container {
  
  width: 95%;
  
  -webkit-box-pack: end;
  
  -moz-justify-content: flex-end;
  
  -webkit-justify-content: flex-end;
  
  justify-content: flex-end;
  
  padding-right: 230px;
  
}

.container .navBar .navBar-Container .language-map {
  
  position: absolute;
  
  right: 0;
  
  top: 0;
  
}

.container .navBar .navBar-Container .language-map .about .about-item {
  
  left: -180px;
  
}

.container .navBar .navBar-Container .language-map .about .about-item .triangle_border_up {
  
  margin: -12px auto 0 175px;
  
}

.container .navBar .navBar-Container .language-map .language .language-item {
  
  left: -65px;
  
}

.container .navBar .navBar-Container .language-map .language .language-item .triangle_border_up {
  
  margin: -12px auto 0 65px;
  
}

.footer .footer-content .footer-info {
  
  width: 95%;
  
}

.footer .web-proprietary .web-proprietary-content {
  
  width: 95%;
  
}

}



@media screen and (min-width: 1820px) {
  
  .i8home-lg-hide {
    
    display: none;
  
}

.container .navBar .navBar-Container .navBar-list .navBar-Content>ul {
  
  -webkit-box-pack: end;
  
  -moz-justify-content: flex-end;
  
  -webkit-justify-content: flex-end;
  
  justify-content: flex-end;
  
  background-color: transparent;
  
}

.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-pagination {
  
  bottom: 200px !important;
  
  top: auto;
  
}

.menu-fixed {
  
  width: 95% !important;
  
  left: 2.5%;
  
}

.about-model-fixed {
  
  right: calc((100% - 1820px) * 0.5) !important;
  
}

.container {
  
  /*width: 1820px;*/
  
  width: 95%;
  
}

.container .navBar .navBar-Container {
  
  width: 95% !important;
  
  -webkit-box-pack: end;
  
  -moz-justify-content: flex-end;
  
  -webkit-justify-content: flex-end;
  
  justify-content: flex-end;
  
  padding-right: 300px;
  
}

.container .navBar .navBar-Container .language-map {
  
  position: absolute;
  
  right: 0;
  
  top: 0;
  
}

.container .navBar .navBar-Container .language-map .about .about-item {
  
  left: -150px;
  
}

.container .navBar .navBar-Container .language-map .about .about-item .triangle_border_up {
  
  margin: -12px auto 0 175px;
  
}

.container .navBar .navBar-Container .language-map .language .language-item {
  
  left: -60px;
  
}

.container .navBar .navBar-Container .language-map .language .language-item .triangle_border_up {
  
  margin: -12px auto 0 65px;
  
}

.footer .footer-content .footer-info {
  
  width: 1820px;
  
}

.footer .web-proprietary .web-proprietary-content {
  
  width: 1820px;
  
}

}



html body a:hover {
  
  text-decoration: none;
  
  /*color: #000000 !important;*/
  
}



#Totop {
  
  overflow-x: hidden;
  
}





/* site-map */



#site-map {
  
  /*background: #e5e6e8;*/
  
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  
  padding: 30px 55px;
  
  width: 100%;
  
  margin: 20px auto;
  
}



#site-map .site-title-en {
  
  font-size: 20px;
  
  color: #444444;
  
  font-weight: bold;
  
  margin-bottom: 10px;
  
}



#site-map .site-title-cn {
  
  font-size: 15px;
  
  color: #2b2b2b;
  
  font-weight: bold;
  
  margin-bottom: 10px;
  
}



#site-map .site-hr {
  
  width: 60px;
  
  height: 2px;
  
  background: #2b2b2b;
  
  margin-bottom: 20px;
  
}



#site-map .site-list {
  
  color: #666666;
  
  font-size: 15px;
  
  margin-left: -20px;
  
}



#site-map .site-list li {
  
  margin-bottom: 25px;
  
}



#site-map .site-list li a {
  
  font-size: 12px;
  
  color: #666;
  
  border-right: 1px solid #989898;
  
  padding: 0 6px;
  
}



#site-map .site-list-title {
  
  width: 100%;
  
  float: left;
  
  font-size: 15px;
  
  font-weight: bold;
  
  margin-bottom: 10px;
  
  margin-top: 5px;
  
}



#site-map .site-list-title a {
  
  text-decoration: none;
  
  color: #2b2b2b;
  
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  
}



#site-map .site-list-a {
  
  float: left;
  
  padding-left: 14px;
  
  line-height: 25px;
  
  margin-top: 5px;
  
}



#site-map .site-list-a a:last-child {
  
  border-right: none;
  
}



#site-map .site-list-a a {
  
  text-decoration: none;
  
  color: #2b2b2b;
  
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  
}



#site-map .site-intro {
  
  width: 100%;
  
  height: 85px;
  
  background: #FFFFFF;
  
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  
  color: #aaaaaa;
  
  font-size: 15px;
  
  padding: 20px 50px;
  
}



#site-map .site-intro img {
  
  vertical-align: text-bottom;
  
  margin-right: 5px;
  
}



.container .scientific .scientific-content .scientific-item .scientific-cover {
  
  opacity: 0 !important;
  
}



.container .scientific .scientific-content .scientific-item:hover .scientific-cover {
  
  opacity: 1 !important;
  
}



.container .scientific .scientific-content .scientific-item:hover .scientific-block {
  
  display: none !important;
  
}



.container .scientific .scientific-content .scientific-item:hover a h1 {
  
  width: 90% !important;
  
}



#cboxTitle {
  
  display: none !important;
  
}



.projectCase .model-title .model-title-content .seeByType {
  
  display: none;
  
}



.projectCase .seeByType-container .triangle_border_up {
  
  display: none;
  
}



.projectCase .seeByType-container {
  
  background-color: transparent;
  
}



body .container .navBar .navBar-Container .language-map .about img.svg,

body .container .navBar .navBar-Container .language-map .about svg,

body .container .navBar .navBar-Container .language-map .language img.svg,

body .container .navBar .navBar-Container .language-map .language svg {
  
  fill: #8f8f8f !important;
  
}



body .container .navBar .navBar-Container .language-map .about:hover img.svg,

.container .navBar .navBar-Container .language-map .language:hover img.svg,

body .container .navBar .navBar-Container .language-map .about:hover svg,

.container .navBar .navBar-Container .language-map .language:hover svg {
  
  fill: #0067b8 !important;
  
}





/**/



.swiper-container-projectCase-content {
  
  position: relative;
  
  padding-bottom: 30px;
  
}



.swiper-container-projectCase-content.swiper-container-horizontal>.swiper-pagination-bullets {
  
  bottom: 0px;
  
}



.container .projectCase .projectCase-content {
  
  padding-top: 0px;
  
}



.container .projectCase .projectCase-content ul {
  
  -webkit-box-pack: start;
  
  -moz-justify-content: start;
  
  justify-content: start;
  
  flex-wrap: wrap;
  
  margin-top: 0;
  
}



.container .projectCase .projectCase-content ul li {
  
  width: calc((100% - 60px) / 5);
  
  margin-left: 15px;
  
  margin-top: 15px;
  
}



.container .projectCase .projectCase-content ul li:nth-of-type(5n+1) {
  
  margin-left: 0;
  
}



.container .projectCase .projectCase-content ul li .projectCase-img {
  
  width: 100%;
  
  overflow: hidden;
  
}



.container .projectCase .projectCase-content ul li .projectCase-img img {
  
  width: 100%;
  
  transform: scale(1, 1);
  
  transition-duration: 0.5s;
  
}



.container .projectCase .projectCase-content ul li .projectCase-img:hover img {
  
  transform: scale(1.1, 1.1);
  
  transition-duration: 0.5s;
  
}



.container .projectCase .projectCase-content ul li .projectCase-info {
  
  background-color: #f5f6f7;
  
  padding: 10px 15px;
  
  height: auto;
  
}



.container .projectCase .projectCase-content ul li .projectCase-info p {
  
  overflow: hidden;
  
  white-space: nowrap;
  
  text-overflow: ellipsis;
  
  font-size: 14px;
  
  color: #999999;
  
  margin: 0;
  
}



.container .projectCase .projectCase-content ul li .projectCase-info h1 {
  
  overflow: hidden;
  
  white-space: nowrap;
  
  text-overflow: ellipsis;
  
  font-size: 17px;
  
  color: #000000;
  
  margin-top: 5px;
  
  width: auto;
  
}



.container .projectCase .projectCase-content ul li .projectCase-info:hover p,

.container .projectCase .projectCase-content ul li .projectCase-info:hover h1 {
  
  color: #0067b8;
  
}



.container .projectCase {
  
  padding-top: 30px;
  
}



.projectCase .products-menues .channelPage-menu {
  
  padding-top: 40px;
  
}



.projectCase .products-menues .channelPage-menu .item {
  
  display: inline-block;
  
  padding: 3px 0;
  
  width: 120px;
  
  border: 1px solid #EEEEEE;
  
  overflow: hidden;
  
  border-radius: 15px;
  
  margin-left: 15px;
  
  margin-right: 15px;
  
  text-align: center;
  
}



.projectCase .products-menues .channelPage-menu .item a p.text {
  
  margin: 0;
  
  padding: 0;
  
  color: #000000;
  
  font-size: 16px;
  
}



.projectCase .products-menues .channelPage-menu .item a p.icon {
  
  display: none;
  
}



.projectCase .products-menues .channelPage-menu .active a p.text {
  
  color: #0067b8;
  
}



.projectCase .products-menues .channelPage-menu .item:hover {
  
  border-color: #0067b8;
  
}



.projectCase .products-menues .channelPage-menu .item:hover a p.text {
  
  color: #0067b8;
  
}



.projectCase .model-title {
  
  height: 80px;
  
}





/*mu-portfolio*/



#mu-portfolio .mu-simplefilter {
  
  padding-top: 40px;
  
  -webkit-box-align: center;
  
  -moz-align-items: center;
  
  -webkit-align-items: center;
  
  align-items: center;
  
  -webkit-box-pack: center;
  
  -moz-justify-content: center;
  
  -webkit-justify-content: center;
  
  justify-content: center;
  
  display: -webkit-box;
  
  display: -moz-box;
  
  display: -ms-flexbox;
  
  display: -webkit-flex;
  
  display: flex;
  
}



#mu-portfolio .mu-simplefilter li {
  
  display: inline-block;
  
  padding: 3px 10px;
  
  min-width: 100px;
  
  background-color: #ffffff;
  
  border: 1px solid #2b2b2b;
  
  overflow: hidden;
  
  border-radius: 15px;
  
  margin-left: 15px;
  
  margin-right: 15px;
  
  font-size: 18px;
  
  text-align: center;
  
  cursor: pointer;
  
}



#mu-portfolio .mu-simplefilter li:hover {
  
  border-color: #0067b8;
  
  color: #0067b8;
  
}



#mu-portfolio .mu-simplefilter li.active {
  
  color: #0067b8;
  
  border: 1px solid #0067b8;
  
}



#mu-portfolio .mu-portfolio-content .filtr-container {
  
  margin-top: 45px;
  
  padding-left: 8px;
  
  padding-right: 8px;
  
}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item {
  
  width: calc(100% / 5);
  
  padding: 8px;
  
  float: left;
  
}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .cover-img {
  
  overflow: hidden;
  
  position: relative;
  
}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .bg {
  
  position: absolute;
  
  top: 0;
  
  left: 0;
  
  width: 100%;
  
  height: 100%;
  
  background-color: rgba(0, 0, 0, 0.65);
  
  opacity: 0;
  
  transition: opacity 1s;
  
  padding: 15px;
  
}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .bg .zan {
  
  margin: 5px 0 0 0;
  
  padding: 0;
  
  color: #ffffff;
  
  width: 100%;
  
}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .cover-img img {
  
  transform: scale(1, 1);
  
  transition-duration: 0.5s;
  
  width: 100%;
  
}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .cover-img:hover img {
  
  transform: scale(1.1, 1.1);
  
  transition-duration: 0.5s;
  
}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .cover-img:hover .bg {
  
  opacity: 1;
  
  transition: opacity 1s;
  
}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .cover-img:hover .bg .zan span {
  
  color: #FFFFFF;
  
}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .mu-filter-item-content {
  
  background-color: #f7f8f9;
  
  padding: 8px 0;
  
}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .mu-filter-item-content p {
  
  overflow: hidden;
  
  white-space: nowrap;
  
  text-overflow: ellipsis;
  
  font-size: 14px;
  
  color: #999999;
  
  text-indent: 1rem;
  
}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .mu-filter-item-content h1 {
  
  text-indent: 1rem;
  
  overflow: hidden;
  
  white-space: nowrap;
  
  text-overflow: ellipsis;
  
  font-size: 16px;
  
  color: #000000;
  
  margin-top: 5px;
  
}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .mu-filter-item-content:hover h1,

#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .mu-filter-item-content:hover p {
  
  color: #0067b8 !important;
  
}



#mu-portfolio .swiper-container-projectCase-content {
  
  margin-top: 45px;
  
}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul {
  
  flex-wrap: wrap;
  
}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li {
  
  width: calc((100% - 60px) / 5);
  
  margin-left: 15px;
  
  margin-top: 15px;
  
}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li:nth-of-type(5n+1) {
  
  margin-left: 0;
  
}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-img {
  
  overflow: hidden;
  
  position: relative;
  
}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-img img {
  
  transform: scale(1, 1);
  
  transition-duration: 0.5s;
  
  width: 100%;
  
}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-img .bg {
  
  position: absolute;
  
  top: 0;
  
  left: 0;
  
  width: 100%;
  
  height: 100%;
  
  background-color: rgba(0, 0, 0, 0.65);
  
  opacity: 0;
  
  transition: opacity 1s;
  
  padding: 15px;
  
}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-img .bg .zan {
  
  margin: 5px 0 0 0;
  
  padding: 0;
  
  color: #ffffff;
  
  width: 100%;
  
}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-img:hover img {
  
  transform: scale(1.1, 1.1);
  
  transition-duration: 0.5s;
  
}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-img:hover .bg {
  
  opacity: 1;
  
  transition: opacity 1s;
  
}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-img:hover .bg .zan span {
  
  color: #FFFFFF;
  
}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-info {
  
  background-color: #f7f8f9;
  
  padding: 20px 0;
  
}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-info a p {
  
  overflow: hidden;
  
  white-space: nowrap;
  
  text-overflow: ellipsis;
  
  font-size: 14px;
  
  color: #999999;
  
  text-indent: 1rem;
  
}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-info a h1 {
  
  text-indent: 1rem;
  
  overflow: hidden;
  
  white-space: nowrap;
  
  text-overflow: ellipsis;
  
  font-size: 17px;
  
  font-weight: bolder;
  
  color: #000000;
  
  margin-top: 5px;
  
}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-info:hover a p,

#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-info:hover a h1 {
  
  color: #0067b8;
  
}
.ssss{
  justify-content:flex-start !important;
}