@charset "utf-8";
@font-face{ font-family:myFirstFont; src:url(../font/DINCond-Medium.otf);}
@font-face{ font-family:impact; src:url(../font/impact.ttf);}
@font-face{ font-family:simsun; src:url(../font/simsun.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

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

.section{overflow:hidden;max-height: 100%;}


/*动画 结束*/

.mtrans,.mtrans:hover{-webkit-transition:all .8s cubic-bezier(.19,1,.22,1) 0s;-moz-transition:all .8s cubic-bezier(.19,1,.22,1) 0s;transition:all .8s cubic-bezier(.19,1,.22,1) 0s;-ms-transition:all .8s cubic-bezier(.19,1,.22,1) 0s}
.mtrans-fast,.mtrans-fast:hover{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out}

#container01 .index_banner .item{background-size:cover;-webkit-background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;position:relative;}
#container01 .index_banner .item video{ position:absolute; top:0; left:0; height: 100%; width: 100%; object-fit: cover;}
#container01 .index_banner .item.miso-current .scaleBg{visibility:visible;-webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards}
#container01 .index_banner .items{background-size:cover;background-position:center center;background-repeat:no-repeat;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background-size: cover !important;}
#container01 .index_banner .items:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
#container01 .index_banner .item .inner .block_txt{position:absolute;top: 30%;right:10px;left:10px;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 1000ms ease;transition:all 1000ms ease;}
#container01 .index_banner .item.active .inner .block_txt{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:100ms;transition-delay:100ms}
#container01 .index_banner .item .inner .block_txt h4{color:#fff;text-align:center;}
#container01 .index_banner .item .inner .block_txt h2{color:#fff;font-size:70px;font-weight:700;text-align:center;letter-spacing:5px}
#container01 .index_banner .item .inner .block_txt h2 span{color:#f5c920;display:inline-block;letter-spacing:5px}
#container01 .index_banner .item .inner .block_txt h3{color:#fff;font-size:22px;text-align:center;margin-top:10px;letter-spacing:3px}
#container01 .miso_txt{width:30%;height:100%;background-color:transparent;transition:all 500ms ease;-webkit-transition:all 500ms ease;background-repeat:no-repeat;position:absolute;top:0;font-size:0;outline:0;border:0}

#container01 .index_banner .item:nth-child(2) .inner .block_txt{ top:25%}
#container01 .index_banner .item:nth-child(2) .liu_icon,#container01 .index_banner .item:nth-child(2) .banner_list2{ display:none}
#container01 .index_banner .item:nth-child(3) .liu_icon,#container01 .index_banner .item:nth-child(3) .banner_list2{ display:none}
#container01 .index_banner .item:nth-child(3) .inner .block_txt{ top:40%}

#container01 .index_banner .item:nth-child(3) .inner .block_txt h4{ text-align:right;}

#container01 .index_banner .miso-prev, #container01 .index_banner .miso-next{ width:60px; height:60px; line-height:58px; margin-top:-30px; border-radius:50%; border:rgba(255,255,255,0.4) 1px solid; background:none; overflow:hidden; transition:0.6s}
#container01 .index_banner .miso-prev{ left:5%;}
#container01 .index_banner .miso-prev:before{ content:""; position:absolute; top:0; bottom:0; left:0; width:60px; background:url(../images/ll.png) center no-repeat; margin-left:60px; transition:0.6s; opacity:0.4}
#container01 .index_banner .miso-prev:after{ content:""; position:absolute; top:0; bottom:0; left:0; width:60px; background:url(../images/ll.png) center no-repeat; transition:0.6s; opacity:0.4}
#container01 .index_banner .miso-prev:hover:before{ margin-left:0; opacity:1}
#container01 .index_banner .miso-prev:hover:after{ margin-left:-60px; opacity:1}
#container01 .index_banner .miso-next{ right:5%; }
#container01 .index_banner .miso-next:before{ content:""; position:absolute; top:0; bottom:0; width:60px; right:0; background:url(../images/rr.png) center no-repeat; margin-right:60px; transition:0.6s; opacity:0.4}
#container01 .index_banner .miso-next:after{ content:""; position:absolute; top:0; bottom:0; width:60px; right:0; background:url(../images/rr.png) center no-repeat; transition:0.6s; opacity:0.4}
#container01 .index_banner .miso-next:hover:before{ margin-right:0; opacity:1}
#container01 .index_banner .miso-next:hover:after{ margin-right:-60px; opacity:1}
#container01 .index_banner .miso-next:hover,#container01 .index_banner .miso-prev:hover{ background:#7eaede;}

.banner-next {z-index: 1000;position: fixed;bottom: 4rem;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);cursor: pointer;text-align: center;color: #ffffff; display:none}
.banner-next span { display: block; }
.banner-next .next-text {-webkit-animation: fadeInDown 2s infinite;-moz-animation: fadeInDown 2s infinite;-o-animation: fadeInDown 2s infinite;-ms-animation: fadeInDown 2s infinite;animation: fadeInDown 2s infinite;position: relative;top: 65px;}
.banner-next .next-icon {position:relative;width: 23px;height: 34px;background:url(../images/next-icon.png) center no-repeat;}

.banner-next .next-icon:before{content:"";width: 3px;height: 8px;position:absolute;left:50%;margin-left: -1px;top:50%;margin-top:-7.5px;background:url(../images/icon.png) center no-repeat;-webkit-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;-moz-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;}
.fp-viewing-0 .banner-next{ display:block}
@keyframes scroll {
  0% { opacity: 0; }
  10% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(0); transform: translateY(5px); opacity: 0;}
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

.liu_icon{position:absolute;top: 19.5%;width:100%;text-align:center;}
.liu_icon img{ display:inline-block; -webkit-animation:play 25s linear infinite; -moz-animation:play 25s linear infinite; animation:play 25s linear infinite;}
@-webkit-keyframes play{
    0% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes play{
    0% {
        -moz-transform:rotate(0deg);
    }
    100% {
        -moz-transform:rotate(360deg);
    }
}
@keyframes play{
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);

    }
}

.section .title h2{font-size:3rem;color:#fff;font-weight: bold;}
.section .title h3{font-size:1.25rem;color:#fff;margin: 1.25rem 0 2.75rem;font-weight: bold;}

.fullpage-wrapper .media-holder{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;background: #15569d;/*-webkit-transform:scale(0.95,.92) translateZ(0px);-moz-transform:scale(0.95,.92) translateZ(0px);transform:scale(0.95,.92) translateZ(0px);*/backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 250ms ease-in-out;-moz-transition:-moz-transform 250ms ease-in-out;transition:transform 250ms ease-in-out;}
.fullpage-wrapper .active .media-holder{-webkit-transition-delay:1400ms;-moz-transition-delay:1400ms;transition-delay:1400ms;-webkit-transform:scale(1,1) translateZ(0px);-moz-transform:scale(1,1) translateZ(0px);transform:scale(1,1) translateZ(0px)}
.fullpage-wrapper .media-holder span{display:block;position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover}

.container02 .fp-tableCell{ position:relative}
.container02 .top{height:calc(100% - 17.8125rem);background:url(../images/container02_top_bg.jpg) center no-repeat;/*-webkit-transform:scale(0.9,.85) translateZ(0px);-moz-transform:scale(0.95,.92) translateZ(0px);transform:scale(0.95,.92) translateZ(0px);*/backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 250ms ease-in-out;-moz-transition:-moz-transform 250ms ease-in-out;transition:transform 250ms ease-in-out;background-size: cover; position:absolute; width:100%; top:0;}
.fullpage-wrapper .container02.active .top{-webkit-transition-delay:1400ms;-moz-transition-delay:1400ms;transition-delay:1400ms;-webkit-transform:scale(1,1) translateZ(0px);-moz-transform:scale(1,1) translateZ(0px);transform:scale(1,1) translateZ(0px)}
.container02 .top .layui-container,.container02 .top .layui-container .layui-row, .container02 .top .layui-container .layui-row .box{ height:100%}
.container02 .top .box.box01{position:relative;z-index: 10;}
.container02 .top .box .table{ text-align:left}
.container02 .top .box p{ font-size:0.9375rem; line-height:1.875rem; color:#fff; margin-bottom:4.125rem; height:7.5rem; overflow:hidden}
.container02 .bottom{height:17.8125rem;background:#15569d;position:absolute; width:100%; bottom:0; -webkit-transform:scale(0.95,.92) translateZ(0px);-moz-transform:scale(0.95,.92) translateZ(0px);transform:scale(0.95,.92) translateZ(0px);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 250ms ease-in-out;-moz-transition:-moz-transform 250ms ease-in-out;transition:transform 250ms ease-in-out}
.fullpage-wrapper .container02.active .bottom{-webkit-transition-delay:1400ms;-moz-transition-delay:1400ms;transition-delay:1400ms;-webkit-transform:scale(1,1) translateZ(0px);-moz-transform:scale(1,1) translateZ(0px);transform:scale(1,1) translateZ(0px);}
.container02 .bottom .layui-container,.container02 .bottom .layui-container .layui-row,.container02 .bottom .layui-container .layui-row .layui-col-xs12{/* height:100% */}
.container02 .bottom ul{font-size:0; margin:0 -8%; }
.container02 .bottom ul li{display:inline-block; *display:inline;*zoom:1;width:20%;text-align:center;}
.container02 .bottom ul li h5{font-size: 1.125rem;color:#fefefe; margin-bottom:1rem}
.container02 .bottom ul li h4{ margin-bottom: 1rem; height:6.25rem}
.container02 .bottom ul li h4 span{font-size: 2.25rem;color:#fff;vertical-align: middle;font-weight:  normal;font-family: Impact;}
.container02 .bottom ul li h4 span.counter,.container02 .bottom ul li h4 span.counter01{font-size: 6.25rem;color:#fff;font-family: Impact;}
.container02 .bottom ul li h4 span.lwy{font-size:65px;color:#fff;font-family: myFirstFont;line-height: 44px; margin-left:12px;}
.container02 .bottom ul li h6{font-size:12px;color:#fefefe;font-family: DIN Offc Pro;}
.container02 .bottom ul li .hide{ display:none}
.container02 .bottom ul li h4 small{font-size:0.875rem;color:#fff;margin-left: 0.5rem;vertical-align: bottom;margin-bottom: 11px;display:  inline-block;}

.container02 .slide_box .title h4{ margin:2.625rem 0 3.875rem; position:relative}
.container02 .slide_box .title h4:before{ content:""; position:absolute; width:15px; height:2px; background:#fff; left:50%; margin-left:-7.5px; top:-1.5rem}
.container02 .slide_box{ background:url(../images/container02_slide_box_bg.jpg) center no-repeat; background-size:cover}
.container02 .slide_box .title{ text-align:center}
.container02 .slide_box ul{ margin:0 -1.5625rem; margin-bottom:4rem}
.container02 .slide_box ul li{padding:0 1.5625rem; text-align:center}
.container02 .slide_box ul li a{display:block;background:#fff;padding: 2rem 0 3rem;}
.container02 .slide_box ul li .img{overflow:hidden;display:inline-block;height: 19.5625rem;line-height: 19.5625rem;}
.container02 .slide_box ul li .img img{max-width:14.0625rem;max-height:19.5625rem;display:inline-block;}
.container02 .slide_box ul li h5{padding:0 1rem;font-size:1rem;color: #393939;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: 1rem;}

.container02 .slide_box .miso-prev,.container02 .slide_box .miso-next{z-index:100000;width: 3.75rem;height: 3.75rem;line-height: 3.5rem;margin-top:-1.8rem;background:none;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.container02 .slide_box .miso-prev:hover,.container02 .slide_box .miso-next:hover{ opacity:1}
.container02 .slide_box .miso-prev{left:50%;margin-left:-768px;border: #fff 2px solid;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container02 .slide_box .miso-prev:hover{ border:#15569d 2px dashed; background:#15569d}
.container02 .slide_box .miso-prev:before{content:"<";width:100%;height:100%;position:absolute;left:0;top:0;font-size:16px;font-family:simsun;color: #fff;}
.container02 .slide_box .miso-next{ right:50%; margin-right:-768px; border:#fff 2px solid; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container02 .slide_box .miso-next:hover{ border:#15569d 2px dashed; background:#15569d}
.container02 .slide_box .miso-next:before{ content:">"; width:100%; height:100%; position:absolute; left:0; top:0; font-size:16px; font-family:simsun; color:#fff}
.container02 .slide_box .miso-next:hover:before,.container02 .slide_box .miso-prev:hover:before{ color:#fff}

.more001{ text-align:center}
.more001 a{
  position: relative;
  font-family: helvetica;
  font-size: 1rem;
  cursor: pointer;
  padding: 1.25rem 3.5rem;
  display: inline-block;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  outline: none;
  background:#fff;
  color: #333;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
  overflow:hidden;
  border-radius: 3px;
  z-index: 1;
}
.more001 a::before,
.more001 a::after {
  background: #004f99;
  content: '';
  position: absolute;
  z-index: 0;
}
.more001 a span{ position:relative; z-index:1}
.more001 a:hover{ color:#fff;}
.more001 a::after {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}

/* BUTTON 2 */
.more001 a::after {
  height: 100%;
  right: 0;
  top: 0;
  width: 0;
}

.more001 a:hover:after {
  width: 100%;
  left: 0;
}

.more001 a span{ position:relative;}

.more001 a:hover span{color: #fff;}

.more00 a{
  position: relative;
  font-family: helvetica;
  font-size: 0.9375rem;
  background: none;
  cursor: pointer;
  padding: 1rem 3.5rem;
  display: inline-block;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  outline: none;
  border: 1px solid #fff;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  overflow:hidden;
  border-radius: 1.5rem;
}
.more00 a::before,
.more00 a::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}
.more00 a::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;

}

/* BUTTON 2 */
.more00 a::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}

.more00 a:hover:after {
  width: 100%;
}

.more00 a span{ position:relative;}
.more00 a:hover span{ color:#15569d}

.section .title h4{font-size:1.125rem;color:#fff;margin: 1.25rem 0 3.875rem;}

.fullpage-wrapper .container03{ background:#fff}
.fullpage-wrapper .container03 .media-holder span{background:url(../images/container03_bg.jpg) center no-repeat; background-size:cover}

.container03 .title{text-align:center;}
.container03 .title h4{ margin: 1.25rem 0 1.875rem;}
.container03 ul{ font-size:0}
.container03 ul li{ display:inline-block; padding:0; width:25%; text-align:center; margin:5rem 0}
.container03 ul li .icon {vertical-align:middle;overflow: hidden;max-width: 7rem;max-height: 3.5rem;fill: #fff;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container03 ul li:nth-child(2) .icon{ max-width: 7rem;max-height: 4rem;}
.container03 ul li:nth-child(5) .icon,.container03 ul li:nth-child(6) .icon,.container03 ul li:nth-child(7) .icon,.container03 ul li:nth-child(8) .icon { max-width: 7rem;max-height: 3rem;}
.container03 ul li a{ display:block; position:relative}
.container03 ul li h3{line-height: 6rem;width:100%; position:relative}
.container03 ul li h3 .table{ height:100%; width:100%; display:table;}
.container03 ul li h3 i{ display:table-cell; vertical-align:middle;}
.container03 ul li:hover .icon{-webkit-animation: toRightFromLeft 0.6s;-moz-animation: toRightFromLeft 0.6s; animation: toRightFromLeft 0.6s;}
@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(25%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-25%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(25%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-25%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(25%);
	}
	50% {
		opacity: 0;
		transform: translate(-25%);
	}
	51% {
		opacity: 1;
	}
}
/*.container03 ul li:hover .icon{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s; transition-delay:0.6s}
@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}*/
.container03 ul li h5{font-size: 1.875rem;color: #fff;font-weight: bold; position:relative}
.container03 ul li a:before{ content:""; position:absolute; width:14.6275rem; height:14.625rem; border-radius:50%; top:50%; margin-top:-6rem; left:50%; margin-left:-7.3125rem; overflow: hidden; -webkit-transition: background 0.6s, color 0.6s, box-shadow 0.6s; -moz-transition: background 0.6s, color 0.6s, box-shadow 0.6s; transition: background 0.6s, color 0.6s, box-shadow 0.6s;}

.container04.section .title h2{ color:#3c3c3c}
.container04.section .title h4{ color:#3c3c3c}
.container04{background:url(../images/container04_bg.jpg) center no-repeat; background-size:cover}
.container04 ul{ font-size:0; text-align:center; overflow:hidden; margin:0 -7px; /*-webkit-transform:scale(0.9,.85) translateZ(0px);-moz-transform:scale(0.9,.92) translateZ(0px);transform:scale(0.9,.92) translateZ(0px);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 250ms ease-in-out;-moz-transition:-moz-transform 250ms ease-in-out;transition:transform 250ms ease-in-out*/}
/*.fullpage-wrapper .container04.active ul{-webkit-transition-delay:1400ms;-moz-transition-delay:1400ms;transition-delay:1400ms;-webkit-transform:scale(1,1) translateZ(0px);-moz-transform:scale(1,1) translateZ(0px);transform:scale(1,1) translateZ(0px)}*/
.container04 ul li{display:inline-block; *display:inline; *zoom:1;float:left;width: 25%;text-align:center; padding:0 7px; margin-bottom:14px;}

.container04 ul li{ transform:translateY(150px); opacity:0; transition:0.4s;}
.container04.active ul li{ transform:translateY(0); opacity:1;}
/*.container04.active ul li:nth-child(1){ transition:1s 0.2s;}
.container04.active ul li:nth-child(2){ transition:1s 0.4s;}
.container04.active ul li:nth-child(3){ transition:1s 0.6s;}
.container04.active ul li:nth-child(4){ transition:1s 0.8s;}
.container04.active ul li:nth-child(5){ transition:1s 1s;}
.container04.active ul li:nth-child(6){ transition:1s 1.2s;}
.container04.active ul li:nth-child(7){ transition:1s 1.4s;}
.container04.active ul li:nth-child(8){ transition:1s 1.6s;}*/

.container04 ul li a{ display:block; width:100%; height:100%; position:relative; background:#000; overflow:hidden}
.container04 ul li a .img,.container04 ul li a .img img{ width:100%; overflow:hidden; position:relative}
.container04 ul li a .img img{ -moz-transition: all 0.5s ease-in-out;-webkit-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;}
.container04 ul li a .img:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background: rgba(0,0,0,0.4);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
:root .container04 ul li a .img:after{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/ 
:root .container04 ul li a .img:after{filter:none;}/*for IE9*/
.container04 ul li a .con{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden}
.container04 ul li a .con h3{position:relative;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;font-size: 1.375rem;line-height: 2.125rem;color: #fff;padding: 0 2.5rem;}
.container04 ul li a .con h3 img{ max-width:80%}
.container04 ul li a .con h5{ height:0; overflow:hidden; position:relative; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container04 ul li a .con h5 span{ display:inline-block; font-size:0.875rem; color:#fff; margin:0 0.5rem}
.container04 ul li a .con h4{ height:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container04 ul li a .con:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; background:rgba(21,96,157,0.9); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.more01{ padding:3rem 0 0}
.more01 a small{ line-height:16px; font-size:0.875rem; color:#3c3c3c}
.more01 a dl{font-size:0;width: 16px;display:  inline-block;margin: 0;margin-right: 0.25rem;}
.more01 a dl dd{display:inline-block; *display:inline; *zoom:1;margin: 1px;}
.more01 a dl dd span{display:block;width: 3px;height: 3px;position:relative;}
.more01 a dl dd span:before{content:"";position:absolute;left:0;top:0;width: 3px;height: 3px;background:#3c3c3c;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}


.fullpage-wrapper .container05{ background:#15569d}
.fullpage-wrapper .container05 .media-holder span{background:url(../images/container05_bg.jpg) center no-repeat; background-size:cover}

.container05{background:#15569d;}
.container05 ul{ font-size:0; margin:0 -1.625rem}
.container05 ul li{width: 33.333333%;display:inline-block; *display:inline; *zoom:1;padding:0 1.625rem;}
.container05 ul li .img{ background:#000}
.container05 ul li .img,.container05 ul li .img img{ overflow:hidden; width:100%; position:relative}
.container05 ul li .img a>img{ opacity:0.8}
.container05 ul li .con{ background:#fff; padding:1.55rem 2rem 1.75rem 2rem; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:relative}
.container05 ul li .con:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#15569d; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container05 ul li .con h5,.container05 ul li .con h5 a{font-size:1.375rem;height: 1.5rem;line-height: 1.5rem; color:#3a3a3a; position:relative}
.container05 ul li .con p{ font-size:0.875rem; color:#848484; line-height:1.5rem; overflow:hidden; height:3rem; margin:0.75rem 0 1.5rem; position:relative}
.container05 ul li .con h6{font-size:0.875rem;color:#4d4c51;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; line-height:1rem; position:relative}
.container05 ul li .con h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #999;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: -2px 0.25rem 0 0;}


.container05 ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.container05 ul li .img .red-bg{background:rgba(0,0,0,0.45);}
.container05 ul li .img .red-bg:before{ content:""; position:absolute; width:2.75rem; height:2.75rem; background:#15569d; border-radius:50%; top:50%; margin-top:-1.375rem; left:50%; margin-left:-1.375rem;}
.container05 ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }

.container05 ul li .img .line_1 { width: 16px; height: 2px; margin: -1px 0px 0px -8px; transform: translateX(-16px); -webkit-transform: translateX(-16px); }
.container05 ul li .img .line_2 { width: 2px; height: 16px; margin: -8px 0px 0px -1px; transform: translateY(16px); -webkit-transform: translateY(16px); }

.container05 .more01 a small{color:#fff}
.container05 .more01 a dl dd span:before{background:#fff;}

.fullpage-wrapper .container06{ background:#fff}
.fullpage-wrapper .container06 .media-holder span{background:url(../images/container06_bg.jpg) center no-repeat; background-size:cover}

.container06 .title{ text-align:center; margin-top:1.4375rem}
.container06 .title h4{ margin: 1.25rem 0 2.875rem;}
.container06 ul{ font-size:0}
.container06 ul li{ display:inline-block; padding:0; width:25%; text-align:center; margin:2.4375rem 0}
/*.container06 ul li{ transform:translateY(150px); opacity:0;}
.container06.active ul li{ transform:translateY(0); opacity:1;}
.container06.active ul li:nth-child(1){ transition:1s 0.2s;}
.container06.active ul li:nth-child(2){ transition:1s 0.4s;}
.container06.active ul li:nth-child(3){ transition:1s 0.6s;}
.container06.active ul li:nth-child(4){ transition:1s 0.8s;}
.container06.active ul li:nth-child(5){ transition:1s 1s;}
.container06.active ul li:nth-child(6){ transition:1s 1.2s;}
.container06.active ul li:nth-child(7){ transition:1s 1.4s;}
.container06.active ul li:nth-child(8){ transition:1s 1.6s;}*/
.container06 ul li a{display:inline-block;width:12.5rem;height:12.5rem;background:#fff;border-radius:50%;padding: 2rem 0; position:relative}
.container06 ul li a h3{ line-height:6rem}
.container06 ul li a h3 img{ max-height:3.75rem}
.container06 ul li a h5{ font-size:1.125rem; color:#414143;}

.container06 ul li a:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}
.container06 ul li a:after {
	top: -10px;
	left: -10px;
	padding: 10px;
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: -webkit-transform 0.36s, opacity 0.36s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.36s, opacity 0.36s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.36s, opacity 0.36s;
	transform: scale(.8);
	opacity: 0;

}

.fp-viewing-f8 .banner-next{ display:none}

.container06 ul li a .pp{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;border-radius: 50%; transform:scale(0); overflow:hidden; opacity:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container06 ul li a .pp p{font-size:15px;line-height:24px;color:#4d4d4d;padding: 0 1.875rem;}

.container07 .top{ position:relative}
.container07 .top .kuang{position:absolute;right:11%;top:0;bottom:0;width: 37.5rem;}
.container07 .top .kuang .con{background:#fff;box-shadow:0 10px 15px rgba(0,0,0,0.25);width:37.5rem;float:right;text-align:left;padding:3.125rem;}
.container07 .top .kuang .con h4{ font-size:1.375rem; color:#3d3d3d;}
.container07 .top .kuang .con h3{ margin:1rem 0 2rem}
.container07 .top .kuang .con h3 big{font-size: 2rem;color:#004f99;font-weight:bold;font-family:Impact;}
.container07 .top .kuang .con h3 big.big02{margin-left:1.25rem;}
.container07 .top .kuang .con h3 small{ font-size:0.875rem; color:#004f99;  vertical-align:bottom}
.container07 .top .kuang .con p{ font-size:0.9375rem; color:#595959; line-height:1.875rem;}

.container08{overflow:visible}
.container08 .bottom{background:#15569d;padding: 3.75rem 0 4.375rem;}
.container08 .bottom dl{ margin-right:4rem; display:inline-block; margin-bottom:1.25rem}
.container08 .bottom dt{ font-size:1.125rem; color:#fff; margin-bottom:1.25rem}
.container08 .bottom dt a{ color:#fff}
.container08 .bottom dd{ font-size:0.9375rem; clor:#a7b7d2; line-height:1.875rem;}
.container08 .bottom dd a{ color:#a7b7d2}
.container08 .bottom_box{ height:100%; background:url(../images/footer_bg.png) right top no-repeat; background-size:contain}

.container08 .bottom_box .con_bottom .left_con{padding: 5rem 0 0;margin-right: 11rem;font-size:  13px;color: #cdd6e5;}
.container08 .bottom_box .con_bottom .right_con ul{ text-align:right}
.container08 .bottom_box .con_bottom .right_con ul{ margin-bottom:1.25rem}
.container08 .bottom_box .con_bottom .right_con ul li{ display:inline-block; padding:0 5px}
.container08 .bottom_box .con_bottom .right_con ul li a{display:inline-block;width:36px;height:36px;line-height:34px;text-align:center;border:#739ac4 1px solid;border-radius:50%;position:relative;cursor:  pointer;}

.container08 .bottom_box .con_bottom .right_con ul li a .qrcode{
	width: 200px;
	position: absolute;
	left: -40px;
	bottom: 50px;
	z-index: 9;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	padding-bottom: 5px;
	display: none;
}
.container08 .bottom_box .con_bottom .right_con ul li a .qrcode .pic{
	width: 170px;
	height: 170px;
	padding: 5px;
	display:  inline-block;
	margin-top: 10px;
}
.container08 .bottom_box .con_bottom .right_con ul li a .qrcode img{
	width: 100%;
	display: block;
}
.container08 .bottom_box .con_bottom .right_con ul li a .qrcode .txt1{
	line-height: 20px;
	font-size: 14px;
	color: #666;
	margin-bottom: 15px;
}

#fp-nav{ display:none}
.fp-viewing-f1 header{ display:block}
.fp-viewing-f1 .menu-handler{ display:none}
.fp-viewing-f1 .piaofu{ display:none}

.s_foot_link{height: 45px;cursor:pointer;overflow:visible;position: relative;text-align:left;}
.s_foot_link .yqlj{display:inline-block;width:110px;height:45px;line-height:43px;border:#dadbdb 1px solid;text-align:center;font-size:14px;color:#212121;float:left;background: #f0f1f3;}
.s_foot_link .tanchu{float:left;width: 100%;box-sizing:border-box;position:absolute;bottom: 44px;border-bottom:0;display: none;left: 0;}
.s_foot_link .tanchu:before{content:"";display:block;border:10px solid transparent;width:0px;height:0px;position:absolute;bottom: -19px;left:50%;margin-left:-10px;}
.s_foot_link .tanchu>div{background: #15569d;display:block;padding: 10px 1.25rem;border: #6289b3 1px solid;}
.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}
.s_foot_link .tanchu a {color: #cdd6e5;line-height: 27px;display:block;font-size: 14px;}
.s_foot_link .tanchu a:hover{color: #ff0;}
.s_foot_link #bnt_link1.a {padding-left: 1.25rem;font-size:  13px;color: #cdd6e5;text-align:left;line-height: 43px;width: 235px;box-sizing:border-box;text-decoration:none;border: #6289b3 1px solid;float: left;}
.s_foot_link .a span{display:inline-block;float:right;color:#919397;line-height: 43px;width:37px;text-align:center;height:100%;}

.fp-controlArrow { display:none}

.banner_list2 {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.banner_list2 canvas{ opacity:0.25}

.button {
  position: relative;
  cursor: pointer;
  color: white;
  padding: 0;
}
.button .inner {
  position: absolute;
  top: 0;




  left: 0;
  right: 0;
  bottom: 0;
}
.button:nth-of-type(1):before, .button:nth-of-type(1):after, .button:nth-of-type(1) .inner:before, .button:nth-of-type(1) .inner:after {
  background-color: #bb4c42;
}
.button:nth-of-type(2):before, .button:nth-of-type(2):after, .button:nth-of-type(2) .inner:before, .button:nth-of-type(2) .inner:after {
  background-color: #373c8d;
}
.button:nth-of-type(3):before, .button:nth-of-type(3):after, .button:nth-of-type(3) .inner:before, .button:nth-of-type(3) .inner:after {
  background-color: #373c8d;
}
.button:before, .button:after, .button .inner:before, .button .inner:after {
  position: absolute;
  content: "";
  display: block;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  background: #373c8d;
}
.button.horizontal:before, .button.horizontal:after, .button.both:before, .button.both:after {
  left: 0;
  width: 100%;
  height: 8px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.button.horizontal .inner:before, .button.horizontal .inner:after, .button.both .inner:before, .button.both .inner:after {
  top: 0;
  width: 8px;
  height: 100%;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.button.horizontal .inner:before, .button.both .inner:before {
  left: 0;
}
.button.horizontal .inner:after, .button.both .inner:after {
  right: 0;
}
.button.horizontal .inner:hover:before, .button.horizontal .inner:hover:after, .button.both .inner:hover:before, .button.both .inner:hover:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.button.horizontal:before, .button.both:before {
  top: 0;
}
.button.horizontal:after, .button.both:after {
  bottom: 0;
}
.button.horizontal:hover:before, .button.horizontal:hover:after, .button.both:hover:before, .button.both:hover:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);

}
.button.horizontal:hover .inner:before, .button.horizontal:hover .inner:after, .button.both:hover .inner:before, .button.both:hover .inner:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.button.horizontal.clockwise .inner:before, .button.both.clockwise .inner:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.horizontal.clockwise .inner:after, .button.both.clockwise .inner:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.horizontal.clockwise:before, .button.both.clockwise:before {

  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.horizontal.clockwise:after, .button.both.clockwise:after {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.button.horizontal.clockwise:hover .inner:before, .button.both.clockwise:hover .inner:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.horizontal.clockwise:hover .inner:after, .button.both.clockwise:hover .inner:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.horizontal.clockwise:hover:before, .button.both.clockwise:hover:before {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.button.horizontal.clockwise:hover:after, .button.both.clockwise:hover:after {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.horizontal.counterclockwise .inner:before, .button.both.counterclockwise .inner:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.horizontal.counterclockwise .inner:after, .button.both.counterclockwise .inner:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.horizontal.counterclockwise:before, .button.both.counterclockwise:before {
  -webkit-transform-origin: left center;

          transform-origin: left center;

}
.button.horizontal.counterclockwise:after, .button.both.counterclockwise:after {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.horizontal.counterclockwise:hover .inner:before, .button.both.counterclockwise:hover .inner:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.horizontal.counterclockwise:hover .inner:after, .button.both.counterclockwise:hover .inner:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.horizontal.counterclockwise:hover:before, .button.both.counterclockwise:hover:before {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.horizontal.counterclockwise:hover:after, .button.both.counterclockwise:hover:after {

  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.button.vertical:before, .button.vertical:after {
  top: 0;
  width: 2px;
  height: 100%;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}
.button.vertical:before {
  left: 0;
}
.button.vertical:after {
  right: 0;
}
.button.vertical:hover:before, .button.vertical:hover:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.button.vertical.clockwise:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.clockwise:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.vertical.clockwise:hover:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.vertical.clockwise:hover:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.counterclockwise:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.vertical.counterclockwise:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.counterclockwise:hover:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.counterclockwise:hover:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}

.header_visible{display:block;top: 0;}

.n_header{height: 130px;background:#fff;position: fixed;width: 100%;z-index: 10000;top: 0;box-shadow: 0 5px 10px rgba(0,0,0,0.15);}
.n_banner{height:29.375rem;position: relative;margin-top: 130px;}

header.header_visible .nav-item > a{ color:#333333}
header.header_visible nav{margin-top: 40px;}

.n_banner h3{font-size:2rem;color:#fff;font-weight:bold;margin-bottom:1rem;margin-top: -2rem;}
.n_banner h4{ font-size:2.125rem; color:#fff; text-transform:uppercase; position:relative}
.n_banner h4.h4{ font-size:1.375rem; line-height:2rem}
.n_banner h4:before{ content:""; position:absolute; left:50%; bottom:-36px; width:45px; height:3px; background:#fff; margin-left:-22.5px;}

.al_select{background: #fff;}
.al_select ul{font-size:0;text-align:center;border-left: #e5e5e5 1px solid;border-right: #e5e5e5 1px solid;}
.al_select ul li{width:50%;display:inline-block; *display:inline; *zoom:1;height:5.25rem;line-height:5.25rem;position:relative;border-right: #e1e4e6 1px solid;border-bottom: #e5e5e5 1px solid;}
.al_select ul li:after{content:"";position:absolute;width:0;right:0;bottom: -1px;height: 2px;background: #15569d;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;z-index: 10;}
.al_select ul li a{ font-size:1rem; color:#353536; display:block;}
.al_select ul li a img{ margin-right:1rem; margin-top:-3px}

.al_select ul li.on:after{ left:0; width:100%}

.n_container{ background:#fff}
.n_container .n_about{ padding:4.375rem 0 0}

.n_about .fl01{ padding-bottom:3rem}
.n_about .ar_article h3{ font-size:1.75rem; color:#3a3a3d; margin-bottom:0.5rem}
.n_about .ar_article h4{ font-size:1.75rem; color:#c9c9ca; text-transform:uppercase; font-family:Impact; font-weight:normal; margin-bottom:3rem}

.n_about .fl02{background:#f3f4f6;padding: 4.5rem 0;}
.n_about .fl02 ul{font-size:0; margin:0 -8%; }
.n_about .fl02 ul li{display:inline-block; *display:inline;*zoom:1;width:20%;text-align:center;}
.n_about .fl02 ul li h5{font-size: 1.125rem;color:#6a6a6a;margin-bottom: 2.125rem;}
.n_about .fl02 ul li h4{height: 4.5rem;}
.n_about .fl02 ul li h4 span{font-size: 2.25rem;color:#15569d;vertical-align: middle;font-weight:  normal;font-family: Impact;}
.n_about .fl02 ul li h4 span.counter,.n_about .fl02 ul li h4 span.counter01{font-size: 4.5rem;color:#15569d;font-family: Impact;}
.n_about .fl02 ul li h4 span.lwy{font-size:65px;color:#fff;font-family: myFirstFont;line-height: 44px; margin-left:12px;}
.n_about .fl02 ul li h6{font-size:12px;color:#15569d;font-family: DIN Offc Pro;}
.n_about .fl02 ul li .hide{ display:none}
.n_about .fl02 ul li h4 small{font-size:0.875rem;color:#15569d;margin-left: 0.5rem;vertical-align: bottom;margin-bottom: 11px;display:  inline-block;}

.n_zhici{ padding:4.375rem 0; background:url(../images/n_zhici_bg.png) left bottom no-repeat}
.n_zhici .ar_article h3{ font-size:1.75rem; color:#3a3a3d; margin-bottom:0.5rem; padding:1.875rem 0 0}
.n_zhici .ar_article h4{ font-size:1.75rem; color:#c9c9ca; text-transform:uppercase; font-family:Impact; font-weight:normal; margin-bottom:3rem}
.n_zhici .ar_article{ /*display:-webkit-box*/}
.n_zhici .ar_article .left{ /*display:table-cell;*/ width:58%; padding:0 4.5rem 0 0}
.n_zhici .ar_article .right{ display:table-cell; width:36.785%;}
.n_zhici .ar_article .right .img{ display:inline-block; position:relative}
.n_zhici .ar_article .right .img:before{ content:""; position:absolute; right:-8px; bottom:0; width:8px; height:47.5%; background:#cdcecf}

.n_licheng{padding:4rem 0;background:url(../images/n_licheng_bg.jpg) center repeat-x;overflow:hidden;position: relative;background-size: contain;}
.n_licheng .bg01{position:absolute;top:50%;left:50%; width:1450px; height:1450px; transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%); }
.n_licheng .bg01 img{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation:play 100s linear infinite; -moz-animation:play 100s linear infinite; animation:play 100s linear infinite;}
@-webkit-keyframes play{
    0% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes play{
    0% {
        -moz-transform:rotate(0deg);
    }
    100% {
        -moz-transform:rotate(360deg);
    }
}
@keyframes play{
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);

    }
}

.nianf{width: 145px;height: 50px;line-height: 46px;border:#15569d 2px solid;position:relative;z-index:0;background:none !important;/* border-radius: 15px; */text-align: center;font-size: 22px;color: #fff;border-radius: 5px;}
.nianf:hover{ color:#15569d !important;}
.nianf:after {position: absolute;z-index:-1;top: 0px;right: 0;left: 0;height: 100%;display: block;background:#15569d;content: "";/* z-index: -1; */-webkit-transition: height .5s ease;-moz-transition:height .5s ease;-o-transition:height .5s ease;transition:height .5s ease;height: 101%;}
.nianf:hover:after { top:auto; bottom:0; height:0; }

.n_licheng .content_box{ position:relative; padding:50px 0}
.n_licheng .content_box:before{ content:""; position:absolute; left:216px; width:4px; top:0; bottom:0; background:#15569d}
.n_licheng .content_box .bg{ position:absolute; top:0; bottom:0; width:4px; left:216px;}
.n_licheng .content_box .bg:before{content:"";position:absolute;left: 56%;width:24px;height:24px;border:#15569d 4px solid;border-radius:50%;background:#d4e3f5;box-sizing:border-box;top: 0;margin-left: -12px;}
.n_licheng .content_box .bg:after{content:"";position:absolute;left: 56%;width:24px;height:24px;border:#15569d 4px solid;border-radius:50%;background:#d4e3f5;box-sizing:border-box;bottom: 0;margin-left: -12px;}
.n_licheng ul{ overflow:hidden}
.n_licheng ul li{position:relative; padding:30px 0;}
.n_licheng ul li .left{position:absolute;top:0;bottom:0;z-index: 100;}
.n_licheng ul li .point{position:absolute;left: 205px;width:24px;height:24px;border:#ffffff 4px solid;border-radius:50%;background:#d6e5f5;box-sizing:border-box;top: 50%;margin-top: -12px;}
.n_licheng ul li .point b{position:absolute;left: -64px;width: 64px;background: #fff;height: 4px;top: 50%;margin-top: -2px;}
.n_licheng ul li .right{width:calc(100% - 288px);background:rgba(255,255,255,0.75);min-height: 110px;border-radius:8px;position:relative;}
.n_licheng ul li .right .box{height:100%;padding: 25px 20px;}
.n_licheng ul li .right .box .table .table_cell{ text-align:left; font-size:17px; line-height:30px;}
.n_licheng ul li .right:before{ content:""; position:absolute; left:-10px; border-right:rgba(255,255,255,0.75) 10px solid; border-top:transparent 8px solid; border-bottom:transparent 8px solid; top:50%; margin-top:-8px;}

.n_wenhua{ padding:4rem 0; background:url(../images/n_wenhua_bg.jpg) center bottom no-repeat}

.n_contact{ padding:13.5rem 0; background:url(../images/map01.png) center no-repeat;}
.n_contact dl{ font-size:0}
.n_contact dl dt{ display:inline-block; width:34%;}
.n_contact dl dt h2{ font-family:Impact; font-size:4.25rem; color:#15569d; text-transform:uppercase; padding:0.5rem 0 0}
.n_contact dl dt h3{ font-weight:bold; font-size:2.5rem; color:#33383e; margin:1.75rem 0 1.125rem}
.n_contact dl dt h4{ font-size:1.375rem; color:#33383e;}
.n_contact dl dd{ display:inline-block; width:22%; text-align:center}
.n_contact dl dd h3{ height:5.375rem}
.n_contact dl dd h4{ font-size:1.625rem; color:#33383e; font-weight:bold; text-transform:uppercase; margin-bottom:1rem}
.n_contact dl dd p{font-size: 1rem;color:#33383e;line-height:1.875rem;}

.n_case{ padding:3.75rem 0 5rem}
.n_case ul{font-size:0;margin:0 -12px;margin-bottom: 2rem;}
.n_case ul li{ display:inline-block; width:33.333333%; padding:0 12px; margin-bottom:24px;}
.n_case ul li a{ display:block; width:100%; height:100%; position:relative; background:#000; overflow:hidden}
.n_case ul li a .img,.n_case ul li a .img img{ width:100%; overflow:hidden; position:relative}
.n_case ul li a .img img{ -moz-transition: all 0.5s ease-in-out;-webkit-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;}
.n_case ul li a .img:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background: rgba(0,0,0,0.4);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
:root .n_case ul li a .img:after{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/ 
:root .n_case ul li a .img:after{filter:none;}/*for IE9*/
.n_case ul li a .con{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden}
.n_case ul li a .con h3{position:relative;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;font-size: 1.375rem;line-height: 2.125rem;color: #fff;padding: 0 2.5rem;}
.n_case ul li a .con h3 img{ max-width:80%}
.n_case ul li a .con h5{ height:0; overflow:hidden; position:relative; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_case ul li a .con h5 span{ display:inline-block; font-size:0.875rem; color:#fff; margin:0 0.5rem}
.n_case ul li a .con h4{ height:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_case ul li a .con:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; background:rgba(21,96,157,0.9); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}


/*====翻页====*/
.j_pages{margin:0 auto 0 auto}
.j_pages .box{display:inherit;width:100%;text-align: center;}
.j_pages a{height: 40px;line-height: 40px;display:inline-block;margin:0 5px;padding: 0 10px;color: #646466;font-size: 18px;box-sizing: border-box;-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;}
.j_pages a font{font-size: 15px;font-family:SimSun;color: #000;border:  #d3d3d3 1px solid;display:  block;border-radius: 50%;width:  32px;height: 32px;}
.j_pages .on{border-bottom: #15569d 2px solid;}

.n_case_detail{ padding:4.375rem 0 4.6875rem}
.n_case_detail .content{background:#fff;padding:4.25rem;display: table;width: 100%;}
.n_case_detail .content .left{width: calc(100% - 21.5625rem);display:table-cell;padding-right:4rem;}
.n_case_detail .content .left .title{ margin-bottom:2.5rem}
.n_case_detail .content .left .title h3{ font-size:2rem; color:#404142; font-weight:bold; line-height:3.5rem; margin-bottom:0.75rem}
.n_case_detail .content .left .title h6{ font-size:14px; color:#808080; line-height:20px;}
.n_case_detail .content .left .title h6 img{ margin-right:8px}
.n_case_detail .content .right{ width:21.5625rem; display:table-cell}
.n_case_detail .content .right h3{ font-size:1.375rem; color:#404142; font-weight:bold; margin-bottom:2rem; display:block}
.n_case_detail .content .right ul li .img{ overflow:hidden}
.n_case_detail .content .right ul li .img img{ width:100%}
.n_case_detail .content .right ul li .con{ padding:1.125rem 6px 1.875rem}
.n_case_detail .content .right ul li .con h5{ font-size:1.125rem; color:#333333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom:10px;}
.n_case_detail .content .right ul li .con h6{ font-size:12px; color:#5c5c5c; line-height:20px;}

.sticky{position:sticky;top: 170px;}

.n_yewu{ padding:3.375rem 0}
.n_yewu ul{font-size:0;margin:0 -1rem;margin-bottom: 2rem;}
.n_yewu ul li{ display:inline-block; width:25%; padding:0 1rem; margin-bottom:2rem;}
.n_yewu ul li a{ display:block; border-radius:6px; border:#f0f0f0 2px solid; text-align:center; padding:3.375rem 0; background:#fcfcfc}
.n_yewu ul li a h3{ line-height:4.6875rem;}
.n_yewu ul li a h3 img{ max-height:42px}
.n_yewu ul li a h5{ font-size:1.5625rem; color:#38393c; font-weight:bold; margin-bottom:2rem}
.n_yewu ul li a p{ font-size:14px; line-height:24px; height:72px; color:#5a5a5a; padding:0 2rem}


@keyframes xuanzhuan
{
    from { transform: rotateY(0deg);}
    to { transform: rotateY(360deg);}
}

.n_yewu_detail{ padding:3.75rem 0 5rem}
.n_yewu_detail .title{ text-align:center; margin-bottom:2.75rem}
.n_yewu_detail .title h3{ font-size:1.75rem; color:#3a3a3d; margin-bottom:0.5rem; font-weight:bold}
.n_yewu_detail .title h4{ font-size:2rem; color:#c9c9ca; text-transform:uppercase; font-family:Impact}
.n_yewu_detail ul{font-size:0;margin:0 -12px;margin-bottom: 0rem;}
.n_yewu_detail ul li{ display:inline-block; width:33.333333%; padding:0 12px; margin-bottom:2.5rem;}
.n_yewu_detail ul li .img{ overflow:hidden}
.n_yewu_detail ul li .img img{ width:100%}
.n_yewu_detail ul li .con{ padding:1.5rem 1.75rem 1.5rem; border:#e9e9e9 1px solid}
.n_yewu_detail ul li .con h5{font-size:1.125rem;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;font-weight:bold;height: 1.25rem;line-height: 1.25rem;}
.n_yewu_detail ul li .con h6{ font-size:13px; color:#656565; line-height:20px;}

.n_yuangong{ padding:3rem 0}
.n_yuangong ul{font-size:0;margin:0 -12px;}
.n_yuangong ul li{ display:inline-block; width:20%; padding:0 12px; margin-bottom:24px;}
.n_yuangong ul li a{ display:block; border-radius:6px; border:#f0f0f0 1px solid; text-align:center; padding:1rem 0 2.5rem; background:#fcfcfc}
.n_yuangong ul li a h3{ line-height:4.6875rem;}
.n_yuangong ul li a h5{ font-size:16px; color:#3a3a3a;}

.n_news{ padding:0 0 5rem}

.n_news .fl01{ padding:4.375rem 0 1rem; background:url(../images/n_news_fl01.jpg) center top no-repeat; background-size:cover}
.n_news .fl01 ul{ font-size:0; margin:0 -1.6875rem}
.n_news .fl01 ul li{width: 33.333333%;display:inline-block; *display:inline; *zoom:1;padding:0 1.6875rem;}
.n_news .fl01 ul li .img{ background:#000}
.n_news .fl01 ul li .img,.n_news .fl01 ul li .img img{ overflow:hidden; width:100%; position:relative}
.n_news .fl01 ul li .img a>img{ opacity:0.8}
.n_news .fl01 ul li .con{padding: 1.55rem 10px 1.75rem;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;}
.n_news .fl01 ul li .con:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#15569d; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news .fl01 ul li .con h5,.n_news .fl01 ul li .con h5 a{font-size:1.375rem;height: 1.5rem;line-height: 1.5rem;color:#3a3a3a;position:relative;margin-bottom: 1rem;}
.n_news .fl01 ul li .con p{ font-size:0.875rem; color:#848484; line-height:1.5rem; overflow:hidden; height:3rem; margin:0.75rem 0 1.5rem; position:relative}
.n_news .fl01 ul li .con h6{font-size:0.875rem;color:#4d4c51;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; line-height:1rem; position:relative}
.n_news .fl01 ul li .con h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #999;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: -2px 0.25rem 0 0;}


.n_news .fl01 ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.n_news .fl01 ul li .img .red-bg{background:rgba(0,0,0,0.45);}
.n_news .fl01 ul li .img .red-bg:before{ content:""; position:absolute; width:2.75rem; height:2.75rem; background:#15569d; border-radius:50%; top:50%; margin-top:-1.375rem; left:50%; margin-left:-1.375rem;}
.n_news .fl01 ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }

.n_news .fl01 ul li .img .line_1 { width: 16px; height: 2px; margin: -1px 0px 0px -8px; transform: translateX(-16px); -webkit-transform: translateX(-16px); }
.n_news .fl01 ul li .img .line_2 { width: 2px; height: 16px; margin: -8px 0px 0px -1px; transform: translateY(16px); -webkit-transform: translateY(16px); }

.n_news.more01 a small{color:#fff}
.n_news .fl01 .more01 a dl dd span:before{background:#fff;}

.n_news .fl02 ul{font-size:0;margin: 0;border-top: #eaeaea 1px solid;margin-bottom:3.125rem;}
.n_news .fl02 ul li{padding: 1.675rem 0;border-bottom: #eaeaea 1px solid;position:relative;overflow:hidden;}
.n_news .fl02 ul li:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#f8f8f8; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news .fl02 ul li .box a{padding: 1.25rem 10px 1.25rem;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;display: block;}
.n_news .fl02 ul li .box a h5,.n_news .fl02 ul li .box a h5 a{font-size:1.375rem;height: 1.5rem;line-height: 1.5rem;color:#3a3a3a;position:relative;margin-bottom: 1rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_news .fl02 ul li .box a p{font-size:0.875rem;color:#848484;line-height:1.5rem;margin:0.75rem 0 1.5rem;position:relative;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_news .fl02 ul li .box a h6{font-size:0.875rem;color:#4d4c51;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; line-height:1rem; position:relative}
.n_news .fl02 ul li .box a h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #999;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: -2px 0.25rem 0 0;}

.n_news .fl02 ul li .box a h4{ font-size:14px; color:#666666; line-height:20px;}
.n_news .fl02 ul li .box a h4 span{ margin-left:15px}
.n_news .fl02 ul li .img{ float:left; width:16.5625rem; overflow:hidden}
.n_news .fl02 ul li .img img{ width:100%}
.n_news .fl02 ul li .box{ float:right; width:calc(100% - 18.375rem);}

.n_news_detail{ padding:3.125rem 0 5rem}
.n_news_detail .content{display: table;width: 100%;}
.n_news_detail .content .n_left{width: calc(100% - 20.625rem);display:table-cell;padding-right:4.375rem;}
.n_news_detail .content .n_left .n_left_box{ background:#fff; padding:4.375rem 4.375rem}
.n_news_detail .content .n_left .title{ margin-bottom:2.5rem}
.n_news_detail .content .n_left .title h3{ font-size:2rem; color:#404142; font-weight:bold; line-height:3.5rem; margin-bottom:0.75rem}
.n_news_detail .content .n_left .title h6{ font-size:14px; color:#808080; line-height:20px;}
.n_news_detail .content .n_left .title h6 span{ margin-right:1.5rem}
.n_news_detail .content .n_left .title h6 img{margin-right:8px;margin-top: -3px;}
.n_news_detail .content .n_left .title h6 .span2{background:url(../images/fx.png) left center no-repeat;padding-left: 24px;position: relative;margin-right: 0;padding-right: 3.5rem;}
.n_news_detail .content .n_left .title h6 .span2 a{ color:#808080;}

/*==============分享插件=====================*/
.shart_box{}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{position:relative;display: none;height:50px;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{position: absolute;left: 94px;top: -10px;width: 215px;}
#j_shart_s_24 strong{display:block;position:absolute;left:0;z-index:2;line-height:36px;font-size:12px;color: #838383;font-weight: normal;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}

.bdshare-button-style1-32 a{ width:26px !important; height:26px !important; line-height:26px !important; margin:6px 2px 6px 0 !important;}



.n_news_detail .content .n_right{ width:20.625rem; display:table-cell}

.n_news_detail .content .n_right .frl01{ margin-bottom:2rem}
.n_news_detail .content .n_right .frl01 ul{ width:20.625rem;}
.n_news_detail .content .n_right .frl01 ul li.miso-slide{ position:relative}


.n_news_detail .content .n_right .frl01 ul li.miso-slide img{width:100%}
.n_news_detail .content .n_right .frl01 ul li.miso-slide h5{position:absolute;left:0;bottom:0;width:100%;height: 50px;line-height: 50px;padding: 0 20px;background: url(../images/hei75.png);font-size: 14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news_detail .content .n_right .frl01 ul li.miso-slide:hover h5{ background:#333}

.n_news_detail .content .n_right .frl02{ margin-bottom:2rem}
.n_news_detail .content .n_right .frl02 .title{ font-size:1.375rem; color:#404142; font-weight:bold; line-height:3.75rem; border-bottom:#e2e2e2 2px solid; margin-bottom:1rem}
.n_news_detail .content .n_right .frl02 ul li{ font-size:1.0625rem; color:#404142; line-height:2.875rem}
.n_news_detail .content .n_right .frl02 ul li a{ color:#404142; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.n_video{ padding:3.75rem 0 5rem}
.n_video ul{ font-size:0; margin:0 -1.25rem; margin-bottom:1.5rem}
.n_video ul li{display:inline-block;width:50%;padding:0 1.25rem;margin-bottom: 1rem;}
.n_video ul li a{ display:block; transition:0.8s; cursor:pointer}
.n_video ul li a .img,.n_video ul li a .img>video{width:100%;overflow:hidden;position:relative;object-fit: fill; height:350px;}
.n_video ul li a .img .top{position:absolute;bottom: 0;left:0;width:100%;background:url(../images/hei30.png);}
.n_video ul li a h5{line-height: 60px;font-size: 1.125rem;color: #424344;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.36s;font-weight: bold;text-align: left;}
.n_video ul li a .img img{ width:100%}


/*======================j_弹窗======================*/
#page_show_video_box {position: fixed;z-index: 9995;top: -1800px;left: 0;display: block;height: 100%;width: 100%;}
#page_show_video_box .bg_box {position: fixed;z-index: 9994;top: 0px;display: none;height: 100%;width: 100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000');background: rgba(0,0,0,0.7);}
#page_show_video_box .box {position: absolute;top: 50%;z-index: 9999;left: 50%;margin-left: -405px;}
#page_video {width: 796px;height: 405px;position: relative;}
#page_video .video_box {border: 5px solid #1a1a1a;width: 726px;height: 405px;overflow: hidden;}
#page_show_video_box #j_video {background: #000 url(../images/ajax-loader.gif) center 200px no-repeat;background-size: 100px 100px;}
#page_show_video_box .info {padding: 15px 25px 15px 25px;width: 726px;background: #1a1a1a;display: none;}
#page_show_video_box .info h1.title {font-size: 1rem;color: #fff;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#page_show_video_box .info p {line-height: 24px;overflow: hidden;font-size: 14px;color: #fff;padding-bottom: 15px}
#page_show_video_box .info p.last {padding-bottom: 0;}
#page_show_video_box #playercontainer {display: none;}
#page_show_video_box #page_ar {width: 810px;position: relative;}
#page_show_video_box #page_ar .ar_box {border: 5px solid #1a1a1a;width: 730px;padding: 40px 0;background: #fff;position: relative;}
#page_show_video_box #page_ar .ar_box .ar_article {padding: 0px 35px;height: 540px;}
#page_show_box .bg_box {position: fixed; z-index: 9994; top: 0px; display: none; height: 100%; width: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000'); background: rgba(0,0,0,0.7);}
#page_show_box .box {position: absolute;top: 50%;z-index: 9999;left: 50%;margin-left: -405px;}
#bnt_close01 {display: block;width: 70px;height: 70px;background: #1a1a1a;position: absolute;top: 0;right: 0;}
#bnt_close01 img {display: block;position: absolute;left: 20px;top: 23px;width: 25px;height: 25px; transition:0.6s}
#bnt_close01:hover img {transform: rotate(90deg);-ms-transform: rotate(90deg); /* IE 9 */-moz-transform: rotate(90deg); 	/* Firefox */-webkit-transform: rotate(90deg); /* Safari 和 Chrome */-o-transform: rotate(90deg); 	/* Opera */}

#page_show_video_box video{width: 716px;height: 395px;}


.n_zizhi .title{ text-align:center; margin-bottom:2.75rem}
.n_zizhi .title h3{ font-size:1.75rem; color:#3a3a3d; margin-bottom:0.5rem; font-weight:bold}
.n_zizhi .title h4{ font-size:2rem; color:#c9c9ca; text-transform:uppercase; font-family:Impact}
.n_zizhi .fl01{ padding:4rem 0 3rem}
.n_zizhi .fl01 ul{font-size:0;margin: 0 -2rem;}
.n_zizhi .fl01 ul li{display:inline-block;width:25%;text-align:center;padding: 0 2rem;}
.n_zizhi .fl01 ul li a{ display:block; position:relative}
.n_zizhi .fl01 ul li a .top_img img{ width:100%}
.n_zizhi .fl01 ul li a .img{position: absolute;top: 0;width: 100%;left: 0;height: 91%;}
.n_zizhi .fl01 ul li a .img img{max-width: 78%;max-height: 34%;}
.n_zizhi .fl02{background:#f3f3f6;padding: 4rem 0 3rem;}
.n_zizhi .fl02 ul{font-size:0;margin: 0 -2rem;}
.n_zizhi .fl02 ul li{display:inline-block;width:25%;text-align:center;padding: 0 2rem;}
.n_zizhi .fl02 ul li a{ display:block; position:relative}
.n_zizhi .fl02 ul li a .top_img img{ width:100%}
.n_zizhi .fl02 ul li a .img{position: absolute;top: 0;width: 100%;left: 0;height: 84%;}
.n_zizhi .fl02 ul li a .img img{max-width: 64%;max-height: 140px;display: inline-block;}

.n_yingpin .fl01{ background:url(../images/n_yingpin_fl01_bg.jpg) center no-repeat; background-size:cover; padding:4.375rem 0}
.n_yingpin .fl01 ul{ font-size:0}
.n_yingpin .fl01 ul li{ display:inline-block; width:33.333333%; text-align:center; }
.n_yingpin .fl01 ul li h3{ line-height:5.625rem}
.n_yingpin .fl01 ul li h5{ font-size:1.125rem; color:#fff; font-weight:bold}
.n_yingpin .fl02{ background:url(../images/n_yingpin__fl02_bg.jpg) center bottom no-repeat; background-size:100% auto; padding:4.375rem 0 3.75rem}
.n_yingpin .fl02 ul li{ margin-bottom:1.125rem}
.n_yingpin .fl02 ul li a{display:block;padding: 3rem 6rem 2.75rem;border:#dedede 1px solid;border-radius:5px;text-align:center;position:relative;overflow:hidden;transition:0.6s;}
.n_yingpin .fl02 ul li a:before{ content:""; position:absolute; bottom:0; background:#15569d; height:0; left:0; right:0; transition:0.6s}
.n_yingpin .fl02 ul li a h5,.n_yingpin .fl02 ul li a h5 a{font-size:1.25rem;height: 1.5rem;line-height: 1.5rem;color:#3a3a3a;position:relative;margin-bottom: 1rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:bold}
.n_yingpin .fl02 ul li a h6{font-size:13px;color:#878787;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; line-height:1rem; position:relative}
.n_yingpin .fl02 ul li a h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #878787;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: -2px 0.25rem 0 0;}
.n_yingpin .fl02 ul li a .zi{ position:absolute; top:0; bottom:0; left:3.5rem}
.n_yingpin .fl02 ul li a .zi .table{ width:auto}
.n_yingpin .fl02 ul li a .jia{ position:absolute; top:50%; margin-top:-15px; right:4rem; width:30px; height:30px; transition:0.6s}
.n_yingpin .fl02 ul li a .jia:before{ content:""; position:absolute; width:30px; height:1px; background:#ababab; left:0; top:50%; margin-top:-0.5px;}
.n_yingpin .fl02 ul li a .jia:after{ content:""; position:absolute; width:1px; height:30px; background:#ababab; left:50%; top:0; margin-left:-0.5px;}
.n_yingpin .fl02 ul li a .zi .img02{ display:none}

.n_renli .left{ width:50%; padding:0 2rem 0 0}
.n_renli .left h3{ font-size:1.75rem; color:#3a3a3d; margin-bottom:0.5rem; margin-top:2rem}
.n_renli .left h4{ font-size:1.75rem; color:#c9c9ca; text-transform:uppercase; font-family:Impact; font-weight:normal; margin-bottom:2.5rem}
.n_renli .left p{ font-size:1.0625rem; color:#5e5e5e; line-height:2.125rem; margin-bottom:2rem}

.n_renli .fl01{ padding:5.25rem 0}
.n_renli .fl01 .right{ width:50%; padding:0 0 0 2rem}
.n_renli .fl01 .right .swiper-container ul li .img img{ width:100%}
.n_renli .fl01 .right .swiper-container ul li{text-align: center;background-position: center;background-size: cover;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.n_renli .fl01 .right .swiper-container ul li .img{ padding:0}
.n_renli .fl01 .right .swiper-container ul li .img img{width:auto;}

.n_renli .fl02{ background:url(../images/n_renli_fl02_bg.jpg) center no-repeat fixed; background-size:cover; text-align:center; padding:8.5rem 0 11.875rem}
.n_renli .fl02 h3{ font-size:1.875rem; color:#fff; margin-bottom:1.25rem;}
.n_renli .fl02 h4{ font-size:1.675rem; color:#fff; margin-bottom:2.5rem}
.n_renli .fl02 h2{ font-size:3.75rem; color:rgba(255,255,255,0.2); text-transform:uppercase; font-family:Impact; font-weight:normal;}
.n_renli .fl03{padding: 4.375rem 0 5rem;text-align:center;overflow: hidden;}
.n_renli .fl03 .box{ display:inline-block; position:relative}
.n_renli .fl03 .box .wz{ position:absolute; top:0; left:0; width:100%; height:100%}
.n_renli .fl03 .box .wz h3{ font-size:1.75rem; color:#fff; margin-bottom:0.75rem; margin-top:2rem ; font-weight:bold}
.n_renli .fl03 .box .wz h4{ font-size:1.75rem; color:#869ec3; text-transform:uppercase; font-family:Impact; font-weight:normal; margin-bottom:2.5rem}
.n_renli .fl03 .box .con{position:absolute;white-space: nowrap;font-size: 1.125rem;color: #656565;font-weight: bold;}
.n_renli .fl03 .box .con:before{ width:8.5rem;}
.n_renli .fl03 .box .con:after{ width:34px; height:34px; }
.n_renli .fl03 .box .con01{left: 73%;top: 5rem;padding-left: 12rem;}
.n_renli .fl03 .box .con01:before{content:"";position:absolute;height:1px;top:50%;left: 34px;margin-top:-1px;border-bottom:#3b3b3b 1px dashed;}
.n_renli .fl03 .box .con01:after{ content:""; position:absolute; top:50%; margin-top:-17px; left:0; border:#c2c2c2 1px solid; border-radius:50%; background:#fff}

.n_renli .fl03 .box .con02{left: 73%;bottom: 5rem;padding-left: 12rem;}
.n_renli .fl03 .box .con02:before{content:"";position:absolute;height:1px;top:50%;left: 34px;margin-top:-1px;border-bottom:#3b3b3b 1px dashed;}
.n_renli .fl03 .box .con02:after{ content:""; position:absolute; top:50%; margin-top:-17px; left:0; border:#c2c2c2 1px solid; border-radius:50%; background:#fff}

.n_renli .fl03 .box .con03{right: 73%;bottom: 5rem;padding-right: 12rem;}
.n_renli .fl03 .box .con03:before{content:"";position:absolute;height:1px;top:50%;right: 34px;margin-top:-1px;border-bottom:#3b3b3b 1px dashed;}
.n_renli .fl03 .box .con03:after{ content:""; position:absolute; top:50%; margin-top:-17px; right:0; border:#c2c2c2 1px solid; border-radius:50%; background:#fff}
.n_renli .fl03 .box .con04{right: 73%;top: 5rem;padding-right: 12rem;}
.n_renli .fl03 .box .con04:before{content:"";position:absolute;height:1px;top:50%;right: 34px;margin-top:-1px;border-bottom:#3b3b3b 1px dashed;}
.n_renli .fl03 .box .con04:after{ content:""; position:absolute; top:50%; margin-top:-17px; right:0; border:#c2c2c2 1px solid; border-radius:50%; background:#fff}

.biaoyu{ text-align:center}
.biaoyu a{margin-top: 3.125rem;display:inline-block;width:405px;height:65px;line-height:65px;font-size:1.375rem;color:#fff;font-weight:bold;border:#adc4dd 5px solid;border-radius: 42px;background:#15569d;box-sizing: content-box;}

.n_wenhua{ padding:3.75rem 0 5.625rem;}
.n_wenhua .fl01{text-align:center;overflow: hidden;}
.n_wenhua .fl01 .box{ position:relative}
.n_wenhua .fl01 .box .wz{ position:absolute; left:0; top:0; width:100%; height:100%}
.n_wenhua .fl01 .box .wz h5{ font-size:1.875rem; color:#464646; font-weight:bold; margin-top:1.25rem}
.n_wenhua .fl01 .con h3{ font-size:1.75rem; color:#464646; margin-bottom:1.5rem; font-weight:bold}
.n_wenhua .fl01 .con p{ font-size:16px; color:#464646; line-height:32px;}
.n_wenhua .fl01 .con01{ position:absolute; left:50%; margin-left:22%; top:6rem; text-align:left}
.n_wenhua .fl01 .con02{ position:absolute; right:50%; margin-right:22%; top:6rem; text-align:right}

.n_wenhua .fl01 .con03 h3{ padding:3.25rem 0 0}

#mainMap,#mainMap>div,#mainMap canvas{ background:none !important; user-select:none !important}

.piaofu .close{position:fixed;bottom: 32rem;right:1rem;font-size: 22px;color:#333; cursor:pointer}

.kaiguan{position:fixed;bottom: 32rem;right: -60px;width: 60px;line-height: 60px;border-radius:50%;background:#15569d;line-height: 60px;font-size: 25px;color:#fff;cursor:pointer;padding: 0 12px;font-family: simsun;z-index: 100000;}
.kaiguan.on{right: -30px;}

.chart .img{ display:none}

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

@media(min-width: 768px){

	
	.container03 ul li:hover a:before{ background:#15569d; box-shadow:0 0 0 16px rgba(21,86,157,0.45)}
	
	.container04 ul li:hover a .img:after{ left:0; width:0}
	.container04 ul li:hover a .con:before{ left:0; width:100%}
	
	.container04 ul li:hover a .con h4{ height:1.875rem}
	.container04 ul li:hover a .con h5{ height:1rem}
	
	.container05 ul li .box:hover .con:before{ left:0; width:100%}
	.container05 ul li .box:hover .con h5 a{ color:#fff}
	.container05 ul li .box:hover .con p{ color:#fff}
	.container05 ul li .box:hover .con h6,.container05 ul li .box:hover .con h6 .icon{ color:#fff; fill:#fff}
	.container05 ul li .box:hover{ box-shadow:0 0 35px rgba(0,0,0,0.35)}
	
	.container05 ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
	.container05 ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
	.container05 ul li .box .img:hover img{ transform:scale(1.05);}
	
	.more01 a:hover small{ color:#15569d}
	
	.more01 a:hover dl dd:nth-child(2) span:before{top: 0;}
	.more01 a:hover dl dd:nth-child(1) span:before{left: 5px;}
	.more01 a:hover dl dd:nth-child(3) span:before{top: 5px;}
	.more01 a:hover dl dd:nth-child(4) span:before{left: 0;}
	.more01 a:hover dl dd:nth-child(6) span:before{left: 0;}
	.more01 a:hover dl dd:nth-child(7) span:before{top: -5px;}
	.more01 a:hover dl dd:nth-child(9) span:before{left: -5px;}
	
	.container06 ul li a:hover .pp{ transform:scale(1); opacity:1}
	
	.container06 ul li a:hover:after {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	
	.container08 .bottom dd a:hover{ color:#fff}
	
	.container05 ul li .box:hover .con{ background:#15569d}
	
	.al_select ul li:hover:after{ left:0; width:100%}
	
	.n_case ul li:hover a .img:after{ left:0; width:0}
	.n_case ul li:hover a .con:before{ left:0; width:100%}
	
	.n_case ul li:hover a .con h4{ height:1.875rem}
	.n_case ul li:hover a .con h5{ height:1rem}
	
	.j_pages a:hover{border-bottom: #15569d 2px solid;}
	
	.n_case_detail .content .right ul li .con h5:hover{ color:#15569d}
	
	.n_yewu ul li a:hover h3 img{
		transform-style: preserve-3d;
		-webkit-animation:xuanzhuan 2s;
		animation: xuanzhuan 2s ;
		animation-fill-mode: forwards;
		transition: all .5s linear;
	}
	.n_yewu ul li a:hover h5{ color:#15569d}
	
	.n_yewu_detail ul li a:hover img{ transform:scale(1.06)}
	.n_yewu_detail ul li a:hover h5{ color:#15569d}

	.n_yuangong ul li a:hover h3 img{
		transform-style: preserve-3d;
		-webkit-animation:xuanzhuan 2s;
		animation: xuanzhuan 2s ;
		animation-fill-mode: forwards;
		transition: all .5s linear;
	}
	.n_yuangong ul li a:hover h5{ color:#15569d}
	
	.n_news .fl01 ul li .box:hover .con h5 a{ color:#15569d}
	.n_news .fl01 ul li .box:hover .con p{ color:#15569d}
	.n_news .fl01 ul li .box:hover .con h6,.n_news .fl01 ul li .box:hover .con h6 .icon{ color:#15569d; fill:#15569d}
	
	.n_news .fl01 ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
	.n_news .fl01 ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
	.n_news .fl01 ul li .box .img:hover img{ transform:scale(1.05);}
	
	.n_news .fl02 ul li a:hover h5,.n_news .fl02 ul li a:hover h4,.n_news .fl02 ul li a:hover h4 span{ color:#15569d}
	
	.n_news .fl02 ul li:hover:before{ left:0; width:100%}
	
	.n_news_detail .content .n_right .frl02 ul li:hover a{ color:#15569d}
	
	.n_video ul li a:hover .img img{ transform:scale(1)}
	.n_video ul li a:hover .img>img{ transform:scale(1.05)}
	.n_video ul li a:hover h5{ color:#15569d}
	
	.n_yingpin .fl02 ul li a:hover{ border:#15569d 1px solid}
	.n_yingpin .fl02 ul li a:hover:before{ height:100%; top:0}
	.n_yingpin .fl02 ul li a:hover h5,.n_yingpin .fl02 ul li a:hover h5 a{ color:#fff}
	.n_yingpin .fl02 ul li a:hover h6{color:#fff;}
	.n_yingpin .fl02 ul li a:hover h6 .icon {fill: #8fff;}
	.n_yingpin .fl02 ul li a:hover .jia{ transform:rotate(180deg);}
	.n_yingpin .fl02 ul li a:hover .zi .img01{ display:none}
	.n_yingpin .fl02 ul li a:hover .zi .img02{ display:inline-block}
}



@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1600px){
}

@media(max-width: 1450px){
}

@media(max-width: 1400px){
	#mainMap{ display:none}
	.chart .img{ display:block}
}

@media(max-width: 1330px){
}

@media(max-width: 1200px){
	.n_contact{ padding:5rem 0}
	.n_contact dl dt{display:inline-block;width:100%;text-align: center;margin-bottom: 3rem;}
	.n_contact dl dd{ display:inline-block; width:33.333333%;}
	
	.n_renli .fl03 .box img{width: 55%;}
	.n_renli .fl03 .box .con01{ left:66%; padding-left:6rem}
	.n_renli .fl03 .box .con02{ left:66%; padding-left:6rem}
	.n_renli .fl03 .box .con03{ right:66%; padding-right:6rem}
	.n_renli .fl03 .box .con04{ right:66%; padding-right:6rem}
	.n_renli .fl03 .box .con:before{ width:3rem}
	
	.n_renli .fl03 .box .wz h3{ font-size:1.25rem}
	.n_renli .fl03 .box .wz h4{ font-size:1rem}
	
    .n_zizhi .fl02 ul li a .img img{ height: 120px}
}

@media(max-width: 1060px){
	
}

@media(max-width: 992px){
	.container04 ul{ margin:0 -0.5rem}
	.container04 ul li{ padding:0 0.5rem; width:50%}
	.container04 ul li:nth-child(7),.container04 ul li:nth-child(8){ display:none}
	.container05 ul{ margin:0 -1rem}
	.container05 ul li{ padding:0 1rem}
	
	header .fl,header .fr{ width:100%}
	header .container { width: 90%; }
	header nav {position: fixed;top: 0;left: auto;right: -100%;bottom: 0;width: 100%;margin-top: 0;padding-top: 5rem;padding-bottom: 32px;background: rgba(0, 0, 0, 0.95);visibility: hidden;transition: all .8s, top .3s;overflow:  hidden;overflow-y:  scroll;margin-top: 0 !important;}
	header nav.show { right: 0; visibility: visible; }
	header .nav-item {display: block;width: 100%;margin-left: 0;margin-right: 0;text-align:  center;height: auto;}
	header .nav-item.active{ background:#15569d}
	header .nav-item.active > a{ color:#fff !important}
	header .nav-item > a {position: relative;line-height: 50px;z-index: 1;display:  inline-block;color: #fff !important;}
	header .nav-item > i{display:inline-block;width:10%;font-size: 12px;color: #ffff;font-family: simsun;font-style:  normal;font-weight:  bold;line-height: 50px;position:  absolute;}
	header .nav-item > a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #15569d; transform: scale(1, 0); transition: transform .5s; z-index: -1; }
	header .nav-item > a:hover { color: #fff !important; }
	header .nav-item > a.up:before { transform-origin: 0 100%; }
	header .nav-item > a.down:before { transform-origin: 0 0; }
	header .sub-nav-list {top: 0;left: 0;right: 0;margin-top: 0;margin-right: 15px;padding: 10px 0;white-space: nowrap;position: relative;display: none;opacity:1;visibility:visible;float: left;width: 100%;transition: all 0s;margin-top:  0 !important;}
	header .sub-nav-list:before { content: none; }
	header .sub-nav-item { padding: 0 20px; line-height: 40px; }
	header .contact { margin-right: 20px; }
	header .nav-menu-btn {position: relative;display: block;float: right;width: 20px;height: 38px;margin-top: -1.125rem;cursor: pointer;transition: all .3s;z-index: 10;}
	header .nav-menu-btn.enter .menu-btn { transition-duration: .1s; transition-delay: .4s; }
	header .nav-menu-btn.enter .menu-btn:before, header .nav-menu-btn.enter .menu-btn:after { opacity: 0; }
	header .nav-menu-btn.enter .menu-btn:before { left: -50%; right: 100%; transform: translate(-100%, 0); }
	header .nav-menu-btn.enter .menu-btn:after { left: 100%; right: -50%; transform: translate(100%, 0); }
	header .nav-menu-btn.enter .up {top: 17px;transform: rotate(45deg);height: 3px;}
	header .nav-menu-btn.enter .down {bottom: 18px;transform: rotate(-45deg);height: 3px;}
	header .nav-menu-btn.leave .menu-btn:before, header .nav-menu-btn.leave .menu-btn:after { opacity: 1; transform: translate(0, 0); }
	header .nav-menu-btn.leave .menu-btn:before { left: 0; right: 50%; }
	header .nav-menu-btn.leave .menu-btn:after { left: 50%; right: 0; }
	header .menu-btn {position: absolute;display: block;width: 100%;height: 9px;}
	header .menu-btn:before, header .menu-btn:after {content: '';position: absolute;top: 0;height: 100%;background: #fff;transition: all .3s;border-radius: 3px;}
	header .menu-btn:before {left: 0;right: 55%;}
	header .menu-btn:after {left: 55%;right: 0;}
	header .menu-btn.up {top: 10px;}
	header .menu-btn.down { bottom: 8px; }
	header.scroll-down nav { top: 50px; margin-top: 0; }
	header.scroll-down .nav-item:hover .sub-nav-list { margin-top: -10px; }
	
	header .logo{left:3%;margin-left:0;top: -2rem; display:none}
	header .logo img{height: 56px;}
	
	header{ display:block}
	.fp-viewing-0 header .logo{ display:block}
	
	.menu-handler{ display:none}
	
	header.header_visible .logo{display:block;top: 7px;}
	.n_header{ height:70px;}
	
	header.header_visible .menu-btn:before, header.header_visible .menu-btn:after{ background:#22a8a6}


	header.header_visible .nav-menu-btn{top: 27px;}
	
	.n_banner{margin-top:70px;height: 15rem;}
	
	.n_yewu ul li{ width:50%}
	
	.sticky{ top:115px;}
	.n_news_detail .content .n_left .n_left_box{ padding:2.5rem}
	
	.n_renli .fl03 .box .con{ white-space:normal; width:12rem; font-size:12px; line-height:20px;}
	
	.n_wenhua .fl01 .box>img{ height:25rem}
	
	.container02 .top{height: calc(100vh - 10rem);background: url(../images/container02_top_bg01.jpg) bottom center no-repeat;background-size: cover;}
	.container02 .bottom{height: 10rem;}
	.container02 .bottom ul{ margin:0 -3%}
	.container02 .bottom ul li h5{font-size:12px;margin-bottom: 0.5rem;}
	.container02 .bottom ul li h4{height:2.25rem;margin-bottom: 0.25rem;line-height: 2.25rem;}
	.container02 .bottom ul li h4 span.counter,.container02 .bottom ul li h4 span.counter01{font-size: 1.5rem;}
	.container02 .bottom ul li h6{ font-size:10px;}
	.container02 .bottom ul li h4 small{ margin-bottom:0; font-size:11px; vertical-align:middle}
	
	.n_video ul li a .img, .n_video ul li a .img>video{ height:240px;}
    
    .n_zizhi .fl02 ul li a .img img{ height: 80px}
}



@media(max-width: 768px){
	.ar_wap{ display:inline-block}
	
	.container02 .top{ height:calc(100% - 10rem)}
	.container02 .bottom{height: 9rem;}
	
	#fp-nav{ display:none}
	.liu_icon img{ width:40%}
	
	.container02 .top .box p{height:5.625rem;overflow:hidden;margin-bottom: 2rem;}
	
	.container02 .top .layui-container .layui-row .box{ height:auto}
	iframe{transform:scale(0.5);float:none !important;position:relative;left:50%;margin: -45% 0 -35%;margin-left:-350px;}
	
	.section .title h2{font-size:2rem;display:  inline-block;}
	.section .title h3{font-size:1rem;margin:0.75rem 0 2rem;display: inline-block;margin-left: 0.5rem;}
	
	.container02 .top{height:calc(100vh - 9rem);overflow: hidden;}
	
	
	
	.container02 .slide_box ul{margin:0 -0.5rem;margin-bottom: 3rem;}
	.container02 .slide_box ul li{ padding:0 0.5rem}
	.container02 .slide_box ul li .img img{ max-width:80%}
	.container02 .slide_box ul li a{padding: 1rem 0 2rem;}
	.container02 .slide_box .title h4{ margin:0.75rem 0 3rem}
	.container02 .slide_box .title h4:before{ display:none}
	
	.more00 a{ padding:0.75rem 2rem;}
	
	.container03 .title h4{ line-height:1.875rem}
	.container03 ul li{ margin:2rem 0}
	.container03 ul li .icon{ max-width:4rem; max-height:2rem}
	.container03 ul li h3{ line-height:4rem}
	.container03 ul li:nth-child(2) .icon{ max-width:4rem; max-height:2.5rem}
	.container03 ul li:nth-child(5) .icon,.container03 ul li:nth-child(6) .icon,.container03 ul li:nth-child(7) .icon,.container03 ul li:nth-child(8) .icon { max-width:4rem; max-height:2rem}
	.container03 ul li h5{ font-size:1rem}
	
	.section .title h4{ margin:0.75rem 0 3rem}
	
	.container04 ul{ margin:0 -0.35rem}
	.container04 ul li{ padding:0 0.35rem; width:50%; margin-bottom:0.7rem}
	.container04 ul li a .con h3{ font-size:1rem; line-height:1.75rem}
	
	.container05 ul{ margin:0 -0.35rem}
	.container05 ul li{ padding:0 0.35rem}
	.container05 ul li .con{ padding:1rem 1rem}
	.container05 ul li .con h5, .container05 ul li .con h5 a{ font-size:14px; line-height:22px; height:44px; white-space:normal}
	
	.container06 ul li{ margin:1rem 0}
	.container06 ul li a{width:10rem;height:10rem;padding: 1.5rem 0;}
	.container06 ul li a h3{ line-height:4rem}
	.container06 ul li a h3 img{ max-height:2rem; max-width:5rem}
	
	.container08 .bottom dl{ display:none}
	
	.container08 .bottom_box .con_bottom .left_con{padding: 1rem 0 0;margin-bottom:3rem;width: 100%;text-align:  center;}
	.container08 .bottom_box .con_bottom .left_con p{ line-height:26px;}
	
	.container08 .bottom_box .con_bottom .right_con{ text-align:center; width:100%}
	.container08 .bottom_box .con_bottom .right_con ul{ text-align:center}
	.s_foot_link{margin:0 auto;display:  inline-block;}
	
	#mainMap{ height:260px !important; margin:-20px 0}
	
	.container07 .top .kuang{left:3%;right:3%;top: auto;bottom: 3%;width: 94%;}
	.container07 .top .kuang .con{width:100%;padding:1.25rem;position: absolute;bottom: 3%;}
	.container07 .top .kuang .con h4{ font-size:1.25rem}
	.container07 .top .kuang .con h3 big{ font-size:1.25rem}
	
	.container07.fp-auto-height .fp-slide, .container07.fp-auto-height .fp-tableCell, .container07.fp-auto-height.fp-section{ height:100vh !important}
	#map{ height:100vh !important}
	.container07 .top .kuang .table_cell{ vertical-align:bottom}
	
	.fp-viewing-f4 header .menu-btn:before, .fp-viewing-f4 header .menu-btn:after{ background:#333}
	.banner-next .next-icon{ height:26px; background-size:auto 100% !important}
	.banner-next .next-text{ top:48px;}
	.banner-next .next-text img{ height:14px;}
	
	.n_banner h3{ font-size:1.5rem}
	.n_banner h4{ font-size:1.75rem}
	.n_banner h4.h4{font-size:1.25rem;padding: 0 1.5rem;}
	.n_banner h4:before{ bottom:-20px; width:32px; margin-left:-16px;}
	
	.n_about .fl02{ padding:2.5rem 0}
	.n_about .fl02 ul{ margin:0 -3%}
	.n_about .fl02 ul li h5{font-size:12px;margin-bottom: 0.5rem;}
	.n_about .fl02 ul li h4{height:2.25rem;margin-bottom: 0.25rem;line-height: 2.25rem;}
	.n_about .fl02 ul li h4 span.counter,.n_about .fl02 ul li h4 span.counter01{font-size: 1.5rem;}
	.n_about .fl02 ul li h6{ font-size:10px;}
	.n_about .fl02 ul li h4 small{ margin-bottom:0; font-size:11px; vertical-align:middle}
	
	.piaofu{ right:1rem}
	.piaofu a img{ width:5rem}
	
	.n_zhici{ padding:2.5rem 0}
	.n_zhici .ar_article{ display:block}
	.n_zhici .ar_article .right{ margin-bottom:1rem}
	.n_zhici .ar_article .left,.n_zhici .ar_article .right{ width:100%; padding:0; display:block}
	.n_zhici .ar_article .left .ar_article h3{ padding:0}
	
	.ar_article{font-size:13px; line-height:26px}
	.ar_article p{font-size:13px; line-height:26px}	
	
	.al_select ul li a{ font-size:14px;}
	
	#content{ height:auto !important}
	.nianf{width: 67px;height: 34px;line-height: 30px;font-size: 12px;}
	.n_licheng ul li{ padding:10px 0}
	.n_licheng ul li .right{ width:calc(100% - 108px)}
	.n_licheng ul li .right .box .table .table_cell{ font-size:12px; line-height:26px;}
	.n_licheng .content_box:before{left: 84px;width: 2px;}
	.n_licheng .content_box .bg{left: 84px;width: 2px;}
	.n_licheng ul li .point{left: 78px;border: #fff 2px solid;width: 16px;height: 16px;margin-top: -8px;}
	.n_licheng .content_box .bg:before{width:16px;height:16px;border: #15569d 2px solid;margin-left: -8px;}
	.n_licheng .content_box .bg:after{width:16px;height:16px;border: #15569d 2px solid;margin-left: -8px;}
	
	.n_licheng ul{ height:auto !important}
	.n_licheng ul li{ margin-top:0 !important}
	.n_licheng ul li .left{ left:0 !important}
	.n_licheng ul li .point{left: 78px !important}
	.n_licheng ul li .right{ right:0 !important}
	
	.n_wenhua{ padding:2.5rem 0;}
	
	.n_contact dl dt{ display:inline-block; width:100%;}
	.n_contact dl dd{ display:inline-block; width:100%; margin-bottom:2rem}
	.n_contact dl dd h3 img{ height:2.5rem}
	
	.n_case ul{ margin:0 -0.5rem}
	.n_case ul li{ padding:0 0.5rem; width:50%}
	.n_case ul li:nth-child(9){ display:none}

	
	.n_case_detail .content{padding:3rem;display: block;}
	.n_case_detail .content .left{ margin-bottom:3rem}
	.n_case_detail .content .left .title h3{font-size:1.5rem;line-height: 2.5rem;}
	.n_case_detail .content .left,.n_case_detail .content .right{width:100%;display:block;padding: 0;}
	
	.n_case_detail .content .right ul{ font-size:0; margin:0 -5px}
	.n_case_detail .content .right ul li{display:inline-block;padding:0 5px;width: 100%;}
	
	.n_yewu{ padding:2.5rem 0}
	
	.n_yewu ul{ margin:0 -5px;}
	.n_yewu ul li{ padding:0 5px; margin-bottom:10px}
	.n_yewu ul li a p{font-size:12px;padding: 0 1rem;}
	.n_yewu ul li a h3 img{ height:2.5rem}
	.n_yewu ul li a h5{ margin-bottom:1.5rem}
	
	.n_yewu_detail ul{ margin:0 -5px;}
	.n_yewu_detail ul li{padding:0 5px;width: 50%;margin-bottom:1rem;}
	
	.j_pages a.none{ display:none}
	
	.n_yuangong ul{ margin:0 -5px;}
	.n_yuangong ul li{ padding:0 5px; width:33.333333%; margin-bottom:1rem}
	.n_yuangong ul li a h3 img{ height:2.5rem}
	
	
	.n_news .fl01 ul{ margin:0 -5px}
	.n_news .fl01 ul li{padding:0 5px;width: 50%;}
	.n_news .fl01 ul li:nth-child(3){ display:none}
	
	.n_news .fl02 ul{padding:0 5px}
	.n_news .fl02 ul li{padding:1rem 0 1rem;width: 50%;display: inline-block;}
	.n_news .fl02 ul li .layui-container03{ padding:0 5px}
	.n_news .fl02 ul li .box a h5, .n_news .fl02 ul li .box a h5 a{ font-size:13px}
	.n_news_detail .content .n_left .n_left_box{ padding:1.5rem}
	
	.n_news_detail{ padding:2.5rem 0 2.5rem}
	.n_news_detail .content{ display:block}
	.n_news_detail .content .n_left{ display:block; width:100%; padding:0; margin-bottom:3rem}
	.n_news_detail .content .n_right{ display:block; width:100%}
	.n_news_detail .content .n_right .frl01 ul{ width:100%}
	.n_news_detail .content .n_left .title h6 .span2{ display:none}
	
	.n_video ul{ margin:0 -5px; margin-bottom:1rem}
	.n_video ul li{padding:0 5px;margin-bottom: 1rem;}
	
	#page_show_video_box video{ width:360px; height:204px;}
	#page_video{width: 420px;height:214px;}
	#page_video .video_box{width: 370px;height:214px;}
	#page_show_video_box .info{ width:370px; padding:5px 25px 5px 25px}
	#bnt_close01{width:50px;height:50px;right: 50px;top: -50px;}
	#bnt_close01 img{width:1rem;height:1rem;left:1.5rem;top:1.5rem;}
	#page_show_video_box .box{ margin-left:-185px;}
	
	.n_zizhi .fl01 ul li{width:33.333333%;margin-bottom:2rem;padding: 0 0rem;}
	
	.n_zizhi .fl02 ul{ margin:0 0rem}
	.n_zizhi .fl01 ul{ margin:0 0rem}
	.n_zizhi .fl02 ul li{width:33.333333%;margin-bottom:2rem;padding: 0 0;}
	.n_zizhi .fl01 ul li a .img img{max-height: 34%;}
	
	.n_yingpin .fl01{ padding:2rem 0}
	.n_yingpin .fl01 ul li{ width:100%; margin:1.5rem 0}
	.n_yingpin .fl01 ul li h3 img{ height:2rem}
	.n_yingpin .fl01 ul li h2 img{ height:6rem}
	
	.n_yingpin .fl02{ padding:2.5rem 0}
	.n_yingpin .fl02 ul li a .zi{ left:1.5rem}
	.n_yingpin .fl02 ul li a .jia{ right:1.5rem}
	.n_yingpin .fl02 ul li a .zi img{ height:4rem}
	
	.n_renli .fl01{  padding:2.5rem 0}
	.n_renli .fl01 .right,.n_renli .fl01 .left{ padding:0; width:100%}
	.n_renli .fl01 .right .swiper-container ul li .img img{ width:100%}
	
	.n_renli .fl03 .box img{height: 18rem; width: auto;}
	
	.n_renli .fl03 .box .con{ width:9rem}
	.n_renli .fl03 .box .con:after{ width:18px; height:18px; margin-top:-9px; display:none }
	.n_renli .fl03 .box .con01{padding-left:0;left:80%;text-align:left;top:2rem;margin-top: 3rem !important;}
	.n_renli .fl03 .box .con02{ padding-left:0; left:80%; text-align:left; bottom:2rem}
	.n_renli .fl03 .box .con03{ padding-right:0; right:80%; text-align:right; bottom:2rem}
	.n_renli .fl03 .box .con04{padding-right:0;right: 88%;text-align:right;top:2rem;}
	.n_renli .fl03 .box .con:before{ display: none}
	
	.n_wenhua .fl01 .box>img{ height:15rem}
	.n_wenhua .fl01 .box .wz h3 img{ height:2.5rem}
	.n_wenhua .fl01 .box .wz h5{ font-size:16px;}
	.n_wenhua .fl01 .con h3{font-size:1.25rem;text-align: left;}
	.n_wenhua .fl01 .con p{font-size:11px;line-height:24px;text-align: left;}
	.n_wenhua .fl01 .con p .ar_web{ display:none}
	
	.n_wenhua .fl01 .con01{top:2rem;position: relative;left: 0;margin-left: 0;margin-bottom: 2rem;}
	.n_wenhua .fl01 .con02{top:2rem;margin-right:16%;position: relative;text-align: left;margin-right: 0;right: 0;margin: 3rem 0 2rem;}
	.n_wenhua .fl01 .con{ transition-delay:0 !important}
	
	.n_case ul li a .con h3{  font-size:1.25rem; padding:0 1.25rem}
	
	.n_news .fl02 ul li .img{ width:100%;}
	.n_news .fl02 ul li .box{ width:100%;}
	
	.biaoyu a{width:80%;height: 50px;line-height: 50px;border-radius: 30px;}
	
	.n_yewu_detail ul li .con{ padding:1.5rem 1rem 1.5rem}
	.n_yewu_detail ul li .con h6{overflow:hidden;}
	
	#container01 .index_banner .miso-prev, #container01 .index_banner .miso-next{ display:none !important}