/*entry*/
.entry img {
  height: auto!important;
}
.entry ul,
.entry ol {
  margin-left: 2em;
}
.entry ul li {
  list-style: outside disc none;
}
.entry ol li {
  list-style: outside decimal none;
}
.entry h1 {
  font-size: 1.5em;
}
.entry h2 {
  font-size: 1.25em;
}
.entry h3 {
  font-size: 1.125em;
}
.entry h4 {
  font-size: 1em;
}
.entry h5 {
  font-size: 0.875em;
}
.entry h6 {
  font-size: 0.75em;
}
.entry blockquote {
  margin: 0 2em;
  font-style: italic;
  opacity: 0.95;
  padding: 1em;
  border: 1px solid #e8e8e8;
  background-color: #f9f9f9;
}
.entry hr {
  border: none;
  clear: both;
  border-bottom: 1px solid #e6e6e6;
}
/*flexbox*/
.flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
}
/*header*/
#header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 8;
  background-color: rgba(0, 0, 0, 0.4);
}
#header .inner {
  display: table;
  table-layout: fixed;
  position: relative;
}
/*logo*/
#logo {
  width: 20.6875em;
  font-size: 1em;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  z-index: 10;
}
#logo a {
  display: block;
  overflow: hidden;
  padding-bottom: 19.63746224%;
  position: relative;
  background: no-repeat left center;
  background-size: contain;
}
#logo i {
  position: absolute;
  width: 100%;
  height: 100%;
  text-indent: -99999em;
  display: block;
  overflow: hidden;
}
/*button*/
#button {
  display: table-cell;
  vertical-align: middle;
  width:16.5em;
  padding-left: 1.875em;
  position: relative;
}
#button:before {
  width: 1px;
  height: 1.5em;
  background-color: rgba(255, 255, 255, 0.2);
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#button .box {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
}
#button .lixm{ background:#009aec; font-size: 0.875em; color:#fff; padding: 0 10px; border-radius: 5px;}
#button .lixm a{ color:#fff;}
@media(max-width:640px){
#button .lixm{ font-size:0.7em;}
}
/*navbtn*/
#navbtn {
  display: none;
}
/*mall*/
#mall a {
  background-color: rgba(0, 154, 236, 0.9);
  color: #fff;
  font-size: 0.875em;
  width: 8.42857143em;
  height: 2.57142857em;
  line-height: 2.57142857em;
  text-align: center;
  display: block;
  overflow: hidden;
  border-radius: 1.28571429em;
}
#mall a:hover {
  background-color: #009aec;
}
#mall i {
  display: inline-block;
  font-style: normal;
  background: url(../images/icon_mall@2x.png) no-repeat left center;
  background-size: auto 1.42857143em;
  padding-left: 2.14285714em;
}
/*search*/
#search span {
  width: 2.25em;
  height: 2.25em;
  border-radius: 50%;
  background: rgba(0, 154, 236, 0.9) url(../images/icon_search.svg) no-repeat center center;
  background-size: auto 1em;
  cursor: pointer;
  display: block;
  overflow: hidden;
}
#search .input {
  background-color: #009aec;
  position: absolute;
  right: 0;
  top: 100%;
  border-radius: 1.375em;
  width: 0;
  opacity: 0;
  z-index: 8;
  transition: all 0.2s linear 0s;
  overflow: hidden;
}
#search .text {
  display: block;
  width: 100%;
  height: 2.75em;
  line-height: 1.5em;
  padding: 0.625em 1em;
  color: #fff;
}
#search .go {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 2.75em;
  cursor: pointer;
  background: url(../images/icon_search.svg) no-repeat center center;
  background-size: 1em auto;
}
#search.active .input {
  opacity: 1;
  width: 18.75em;
  padding-right: 2.75em;
}
/*navi*/
#navi {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.0625em;
  line-height: 2em;
  text-transform: uppercase;
}
#navi .menu {
  align-items: center;
  justify-content: space-around;
  padding: 0 1.83066362%;
}
#navi .parent {
  position: relative;
}
#navi .parent > a {
  padding: 2.52941176em 0;
  color: #fff;
  display: block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#navi .parent > a:after {
  height: 0.23529412em;
  background-color: #fff;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  transition: all 0.3s;
}
#navi .static {
  position: static;
}
#navi .current > a:after,
#navi .on > a:after {
  opacity: 1;
}
#navi .drop {
  position: absolute;
  top: 100%;
  z-index: 5;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  min-width: 100%;
}
#navi .sub {
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
}
#navi .sub a {
  padding: 0.5em 1.5em;
  display: block;
  white-space: nowrap;
  color: #fff;
}
#navi .sub a:hover {
  background-color: #009aec;
}
#navi em {
  display: none;
}
.navtab {
  width: 100vw;
  background-color: #f9f9f9;
}
.navtab .tab {
  width: 18.57142857%;
  background-color: #f1f1f1;
  font-size: 1.05882353em;
  text-align: center;
  padding: 3.57142857% 0;
  display: table-cell;
  vertical-align: middle;
}
.navtab .tab span {
  display: block;
}
.navtab .tab .icon {
  width: 1.55555556em;
}
.navtab .tab i {
  font-style: normal;
  text-align: left;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
  display: block;
}
.navtab .tab i:nth-child(2) {
  display: none;
}
.navtab .tab .name {
  padding-left: 1.11111111em;
  width: 5.11111111em;
  text-align: left;
}
.navtab .tab a {
  color: #666;
  line-height: 3.33333333em;
  justify-content: center;
  align-items: center;
}
.navtab .tab .cur a {
  background-color: #009aec;
  color: #fff;
  position: relative;
}
.navtab .tab .cur a:after {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-left: 0.4em solid #009aec;
  border-top: 0.4em solid transparent;
  border-bottom: 0.4em solid transparent;
  content: '';
  display: block;
  position: absolute;
}
.navtab .tab .cur i:nth-child(1) {
  display: none;
}
.navtab .tab .cur i:nth-child(2) {
  display: block;
}
.navtab .list {
  background-color: #eaeaea;
  width: 44.64285714%;
  display: table-cell;
  vertical-align: top;
  font-size: 0.94117647em;
  line-height: 1.875em;
}
.navtab .list .item {
  display: none;
}
.navtab .list .item:first-child {
  display: block;
}
.navtab .list ul {
  justify-content: space-between;
  width: 81.6%;
  margin: 2em auto;
}
.navtab .list li {
  width: 14.0625em;
  border-bottom: 1px solid #dcdcdc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.75em 0;
}
.navtab .list .cur a {
  color: #009aec;
}
.navtab .intro {
  width: 36.78571429%;
  padding-left: 3.5%;
  display: table-cell;
  vertical-align: middle;
}
.navtab .intro .box,
.navtab .intro .item {
  display: none;
}
.navtab .intro .box:first-child,
.navtab .intro .item:first-child {
  display: block;
}
.navtab .intro .title {
  font-size: 1.29411765em;
  font-weight: normal;
  line-height: 1.35em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding-left: 1.13636364em;
  margin-bottom: 1em;
}
.navtab .intro .title:before {
  width: 0.18181818em;
  height: 0.90909091em;
  background-color: #009aec;
  border-radius: 0.09090909em;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.36363636em;
}
.navtab .intro .figure {
  margin-bottom: 0.70588235em;
}
.navtab .intro .img {
  padding-bottom: 39.91416309%;
}
.navtab .intro .excerpt {
  color: #888;
  font-size: 0.94117647em;
  line-height: 1.64705882em;
}
/*ftwrap*/
#ftwrap {
  background-color: #1c2731;
  position: relative;
  color: rgba(255, 255, 255, 0.5);
  border-top-right-radius: 20%;
  z-index: 2;
}
#ftwrap:before {
  background: url(../images/footer_bg_icon.png) no-repeat center bottom;
  background-size: contain;
  width: 15.72916667%;
  max-width: 18.875em;
  padding-bottom: 15.72916667%;
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 10.41666667%;
  opacity: 0.01;
}
#ftwrap a {
  color: rgba(255, 255, 255, 0.5);
}
#ftwrap a:hover {
  color: #fff;
}
/*toolbar*/
#toolbar {
  transform: translateY(50%);
  position: relative;
  z-index: 3;
}
#toolbar .inner {
  background-color: #009aec;
  position: relative;
  border-radius: 0 6.25em 6.25em 0;
  padding: 1.25em 0;
  align-items: center;
}
#toolbar .inner:before {
  width: 100%;
  height: 100%;
  background-color: #009aec;
  content: '';
  display: block;
  position: absolute;
  right: 100%;
  top: 0;
}
#toolbar .inner > div {
  position: relative;
  z-index: 2;
  height: 100%;
}
/*qualification*/
#qualification {
  padding-right: 8.57142857%;
  width: 48.57142857%;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
#qualification ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
}
#qualification img {
  display: block;
  height: auto;
  max-height: 3.4375em;
  width: auto;
}
/*hottel*/
#hottel {
  padding-left: 8.57142857%;
}
#hottel span {
  display: inline-block;
  vertical-align: middle;
}
#hottel .name {
  font-size: 1.125em;
  color: rgba(255, 255, 255, 0.8);
  background: url(../images/icon_tel.svg) no-repeat left center;
  background-size: auto 1.66666667em;
  line-height:2.5em;
  padding-left: 2.33333333em;
}
#hottel .tel {
  font-size: 2.5em;
  color: #fff;
  line-height: 1.125em;
  font-family: 'DIN';
  font-weight: 500;
}
#hottel .tel a {
  color: #fff;
}
/*footer*/
#footer {
  position: relative;
  z-index: 2;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 6em 0 3.4375em;
}
#footer .inner {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/*follow*/
#follow {
  width: 23%;
  padding-left: 6.42857143%;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
#follow ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#follow li {
  width: 45.68965517%;
  text-align: center;
  font-size: 0.875em;
  color: #fff;
  line-height: 2.28571429em;
}
#follow img {
  display: block;
  width: 100%;
}
/*menu*/
#menu {
  justify-content: space-between;
  width: 77%;
  padding-right: 6.42857143%;
}
#menu dt {
  font-size: 1.125em;
  color: #fff;
  line-height: 1.35em;
  margin-bottom: 1.5em;
}
#menu dt a {
  color: #fff;
  display: inline-block;
  position: relative;
}
#menu dt a:after {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 0.94444444em;
}
#menu dt a:hover {
  opacity: 0.6;
}
#menu dd {
  font-size: 0.9375em;
  line-height: 2.13333333em;
}
/*bottom*/
#bottom {
  position: relative;
  z-index: 2;
  padding: 1.3125em 0;
}
#bottom .inner {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#bottom a {
  display: inline-block;
}
/*pagelist*/
#pagelist li {
  padding-left: 2.0625em;
  position: relative;
}
#pagelist li:before {
  width: 1px;
  height: 0.9375em;
  background-color: rgba(255, 255, 255, 0.3);
  content: '';
  display: block;
  position: absolute;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
}
#pagelist li:first-child {
  padding-left: 0;
}
#pagelist li:first-child:before {
  display: none;
}
/*banner*/
#banner {
  padding-bottom:500px;
  background: no-repeat center center;
  background-size: cover;
  color: #fff;
  position: relative;
}
#banner .text {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  z-index: 2;
  transform: translateY(-50%);
  text-align: center;
  font-weight: bold;
  margin-top:30px;
  display:none;
}

#banner .text1{ display:block; font-weight:inherit;}
#banner .color1{ color:#009aec;}
#banner .introd{ text-align:left;}
#banner .introd .des{ margin-top:10px; color:#333; max-width:550px;}
#banner .introd .but{ margin-top:30px;}
#banner .introd .but a{ line-height:1.5; color:#fff; padding:8px 15px; background:#15a1ed; border-radius:100px; overflow: hidden;}

#banner .Detectmess{
  max-width:360px;
  float: right;
  padding:30px 35px;
  background:rgba(255,255,255,.85);
  border-radius:10px;
  box-shadow: 5px 5px 10px rgba(0,0,0,.2);
}
#banner .Detectmess h5{
  font-size:20px;
  margin-bottom:15px;
  color: #333;
}
#banner .Detectmess p{
  font-size:16px;
  line-height:30px;
  color: #555555;
  text-align: left;
}
#banner .Detectmess .btnBox{
  margin-top:30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#banner .Detectmess .btnBox .btn{
  width: 48%;
  text-align: center;
  border-radius:38px;
  color: #fff;
  font-size:16px;
  background:#18a3ed;
  position: relative;
  top: 0;
  transition:.3s;
  padding:8px 0;
  box-shadow: 3px 3px 5px rgba(0,0,0,.2);
}
#banner .Detectmess .btnBox .btn:hover{
  top: -3px;
}
#banner .Detectmess .btnBox .btn.openMess{
  background:#e6902a;
}

/*bar*/
#bar {
  border-bottom: 1px solid rgba(198, 218, 234, 0.8);
}
#bar .inner {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
}
/*submenu*/
#submenu li {
  font-size: 1.0625em;
  position: relative;
  margin-right: 3em;
  line-height: 2em;
  padding: 1.29411765em 0;
}
#submenu li:last-child {
  margin-right: 0;
}
#submenu li:after {
  width: 0;
  height: 3px;
  background-color: #009aec;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -2px;
}
#submenu a {
  color: #666;
  display: block;
}
#submenu a:hover {
  color: #009aec;
}
#submenu .current:after {
  width: 100%;
}
#submenu .current a {
  color: #009aec;
}
/*breadcrumb*/
#breadcrumb {
  font-size: 0.9375em;
  color: #999;
  line-height: 2em;
  padding: 1em 0;
}
#breadcrumb a,
#breadcrumb i,
#breadcrumb span {
  display: inline-block;
  vertical-align: middle;
  color: #009aec;
}
#breadcrumb a {
  color: #999;
}
#breadcrumb a:first-child {
  background: url(../images/icon_home.png) no-repeat left 0.6em;
  background-size: auto 0.8em;
  padding-left: 1.46666667em;
}
#breadcrumb a:hover {
  color: #009aec;
}
#breadcrumb i {
  width: 0.26666667em;
  height: 0.46666667em;
  background: url(../images/arrow_01.png) no-repeat center center;
  background-size: contain;
  font-style: normal;
  margin: 0 0.66666667em;
}
/*wrapper*/
#wrapper {
  position: relative;
  min-height: 36.75em;
  padding: 5.20833333% 0;
}
#wrapper.npd {
  padding: 0;
}
#wrapper:after {
  width: 100%;
  padding-bottom: 27.39583333%;
  background: url(../images/wrapper_bg.png) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -6.7%;
  opacity: 0.9;
}
#wrapper .inner {
  position: relative;
  z-index: 2;
}
/*readmore*/
.readmore .go {
  width: 3.25em;
  border-radius: 50%;
  border: 1px solid #009aec;
  display: block;
  overflow: hidden;
}
.readmore .go:hover {
  background-color: #009aec;
}
.readmore .go:hover i {
  background-image: url(../images/arrow_02_white.svg);
}
.readmore i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: url(../images/arrow_02.svg) no-repeat center center;
  background-size: 48% auto;
}
/*newstop*/
#newstop {
  background-color: #f9f9f9;
  border-radius: 0.625em;
}
#newstop .figure {
  width: 38.57142857%;
}
#newstop .figure a {
  overflow: hidden;
  border-radius: 0.625em;
}
#newstop .figure a:hover .img {
  transform: scale(1.1);
}
#newstop .img {
  padding-bottom: 64.81481481%;
}
#newstop .text {
  width: 61.42857143%;
  padding: 2.5% 4.85714286%;
}
#newstop .title {
  font-weight: normal;
  margin-bottom: 2.76243094%;
}
#newstop .date {
  color: #009aec;
  background: url(../images/icon_clock.svg) no-repeat left center;
  background-size: auto 1.125em;
  padding-left: 1.625em;
  margin-bottom: 1.93370166%;
}
#newstop .excerpt {
  line-height: 2em;
  height: 4em;
  -webkit-line-clamp: 2;
  color: #888;
  margin-bottom: 6.90607735%;
}
#newstop .go {
  width: 7.18232044%;
}
#newstop .swiper-pagination {
  position: absolute;
  bottom: 0;
  right: 4.85714286%;
  left: auto;
  text-align: right;
  color: #ccc;
  font-family: 'Arial';
  margin-bottom: 4.571%;
}
#newstop .swiper-pagination span {
  display: inline-block;
  margin-left: 1.78571429%;
  cursor: pointer;
}
#newstop .swiper-pagination .current {
  color: #009aec;
}
/*newslist*/
#newslist {
  margin-bottom: 3.92857143%;
}
/*newsitem*/
.newsitem {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 3.57142857% 0;
  border-bottom: 1px solid #f1f1f1;
}
.newsitem .td {
  display: table-cell;
  vertical-align: middle;
}
.newsitem .figure {
  width: 15.875em;
}
.newsitem .figure a {
  border-radius: 0.625em;
  overflow: hidden;
}
.newsitem .figure a:hover .img {
  transform: scale(1.1);
}
.newsitem .img {
  padding-bottom: 64.96062992%;
}
.newsitem .readmore {
  width: 3.25em;
}
.newsitem .text {
  padding: 0 18.21428571% 0 2.85714286%;
}
.newsitem .title {
  font-size: 1.375em;
  line-height: 1.35em;
  font-weight: normal;
  margin-bottom: 0.90909091em;
}
.newsitem .date {
  color: #009aec;
  background: url(../images/icon_clock.svg) no-repeat left center;
  background-size: auto 1.125em;
  padding-left: 1.625em;
  margin-bottom: 0.8125em;
}
.newsitem .excerpt {
  line-height: 2em;
  height: 4em;
  -webkit-line-clamp: 2;
  color: #888;
  display:none;
}
/*pagenavi*/
#pagenavi {
  justify-content: center;
}
#pagenavi a {
  display: block;
  margin: 0.3125em;
  color: #bbb;
  border: 1px solid #eee;
  border-radius: 0.3125em;
  height: 3em;
  line-height: 2.8125em;
  min-width: 3em;
  text-align: center;
  padding: 0 0.3125em;
  position: relative;
  background-color: #fff;
}
#pagenavi a:hover {
  border-color: #009aec;
  color: #009aec;
}
#pagenavi .a_cur {
  color: #fff;
  background-color: #009aec;
  border-color: #009aec;
}
#pagenavi .a_cur:hover {
  color: #fff;
}
#pagenavi .a_arrow {
  background: #fff no-repeat center center;
  background-size: 14.58333333% auto;
}
#pagenavi .a_prev {
  background-image: url(../images/arrow_03.svg);
}
#pagenavi .a_next {
  background-image: url(../images/arrow_04.svg);
}
#pagenavi .p_jump{
    display: flex;
    align-items: center;
    font-size:14px;
}
#pagenavi .p_jump .f1{
    font-weight:normal;
}
#pagenavi .p_jump .i_text{
    width: 70px;
    height: 35px;
    border: 1px solid #e5e5e5;
    text-align: center;
    margin: 0 5px;
    border-radius:0.3125em;
}
#pagenavi .p_jump .i_button{
    background: #ebebeb;
    width: 60px;
    padding: 0;
    cursor: pointer;
    border: none;
    margin-left: 5px;
    color: #888;
    height: 35px;
    font-size:14px;
    border-radius:0.3125em;
    transition:.3s;
}
#pagenavi .p_jump .i_button:hover{
    background-color: #009aec;
    color:#fff;
}
#pagenavi .p_jump .f2{
    font-weight:normal;
}
#pagenavi .p_count{
    display: flex;
    align-items: center;
    padding-left:5px;
    margin-right:5px;
    font-size:14px;
}
/*posttitle*/
#posttitle {
  text-align: center;
  color: #333;
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.5em;
  margin-bottom: 0.54166667em;
}
/*postmeta*/
#postmeta {
  text-align: center;
  color: #999;
  font-size: 0.875em;
  border-bottom: 1px solid rgba(234, 234, 234, 0.8);
  padding-bottom: 1.35714286%;
  margin-bottom: 3.57142857%;
}
#postmeta span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.57142857em;
  background: no-repeat left center;
  background-size: 1em auto;
  padding-left: 1.57142857em;
}
#postmeta .date {
  background-image: url(../images/icon_clock_02.png);
}
/*postnavi*/
#postnavi {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid rgba(234, 234, 234, 0.8);
  color: #999;
  padding: 2.35714286% 0;
  margin-bottom: 4.28571429%;
}
#postnavi > div {
  max-width: 47%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#postnavi a {
  color: #999;
}
#postnavi a:hover {
  color: #009aec;
}
/*backlist*/
#backlist a {
  display: block;
  overflow: hidden;
  font-size: 1.125em;
  color: #009aec;
  border: 1px solid #009aec;
  width: 7.22222222em;
  height: 2.44444444em;
  border-radius: 1.11111111em;
  margin: 0 auto;
  text-align: center;
  line-height: 2.22222222em;
}
#backlist a:hover {
  background-color: #009aec;
  color: #fff;
}
/*details*/
#details .entry {
  padding-bottom: 6.78571429%;color:#333;
  border-bottom: 1px solid rgba(234, 234, 234, 0.8);
}
/*columnname*/
.columnname {
  text-align: center;
  line-height: 1.35em;
  color: #333;
  margin-bottom: 1.17647059em;
}
.columnname:after {
  width: 1.23529412em;
  height: 0.11764706em;
  background-color: #009aec;
  border-radius: 0.05882353em;
  display: block;
  content: '';
  margin: 0.52941176em auto 0;
}
/*columnintro*/
.columnintro {
  color: #555;
  margin: 0 auto 4.5%;
  max-width: 1050px;
  text-align: center;
}
/*notary*/
#notary {
  position: relative;
  min-height: 36.75em;
  padding: 5.20833333% 0;
}
#notary:after {
  width: 100%;
  padding-bottom: 68.28125%;
  background: url(../images/notary_bg.jpg) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -10%;
  opacity: 0.9;
}
#notary .inner {
  position: relative;
  z-index: 2;
}
#notary .swiper{ width:65%; margin:0 auto; position:relative;}
#notary .item{ padding:2em;}
#notary img {
  display: block;
  margin: 0 auto;
  border: 1px solid #eaeaea;
  box-shadow: 0.25em 0.25em 1.875em rgba(6, 0, 1, 0.26);
}
#notary .swiper-button-prev,
#notary .swiper-button-next{ background-color:#ffffff; box-shadow:0px 20px 40px 0px rgba(33, 58, 143, 0.1); width:50px; height:50px; color:#009aec; border-radius:50%; overflow:hidden;}
#notary .swiper-button-prev{ left:0;}
#notary .swiper-button-next{ right:0;}
#notary .swiper-button-prev:after,
#notary .swiper-button-next:after{font-size:12px; font-weight:bold; margin-top:0.1em;}
#notary .swiper-button-prev:hover,
#notary .swiper-button-next:hover{background-color: #009aec;color: #fff;}
/*culture*/
#culture .box {
  position: relative;
}
#culture .list {
  width: 101.42857143%;
}
#culture .item {
  width: 50%;
  padding-right: 1.4084507%;
  padding-bottom: 1.4084507%;
}
#culture .item:nth-child(1) .info {
  border-top-left-radius: 1.25em;
}
#culture .item:nth-child(2) .info {
  border-top-right-radius: 1.25em;
}
#culture .item:nth-child(3) .info {
  border-bottom-left-radius: 1.25em;
}
#culture .item:nth-child(4) .info {
  border-bottom-right-radius: 1.25em;
}
#culture .info {
  background: no-repeat center center;
  background-size: cover;
  padding-bottom: 50.72463768%;
  color: #fff;
  text-align: center;
  position: relative;
  overflow: hidden;
}
#culture .info:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(2, 65, 99, 0.4);
}
#culture .text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5%;
  width: 90%;
  font-size: 1.5em;
}
#culture .name,
#culture .intro {
  font-size: 1em;
  line-height: 1.25em;
}
#culture .icon {
  width: 1.875em;
  margin: 0 auto 2.25442834%;
}
#culture .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}
#culture .name {
  font-weight: normal;
  margin-bottom: 2.57648953%;
}
#culture .intro {
  font-weight: bold;
}
#culture .logo {
  width: 15.14285714%;
  padding: 1.28571429%;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-left: -7.57142857%;
  transform: translateY(-50%);
  margin-top: -0.71428571%;
}
#culture .logo:before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  transform: scale(1.17);
  content: '';
  display: block;
  position: absolute;
  box-sizing: border-box;
}
#culture .logo i {
  padding-bottom: 100%;
  border-radius: 50%;
  display: block;
  overflow: hidden;
  background: rgba(0, 154, 236, 0.1) url(../images/logo_01.png) no-repeat center center;
  background-size: 29.54545455% auto;
}
.msgform {
  color: #333;
}
.msgform .item {
  margin-bottom: 2.85714286%;
}
.msgform .label {
  display: block;
  position: relative;
  padding-left: 1.66666667em;
  margin-bottom: 0.77777778em;
  font-size: 1.125em;
  line-height: 1.66666667em;
}
.msgform .label:before {
  background-color: #009aec;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.55555556em;
  height: 0.55555556em;
}
.msgform .input {
  position: relative;
}
.msgform .input i {
  font-style: normal;
  color: #f00;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.25em;
}
.msgform .text {
  background-color: #f6f6f6;
  display: block;
  width: 100%;
  border-radius: 5px;
  height: 4.375em;
  line-height: 1.875em;
  padding: 1.25em 1.875em;
  color: #555;
}
.msgform textarea.text {
  height: 150px;
}
.msgform .column {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.msgform .column .item {
  width: 31.14285714%;
}
.msgform .button {
  margin-top: 1.42857143%;
}
.msgform .submit {
  display: block;
  margin: 0 auto;
  font-size: 1.125em;
  background-color: #009aec;
  color: #fff;
  width: 11.11111111em;
  height: 3.33333333em;
  border-radius: 5px;
}
/*test*/
#test ul {
  max-width: 640px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto;
}
#test li {
  font-size: 1.125em;
  width: 46.875%;
  padding-bottom: 6.25%;
}
#test span {
  display: block;
  padding-left: 1.88888889em;
  position: relative;
  padding-right: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#test span:after {
  width: 0.88888889em;
  height: 1em;
  background: url(../images/arrow_05.svg) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
#test i {
  width: 1.22222222em;
  height: 1.33333333em;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  overflow: hidden;
  background: no-repeat center center;
  background-size: contain;
}
#test a {
  display: block;
  overflow: hidden;
  border: 1px solid #009aec;
  padding: 0 1.66666667em;
  border-radius: 0.55555556em;
  height: 3.66666667em;
  line-height: 3.66666667em;
  color: #009aec;
  transition: all 0.3s;
}
#test a:hover {
  transform: translateY(-10px);
}
#test .g a {
  background-color: #009aec;
  color: #fff;
}
#test .s span:after {
  background-image: url(../images/arrow_06.svg);
}
/*headquarter*/
.headquarter {
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: #f8f8f8;
  border-bottom-left-radius: 0.625em;
  margin-bottom: 2.85714286%;
  overflow:hidden;
}
.headquarter .figure {
  width: 57.14285714%;
  display: table-cell;
  vertical-align: middle;
  background: no-repeat center center;
  background-size: cover;
  transition:.3s;
}
.headquarter:hover .figure{transform:scale(1.1);}
.headquarter .text {
  display: table-cell;
  vertical-align: middle;
  padding: 3.92857143%;
  border-top: 0.3125em solid #009aec;
}
.headquarter .title {
  color: #009aec;
  margin-bottom: 5.10204082%;
}
.headquarter li {
  padding: 0.88888889em 0 0.88888889em 2.22222222em;
  font-size: 1.125em;
  color: #555;
  line-height: 1.5em;
  border-bottom: 1px solid rgba(0, 125, 190, 0.1);
  background: no-repeat left 1em;
  background-size: auto 1.27777778em;
}
.headquarter .name {
  background-image: url(../images/icon_name.png);
}
.headquarter .phone {
  background-image: url(../images/icon_phone.png);
}
.headquarter .mail {
  background-image: url(../images/icon_mail.png);
}
.headquarter .site {
  background-image: url(../images/icon_site.png);
}
.headquarter .addr {
  background-image: url(../images/icon_addr.png);
}
.headquarter .span {
  color: #999;
  font-size: 0.77777778em;
  line-height: 1.35em;
  margin-bottom: 0.28571429em;
}
/*company*/
#company {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#company .item {
  width: 48.57142857%;
  padding-bottom: 2.85714286%;
}
#company .box {
  background: #f8f8f8 no-repeat right bottom;
  background-size: auto 14.375em;
  padding: 5.88235294% 0 6.61764706%;
  border-radius: 0.625em;
  overflow: hidden;
  position: relative;
  height: 100%;
  transition:.3s;
}
#company .item:hover .box{
    background-color:#fff;
    box-shadow: 0 0 1.2em rgba(0,0,0,.2);
}
#company .title {
  font-size: 1.375em;
  font-weight: normal;
  padding: 0 5.14705882%;
  color: #333;
  line-height: 1.5em;
  position: relative;
  margin-bottom: 3.23529412%;
}
#company .title:before {
  width: 0.22727273em;
  height: 0.90909091em;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #009aec;
}
#company .info {
  color: #555;
  line-height: 2.5em;
  margin: 0 5.14705882%;
  border-top: 1px solid rgba(0, 125, 190, 0.1);
  padding-top: 3.23529412%;
}
/*category*/
#category {
  margin-bottom: 4.28571429%;
}
#category ul {
  justify-content: center;
}
#category li {
  padding: 0 0.71428571% 0.71428571%;
}
#category a {
  display: block;
  overflow: hidden;
  background-color: #f7f7f7;
  line-height: 2.75em;
  border-radius: 1.375em;
  color: #888;
  padding: 0 1em;
  min-width: 7.5em;
  text-align: center;
}
#category a:hover,
#category .current a {
  background-color: #009aec;
  color: #fff;
  box-shadow: 0px 1.25em 2.5em rgba(33, 58, 143, 0.1);
}
/*searchJob*/
#searchJob {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25em;
}
#searchJob .welcome {
  position: relative;
  line-height: 1.25em;
  padding-left: 0.83333333em;
}
#searchJob .welcome:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  color: #333;
  top: 0;
  height: 1.25em;
  width: 0.20833333em;
  border-radius: 0.10416667em;
  background-color: #007dbe;
}
#searchJob .form {
  border: 1px solid #eaeaea;
  position: relative;
  border-radius: 1.5625em;
  padding-right: 3em;
  width: 17.5em;
}
#searchJob .text {
  height: 3em;
  line-height: 2em;
  padding: 0.5em 1.25em;
  color: #555;
  display: block;
  width: 100%;
}
#searchJob button {
  display: block;
  height: 100%;
  width: 3em;
  background: url(../images/icon_search_blue.svg) no-repeat center center;
  background-size: 1em auto;
  position: absolute;
  right: 0;
  top: 0;
}
/*joblist*/
#joblist {
  margin-bottom: 4.28571429%;
}
#joblist .meta {
  display: table;
  table-layout: fixed;
  width: 100%;
  line-height: 1.35em;
  padding-left: 5%;
  padding-right: 5%;
  text-align: center;
}
#joblist .meta span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 2%;
}
#joblist .meta .name {
  text-align: left;
  padding: 0;
}
#joblist .meta .dept {
  width: 17.46031746%;
}
#joblist .meta .city {
  width: 23.80952381%;
}
#joblist .meta .date {
  width: 21.42857143%;
}
#joblist .meta .more {
  width: 4em;
  padding: 0;
}
/*jobmeta*/
#jobmeta {
  background-color: #009aec;
  color: #fff;
  border-radius: 0.27777778em;
  padding-top: 1.28571429%;
  padding-bottom: 1.28571429%;
  font-size: 1.125em;
}
/*jobitem*/
.jobitem .meta {
  border-bottom: 1px dashed #e4e4e4;
  padding-top: 1.5%;
  padding-bottom: 1.5%;
  color: #777;
  cursor: pointer;
}
.jobitem .meta .name,
.jobitem .meta .more {
  font-size: 1.125em;
  color: #333;
}
.jobitem .meta .more i {
  width: 0.94444444em;
  height: 0.94444444em;
  background: url(../images/arrow_07.png) no-repeat center center;
  background-size: contain;
  display: block;
  overflow: hidden;
  margin: 0 auto;
}
.jobitem .info {
  padding: 3.21428571% 5%;
  background-color: #f5f5f5;
  display: none;
}
.jobitem .content {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.jobitem .entry {
  display: table-cell;
  vertical-align: top;
  font-size: 0.9375em;
  line-height: 2.4em;
  border-right: 1px dashed #d4d4d4;
  padding-right: 10.31746032%;
}
.jobitem .entry h3 {
  font-size: 1.13333333em;
  position: relative;
  padding-left: 1.05882353em;
  color: #333;
  margin-bottom: 0.94117647em;
}
.jobitem .entry h3:before {
  width: 0.47058824em;
  height: 0.47058824em;
  background-color: #009aec;
  border-radius: 50%;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.82352941em;
}
.jobitem .send {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #333;
  width: 26.98412698%;
  overflow: hidden;
  padding-left: 2.38095238%;
}
.jobitem .send .box {
  float: right;
}
.jobitem .send .title {
  margin-bottom: 0.9375em;
}
.jobitem .send .mail {
  margin-bottom: 1.1875em;
}
.jobitem .send span {
  display: inline-block;
  padding-left: 1.88888889em;
  font-size: 1.125em;
  line-height: 1.66666667em;
  background: url(../images/icon_send.svg) no-repeat left 0.5em;
  background-size: 1.55555556em auto;
  padding-bottom: 0.16666667em;
}
.jobitem .send a {
  color: #009aec;
  display: inline-block;
  border-bottom: 1px solid #009aec;
  padding-bottom: 0.16666667em;
}
.jobitem .warning {
  font-size: 0.875em;
  color: #888;
}
.jobitem.current .meta .more i {
  background-image: url(../images/arrow_08.png);
}
/*singlepage*/
#singlepage .entry {
  color: #333;
  font-weight: 300;
}
#singlepage .entry h3 {
  font-size: 1.25em;
  position: relative;
  line-height: 1.5em;
  padding-left: 1em;
}
#singlepage .entry h3:before {
  width: 0.2em;
  height: 0.9em;
  background-color: #009aec;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.3em;
}
#singlepage .entry strong {
  font-weight: 500;
}
/*testing*/
#testing {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#testing .item {
  width: 49.16666667%;
  padding-bottom: 1.66666667%;
}
#testing .info {
  position: relative;
  height: 100%;
  text-align: center;
  padding: 8.98305085% 8% 10.16949153%;
  min-height: 25.1875em;
}
#testing .name {
  margin-bottom: 0.57692308em;
}
#testing .intro {
  line-height: 2.5em;
}
/*service*/
#service {
  font-weight: 300;
  color: #333;
  padding-left: 1.25em;
}
#service .entry {
  margin-bottom: 5.6779661%;
}
#service h3 {
  font-size: 1.25em;
  font-weight: 500;
  position: relative;
  line-height: 1.5em;
}
#service h3:before {
  width: 0.2em;
  height: 0.9em;
  background-color: #009aec;
  content: '';
  display: block;
  position: absolute;
  left: -1.25em;
  top: 0.3em;
}
#service strong {
  font-weight: 500;
}
#service .box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-top: 3.38983051%;
}
#service .qrcode {
  width: 10.75em;
}
#service .qrcode img {
  display: block;
  width: 100%;
  height: auto;
}
#service .text {
  padding-left: 3.38983051%;
}
#service .num {
  font-size: 1.875em;
  line-height: 1.5em;
  margin-bottom: 0.43333333em;
}
/*philosophy*/
#philosophy {
  position: relative;
  z-index: 2;
}
#philosophy .item {
  width: 25%;
  align-items: center;
  height: 41.66666667vw;
  text-align: center;
  color: #fff;
  position: relative;
  overflow:hidden;
}
#philosophy .item .imgBox{
    position:absolute;
    width:100%;
    height:100%;
    background: no-repeat center center;
    background-size: cover;
    top:0;
    left:0;
    transition:5s;
}
#philosophy .item:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(2, 65, 99, 0.3);
}
#philosophy .item:hover .info {
  transform: translateY(-10%);
}
#philosophy .item:hover .imgBox{
    transform:scale(1.1);
}
#philosophy .info {
  width: 100%;
  padding: 3.125%;
  position: relative;
  z-index: 2;
  transition: all 0.3s;
}
#philosophy .icon {
  width: 2.875em;
  margin: 0 auto 2em;
}
#philosophy .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}
#philosophy .name {
  margin-bottom: 1.00401606%;
}
/*boxname*/
.boxname {
  text-align: center;
  margin-bottom: 3.92857143%;
  color: #333;
}
.boxname.left {
  text-align: left;
}
/*poster*/
.poster {
  position: absolute;
  left: 0;
  top: 0;
  background: no-repeat center center;
  background-size: cover;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.poster:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.poster i {
  display: block;
  overflow: hidden;
  width: 4.5625em;
  padding-bottom: 4.5625em;
  background: no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -2.28125em 0 0 -2.28125em;
  cursor: pointer;
  transition: all 0.3s;
}
.poster i:hover {
  transform: scale(0.9);
}
.poster .play {
  background-image: url(../images/icon_play.svg);
}
/*aboutvideo*/
#aboutvideo {
  background: #f5f7f9 url(../images/wrapper_bg.png) no-repeat center bottom;
  background-size: 100% auto;
  padding: 4.6875% 0 11.97916667%;
  margin-bottom: -7.8125%;
}
#aboutvideo .video {
  position: relative;
  max-width:92%;
  margin:0 auto;
}
#aboutvideo video {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#aboutvideo .poster i {
  width: 5.21428571%;
  padding-bottom: 5.21428571%;
  margin: -2.60714286% 0 0 -2.60714286%;
}
#about {
  padding: 4.42708333% 0 6.77083333%;
}
/*aboutdata*/
#aboutdata ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#aboutdata li {
  color: #333;
}
#aboutdata .line {
  min-width: 0;
  width: 1px;
  background-color: #dedede;
  padding: 0;
  margin: 0;
}
#aboutdata .info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
#aboutdata .txt {
  line-height: 1.75em;
  padding-left: 0.75em;
}
#aboutdata span {
  font-size: 0.875em;
  color: #666;
  line-height: 1.5em;
}
#aboutdata .num {
  font-family: 'D-DINCondensed';
  font-weight: bold;
  color: #009aec;
  line-height: 1em;
}
/*aboutintro*/
#aboutintro {
  overflow: hidden;
  margin-bottom: 9.28571429%;
}
#aboutintro .video {
  float: right;
  width: 57.14285714%;
  margin-top:4em;
}
#aboutintro .box {
  padding-bottom: 60%;
  position: relative;
  border-radius: 0.625em;
  overflow: hidden;
}
#aboutintro video {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#aboutintro .poster i {
  width: 9%;
  padding-bottom: 9%;
  margin: -4.5% 0 0 -4.5%;
}
#aboutintro .text {
  float: left;
  width: 36.42857143%;
}
#aboutintro .boxname {
  margin-bottom: 6.8627451%;
}
#aboutintro .boxname:before {
  width: 1.23529412em;
  height: 1.17647059em;
  background: url(../images/quote_start.svg) no-repeat center center;
  background-size: contain;
  display: block;
  content: '';
  margin-bottom: 0.64705882em;
}
/*swiper-button-arrow*/
body .swiper-button-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  width: 3.125em;
  height: 3.125em;
  background-color: #009aec;
  margin-top: 0;
  border-radius: 50%;
  color: #fff;
  opacity: 1;
  z-index: 5;
}
body .swiper-button-arrow:after {
  font-size: 12px;
  font-weight: bold;
  margin-top: 0.1em;
}
body .swiper-button-arrow.swiper-button-prev {
  left: 0;
}
body .swiper-button-arrow.swiper-button-next {
  right: 0;
}
body .swiper-button-arrow.swiper-button-disabled {
  opacity: 1;
}
body .swiper-button-arrow.swiper-button-lock {
  display: flex;
}
/*history*/
#history {
  background: url(../images/history_bg.png) no-repeat center center;
  background-size: cover;
  padding: 4.6875% 0 5.72916667%;
  overflow: hidden;
}
#history .info {
  position: relative;
  height: 100%;
  padding: 0 10%;
}
#history .info:before {
  height: 100%;
  width: 1px;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  background-color: #ccc;
  left: 0;
}
#history .info .label{
    position:absolute;
    right:0;
    transform:translate(-50%,-50%);
    top:0;
    font-size: 38px;
    line-height: 1.1;
    color: #009aec;
}
#history .swiper-slide:last-child .info .label{
    transform:translate(0,-50%);
    left:10%;
}
#history .dot {
  width: 1.6875em;
  height: 1.6875em;
  border-radius: 50%;
  background-color: #f8f8f8;
  position: absolute;
  left: 0;
  top: 0;
  margin: -0.84375em 0 0 -0.84375em;
}
#history .dot:before {
  width: 25.92592593%;
  padding-bottom: 25.92592593%;
  background-color: #ccc;
  border-radius: 50%;
  content: '';
  display: block;
  position: absolute;
  left: 37.03703704%;
  top: 37.03703704%;
}
#history .year {
  color: #000;
  line-height: 1em;
  margin-bottom: 0.28em;
}
#history .intro {
  color: #333;
  height: 17em;
  overflow-y: auto;
  padding-right: 1em;
  scrollbar-width: thin;
  scrollbar-color: #009aec #dedede;
  -webkit-overflow-scrolling: touch;
}
#history .intro::-webkit-scrollbar {
  background-color: #ededed;
  width: 2px;
}
#history .intro::-webkit-scrollbar-thumb {
  width: 100%;
  background-color: #009aec;
}
#history .intro h5 {
  font-size: 1em;
  color: #e5b203;
  line-height: 1.875em;
}
#history .intro p {
  position: relative;
  padding-left: 1em;
}
#history .intro p:before {
  width: 0.1875em;
  height: 0.1875em;
  background-color: #969696;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.84375em;
}
#history .box {
  margin-bottom: 1.875em;
}
#history .box:last-child {
  margin-bottom: 0;
}
#history .wrap {
  position: relative;
  overflow: hidden;
  margin: 0 -135px;
  padding: 0 135px;
}
#history .wrap:before {
  width: 118.71428571%;
  height: 1px;
  background-color: #ccc;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
  content: '';
  display: block;
  position: absolute;
  margin-top: -0.5px;
}
#history .swiper {
  height: 46.25em;
  padding: 0 0.875em;
}
#history .swiper-slide {
  height: 50%;
  padding: 0 2em;
}
#history .swiper-slide:nth-child(2n) {
  transform: translateX(25%);
}
#history .swiper-slide:nth-child(2n) .info {
  padding-bottom: 7.72532189%;
}
#history .swiper-slide:nth-child(2n) .dot {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -0.84375em;
}
#history .swiper-slide:nth-child(2n+1) .info {
  padding-top: 7.72532189%;
}
#history .swiper-grid-column > .swiper-wrapper {
  flex-direction: column-reverse;
}
#history .swiper-slide:hover .dot {
  background-color: rgba(0, 154, 236, 0.1);
}
#history .swiper-slide:hover .dot:before {
  background-color: #009aec;
}
/*honor*/
#honor {
  font-size: 100px;
  position: relative;
  margin-bottom: 1.42857143%;
}
#honor ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding: 0 3.5%;
  position: relative;
}
#honor ul:after {
  width: 100%;
  padding-bottom: 5.35714286%;
  background: url(../images/podium.png) no-repeat center center;
  background-size: 100% 100%;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 14.28571429%;
}
#honor ul:not(:last-child) {
  margin-bottom: 3.92857143%;
}
#honor li {
  width: 33.333%;
  text-align: center;
}
#honor .box {
  width: 69.12442396%;
  margin: 0 auto;
}
#honor .figure {
  margin-bottom: 7.60368664%;
  overflow: visible;
}
#honor .figure:after {
  width: 0.24em;
  height: 87.5%;
  background: url(../images/frame_shadow.png) no-repeat center center;
  background-size: 100% 100%;
  content: '';
  display: block;
  position: absolute;
  left: 100%;
  bottom: 0;
}
#honor .img {
  padding-bottom: 66.66666667%;
  background-size: 100% 100%;
}
#honor .name {
  font-size: 16px;
  line-height: 1.875em;
  text-align: center;
  color: #555;
  position: relative;
  z-index: 2;
  font-weight: normal;
}
#honor .swiper {
  padding-bottom: 0.1em;
}
#honor .swiper-button-arrow {
  background-color: #fff;
  box-shadow: 0px 0.2em 0.4em rgba(33, 58, 143, 0.1);
  color: #009aec;
}
#honor .swiper-button-arrow:hover {
  background-color: #009aec;
  color: #fff;
}
#honor .swiper-button-prev {
  margin-left: -5%;
}
#honor .swiper-button-next {
  margin-right: -5%;
}
/*inspection*/
#inspection {
  margin-bottom: 5.66666667%;
  display: table;
  table-layout: fixed;
  width: 100%;
}
#inspection .text {
  display: table-cell;
  vertical-align: middle;
  padding-right: 5.83333333%;
}
#inspection .boxname {
  margin-bottom: 5.79150579%;
}
#inspection .figure {
  display: table-cell;
  vertical-align: top;
  width: 51%;
}
#inspection .img {
  padding-bottom: 65.35947712%;
  border-radius: 0.625em;
}
/*inspectionlist*/
#inspectionlist {
  width: 101.75%;
}
#inspectionlist .figure {
  border-radius: 0 0 0.625em;
}
#inspectionlist .img {
  padding-bottom: 46.99481865%;
}

#inspectionlist .text {
  padding: 8.29015544% 0 6.7357513%;
}
#inspectionlist .title {
  font-weight: normal;
  margin-bottom: 0.29166667em;
}
#inspectionlist .excerpt {
  color: #666;
  margin-bottom: 0.625em;
}
#inspectionlist .more {
  position: relative;
  height: 1.875em;
  line-height: 1.875em;
  display:none;
}
#inspectionlist .more:after {
  display: inline-block;
  content: '';
  width: 1.5em;
  height: 0.375em;
  background: url(../images/arrow_02.svg) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
}
#inspectionlist .more span {
  display: none;
  vertical-align: middle;
  margin-right: 0.3125em;
  color: #fff;
}
#inspectionlist .item {
  width: 33.333%;
  padding-right: 1.71990172%;
  padding-bottom: 1.71990172%;
}
#inspectionlist .item a {
  color: #333;
  border-radius: 0.625em;
  display: block;
  overflow: hidden;
  transition:.3s;
  border:1.5px solid #eae3e3
}
#inspectionlist .item a:hover {
  /*background-color: #009aec;
  color: #fff;*/
  box-shadow: 0 0 1.2em rgba(0,0,0,.2);
  margin-top:-3px;
}
#inspectionlist .item a:hover .figure {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#inspectionlist .item a:hover .text {
  /*padding-left: 7.77202073%;
  padding-right: 7.77202073%;*/
}
#inspectionlist .item a:hover .excerpt {
  /*color: #fff;*/
}
#inspectionlist .item a:hover .more:after {
  /*background-image: url(../images/arrow_02_white.svg);*/
}
#inspectionlist .item a:hover .more span {
  /*display: inline-block;*/
}
/*project*/
#project .box {
  margin-bottom: 9.16666667%;
  overflow: hidden;
}
#project .name {
  position: relative;
  color: #333;
  margin-bottom: 1.42857143em;
}
#project .name:after {
  width: 1.5em;
  height: 0.14285714em;
  background-color: #009aec;
  display: block;
  content: '';
  border-radius: 0.07142857em;
  margin-top: 0.71428571em;
}
#project .name.center {
  text-align: center;
}
#project .name.center:after {
  margin-left: auto;
  margin-right: auto;
}

#TechnicalService .name.center{
  text-align: center;
  width:100%;
}

#project .box .Service-con .ol_xh{ margin-left:2em;}
#project .box .Service-con .ol_xh li{ list-style-type: decimal;}
#project .box .Service-con .point{ padding-left:1.8em;}
#project .box .Service-con .point li{ list-style:disc;}

/*projectIntro*/
#projectIntro {
  background-color: #f6f6f6;
  align-items: center;
}
#projectIntro .figure {
  width: 50%;
}
#projectIntro .img {
  padding-bottom: 66.66666667%;
}
#projectIntro .text {
  width: 50%;
  padding: 3.125% 6.66666667%;
}
#projectIntro .entry {
  color: #555;
}
#projectIntro .name {
  margin-bottom: 1.07142857em;
}
#projectIntro .name:after {
  margin-top: 1em;
}
/*tablebox*/
.tablebox th {
  font-size: 1.125em;
  line-height: 1.66666667em;
  padding: 1.66666667% 4.16666667%;
}
.tablebox td {
  font-weight: 300;
  padding: 1.66666667% 4.16666667%;
  border:1px solid rgba(204,204,204,.5);
  vertical-align:middle;
  color:#000;
}
.tablebox th:last-child,
.tablebox td:last-child{border:1px solid rgba(204,204,204,.5);}
.tablebox tr:nth-child(2n) td {
  background-color: #f4f5f6;
}
/*advantage*/
#advantage {
  overflow: hidden;
}
#advantage .list {
  width: 102.5%;
}
#advantage .item {
  width: 31.66666667%;
  padding-right: 2.43902439%;
  padding-bottom: 2.43902439%;
}
#advantage .info {
  background-color: #f8f9fa;
  padding: 15.78947368% 9.21052632% 17.10526316%;
  position: relative;
  height: 100%;
}
#advantage .icon {
  width: 3.125em;
  margin: 0 auto 4.43686007%;
}
#advantage .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}
#advantage .title {
  font-weight: 500;
  font-size: 1.25em;
  line-height: 1.35em;
  text-align: center;
  color: #009aec;
  margin-bottom: 6.82593857%;
}
#advantage .entry {
  color: #555;
  text-align: justify;
  text-align-last: center;
}
/*chengdu*/
#chengdu .profile {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6.66666667%;
}
#chengdu .profile .figure {
  width: 50%;
  padding: 2.5% 0 0 2.5%;
}
#chengdu .profile .box {
  position: relative;
}
#chengdu .profile .box:before {
  width: 100%;
  content: '';
  display: block;
  position: absolute;
  left: -5.26315789%;
  top: 0;
  margin-top: -5.26315789%;
  background-color: #f8f8f8;
  padding-bottom: 70.1754386%;
  border-radius: 0.625em;
}
#chengdu .profile .text {
  width: 43.91666667%;
}
#chengdu .img {
  padding-bottom: 70.1754386%;
  border-radius: 0.625em;
  position: relative;
  z-index: 2;
}
#chengdu .list {
  overflow: hidden;
}
#chengdu .list .figure {
  width: 50%;
}
#chengdu .list .text {
  width: 43.85964912%;
  padding-left: 3.50877193%;
  text-align: justify;
}
#chengdu .list .item {
  background-color: #f8f9fa;
  flex-direction: row-reverse;
  padding: 2.5%;
  border-radius: 0.625em;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6.66666667%;
}
#chengdu .list .item:nth-child(2n) {
  flex-direction: row;
}
#chengdu #detection .swiper-pagination-bullet{ background:#fff; opacity:1;}
#chengdu #detection .swiper-pagination-bullet-active{ background:#009aec;}
/*groupData*/
.groupData {
  margin-top: 6.07210626%;
}
.groupData ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.groupData li {
  border-left: 0.25em solid #e9f2f7;
  padding-left: 1.25em;
  color: #999;
}
.groupData span {
  display: inline-block;
  color: #009aec;
  font-family: 'D-DINCondensed';
  line-height: 1em;
}
/*groupText*/
.groupText .logo {
  margin-bottom: 3.79506641%;
}
.groupText .logo img {
  display: block;
  max-height: 3.75em;
  width: auto;
}
.groupText .title {
  margin-bottom: 6.07210626%;
  color: #333;
}
.groupText .intro {
  color: #555;
  text-align: justify;
}
/*contactBox*/
#contactBox .title {
  font-size: 1.25em;
  font-weight: 500;
  position: relative;
  line-height: 1.5em;
  color: #333;
  padding-left: 1em;
  margin-bottom: 2.33333333%;
}
#contactBox .title:before {
  width: 0.2em;
  height: 0.9em;
  background-color: #009aec;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.3em;
}
#contactBox .info {
  align-items: center;
}
#contactBox .figure {
  width: 14.4375em;
  padding-right: 1.875em;
}
#contactBox .text {
  font-weight: 300;
  color: #333;
}
/*huibiao*/
#huibiao {
  padding: 4.94791667% 0 4.42708333%;
}
#huibiao .inner {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
}
#huibiao .text {
  width: 50%;
}
#huibiao .logo {
  margin-bottom: 2.75862069%;
}
#huibiao .title {
  margin-bottom: 4.13793103%;
}
#huibiao .box {
  width: 43.57142857%;
  overflow: hidden;
}
#huibiao .box .figure {
  position: relative;
  overflow: visible;
  margin: 4.91803279% 4.91803279% 0 0;
}
#huibiao .box .figure:before {
  width: 100%;
  content: '';
  display: block;
  position: absolute;
  right: -5.17241379%;
  top: 0;
  margin-top: -5.17241379%;
  background-color: #f8f8f8;
  padding-bottom: 68.96551724%;
  border-radius: 0.625em;
}
#huibiao .box .img {
  padding-bottom: 71.55172414%;
  position: relative;
  z-index: 2;
  border-radius: 0.625em;
}
#huibiao .gallery {
  width: 100%;
  margin-top: 4.28571429%;
}
#huibiao .gallery .img {
  padding-bottom: 50%;
}
#huibiao .thumbs {
  width: 100%;
  margin-top: 2.42857143%;
  padding-top: 6px;
}
#huibiao .thumbs .figure {
  overflow: visible;
  cursor: pointer;
}
#huibiao .thumbs .img {
  padding-bottom: 66.66666667%;
  border-radius: 0.3125em;
}
#huibiao .swiper-slide-thumb-active:before,
#huibiao .swiper-slide-thumb-active:after {
  content: '';
  display: block;
  position: absolute;
}
#huibiao .swiper-slide-thumb-active:before {
  left: 0;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #009aec;
  border-radius: 0.3125em;
  height: 100%;
}
#huibiao .swiper-slide-thumb-active:after {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 6px solid #009aec;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
/*renzheng*/
#renzheng {
  padding: 4.94791667% 0;
}
#renzheng .inner {
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#renzheng .figure {
  width: 41.42857143%;
}
#renzheng .img {
  padding-bottom: 68.96551724%;
  border-radius: 0.625em;
}
#renzheng .text {
  width: 51.07142857%;
}
#renzheng .logo {
  margin-bottom: 3.07692308%;
}
#renzheng .title {
  margin-bottom: 4.1958042%;
}
/*management*/
#management {
  padding: 4.94791667% 0 3.54166667%;
}
#management .list {
  width: 102.28571429%;
}
#management .item {
  width: 25%;
  padding-right: 2.23463687%;
  padding-bottom: 2.23463687%;
}
#management .info {
  position: relative;
  height: 100%;
  background-color: #fff;
  padding: 9.81595092% 9.81595092% 35.27607362%;
  overflow: hidden;
  transition:.3s;
}
#management .title {
  color: #009aec;
  text-align: center;
  font-size: 1.25em;
  margin-bottom: 7.63358779%;
}
#management .num {
  font-size: 170px;
  line-height: 1em;
  color: rgba(17, 134, 194, 0.1);
  font-weight: bold;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  transform: translateY(26%);
  transition:.3s;
}
#management .item:hover .info{
    box-shadow: 0 0 1.2em rgba(0,0,0,.2);
}
#management .item:hover .num{
    color: rgba(17, 134, 194, 0.25);
}
#management .content {
  padding: 0 0 35.27607362%;
  border-radius: 0.625em;
}
#management .content .title {
  background-color: #009aec;
  color: #fff;
  padding: 6.13496933%;
}
#management .content .title:before,
#management .content .title:after {
  background-color: #fff;
  display: inline-block;
  vertical-align: middle;
  width: 0.2em;
  height: 0.2em;
  content: '';
}
#management .content .title:before {
  margin-right: 1em;
}
#management .content .title:after {
  margin-left: 1em;
}
#management .content .entry {
  padding: 0 1em ;
  justify-content: center;
}
/*examine*/
#examine {
  padding: 4.94791667% 0 5.20833333%;
  overflow: hidden;
}
#examine .box {
  display: table;
  table-layout: fixed;
  width: 100%;
}
#examine .figure {
  display: table-cell;
  vertical-align: middle;
  background: no-repeat center center;
  background-size: cover;
  width: 50%;
}
#examine .img {
  padding-bottom: 57.14285714%;
}
#examine .text {
  display: table-cell;
  vertical-align: middle;
  padding: 1.78571429%;
}
#examine .title {
  font-size: 1.25em;
  color: #009aec;
  text-align: center;
  line-height: 1.5em;
  margin-bottom: 7.25806452%;
}
#examine ul {
  justify-content: space-evenly;
}
#examine li {
  padding: 1%;
  max-width: 33.333%;
}
#examine .icon {
  width: 100px;
  margin: 0 auto 1.4375em;
}
#examine .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
  transition:.5s;
}
#examine li:hover .icon i{
    transform:rotateY(360deg);
}
#examine h3 {
  font-size: 1em;
  text-align: center;
  line-height: 1.35em;
  font-weight: normal;
}
/*training*/
#training {
  padding: 4.42708333% 0;
}
#training .inner {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#training .item {
  width: 48.85714286%;
  padding: 1.14285714% 0;
}
#training .box {
  background-color: #fff;
  position: relative;
  height: calc(100% - 3em);
}
#training .box:before {
  width: 1px;
  height: 100%;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  background-color: #ededed;
}
#training dl {
  width: 50%;
  padding: 9.50292398% 10.23391813% 8.77192982%;
}
#training dt {
  font-size: 1.25em;
  color: #009aec;
  font-weight: bold;
  margin-bottom: 7.42574257%;
}
/*sprocess*/
#sprocess {
  /*padding: 5.46875% 0 2.60416667%;*/
  padding:0 0 2.60416667%;
  overflow: hidden;
}
#sprocess .process {
  width: 101.78571429%;
  margin-bottom: 3.21428571%;
}
#sprocess .process ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
}
#sprocess .process li {
  width: 20%;
  padding-right: 1.75438596%;
  padding-bottom: 1.75438596%;
  text-align: center;
  position: relative;
}
#sprocess .process li:after {
  width: 9.47368421%;
  padding-bottom: 5.61403509%;
  background: url(../images/arrow_10.png) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 21.05263158%;
}
#sprocess .process li:last-child:after {
  transform: rotate(90deg);
  right: 50%;
  top: auto;
  bottom: 0;
  margin-bottom: 1.75438596%;
  margin-right: -2.80701754%;
}
#sprocess .process ul:nth-child(2n) {
  flex-direction: row-reverse;
}
#sprocess .process ul:nth-child(2n) li:not(:last-child):after {
  right: 100%;
  transform: rotate(180deg);
  margin-right: -1px;
}
#sprocess .process ul:last-child li:last-child:after {
  display: none;
}
#sprocess .process .box {
  background-color: #f8f9fa;
  position: relative;
  height: 100%;
  padding: 20% 11.53846154% 25.76923077%;
}
#sprocess .process .num {
  color: #009aec;
  font-weight: bold;
  font-family: Arial;
  margin-bottom: 5%;
}
#sprocess .process .name {
  font-size: 1.25em;
  color: #444;
  line-height: 1.5em;
  margin-bottom: 2.5%;
}
#sprocess .btu-box{ line-height:1.7; margin-bottom:5.66666667%; display:flex;}
#sprocess .btu-box .but{ padding:5px 20px; margin-right:1em; border:solid 1px #009aec; color:#009aec; border-radius:5px; overflow: hidden; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
#sprocess .btu-box .txt{ padding:5px 0;}
#sprocess .btu-box .txt a{ color:#009aec;}

/*hbbox*/
.hbbox {
  background-color: #f8f8f8;
  overflow: hidden;
}
/*hbname*/
.hbname {
  position: relative;
  color: #333;
  padding-left: 1em;
  margin-bottom: 2.33333333%;
}
.hbname:before {
  width: 0.16666667em;
  height: 1em;
  background-color: #009aec;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.175em;
  border-radius: 0.08333333em;
}
/*indCollege*/
#indCollege {
  padding: 3.90625% 0 2.86458333%;
}
#indCollege .boxname {
  margin-bottom: 0;
}
#indCollege .pic img {
  display: block;
  margin: 0 auto;
}
/*dvPlan*/
#dvPlan {
  background-color: #fff;
  padding: 3.90625% 0 3.64583333%;
}
#dvPlan .boxname {
  margin-bottom: 0;
}
#dvPlan .pic img {
  display: block;
  margin: 0 auto;
}
/*university*/
#university {
  padding: 4.16666667% 0 2.08333333%;
}
#university .boxname {
  margin-bottom: 2.64285714%;
}
#university ul {
  width: 103.17457143%;
}
#university li {
  width: 10%;
  padding-right: 3.07689325%;
  padding-bottom: 3.07689325%;
}
#university i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}
/*contactList*/
#contactList {
  overflow: hidden;
  padding: 3.90625% 0 2.60416667%;
}
#contactList .boxname {
  margin-bottom: 2.85714286%;
}
#contactList .list {
  width: 102.85714286%;
  margin-bottom: 2.28571429%;
}
#contactList .item {
  width: 25%;
  padding-right: 2.77777778%;
  padding-bottom: 2.77777778%;
}
#contactList .item .box {
  height: 100%;
  position: relative;
  background-color: #f8f8f8;
  padding: 13.4375% 10.9375% 7.5%;
  border-radius: 0.625em;
}
#contactList .item .area {
  font-size: 1.375em;
  color: #333;
  font-weight: normal;
  line-height: 1.35em;
  position: relative;
  border-bottom: 1px solid rgba(0, 125, 190, 0.1);
  padding-bottom: 9.2%;
  margin-bottom: 0.45454545em;
}
#contactList .item .area:before {
  width: 0.22727273em;
  height: 0.90909091em;
  content: '';
  display: block;
  position: absolute;
  background-color: #009aec;
  left: -14%;
  top: 0.31818182em;
}
#contactList .item p {
  background: no-repeat left 0.6875em;
  color: #555;
  background-size: auto 1.25em;
  padding: 0.375em 0 0.375em 2em;
}
#contactList .item .man {
  background-image: url(../images/icon_man.svg);
}
#contactList .item .tel {
  background-image: url(../images/icon_phone.svg);
}
/*process*/
#process {
  margin-bottom: 1.42857143%;
}
#process .circle {
  width: 38.57142857%;
  margin: 1.42857143% auto 0;
  position: relative;
}
#process .circle:after {
  display: block;
  content: '';
  padding-bottom: 88.14814815%;
  background: url(../images/service_process.png) no-repeat center center;
  background-size: contain;
}
#process li {
  position: absolute;
  width: 18.25em;
  color: #555;
}
#process li:nth-child(1) {
  right: 88.88888889%;
  top: -6.30252101%;
}
#process li:nth-child(2) {
  right: 102.22222222%;
  top: 20.79831933%;
}
#process li:nth-child(3) {
  right: 102.22222222%;
  top: 49.15966387%;
}
#process li:nth-child(4) {
  right: 83.33333333%;
  top: 87.18487395%;
}
#process li:nth-child(5) {
  left: 50%;
  transform: translateX(-50%);
  top: 104%;
}
#process li:nth-child(6) {
  left: 83.33333333%;
  top: 87.18487395%;
}
#process li:nth-child(7) {
  left: 102.22222222%;
  top: 49.15966387%;
}
#process li:nth-child(8) {
  left: 102.22222222%;
  top: 20.79831933%;
}
#process li:nth-child(9) {
  left: 88.88888889%;
  top: -6.30252101%;
}
#process .info {
  background-color: #fff;
  border-radius: 0.625em;
  padding: 0.625em 1.25em;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  box-shadow: 0px 0px 0.625em rgba(6, 0, 1, 0.1);
  align-items: center;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#process .icon {
  width: 2.5em;
}
#process .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: rgba(2, 160, 234, 0.1) no-repeat center center;
  background-size: contain;
  border-radius: 50%;
}
#process .num {
  font-size: 1.875em;
  font-family: 'Oswald';
  font-weight: normal;
  line-height: 1em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #f0f8fd;
}
#process .text {
  font-weight: 500;
  text-align: right;
  position: relative;
  z-index: 2;
}
#process li:nth-child(n+2) .text {
  width: calc(100% - 3.75em);
}
#process li:nth-child(n+2) .num {
  left: 6.84931507%;
}
#process li:nth-child(1) .num,
#process li:nth-child(n+6) .num {
  left: auto;
  right: 6.84931507%;
}
#process li:nth-child(n+1) .info {
  flex-direction: row-reverse;
}
#process li:nth-child(1) .info {
  justify-content: flex-end;
}
#process li:nth-child(1) .text {
  width: auto;
  max-width: calc(100% - 2.5em);
  padding-right: 1.25em;
}
#process li:nth-child(n+6) .info {
  flex-direction: row;
}
#process li:nth-child(n+6) .text {
  text-align: left;
}
#process li:hover {
  color: #fff;
}
#process li:hover .info {
  background-color: #009aec;
}
#process li:hover .num {
  color: #f0f8fd;
  opacity: 0.3;
}
#process li:hover .icon i {
  background-color: rgba(255, 255, 255, 0.11);
}
/*guarantee*/
#guarantee {
  overflow: hidden;
  background: #f4f5f6 url(../images/wrapper_bg.png) no-repeat center bottom;
  background-size: 100% auto;
  margin-bottom: -7.8125%;
  padding: 5.20833333% 0 10.41666667%;
}
#guarantee .boxname {
  color: #009aec;
}
#guarantee .gallery {
  width: 278.57142857%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 2.14285714%;
}
#guarantee .gallery .figure {
  border-radius: 0.625em;
}
#guarantee .gallery .img {
  padding-bottom: 53.84615385%;
}
#guarantee .intro {
  width: 55.71428571%;
  margin: 0 auto 5.35714286%;
}
#guarantee .name {
  color: #333;
  text-align: center;
  margin-bottom: 1.41025641%;
}
#guarantee .entry {
  color: #555;
}
#guarantee .entry p {
  position: relative;
  padding-left: 1.875em;
}
#guarantee .entry p:before {
  background-color: #009aec;
  border-radius: 50%;
  width: 0.5em;
  height: 0.5em;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.6875em;
}
/*workstation*/
#workstation {
  padding: 4.94791667% 0 5.20833333%;
}
#workstation .box {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#workstation .text {
  width: 51.07142857%;
}
#workstation .intro {
  font-size: 1.125em;
  color: #555;
  line-height: 1.77777778em;
  margin-bottom: 4.61538462%;
}
#workstation .picture {
  width: 44.28571429%;
}
#workstation .figure {
  padding: 3.22580645%;
}
#workstation .figure:before,
#workstation .figure:after {
  content: '';
  display: block;
  position: absolute;
  background-color: rgba(17, 134, 194, 0.2);
  border-radius: 1.25em;
}
#workstation .figure:before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#workstation .figure:after {
  width: 96.77419355%;
  height: 95.45454545%;
  left: 1.61290323%;
  top: 2.27272727%;
  z-index: 1;
}
#workstation .img {
  padding-bottom: 68.96551724%;
  border-radius: 1.25em;
  position: relative;
  z-index: 2;
}
#workstation .item {
  border-top: 1px solid #eaeaea;
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 2.7972028% 0;
}
#workstation .td {
  display: table-cell;
  vertical-align: top;
}
#workstation .title {
  font-size: 1em;
  font-weight: normal;
  color: #fff;
  width: 5.75em;
}
#workstation .title i {
  display: block;
  background-color: #009aec;
  font-style: normal;
  text-align: center;
  height: 2.125em;
  line-height: 2.125em;
  border-radius: 0.3125em;
  position: relative;
}
#workstation .title i:after {
  content: '';
  display: block;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-left: 6px solid #009aec;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
#workstation .entry {
  padding-left: 3.35664336%;
  line-height: 2.125em;
}
/*industryData*/
#industryData {
  overflow: hidden;
  background: #f4f5f6 url(../images/wrapper_bg.png) no-repeat center bottom;
  background-size: 100% auto;
  margin-bottom: -7.8125%;
  padding: 5.20833333% 0 9.89583333%;
}
#industryData .columnintro {
  font-size: 1.125em;
}
#industryData .list {
  margin-bottom: 2.57142857%;
}
#industryData ul {
  overflow: hidden;
}
#industryData li {
  border-bottom: 1px solid #dfdfdf;
  font-size: 1.125em;
  color: #333;
  display: table;
  table-layout: fixed;
  width: 100%;
  line-height: 2em;
  padding-bottom: 1.28571429%;
  margin-bottom: 1.28571429%;
}
#industryData li time,
#industryData li a {
  display: table-cell;
  vertical-align: middle;
}
#industryData li time {
  width: 6em;
}
#industryData li a {
  padding-left: 3.57142857%;
  position: relative;
}
#industryData li a:before {
  width: 0.55555556em;
  height: 1.11111111em;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.77195686%;
  background: url(../images/arrow_09.png) no-repeat 0 0;
  background-size: 100% auto;
}
#industryData li a:hover {
  text-decoration: underline;
}
#industryData li a:hover:before {
  background-position: 0 100%;
}
#industryData li i {
  font-style: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
/*serviceType*/
#serviceType {
  overflow: hidden;
  padding: 6.35416667% 0 3.125%;
}
#serviceType .list {
  width: 102.85714286%;
}
#serviceType .item {
  width: 50%;
  padding-right: 2.77777778%;
  padding-bottom: 2.77777778%;
}
#serviceType .intro {
  color: #009aec;
  font-weight: 300;
  font-size: 1.125em;
  line-height: 1.77777778em;
  text-align: center;
  margin-bottom: 4.70588235%;
  padding: 0 3.67647059%;
}
#serviceType .img {
  padding-bottom: 61.76470588%;
  border-radius: 0.625em;
  position: relative;
  color: #fff;
  overflow: hidden;
}
#serviceType .img:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, transparent, #000);
  opacity: 0.5;
  transition: all 0.3s;
}
#serviceType .box {
  position: absolute;
  left: 0;
  bottom: 11.9047619%;
  width: 100%;
  padding: 0 6.61764706%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  transform: translateY(0);
  transition: all 0.3s;
}
#serviceType .text {
  align-items: center;
  transition: all 0.3s;
}
#serviceType .icon {
  width: 1.5em;
  transition: all 0.3s;
}
#serviceType .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}
#serviceType .name {
  font-size: 1.375em;
  font-weight: normal;
  margin-left: 1em;
  transition: all 0.3s;
}
#serviceType .arrow {
  width: 1.5em;
  height: 0.375em;
  background: url(../images/arrow_02_white.svg) no-repeat center center;
  background-size: contain;
  transition: all 0.3s;
}
#serviceType .img:hover:before {
  background-image: linear-gradient(180deg, transparent, #009aec);
}
#serviceType .img:hover .box {
  bottom: 50%;
  transform: translateY(50%);
  justify-content: center;
}
#serviceType .img:hover .text {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 5.76271186%;
}
#serviceType .img:hover .icon {
  margin: 0 auto 3.89830508%;
  width: 11.52542373%;
}
#serviceType .img:hover .name {
  margin-left: 0;
}
/*serviceInfo*/
#serviceInfo {
  background: url(../images/service_info_bg.jpg) no-repeat center center;
  background-size: cover;
  overflow: hidden;
  padding: 4.94791667% 0 4.16666667%;
}
/*auxiliary*/
#auxiliary .boxname {
  color: #009aec;
}
#auxiliary .list {
  width: 102.85714286%;
}
#auxiliary .item {
  width: 25%;
  padding-right: 2.77777778%;
  padding-bottom: 2.77777778%;
}
#auxiliary .text {
  height: 100%;
  position: relative;
  border-radius: 1.25em;
  overflow: hidden;
  background-color: #fff;
  transition:.3s;
}
#auxiliary .item:hover .text{
    box-shadow: 0 0 1.2em rgba(0,0,0,.2);
    margin-top:-3px;
}
#auxiliary .title {
  background-color: #009aec;
  color: #fff;
  text-align: center;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.66666667em;
  padding: 0.83333333em;
}
#auxiliary .intro {
  text-align-last: center;
  padding: 5.625% 12.5% 12.5%;
  line-height: 2em;
  color: #333;
  font-weight: 300;
}
/*coreService*/
#coreService {
  position: relative;
  width: 67.85714286%;
  margin: 0 auto 7.14285714%;
  margin-top: 6.42857143%;
}
#coreService:before {
  padding-bottom: 49.78947368%;
  background: url(../images/core_service_circle.png) no-repeat center center;
  background-size: contain;
  display: block;
  content: '';
}
#coreService .item {
  display: none;
}
#coreService .intro {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 25px;
  width: 48.05263158%;
}
#coreService .name {
  text-align: center;
  color: #009aec;
  margin-bottom: 8.02564103%;
}
#coreService .title {
  font-size: 1.25em;
  text-align: center;
  color: #009aec;
  line-height: 1.5em;
  margin-bottom: 2.1025641%;
}
#coreService .entry {
  line-height: 2em;
  color: #333;
  text-align-last: center;
}
#coreService ul {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#coreService .icon {
  position: relative;
  padding: 13.33333333%;
  border-radius: 50%;
  border: 1px solid transparent;
}
#coreService .icon:after {
  border-left: 0.5625em solid #009aec;
  border-top: 0.4375em solid transparent;
  border-bottom: 0.4375em solid transparent;
  content: '';
  display: block;
  position: absolute;
  margin-top: -0.4375em;
  display: none;
}
#coreService .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: #009aec no-repeat center center;
  background-size: contain;
  border-radius: 50%;
}
#coreService .text {
  position: absolute;
  font-size: 1.125em;
  line-height: 1.875em;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
}
#coreService li {
  width: 12.63157895%;
}
#coreService li:nth-child(n+1) .text {
  right: 110%;
}
#coreService li:nth-child(n+5) .text {
  right: auto;
  left: 110%;
}
#coreService li:nth-child(1) {
  transform: translate(-50%, 0);
}
#coreService li:nth-child(1) .icon:after {
  left: 100%;
  top: 50%;
}
#coreService li:nth-child(2) {
  transform: translate(-100%, -165%);
}
#coreService li:nth-child(2) .icon:after {
  left: 90%;
  top: 80%;
  transform: rotate(35deg);
}
#coreService li:nth-child(3) {
  transform: translate(-70%, -295%);
}
#coreService li:nth-child(3) .icon:after {
  left: 80%;
  top: 91%;
  transform: rotate(50deg);
}
#coreService li:nth-child(4) {
  transform: translate(0, -345%);
}
#coreService li:nth-child(4) .text {
  right: 50%;
  transform: translateX(50%);
  top: auto;
  bottom: 110%;
}
#coreService li:nth-child(4) .icon:after {
  left: 52%;
  top: 98%;
  transform: rotate(90deg);
  margin: 0 0 0 -0.4375em;
}
#coreService li:nth-child(5) {
  transform: translate(70%, -295%);
}
#coreService li:nth-child(5) .icon:after {
  right: 80%;
  top: 91%;
  transform: rotate(128deg);
}
#coreService li:nth-child(6) {
  transform: translate(100%, -165%);
}
#coreService li:nth-child(6) .icon:after {
  right: 91%;
  top: 80%;
  transform: rotate(146deg);
}
#coreService li:nth-child(7) {
  transform: translate(50%, 0);
}
#coreService li:nth-child(7) .icon:after {
  right: 100%;
  top: 50%;
  transform: rotate(180deg);
}
#coreService .current .icon {
  border-color: #009aec;
}
#coreService .current .icon:after {
  display: block;
}
#coreService .current .text {
  color: #009aec;
  font-weight: bold;
}
/*zhihui*/
#zhihui {
  margin-bottom: 2.5%;
}
#zhihui .info {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#zhihui .text {
  width: 54.28571429%;
  padding: 1.42857143% 0;
}
#zhihui .logo {
  margin-bottom: 2.63157895%;
}
#zhihui .title {
  margin-bottom: 3.94736842%;
}
#zhihui .figure {
  width: 41.42857143%;
}
#zhihui .img {
  padding-bottom: 85%;
  border-radius: 0.625em;
}
#zhihui .list {
  position: relative;
  padding: 5% 0 6.84210526%;
  margin-top: 5.26315789%;
}
#zhihui .list:before {
  background-color: #f8f8f8;
  width: 200vw;
  left: 0;
  top: 0;
  height: 100%;
  transform: translateX(-30%);
  content: '';
  display: block;
  position: absolute;
}
#zhihui .list ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#zhihui .list li {
  color: #555;
  line-height: 1.5em;
  position: relative;
  width: 40.78947368%;
  padding-left: 1.375em;
  margin-bottom: 1.71052632%;
}
#zhihui .list li:before {
  width: 0.4375em;
  height: 0.4375em;
  border-radius: 50%;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.53125em;
  background-color: #009aec;
}
/*proService*/
#proService {
  margin-bottom: 3.21428571%;
}
#proService .name {
  margin-bottom: 2.5%;
  line-height: 1.35em;
  color: #009aec;
  text-align: center;
}
#proService .figure {
  width: 50%;
}
#proService .img {
  padding-bottom: 57.14285714%;
}
#proService .text {
  width: 50%;
  padding: 3.125% 0;
}
#proService .title {
  color: #333;
  font-size: 1.25em;
  line-height: 1.5em;
  position: relative;
  padding-left: 0.8em;
  margin-bottom: 3.53697749%;
}
#proService .title:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  background-color: #009aec;
  width: 0.2em;
  height: 1em;
  border-radius: 0.1em;
  top: 0.25em;
}
#proService .item {
  align-items: center;
  border-top: 1px solid #f1f1f1;
}
#proService .item:nth-child(2n) {
  flex-direction: row-reverse;
}
#proService .item:nth-child(2n) .text {
  padding-right: 5.57142857%;
}
#proService .item:nth-child(2n+1) .text {
  padding-left: 5.57142857%;
}
#proService .npic {
  padding: 2% 0;
}
#proService .npic .title {
  margin-bottom: 1.57142857%;
}
#proService .list {
  margin-top: 4.14285714%;
}
#proService .list li {
  width: 25%;
  padding: 1.78571429%;
  border-right: 1px solid #eaeaea;
}
#proService .list li:nth-child(4n) {
  border-right: none;
}
#proService .list .icon {
  width: 2.5625em;
  margin: 0 auto 8.02675585%;
}
#proService .list .icon i {
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
  display: block;
  overflow: hidden;
}
#proService .list h4 {
  text-align: center;
  color: #009aec;
  font-size: 1.125em;
  line-height: 1.5em;
  margin-bottom: 3.34448161%;
}
#proService .list .intro {
  color: #999;
  line-height: 1.5em;
}
/*education*/
#education {
  margin-bottom: 6.25%;
}
#education .info {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
}
#education .text {
  width: 43.33333333%;
}
#education .title {
  margin-bottom: 5.76923077%;
}
#education .box {
  width: 50.83333333%;
  overflow: hidden;
}
#education .box .figure {
  position: relative;
  overflow: visible;
  margin: 4.91803279% 4.91803279% 0 0;
}
#education .box .figure:before {
  width: 100%;
  content: '';
  display: block;
  position: absolute;
  right: -5.17241379%;
  top: 0;
  margin-top: -5.17241379%;
  background-color: #f8f8f8;
  padding-bottom: 68.96551724%;
  border-radius: 0.625em;
}
#education .box .img {
  padding-bottom: 68.96551724%;
  position: relative;
  z-index: 2;
  border-radius: 0.625em;
}
/*pagebox*/
.pagebox {
  color: #333;
  margin-bottom: 5.66666667%;
  overflow: hidden;
}
.pagebox:last-child {
  margin-bottom: 0;
}
.pagebox .title {
  font-size: 1.25em;
  position: relative;
  line-height: 1.5em;
  padding-left: 1em;
  font-weight: 500;
  margin-bottom: 2.16666667%;
}
.pagebox .title:before {
  width: 0.2em;
  height: 0.9em;
  background-color: #009aec;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.3em;
}
.pagebox .entry {
  font-weight: 300;
  padding-left: 1.25em;
}
.pagebox .entry strong {
  font-weight: 500;
}
.pagebox .info {
  margin-top: 3.75%;
  text-align: left;
}
.pagebox .info ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.pagebox .info li {
  width: 48%;
}
.pagebox .gallery {
  width: 325%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 2.14285714%;
}
.pagebox .gallery .figure {
  border-radius: 0.625em;
}
.pagebox .gallery .figure:before {
  width: 100%;
  height: 100%;
  background-color: #fff;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.6;
  transition: all 0.1s;
  z-index: 10;
}
.pagebox .gallery .img {
  padding-bottom: 53.84615385%;
  background-color: #fff;
  position: relative;
}
.pagebox .gallery .img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%!important; object-fit: cover; -webkit-object-fit: cover;}
.pagebox .intro {
  width: 65%;
  margin: 0 auto;
}
.pagebox .name {
  color: #333;
  text-align: center;
  font-weight: normal;
}
.pagebox .swiper-slide-active .figure:before {
  opacity: 0;
}
/*reagent*/
#reagent .profile {
  background-color: #f8f9fa;
  margin-bottom: 2.5%;
  padding: 6.41666667% 5% 5.83333333%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
}
#reagent .profile .figure {
  padding: 0 3.7037037%;
  width: 40.64814815%;
}
#reagent .profile .text {
  width: 56.48148148%;
  color: #333;
}
#reagent .profile .title {
  margin-bottom: 3.27868852%;
}
#reagent .profile .title:after {
  width: 1.5em;
  height: 0.14285714em;
  border-radius: 0.07142857em;
  background-color: #009aec;
  display: block;
  content: '';
  margin-top: 3.1147541%;
}
#reagent .profile .intro {
  font-weight: 300;
  line-height: 2em;
}
/*reagentTable*/
.reagentTable {
  text-align: center;
  color: #333;
  overflow: hidden;
  margin-bottom: 7%;
}
.reagentTable .name {
  color: #009aec;
  text-align: center;
  font-size: 1.25em;
  line-height: 1.5em;
  margin-bottom: 2.83333333%;
}
.reagentTable .tablebox {
  margin-bottom: 7%;
}
.reagentTable .tablebox:last-child {
  margin-bottom: 0;
}
.reagentTable table {
  table-layout: fixed;
}
.reagentTable th {
  background-color: #3cb5f5;
  font-weight: normal;
  font-size: 1em;
  text-align: center;
  line-height: 1.875em;
  padding: 1.25% 4.16666667%;
}
.reagentTable th:first-child {
  width: 20%;
}
.reagentTable td {
  font-weight: 300;
  padding: 1.25% 4.16666667%;
}
.reagentTable td:first-child {
  background-color: #3cb5f5;
  color: #fff;
  font-weight: normal;
}
.reagentTable tr:nth-child(2n) td {
  background-color: #f1f2f3;
}
.reagentTable tr:nth-child(2n) td:first-child {
  background-color: #009aec;
}
.reagentTable .last2 td:nth-last-of-type(-n+2) {
  background-color: #fff;
  color: #333;
  font-weight: 300;
}
.reagentTable .last2 tr:nth-child(2n) td:nth-last-of-type(-n+2) {
  background-color: #f1f2f3;
  color: #333;
  font-weight: 300;
}
/*supply*/
.supply .tablebox th:first-child {
  width: 15%;
}
.supply .tablebox td:not(:first-child) {
  border-bottom: 1px solid #ededed;
  padding: 0 6.66666667%;
  background-color: #fff;
}
.supply .tablebox td:last-child {
  border-right: 1px solid #ededed;
}
.supply ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  list-style: none;
}
.supply li {
  padding: 2.08333333% 0;
  max-width: 18%;
  list-style: none;
}
.supply img {
  height: 5.3125em;
  width: auto;
  margin: 0 auto;
  object-fit: cover;
}
.supply .more {
  position: relative;
  min-height: 2.8125em;
}
.supply .more:after {
  width: 1.5em;
  height: 0.25em;
  background: url(../images/icon_dots.svg) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translateX(-50%);
}
.supply .num7 {
  justify-content: flex-start;
}
.supply .num7 li {
  width: 14%;
  font-size:14px;
}
.supply .num7 img {
  height:4em;
}
/*systemCert*/
#systemCert {
  padding: 5.98958333% 0 3.64583333%;
}
#systemCert li {
  width: 33.333%;
  padding: 0 3.57142857% 3.57142857%;
}
#systemCert .figure {
  box-shadow: -0.0625em 0.9375em 1.25em rgba(0, 0, 0, 0.1);
}
#systemCert .img {
  padding-bottom: 137.33333333%;
  transition:.3s;
}
#systemCert .img:hover{
    margin-top:-8px;
}
/*gopage*/
#gopage {
  position: fixed;
  left: 4.42708333%;
  top: 12.5vh;
  z-index: 6;
  display: none;
  font-size: 0.875em;
}
#gopage li {
  margin-bottom: 0.71428571em;
  text-align: center;
}
#gopage a {
  display: block;
  overflow: hidden;
  background-color: #fff;
  color: #333;
  box-shadow: 0 1.42857143em 2.85714286em rgba(33, 58, 143, 0.1);
  border-radius: 0.35714286em;
  padding: 0 1.42857143em;
  height: 2.85714286em;
  line-height: 2.85714286em;
}
#gopage a:hover,
#gopage .current a {
  background-color: #009aec;
  color: #fff;
}
/*instrument*/
#instrument {
  overflow: hidden;
}
#instrument .item {
  padding-bottom: 6.66666667%;
  margin-bottom: 6.66666667%;
  border-bottom: 1px dashed #dedede;
}
#instrument .item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#instrument .info {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 5%;
  background-color: #f8f9fa;
}
#instrument .info .figure {
  display: table-cell;
  vertical-align: top;
  width: 22.3125em;
  text-align: center;
  padding: 0 1.85185185%;
}
#instrument .info .figure img {
  width: auto;
  margin: 0 auto;
}
#instrument .info figcaption {
  color: #009aec;
  font-weight: 500;
  margin-top: 15.77287066%;
}
#instrument .info .text {
  display: table-cell;
  vertical-align: top;
  padding-left: 8.33333333%;
  color: #333;
  text-align: left;
}
#instrument .info .text strong {
  font-weight: 500;
}
#instrument .info h3 {
  color: #009aec;
  font-size: 1.25em;
  line-height: 1.5em;
  font-weight: 500;
  margin-bottom: 1.35em;
}
#instrument .info ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#instrument .info li {
  width: 49%;
  padding-left: 1em;
  position: relative;
  margin-bottom: 0.625em;
}
#instrument .info li:before {
  width: 0.25em;
  height: 0.25em;
  background-color: #009aec;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.8125em;
}
#instrument .info th,
#instrument .info td {
  background-color: transparent;
  border-right: none;
  padding: 0.3125em;
}
#instrument .info td {
  vertical-align: top;
}
#instrument .module {
  width: 103.33333333%;
}
#instrument .tablebox {
  width: 50%;
  padding-right: 3.22580645%;
  padding-top: 3.22580645%;
  text-align: center;
}
#instrument .tablebox th {
  text-align: center;
  padding: 3.44827586%;
}
#instrument .tablebox td {
  padding: 2.5862069% 3.44827586%;
}
/*slides*/
#slides .img {
  padding-bottom: 39.58333333%;
}
#slides .wap {
  display: none;
}
#slides .text {
  position: absolute;
  left: 0;
  top: 57%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
  color: #fff;
}
#slides .box {
  width: 42.14285714%;
}
#slides .title {
  text-shadow: 0px 0.04285714em 0.14285714em rgba(0, 0, 0, 0.05);
}
#slides .intro {
  text-shadow: 0px 0.04285714em 0.14285714em rgba(0, 0, 0, 0.05);
  line-height: 1.66666667em;
  height: 3.33333333em;
  -webkit-line-clamp: 2;
  margin-bottom: 70px;
}
#slides .go {
  color: #fff;
  display: block;
  width: 8.75em;
  height: 3.125em;
  line-height: 2.875em;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 1.5625em;
  transition:.3s;
}
#slides .go:hover{
    background:#009aec;
}
#slides .swiper-pagination {
  bottom: 3.125em;
}
#slides .swiper-pagination-bullet {
  width: 1.875em;
  height: 1.875em;
  border: 2px solid transparent;
  border-radius: 100%;
  background-color: transparent;
  opacity: 0.5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#slides .swiper-pagination-bullet::before {
  content: '';
  display: block;
  width: 0.5em;
  height: 0.5em;
  background-color: #fff;
  border-radius: 100%;
}
#slides .swiper-pagination-bullet-active {
  border-color: #fff;
  opacity: 1;
}
.bgf2f6f9 {
  background-color: #f2f6f9;
}
.Htitle {
  padding-top: 6.25em;
  padding-bottom: 2.5em;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.Htitle .en {
  text-transform: uppercase;
  font-family: 'DIN';
  color: #eaeaea;
}
.Htitle .cn {
  color: #333333;
  margin-top: -1.25em;
}
.Htitle .go {
  color: #009aec;
  display: block;
  width: 8.75em;
  height: 3.125em;
  line-height: 2.875em;
  text-align: center;
  border: 1px solid #009aec;
  border-radius: 1.5625em;
  transition: all 0.5s;
}
.Htitle .go:hover {
  background-color: #009aec;
  color: #fff;
}
.Hname {
  align-items: center;
  color: #009aec;
  margin-bottom: 20px;
}
.Hname img {
  margin-right: 10px;
}
.serviceTop {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.serviceTop .item {
  flex-shrink: initial;
  overflow: hidden;
  border-radius: 10px;
  transition: all 0.5s;
  position: relative;
}
.serviceTop .item:not(.hover) {
  width:22.5%;
}
.serviceTop .item:not(:last-child) {
  margin-right: 20px;
}
.serviceTop .item:nth-child(2n) {
  transform: translateY(-3.75em);
}
.serviceTop .item.hover {
  width: 100%;
}
.serviceTop .box,
.serviceTop .box_on {
  display: flex;
  position: absolute;
  left: 0;
  color: #fff;
}
.serviceTop .box {
  width: 100%;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  bottom: 2.5em;
}
.serviceTop .text {
  writing-mode: vertical-lr;
  writing-mode: tb-lr;
  margin-top: 1.25em;
}
.serviceTop .en {
  opacity: 0.7;
  text-transform: uppercase;
}
.serviceTop .aon {
  width: 49.875em;
}
.serviceTop .img {
  padding-top: calc(450 / 1920 * 100vw);
  background: no-repeat center center;
  display: block;
  overflow: hidden;
}
.serviceTop .img::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: #000;
  opacity: 0.4;
  display:none;
}
.serviceTop .box_on {
  display: flex;
  align-items: center;
  background-color: rgba(0, 160, 233, 0.65);
  padding: 2.5em;
  bottom: 0;
  width: 90%;
  max-width: 660px;
  border-radius: 0 25px 0 0;
  opacity: 0;
}
.serviceTop .icon {
  flex: 0 0 auto;
  margin-right: 1.25em;
}
.serviceTop .textwarp {
  width: 100%;
  padding-right: 3.75em;
  position: relative;
}
.serviceTop .textwarp::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 3.25em;
  height: 3.25em;
  background: url(../images/arrow_02_white.svg) no-repeat center;
  border: 1px solid #fff;
  border-radius: 100%;
}
.serviceTop .hover .img::after {
  opacity: 0.1;
}
.serviceTop .hover .box {
  opacity: 0;
}
.serviceTop .hover .box_on {
  opacity: 1;
}
.servicelist {
  display: flex;
  justify-content: space-between;
  margin-top: 5em;
}
.servicelist .item {
  width: 24%;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  transition: all 0.5s;
}
.servicelist .pic {
  position: relative;
}
.servicelist .pic::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding-top: 100%;
  left: -50%;
  background-color: rgba(0, 160, 233, 0.65);
  border-radius: 100%;
  transition: all 0.5s;
}
.servicelist .img {
  padding-top: 13.75em;
  background: no-repeat center center;
  background-size: cover;
  display: block;
  overflow: hidden;
  transition: all 0.5s;
}
.servicelist .box {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  color: #fff;
}
.servicelist .icon {
  margin-bottom: 15px;
}
.servicelist .item:hover{
  box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);
}
.servicelist a:hover .img{
  transform: scale(1.1);
}
.servicelist a:hover .pic::after{ 
  left:-40%;
}
.Habout {
  background: url(../images/Habout_bg.png) no-repeat center bottom;
  align-items: flex-end;
  background-size: auto;
  display: flex;
  margin-top: 2%;
}
.Habout .textwarp,
.Habout .right {
  width: 50%;
}
.Habout .textwarp {
  padding-bottom: 16.875em;
}
.Habout .box {
  width: 93.75%;
  max-width: 700px;
  margin-left: auto;
  margin-right: 0;
}
.Habout .des {
  margin: 0 0 5.3125em;
}
.Habout .go {
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  color: #666666;
}
.Habout .go .icon {
  width: 3.25em;
  height: 3.25em;
  background-image: linear-gradient(to right, #0086cc, #19b0ff);
  border-radius: 100%;
  position: relative;
  margin-left: 20px;
}
.Habout .go .icon::after {
  content: '';
  display: block;
  position: absolute;
  background: url(../images/arrow_02_white.svg) no-repeat center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.Habout .right {
  position: relative;
  padding-bottom: 10px;
}
.Habout .pic {
  position: relative;
}
.Habout .videoplay {
  position: absolute;
  left: 55%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6.25em;
  height: 6.25em;
  background: url(../images/play.svg) no-repeat center;
  background-size: contain;
  cursor: pointer;
}
.Habout .item {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  z-index: 4;
}
.Habout .item:nth-child(1) {
  left: calc(-4 / 625 * 100%);
  bottom: calc(225 / 625 * 100%);
  
}
.Habout .item:nth-child(2) {
  left: calc(30 / 625 * 100%);
  bottom: calc(440 / 625 * 100%);
  
}
.Habout .item:nth-child(3) {
  left: calc(185 / 960 * 100%);
  bottom: calc(580 / 625 * 100%);
  
}
.Habout .item:nth-child(4) {
  left: calc(470 / 960 * 100%);
  bottom: calc(620 / 625 * 100%);
  
}
.Habout .item .text {
  display: inline-flex;
  flex-flow: column wrap;
  align-items: flex-end;
}
.Habout .item .txt {
  position: relative;
}
.Habout .item .line {
  position: absolute;
  width: 1.4375em;
  height: 1.4375em;
  border: 1px solid #009aec;
  border-radius: 100%;
  right: -1.875em;
  bottom: -0.75em;
  background-color: #fff;
}
.Habout .item .line::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #009aec;
  width: 0.5625em;
  height: 0.5625em;
  border-radius: 100%;
}
.Habout .num {
  color: #009aec;
  font-family: 'D-DINCondensed';
  line-height: 1;
}
.video_files {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.video_files video {
  width: 100%;
  height: 100%;
  background-color: #000;
}
.video_files .close {
  position: absolute;
  right: 3%;
  top: 3%;
  z-index: 10;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #009aec;
  cursor: pointer;
}
.video_files .close::before,
.video_files .close::after {
  position: absolute;
  content: '';
  width: 3px;
  height: 70%;
  border-radius: 3px;
  background-color: #fff;
  left: 13px;
  top: 5px;
}
.video_files .close::before {
  transform: rotate(45deg);
}
.video_files .close::after {
  transform: rotate(-45deg);
}
.Hnews {
  position: relative;
  padding-bottom: 3%;
}
.Hnews::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/Hnews_bg.png) no-repeat center bottom;
  z-index: 1;
  bottom: calc(-510 / 1920 * 100%);
}
.Hnews .list {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
.Hnews .left {
  width: 40%;
  max-width: 440px;
}
.Hnews .label {
  width: 80px;
  line-height: 28px;
  border: 1px solid #eaeaea;
  display: inline-block;
  text-align: center;
  border-radius: 6px;
  color: #999999;
  font-size: 14px;
}
.Hnews .pic {
  overflow: hidden;
  border-radius: 10px;
}
.Hnews .img {
  padding-top: 16.25em;
  transition: all 0.5s;
  background: no-repeat center center;
  background-size: cover;
  display: block;
  overflow: hidden;
}
.Hnews .des {
  color: #888888;
}
.Hnews .title {
  color: #555555;
}
.Hnews .excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Hnews .time {
  color: #999999;
  display: inline-flex;
  align-items: center;
}
.Hnews .time::after {
  content: '';
  width: 24px;
  height: 7px;
  background: url(../images/arrow_02_grey.svg) no-repeat center;
  margin-left: 15px;
}
.Hnews .left .label {
  margin: 1.875em 0 1.25em;
}
.Hnews .left .title {
  font-size: 22px;
}
.Hnews .left .des {
  margin: 1.25em 0 1.875em;
}
.Hnews .right {
  width: 57%;
  position: relative;
}
.Hnews .right::after {
  content: '';
  display: block;
  position: absolute;
  left: calc(-180 / 1920 * 100%);
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #eaeaea;
}
.Hnews .right .label {
  margin-right: 10px;
}
.Hnews .right .title {
  font-size: 20px;
  margin-bottom: 10px;
}
.Hnews .right .box {
  padding: 20px 0;
  display: block;
  position: relative;
  padding-right: 150px;
}
.Hnews .right .item {
  border-bottom: 1px solid #eaeaea;
}
.Hnews .right .time {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.Hnews .box:hover .title {
  color: #009aec;
}
.Hnews .box:hover .img {
  transform: scale(1.1);
}
@media only screen and (max-width: 1680px) {
  .Habout .item {
    transform: translateX(-16px);
  }
  
.Habout .item:nth-child(2) {
  left: calc(25 / 625 * 100%);
  bottom: calc(440 / 625 * 100%);
  
}
}
@media only screen and (max-width: 1600px) {
 .Habout .item:nth-child(1) {
  left: calc(-1 / 625* 100%);
    bottom: calc(225 / 625* 100%);
  
} 
  .Habout .item:nth-child(2) {
          left: calc(30 / 625* 100%);
        bottom: calc(440 / 625* 100%);
  
}
.Habout .item:nth-child(3) {
  left: calc(185 / 960* 100%);
    bottom: calc(580 / 625* 100%);
  
}
.Habout .item:nth-child(4) {
  left: calc(293 / 625 * 100%);
  bottom: calc(620 / 625 * 100%);
  
}
.fz60 {
    font-size: 55px;
}
}
@media only screen and (max-width: 1550px) {
.fz60 {
    font-size: 54px;
}
}
@media only screen and (max-width: 1490px) {
.fz60 {
    font-size: 52px;
}
}
@media only screen and (max-width: 1440px) {
  .Habout .item {
    transform: translateX(-30px);
  }
}
@media only screen and (max-width: 1024px) {
  .Habout {
    margin-top: 2%;
  }
}
@media only screen and (max-width: 768px) {
  .fz70 {
    font-size: 48px;
  }
  #slides .title{
      font-size:20px;
  }
  #slides .intro {
    margin-bottom: 2%;
    font-size:14px;
  }
  #slides .go{
      line-height:32px;
      height:32px;
      width:120px;
  }
  #slides .swiper-pagination {
    bottom: 1em;
  }
  #slides .wap {
    display: block;
  }
  #slides .pc {
    display: none;
  }
  .serviceTop {
    flex-flow: row wrap;
  }
  .serviceTop .img {
    padding-top: calc(700 / 1920 * 100vw);
    background-size: cover;
  }
  .serviceTop .box_on {
    padding: 1em;
  }
  .serviceTop .item {
    width: 49%!important;
    margin-right: 0!important;
    margin-bottom: 10px;
  }
  .serviceTop .item:nth-child(2n) {
    transform: translateY(0);
  }
  .serviceTop .item .img::after {
    opacity: 0.1;
  }
  .serviceTop .item .box {
    opacity: 0;
  }
  .serviceTop .item .box_on {
    opacity: 1;
    width: 100%;
  }
  .serviceTop .textwarp {
    width: 80%;
  }
  .servicelist {
    margin-top: 0;
  }
  .Habout {
    flex-flow: column wrap;
  }
  .Habout .textwarp,
  .Habout .right {
    width: 100%;
  }
  .Habout .textwarp {
    padding-bottom: 5%;
  }
  .Habout .item {
    transform: translateX(-30px);
  }
  .Habout .textwarp .box {
    margin: 0 auto;
    max-width: 100%;
  }
  .Habout .right {
    width: 90%;
    margin-left: auto;
    margin-right: 0;
    padding-bottom: 2%;
  }
  .Hnews .list {
    flex-flow: column wrap;
  }
  .Hnews .left,
  .Hnews .right {
    width: 100%;
  }
  .Hnews .left {
    max-width: 100%;
  }
  #history .info .label{
    transform: translate(0,0)!important;
    top:0;
  }
}
@media only screen and (max-width: 640px) {
  .fz70 {
    font-size: 36px;
  }
  #slides .img {
    padding-top: 30vw;
  }
  #slides .intro {
    height: auto;
  }
  #slides .box {
    width: 100%;
  }
  .Htitle {
    padding-top: 5%;
    padding-bottom: 3%;
  }
  .Htitle .go {
    width: 7em;
  }
  .serviceTop .item {
    width: 100%!important;
  }
  .serviceTop .img {
    padding-top: calc(700 / 1200 * 100vw);
  }
  .servicelist {
    flex-flow: row wrap;
  }
  .servicelist .item {
    width: 49%;
    margin-bottom: 10px;
  }
  .Habout .des {
    margin-bottom: 3%;
  }
  .Habout .right {
    margin-top: 10%;
    width: 100%;
    display: flex;
    flex-flow: column wrap;
  }
  .Habout .numbox {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
  }
  .Habout .item {
    position: static;
    transform: none;
    margin: 0 5% 5%;
  }
  .Habout .item .line {
    display: none;
  }
  .Hnews .left .title {
    font-size: 20px;
  }
  .Hnews .right .title {
    font-size: 18px;
  }
  .Hnews .right .box {
    padding-right: 0;
  }
  .Hnews .right .time {
    position: static;
    transform: none;
  }
#banner .Detectmess{ padding:20px;}
#banner .Detectmess h5{ margin-bottom:5px;}
#banner .Detectmess .btnBox{ margin-top:5px;}
#banner .Detectmess .btnBox .btn{ font-size:14px;}
#notary .swiper{ width:100%;}
#notary img{ height:auto!important;}
}
/*certificate*/
#certificate {
  overflow: hidden;
}
#certificate .swiper-wrapper {
  align-items: center;
}
#certificate .swiper-slide {
  padding: 10px 0;
}
#certificate .swiper-slide-prev {
  transform: translateX(-10%);
}
#certificate .swiper-slide-next {
  transform: translateX(10%);
}
#certificate .pic {
  position: relative;
  padding: 10px;
  box-shadow: 0px 0px 0.625em rgba(0, 0, 0, 0.14);
  padding: 1.375em;
  border-radius: 1.25em;
  background-color: #fff;
  width: 100%;
}
#certificate .img {
  padding-bottom: 141.72932331%;
  background: no-repeat center center;
  background-size: contain;
  display: block;
  overflow: hidden;
}
#certificate .page_btn {
  position: relative;
  width: 925px;
  max-width: 96%;
  height: 50px;
  padding: 0 75px;
  margin: 2% auto ;
  display: flex;
  align-items: center;
  justify-content: center;
}
#certificate .swiper-scrollbar {
  width: 100%;
}
#certificate .swiper-scrollbar {
  background-color: #eaeaea;
  height: 1px;
}
#certificate .swiper-scrollbar-drag {
  height: 3px;
  top: -1.5px;
  background-color: #009aec;
}
#certificate .title {
  opacity: 0;
  text-align: center;
  font-size: 1.25em;
  margin-top: calc(45 / 1920 * 100vw);
}
#certificate .swiper-slide-active .title {
  opacity: 1;
}
#certificate .swiper-button-arrow {
  background-color: #ffffff;
  box-shadow: 0px 20px 40px 0px rgba(33, 58, 143, 0.1);
  width: 50px;
  height: 50px;
  color: #009aec;
}
#certificate .swiper-button-arrow:hover {
  background-color: #009aec;
  color: #fff;
}

.fixBoxr{position: fixed;top: 50%;transform: translateY(-50%);right: -20%;z-index: 99;opacity:0;transition:.3s;}
.fixBoxr li{position: relative;padding:10px;background:#fff;margin-bottom:2px;transition:.3s;}
.fixBoxr li.Online_con{ cursor:pointer;}
.fixBoxr li .icon{width: 30px;margin: 0 auto;}
.fixBoxr li .icon img{transition:.3s;}
.fixBoxr li p{font-size:14px;color: #333;text-align: center;}
.fixBoxr li figure{position: absolute;right: 120%;top: 0;background:#fff;width: max-content;padding:10px;display: none;}
.fixBoxr li figure .code{display: inline-block;vertical-align: middle;max-width:106px;}
.fixBoxr li figure p{line-height:1;margin-top:8px;}
.fixBoxr li:hover{background:#009aec;}
.fixBoxr li:hover p{color: #fff;}
.fixBoxr li:hover figure{display: block;}
.fixBoxr li:hover figure p{color:#333;}
.fixBoxr li:hover .icon img{filter: grayscale(100%) brightness(200%)}
.fixBoxr.onShow{right: 3%;opacity:1;}
#icon_module{ display:none;}

#historyNew{background: url(../images/history_bg.png) no-repeat center center;background-size: cover;padding: 4.6875% 0 5.72916667%;overflow: hidden;}
#historyNew .wrap{position: relative;overflow: hidden;}

#historyNew .wrap:before {
  width: 118.71428571%;
  height: 1px;
  background-color: #ccc;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
  content: '';
  display: block;
  position: absolute;
  margin-top: -0.5px;
}
#historyNew .swiper-wrapper{align-items: center;}
#historyNew .item{height: 100%;position: relative;padding:10px 25px 30px 10px;}
#historyNew .item .info{position: relative;padding-right: 1em;padding-bottom: 40px;}
#historyNew .item .info:before{height: 100%;width: 1px;content: '';display: block;position: absolute;top: 0;background-color: #ccc;right: 0;}
#historyNew .item .info h5{font-size:22px;font-weight:bold;color: #000;position: relative;padding-left:20px;margin-bottom: 20px;}
#historyNew .item .info h5:before{width: 8px;height: 8px;content: '';background-image:linear-gradient(#dba762,#e6dd9a);position: absolute;left: 0;top: 50%;margin-top:-4px;transform: rotate(-45deg);}
#historyNew .item .intro{}
#historyNew .intro p{position: relative;padding-left:1em;font-size:14px;line-height:1.5;}
#historyNew .intro p:before{width: 0.1875em;height: 0.1875em;background-color: #969696;content: '';display: block;position: absolute;left: 0;top: 0.84375em;}
#historyNew .intro span{display: block;color: #009aec;margin-top:15px;}
#historyNew .item .label{text-align: center;margin-bottom:56px;margin-left:-25px;position: relative;font-size:30px;color: #009aec;font-weight:bold;line-height:1.2;}
#historyNew .item .label:before{width: 12px;height: 12px;content: '';background-image:linear-gradient(#dba762,#e6dd9a);position: absolute;left: 50%;top: 100%;margin-left:-6px;margin-top:14px;transform: rotate(-45deg);}
#historyNew .item.noText .label{margin-bottom:128px;}

#historyNew .intro {color: #333;height:12em;overflow-y: auto;scrollbar-width: thin;scrollbar-color: #009aec #dedede;-webkit-overflow-scrolling: touch;padding-right:1em;}
#historyNew .intro::-webkit-scrollbar {
  background-color: #ededed;
  width: 2px;
}
#historyNew .intro::-webkit-scrollbar-thumb {
  width: 100%;
  background-color: #009aec;
}

.testiList{}
.testiList .item{background:#f8f9fa;margin-bottom:40px;transition:.3s;}
.testiList .item:hover{background:#fff;box-shadow: 0 0 1.2em rgba(0,0,0,.2);}
.testiList .item .imgBox{float: left;width: 33.5%;position: relative;overflow: hidden;border-radius:8px;}
.testiList .item .imgBox figure{padding-bottom:75%;background-repeat: no-repeat;background-size: cover;background-position:center;transition:.3s;}
.testiList .item:hover .imgBox figure{transform: scale(1.1, 1.1);}
.testiList .item .txtBox{padding:0 6.5%;width: 66.5%;float: left;position: relative;margin-top:50px;}
.testiList .item .txtBox .icon{width: 90px;position: absolute;left: 0;transform: translateX(-50%);top: 0;transition:.3s;}
/*.testiList .item:hover .txtBox .icon{top: -5px;}*/
.testiList .item .txtBox h5{font-size:26px;margin-bottom:15px;}
.testiList .item .txtBox .des span{display: inline-block;width: 49.5%;font-size:16px;line-height:33px;color: #555555;}
.testiList .item:nth-child(even) .imgBox{float: right;}
.testiList .item:nth-child(even) .txtBox .icon{left: auto;right: 0;transform: translateX(50%);}
.testiList .item:nth-child(even) .txtBox h5{text-align: right;}
.testiList .item:nth-child(even) .txtBox .des span{}

@media(max-width:768px){
    .testiList .item .txtBox h5{font-size:20px;margin-bottom:8px;}
    .testiList .item .txtBox .des span{font-size:14px;line-height:26px;width:100%;}
}

#guarantee .bigSwiper{margin-bottom: 30px;}
#guarantee .bigSwiper .swiper-slide{background:#fff;}
#guarantee .bigSwiper .imgBox{float: left;width: 50%;border-radius:8px;overflow: hidden;}
#guarantee .bigSwiper .imgBox figure{padding-bottom:66.5%;background-repeat: no-repeat;background-size: cover;background-position:center;}
#guarantee .bigSwiper .txtBox{width: 50%;float: left;padding:2.5% 3.5% 0 4%;}
#guarantee .bigSwiper .txtBox h5{font-size:24px;margin-bottom:20px;}
#guarantee .bigSwiper .txtBox .des{}
#guarantee .bigSwiper .txtBox .des p{font-size:16px;line-height:30px;position: relative;padding-left:15px;color: #555555;margin-bottom: 15px;}
#guarantee .bigSwiper .txtBox .des p:before{width: 8px;height: 8px;content: '';background:#009aec;border-radius:50%;position: absolute;left: 0;top: 12px;}
#guarantee .smaSwiper{padding:0 8%;overflow: hidden;position: relative;margin-bottom: 5.35714286%;}
#guarantee .smaSwiper .imgBox{position: relative;border-radius:8px;overflow: hidden;}
#guarantee .smaSwiper .imgBox:before{width: 100%;height: 100%;content: '';background:rgba(25,164,238,.8);top: 0;left: 0;position: absolute;opacity: 0;transition:.3s;}
#guarantee .smaSwiper .swiper-slide-thumb-active .imgBox:before{opacity: 1;}
#guarantee .smaSwiper .imgBox figure{padding-bottom:120px;background-repeat: no-repeat;background-size: cover;background-position:center;}
#guarantee .smaSwiper .imgBox h5{position: absolute;font-size:18px;text-align: center;width: 100%;top: 50%;transform: translateY(-50%);color: #fff;font-weight:normal;}

@media(max-width:1920px){
  #historyNew .wrap{
    padding: 0 7.03125vw;
    margin: 0 -7.03125vw;
  }
}

@media(max-width:1680px){
  #historyNew .wrap{
    padding: 0 2.38095238vw;
    margin: 0 -2.38095238vw;
  }
}

@media(max-width: 1280px){
  #historyNew .wrap {
    padding: 0 2.38095238vw;
    margin: 0;
  }
}

@media(max-width:1024px){
  .fixBoxr{display: none;}
  .testiList .item .imgBox{float: none!important;width: 100%;}
  .testiList .item .imgBox figure{padding-bottom:30%;}
  .testiList .item .txtBox{margin-top:20px;width: 100%;padding:0 2% 20px;}
  .testiList .item .txtBox .icon{position: static;transform: translateX(0)!important;margin-bottom:15px;width: 50px;}
  .testiList .item:nth-child(even) .txtBox h5{text-align: left;}
  #guarantee .bigSwiper .imgBox{float: none;width: 100%;}
  #guarantee .bigSwiper .txtBox{float: none;width: 100%;padding-bottom:10px;}
}

@media(max-width:768px){
    #historyNew {
    padding: 7.5% 0;
  }
  #historyNew .wrap {
    padding: 0 45px;
  }
  #historyNew .item{padding:10px 15px 20px;}
  #historyNew .intro{height: 10em;}
  #historyNew .item .label{font-size:26px;}
}


@media(min-width:1025px){
    #history .year{font-size:28px;}
    .Habout .des{line-height:36px;}
    #inspectionlist .item{width:25%;padding:0 ;}
    #inspectionlist .item a{border-radius:inherit;border:none;border-bottom: 1px solid #f6f6f6;border-left: 1px solid #f6f6f6;border-top:1px solid #f6f6f6;padding: 6.7357513% 7.77202073% 0;}
    #inspectionlist .item:nth-child(4n) a{border-right: 1px solid #f6f6f6;}
    #inspectionlist .figure{border-radius:inherit;}
    #inspectionlist .title{font-size:18px;}
    #inspectionlist .excerpt{font-size:14px;}
}

/* 在线留言弹框 */
.messFixBox{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 998;background:rgba(0,0,0,.5);display: none;}
.messFixBox .contBox{position: absolute;max-width:600px;width: 80%;top: 12%;left: 50%;transform: translateX(-50%);background:#fff;padding:4.25%;}
.messFixBox .contBox .cloBtn{width: 17px;height: 17px;display: block;background:url(../images/clo.png) no-repeat;background-size: contain;position: absolute;top: 15px;right: 15px;transition:.3s;}
.messFixBox .contBox .cloBtn:hover{transform: rotate(90deg);}
.messFixBox .contBox h3{text-align: center;font-size:30px;font-weight:normal;margin-bottom:40px;}
.messFixBox .contBox .form .item{margin-bottom:10px;display: flex;justify-content: space-between;align-items: center;}
.messFixBox .contBox .form .item.textA{align-items: baseline;}
.messFixBox .contBox .form .item label{text-align: right;width: 90px;font-size:16px;color: #666666;}
.messFixBox .contBox .form .item input{line-height:50px;padding:0 15px;width: calc(100% - 100px);background:#f7f8f9;}
.messFixBox .contBox .form .item textarea{padding:10px 15px;width: calc(100% - 100px);background:#f7f8f9;height: 120px;}
.messFixBox .contBox .form .subBtn{display: block;width: 120px;line-height:35px;border-radius:35px;margin: 25px auto 0;background:#25a2e5;color: #fff;font-size:16px;text-align: center;}


/* flex 布局 */
.d-flex{ display: flex;}
.j-end{ justify-content: flex-end;}
.j-center{justify-content: center;}
.j-sb{justify-content: space-between;}
.j-start{justify-content: flex-start;}
.f-wrap{flex-wrap: wrap;}
.f-colu{flex-direction: column;}
.a-center{align-items: center;}
.a-self{align-items: self-start;}
.a-start{align-items: flex-start;}
.a-baseline{align-items: baseline;}
.a-end{align-items: flex-end;}
.al-start{align-content: flex-start;}
.al-end{align-content: flex-end;}
.al-center{align-content: center;}
.al-sb{align-content: space-between;}
.al-sa{align-content: space-around;}
.al-stretch{align-content: stretch;}

/*  */
#service .safety_top{ display:flex; align-items:center; background:#f8f9fa; padding:30px 60px;}
#service .safety_top2{ padding-top:10px;}
#service .safety_top .pic{ text-align:center; width:40%;}
#service .safety_top .txt{ padding-left:20px; width:60%;}
#service .safety_top .txt .tit{ margin-bottom:10px; font-weight:bold; font-size:20px; color:#009aec;}
#service .safety_top .des{line-height:2;}
#service .safety_top .des .name{ font-weight:bold;}
#service .hide_box{ display:none;}
#service .safety_li{ display:flex; flex-wrap:wrap;}
#service .safety_li,
#service .safety_li li{ margin:0; text-align:center; list-style:none;}
#service .safety_li li.witd23{ width:23.5%; margin-bottom:15px; margin-right:2%;}
#service .safety_li li.witd23:nth-child(4n){ margin-right:0;}
#service .safety_li li.witd30{ width:32%; margin-bottom:15px; margin-right:2%;}
#service .safety_li li.witd30:nth-child(3n){ margin-right:0;}
#service .safety_li li .pic{ background:#f8f9fa; border-radius:5px; overflow: hidden;}
#service .safety_li li .txt{ font-size:22px; padding:10px 0; display:block; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
@media(max-width:640px){
#service .safety_top{ padding:10px 20px 30px; flex-wrap:wrap;}
#service .safety_top .pic{ width:100%;}
#service .safety_top .txt{ padding-left:0; width:100%;}
#service .safety_li li.witd23:nth-child(4n),
#service .safety_li li.witd23{ width:49%; margin-right:2%;}
#service .safety_li li.witd23:nth-child(2n){ margin-right:0;}
#service .safety_li li.witd30:nth-child(3n),
#service .safety_li li.witd30{ width:49%; margin-right:2%;}
#service .safety_li li.witd30:nth-child(2n){ margin-right:0;}
#service .safety_li li .txt{ font-size:14px;}
}


/*  */
#Channel_box{ margin-bottom:6.25%;}
#Channel_box .childbirth{ margin-bottom:6.25%;}
#Channel_box .childbirth .text{ width: 43.33333333%;}
#Channel_box .childbirth .title{ margin-bottom: 5.76923077%;}
#Channel_box .childbirth .box{ width:51.084%; overflow:hidden;}
#Channel_box .childbirth .box .figure{position: relative; overflow:visible;}
#Channel_box .childbirth .box .img{padding-bottom:65.255%; position:relative; z-index:2; border-radius:0.625em;}
#Channel_box .honor_box .title{ color:#333; margin-bottom:3%;}
#Channel_box .honor_box .swiper-pagination{ margin:20px 0 0; bottom:0; position:relative;}
#Channel_box .honor_box .swiper-pagination .swiper-pagination-bullet{ outline:none;}
#Channel_box .honor_box .item .pic{ overflow:hidden;}
#Channel_box .honor_box .item .pic img{ transition:all .5s;}
#Channel_box .honor_box .item:hover .pic img{ transform:scale(1.1);}
#Channel_box .other_list{ margin-top:60px; display:flex; flex-wrap:wrap; margin-left:1px;}
#Channel_box .other_list .item{ width:33.3333333%; border:solid 1px #f6f6f6; padding:2%; margin-top:-1px; margin-right:-1px;}
#Channel_box .other_list .item .pic{ overflow:hidden;}
#Channel_box .other_list .item .pic img{ transition:all .5s;}
#Channel_box .other_list .item .txt{ color:#666666; line-height:1.7; font-size:16px; padding-top:20px;}
#Channel_box .other_list .item .tit{ width:100%; margin-bottom:5px; font-size:24px; color:#333;}
#Channel_box .other_list .item:nth-child(3n){ margin-right:0;}
#Channel_box .other_list .item:hover .pic img{ transform:scale(1.1);}
#Channel_box .other_list .item:hover .tit{ color:#009aec;}
#Channel_box .other_list .other_shell{ width:100%; display:flex; flex-wrap:wrap;}
#Channel_box .other_list .other_shell .item_last{ text-align:center;}
#Channel_box .other_list .other_shell .item_last .tit{ color:#333; text-align:center;}
#Contact_box{color:#333; overflow:hidden;}
#Contact_box .title{position:relative;line-height:1.2;padding-left:.5em;font-weight:500; }
#Contact_box .title:before{width:0.12em;height:80%;background-color:#009aec;content:'';display: block;position:absolute;left:0;top:10%;}
#Contact_box .info{margin-top:3%; text-align:left;}
#Contact_box .info ul{-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
#Contact_box .info li{line-height:2; width:48%;}
@media(max-width:1024px){
#Channel_box .other_list .item .tit{ font-size:18px;}
#Channel_box .other_list .item .txt{ font-size:14px;}
}
@media(max-width:768px){
#Channel_box .childbirth .text{ width:100%;}
#Channel_box .childbirth .box{ margin-top:30px; width:100%;}
}
@media(max-width:640px){
#Channel_box .other_list .item{ width:50%;}
#Contact_box .info li{ width:100%;}
}


/*  */
#service .Collaborative_one{ margin-bottom:6.25%;}
#service .Collaborative_one .title{ margin-bottom:3%;}
#service .Collaborative_one .text{ padding-left:0; width:47%;}
#service .Collaborative_one .box{ margin-top:0; width:47.458%; overflow:hidden;}
#service .Collaborative_one .box .figure{position:relative; width:100%;}
#service .Collaborative_one .box .img{ width:100%; display:block; padding-bottom:60.715%; position:relative; z-index:2; border-radius:0.625em;}
@media(max-width:640px){
#service .Collaborative_one .text{ width:100%;}
#service .Collaborative_one .box{ margin-top:20px; width:100%;}
}

/*  */
.Teaching_list .item{ margin-bottom:30px; background:#f8f9fa;}
.Teaching_list .item .pic{ width:50%;}
.Teaching_list .item .txt{ direction:ltr; width:50%; padding:0 40px;}
.Teaching_list .item:nth-child(2n+1){ direction:rtl;}
.examination .wenzi{ width:45%;}
.examination .pic{ width:54.068%;}
@media(max-width:640px){
.Teaching_list .item .txt{ padding:20px; width:100%;}
.Teaching_list .item .pic{ width:100%;}
.examination .wenzi{ width:100%;}
.examination .pic{ margin-top:20px; width:100%;}
}

/*  */
.practice_one{ background:#fafafa; text-align:center; padding:40px 20px;}
.practice_one .but{ font-size:0; margin-top:50px; display:flex; justify-content:center;}
.practice_one .but .aniu{ font-size:18px; color:#009aec; display:flex; align-items:center; border:solid 1px #009aec; padding:10px 30px; border-radius:100px; overflow:hidden;}
.practice_one .but .aniu::after{display:block;content:'';width:24px;height:6px;background-image:url(../images/arrow_02.svg);background-repeat:no-repeat; background-position:center; margin-left:15px;}
@media(max-width:640px){
.practice_one .but .aniu{ padding:5px 20px; font-size:14px;}
.practice_one .but .aniu::after{ margin-left:10px; background-size:contain; width:18px;}
}

/*  */
.construction_box .construction_ol .txt{ width:47%;}
.construction_box .construction_ol .pic{ width:47.458%;}
.construction_box .course_box .ul,
.construction_box .course_box .ul li{ margin:0; list-style:none;}
.construction_box .course_box .ul li{ width:19.333%; margin-right:.83333%;}
.construction_box .course_box .ul li:nth-child(5n){ margin-right:0;}
.construction_box .course_box .ul .toi{ padding-top:5px; text-align:center;}
.construction_box .switc_shell{ overflow:hidden;}
.construction_box .laboratory .tu_img{ width:48.5%;}
.construction_box .laboratory .wenz{ margin-top:10px;}

@media(max-width:640px){
.construction_box .construction_ol .txt{ width:100%;}
.construction_box .construction_ol .pic{ margin-top:20px; width:100%;}
.construction_box .course_box .ul li{ width:49%; margin-right:2%; margin-bottom:2%;}
.construction_box .course_box .ul li:nth-child(2n){ margin-right:0;}
.construction_box .laboratory .tu_img{ margin-bottom:20px; width:100%;}
}


/* 服务平台_汇标云 */
.columnname_box{ margin-bottom:25px;}
.columnname_box .tit{text-align:center;line-height:1.35em;color:#333;}
.columnname_box .des{ margin-top:5px; text-align:center;}
#platform .title{ color:#333333; font-size:1.25em;position:relative;line-height:1.5em;padding-left:1em;font-weight:500;margin-bottom: 2.16666667%;}
#platform .title:before{width:0.2em;height:0.9em;background-color:#009aec;content:'';display:block;position:absolute;left:0;top:0.3em;}
#platform .pageshell{ padding:70px 0;}
#platform .platform_one .platform_con{ background:#f8f9fa; padding:70px 50px;}
#platform .tab_section .section_box{ display:none;}
#platform .tab_section .platform_one{ padding-top: 0; margin-top: -70px;}
#platform .platform_one .platform_con .tab_con{ display:flex; align-items:center; flex-wrap: wrap;}
#platform .platform_one .platform_con .pic{ width:50.5%;}
#platform .platform_one .platform_con .text{ width:49.5%; color:#666666; padding-left:50px;}
#platform .platform_two{ background:#f8f9fa;}
#platform .platform_two .list{ display:flex; flex-wrap:wrap;}
#platform .platform_two .list .item{ padding:40px 20px; width:23.334%; margin-right:2.2222%; background:#fff;}
#platform .platform_two .list .item .icon_tu{ margin-bottom:20px; display:flex; align-items:center; justify-content:space-between;}
#platform .platform_two .list .item .icon_tu i{ font-size:4vw; line-height:.8; color:#19a4ee; opacity:.06; font-style:normal;}
#platform .platform_two .list .item:nth-child(4n){ margin-right:0;}
#platform .platform_two .list .item .tit{ color:#333333; font-size:1.05vw;}
#platform .platform_two .list .item .des{ margin-top:5px; line-height:1.7; color:#666;}
#platform .platform_three .list{ display:flex; flex-wrap:wrap;}
#platform .platform_three .list .item{ width:30.667%; margin-right:3.99%; background:#fff;}
#platform .platform_three .list .item .pic{ border-radius:10px; overflow:hidden;}
#platform .platform_three .list .item .txt{ margin-top:20px;}
#platform .platform_three .list .item .tit{ font-size:1.05vw; color:#333;}
#platform .platform_three .list .item:nth-child(3n){ margin-right:0;}
#platform .platform_four{ background:#f8f9fa;}
#platform .platform_four .list{ display:flex; flex-wrap:wrap;}
#platform .platform_four .list .item{ width:31.667%; margin-right:2.45%; display:flex; align-items:center; padding:40px 20px; background:#fff;}
#platform .platform_four .list .item .tit{font-size:1.05vw; color:#333;}
#platform .platform_four .list .item .text{padding-left:15px;}
#platform .platform_four .list .item .des{color:#666666;}
#platform .platform_four .list .item .des .but{color:#666666; display:flex; align-items:center;}
#platform .platform_four .list .item .des .but::after{display:block;content:'';width:24px;height:6px;background-image:url(../images/arrow_02.svg);background-repeat:no-repeat; background-position:center; margin-left:8px;}
#platform .platform_four .list .item:nth-child(3n){ margin-right:0;}
@media(max-width:768px){
#platform .platform_two .list .item .icon_tu img{ width:7vw;}
#platform .platform_four .list .item .icon img{ max-width:60px;}
}
@media(max-width:640px){
#platform .pageshell{ padding:50px 0;}
#platform .platform_one .platform_con{ padding:20px;}
#platform .platform_one .platform_con .pic{ width:100%;}
#platform .platform_one .platform_con .text{ padding:20px 0 0; width:100%;}
#platform .platform_two .list .item{ width:49%; margin-bottom:10px; margin-right:2%;}
#platform .platform_two .list .item:nth-child(2n){ margin-right:0;}
#platform .platform_two .list .item .tit{ font-size:18px;}
#platform .platform_two .list .item .icon_tu img{ width:50px;}
#platform .platform_three .list .item{ width:100%; margin-bottom:20px; margin-right:0;}
#platform .platform_three .list .item .tit{ font-size:18px;}
#platform .platform_four .list .item{ width:100%; margin-bottom:20px; margin-right:0;}
#platform .platform_four .list .item .icon img{ max-width:110px;}
#platform .platform_four .list .item .tit{ font-size:18px;}
}

.service_jspx .linkFile{margin:30px 0 60px 0;}
.service_jspx .linkFile h3{margin-bottom:30px;}
.service_jspx .linkFile ul{margin-left:0;}
.service_jspx .linkFile ul li{list-style: none;line-height: 30px;margin:8px 0;padding-left:30px;background:url(../images/linkico.png) no-repeat left center;}
.service_jspx .linkFile ul li.no{background: none;}

@media(max-width:768px){
  #service .num{font-size: 18px !important;}
  .service_jspx .linkFile{margin:10px 0 30px 0;}
  .service_jspx .linkFile h3{margin-bottom:20px;}
  .service_jspx .linkFile ul li{line-height: 24px;}
}

.school_swiper{position: relative;}
.school_swiper .swiper-slide img{width:100%;}

.addPopup{position: fixed;z-index:999;top:50%;left:50%;transform: translate(-50%,-50%);box-shadow: 0 0 10px rgba(0,0,0,.2);display: none;}
.addPopup .close{width:30px;height:30px;background: url(../images/close.svg) no-repeat center center;position: absolute;top:15px;right:15px;background-size: 23px;font-size: 0;color:transparent;cursor: pointer;}
.addPopup iframe{width:800px;height:600px;display: block;}

@media(max-width:768px){
  .addPopup iframe{width:300px;height:300px;}
  .addPopup .close{right:35px;top:8px;background-size: 20px;}
}