@charset "utf-8";
@font-face{ font-family:Roboto_l; src:url(../font/ROBOTO-LIGHT-10_0.TTF);}
@font-face{ font-family:ARVO-REGULAR; src:url(../font/ARVO-REGULAR.TTF);}
@font-face{ font-family:Roboto_r; src:url(../font/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: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
#top .indexBanner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
 #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 .webGL-slider .txt-item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}
.indexBanner .webGL-slider .txt-item > li {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 100%;
}
 .indexBanner .webGL-slider .txt-item > li > a {
  position: absolute;
  display: inline-block;
  top: 30vh;
  left: 0;
}
 .indexBanner .webGL-slider .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 .webGL-slider .txt-item > li .w1200, .webGL-slider .pagination .w1200{ max-width:100%; padding:0 0 0 10rem}

.indexBanner .webGL-slider .txt-item > li h5{font-size: 2rem;color:#fff;line-height: 1.5;margin-bottom: .5rem;}
.indexBanner .webGL-slider .txt-item > li h5 font{}
.indexBanner .webGL-slider .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 .webGL-slider .txt-item > li small font{}
.indexBanner .webGL-slider .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 .webGL-slider .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;
    }
}

#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: fixed;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: .25rem 0 0 .5rem;vertical-align: top;}
.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;margin: .375rem 0 0;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: 3.75rem;position:absolute;left:0;right: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(255,255,255,.5) 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}
.footer_pro ul li a .con p{font-size:.875rem;color:#fff;opacity:.5;margin: .25rem 0 0;text-transform: capitalize;}

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


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

.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: 15px;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: #0267db;}
#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: #0267db;}
#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(../images/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: #0267db;}


/*顶部搜索*/
.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(../images/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: 20px; }
#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: #0267db;}
#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(../images/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(../images/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;}
.heading .top{height: calc(100vh - 95px - 70px);position:relative;z-index:1;}
.heading .top h2{font-size: 2.875rem;color:#fff;font-weight:bold;}
.heading .top p{ display:inline-block; max-width:47.5rem; 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: 2.125rem 0 5.375rem;}

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

.n_title001{ margin-bottom:2.75rem}
.n_title001 h2{ font-size:1.875rem; color:#303030; line-height:1.5}
.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}
.n_about .fl01 .img{ position:relative; text-align:center; margin-bottom:4.375rem}
.n_about .fl01 .img img{ max-width:100%}
.n_about .fl01 .img:before{content:"";position:absolute;background:url(../images/dots_on.png) center no-repeat;width:128px;height:128px;left: -60px;bottom: 0;z-index: -1;}
.n_about .fl01 .img .top{position:absolute;top: 18%;left: 5%;text-align:left;}
.n_about .fl01 .img .top h3{ font-size:2rem; color:#fff; 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}
.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:#0267db; font-family:Roboto_l;}
.list_box_01 li .h5{ font-size:1rem; color:#454545; line-height:1.25; margin:.5rem 0 0}

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

.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%}
.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: 66%;left: 30.5%;}
.map_buju ul li.li_1{top: 72%;left: 37.5%;}
.map_buju ul li.li_2{top: 46.5%;left: 60%;}
.map_buju ul li.li_3{top: 32%;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:#0267db;}
.circle:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 3px solid #0267db;
    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: #0267db;
	-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 5rem}
.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:#0267db 1px solid; background:#0267db}
.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: #00438e; border:#00438e 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: #00438e;color:#fff;border: #00438e 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("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/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: #0267db;border: #0267db 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{ padding-top:5rem;}
.n_yeji .fl01{ padding:4.5rem 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:59.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 no-repeat}
.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:10rem; 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:#303030;line-height: 1.5rem;height: 3rem;margin:1.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: #00438e;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:#0267db}

.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: #0267db;/* -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: #0267db;}
.rd-notice-type-success:after {background-color: #0267db;/* -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:#0267db}

.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{position:absolute;bottom:0;padding: 0 0 1rem;text-align:center;width: 100%;}
.footer_p p{font-size:12px;color: rgba(255,255,255,.3);line-height:1.5;}

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

/*aos="zoom-in" aos-duration="1200"*/
.szneill{ width:100%; float:left;}
.szul22{ width:100%; height:50px; float:left;margin-bottom:50px; text-align:center;}
.szul22 li{ padding:15px; float:left; border:1px solid #CCC; margin:0 12px;}
.szul22 li a{ font-size:16px; display:block; width:100%;}
.szul22 li:hover{ background:#003d85;}
.szul22 li:hover a{ color:#FFF;}