@charset "utf-8";

@font-face{ font-family:Roboto_l; src:url(../other/ROBOTO-LIGHT-10_0.TTF);}

@font-face{ font-family:ARVO-REGULAR; src:url(../other/ARVO-REGULAR.TTF);}

@font-face{ font-family:Roboto_r; src:url(../other/ROBOTO-REGULAR-14_0.TTF);}

@media (max-width:4000px){html{font-size:16px;}}

@media (min-width:1600px) and (max-width:1940px){html{font-size:16px;}}

@media (min-width:1400px) and (max-width:1600px){html{font-size:13px;}}

@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}

@media (min-width:471px) and (max-width:639px){html{font-size:12px;}}

@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}

@media (max-width:328px){html{font-size:12px;}}



/*==========================================公共 开始=============================================*/

.ar_wap{ display:none}

.a_body{ position:relative; z-index:0;}

.section{ overflow:hidden;}



/*==========================================公共 结束=============================================*/





/*==========================================首页 开始=============================================*/



 #top {

  width: 100%;

  height: 100vh;

  overflow: hidden;

  position: relative;

}

#top .indexBanner {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 0;
  
  background: url(../images/ajax-loader.gif) no-repeat center center;

}

 #top .indexBanner .webGL-slider {

  position: absolute;

}

 .bg {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 3;

}

.dis_bg {

  position: absolute;

  width: 100%;

  top: 0;

  left: 0;

  z-index: 3;

  pointer-events: none;

}

.dis_bg img{

  width: 100%;

  display: block;

}



 #water {

  position: absolute;

  width: 23vw;

  top: 0;

  left: 0;

  margin: 0;

  height: 100%;

  z-index: 4;

  transform: none;

  -webkit-transform: none;

  -moz-transform: none;

  -o-transform: none;

  -ms-transform: none;

  opacity: 0.8;

}

 #top .indexBanner .txt-item {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 5;

}

.indexBanner .txt-item > li {

  position: absolute;

  top: 40%;

  left: 0;

  transform: translateY(-50%);

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

  -moz-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  width: 100%;

}

 .indexBanner .txt-item > li > a {

  position: absolute;

  display: inline-block;

  top: 30vh;

  left: 0;

}

 .indexBanner .txt-item > li > a > i {

  font-size: 32px;

  opacity: 0;

  vertical-align: middle;

  display: inline-block;

  animation: fadeInLeftSmall 1.5s ease forwards;

  animation-delay: 1s;

}

 .indexBanner .scr {

  position: absolute;

  z-index: 10;

  bottom: 4vh;

  right: 5vw;

  padding-top: 90px;

  cursor: pointer;

}

 .indexBanner .scr > span {

  position: absolute;

  top: 0;

  left: 50%;

  text-align: center;

  width: 84px;

  height: 84px;

  line-height: 84px;

  display: block;

  letter-spacing: 7px;

  transform: translateX(-50%) rotate(90deg);

  -webkit-transform: translateX(-50%) rotate(90deg);

  -moz-transform: translateX(-50%) rotate(90deg);

  -o-transform: translateX(-50%) rotate(90deg);

  -ms-transform: translateX(-50%) rotate(90deg);

}

 .indexBanner .scr #mouse {

  transform: scale(0.7);

  -webkit-transform: scale(0.7);

  -moz-transform: scale(0.7);

  -o-transform: scale(0.7);

  -ms-transform: scale(0.7);

}

 .indexBanner .scr #mouse #mouse-move {

  animation: Tmouse 0.8s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

}

@keyframes Tmouse {

  0% {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    -webkit-transform: translateY(8px);

    -moz-transform: translateY(8px);

    -ms-transform: translateY(8px);

    -o-transform: translateY(8px);

    transform: translateY(8px);

  }

}



.indexBanner .txt-item > li .w1200, .webGL-slider .pagination .w1200{ max-width:100%; padding:0 0 0 10rem}



.indexBanner .txt-item > li h5{font-size: 2rem;color:#fff;line-height: 1.5;margin-bottom: .5rem;}

.indexBanner .txt-item > li h5 font{}

.indexBanner .txt-item > li small{font-size: 3.5rem;color:#fff;display: block;font-weight: bold;margin: 0 0 1.5rem;line-height: 1.375;}

.indexBanner .txt-item > li small font{}

.indexBanner .txt-item > li small.word1{font-family:Roboto_l;font-size:13px;line-height:22px;color:#fff;font-weight:normal;max-width:27.875rem;opacity:.6;letter-spacing: .5px;}

.indexBanner .txt-item > li small.word1 font{ font-family:Roboto_l;}



.webGL-slider {

  position: relative;

  display: flex;

  align-items: center;

  width: 100%;

  height: 100%;

  margin: 0 auto;

  z-index: 5;

}

.webGL-slider > img {

  width: 100%;

  max-width: 100%;

  position: relative;

  top: 0;

  left: 0;

  z-index: 0;

  opacity: 0;

}

.webGL-slider canvas {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  z-index: 2;

  transform-origin: 50% 50%;

}

.webGL-slider .pagination {

  position: absolute;

  top: 50%;

  transform: translateY(10rem);

  left: 0;

  right: 0;

  z-index: 6;

}



.webGL-slider .pagination > [data-slide] {

    display: inline-block;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border: 0;

    width: 20px;

    height: 20px;

    background-color: transparent;

    text-align: center;

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

    font-size: 16px;

    border-radius: 100%;

    padding: 0;

    cursor: pointer;

    position: relative;

    opacity: 1;

    transition: opacity 0.2s ease-in-out;

    outline: none;

    vertical-align: top;

}

.webGL-slider .pagination > [data-slide] > span {

    position: absolute;

    top: 0;

    height: 2px;

    width: 15px;

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

    left: 30px;

}

.webGL-slider .pagination > [data-slide] > span:nth-of-type(1) {

    width: 25px;

    top: 10px;

    left: 20px;

}

.webGL-slider .pagination > [data-slide] > span:nth-of-type(2) {

    top: 18px;

}

.webGL-slider .pagination > [data-slide] > span:nth-of-type(3) {

    top: 26px;

}

.webGL-slider .pagination > [data-slide] > span:nth-of-type(4) {

    top: 34px;

}

.webGL-slider .pagination > [data-slide] > span:nth-of-type(5) {

    top: 42px;

}

.webGL-slider .pagination > [data-slide] > span:nth-of-type(6) {

    top: 50px;

    width: 20px;

    left: 25px;

}

.webGL-slider .pagination > [data-slide] > span:nth-of-type(7) {

    top: 58px;

}

.webGL-slider .pagination > [data-slide] > span:nth-of-type(8) {

    top: 66px;

}

.webGL-slider .pagination > [data-slide] > span:nth-of-type(9) {

    top: 74px;

}

.webGL-slider .pagination > [data-slide] > span:nth-of-type(10) {

    top: 82px;

}

.webGL-slider .pagination > [data-slide].lat {

    padding-bottom: 22px;

}

.webGL-slider .pagination > [data-slide].lat > span {

    display: none;

}

.webGL-slider .pagination > [data-slide].lat > span:nth-of-type(1) {

    display: inline-block;

    width: 25px;

    top: 10px;

    left: 20px;

}

.webGL-slider .pagination > [data-slide].lat2 > span:after{

    content: "";position: absolute;

    width: 100%;height: 100%;background-color: #fff;

    top: 0;left: 0;

}

.webGL-slider .pagination > [data-slide]:nth-of-type(2).go {

    color: #ffffff;

}

.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span {

    background-color: #ffffff;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

}

.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(1) {

    transition-delay: 0s;



}

.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(2) {

    transition-delay: 0.4s;

}

.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(3) {

    transition-delay: 0.8s;

}

.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(4) {

    transition-delay: 1.2s;

}

.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(5) {

    transition-delay: 1.6s;

}

.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(6) {

    transition-delay: 2.0s;

}

.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(7) {

    transition-delay: 2.4s;

}



.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(8) {

    transition-delay: 2.8s;

}

.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(9) {

    transition-delay: 3.2s;

}

.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(10) {

    transition-delay: 3.6s;

}

.webGL-slider .pagination > [data-slide].on {

    color: #ffffff;

}

.webGL-slider .pagination > [data-slide].on > span {

    background-color: #ffffff;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

}

.webGL-slider .pagination > [data-slide].on > span:nth-of-type(1) {

    transition-delay: 0s;

}

.webGL-slider .pagination > [data-slide].on > span:nth-of-type(2) {

    transition-delay: 0.4s;

}

.webGL-slider .pagination > [data-slide].on > span:nth-of-type(3) {

    transition-delay: 0.8s;

}

.webGL-slider .pagination > [data-slide].on > span:nth-of-type(4) {

    transition-delay: 1.2s;

}

.webGL-slider .pagination > [data-slide].on > span:nth-of-type(5) {

    transition-delay: 1.6s;

}

.webGL-slider .pagination > [data-slide].on > span:nth-of-type(6) {

    transition-delay: 2.0s;

}

.webGL-slider .pagination > [data-slide].on > span:nth-of-type(7) {

    transition-delay: 2.4s;

}

.webGL-slider .pagination > [data-slide].on > span:nth-of-type(8) {

    transition-delay: 2.8s;

}

.webGL-slider .pagination > [data-slide].on > span:nth-of-type(9) {

    transition-delay: 3.2s;

}

.webGL-slider .pagination > [data-slide].on > span:nth-of-type(10) {

    transition-delay: 3.6s;

}

.webGL-slider a.move-prev {

  position: absolute;

  bottom: 100%;

  width: 36px;

  height: 36px;

  line-height: 36px;

  text-align: center;

  left: 50%;

  transform: translateX(-50%);

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

  -moz-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  margin: 0;

  color: #fff;

  background-color: transparent;

  font-size: 24px;

  opacity: 0.6;

  transition: all 0.3s ease-out;

  -webkit-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  -ms-transition: all 0.3s ease-out;

  display: none;

}

.webGL-slider a.move-prev:hover {

  opacity: 1;

}

.webGL-slider a.move-next {

  position: absolute;

  top: 100%;

  width: 36px;

  height: 36px;

  line-height: 36px;

  text-align: center;

  left: 50%;

  transform: translateX(-50%);

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

  -moz-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  margin: 0;

  color: #fff;

  background-color: transparent;

  font-size: 24px;

  opacity: 0.6;

  transition: all 0.3s ease-out;

  -webkit-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  -ms-transition: all 0.3s ease-out;

  display: none;

}

.webGL-slider a.move-next:hover {

  opacity: 1;

}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	.webGL-slider{ display:block}

	.webGL-slider > img{ opacity:1;}

}



.w1200{margin:0 auto;max-width: 1380px;padding:0 50px;}



.webGL-slider .pagination a{display:inline-block;width:20px;height:20px;line-height:5;font-size: 0;position: relative;}

.webGL-slider .pagination a.iconfont{/*display:none;*/position: absolute;top: auto;bottom: 598%;}

.webGL-slider .pagination a.iconfont.move-prev{left: 1%;}

.webGL-slider .pagination a.iconfont.move-next{right: 1%;left: auto;}



.pagination.dots a {

	position: relative;

	vertical-align: top;

	display: inline-block;

	cursor: pointer;

	transform: translateY(-50%);

	height: 20px;

	width: 20px !important;

	transition: width .3s ease,height .3s ease;

	float: none;

}

.pagination.dots a.iconfont svg{ width:1.5rem; height:1.5rem; fill:#fff}



.pagination.dots a .bullet {

	position: absolute;

	top: 50%;

	left: 50%;

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

	border-radius: 50%;

	background-color: #fff;

	height: 6px;

	width: 6px;

	opacity: 1;

	transition: opacity .3s ease,background-color .3s ease;

}



.pagination.dots a .circle-border,.pagination.dots a .number {

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

	transition: transform .3s ease

}



.pagination.dots a .number {

	position: absolute;

	top: 50%;

	left: 50%;

	font-size: 14px;

	text-align: center;

	z-index: 10;

	display: none;

}



.grid,.grid div {

	top: 0;

	height: 100%

}



.pagination.dots a .circle-timer {

	transform: translate(-50%,-50%) scale(0) rotate(-90deg)

}



.pagination.dots a:hover .bullet {

}



.pagination.dots a.on {

	height: 20px;

	width: 20px !important;

}



.pagination.dots a.on .bullet {

}



.pagination.dots a.on.circle-border {

	transform: translate(-50%,-50%) scale(1)

}



.pagination.dots a.on .circle-timer {

	transform: translate(-50%,-50%) scale(1) rotate(-90deg)

}



.pagination.dots a.on .number {

	transform: translate(-50%,-50%) scale(1)

}



.shsiv .cards,.shsiv .dots {

	opacity: 0;

	transition: opacity 1s ease

}



.shsiv.scrolled_into_viewport .cards,.shsiv.scrolled_into_viewport .dots {

	opacity: 1

}



svg.circle-border,svg.circle-timer {

	position: absolute;

	top: 50%;

	left: 50%;

	box-sizing: border-box

}



svg.circle-border {

	height: 20px;

	width: 20px;

	stroke-width: 1px;

	stroke: rgba(86,128,141,.2);

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

	transition: stroke-width .5s ease,stroke .5s ease

}



svg.circle-timer {

	height: 20px;

	width: 20px;

	stroke-width: 1.5px;

	stroke-dasharray: 0;

	stroke-dashoffset: 0;

	stroke: #fff;

	transform: translate(-50%,-50%) rotate(-90deg);

}



.yuandian svg {

    transform: rotate(-90deg);

}

.pagination.dots a.on .progress {

    animation: rotate 14000ms linear both;

}

@keyframes rotate {

    from {

        stroke-dashoffset: 190px;

    }

    to {

        stroke-dashoffset: 0px;

    }

}

/*banner*/

.slider-container {
  position: relative;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: all-scroll;
}

.slider-control {
  z-index: 2;
  position: absolute;
  top: 0;
  width: 12%;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  will-change: opacity;
  opacity: 0;
}
.slider-control.inactive:hover {
  cursor: auto;
}
.slider-control:not(.inactive):hover {
  opacity: 1;
  cursor: pointer;
}
.slider-control.left {
  left: 0;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
}
.slider-control.right {
  right: 0;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
}

.slider-control.left:before{ content:'';}

.slider-pagi {
  position: absolute;
  z-index: 3;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0;
  list-style-type: none;
  
    top: 50%;
    transform: translateY(10rem);
    left: 10rem;
    right: 0;
}
.slider-pagi__elem {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin: 0 0.5rem;
  border-radius: 100%;
  border: 2px solid #fff;
  cursor: pointer;
}
.slider-pagi__elem:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
.slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.slider {
  z-index: 1;
  position: relative;
  height: 100%;
}
.slider.animating {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}
.slider.animating .slide__bg {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}

.slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slide.active .slide__overlay, .slide.active .slide__text {
  opacity: 1;
  transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.slide__bg {
  position: absolute;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  background-size: cover;
  will-change: transform;
}
.slide-0 {
  left: 0;
}
.slide-0 .slide__bg {
  left: 0;
}
.slide-1 {
  left: 100%;
}
.slide-1 .slide__bg {
  left: -50%;
}
.slide-2 {
  left: 200%;
}
.slide-2 .slide__bg {
  left: -100%;
}
.slide__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  min-height: 810px;
  -webkit-transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
  transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
  will-change: transform, opacity;
  -webkit-transform: translate3d(-20%, 0, 0);
          transform: translate3d(-20%, 0, 0);
  opacity: 0;
}
@media (max-width: 991px) {
  .slide__overlay {
    display: none;
  }
}
.slide__overlay path {
  opacity: 0.8;
}
.slide__text {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 10rem;
  color: #fff;
  -webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  will-change: transform, opacity;
  -webkit-transform: translateY(-80%);
          transform: translateY(-80%);
  opacity: 0;
  
    transform: translateY(-80%);
    -webkit-transform: translateY(-80%);
    -moz-transform: translateY(-80%);
    -o-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
}
@media (max-width: 991px) {
  .slide__text {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20rem;
    text-align: center;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    padding: 0 1rem;
  }
}
.slide__text-heading {
  font-size: 2rem;
    color: #fff;
    line-height: 1.5;
    margin-bottom: .5rem;
}
@media (max-width: 991px) {
  .slide__text-heading {
    line-height: 20rem;
    font-size: 3.5rem;
  }
}
.slide__text-desc {
  font-size: 3.5rem;
    color: #fff;
    display: block;
    font-weight: bold;
    margin: 0 0 1.5rem;
    line-height: 1.375;
}
@media (max-width: 991px) {
  .slide__text-desc {
    display: none;
  }
}
.slide__text-link {
 font-family: Roboto_l;
    font-size: 13px;
    line-height: 22px;
    color: #fff;
    font-weight: normal;
    max-width: 27.875rem;
    opacity: .6;
    letter-spacing: .5px;
}
@media (max-width: 991px) {
  .slide__text-link {
    display: none;
  }
}
/*banner*/



#top .line00{position:absolute;top:0;width:1px;height:0;background:rgba(255,255,255,.15);transition:2s linear;z-index: 6;}

#top .line01{ left:25vw}

#top .line02{ left:50vw}

#top .line03{ left:75vw}



#top.on .line01{ height:100%; transition-delay:1s;}

#top.on .line02{ height:100%; transition-delay:2s;}

#top.on .line03{ height:100%; transition-delay:3s;}



.header_box{padding: 0 0 0 10rem;position: absolute;z-index: 1;height:5.875rem;left: 0;right: 0;top: 0;}

.header_box .logo{height:5.875rem;float: left;display: flex; align-items:flex-end;}

.header_box .logo a{}

.header_box .logo img{vertical-align:bottom;display: inline-block;}

.header_box .right{width:25vw;height:5.875rem;align-items: center;border-bottom:rgba(255,255,255,.15) 1px solid;}

.header_box .right .box{/* flex-grow:1; */text-align:center;border-right:rgba(255,255,255,.15) 1px solid;height: 100%;float:left;position:relative;z-index: 10000;}

.header_box .right .box a{display: block;text-align:center;height: 100%;/* align-items: center; */width: 100%;font-size: .875rem;color: #fff;transition: .5s;}

.header_box .right .box a .con_box{}

.header_box .right .box.box1 .ico{ display:inline-block}

.header_box .right .box.box1 .con{display:inline-block;text-align:left;padding: 0 0 0 .5rem;vertical-align: middle;}

.header_box .right .box.box1 .con h6{ font-size:12px; color:#fff; opacity:.6}

.header_box .right .box.box1 .con h5{font-size:1.125rem;color:#fff;font-family:ARVO-REGULAR;white-space: nowrap;}



.header_box.on .right .box2 a{ opacity:0; visibility:hidden}

.header_box.on .right .box3 a{ opacity:0; visibility:hidden}



.header_box .right .box1{ width:50%}

.header_box .right .box2{ width:25%}

.header_box .right .box3{ width:25%}



.header_box .right .box2 svg{width:1rem;height:1rem;fill:#fff;margin: -1px 0 0 .5rem;vertical-align: top;}



.header_box .right .box .box_xiala{position:absolute;top:100%;left:0;right:0;background: rgba(0,0,0,.3);padding: 0;opacity: 0;visibility: hidden; transform-origin: 0 0 0; transform: scaleY(0.2); transition:.5s}

.header_box .right .box .box_xiala ul li a{display:block;font-size: 13px;line-height: 3;text-transform: uppercase;border-bottom: rgba(255,255,255,.1) 1px solid;transition: .5s;}

.header_box .right .box .box_xiala ul li:last-child a{ border-bottom:none}



.header_box .right .box.on .box_xiala{ opacity:1; visibility:visible; transform: scaleY(1);}



.header_box .right .box3 img{ margin:-3px .5rem 0 0}



.footer_pro{bottom: 0;position:absolute;left:0;right:0;background: url(../images/jianbian_bg.png) no-repeat center bottom; background-size: 100% 100%; padding: 3.75rem 0;}

.footer_pro ul{ font-size:0; white-space:nowrap}

.footer_pro ul li{width:25%;text-align:center;display: inline-block;}

.footer_pro ul li a{ display:inline-block; white-space:nowrap; font-size:0}

.footer_pro ul li a .ico{display:inline-block;width:55px;height:55px;border:rgba(117,181,192,.6) 1px solid;border-radius:50%;vertical-align: top;line-height: 53px;}

.footer_pro ul li a .ico img{ max-width:30px; max-height:30px; transition:.5s}

.footer_pro ul li a .con{max-width:calc(100% - 55px);display:inline-block;height:55px;text-align:left;padding: 0 0 0 .75rem;}

.footer_pro ul li a .con .box_table{ width:auto}

.footer_pro ul li a .con h2{ font-size:1rem; color:#fff; font-weight: bold;}

.footer_pro ul li a .con p{font-size:.875rem;color:#75B5C0;margin: .25rem 0 0;text-transform: uppercase;}



/*==========================================首页 结束=============================================*/





/*==========================================内页 开始=============================================*/



.header_box1 #header{ position:fixed}

#header {z-index: 10000;top: 0;left: 0;right: 0;height: 95px;transition: .6s;background: #fff;}

#header:before { content: ""; position: absolute; top: 0; height: 0; transition: .6s; width: 100%; left: 0; right: 0 }

#header .content { position: relative; }

#header .w1200{ max-width:1774px; }

#header .logo {line-height: 90px;transition: .6s;}

#header .logo img {transition: .6s;max-width: 100%;}

#nav {display: inline-block;float: left;padding-right: 2.5rem;}

#nav ul { float: left; }

#nav ul li {float: left;position: relative;z-index: 0;margin-left: 0;}

#nav ul li a {display: block;padding: 0 1.875rem;text-transform: uppercase;}

#nav ul li >a {color: #4c4f51;line-height: 95px;position: relative;transition: .6s;}

#nav ul li >a .h3{position: relative;font-size: 16px;display: inline-block;}

#nav ul li >a>img{margin: -3px 1.125rem 0 0;}

#nav ul li a i { display: inline-block; background: url(../images/nav_down.png) center no-repeat; width: 9px; height: 6px; background-size: contain; vertical-align: middle; margin-left: 8px; }

#nav ul li .sub {position: absolute;background: rgba(255,255,255,.9);width: 120%;position: absolute;left: 50%;margin-left: -60%;top: 100%;z-index: 999;-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 5px #3333334d;transform-origin: 0 0 0;transform: scaleY(0.2);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;top: 95px;}

#nav ul li .sub .box {padding: 15px 10px;text-align: center;}

#nav ul li .sub a {padding: 0;line-height: 2.125rem;transition: .3s;font-size: 0.9375rem;letter-spacing: 1px;color: #454545;border-bottom: 1px dashed rgba(255,255,255,.1);}

#nav ul li .sub a:hover {color: #00657A;}

#nav ul li:hover .sub { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; transform: translateY(0px); }

#nav>ul>li.on>a, #nav ul li:hover>a, #header.xg #nav ul li.on >a, #header.xg #nav ul li:hover >a {

}

#nav>ul>li .h3:before {content: "";display: block;position: absolute;width:0;height:3px;bottom: 0;left: 0;transition: .6s;}

#nav>ul>li:hover .h3:before, #nav>ul>li.on .h3:before {width:100%;background: #00657A;}

#header.xg #nav>ul>li .h3:after { background: #007f64 }





header .right .right_box{padding: 0;height: 95px;font-size: 0;}

header .right .circle_box{display: inline-block;border-radius: 50%;vertical-align: top;position: relative;margin-left: 1.75rem;}

header .right .circle_box>a{display: block;width: 100%;position: relative;text-align: center;line-height: 95px;font-size: .9375rem;color: #727576;}

header .right .circle_box>a .con svg{vertical-align:middle;width: 18px;height: 18px;fill: #656569;}

header .right .weixin.circle_box>a .con svg{width:9px;height:9px;margin: -3px 0 0 .25rem;}

header .right .tongdao.circle_box>a .con svg{width: 1.125rem;height: 1.125rem;margin: -3px 0 0 .25rem;}



header .right .circle_box.on{z-index:10;}



header .right .circle_box .item input.text {padding: 0 2rem 0 1rem;width: 200px;height: 44px;line-height: 44px;/* background: rgba(0,0,0,.6); */color: #fff;font-size: 12px;}

header .right .circle_box .item {position: absolute;top: 95px;width: 100%;background: rgba(0,0,0,.5);overflow: hidden;opacity: 0;visibility: hidden;left:50%;transform: translateX(-50%) scaleY(0);transform-origin: 0 0 0;transition: .5s;}

header .right .circle_box .item.search{width: 120px;/* left:auto; *//* transform:translateX(0); *//* right:0; */padding: 10px;}

header .right .circle_box .item.search img{ width:100px; height:100px}

header .right .circle_box .tijiao {right: .25rem;position: absolute;width: 2rem;height: 2rem;top: 50%;margin-top: -1rem;background:url(../other/tijiao.svg) center no-repeat;background-size:16px 16px;}





header .right .circle_box.on .item{top: 95px;opacity: 1;visibility: visible; transform: translateX(-50%) scaleY(1);}

header .right .circle_box .item.yuyan ul{ padding:.25rem 0}

header .right .circle_box .item.yuyan ul li a{display:block;font-size: 12px;line-height:2rem;color:#fff; transition:.5s}

header .right .circle_box .item.yuyan{width:120px;text-align: center;}

header .right .circle_box .item.yuyan ul li a:hover{background: #00657A;}





/*顶部搜索*/

.tc_search { margin: 0 1.3rem; width: calc(100% - 2.6rem); }

.tc_search form { height: 40px; border-radius: 20px; border: 1px solid #e5e5e5; position: relative; width: 100%; margin-bottom: 1rem; }

.tc_search #keyword {

font-size:.875rem; color: #fff; height: 38px; line-height: 38px; padding: 0 1rem; box-shadow: none; -webkit-appearance: none; border-right: 0; background: none; width: 100%; }

.tc_search .btn_blue { position: absolute; top: 0; right: 0; width: 40px; height: 38px; line-height: 38px; border: 0; background: url(../other/search_white.svg) center center no-repeat; background-size: 1.2rem; }

.tc_search .btn_blue.fr { background: #e9edef; color: #4e4f53; }

.tc_search input::-webkit-input-placeholder {

color:#fff;

color: rgba(255,255,255,.7);

}

.tc_search input::-moz-placeholder {   /* Mozilla Firefox 19+ */

color:#fff;

color: rgba(255,255,255,.7);

}

.tc_search input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */

c color:#fff;

color: rgba(255,255,255,.7);

}

.tc_search input:-ms-input-placeholder {  /* Internet Explorer 10-11 */

color:#fff;

color: rgba(255,255,255,.7);

}/* WebKit browsers */

.tc_search input:focus::-webkit-input-placeholder {

color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */

}/* Mozilla Firefox 4 to 18 */

.tc_search input:focus:-moz-placeholder {

color: transparent;

}/* Mozilla Firefox 19+ */

 .tc_search input:focus::-moz-placeholder {

color: transparent;

}/* Internet Explorer 10+ */

.tc_search input:focus:-ms-input-placeholder {

color: transparent;

}/* 点击搜索框获取焦点 placeholder消失-结束 */

/*导航按钮开始*/

#nav_btn_box { height: 100%; z-index: 999999999; float: right; margin-left: 2.6vw; }

#nav_btn_box.on { background: none; }

#nav_btn { }

#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: #fff; }

#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }

#nav_btn .point { display: inline-block; width: 1.875rem; height: 22px; position: relative; outline: none; }

#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 1.75rem; }

#nav_btn .navbtn {position: absolute;top: 12px;left: 0;display: inline-block;width: 14px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #000;}

#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #000;}

#nav_btn .navbtn::after { top: -8px; }

#nav_btn .navbtn::before { top: 8px; }

#nav_btn .point.on .navbtn { background: transparent; }

#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }

#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }

/*导航按钮结束*/

.m_nav_list {flex-direction: column;justify-content: flex-start;width: 100%;overflow: auto;margin: 24px 0 0;}

.m_nav_list::-webkit-scrollbar { display:none}

#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105%;top: 0;display: none;padding: 0 0 1.5rem;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: #00657A;}

#m_nav .close{position:absolute;top: 6px;right:15px;font-size: 28px;color: #333;z-index: 10000;}



#m_nav.act { pointer-events: auto; right: 0; }

#m_nav>ul>li {width: 100%;overflow: hidden;padding: 0 0 0 2.3rem;position: relative;}

#m_nav>ul>li+li { border-top: 1px solid rgba(255, 255, 255, 0.1); }

#m_nav li .a { display: inline-block; width: calc(100% - 30px) }

#m_nav li .a { line-height: 4rem; height: 4rem; color: #fff; padding: 0; font-size: 1.125rem; float: left; }

#m_nav li .a span { display: block; position: absolute; top: 0; right: 10px; width: 20px; height: 50px; text-align: center; }

#m_nav li .a span i { font-size: 0; }

#m_nav li i {opacity: 1;filter: alpha(opacity=100);display: inline-block;width: 100%;height: 4rem;display: inline-block;background: url(../other/arrow_down.svg) calc(100% - 2rem) center no-repeat;background-size: 13px 13px !important;position: absolute;display: block;right: 0;}



#m_nav li.on i {background: url(../other/arrow_down_on.svg) calc(100% - 2rem) center no-repeat;}

#m_nav .on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }

#m_nav li { display: block; width: 100%; }

.slide_nav { position: absolute; left: 0; height: 70px; z-index: 998; padding: 15px; top: 0; width: 100%; }

#m_nav .title .list { display: none; position: relative; width: 100%; z-index: 9; left: 0; margin-left: 0; background: none; border: 0; clear: both; padding-bottom: 10px; }

#m_nav .title .list span { background: none; }

#m_nav .title .list span a:hover { color: #014085; }

#m_nav .title .list a {display: block;font-size: 1rem;color: rgba(255,255,255,.6);text-align: left;line-height: 40px;height: 40px;border: 0;font-weight: 300;}

/*三级导航 开始*/

#m_nav .title .list .void>a { background-size: 10px; position: relative; }

#m_nav .title .list .void>a:before { content: "·"; position: absolute; left: -1em; font-size: 12px; font-weight: bold; }

#m_nav .title .list span { position: relative; display: block; }

#m_nav .title .list span .sub { position: static; width: 100%; display: block !important; overflow: hidden; }

#m_nav .title .sub a { background: none; font-size:.875rem;

opacity: .8; min-width: 50%; float: left; display: inline-block; color: #999; }

.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }



.m_header_box {transition: .6s;display: none;height: 60px;}

#m_header #logo .box_table, #nav_btn_box .box_table { width: auto; float: left; }

.m_header_box header{padding:0 15px;top: 0;height: 60px;background: #ffffff;box-shadow: 0 3px 5px rgba(0,0,0,.05);position: fixed;top: 0;left: 0;right: 0;z-index: 100;}

#m_header #logo{height: 60px;float: left;}

#m_header #logo img{max-height:60%;max-height: 34px;}

#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}

#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}







header .right .circle_box.weixin>a img{ margin:-3px .5rem 0 0}





.heading{position:relative;text-align: left;background: #000;}

.heading-bg{position:absolute;top:0;right:0;bottom:0;left:0;/*background-attachment:fixed !important;background-size: cover !important;*/opacity: 1; background:url(../images/aboutus_ban.jpg) no-repeat center center;}

.heading .top{height: 450px;position:relative;z-index:1;}

.heading .top h2{font-size: 2.875rem;color:#fff;font-weight:bold;}

.heading .top p{ display:inline-block; font-size:1.375rem; color:#fff; line-height:2.625rem; margin:2.5rem 0 4.375rem}

.heading .top a{ display:inline-block; width:3.4375rem; height:3.4375rem; border:#fff 1px solid; border-radius:50%; line-height:3.375rem; text-align:center; opacity:.7; transition:.5s}

.heading .top a img{margin:-3px 0 0;height: 1.25rem;}



.heading1{text-align:center;}

.heading1 .top h2{font-size: 2.875rem;}

.heading1 .top p{font-size:1.5rem;margin: 1.5rem 0 3.375rem;}



.n_about .fl01{ padding:60px 0 70px; overflow:hidden}



.n_title001{ margin-bottom:2.75rem; background: url(../images/develop_bg.png) no-repeat right center; background-size: 584px 75px;}

.n_title001 h2{ font-size:1.875rem; color:#00657A; line-height:1.5; font-weight:bold;}

.n_title001 .h3{ font-size:1.375rem; color:#454545; line-height:1.5}

.n_about .fl01 p{ font-size:1.125rem; color:#454545; line-height:2.25rem; text-align:justify; }

.n_about .fl01 .img{ position:relative; text-align:center;}

.n_about .fl01 .img img{ max-width:100%}

.n_about .fl01 .img .top{position:absolute;bottom: 0;left: 0;text-align:left;}

.n_about .fl01 .img .top h3{ font-size:2rem; color:#333333; line-height:1.5}

.n_about .fl01 .img .top h2{ font-size:2.125rem; color:#fff; font-weight:bold; line-height:1.5; margin:0 0 0}



.list_box_01{ margin:3.5rem 0 3.75rem; background-color: #F2F4F6; padding: 60px 0;}

.list_box_01 li{ float:left; width:25%; text-align:center}

.list_box_01 li .h2{ line-height:6.625rem}

.list_box_01 li .h3, .list_box_01 li .h3 font{ font-size:3rem; color:#00657A; font-family:Roboto_l;}

.list_box_01 li .h5{ font-size:1rem; color:#454545; line-height:1.25; margin:.5rem 0 0}

.list_box_01.gsnum li h2 sup{ position: absolute; }



.n_about .fl02{ padding:5rem 0; overflow:hidden; background:#f2f4f6; text-align: center;}



.n_about .fl03{background-size: cover !important;padding-bottom: 35.54%;}



.title001{ text-align:center; margin-bottom:4.375rem; }

.title001 h2{ font-size:2.5rem; color:#303030; line-height:1.5}

.title001 p{ font-size:1.125rem; color:#454545; line-height:1.5; margin:1.5rem 0 0}



#m_nav header{width:100%;height: 50px;}

#m_nav header .right .right_box{width:100%;padding: 0 15px;text-align: center;height: 50px;}

#m_nav header .right { width:100%}

#m_nav header .right .circle_box>a{line-height: 50px;}

#m_nav header .right .circle_box .item{ top:50px}





.map_buju{margin:0 auto;position:relative;display: inline-block;}

.map_buju img{ max-width:100%; margin: 0 auto;}

.map_buju ul li{

	position: absolute;

	cursor:pointer;

	font-size: 13px;

	color: #5c5c5c;

	margin: -12px 0 0 -12px;

}

.map_buju ul li p{position:absolute;z-index:1;top: 50%;margin-top: -12px;width:68px;line-height: 24px;color: #303030;font-size: 1rem;white-space:nowrap;left: 65px;opacity:0;visibility:hidden;transition: .5s;}

.map_buju ul li p:before{content:"";position:absolute;left: -52px;width:45px;height:1px;background:#babcbe;z-index:-1;top: 50%;}

.map_buju ul li:hover p{ opacity:1; visibility:visible;}

.map_buju ul li.li_0 {top: 15.5%;right: 6.5%;}

.map_buju ul li.li_1{top: 25.5%;right: 6.5%;}

.map_buju ul li.li_2{top: 32.5%;right: 10.5%;}

.map_buju ul li.li_3{top: 36.5%;left: 64.5%;}

.map_buju ul li.li_4{top: 45%;left: 66%;}

.map_buju ul li.li_5{top: 34%;left: 67%;}

.map_buju ul li.li_6{top: 31%;left: 70%;}

.map_buju ul li.li_7{top: 41%;left: 70.5%;}

.map_buju ul li.li_8{top: 47.5%;left: 70.75%;}	



.map_buju ul li.li_9{top: 26.5%;left: 71.75%;}	

.map_buju ul li.li_10{top: 37.5%;left: 71.5%;}	

.map_buju ul li.li_11{top: 41%;left: 71.75%;}	



.map_buju ul li.li_12{top: 35%;left: 72.5%;}	

.map_buju ul li.li_13{top: 37.25%;left: 72.5%;}	

.map_buju ul li.li_14{top: 39.5%;left: 72.25%;}	

.map_buju ul li.li_15{top: 42%;left: 72.75%;}	



.map_buju ul li.li_16{top: 33%;left: 73.25%;}	

.map_buju ul li.li_17{top: 39%;left: 73.5%;}	

.map_buju ul li.li_18{top: 44%;left: 73.75%;}	

.map_buju ul li.li_19{top: 57.5%;left: 73.75%;}	



.map_buju ul li.li_20{top: 31%;left: 74%;}	

.map_buju ul li.li_21{top: 35%;left: 74.75%;}	

.map_buju ul li.li_22{top: 38%;left: 74.75%;}	

.map_buju ul li.li_23{top: 41%;left: 74.75%;}	



.map_buju ul li.li_24{top: 31%;left: 76.75%;}	

.map_buju ul li.li_25{top: 33%;left: 79.75%;}	

	



.map_buju .circle{width: 24px;height: 24px;position: relative;z-index: 2;}

.circle.red span{ background:#ec2a33;}

.circle.purple span{ background:#00657A;}

.circle:before {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 50%;

    border: 3px solid #00657A;

    transform: scale(.25);

    opacity:.8;

    display: block;

    box-sizing: border-box;

    z-index: 99;

}



.circle span {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	border-radius: 50%;

	background-color: #00657A;

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	-webkit-animation: circleScale 3s linear infinite;

	-moz-animation: circleScale 3s linear infinite;

	-ms-animation: circleScale 3s linear infinite;

	animation: circleScale 3s linear infinite;

}

.circle span:nth-of-type(2) {

  animation-delay: 1s;

}

.circle span:nth-of-type(3) {

  animation-delay: 2s;

}



@keyframes circleScale {

  0% {

    opacity: 1;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes circleScale1 {

  0% {

    opacity: 1;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

  }

  60% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(3);

    -moz-transform: scale(3);

    -ms-transform: scale(3);

    transform: scale(3);

  }

}



.n_bottom{ text-align:center; padding:4rem 0 8rem}

.n_bottom ul li{display:inline-block;margin: 0 1.25rem;cursor: pointer;}

.n_bottom ul li .img{display:inline-block;width:56px;height:56px;line-height: 54px;border: #a0a7ab 1px solid;border-radius:50%;text-align:center;overflow: hidden;padding: 8px 0;transition:0.36s;}

.n_bottom ul li .img svg{width: 1.25rem;height: 1.25rem;fill: #656f78;display:inline-block;vertical-align: middle;}

.n_bottom ul li .img h6{height: 40px;line-height: 38px;padding: 0;transition:0.6s;overflow: hidden;}

.n_bottom ul li h5{font-size: .875rem;color: #505050;margin-top:1rem;}



.n_bottom ul li a:hover .img h6{transform: translateY(-40px);}

.n_bottom ul li a:hover .img{ border:#00657A 1px solid; background:#00657A}

.n_bottom ul li a:hover .img svg{ fill:#fff}



.list_box_02 li{ float:left; width:25%; font-size:12px; line-height:2.5; text-align:center}

.list_box_02{ margin:2rem 0 0; display:none}



.header_box1{position:relative;z-index:1000;height: 95px;}



footer{ padding:4.375rem 0 3.25rem; background:#27272c}





.n_zizhi .fl01{ padding:5rem 0 0}



.list_box_n_zizhi{ margin:0 -.625rem; margin-bottom:2rem}

.list_box_n_zizhi li{ float:left; width:50%; padding:0 .625rem; margin-bottom:1.875rem}

.list_box_n_zizhi li a{ display:block; background:#eceef0; }

.list_box_n_zizhi li a .img{ width:19.375rem; height:19.375rem; line-height:19.375rem; text-align:center}

.list_box_n_zizhi li a .img img{max-width: 73%;max-height: 14.375rem;}

.list_box_n_zizhi li a .con{width:calc(100% - 19.375rem);height:19.375rem;padding: 0 1rem 0 0;}

.list_box_n_zizhi li a .con .h6{ font-size:12px; color:#454545; line-height:1.25}

.list_box_n_zizhi li a .con .h5{font-size:1.25rem;color:#303030;line-height:1.25;transition:.5s;margin:.875rem 0 2rem;white-space: nowrap;}

.list_box_n_zizhi li a .con span{ display:inline-block; width:8.125rem; height:2.5rem; line-height:2.375rem; border:#bdbebf 1px solid; border-radius:1.25rem; text-align:center; font-size:12px; color:#505050; transition:.5s}

.list_box_n_zizhi li a .con span svg{ vertical-align:middle; margin:-1px .375rem 0 0; width:1.125rem; height:1.125rem; fill:#505050; transition:.5s}



/*====翻页====*/

.j_pages{padding: 0; overflow:hidden}

.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;text-align:  center;}

.j_pages a{padding: 0 1rem;height: 2.75rem;line-height: 2.625rem;display:inline-block;margin: 0 .35rem;color: #66635f;font-size: 0.875rem;box-sizing: border-box;min-width: 2.1875rem;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align: center;border: #d7d8d9 1px solid;}

.j_pages a.m_bnt{ padding:0 1rem}

.j_pages a font{font-size:14px;font-family:SimSun;color:#666666}

.j_pages .on, .j_pages a:hover{color: #fff;background: #0567d8; border:#0567d8 1px solid}

.j_pages span{}

.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}

.j_pages form{ display:inline-block;}

.j_pages span{display:inline-block;font-size: 0.875rem;margin: 0;}

.j_pages form input{width: 2.75rem;height: 2.75rem;border: none;font-size: 1rem;color: #919191;margin: 0 0 0 10px;text-align:center;border-radius: 3px;border: rgba(0,0,0,0.1) 1px solid;transition: .6s;}

.j_pages form input[type="submit"]{width: 4rem;cursor:pointer;}

.j_pages form input[type="submit"]:hover{background: #0567d8;color:#fff;border: #0567d8 1px solid;}



.heading_news .heading-bg{background-attachment:inherit !important;}

.heading_news .top{height: calc(100vh - 95px - 70px);}

.heading_news .top p{ margin:2.125rem 0 0}



.n_news{ padding:5rem 0 0; overflow:hidden}



.list_box_n_news{ margin:0 -1rem; margin-bottom:2rem}

.list_box_n_news li{ float:left; width:33.333333%; padding:0 1rem; margin-bottom:1.875rem}

.list_box_n_news li a{ display:block; overflow:hidden}

.list_box_n_news li a .img .img_hezi{ padding-bottom:67.65% !important}

.list_box_n_news li a .img .time{ width:130px; height:36px; line-height:36px; text-align:center; background:rgba(255,255,255,.9); font-family:Roboto_l; font-size:.875rem; color:#2f343d; position:absolute; top:1.875rem; left:1.875rem; transition:.5s;}

.list_box_n_news li a .img .time svg{ width:14px; height:14px; fill:#9ba7b9; transition:.5s; vertical-align:middle; margin:-3px .5rem 0 0; }

.list_box_n_news li a .con{ background:#fff; padding:2.25rem 2rem;}

.list_box_n_news li a .con h5{ font-size:1.25rem; color:#303030; line-height:1.875rem; height:3.75rem; transition:.5s} 

.list_box_n_news li a .con p{ font-size:.875rem; color:#787878; line-height:24px; height:48px; overflow:hidden; margin:.75rem 0 2.125rem}

.list_box_n_news li a .con span{ font-size:13px; color:#343637; text-decoration:underline; transition:.5s}



/*新闻详情*/

.n_news_detail{padding: 0;}

.n_news_detail .ar_title{margin-bottom: 2.125rem;border-bottom: #e7eaed 1px solid;padding: 0 0 2rem;}

.n_news_detail .ar_title h3{font-size: 2.5rem;color: #303030;line-height:3rem;margin-bottom: 1.125rem;}





.n_news_detail .ar_title h6 span{position:relative;font-size: 1.125rem;color: #505050;display:inline-block;height: 40px;line-height: 40px;font-weight:normal;margin-right: 3.5rem;vertical-align: top;}

.n_news_detail .ar_title h6 span img{ margin:-3px 0.45rem 0 0}

.n_news_detail .ar_title h6{position:relative;} 

.n_news_detail .ar_title h6:before{content:"";position:absolute;bottom:-3px;width:6.25rem;height:3px;background:#ff9637;display: none;}



.n_news_detail .ar_title h6 span svg{width: 18px;height: 18px;fill:#808080;margin-right: .5rem;display: inline-block;vertical-align: middle;margin-top: -3px;}

.n_news_detail .ar_title h6 span.shart_box svg{ width:26px; height:26px; fill:#808080}

.fenxiang_box{ display:inline-block;}

.fenxiang_box:hover .social-share{ opacity:1; visibility:visible }



.shart_box{display:inline-block; cursor:pointer}

@font-face{font-family:"socialshare";src:url("../other/iconfont.eot");src:url("../other/iconfont.eot?#iefix") format("embedded-opentype"),url("../other/iconfont.woff") format("woff"),url("../other/iconfont.ttf") format("truetype"),url("../other/iconfont.svg#iconfont") format("svg")}.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;display: inline-block;background: #fff;position: relative;vertical-align: top;margin: 0;transition:.5s;}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin: 0 0 0 .875rem;display:inline-block;outline:none;}.social-share .social-share-icon{position:relative;display:inline-block;width: 2.8125rem;height: 2.8125rem;border-radius:50%;line-height: 2.75rem;border: none;color: #ababab;text-align:center;vertical-align: top;transition:background 0.6s ease-out 0s;transition: .6s;font-size: 1.125rem;border: #e8e8e8 1px solid !important;}.social-share .social-share-icon:hover{background: none !important;color: #00657A;border: #00657A 1px solid !important;}.social-share .icon-weibo{border-color:#ff763b;}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{border-color:#56b6e7;}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{border-color:#FDBE3D;}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{border-color:#0077B5;}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;border-color:#7bc549;}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left: -78px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}







.n_news_detail .fl01{ padding:5rem 0}

.n_news_detail .fl01 .w1200{ max-width:1200px;}



.n_yeji .fl01{ padding:30px 0 2.5rem;}



.list_box_n_yeji{ margin:0 -.625rem}

.list_box_n_yeji li{ float:left; width:50%; padding:0 .625rem}

.list_box_n_yeji li a{ display:block; position:relative}

.list_box_n_yeji li a .img .img_hezi{ padding-bottom:65.52% !important}

.list_box_n_yeji li a .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/jianbian_bg.png) center bottom repeat-x}

.list_box_n_yeji li a .con{ position:absolute; bottom:0; right:0; left:0; padding:1.5rem 15px; text-align:center}

.list_box_n_yeji li a .con h5{ font-size:1.375rem; color:#fff; line-height:1.5;}



.list_box_n_yeji .miso-arrow{ width:3.75rem; height:3.75rem; background-size: 100% 100% !important}

.list_box_n_yeji .miso-prev{ background:url(../images/prev1.png) center no-repeat; left:-5rem}

.list_box_n_yeji .miso-next{ background:url(../images/next1.png) center no-repeat; right:-5rem}



.list_box_n_yeji1{ margin:0 -.625rem; margin-bottom:2rem}

.list_box_n_yeji1 li{ float:left; width:25%; padding:0 .625rem; margin-bottom:1.25rem}

.list_box_n_yeji1 li a{ display:block; background:#edeef0; padding:4.75rem 0 4rem; text-align:center}

.list_box_n_yeji1 li a .img{ display:inline-block; width:13rem; border-radius:100%}

.list_box_n_yeji1 li a .img .img_hezi{ padding-bottom:100% !important}



.list_box_n_yeji1 li a .con h5{font-size:1.125rem;color:#333333;line-height: 1.5rem;height: 3rem;margin:2.125rem 0 0;padding: 0 15px;white-space: normal;}

.list_box_n_yeji1 li a .con p{ font-size:.875rem; color:#606060; line-height:1.875; transition:.5; margin:.5rem 0 1.875rem}

.list_box_n_yeji1 li a .con span{ display:inline-block; width:106px; height:35px; line-height:33px; border:#c1c2c4 1px solid; border-radius:17.5px; font-size:12px; color:#898a8b; transition:.5s}





.n_jiaru{padding: 0 0 0;}

.list_box_n_jiaru { padding:1.5rem 0 3.125rem;}

.list_box_n_jiaru li{ border-bottom:#d3d8dd 1px solid; padding:2.75rem 0}

.list_box_n_jiaru li .top{}

.list_box_n_jiaru li .top h2{ font-size:1.625rem; color:#303030; line-height:1.25; margin-bottom:1.125rem}

.list_box_n_jiaru li .top h2 font{ width:calc(100% - 24px)}

.jj_btn{ width:21px; height:21px; background:url(../images/jj_btn_ico1.png) center no-repeat; background-size:100% auto; float:right; cursor:pointer}

.list_box_n_jiaru li.on .jj_btn{ background:url(../images/jj_btn_ico1_on.png) center no-repeat; background-size:100% auto; }

.list_box_n_jiaru li .top p{ line-height:1.5}

.list_box_n_jiaru li .top span{ font-family:Roboto_r; margin-right:1.5rem; font-size:1.125rem; color:#454545}

.list_box_n_jiaru li .top span img{ margin:-3px .375rem 0 0}

.list_box_n_jiaru li .bottom{ padding:2.125rem 0 0; display:none}

.list_box_n_jiaru li .bottom p{}



.n_jiaru .w1200{ max-width:960px;}



.n_contact .fl01{ padding:5rem 0 4.375rem}

.n_contact .w1200{ max-width:1046px;}



.list_box_n_contact{display:flex;justify-content: space-between;}

.list_box_n_contact li{display:inline-block;}

.list_box_n_contact li .img .box_table{ width:auto} 

.list_box_n_contact li .img{ height:246px;}

.list_box_n_contact li .img .box_table_cell{ vertical-align:bottom}

.list_box_n_contact li h2{ font-size:1.5rem; color:#303030; line-height:1.25; margin:2.5rem 0 1.875rem}

.list_box_n_contact li p{ font-size:1rem; color:#454545; line-height:1.875rem}

.list_box_n_contact li span{ display:inline-block; width:8.125rem; height:2.8125rem; line-height:calc(2.8125rem - 4px); border:#c1c8d1 2px solid; border-radius:1.375rem; text-align:center; font-size:.875rem; color:#5d5e60; margin:2rem 0 0; transition:.5s}



.n_contact .fl02{padding: 5rem 0 0;border-top:#dadfe8 1px solid;}



.n_title002{ margin-bottom:2.625rem}

.n_title002 h3{ font-size:1.875rem; color:#303030;}

.n_title002 h4{ font-size:1.875rem; color:#3e3e3f; opacity:.7; font-family:Roboto_l; text-transform:uppercase; margin:.75rem 0 0}



.n_title002 .rr{ max-width:31.25rem; padding:.875rem 0 0}

.n_title002 .rr p{ font-size:1rem; color:#454545; line-height:2rem}



.n_liuyan form{margin: 0 -7.5px;}

.n_liuyan form .box{float:left;width:33.333333%;padding: 0 7.5px;}

.n_liuyan .messlist{ width:100%}

.n_liuyan .messsub input{}

.n_liuyan .messsub input:hover{}

.n_liuyan .messlist02{height: 15.5625rem;}



.n_liuyan .messlist {height: 3.75rem;margin: 0 0 1.25rem;float:left;width: 100%;background: #fff;color:#626364;position: relative;}

.n_liuyan .messlist label,.form-list .messlist01 label,.n_liuyan .messlist03 label{float:left;width: 50px;height: 100%;line-height: 3.625rem;text-align: left;color: #4f4f4f;font-size: 14px;box-sizing: border-box;padding: 0 0 0 20px;font-weight:  normal;}

.n_liuyan .messlist label span img,.form-list .messlist01 label span img,.n_liuyan .messlist03 label span img{ margin-top:-3px}

.n_liuyan .messlist input{float:left;width: 100%;height: 100%;background: none;border: none;outline: none;color: #5a5453;font-size: 1rem;padding: 0 1.25rem;} 

.n_liuyan .messlist01{height: 43px;margin-top: 30px;float:left;width: 880px;border:#d3d7d8 1px solid;background:#fff;color:#626364;margin-right: 44px;}

.n_liuyan .messlist01 input{float:left;width: 712px;height: 48px;padding: 0 10px;background-color:#fbfbfc;border: none;outline: none;color:#626364; font-size:12px;} 

.n_liuyan .messlist02{height: 11.25rem;float:left;width: 100%;background: #fff;color:#626364;box-sizing: border-box;margin-bottom: 1.25rem;}

.n_liuyan .messlist02 textarea{float:left;width: calc(100% - 50px);height: 100%;color: #5a5453;font-size: 1rem;border: none;outline: none;padding: 1.25rem 1.25rem;resize:none;box-sizing: border-box;background: none;}

.n_liuyan .messlist02 label{float:left;width: 50px;height: 56px;line-height: 56px;text-align: left;color: #000000;font-size: 16px;box-sizing: border-box;padding: 0 0 0 20px;font-weight:  normal;}

.n_liuyan .yanzheng{display:inline;float:left;position: absolute;right: 1rem;top: 0.5rem;}

/*.n_liuyan .yanzheng img{width: 5.5625rem;height: 1.8125rem;}*/

.n_liuyan .messsub input{width: 100%;height: 3.75rem;font-size: 1rem;cursor:pointer;color: #fff;border:none;background: #0567d8;transition: 0.6s;}

.n_liuyan .messsub input:hover{ opacity:.8}

.n_liuyan .messlist03{height: 3.75rem;margin: 0 0 0 0;float:left;width: 21.375rem;background: #fff;color:#626364;box-sizing: border-box;position: relative;border: #e1e3e4 1px solid;}

.n_liuyan .messlist03 input{float:left;width: calc(100% - 50px);height: 100%;color: #636363;font-size: .875rem;border: none;outline: none;resize:none;box-sizing: border-box;background: none;padding: 0;}

.n_liuyan .messsub{width: 100%;}



.title002{ text-align:center;  margin-bottom:2.625rem}

.title002 h2{ font-size:2.375rem; color:#303030;}

.title002 p{ font-size:1.125rem; color:#454545; line-height:2.375rem; display:inline-block; max-width:60rem; margin:2rem 0 0}



.n_yewu .fl01{ padding:5rem 0 0; overflow:hidden}

.n_yewu .fl01 .miso_hd{text-align:center;padding: 2rem 0 3.125rem;}



.n_yewu .fl01 .miso_hd ul{display:inline-block;width: 40rem;}

.n_yewu .fl01 .miso_hd ul li{text-align:center;font-size: 1.375rem;color: #454545;transition:.5s;cursor:pointer;white-space: nowrap;}

.n_yewu .fl01 .miso_hd ul li.miso-current{ color:#00657A}



.list_box_03{ margin:0 -5px;}

.list_box_03 li{ padding:0 5px;}

.list_box_03 li a{ display:block; position:relative}

.list_box_03 li a .img .img_hezi{ padding-bottom:73.48% !important}



.list_box_03 li a .img:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/list_box_03_bg.png) center bottom no-repeat;background-size:100% auto;transition:.5s;transform:translateY(101%);}

.list_box_03 li a .top .box_table_cell{ transition:.5s}

.list_box_03 li a .top{ position:absolute; top:0; right:0; bottom:0; left:0; padding:0 1rem; background:rgba(0,0,0,.6); transition:.5s}

.list_box_03 li a .top h5{ font-size:1.75rem; color:#fff; font-weight:bold; line-height:1.5; margin:1.5rem 0; text-align:center; transition:.5s}



.list_box_03 li.miso-center a .top{ background:none}

.list_box_03 li.miso-center a .img:after{transform: translateY(0);}

.list_box_03 li.miso-center a .top .box_table_cell{ vertical-align:bottom}



.n_yewu .fl02{ padding:5rem 0; overflow:hidden}

.n_yewu .fl02 .ar_article h3{ margin-bottom:1.5rem}

.n_yewu .fl02 .ar_article h3, .n_yewu .fl02 .ar_article h3 span{ font-size:2.375rem; color:#303030; font-weight:normal}

.n_yewu .fl03{ padding:4.375rem 0 3.125rem; overflow:hidden; background:#eceef0}



.list_box_04{ text-align:center}

.list_box_04 li{float:left;width:16.666667%;padding:0 1.25rem;margin: .9375rem 0;}

.list_box_04 li a{ display:block; width:100%; position:relative}

.list_box_04 li a .img img{ width:100%}

.list_box_04 li a .top{ position:absolute; top:0; right:0; bottom:0; left:0; padding:1rem}

.list_box_04 li a .top img{ width:100%; border-radius:50%}

.list_box_04 li a .top1{ position:absolute; top:0; right:0; bottom:0; left:0; padding:1rem; opacity:0; visibility:hidden; transition:.5s; text-align:center; background:url(../images/list_box_04_bg_on.png) center no-repeat; background-size:cover}

.list_box_04 li a .top1 p{ font-size:1.125rem; color:#fff; line-height:1.5}



.list_box_04 li a:hover .top1{ opacity:1; visibility:visible;}



.list_box_04 .miso-arrow{ width:4rem; height:4rem; background-size: 100% 100% !important}

.list_box_04 .miso-prev{ background:url(../images/prev2.png) center no-repeat; left:-5rem}

.list_box_04 .miso-next{ background:url(../images/next2.png) center no-repeat; right:-5rem}



.n_yewu .fl04{ padding:4.375rem 0 0; overflow:hidden;}



.n_yewu .fl04 .list_box_n_yeji1{ margin-bottom:-2rem}

.n_yewu .fl04 .list_box_n_yeji1 .miso-arrow{ width:4rem; height:4rem; background-size: 100% 100% !important}

.n_yewu .fl04 .list_box_n_yeji1 .miso-prev{ background:url(../images/prev2.png) center no-repeat; left:-5rem}

.n_yewu .fl04 .list_box_n_yeji1 .miso-next{ background:url(../images/next2.png) center no-repeat; right:-5rem}



.zixu_wap{ display:none !important}

@keyframes scaleToggleOne { 

    0 {

transform:scale(1);

-webkit-transform:scale(1)

}

50% {

transform:scale(2);

-webkit-transform:scale(2)

}

100% {

transform:scale(1);

-webkit-transform:scale(1)

}

}

@keyframes scaleToggleTwo { 0 {

transform:scale(1);

-webkit-transform:scale(1)

}

20% {

transform:scale(1);

-webkit-transform:scale(1)

}

60% {

transform:scale(2);

-webkit-transform:scale(2)

}

100% {

transform:scale(1);

-webkit-transform:scale(1)

}

}

@keyframes scaleToggleThree { 0 {

transform:scale(1);

-webkit-transform:scale(1)

}

33% {

transform:scale(1);

-webkit-transform:scale(1)

}

66% {

transform:scale(2);

-webkit-transform:scale(2)

}

100% {

transform:scale(1);

-webkit-transform:scale(1)

}

}



.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }

.livechat-girl {width: 5rem;height: 5rem;border-radius: 50%;position: fixed;bottom: 50%;margin-bottom: -2.5rem;right: 2.5rem;opacity: 0;/* -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); *//* box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); */z-index: 700;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);cursor: pointer;-webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1);transition: all 1s cubic-bezier(.86, 0, .07, 1);}

.livechat-girl:focus { outline: 0 }

.livechat-girl.animated {opacity: 1;}

.livechat-girl:after {content: '';width: 13px;height: 13px;border-radius: 50%;background: #ff0000;position: absolute;right: 6px;top: 6px;z-index: 50;}

.livechat-girl .girl {position: absolute;top: 0;left: 0;width: 100%;height: auto;z-index: 50;}

.livechat-girl .animated-circles .circle {background: rgba(61, 145, 254, 0.25);width: 5rem;height: 5rem;border-radius: 50%;position: absolute;z-index: 49;transform: scale(1);-webkit-transform: scale(1);}

.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }

.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }

.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards ; -webkit-animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards ; }

.livechat-girl.animation-stopped .circle { opacity: 0!important }

.livechat-girl.animation-stopped .circle { opacity: 0!important }

.livechat-girl .livechat-hint {position: absolute;right: 3.5rem;top: 50%;margin-top: -20px;opacity: 0;z-index: 0;/* -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); *//* transition: all .3s cubic-bezier(.86, 0, .07, 1); */}

.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }

.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }

.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }

.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }

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

.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }

}

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

.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }

}

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

.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }

}



 

.rd-notice-tooltip {/* -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); *//* box-shadow: 0 2px 2px rgba(0,0,0,.2); */font-size: .875rem;border-radius: 3px;line-height: 1.25;position: absolute;z-index: 65;max-width: 350px;opacity: 1;}

.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }

.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #ffffff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }

.rd-notice-type-success {background-color: #00657A;/* -webkit-box-shadow: 0 5px 10px 0 rgba(241, 0, 0, 0.2); *//* box-shadow: 0 5px 10px 0 rgba(241,0,0,.2); */}

.rd-notice-type-success .rd-notice-content {background-color: #00657A;}

.rd-notice-type-success:after {background-color: #00657A;/* -webkit-box-shadow: 0 5px 10px 0 rgba(241,0,0,.2); *//* box-shadow: 0 5px 10px 0 rgba(241,0,0,.2) */}

.rd-notice-position-left { margin-left: -20px }

.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }

.rd-notice-tooltip.single-line .rd-notice-content { height: 2.5rem; padding: 0 1.25rem; line-height: 2.5rem; white-space: nowrap }



.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; position:  fixed;width:  100%;height:  100%;top: 0;z-index: 99999999999;}

.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto; }

.tc1 .close:hover{ transform:rotate(180deg);}

.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 

.tc1 .tc-box{ position:absolute; background: #d9d9d9; border-radius: .5rem; overflow: hidden; top:50%; z-index:9999; width: 18rem; left:50%; margin-left: -9rem; margin-top: -9rem; padding: 1rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; -ms-border-radius: .5rem; -o-border-radius: .5rem; }

.tc1 .tc.act .tc-box{  transform:scale(1);}

.tc1 .tc.act{display: block;  }

.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }

.tc1 .tc_bg {height: 100%;background: rgba(0,0,0,.7);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}

.tc1 .tc-box h3 img{width:100%; margin: 0 auto;display: block;}

.tc1 .tc-box h5{ padding-top: 1rem; font-size: .875rem; color: #6c6c6c;text-align:center;}



footer .content{display:flex;justify-content: space-between;}



footer .left{max-width: 360px;}

footer .left h2{ margin-bottom:2.375rem}

footer .left p{font-size: .875rem;color:#959798;line-height:22px;}



footer .center{display:flex;justify-content: space-between;}

footer .center dl{ margin-right:4rem}

footer .center dl dt{font-size: 1rem;color:#fff;line-height:1.25;margin-bottom:1rem;}

footer .center dl dd{font-size: .875rem;color:#6c6c71;line-height:27px;transition:.5s;}



footer .center dl dd:hover{ color:#fff}



footer .center dl .box{height:108px;padding-right: 1rem;margin-right: -1rem;overflow: hidden;}

#ascrail2000:before{content:"";left:1px;background:#494a4e;width:1px;height:100%;position: absolute;}



footer .right h6{font-size: 1rem;color:#787878;line-height:1.25;}

footer .right h2{font-size: 1.625rem;color:#fff;line-height:1.25;font-family:Roboto_r;margin:.25rem 0 .875rem;}

footer .right h2 a{ font-family:Roboto_r;}

footer .right p{ font-size:.875rem; color:#787878; line-height:1.25}



.list_box_05{ font-size:0; margin:1.5rem 0 0}

.list_box_05 li{ display:inline-block; margin:0 .5rem 0 0}

.list_box_05 li a{ display:block; width:30px; height:30px; line-height:28px; border:rgba(255,255,255,.2) 1px solid; text-align:center; border-radius:50%; transition:.5s}

.list_box_05 li a svg{ width:14px; height:14px; vertical-align:middle; fill:#a6a7a9; transition:.5s}





.chinalist {overflow: hidden;}

.chinalist.active span { -webkit-animation: fadeInRight  1s forwards; animation: fadeInRight  1s forwards; }

.chinalist span { font-family: inherit; width: auto; font-size: inherit; color: inherit; opacity: 0; display: inline-block; }

.uklist {overflow: hidden; }

.uklist.active span { -webkit-animation: fadeInRight  1s forwards; animation: fadeInRight  1s forwards; }

.uklist span { font-family: inherit; width: auto; font-size: inherit; color: inherit; opacity: 0; display: inline-block; }



.page-nav-box{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1008; overflow: hidden; background: #000; display: none; transform: translateX(-15%); opacity: 0; visibility: hidden; transition: 1s; }

.page-nav-box .pvt{ display: table; width: 100%; height: 100%; }

.page-nav-box .pv{display: table-cell;vertical-align: middle;letter-spacing: -10px;text-align: center;}

.page-nav{ display: inline-block; vertical-align: bottom; letter-spacing: 0; text-align: left; font-size: 16px; }

.page-nav a{ color: #fff; }

.page-nav li{ position: relative; }

.page-nav .eb{ overflow: hidden; transition: 800ms; }

.page-nav .en{font-size: 5rem;line-height: 1;transform: translateY(100%);color: #fff;font-family: ARVO-REGULAR;font-family: Alibaba-PuHuiTi-Heavy;text-transform: uppercase;opacity: .9;}

.page-nav .cb{ position: absolute; left: 0; top: 50%; z-index: 9; margin-top: -12px; line-height: 24px; overflow: hidden; transform: translateX(80px); opacity: 0; visibility: hidden; transition: 800ms; }

.page-nav .cb a{ float: left; }

.page-nav .cb a + a{ margin-left: 20px; }

.page-nav .cb a:first-child{ color: #edd0af;}

.page-nav .cb a:nth-child(2){ position: relative; padding-left: 25px; }

.page-nav .cb a:nth-child(2):before{ content: ""; position: absolute; left: 0; top: 50%; width: 15px; height: 1px; background: #fff; }

.page-nav-box.show{ transform: translateX(0); opacity: 1; visibility: visible; }

.menu-btn.act .i1{ width: 20px; top: 5px; transform: rotate(405deg); }

.menu-btn.act .i2{ bottom: 4px; transform: rotate(-45deg); }

.page-nav.act .en{transform: translateY(0);transition: 1000ms;}

.fix-page .footer{ position: relative; }



.page-nav-box .miso_btn{ position:absolute; top:15px; right:15px; font-size:2rem; color:#fff; cursor:pointer}





/*导航*/

.slide_down_nav{position:fixed;top:0;right:0;bottom:0;width: calc(25vw / 2);z-index:100;visibility: hidden;}

.slide_down_nav:before{content:"";position:absolute;top:0;right:0;bottom:0;width: 100vw;opacity:0;visibility:hidden;transition: .5s;}

.slide_down_nav.on:before{ opacity:1; visibility:visible}

.slide_down_nav .miso_btn{position:absolute;top: 0;right: 0;font-size:2rem;color: #333;cursor:pointer;z-index: 1000;transition: .5s;}

.slide_down_nav .miso_btn svg{width: 1.75rem;height: 1.75rem;fill:#333;transition: .5s;}

.slide_down_nav .miso_btn:hover svg{ transform:rotate(180deg)}

.slide_down_nav{background: rgba(255,255,255,.9);transition: .9s cubic-bezier(.165,.84,.44,1) 1s;-webkit-transform-origin: right;-moz-transform-origin: right;-ms-transform-origin: right;-o-transform-origin: right;transform-origin: right;-webkit-transition: all 0.36s;-moz-transition: all 0.36s;-o-transition: all 0.36s;transition: all 0.36s;-webkit-transform: perspective(12.625rem) rotateY(-90deg);-moz-transform: perspective(12.625rem) rotateY(-90deg);-ms-transform: perspective(12.625rem) rotateY(-90deg);-o-transform: perspective(12.625rem) rotateY(-90deg);transform: perspective(12.625rem) rotateY(-90deg);filter: alpha(opacity=0);opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;}

.slide_down_nav.on{top:auto;bottom:0;height:100%;transition: .9s cubic-bezier(.165,.84,.44,1);-moz-transform: perspective(12.625rem) rotateY(0deg);-ms-transform: perspective(12.625rem) rotateY(0deg);-o-transform: perspective(12.625rem) rotateY(0deg);transform: perspective(12.625rem) rotateY(0deg);filter: alpha(opacity=100);opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}

header.on .lan a{ color:#000}

header.on #openBtn .lcbody .lcitem div{background: #fff;}

.slide_down_nav_line_shuxian{position:absolute;left:50%;margin-left:-0.5px;bottom: 0;width:1px;height: 0;background: rgba(0,0,0,0.15);opacity: 1;transition:0.6s;}

.slide_down_nav_line_shuxian.on{ height:100%; transition-delay: 1s;}

.slide_down_nav .slide_down_nav_content{position:relative;z-index:10;/* transform: translateY(100%); */transition:0.6s;height: 100%;opacity: 0;}

.slide_down_nav .slide_down_nav_content .w1200{max-width:1770px;padding: 0 15%;}

.slide_down_nav .slide_down_nav_content .left{position: relative;height: 100vh;}

.slide_down_nav .slide_down_nav_content .left .logo1{position:absolute;left:0;top: 1.75rem;}

.slide_down_nav .slide_down_nav_content .left .box_table{ text-align:left}

.slide_down_nav .slide_down_nav_content .left .nav_bar ul{width:80%;margin-bottom: 6.25rem;}

.slide_down_nav .slide_down_nav_content .left .nav_bar ul li{font-size: 1.125rem;color: #383838;line-height: 3rem;overflow: hidden;width: 100% !important;}

.slide_down_nav .slide_down_nav_content .left .nav_bar ul li a{color: #383838;display:block;position:relative;transition:all 0.6s;}

.slide_down_nav .slide_down_nav_content .left .nav_bar ul li a:before{content:"";position:absolute;width:1.75rem;height:1px;background:#b2b2b2;right:0;top: 50%;margin-top:-0.5px;transition:all 0.6s;display: none;}

.slide_down_nav .slide_down_nav_content .left .nav_bar ul li a span{ color: #383838; transition:.6s}

.slide_down_nav .slide_down_nav_content .left .nav_bar ul li a:hover span{ color:#00657A}



.slide_down_nav .slide_down_nav_content .right{width:50%;height:100vh;overflow:hidden;position: relative;}

.slide_down_nav .slide_down_nav_content .right .nav_tu{width: 100%;height:100vh;position:relative;opacity:0;transition:1.2s;}

.slide_down_nav .slide_down_nav_content .right .nav_tu ul li a{ display:block; width:100%;height:100vh;overflow:hidden;object-fit:cover;}

.slide_down_nav .slide_down_nav_content .right .nav_tu ul li a .img .img_hezi{ padding-bottom:65.60% !important}

.slide_down_nav .slide_down_nav_content .fenxiang_box{ margin-top:6.25rem}

.slide_down_nav .slide_down_nav_content .fenxiang_box ul li{ display:inline-block; margin-right:1.5rem; overflow:hidden}

.slide_down_nav .slide_down_nav_content .fenxiang_box ul li a{ display:block;position:relative;transform: translateY(100%); transition:transform .6s cubic-bezier(.165,.84,.44,1) 1s,-webkit-transform .6s cubic-bezier(.165,.84,.44,1) 1s;}



.slide_down_nav.on{ visibility:visible}

.slide_down_nav .slide_down_nav_content.on{/* transform:translateY(0); */transition:0.6s;opacity: 1;}

.slide_down_nav .slide_down_nav_content.on .left{}

.slide_down_nav .slide_down_nav_content.on .right{}

.slide_down_nav .slide_down_nav_content.on .left .nav_bar ul li a{}

.slide_down_nav .slide_down_nav_content.on .fenxiang_box ul li a{ transform: translateY(0); transition-delay:1s}

.slide_down_nav .slide_down_nav_content.on .right .nav_tu{ opacity:1; transition-delay:1s}

.slide_down_nav .slide_down_nav_content .left .nav_bar ul li.miso-current a span.span02{ display:block}

.slide_down_nav .slide_down_nav_content .left .nav_bar ul li.miso-current a span.span01{ display:none}

.slide_down_nav .slide_down_nav_content .left .nav_bar ul li.miso-current a:before{ background:#000000; width:3.75rem}



.slide_down_nav .slide_down_nav_content .left h6{font-size: .9375rem;color:#3d3d3d;line-height:1.25;}

.slide_down_nav .slide_down_nav_content .left h2{font-size: 1.625rem;color:#3d3d3d;line-height:1.25;font-family:Roboto_r;margin: .25rem 0 1rem;}

.slide_down_nav .slide_down_nav_content .left h2 a{ font-family:Roboto_r;}

.slide_down_nav .slide_down_nav_content .left p{font-size: 12px;color: #808080;line-height: 26px;}



.slide_down_nav .slide_down_nav_content .left .list_box_05{ font-size:0; margin:1.5rem 0 0}

.slide_down_nav .slide_down_nav_content .left .list_box_05 li{display:inline-block;margin:0 .5rem 0 0;position: relative;}

.slide_down_nav .slide_down_nav_content .left .list_box_05 li .bottom{position:absolute;bottom: 136%;left: 50%;background: #f5f5f5;padding: 5px;transform: translateX(-50%) translateY(-10%);opacity: 0;visibility: hidden; transition:.5s}

.slide_down_nav .slide_down_nav_content .left .list_box_05 li .bottom:before{content:"";position:absolute;bottom: -6px;border-left: transparent 6px solid;border-right: transparent 6px solid;border-top: whitesmoke 6px solid;left: 50%;margin-left: -6px;}

.slide_down_nav .slide_down_nav_content .left .list_box_05 li a{ display:block; width:30px; height:30px; line-height:28px; border:#c8c8c8 1px solid; text-align:center; border-radius:50%; transition:.5s}

.slide_down_nav .slide_down_nav_content .left .list_box_05 li a svg{ width:14px; height:14px; vertical-align:middle; fill:#a6a7a9; transition:.5s}



.slide_down_nav .slide_down_nav_content .left .list_box_05 li:hover .bottom{ transform: translateX(-50%) translateY(0);opacity: 1;visibility:visible;}

.slide_down_nav .slide_down_nav_content .left .list_box_05 li:hover a{ border:#333 1px solid;}

.slide_down_nav .slide_down_nav_content .left .list_box_05 li:hover a svg{ fill:#333}





.slide_down_nav .header_box{ z-index:100}



.slide_down_nav .header_box .right .box a{ color:#2d2d2d}



.slide_down_nav .miso_btn{ opacity:0; visibility:hidden}

.slide_down_nav.on .miso_btn{ opacity:1; visibility:visible}



.slide_down_nav .header_box .right{ border:none}

.slide_down_nav .slide_down_nav_content .left .list_box_05 li .bottom img{ width:7rem}



.footer_p{padding: 1rem 0;text-align:center;width: 100%;}

.footer_p p{font-size:12px;color: #333333;line-height:1.5;}

.index1{ background: url(../images/index1_bg.jpg) no-repeat center center; width: 100%; height: 788px;}
.index1_l{ width: 50%;}
.index1_tit{ width: 61%; margin: 80px 0 0 7.2%;}
.index1_txt{ font-size: 14px; color: #333333; line-height: 30px; width: 83.3%; margin: 42px 0 0 8.3%; text-align: justify;}
.index1_more{ display: block; background: url(../images/index1_more.png) no-repeat center center; width: 208px; line-height: 48px; margin: 42px 0 0 8.3%;}
.index1_more p{ font-size: 16px; color: #ffffff; margin-left: 20px;}
.gsnum{ margin-top: 90px;}
.gsnum li{ float: left; width: 25%; text-align: center;}
.gsnum li h2{ line-height: 60px; height: 60px;}
.gsnum li span{ font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color: #00657A; font-size: 60px; vertical-align: middle;}
.gsnum li h2 sup{ font-size: 18px; color: #666666; line-height: 20px; margin-left: 10px;}
.gsnum li h3{ font-size: 14px; color: #333333; line-height: 46px;}
.index1_r{ cursor: pointer; width: 23.2%; border: 15px solid #ECECEC; border-radius: 100%; overflow: hidden; margin: 170px 0 0 10.9%;}
.index1_r img{ display: block; width: 100%;}
.vdplay {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 99999;background: url('../images/fancybox_overlay.png');display: none;}
.vd-cha {position: absolute;right: 0;top: 0;z-index: 3;color: #fff;width: 80px;height: 80px;font-size: 50px;text-align: center;line-height: 80px;cursor: pointer;}
#vdbed {width: 70%;height: 80%;position: absolute;left: 15%;top: 10%;z-index: 1;}

.index2{ background: url(../images/index2_bg.jpg) no-repeat center top; background-size: cover; padding: 80px 0 20px;}
.index2_tit{ text-align: center;}
.index2_tit img{ max-height: 100%;}
.guanlist {width: 96.3%;font-size: 0;white-space: nowrap;margin: 40px auto 0;}
.guanlist li {display: inline-block;width: 19%;height: 100%;margin: 0 .5%;}
.guanlist li .lin {height: 100%;}
.guanlist li a {display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
.guanlist .pic {width: 100%;height: 100%;z-index: 0;font-size: 0;}
.guanlist .pic img {height: 100%;width: 100%;-o-object-fit: cover;object-fit: cover;}
.guanlist li .one {padding: 0 30px;position: absolute;left: 0;right: 0;bottom: 100px;z-index: 1;text-align: center;}
.guanlist li h3 {font-size: 26px;color: #fff;line-height: 40px;font-weight: bold;height: 40px;overflow: hidden;}
.guanlist li h4 {font-size: 16px;color: #fff;line-height: 26px;text-transform: uppercase;height: 26px;overflow: hidden;margin-top: 14px;}
.guanlist li .cover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 4; opacity: 0;  -webkit-transform: scale(0.9); transform: scale(0.9); background-color: rgba(18, 111, 129, 0.8); display: -webkit-box; display: -ms-flexbox; display: flex;}
.guanlist li .cover .in { padding: 0 10px; text-align: center; margin: auto;}
.guanlist li .cover .num { height: 76px; font-size: 36px; color: #fff; line-height: 76px; background: url('../images/wubian.png') center no-repeat; margin-bottom: 70px;}
.guanlist li .cover .txt2 { font-size: 16px; color: #fff; line-height: 26px; text-transform: uppercase; height: 26px; overflow: hidden; font-weight:bold}
.guanlist li .cover .txt3 { font-size: 26px; color: #fff; line-height: 40px; font-weight: bold; height: 40px; overflow: hidden; letter-spacing:2px;}
.guanlist li .cover .hx { width: 28px; height: 3px; margin: 27px auto 15px; background-color: #fff;}
.guanlist li .cover .cont1 { font-size: 20px; color: #fff; line-height: 30px; overflow: hidden; white-space: normal; font-weight:bold; margin-bottom:22px; letter-spacing:2px;}
.guanlist li .cover .cont { font-size: 16px; color: #fff; line-height: 26px; max-height: 104px; overflow: hidden; white-space: normal; font-weight:bold}
.guanlist .cover, .guanlist .one { -webkit-transition: .6s; transition: .6s;}
.guanlist li:hover .cover { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.guanlist li:hover .one {opacity: 0;}

.img{ display: block; width: 100%;}
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}
.advbox{ position: relative;}
.advbox .hd{ position: absolute; bottom: 30px; left: 50%; margin-left: -447px; width: 894px; height: 126px; background: url(../images/bg3.png) no-repeat center center; z-index: 1;}
.advbox .hd ul li{ display: inline-block; padding: 0 50px; cursor: pointer; background: url(../images/line1.png) no-repeat right center; position: relative;}
.advbox .hd ul li:before{ content: ''; width: 12px; height: 8px; background: url(../images/san.png) no-repeat center center; position: absolute; top: -28px; left: 50%; margin-left: -6px; transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
.advbox .hd ul li h1{ font-size: 22px; color: #00586C; line-height: 32px; font-weight: bold;}
.advbox .hd ul li h2{ font-size: 12px; color: #969696; line-height: 16px; text-transform: uppercase; font-weight: bold;}
.advbox .hd ul li:last-child{ background: none;}
.advbox .hd ul li.on:before{ top: -37px;}
.advbox .bd ul p{ font-size: 18px; color: #ffffff; background: url(../images/bg2.png) no-repeat center center; position: absolute; bottom: 170px; left: 50%; margin-left: -447px; width: 894px; line-height: 69px; text-align: center;}

.index3{ background: url(../images/index3_bg.jpg) no-repeat center top; background-size: cover; padding: 80px 0 70px;}
.index3_tit{ text-align: center;}
.index3_tit img{ max-height: 100%;}
.tab{ border: 1px solid #537C90; width: 856px; line-height: 59px; overflow: hidden; margin: 30px auto 80px; background: url(../images/index3_line.png) no-repeat center center;}
.tab li{ float: left; text-align: center; width: 50%; cursor: pointer;}
.tab li img{ vertical-align: middle;}
.tab li.curr{ background-color: #256F92;}
.index3-left{ display: none; position: relative;}
.index3-left.show{ display: block;}
.index3-left .bd{ width: 1800px; margin: 0 auto;}
.index3-left .bd ul li{ width: 400px; background-color: #ffffff; overflow: hidden; border-radius: 10px; margin: 0 25px; box-shadow: 0 0 15px rgba(0, 0, 0, .06);}
.index3_img{ overflow: hidden;}
.index3_txt{ text-align: center; height: 240px;}
.index3_txt h1{ font-size: 22px; color: #333333; line-height: 54px; height: 54px; margin-top: 30px;}
.index3_txt h2{ font-size: 14px; color: #666666; line-height: 25px; width: 290px; margin: 0 auto;}
.index3_more{ background: url(../images/index3_more.png) no-repeat center center; width: 208px; line-height: 48px; margin:  25px auto 0;}
.index3_more p{ font-size: 16px; color: #ffffff; margin-left: 20px; text-align: left;}
.index3-left .next, .index3-left .prev{ display: block; position: absolute; top: 290px; width: 13px; height: 20px; background-repeat: no-repeat; background-position: center center; cursor: pointer;}
.index3-left .next{ background-image: url(../images/index3_next.png); right: 30px;}
.index3-left .prev{ background-image: url(../images/index3_prev.png); left: 30px;}

.index4{ background: url(../images/index4_bg.jpg) no-repeat center center; background-size: cover; padding: 60px 0 40px;}
.index4_tit{ text-align: center;}
.index4_tit img{}
.index4_tit p{ font-size: 18px; color: #999999; line-height: 60px;}
.slideTxtBox{}
.slideTxtBox .hd ul{ font-size: 0; text-align: center;}
.slideTxtBox .hd ul li{ display: inline-block; cursor: pointer; margin: 0 25px;}
.slideTxtBox .hd ul li p{ font-size: 16px; color: #666666; line-height: 58px;}
.index4_icon{ width: 120px; height: 120px; background: #ffffff; border: 1px solid #DBE1EA; border-radius: 100%; background-repeat: no-repeat; background-position: center;}
.index4_icon1{ background-image: url(../images/index4_icon1.png);}
.index4_icon2{ background-image: url(../images/index4_icon2.png);}
.index4_icon3{ background-image: url(../images/index4_icon3.png);}
.index4_icon4{ background-image: url(../images/index4_icon4.png);}
.index4_icon5{ background-image: url(../images/index4_icon5.png);}
.index4_icon6{ background-image: url(../images/index4_icon6.png);}
.index4_icon7{ background-image: url(../images/index4_icon7.png);}
.index4_icon8{ background-image: url(../images/index4_icon8.png);}
.index4_icon9{ background-image: url(../images/index4_icon9.png);}
.slideTxtBox .hd ul li.on .index4_icon{ border: 5px solid #00657a;}
.slideTxtBox .hd ul li.on .index4_icon1{ background-image: url(../images/index4_icon1_on.png);}
.slideTxtBox .hd ul li.on .index4_icon2{ background-image: url(../images/index4_icon2_on.png);}
.slideTxtBox .hd ul li.on .index4_icon3{ background-image: url(../images/index4_icon3_on.png);}
.slideTxtBox .hd ul li.on .index4_icon4{ background-image: url(../images/index4_icon4_on.png);}
.slideTxtBox .hd ul li.on .index4_icon5{ background-image: url(../images/index4_icon5_on.png);}
.slideTxtBox .hd ul li.on .index4_icon6{ background-image: url(../images/index4_icon6_on.png);}
.slideTxtBox .hd ul li.on .index4_icon7{ background-image: url(../images/index4_icon7_on.png);}
.slideTxtBox .hd ul li.on .index4_icon8{ background-image: url(../images/index4_icon8_on.png);}
.slideTxtBox .hd ul li.on .index4_icon9{ background-image: url(../images/index4_icon9_on.png);}
.slideTxtBox .hd ul li.on p{ color: #01768A;}
.dg-container{width: 100%;height: 548px;position: relative; margin: 20px 0 60px;}
.dg-wrapper{width: 836px;height: 548px;margin: 0 auto;position: relative;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px;-moz-perspective: 1000px;-o-perspective: 1000px;-ms-perspective: 1000px;perspective: 1000px;}
.dg-wrapper a{width: 836px;height: 548px;display: block;position: absolute;left: 0;top: 0;box-shadow: 0px 10px 20px rgba(0,0,0,0.3); overflow: hidden; border-radius: 10px;}
.dg-wrapper a.dg-transition{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.dg-wrapper a img{display: block;width: 100%;}
.dg-wrapper a div{text-align: center;line-height: 79px;color: #ffffff; font-weight: bold; font-size: 18px;width: 100%;top: 0px;display: none;position: absolute; background: url(../images/index4_black.png) no-repeat center center;}
.dg-wrapper a.dg-center div{display: block;}

.index5{ background-color: #F6F6F6; padding: 60px 0 74px;}
.index5_tit{ text-align: center;}
.index5-left{ margin: 30px auto 50px; width: 1830px;}
.index5-left .bd ul li{ width: 600px; height:300px; background-color: #ffffff; margin-right: 15px; position: relative;}
.index5-left .bd ul li a{ display: block; padding: 45px 50px 0 80px;}
.index5_line{ position: absolute; top: 20px; left: 50px;}
.index5_time{ line-height: 26px;}
.index5_time img{ vertical-align: middle; margin-right: 10px;}
.index5-left .bd ul li h1{ line-height: 68px; font-size: 18px; color: #333333; font-weight: bold; height: 68px; overflow: hidden;}
.index5-left .bd ul li p{ font-size: 14px; color: #666666; line-height: 25px; height: 50px; overflow: hidden;}
.index5_more{ font-size: 14px; color: #999999; font-weight: bold; margin-top: 44px;}
.index5 .index3_more{ display: block;}

.footer0 {padding: 74px 0 130px;}
.mwlist {padding: 0 4%;font-size: 0;text-align: center;overflow: hidden;}
.mwlist li {display: inline-block;width: 16.66%;vertical-align: top;}
.mwlist li a {display: block;width: 100%;position: relative;}
.mwlist .pic {width: 100%;height: 120px;overflow: hidden;position: relative;line-height: 120px;-webkit-perspective: 1000px;perspective: 1000px;}
.mwlist .inner {width: 120px;height: 100%;margin: 0 auto;-webkit-transition: background-image 0.4s, -webkit-transform 1s;transition: background-image 0.4s, -webkit-transform 1s;transition: transform 1s, background-image 0.4s;transition: transform 1s, background-image 0.4s, -webkit-transform 1s;background: url('../images/hex1.png') center no-repeat;}
.mwlist .pic img.p1 {display: inline-block;}
.mwlist .pic img.p2 {display: none;}
.mwlist li h3 {font-size: 24px;color: #333;line-height: 36px;height: 36px;overflow: hidden;margin-top: 26px;-webkit-transition: .4s;transition: .4s;}
.mwlist li:hover .inner {background-image: url('../images/hex2.png');}
.mwlist li:hover h3 {color: #01768a;}
.mwlist li:hover .pic img.p1 {display: none;}
.mwlist li:hover .pic img.p2 {display: inline-block;}
.mwlist li:hover .inner {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.mwlist li .txt {font-size: 16px;color: #999;line-height: 26px;height: 52px;overflow: hidden;margin-top: 10px;}
@media screen and (max-width: 1100px) {
  .mwlist li {width: 33.33%;}
  .mwlist li {margin-top: 30px;}
}
@media screen and (max-width: 750px) {
  .mwlist li {width: 50%;}
}

.footer1{ background-color: #06566D; padding-top: 63px;}
.cer8 {max-width: 1680px;margin: 0 auto;}
.footrexian {position: relative;width: 100%; height: 126px; border-radius: 12px;padding: 0 40px;background: url(../images/hottelbg.jpg) center/cover no-repeat;margin-top: -126px;}
.foothot {font-size: 22px;color: #fff;line-height: 40px; padding: 43px 0;}
.foothot a {color: #fff;display: inline-block;height: 100%;vertical-align: top;}
.htel {display: inline-block;width: 186px;height: 100%;font-size: 26px;vertical-align: top;overflow: hidden;}
.f_nav{ padding: 33px 80px 0 0;}
.f_nav li, .f_nav li a{ font-size: 14px; color: #ffffff; line-height: 30px;}
#totop{ position: absolute; width: 60px; height: 60px; right: 50px; cursor: pointer;z-index: 1; top: 50%; margin-top: -30px; border-radius: 10px;background: #fff url('../images/totop.png') center no-repeat;-webkit-transition: .4s; transition: .4s;}
#totop:hover{ box-shadow: 0 0 10px 0 #fff;}
.footer{ padding: 20px 20px 48px;}
.f_link{ line-height: 79px; background: url(../images/log.png) no-repeat right center; border-bottom: 1px solid #82AAB6; font-size: 16px; color: #CCCCCC;}
.f_link a{ color: #ffffff;}
.f_link img{ vertical-align: middle; margin: 0 10px;}
.f_addr{ padding-top: 20px;}
.f_addr li{ float: left;}
.f_addr li h1{ font-size: 16px; color: #CDDDE2; position: relative; line-height: 40px; margin-bottom: 10px;}
.f_addr li h1:before{ content: ''; position: absolute; bottom: 0; width: 30px; height: 2px; background-color: #E29400;}
.f_addr li p{ font-size: 14px; color: #FFFFFF; line-height: 30px;}
.f_addr li.f_line{ background: url(../images/f_line.png) no-repeat center center; width: 130px; height: 95px; background-size: 1px;}
.foot_r{ background: url(../images/f_line.png) repeat-y left center; background-size: 1px 100%; padding-left: 80px; margin-top: 30px;}
.copy{ text-align: center; background-color: #06566D; border-top: 1px solid #135F74; line-height: 56px;}
.copy, .copy a{ font-size: 14px; color: #6999A7;}

.case_nav{ position: relative; margin-top: 80px;}
.case_nav:before{ content: ''; width: 100%; height: 1px; background-color: #E0E0E0; position: absolute; top: 25px; left: 0;}
.case_nav ul{ position: relative; z-index: 1; text-align:center;}
.case_nav li{ width: 150px; text-align: center; display: inline-block;}
.case_nav li .case_icon{ height: 50px; background: url(../images/case_icon.png) no-repeat center center;}
.case_nav li p{ font-size: 16px; color: #666666; line-height: 54px;}
.case_nav li.curr .case_icon, .case_nav li:hover .case_icon{ background-image: url(../images/case_icon_on.png);}
.case_nav li.curr p, .case_nav li:hover p{ color: #15629F;}

.contact_img1{ width: 100%;}
.con_addr{ background-color: #ECEEF1; padding: 58px 0 78px;}
.contact{ font-size: 0; text-align: center;}
.contact li{ display: inline-block; margin: 0 85px; text-align: left;}
.contact li h1{ font-size: 24px; color: #333333; position: relative; line-height: 70px; margin-bottom: 10px;}
.contact li h1:before {content: '';position: absolute; bottom: 0;width: 30px;height: 2px;background-color: #E29400;}
.contact li p{ font-size: 18px; color: #333333; line-height: 40px;}
a.map{ display: block; font-size: 14px; color: #5D5E60; width: 126px; line-height: 40px; border: 2px solid #C1C8D1; border-radius: 40px; text-align: center; cursor: pointer; margin-top: 33px;}

.classlist{ margin: 60px auto 0; width: 1530px;}
.classlist li{ float: left; text-align: center; margin: 0 15px 30px; width: 480px;}
.classlist li .class_tu{ overflow: hidden;}
.classlist li .class_tu img{ display: block; width: 100%;}
.classlist li p{ background-color: #ECEEF0; line-height: 60px; font-size: 18px; color: #333333;}
.classlist li:hover p{ background-color: #00657A; color: #ffffff;}

.m-history{padding-top:60px;background:url(../images/img32.png) center bottom 80px no-repeat;}
.m-history .wp:before{ content:''; position: absolute; right:0; background: url(../images/develop_bg.png) no-repeat center center; width: 584px; height: 75px;}
.wp{width: 66.6%;max-width: 1290px;margin: 0 auto; position: relative;}
.m-tit1{color:#303030;line-height:1;text-align:center}
.m-tit1 h3{font-size:30px; line-height: 50px;}
.m-tit1 h3 em{display:block;font-size:20px; font-style: normal;line-height: 30px;}
.m-tit1-left h3{text-align:left;background-position:left top}
.slider-for{ margin: 80px 0 105px;}
.slider-for .con{overflow:hidden;width:100%;margin:0 auto}
.slider-for .txt{float:left;width:50%;font-size:18px;color:#303030;line-height:32px;text-align:justify}
.slider-for .tit{font-size:36px;color:#303030;line-height:1;padding-left:24px;position:relative;margin: 40px 0 25px}
.slider-for .tit:after{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:5px;height:35px;background:#00657A}
.slider-for .pic{width:43%;float:right;}
.slider-for .pic img{display:block;width:100%;}
.slider-for .year{display:block;text-align:left;width:100%;font-family:Arial;font-size:80px;color:#00657A;line-height:1;font-weight:bold;position:relative;z-index:1}
.slider-nav{width:100%;margin:0 auto;padding:0 90px;}
.slider-nav .tit{font-family:Arial;font-size:16px;color:#333;line-height:45px;text-align:center;font-weight:400;cursor:pointer}
.slider-nav .slick-current .tit{background:url(../images/img30.png) center center no-repeat;-webkit-background-size:auto 100%;background-size:auto 100%;color:#00657A;font-weight:bold; font-size: 20px;}

.box-mission{padding:41px 0 0; width: 1246px; margin: 0 auto;}
.p-list6{padding:8px 0 11px}
.p-list6 li{overflow:hidden;background:#fff;margin-bottom:30px}
.p-list6 .pic{float:right;width:50%;overflow:hidden}
.p-list6 .pic img{display:block;width:100%}
.p-list6 .pic:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.p-list6 .txt{float:left; width: 50%; padding: 54px 0 0 8.8%;}
.p-list6 .tit{font-size:24px;font-weight:bold; color: #333333; line-height: 56px;}
.p-list6 p{ font-size: 18px; color: #333333; position: relative; line-height: 26px; padding-left: 46px;}
.p-list6 p span{ color: #999999; font-style: italic; margin-right: 10px;}
.p-list6 p:before{ content: ''; width: 35px; height: 1px; background-color: #E7E7E7; position: absolute; left: 0; top: 12px;}
.p-list6 .num{display:block;}
.p-list6 li:nth-child(2n) .pic{float:left}
.p-list6 li:nth-child(2n) .txt{float:right;}
img {transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.view-page {border-top: 1px solid #ddd;padding-top: 70px;margin-top: 60px;text-align: center;font-size: 0;}
.btn-style.green {border-color: rgba(0, 101, 121, 0.5);color: #00657A;}
.view-page .btn-style {font-size: 1rem;}
.btn-style {position: relative;display: inline-block;vertical-align: middle;width: 200px;height: 54px;font-size: 0.875rem;font-weight: 600;line-height: 54px;text-align: center;white-space: nowrap;margin: 0;padding: 0 14px;border-style: solid;border-width: 2px;border-radius: 27px;-webkit-transition: background .2s, color .2s, border .2s;-o-transition: background .2s, color .2s, border .2s;transition: background .2s, color .2s, border .2s;border-color: rgba(255, 255, 255, 0.5);background-color: rgba(255, 255, 255, 0);color: #fff;overflow: hidden;}
.article-page {display: -webkit-box;display: -ms-flexbox;display: flex;margin: 70px 0 50px;}
.article-page .box {display: block;width: 50%;border-right: 1px solid #ddd;position: relative;background-color: #f9f9f9;}
.article-page .box .btn-aw {width: 44px;height: 44px;border-radius: 50%;border: 1px solid #aaa;font-size: 0;position: absolute;top: 50%;margin-top: -22px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.article-page .box .btn-aw:before {content: '';display: block;width: 10px;height: 10px;border: 2px solid #333;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: border .5s;-o-transition: border .5s;transition: border .5s;}
.article-page .box .main {vertical-align: top;}
.article-page .box .main .tag {font-size: 0.9375rem;color: #00657A;margin-bottom: 5px;}
.article-page .box .main .ti {font-size: 1.125rem;line-height: 1.5;color: #333;}
.article-page .box .main .data {font-size: 0.9375rem;color: #999;}
.article-page .box:hover .btn-aw {border-color: #00657A;background-color: #00657A;}
.article-page .box:hover .btn-aw:before {border-color: #fff;}
.article-page .box:hover .main .ti {color: #000;text-decoration: underline;}
.article-page .box.prev {padding: 40px 50px 40px 130px;}
.article-page .box.prev .btn-aw {left: 40px;}
.article-page .box.prev .btn-aw:before {border-right: none;border-top: none;-webkit-transform-origin: 8px 0;-ms-transform-origin: 8px 0;transform-origin: 8px 0;}
.article-page .box.prev .main {text-align: right;}
.article-page .box.next {border-right: none;padding: 40px 130px 40px 50px;}
.article-page .box.next .btn-aw {right: 40px;}
.article-page .box.next .btn-aw:before {border-left: none;border-bottom: none;-webkit-transform-origin: 8px -5px;-ms-transform-origin: 8px -5px;transform-origin: 8px -5px;}

.location{ height:60px; line-height:60px; border-bottom:1px solid #E7E7E7; background-color: #f8f9fb;}
.location1 .w1200{ max-width:84%;}
.location2 .w1200{ max-width:1200px;}
.weizhi{ background:url(../images/location.png) no-repeat left center; padding-left:26px;}
.weizhi, .weizhi a{ font-size:14px; color:#999999;}

/*online qq*/
.izl-rmenu {position: fixed;right: 0;top: 30%;z-index: 999999;}
.izl-rmenu .btn{ width: 65px; text-align: center;cursor:pointer; margin-bottom: 2px; position: relative; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.izl-rmenu .btn-wx .pic{position:absolute;left: -190px;top:0px;display:none;}
.izl-rmenu .btn-phone .phone{position:absolute;width:160px;left:-170px;bottom: 0;line-height: 56px;color: #ffffff;font-size: 20px;text-align:center;display:none;background:  #302a29;}
/*online qq*/

.pagelist { text-align: center; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist span { background: #ef5600; color: #fff;}

/*==========================================内页 结束=============================================*/

@media screen and (max-width: 1680px) {
  .index1 { background-size: cover; height: 591px;}
  .index1_tit{ margin-top: 60px;}
  .index1_txt{ line-height: 24px; margin-top: 31px;}
  .index1_more{ width: 156px; line-height: 36px; margin-top: 31px; background-size: 100% 100%;}
  .index1_more p{ font-size: 14px; margin-left: 15px;}
  .gsnum{ margin-top: 67px;}
  .gsnum li h2{ line-height: 45px; height: 45px;}
  .gsnum li span{ font-size: 45px;}
  .gsnum li h2 sup{ font-size: 16px; margin-left: 7px;}
  .index1_r{ border: 11px solid #ECECEC; margin-top: 127px;}
  .index3{ padding: 60px 0 52px;}
  .index3_tit{ height: 81px;}
  .index3-left .bd{ width: 1350px;}
  .index3-left .bd ul li{ width: 300px; border-radius: 7px; margin: 0 18px; box-shadow: 0 0 11px rgba(0, 0, 0, .06);}
  .index3_txt{ height: 180px;}
  .index3_txt h1{ font-size: 18px; line-height: 40px; height: 40px; margin-top: 22px;}
  .index3_txt h2{ font-size: 12px; line-height: 20px; height: 40px; width: 217px; overflow:hidden;}
  .index3-left .next, .index3-left .prev{ top:217px;}
  .index3_more{ background-size: 100% 100%; width: 156px; line-height: 36px; margin:  18px auto 0;}
  .index3_more p{ font-size: 14px;}
  .index4{ padding: 45px 0 30px;}
  .index4_tit img{ height: 35px;}
  .index4_tit p{ font-size: 16px; color: #999999; line-height: 45px;}
  .slideTxtBox .hd ul li{ margin: 0 18px;}
  .slideTxtBox .hd ul li p{ font-size: 14px; line-height: 43px;}
  .index4_icon{ width: 90px; height: 90px; background-size: 100% 100%;}
  .slideTxtBox .hd ul li.on .index4_icon{ border: 3px solid #CC0000;}
  .dg-container{height: 411px; margin: 15px 0 45px;}
  .dg-wrapper{width: 627px;height: 411px;}
  .dg-wrapper a{width: 627px;height: 411px;box-shadow: 0px 7px 15px rgba(0,0,0,0.3); border-radius: 7px;}
  .dg-wrapper a div{line-height: 60px; font-size: 16px; background-size: 100% 100%;}
  .index5{ padding: 45px 0 55px;}
  .index5-left{ margin: 22px auto 37px; width: 1372px;}
  .index5-left .bd ul li{ width: 450px; height:220px; margin-right: 11px;}
  .index5-left .bd ul li a{ padding: 33px 37px 0 60px;}
  .index5_line{ top: 15px; left: 37px;}
  .index5_time{ line-height: 19px;}
  .index5_time img{ margin-right: 7px;}
  .index5-left .bd ul li h1{ line-height: 51px; font-size: 16px; height: 51px;}
  .index5-left .bd ul li p{ font-size: 12px; line-height:20px; height: 40px;}
  .index5_more{ font-size: 12px; margin-top: 33px;}
  .mwlist li h3 {font-size: 18px;line-height: 27px;height: 27px;margin-top: 19px;}
  .mwlist li .txt {font-size: 14px;line-height: 20px;height: 40px;margin-top: 7px;}
  .footer1{ padding-top: 47px;}
  .cer8 {max-width: 1300px;}
  .footrexian { height: 94px; border-radius: 9px;padding: 0 30px; margin-top: -94px;}
  .foothot {font-size: 16px;line-height: 30px; padding: 32px 0;}
  .htel {width: 139px;font-size: 20px;}
  .f_nav{ padding: 24px 60px 0 0;}
  .f_nav li, .f_nav li a{ line-height: 24px; font-size:12px;}
  #totop{ width: 45px; height: 45px; right: 37px; margin-top: -22px; border-radius: 7px;}
  #totop:hover{ box-shadow: 0 0 7px 0 #fff;}
  .footer{ padding: 15px 15px 33px;}
  .f_link{ line-height: 60px; background-size: auto 24px; font-size: 14px;}
  .f_link a{ margin-right: 7px;}
  .f_link img{ margin: 0 7px;}
  .f_addr{ padding-top: 15px;}
  .f_addr li h1{ font-size: 14px; line-height: 30px; margin-bottom: 7px;}
  .f_addr li h1:before{ width: 22px; height: 2px;}
  .f_addr li p{ font-size: 12px; line-height: 22px;}
  .f_addr li.f_line{ width: 80px; height: 71px;}
  .foot_r{ padding-left: 40px; margin-top: 22px;}
  .foot_r img{ display: block; width: 135px;}
  .copy{ line-height: 42px;}
  .copy, .copy a{ font-size: 12px; color: #6999A7;}
  .copy img{ height: 32px;}
  .n_title001{ background-size: auto 100%;}
  .classlist{ margin: 45px auto 0; width: 1147px;}
  .classlist li{ margin: 0 11px 22px; width: 360px;}
  .classlist li p{ line-height: 45px; font-size: 16px;}
  .con_addr{ padding: 43px 0 58px;}
  .contact li{ margin: 0 63px;}
  .contact li h1{ font-size: 20px; line-height: 52px; margin-bottom: 7px;}
  .contact li h1:before {width: 22px;}
  .contact li p{ font-size: 16px; line-height: 32px;}
  a.map{ font-size: 12px; width: 94px; line-height: 30px; border-radius: 30px; margin-top: 24px;}
  .map_buju img{ max-width:80%;}
  .guanlist li .cover .num{ margin-bottom: 40px;}
  .guanlist li .cover .txt3 { font-size: 16px; color: #fff; line-height: 32px; font-weight: bold; height: 32px;}
  .guanlist li .cover .hx { margin: 18px auto 10px;}
  .guanlist li .cover .cont1 { font-size: 18px; line-height: 26px; margin-bottom:15px;}
  .guanlist li .cover .cont { font-size: 14px; line-height: 22px; max-height: 88px;}
}

/*aos="zoom-in" aos-duration="1200"*/
.picScroll-left{ position:relative;}
.picScroll-left .next, .picScroll-left .prev{ display: block; position: absolute; top: 290px; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center center; cursor: pointer; z-index:99; background-color:rgba(255,255,255,.8); border-radius:100%;}
.picScroll-left .next{ background-image: url(../images/index3_next.png); right: 30px;}
.picScroll-left .prev{ background-image: url(../images/index3_prev.png); left: 30px;}