@charset "utf-8";
@font-face{ font-family:Impact; src:url(../fonts/impact.ttf);}
@font-face{ font-family:MLSBQ; src:url(../fonts/mlsbq.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;}}
/*@media {html {font-size: 62.5%;}}*/
/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}
.page-num-current{background:#166a79;color:#fff !important;}
/*==========================================公共 结束=============================================*/

header{height: 80px;z-index: 100;width: 100%;position: relative;}
header:before{ content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:rgba(255,255,255,0.3); transition:3s}
header.on:before{ width:100%}
header .box{padding: 0 0 0 3%;}
header .logo{height: 80px;line-height: 80px;}

#nav{ height:70px; background:#0058af; position:relative; z-index:1}
.navBox {float: left;margin-right: -40px;}
.nav li {float: left;text-align: center;height: 80px;position: relative;padding: 0 26px;}
.nav a {display: block;position: relative;padding: 0;font-size: 16px;height: 80px;line-height: 80px;perspective: 300px;transform-style: preserve-3d;}
.nav a .bg {background-color: #294957;position: absolute;left: 0px;bottom: 0px;width: 100%;display: block;height: 3px;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;-webkit-transform: rotateX(70deg);transform: rotateX(70deg);z-index: -1;transform-origin: center bottom 0;-webkit-transform-origin: center bottom 0;left: 0;opacity: 0;bottom: 0;visibility: hidden;}
.nav a .bg:before{content:"";position:absolute;bottom: 3px;border-left: 5px transparent solid;border-right: 5px transparent solid;border-bottom:#ff2e2e 5px solid;left: 50%;margin-left: -5px;display: none;}
.nav a .txt {position: relative;z-index: 2;font-size: 16px;color: #383838;}
.nav .active a .bg,.nav .on a .bg { transform: none; opacity: 1; visibility: visible; }
.nav .active a .txt,.nav .on a .txt{}
.navBox .arrow { position: absolute; left: 0px; top: 95px; height: 4px; display: block; background-color: #e62129; }
.subNavbox a:active .txt, .subNavbox a:hover {color: #ff2e2e;}
.subNavbox {position: absolute;left: 0px;top: 105px;width: 100%;background-color: #ffffff;box-shadow: 1px 2px 2px 0 rgba(88, 88, 88, 0.2);display: none;text-align: center;padding: 20px 0px 10px;}
.subNavbox p {padding-bottom: 12px;line-height: 24px;}
.subNavbox p a {line-height: 28px;height: auto;padding: 0;font-size: 15px;display:  inline-block;}
.subNavbox p a:before{content:"";position:absolute;bottom: -3px;height: 3px;background: #ff2e2e;right:0;width:0;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
.subNavbox p a:hover:before{ left:0; width:100%}

header .right .tel{float:left;width: 225px;height: 100px;padding: 25px 0px;padding-left: 45px;margin-left: auto;position:relative;background: #3ca0d3;}
/*header .right .tel:before{ content:""; width:1px; height:15px; background:#c0c0c1; position:absolute; left:-30px; top:50%; margin-top:-7.5px;}*/
header .right .tel h5{font-size: 14px;color:#fff;margin-bottom: 3px;line-height:normal;}
header .right .tel h5 img{ margin-right:5px}
header .right .tel h3{font-size:22px;color:#fff;line-height:normal;font-family: DINOT;}



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

/* COMMON DEMO STYLE */
.page-view {
  height: 830px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.page-view .project {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-view .project .text h1 {
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  display: table;
  text-align: center;
}

.page-view .project .text p {
  font-size: 16px;
  position: absolute;
  bottom: 40px;
  right: 60px;
  margin: 0;
}

.page-view .project:nth-child(1) {
  z-index: 30;
}

@media screen and (max-width: 640px) {
  .page-view .project .text h1 {
    font-size: 36px;
  }
  .page-view .project .text p {
    bottom: 20px;
    margin: 0;
    text-align: center;
    width: 100%;
    right: auto;
    font-size: 14px;
  }
}

.page-view .arrows {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1000;
  width: 100%;
  padding: 0 5%;
  margin-top: -30px;
}

.page-view .arrows .arrow {
  float: left;
  cursor: pointer;
}


.page-view .arrows .arrow.next {
  float: right;
  cursor: pointer;
}

.page-view .arrows .arrow:hover.previous {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0);
}

.page-view .arrows .arrow:hover.next {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0);
}

.page-view .arrows .arrow svg {
  height: 40px;
  width: 25px;
  padding: 2px;
}

.page-view .arrows .arrow svg polygon {
  fill: #fff;
}

.page-view .arrows .arrow {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  margin-right: 10px;
  margin-top: -7px;
}

@media screen and (max-width: 640px) {
  .page-view .arrows {
    bottom: 60px;
    left: 50%;
    z-index: 120;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .page-view .arrows .arrow.previous:hover {
    -webkit-transform: none;
            transform: none;
  }
  .page-view .arrows .arrow.next:hover {
  }
}

@-webkit-keyframes mask-play {
  from {
    -webkit-mask-position: 0% 0;
            mask-position: 0% 0;
  }
  to {
    -webkit-mask-position: 100% 0;
            mask-position: 100% 0;
  }
}

@keyframes mask-play {
  from {
    -webkit-mask-position: 0% 0;
            mask-position: 0% 0;
  }
  to {
    -webkit-mask-position: 100% 0;
            mask-position: 100% 0;
  }
}


/* SPECIFIC DEMO STYLE */
/* DEMO 1 */

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

.demo-1 {
  background: url(../images/nature-sprite.png) no-repeat -9999px -9999px;
}

.demo-1 .page-view {
  background: url(../images/nature-sprite-2.png) no-repeat -9999px -9999px;
}

.demo-1 .page-view h1 {
  font-family: 'besom';
}

.demo-1 .page-view .project:nth-child(1) {
  background-image: url(../images/nature-1.jpg);
}

.demo-1 .page-view .project:nth-child(2) {
  background-image: url(../images/nature-2.jpg);
}

.demo-1 .page-view .project:nth-child(3) {
  background-image: url(../images/nature-3.jpg);
}

.demo-1 .page-view .project:nth-child(4) {
  background-image: url(../images/nature-4.jpg);
}

.demo-1 .page-view .project:nth-child(even).hide {
  -webkit-mask: url(../images/nature-sprite.png);
          mask: url(../images/nature-sprite.png);
  -webkit-mask-size: 2300% 100%;
          mask-size: 2300% 100%;
  -webkit-animation: mask-play 1.4s steps(22) forwards;
          animation: mask-play 1.4s steps(22) forwards;
}

.demo-1 .page-view .project:nth-child(odd).hide {
  -webkit-mask: url(../images/nature-sprite-2.png);
          mask: url(../images/nature-sprite-2.png);
  -webkit-mask-size: 7100% 100%;
          mask-size: 7100% 100%;
  -webkit-animation: mask-play 1.4s steps(70) forwards;
          animation: mask-play 1.4s steps(70) forwards;
}

/* DEMO 2 */
@font-face {
    font-family: 'adam';
    src: url('../fonts/adam/adam.eot');
    src: url('../fonts/adam.eot') format('embedded-opentype'),
         url('../fonts/adam.woff2') format('woff2'),
         url('../fonts/adam.woff') format('woff'),
         url('../fonts/adam.ttf') format('truetype'),
         url('../fonts/adam.svg#adam.cg_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.w_banner {
  background: url(../images/building-sprite.png) no-repeat -9999px -9999px;
  height: 830px;
  position: relative;
}

.w_banner .page-view {
  background: url(../images/building-sprite-2.png) no-repeat -9999px -9999px;
}

.w_banner .page-view h1 {
  text-transform: uppercase;
  letter-spacing: 16px;
  font-family: 'adam';
}

@media screen and (max-width: 640px) {
  .w_banner .page-view h1 {
    letter-spacing: 4px;
  }
}

.w_banner .page-view .project:nth-child(1) {
  background-image: url(../images/building-1.jpg);
}

.w_banner .page-view .project:nth-child(2) {
  background-image: url(../images/building-2.jpg);
}

.w_banner .page-view .project:nth-child(3) {
  background-image: url(../images/building-3.jpg);
}

.w_banner .page-view .project:nth-child(4) {
  background-image: url(../images/building-4.jpg);
}

.w_banner .page-view .project:nth-child(odd).hide {
  -webkit-mask: url(../images/building-sprite.png);
          mask: url(../images/building-sprite.png);
  -webkit-mask-size: 7500% 100%;
          mask-size: 7500% 100%;
  -webkit-animation: mask-play 1.4s steps(74) forwards;
          animation: mask-play 1.4s steps(74) forwards;
}

.w_banner .page-view .project:nth-child(even).hide {
  -webkit-mask: url(../images/building-sprite-2.png);
          mask: url(../images/building-sprite-2.png);
  -webkit-mask-size: 8400% 100%;
          mask-size: 8400% 100%;
  -webkit-animation: mask-play 1.4s steps(83) forwards;
          animation: mask-play 1.4s steps(83) forwards;
}


.container01{ padding:90px 0; background:#edf4f7}
.container01 .title{ text-align:center; margin-bottom:70px;}
.container01 .title h3{ margin-bottom:12px;}
.container01 .title p{ font-size:16px; line-height:32px; color:#707578}

.container01 ul{font-size:0;margin:0 -5px;margin-bottom: 88px;}
.container01 ul li{display:inline-block;width: 240px;padding:0 5px;overflow:hidden;height: 585px;transition:1.2s ease;vertical-align: top;}
.container01 ul li a:before{content:"";background: rgba(0,0,0,0.5);position:absolute;left:0;top:0;width: 100%;height:100%;-transition:1.2s ease;z-index: 10;}
.container01 ul li a{display:block;width:100%;height:100%;padding: 362px 28px 0;overflow: hidden;position: relative;}
.container01 ul li .bg{position:absolute;left:0;top:0;width:100%;height:100%;transition:1.2s ease;z-index: 1;}
.container01 ul li .con{position:relative;z-index: 101;}
.container01 ul li .con h3{height: 46px;line-height: 46px;margin-bottom: 32px;overflow:hidden;transition: 0.9s;}
.container01 ul li .con h3 img{ opacity:1; transition:1.2s ease}
.container01 ul li .con h4{font-size: 24px;color:#fff;text-transform:uppercase; position:relative}
.container01 ul li .con h4:before{content:"";position:absolute;left:0;top: -40px;width: 0;height:5px;background:#1d1a0f;z-index: 10;transition: 0.36s ease;}
.container01 ul li .con h5{font-size: 12px;color: rgba(255,255,255,0.7);margin-bottom:72px;margin-top:8px;position:relative;text-transform: uppercase;}
.container01 ul li .con h5:before{ content:""; position:absolute; top:48px; left:0; width:0; height:2px; background:#fff; transition:1.2s ease}
.container01 ul li .con p{font-size: 14px;color: #1d1a0f;line-height:30px;height:0;overflow:hidden;margin-bottom: 60px; opacity:0; transition:1.2s ease}
.container01 ul li .con .more b{display:inline-block;width: 108px;height: 35px;line-height: 35px;text-align:center;font-size: 14px;font-weight: normal;-moz-border-radius: 17.5px;-webkit-border-radius: 17.5px;border-radius: 17.5px;transition:1.2s ease;color:#fff;background: #191919;}
.container01 ul li .con .more b span{display:inline-block;width: 100%;height: 35px;line-height: 35px;color: #fed20f;font-size: 14px;overflow:hidden;transition:1.2s ease;}

.container01 ul li.on{width: 480px;}
.container01 ul li.on a{ padding:138px 54px 0;}
.container01 ul li.on a h3{height:0;transform:rotateX(90deg);opacity:0;}
.container01 ul li.on a h4{ color: #1d1a0f;}
.container01 ul li.on a h5{ color: #1d1a0f;}
.container01 ul li.on a:before{background: rgba(254, 210, 15, 0.95);}
.container01 ul li.on .con p{ height:120px; opacity:1}
.container01 ul li.on .con h4:before{ width:40px;}

.container01 dl{text-align:center;position:relative;font-size:0;padding: 0 0;}
.container01 dd{ display:inline-block; width:24.333333%; position:relative}
.container01 dd:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background: rgba(40, 63, 79, 0.1);bottom: -101px;left: 27%; transition:0.6s; transform:scale(0)}
.container01 dd:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#166a79;bottom: -95px;left: 28.8%; transition:0.6s; transform:scale(0)}
.container01 dl dd h3{height: 38px;line-height: 38px;float:left;width: 88px;border-right: #54656d 1px solid; position:relative}
.container01 dl dd h3:after{ content:""; position:absolute; right:-4px; top:0; height:0; width:4px; background:#166a79; transition:0.6s;}
.container01 dl dd h3 img{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;}
.container01 dl dd .right{padding: 0 0 0 28px;text-align: left;}
.container01 dl dd h4{font-size:12px;color: #86949e;text-transform:uppercase;position:relative;}
.container01 dl dd h5{font-size: 18px;color: #212223;margin-bottom: 6px;position:relative;}

.container01 dl dd:hover h3 img{ -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;}

.container01 dd:hover:before,.container01 dd:hover:after{ transform:scale(1)}
.container01 dl dd:hover h3:after{ height:100%}
@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) }
}

.container02{padding:98px 0 0;text-align: center; background:url(../images/container02_bg.png) center bottom no-repeat; overflow:hidden}
.container02 .title{padding:42px 0;border-top:#7f929a 1px solid;border-bottom:#7f929a 1px solid;text-align:center;max-width: 790px;display: inline-block;}
.container02 .title h2{ font-size:54px; color:#283f4f; font-weight:bold; margin-bottom:15px;}
.container02 .title h2 font{ color:#efc308}
.container02 .title h5{ font-size:16px; color:#2e2e2e}
.container02 h6{font-size:12px;color:#838789;text-transform:uppercase;text-align:center;letter-spacing: 5px;margin: 18px 0 32px;}
.container02 p{ font-size:15px; line-height:30px; color:#707578; text-align:center; margin-bottom:48px;}
.container02 .more{ text-align:center}
.container02 .more a{display:inline-block;width:50px;height:105px;background:#283f4f;border-radius: 0;border-top-left-radius:25px;border-top-right-radius:25px;transition:0.6s;}
.container02 .more a .icon{ display:inline-block; width:40px; height:40px; line-height:40px; background:#f1c100; border-radius:50%; margin-top:5px; margin-bottom:10px; transition:0.6s}
.container02 .more a .icon img{ margin:-3px 0 0}
.container02 .more a span{ display:inline-block; width:16px; line-height:16px; color:#fff}
.container02 .more a:hover{
    background: #f1c100;
}
.container02 .more a:hover .icon{
    background: #166a79;
}

.container03{ height:370px; background:url(../images/container03_bg.jpg) center top no-repeat; background-attachment:fixed; padding-top:55px}
.container03 ul{font-size:0;background:url(../images/ul.png) center no-repeat;height:250px;padding: 0 15px;margin: 0 -15px;}
.container03 ul li{display:inline-block;width:25%;text-align:center;padding: 20px 0 0; border-right:rgba(255,255,255,0.4) 1px solid; position:relative}
.container03 ul li:after{ content:""; position:absolute; right:-3px; top:0; width:3px; height:0; background:#fff; transition:0.6s}
.container03 ul li:nth-child(1){ transition-delay:0.3s}
.container03 ul li:nth-child(2){ transition-delay:0.6s}
.container03 ul li:nth-child(3){ transition-delay:0.9s}
.container03 ul li:nth-child(4){ transition-delay:1.2s}
.container03 ul li:last-child{ border:none}
.container03 ul li:last-child:after{ display:none}
.container03 ul li .icon{ display:inline-block; text-align:left}
.container03 ul li h4{ margin-bottom: 50px;}
.container03 ul li h4 span{font-size: 14px;color: #fff;display:  inline-block;margin-right: 24px;vertical-align: top;position: relative;}
.container03 ul li h4 span font{display:inline-block;width:24px;height:24px;background:#281f0e;border-radius:50%;line-height: 24px;text-align: center;}
.container03 ul li h4 span font:before{content:"";position:absolute;top:50%;left:50%;margin-left: -18px;margin-top: -18px;width:34px;height:34px;border:#b08c16 1px dashed;border-radius: 50%; transition:1.2s}
.container03 ul li h4 span.counter{font-size: 64px;color: #fff;margin-top: 0;font-family: DINOT;letter-spacing: -4px;}
.container03 ul li h4 span.lwy{font-size:65px;color:#fff;font-family: myFirstFont;line-height: 44px; margin-left:12px;}
.container03 ul li h5{font-size: 15px;color: #281f0e;margin-bottom: 8px;padding-left: 5px;}
.container03 ul li h6{font-size: 14px;color: rgba(40,31,14,0.5);line-height: 24px;height: 48px;margin-bottom: 15px;}

.container03 ul li:hover h4 span font:before{ transform:rotate(360deg)}
.container03 ul li:hover:after{ height:100%}
.container03 ul li:hover h3 img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}

.container04{ padding:70px 0 120px;}
.container04 .title{ margin-bottom:55px;}
.container04 .title .fl h3{font-size: 26px;color: #383939;margin-bottom: 6px; position:relative}
.container04 .title .fl h3:before{content:"";position:absolute;right: -12px;top: -16px;background:url(../images/container04_yuan.png) center no-repeat;width:35px;height:35px;z-index: -1;}
.container04 .title .fl h5{font-size:14px;color: #006cb7;text-transform: uppercase;}
.container04 .title .fr{ padding:5px 0 0}
.container04 .title .fr a{display:inline-block;width:125px;height:40px;line-height: 38px;font-size:14px;color:#383939;border:#eeeeee 1px solid;border-radius:20px;text-align:center;position:relative;overflow: hidden;}
.container04 .title .fr a:before{content:"";position:absolute;width:126px;height:126px;top:50%;margin-top:-63px;left:50%;margin-left:-63px;background:#283f4f; border:#283f4f 1px solid;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}
.container04 .title .fr a span{ position:relative}

.container04 .title .fr a:hover:before{ transform:scale(1); opacity:1; color:#fff}
.container04 .title .fr a:hover span{color:#fff}

.container04 .fl01{margin-bottom: 20px;}
.container04 .fl01 ul{ font-size:0; margin:0 -7.5px;}
.container04 .fl01 ul li{padding:0 7.5px;margin-bottom:15px;width:33.333333%;display:inline-block;margin-bottom: 30px;}
.container04 .fl01 ul div li:nth-child(1),.container04 .fl01 ul div li:nth-child(2){width: 602px;padding: 0 4px;margin: 0 1px 0 3px;margin-bottom: 30px;}
.container04 .fl01 ul div li:nth-child(1) .img>img,.container04 .fl01 ul div li:nth-child(2) .img>img{ width:595px; height:395px; object-fit:cover}
.container04 .fl01 ul a{display:block;position:relative;width:100%;height:100%;overflow: hidden;}
.container04 .fl01 ul .img{overflow:hidden;position: relative;}
.container04 .fl01 ul .img>img{width:100%;height: 260px;object-fit: cover;}
.container04 .fl01 ul .top{top:-100%;left:0;position:absolute;width:100%;height:100%;background: rgba(0,0,0,0.4);text-align:center;transition:0.9s ease;padding:0 3.5rem;z-index: 100;overflow: hidden;}
.container04 .fl01 ul .top h5{font-size: 18px;color: #2d2e2e;margin-bottom: 16px;}
.container04 .fl01 ul .top p{font-size: 14px;color: #2d2e2e;line-height: 24px;overflow:hidden;margin-bottom: 20px;}
.container04 .fl01 ul .top img{ display:inline-block;}
.container04 .fl01 ul .con{ background:#edf4f7; height:85px; padding:0 30px; overflow:hidden}
.container04 .fl01 ul .con .table{ text-align:left}
.container04 .fl01 ul .con h5{ font-size:18px; color:#2d2e2e; margin:12px 0; overflow:hidden; white-space:nowrap; text-transform:uppercase}
.container04 .fl01 ul .con h6{ font-size:14px; color:#8e9294; margin:12px 0}
.container04 .fl01 ul div li:nth-child(1) .con h5,.container04 .fl01 ul div li:nth-child(2) .con h5{ float:left; font-size:18px; color:#2d2e2e; margin:12px 0; max-width:50%}
.container04 .fl01 ul div li:nth-child(1) .con h6,.container04 .fl01 ul div li:nth-child(2) .con h6{ float:right; font-size:14px; color:#8e9294; margin:12px 0; max-width:50%}

.container04 .fl02 ul{font-size:0;text-align: center;}
.container04 .fl02 ul li{width:40px !important;text-align:center;display:inline-block;float: none;margin: 0 6px;}
.container04 .fl02 ul li span{display:inline-block;width: 36px;height: 36px;line-height: 34px;border-radius:50%;font-size: 14px;color: #294957;cursor:pointer;border: #e5e5e5 1px solid;}
.container04 .fl02 ul li.miso-current span{background: #166a79;color:#fff;border: #166a79 1px solid;}

.container04 .fl01 ul li:hover .icon:after{ transform:scale(1); transition-delay:0.36s}
.container01 .fl01 ul li .icon .con01{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; transition:0.9s ease}
.container04 .fl01 ul li .icon .con02{ content:""; position:absolute; left:-100%; top:0; width:100%; height:100%; transition:0.9s ease}
.container04 .fl01 ul li:hover .icon{ background:#da251d}
.container04 .fl01 ul li:hover .icon .con01{ left:100%;}
.container04 .fl01 ul li:hover .icon .con02{ left:0;}
.container04 .fl01 ul li:hover .img .top{ top:0;}
.container04 .fl01 ul li:hover a>h5{ transform:scale(0);}
.container04 .fl01 ul li:hover .img>img{ transform:scale(1.06);}

.container05{position:relative;overflow:hidden;height: 820px;}
.container05 .left{position:absolute;top:0;bottom:0;left:0;right:50%;background: url(../images/container05_bg.jpg) left top no-repeat;background-attachment:fixed;}
.container05 .left .box{width:600px;text-align: left;}
.container05 .left .box h2{ margin-bottom:38px;}
.container05 .left .box .title{ margin-bottom:55px; width:382px}
.container05 .left .box .title .fl h3{font-size: 26px;color: #fff;margin-bottom: 6px; position:relative}
.container05 .left .box .title .fl h5{font-size:14px;color:rgba(255,255,255,0.6);text-transform: uppercase;}
.container05 .left .box .title .fr{padding: 30px 0 0;}
.container05 .left .box .title .fr a{font-size:14px;color:rgba(255,255,255,0.7); position:relative}
.container05 .left .box .title .fr a span{ position:relative; transition:0.36s}
.container05 .left .box .title .fr a:before{content:"";position:absolute;right: -12px;top: -16px;background:url(../images/container05_yuan.png) center no-repeat;width:35px;height:35px;z-index: 0;}
.container05 .left .box ul li{ padding:26px 0}
.container05 .left .box ul li a .time{display:inline-block;width:75px;border-right: #335c71 1px solid;vertical-align: top; position:relative}
.container05 .left .box ul li a .time:after{content:"";position: absolute;width:3px;height:0;background:#fed20f;right: -2px;top: 0;transition: 0.9s;}
.container05 .left .box ul li a .time h3{font-size:48px;color:#fff;font-weight:bold;margin-bottom: 10px;transition:0.9s ease;}
.container05 .left .box ul li a .time h6{font-size:14px;color:#fff;display: inline-block;transition:0.9s ease;}
.container05 .left .box ul li a .con{width:400px;display:inline-block;padding-left: 30px;}
.container05 .left .box ul li a .con h5{font-size:16px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;margin-bottom:18px; transition:0.9s ease}
.container05 .left .box ul li a .con p{ font-size:12px; line-height:20px; color:#b8bec4; height:40px; overflow:hidden; transition:0.9s ease}


.container05 .right{ width:50%}
.container05 .right ul li a{display: table;font-size:0;overflow:hidden;width: 100%;}
.container05 .right ul li a .img{width:50%;display: table-cell; overflow:hidden}
.container05 .right ul li a .img img{ width:100%}
.container05 .right ul li a .con{width:50%;display: table-cell;background: #edf4f7;position:relative;z-index: 100;}
.container05 .right ul li a .con:before{ content:""; position:absolute; top:0; width:0; right:0; height:100%; background:#283f4f; transition:0.9s ease}
.container05 .right ul li a .con:after{content:"";position:absolute;right: -20px;border-left:#edf4f7 20px solid;border-top:transparent 17px solid;border-bottom:transparent 17px solid;top: 50%;margin-top: -17px;transition:0.6s;}
.container05 .right ul li:last-child a .con:after{content:"";position:absolute;right: 100%;border-right: #edf4f7 20px solid;border-top:transparent 17px solid;border-bottom:transparent 17px solid;top: 50%;margin-top: -17px;transition:0.6s;border-left: none;}

.container05 .right ul li a .con .table{position:absolute;top:0;bottom:0;left:0;right:0;height: 410px;}
.container05 .right ul li a .con .time{display:inline-block;margin-bottom: 4.5rem;}
.container05 .right ul li a .con .time h3{font-size:60px;color:#166a79;font-weight:bold;margin-bottom: 4px; transition:0.9s ease}
.container05 .right ul li a .con .time h6{font-size:14px;color:#00334e;padding-bottom: 10px;border-bottom:#00334e 1px solid;display: inline-block; transition:0.9s ease}
.container05 .right ul li a .con_li{ padding:0 5rem}
.container05 .right ul li a .con_li h5{font-size:16px;color:#242424;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;margin-bottom:18px; transition:0.9s ease}
.container05 .right ul li a .con_li p{ font-size:12px; line-height:20px; color:#8b8f91; height:40px; overflow:hidden; margin-bottom:3.375rem; transition:0.9s ease}
.container05 .right ul li a .con_li h3 img{ transition:0.9s ease; overflow:hidden; width:auto}
.container05 .right ul li a .con_li h3 .img02{ transform:scaleX(0); width:0}

.container05 .right ul li a:hover .img>img{ transform:scale(1.06);}
.container05 .right ul li a:hover .con:before{ left:0; width:100% }
.container05 .right ul li a:hover .con .time h3{color:#fff;}
.container05 .right ul li a:hover .con .time h6{color:#fff; border-bottom:#fff 1px solid;}
.container05 .right ul li a:hover .con_li h5{ color:#fff;}
.container05 .right ul li a:hover .con_li p{color:#fff;}
.container05 .right ul li a:hover .con_li h3 .img02{ transform:scaleX(1); width:auto}
.container05 .right ul li a:hover .con_li h3 .img01{ transform:scaleX(0); width:0}
.container05 .right ul li a:hover .con:after{border-left:#283f4f 20px solid;}
.container05 .right ul li:last-child a:hover .con:after{border-right:#283f4f 20px solid; border-left:none;}
.container05 .left .box ul li a:hover .time:after{ height:100%}
.container05 .left .box .title .fr a:hover span{ color:#fed20f}
.container05 .left .box ul li a:hover .con h5{ color:#fed20f}

.container06 .w1200{ position:relative}
.container06 .w1200:before{content:"";position:absolute;left:0;top:224px;width:100%;height:1px;border-bottom: #e5e5e5 1px solid; z-index:0}
.container06 .w1200:after{content:"";position:absolute;right:0;top:224px;width:0;height:1px;border-bottom:#2e2d28 1px solid;z-index:0;-moz-transition: all 4s ease-in-out;-webkit-transition: all 4s ease-in-out;-o-transition: all 4s ease-in-out;-ms-transition: all 4s ease-in-out;transition: all 4s ease-in-out; z-index:0}
.container06 .w1200:hover:after{ left:0; width:100%;}
.container06 .w1200 .yuandian:before{ content:""; position:absolute; left:0; width:8px; height:8px; border:#e5e5e5 1px solid; border-radius:50%; background:#fff; top:220px; z-index:1}
.container06 .w1200 .yuandian:after{ content:""; position:absolute; right:0; width:8px; height:8px; border:#e5e5e5 1px solid; border-radius:50%; background:#fff; top:220px; z-index:1}
.container06 .w1200:hover .yuandian:before{ border:#2e2d28 1px solid;}
.container06 .w1200:hover .yuandian:after{ border:#2e2d28 1px solid; transition-delay:4s}


.container06 ul{font-size:0;overflow:hidden;text-align:center;position:relative;z-index:1;padding: 0 50px;}
.container06 ul li{width: 25%;display:inline-block; *display:inline; *zoom:1;text-align:center;position:relative;}
.container06 ul li .yuan{position:absolute;background: #fff url(../images/baiyuan.png) center no-repeat;width: 150px;height: 144px;left:50%;margin-left: -75px;top:0;mix-blend-mode: multiply;}
.container06 ul li .yuan01{ position:absolute; background:url(../images/baiyuan.png) center no-repeat; width:160px; height:50px; left:50%; margin-left:-80px; bottom:0; mix-blend-mode: multiply; }
.container06 ul li .img{width: 160px;height: 160px;line-height: 158px;display: inline-block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:  relative;z-index: 10;-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 .img img{-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}
.container06 ul li:hover .img img{-webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}

.container06 ul li span{position:absolute;left: 50%;margin-left: -45px;top: 132px;display:inline-block;width: 90px;height: 35px;line-height: 35px;font-size: 36px;color: #232425;z-index: 100;text-align: center;text-transform:uppercase;-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;font-family: '苹方';}
.container06 ul li:before{content:"";position:absolute;width: 7px;height: 7px;left: 50%;margin-left: -50px;top: 141px;border: #d2d5d8 1px solid;-moz-border-radius: 4.5px;-webkit-border-radius: 4.5px;border-radius: 4.5px;z-index: 1000;-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:after{content:"";position:absolute;width: 7px;height: 7px;right: 50%;margin-right: -50px;top: 141px;border: #d2d5d8 1px solid;-moz-border-radius: 4.5px;-webkit-border-radius: 4.5px;border-radius: 4.5px;z-index: 1000;-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 h4{font-size: 16px;color: #00304c;margin: 24px 0 12px;transition: 0.6s;}
.container06 ul li h5{font-size: 14px;color: #8b8b8e;text-transform:  uppercase;line-height: 22px;}
.container06 ul li:hover h4,.container06 ul li:hover span{color: #e3bb08;}

.container06{ padding:105px 0}
.container06 .title{ margin-bottom:55px; text-align:center}
.container06 .title h3{font-size: 26px;color: #383939;margin-bottom: 6px;position:relative;display: inline-block;}
.container06 .title h3:before{content:"";position:absolute;right: -12px;top: -16px;background:url(../images/container06_yuan.png) center no-repeat;width:35px;height:35px;z-index: -1;}
.container06 .title h5{font-size:14px;color: #006cb7;text-transform: uppercase; margin-bottom:10px}
.container06 .title p{ font-size:16px; color:#7a7d7e; line-height:32px;}

footer .bot{height:65px;background: #fec820;padding:15px 0;}
footer .bot .tt{float:left;color: #2e2d28;line-height:35px;height:35px;margin-right:3px;}
footer .bot .tt img{ margin-right:10px;}
.copyright{float:right;font-size: 14px;color: #7d7d7f;line-height:35px;}
.copyright *{display: inline-block;font-size: 14px;color: #826926;}
.copyright a{color: #826926;margin-left: 4px;transition: 0.36s;}
.copyright a:hover{color: #2e2d28;}
footer .bot {font-size: 14px;color:#837a74;}

.s_foot_link{float:left;width: 178px;height: 35px;cursor:pointer;position: relative;text-align:left;}
.s_foot_link .tanchu{width: 214px;padding:0 10px;min-height: 67px;overflow:auto;box-sizing:border-box;position:absolute;bottom:30px;border-bottom:0;display: none;left:-1px;}
.s_foot_link .tanchu:before{content:"";display:block;border:10px solid transparent;border-top:10px solid #ebf8fa;width:0px;height:0px;position:absolute;bottom:1px;left:50%;margin-left:-10px;}
.s_foot_link .tanchu>div{background: #ebf8fa;padding:10px 13px;overflow:auto;box-shadow: 0px 6px 12px 0px rgba(225, 59, 58,0.25);}
.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}
.s_foot_link .tanchu a {color: #2e2d28;line-height: 27px;display:block;font-size: 14px;}
.s_foot_link .tanchu a:hover{ font-weight:bold;}
.s_foot_link #bnt_link1.a {padding-left:12px;color: #2e2d28;text-align:left;line-height: 35px;width: 200px;position:absolute;z-index:1;font-size: 14px;}
.s_foot_link #bnt_link1.a i{display:inline-block;font-style:normal;width: 174px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.s_foot_link .a span{display:inline-block;float:right;color:#919397;line-height: 30px;}

.footer{background:url(../images/footer_bg.jpg) center no-repeat; height:272px; padding: 56px 0 0;border-bottom: #d4a822 1px solid;}
.footer .left {width:950px; font-size:0}
.footer .left h3{ display:inline-block; margin-right:38px; margin-bottom:52px;}
.footer .left ul{ display:inline-block; }
.footer .left ul li{ display:inline-block; margin-right:10px}
.footer .left ul li a{ display:inline-block; width:40px; height:40px; line-height:38px; border:#d5a720 1px solid; border-radius:50%; text-align:center; cursor:pointer}
.footer .left ul li a img{ opacity:0.5; transition:0.6s}
.footer .left .top{ padding-left:20px}
.footer .left dl{display:inline-block;margin-right: 30px;}
.footer .left dl dt{font-size: 15px;position:relative;}

.footer .left dl dt a{color: #2e2d28; position:relative}
.footer .left dl dt a:before{ content:""; position:absolute; right:0; bottom:-20px; width:0; height:1px; background:#2e2d28; transition:0.6s}
.footer .left dl dt a:hover:before{ left:0; width:100%}
.footer .left ul li a:hover img{ opacity:1}

.footer .right{ text-align:right;}
.footer .right h4{ font-size:16px; color:#2e2d28}
.footer .right h3{font-size:26px;color:#2e2d28;font-family:DINOT;margin: 20px 0 6px;}
.footer .right h5{ font-size:14px; color:#826a2a; line-height:30px; margin-bottom:32px}
.footer .right a{display:inline-block;width:100px;height:32px;line-height:32px;background:#2e2d28;border-radius:16px;font-size:14px;color:#fff;text-align:center;position: relative;overflow: hidden;}
.footer .right a:before{content:"";position:absolute;width:100px;height:100px;top:50%;margin-top:-50px;left:50%;margin-left:-50px;background: #166a79;border: #166a79 1px solid;transform:scale(0);transition:0.6s;border-radius: 50%;opacity:0;}
.footer .right a span{ position:relative}

.footer .right a:hover:before{ transform:scale(1); opacity:1; color:#fff}
.footer .right a:hover span{color:#fff}

.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{position:absolute; overflow: hidden;top:50%;z-index:9999;height: 15rem;width: 12rem;left:50%;margin-left: -6rem;margin-top: -7.5rem;}
.tc1 .tc.act{display: block; }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{ width:12rem; height:12rem;}
.tc1 .tc-box h5{ width:12rem; height:3rem; line-height:3rem; font-size:1rem; color:#fff; text-align:center}



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


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

.n_banner{background: url(../images/n_banner.jpg) center no-repeat;height: 302px;position:relative;}
.n_banner .w1200{height: 302px;position:relative;padding: 0;}
.n_banner .w1200 .title{background:url(../images/line.png) left center no-repeat;height: 302px;padding-left:44px;}
.n_banner .w1200 .title h2{font-size:36px;color: #fff;font-family: MLSBQ;text-transform: uppercase;margin-bottom: 5px;}
.n_banner .w1200 .title h4{font-size:24px;color: #fff;}
.n_banner .w1200 .img img{ position:absolute; right:0; bottom:0;}

/*当前位置*/
.n_nav{ }
.n_nav ul{ font-size:0}
.n_nav ul li{width:150px;height: 60px;line-height: 58px;display:inline-block;margin-right:-1px;position:relative;float:left;}
.n_nav ul li:before{content:"";position:absolute;left:50%;bottom: -32px;margin-left:-0.5px;width:1px;height:0;background:url(../images/lin01.png) center no-repeat; overflow:hidden; transition:0.6s}
.n_nav ul li.on:before,.n_nav ul li:hover:before{ height:25px;}
.n_nav ul li:after{content:"";position:absolute;left:50%;bottom: -30px;margin-left: -4px;width: 6px;height: 6px;border-radius:50%;transition:0.6s;transform:scale(0);border: #272727 2px solid;}
.n_nav ul li.on:after,.n_nav ul li:hover:after{ transform:scale(1)}
/*.n_nav ul li:nth-child(3){ width:180px}
.n_nav ul li:nth-child(5){ width:170px}*/
.n_nav ul li a{position: relative;display: block;border: #dfe2e4 1px solid;font-size:16px;color: #323c43;text-align: center;transition:0.36s;}
.n_nav ul li a:before{content:"";position:absolute;right:0;top:0;bottom:0;width:0;background: #fed20f;transition:0.6s;}
.n_nav ul li.on a,.n_nav ul li:hover a{border: #fed20f 1px solid;}
.n_nav ul li.on a:before,.n_nav ul li:hover a:before{ width:100%; left:0}
.n_nav ul li a strong{width:0;overflow:hidden;display: inline-block; position:relative; transition:0.36s}
.n_nav ul li.on a strong,.n_nav ul li a:hover strong{ width:51px;}

.n_nav ul li a span{position:relative; transition:0.36s}
.n_nav ul li.on a span,.n_nav ul li:hover a span{}


.n_title{position:relative;height: 60px;border-bottom: #dfe2e4 1px solid;text-align: center;}
.n_title .main_box{position: relative;height: 60px;} 
.n_title h1{ padding:0 0 0px 0px;  font-size:16px; color:#404041; line-height:55px; }
.n_title h1 span{ font-size:14px; color:#404041; line-height:48px;  font-family: "Arial"; text-transform:uppercase; font-weight:normal; padding-left:5px;}
.position{position: absolute;right: 0;top: 0;line-height: 70px;height: 70px;color: #4b4949;padding-left: 18px;background: url(../images/position.png) left 28px no-repeat;font-size: 12px;}
.position i{display: inline-block;height: 70px;line-height: 70px;width: 10px;text-align:  center;font-size: 14px;color: #97989c;font-style: normal;}
.position a{font-size: 12px;color: #97989c;display: inline-block;line-height: 70px;vertical-align:  top;}
.position span{font-size: 12px;font-style:normal;display: inline-block;line-height: 70px;vertical-align:  top;}
.position .span{color: #5b5b5b;}
.position span{color: #da251d;}
.position a:hover{color: #da251d;}

.n_container{ padding:100px 0 80px;}

.n_about{ margin-bottom:-80px}

.n_fazhan{ background:url(../images/n_fazhan_bg01.jpg) center bottom no-repeat;}
.n_fazhan .content{ position:relative}
.n_fazhan .content:before{content:"";position:absolute;left:50%;margin-left: -1000px;width: 2000px;height: 1px;background: #c7cbcc;top: 234px;}
.n_fazhan .content .tiao{ content:""; position:absolute; left:50%; margin-left:-656px; width:226px; height:3px; top:50%; margin-top:-1.5px}
.n_fazhan .content .tiao .line{ width:0; height:3px;}
.n_fazhan .content .tiao .line:after{ content:""; position:absolute; left:0; top:0; width:0; height:3px; background:#015cb9; transition:4s ease}

.n_fazhan .title{ margin-bottom:55px; text-align:center}
.n_fazhan .title h3{font-size: 26px;color: #383939;margin-bottom: 6px; position:relative}
.n_fazhan .title h3 span{ position:relative}
.n_fazhan .title h3:before{content:"";position:absolute;left: 50%;top: -16px;background:url(../images/container04_yuan01.png) center no-repeat;width:35px;height:35px;z-index: 0;margin-left: 36px;}
.n_fazhan .title h5{font-size:14px;color: #006cb7;text-transform: uppercase;}

.n_fazhan.fl02{ padding:80px 0 100px}
.n_fazhan .content ul{ padding:0 30px}
.n_fazhan .content ul .miso-list{margin: 0 -40px;padding: 0 40px;}
.n_fazhan .content ul li{padding: 50px 70px;text-align: left;margin: 0 -70px;height: 234px;border-right:#c7cbcc 1px solid;}
.n_fazhan .content ul li:after{content:"";position:absolute;bottom:0;right: -5px;width:8px;height:8px;background:#166a79;border-radius:50%;}
.n_fazhan .content ul li:nth-child(2n-1):after{content:"";position:absolute;top:0;right: -5px;width:8px;height:8px;background:#166a79;border-radius:50%;}
.n_fazhan .content ul li .img{ margin-bottom:114px; width:260px; height:150px; overflow:hidden; position:relative}
.n_fazhan .content ul li .img .top{ position:absolute; top:0; right:0; bottom:0; left:0; padding:3px; background:#f1f1f1; transition:0.9s}
.n_fazhan .content ul li .img .top img{ width:254px; height:144px;}
.n_fazhan .content ul li .con{margin: 0 -35px;}
.n_fazhan .content ul li .con .yuan{display:inline-block;width: 14px;height: 14px;border-radius:50%;position: absolute;top: -6px;left: 50%;margin-left: -18px;}
.n_fazhan .content ul li .con .yuan:before{content:"";display:inline-block;width: 26px;height: 26px;background: rgba(40, 63, 79, 0.15);border-radius:50%;position: absolute;left:50%;margin-left: -13px;top:50%;margin-top: -13px;transform: scale(0);transition: 0.6s;}
.n_fazhan .content ul li .con .yuan:after{content:"";display:inline-block;width: 12px;height: 12px;background: #fff;border: #166a79 2px solid;border-radius:50%;position: absolute;left: 50%;top: 50%;margin-left: -8px;margin-top: -8px;transition: 0.6s;}
.n_fazhan .content ul li .con h3{font-size: 34px;color: #166a79;font-weight:bold;margin-bottom:15px;transition:0.9s;margin-bottom: 12px;}
.n_fazhan .content ul li .con h3 small{font-size:16px;color:#272727;font-weight: normal;margin: -3px 0 0 7px;}
.n_fazhan .content ul li .con p{font-size: 15px;color: #707578;line-height: 24px;height: 96px;overflow:hidden;opacity: 1;transition:0.9s;}
.n_fazhan .content ul li .con p {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
.n_fazhan .content ul li .con p::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;}
.n_fazhan .content ul li .con p::-webkit-scrollbar-track{border-radius:0;background-color:transparent;}
.n_fazhan .content ul li .con p::-webkit-scrollbar-thumb{border-radius:0;width:17px;height:17px;background-color:#333;}
.n_fazhan .content ul .miso-prev,.n_fazhan .content ul .miso-next{width:30px;height:30px;background-size:100% 100%;z-index:1000;margin-top: -15px;}
.n_fazhan .content ul .miso-prev{left: -80px;background:url(../images/left04.png) center no-repeat;}
.n_fazhan .content ul .miso-next{right: -80px;background:url(../images/right04.png) center no-repeat;}

.n_fazhan .content ul li:nth-child(2n){ margin-top:234px}
.n_fazhan .content ul li:nth-child(2n-1) .con .yuan{top:auto;bottom: -8px;}
.n_fazhan .content ul li.li .img{ margin-top:114px; margin-bottom:0}
.n_fazhan .content ul li.li .con h3{}
.n_fazhan .content ul li.li .con .yuan{display:inline-block;width:20px;height:20px;border-radius:50%;position: absolute;bottom: -80px;left: 50%;margin-left: -10px;top: auto;}
.n_fazhan .content ul li.li .con .yuan:before{content:"";display:inline-block;width: 32px;height: 32px;background: rgba(1, 92, 185, 0.2);border-radius:50%;position: absolute;left:50%;margin-left: -16px;top:50%;margin-top: -16px;transform: scale(0);}
.n_fazhan .content ul li.li .con .yuan:after{ content:""; display:inline-block;width:20px;height:20px;background:#357787;border-radius:50%;position: absolute; left:0; top:0}

.n_fazhan .content ul li:hover .con h3{}
.n_fazhan .content ul li:hover .img .top{ background:transparent}
.n_fazhan .content ul li:hover .con p{ opacity:1}
.n_fazhan .content ul li:hover .con .yuan:before{ transform:scale(1)}
.n_fazhan .content ul li:hover .con .yuan:after{background: #283f4f;border: #283f4f 2px solid;}
.n_fazhan .content ul li:hover .con .yuan span{display:inline-block;width:6px;height:6px;background:#fed20f;border-radius:50%;position: absolute;z-index: 100;left: 50%;top: 50%;margin-top: -3px;margin-left: -3px;}
.n_fazhan .content .tiao .line:hover:after{ width:100%}

.n_case.container04 .fl01{ margin-bottom:0}
.n_case.container04 .fl01 ul{ margin-bottom:40px;}
.n_case.container04 .fl01 ul .top{ height:260px; background:rgba(0,0,0,0.4)}

/*====翻页====*/
.j_pages{margin: 0px auto 0 auto;}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0; text-align:center}
.j_pages a{width: 36px;height: 36px;line-height: 34px;display:inline-block;margin: 0px 8px;color: #666666;font-size: 14px;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;text-align:center;padding: 0;border:  #d1d2d2 1px solid;border-radius: 50%;}
.j_pages a font{font-size:14px;color: #7b7b7b;display:  block;padding: 0 12px;}
.j_pages a:hover font{ color:#fff}
.j_pages a span{ font-family:simsun}
.j_pages .on{background: #166a79;color: #fff;border: #166a79 1px solid;}
.j_pages a:hover{background: #166a79;color:#fff!important;border: #166a79 1px solid;}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}
.j_pages a font{ font-family:simsun; font-weight:bold;}

/* Example 5 */
.n_huanjing_detail{margin-top: 0;}
.n_huanjing_detail .slider-for{width: 825px;height: 550px;display:inline-block;vertical-align: top;}
.n_huanjing_detail .slider-for li img{width: 825px;height: 550px;}
.n_huanjing_detail .slider-nav{width: 362px;height: 550px;display:inline-block;padding: 25px 0;float: right;margin: 0;}
.n_huanjing_detail .slider-nav li{height: 240px;margin: 0 0 15px 0;border: none;background: #000;}
.n_huanjing_detail .slider-nav li img{height: 240px;width: 362px;opacity: 1;}
.n_huanjing_detail .slider-nav .miso-prev, .n_huanjing_detail .slider-nav .miso-next{width: 24px;height: 15px;top:auto;margin-top:0;}
.n_huanjing_detail .slider-nav .miso-prev{background:url(../images/top.png) center no-repeat;top: 0;left:50%;margin-left:-17px;}
.n_huanjing_detail .slider-nav .miso-next{background:url(../images/bottom.png) center no-repeat;bottom: 0;left:50%;margin-left:-17px;}
.n_huanjing_detail .slider-nav .miso-current:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#fed20f 3px solid}
.n_huanjing_detail .ar_article{margin-top: 76px;}
.n_huanjing_detail .ar_article h3{font-size: 24px;color: #2d2e2e;margin-bottom:25px;font-weight: 100;}
.n_huanjing_detail .ar_article p{color: #707578;font-size: 15px;}

.n_contact .fl01{ margin-bottom:70px}
.n_contact .fl01 .left{ width:400px; position:relative}
.n_contact .fl01 .left:before{ content:""; position:absolute; right:0; top:0; width:1px; height:130px; background:#e5e9eb}
.n_contact .fl01 .left:after{ content:""; position:absolute; right:-2px; top:0; width:3px; height:40px; background:#166a79}
.n_contact .fl01 .left h2{ font-family:MLSBQ; font-size:60px; color:#283f4f; text-transform:uppercase}
.n_contact .fl01 .left h3{ font-size:24px; color:#283f4f; font-weight:bold; margin:22px 0 12px}
.n_contact .fl01 .left h3 font{ color:#efc308}
.n_contact .fl01 .left h6{ font-size:16px; color:#2e2e2e}
.n_contact .fl01 .center{ padding:0 0 0 48px}
.n_contact .fl01 .center h3{ font-size:24px; color:#166a79; margin-bottom:24px}
.n_contact .fl01 .center p{ font-size:15px; line-height:30px; color:#707578}
_contact .fl01 .ewm ul{ font-size:0}
.n_contact .fl01 .ewm ul li{ display:inline-block; width:124px; height:132px; border:#e5e5e5 1px solid; text-align:center; padding:10px 0 0; margin-left:25px}
.n_contact .fl01 .ewm ul li a h3 img{ width:90px; height:90px;}
.n_contact .fl01 .ewm ul li a h5{ font-size:12px; color:#b6b8ba; margin-top:5px}

.n_wenhua .content{ /*font-size:0;*/ margin:0 -5px; line-height:24px;}
.n_wenhua .content .box,.n_wenhua .content .center{ display:inline-block; margin:0 2.5px; vertical-align:top}
.n_wenhua .content .box{ width:295px; height:554px; position:relative; cursor:pointer}
.n_wenhua .content .box .img,.n_wenhua .content .box .img img{ width:295px; height:554px; overflow:hidden; transition:0.6s}
.n_wenhua .content .box .con{ position:absolute; top:0; left:0; width:295px; height:554px; transition:0.6s}
.n_wenhua .content .box .con:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:transparent 2px solid; transition:0.6s}
.n_wenhua .content .box .con h3{ margin-bottom:68px;}
.n_wenhua .content .box .con h5{ font-size:24px; color:#fff; margin-bottom:8px}
.n_wenhua .content .box .con p{ font-size:15px; color:rgba(255,255,255,0.7); line-height:30px;}
.n_wenhua .content .center{ width:600px;}
.n_wenhua .content .center .box00{ width:600px; height:275px; margin:0 0 5px; position:relative; cursor:pointer}
.n_wenhua .content .center .box00 .img,.n_wenhua .content .center .box00 .img img{ width:600px; height:275px; overflow:hidden; transition:0.6s}
.n_wenhua .content .center .box00 .con{ position:absolute; top:0; left:0; width:600px; height:275px; transition:0.6s}
.n_wenhua .content .center .box00 .con:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:transparent 2px solid; transition:0.6s}
.n_wenhua .content .center .box00 .con h3{margin-bottom:25px;display: inline-block;}
.n_wenhua .content .center .box00 .con h3 img.img02{ display:none !important}
.n_wenhua .content .center .box00 .con h5{font-size:24px;color:#fff;margin-bottom: -7px;display: inline-block;vertical-align: middle;margin-left: 40px;}
.n_wenhua .content .center .box00 .con p{ font-size:15px; color:rgba(255,255,255,0.7); line-height:30px;}

.n_wenhua .content .box:hover .img img,.n_wenhua .content .center .box00:hover .img img{ transform:scale(1.06)}
.n_wenhua .content .box:hover .con h3,.n_wenhua .content .center .box00:hover .con h3 img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@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) }
}
.n_wenhua .content .box .con h3 img.img02{ display:none !important}
.n_wenhua .content .box:hover .con h3 img.img01{ display:none !important}
.n_wenhua .content .box:hover .con h3 img.img02{ display:inline-block !important}
.n_wenhua .content .center .box00:hover .con h3 img.img01{ display:none !important}
.n_wenhua .content .center .box00:hover .con h3 img.img02{ display:inline-block !important}

.n_wenhua .content .center .box00:hover .con h3{ display:block;}
.n_wenhua .content .center .box00:hover .con h5{ display:block; margin:0 0 8px 0}

.n_wenhua .content .box:hover .con{ background:#edf4f7; }
.n_wenhua .content .center .box00:hover .con{ background:#edf4f7;}
.n_wenhua .content .center .box00:hover .con h5{ color:#282828}
.n_wenhua .content .center .box00:hover .con p{ color:#787b7c}
.n_wenhua .content .box:hover .con h5{ color:#282828}
.n_wenhua .content .box:hover .con p{ color:#787b7c}

.n_wenhua .content .box:hover .con:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#166a79 2px solid}
.n_wenhua .content .center .box00:hover .con:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#166a79 2px solid}

.n_zhaopin{padding:0 0 80px; background:url(../images/shan.jpg) center bottom no-repeat; margin-bottom:-80px}
.n_zhaopin .slider-nav{margin-left: -14px;margin-right: -14px;margin-bottom: 25px;}
.n_zhaopin .slider-nav .miso-list{ padding:0 0 1.75rem 0}
.n_zhaopin .slider-nav .miso-slide{padding: 0 14px;}
.n_zhaopin .slider-nav .miso-slide .miso{padding: 46px 0;background:#fff;position:relative;text-align: center;height: 223px; cursor:pointer}
.n_zhaopin .slider-nav .miso-slide .con{text-align:center;width:100%;margin-bottom:24px;display: none; position:relative; cursor:pointer}
.n_zhaopin .slider-nav .miso-slide .miso:after{content:"";position:absolute;left:0;right:0;height: 208px;border:#dcdcdc 1px solid;top: 0;}
.n_zhaopin .slider-nav .miso-slide .con img.img02,.n_zhaopin .slider-nav .miso-slide.miso-current .con img.img01{ display:none}
.n_zhaopin .slider-nav .miso-slide.miso-current .con img.img02{ display:inline-block}
.n_zhaopin .slider-nav .miso-slide .miso{ position:relative}
.n_zhaopin .slider-nav .miso-slide .miso img{ display:inline-block;}
.n_zhaopin .slider-nav .miso-slide .miso .icon{ width:2.75rem; height:3rem; fill:#9b9b9c; margin-bottom:1.25rem;}
.n_zhaopin .slider-nav .miso-slide .miso h4{font-size: 26px;color: #166a79;margin-bottom: 10px;margin-top: 26px;}
.n_zhaopin .slider-nav .miso-slide .miso h5{font-size: 15px;color: #707578;margin-bottom: 0;text-transform:  uppercase;}
.n_zhaopin .slider-nav .miso-slide .miso h6{height:2px;position:relative;display: none;}
.n_zhaopin .slider-nav .miso-slide .miso h6:before{content:"";position:absolute;width:1.25rem;height: 1px;top:0;left:50%;margin-left:-0.625rem;background: #b6b6b6;}
.n_zhaopin .miso-prev,.n_zhaopin .miso-next{width: 36px;height: 36px;background-size:100% 100%;z-index:1000;margin-top: -2.5rem;}
.n_zhaopin .miso-prev{left: -45px;background:url(../images/left01.png) center no-repeat;}
.n_zhaopin .miso-next{right: -45px;background:url(../images/right01.png) center no-repeat;}
.n_zhaopin .slider-for .miso-slide .ar_article{padding: 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-bottom: 0;}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll{height: 296px;overflow-y:scroll;margin-right: -10px;padding: 0 30px 0 0;text-align:  left;}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar {width:2px;height:2px; background:#ececec}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar-track {border-radius:10px; background:#ececec}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar-thumb { border-radius:10px; background:#f9cb6f}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso{background:url(../images/bgbg.png) center top no-repeat;}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso img{display: inline-block;}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso .icon{ fill:#fff;}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso h4{}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso h5{}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso:after{ border:none}

.n_news ul{ font-size:0; margin:0 -20px; margin-bottom:15px;}
.n_news ul li{ display:inline-block; padding:0 20px; width:33.333333%; margin-bottom:45px}
.n_news ul li .img,.n_news ul li .img img{ width:372px; height:260px; overflow:hidden; object-fit:cover; position:relative}
.n_news ul li .img .top{ display:inline-block; width:58px; height:58px; background:#fed20f; position:absolute; right:35px; bottom:45px; border-radius:50%; text-align:center}
.n_news ul li .img .top h3{font-size:26px;color:#00334e;font-weight:bold;margin: 10px 0 0px;}
.n_news ul li .img .top h5{font-size:12px;color:#00334e;text-transform: uppercase;}
.n_news ul li .con{ background:#edf4f7; padding:38px 32px 32px}
.n_news ul li .con h5{ font-size:18px; color:#242424; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:20px}
.n_news ul li .con p{ font-size:14px; color:#8b8f91; line-height:20px; height:40px; overflow:hidden; margin-bottom:32px}
.n_news ul li .con font{display:inline-block;width:105px;height:30px;line-height: 28px;font-size:12px;color:#383939;border:#d7dddf 1px solid;border-radius:20px;text-align:center;position:relative;overflow: hidden;}
.n_news ul li .con font:before{content:"";position:absolute;width:126px;height:126px;top:50%;margin-top:-63px;left:50%;margin-left:-63px;background:#002d48; border:#002d48 1px solid;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}
.n_news ul li .con font span{ position:relative}

.n_news ul li:hover .con font:before{ transform:scale(1); opacity:1; color:#fff}
.n_news ul li:hover .con font span{color:#fff}

.n_news_detail{padding:0; margin-bottom:-20px}
.n_news_detail .left{float:left;width: 732px;}
.n_news_detail .left .title{height: auto;overflow: hidden;position:relative;padding-bottom: 48px;}
.n_news_detail .left .ar_title{padding: 0;padding-bottom: 25px; background:url(../images/bottom01.png) center bottom no-repeat; position:relative}
.n_news_detail .left .ar_title h3{font-size: 26px;color: #242424;line-height: 48px;margin-bottom: 26px;}
.n_news_detail .left .ar_title h6{position:relative;}
.n_news_detail .left .ar_title h6 span{font-size:15px;color:#999c9d;vertical-align: top;line-height: 28px;}
.n_news_detail .left .ar_title h6 span font{ font-size:18px; color:#00334e; margin:0 28px 0 6px}
.n_news_detail .left .ar_title h6 span img{ margin-top:-3px}

#ar_fot01{position:relative;width: 100%;overflow:  hidden;}
#ar_fot01 h1{display:block;font-size: 14px;font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;margin: 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;width: 100%;height: 30px;line-height: 30px;margin-bottom: 20px;}
#ar_fot01 h1 span{color: #242424;-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;display: inline-block;vertical-align: top;display: inline-block;width: 105px;height: 30px;line-height: 28px;border: #d7dddf 1px solid;border-radius: 20px;text-align: center;font-size: 12px;}

#ar_fot01 h1 a{font-size: 15px;color: #959595;font-weight:normal;-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;width: 624px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 12px;}
#ar_fot01 h1:hover a{color: #002d48;vertical-align: top;display: inline-block;}
#ar_fot01 h1:hover span{color: #fff;vertical-align: top;display: inline-block; border:#002d48 1px solid; background:#002d48}
#ar_fot01 .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot01 .bnt_back:hover{ border-radius:3px;}
#ar_fot01 a,#ar_fot span{}
#ar_fot01 .shart_box a{ line-height:36px;}
#ar_fot01 .fr{text-align: left;}
#ar_fot01 h1:hover{}

.dibu{position:relative;margin-top: 70px;padding-top: 28px;border-top: #668191 1px dotted;margin-bottom: 23px;}
.dibu .end{display:inline-block;width:68px;height:20px;line-height:20px;background: #ffffff;position:absolute;left:50%;margin-left:-34px;top:-10px;text-align:center;font-size: 18px;color: #002d48;text-transform:uppercase;font-weight: bold;}

.n_news_detail .right{width: 400px;}
.n_news_detail .right .fl00{background: #edf4f7;padding:30px 30px;}
.n_news_detail .right .fl00 .title{font-size: 18px;color: #00334e;margin-bottom: 20px;line-height: 40px;}
.n_news_detail .right .fl00 .title img{ margin:-3px 14px 0 0}
.n_news_detail .right .fl00 .title small{ margin-left:6px; font-size:14px; color:#5d7b8b; text-transform:uppercase}

.n_news_detail .right .fl02{margin-bottom: 0;}
.n_news_detail .right .fl02 ul.ul01{ margin-bottom:22px}
.n_news_detail .right .fl02 ul.ul01 li{ text-align:center}
.n_news_detail .right .fl02 ul.ul01 li a{ display:block; position:relative}
.n_news_detail .right .fl02 ul.ul01 li .img,.n_news_detail .right .fl02 ul.ul01 li .img img{width: 342px;height: 295px;overflow:hidden;transition:0.9s;object-fit: cover;}
.n_news_detail .right .fl02 ul.ul01 li h5{background:rgba(0,0,0,0.7);padding:0 15px;height:40px;line-height:40px;font-size: 14px;margin-top:22px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.6s;position:absolute;bottom:0;width:100%;text-align: center;}
.n_news_detail .right .fl02 ul.ul01 li h5:hover{color: #fec51d;}
.n_news_detail .right .fl02 ul.ul01 li a:hover .img img{ transform:scale(1.06)}
.n_news_detail .right .fl02 .miso-dots{bottom: 14px;text-align: right;width: auto;right: 14px;}
.n_news_detail .right .fl02 .miso-dots li{width:10px;height:10px;background:#d1d1d1;border-radius:5px;margin: 0 3px;}
.n_news_detail .right .fl02 .miso-dots li.miso-active{ background:#3ca0d3; }
.n_news_detail .right .fl02 .miso-prev,.n_news_detail .right .fl02 .miso-next{width:14px;height:22px;margin-top:-11px;z-index: 1000;}
.n_news_detail .right .fl02 .miso-prev{ background:url(../images/left06.png); left:15px;}
.n_news_detail .right .fl02 .miso-next{ background:url(../images/right06.png); right:15px}

.n_news_detail .right .fl02 ul.ul02 li .con{background:#edf4f7;padding: 18px 0;border-bottom: #d2d5d6 1px solid;}
.n_news_detail .right .fl02 ul.ul02 li .con h5{font-size: 16px;color: #242424;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 12px; transition:0.6s}
.n_news_detail .right .fl02 ul.ul02 li .con p{font-size: 12px;color:#8b8f91;line-height:20px;height:40px;overflow:hidden;margin-bottom: 8px;}
.n_news_detail .right .fl02 ul.ul02 li .con h6{ font-size:14px; color:#00334e; }

.n_news_detail .right .fl02 ul.ul02 li:last-child .con{ border:none}
.n_news_detail .right .fl02 ul.ul02 li .con h5:hover{ color:#fec51d}

/*online qq*/

.izl-rmenu {position: fixed;right: 1rem;width: 62px;bottom: 30%;z-index: 999999;}
.izl-rmenu .btn{float: left;width: 62px;height: 62px;cursor:pointer;position:relative;margin: -0.5px 0;border: #e5e5e5 1px solid;}
.izl-rmenu .btn-qq{background: #0db493 url(../images/r_qq.png) center no-repeat;}
.izl-rmenu .btn-wx{background: #fff url(../images/r_wx.png) center no-repeat;}
.izl-rmenu .btn-wx .pic{position:absolute;left: -101px;top: 0px;display:none;width: 100px;height: 100px;border: #e5e5e5 4px solid;}
.izl-rmenu .btn-phone{background:#fff url(../images/r_phone.png) center no-repeat;border-top-left-radius: 10px;border-top-right-radius: 10px;}

.btn.btn-phone {}
.izl-rmenu .btn-phone .phone{background-color: #fff;position:absolute;width: 174px;left: -187px;top:0px;line-height: 62px;height: 62px;color: #166a79;font-size: 22px;text-align:center;display:block !important;transition: 0.6s;opacity: 0;border: #e5e5e5 1px solid;}
.izl-rmenu .btn-phone .phone:before{content:"";position:absolute;width:10px;height:10px;top:50%;margin-top: -7px;right:-5px;background:#fff;transform:rotate(45deg);}
.izl-rmenu .btn-phone:hover .phone{opacity: 1;}
.izl-rmenu .btn-top{background: #fff url(../images/r_top.png) center no-repeat;display:none;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.izl-rmenu .btn-local{display:inline-block;background: #fff url(../images/r_local.png) center no-repeat;}
/*online qq*/



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


@media(min-width: 768px){
  
}


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

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

@media(max-width: 1600px){
  .container05 .right ul li a .con_li{ padding:0 2rem}
  .container05 .right ul li a .con .time{ margin-bottom:2rem}
  .container05 .right ul li a .con_li p{ margin-bottom:1rem}
}

@media(max-width: 1460px){
  .container05 .left .box .title{ margin-bottom:30px}
  .container05 .left .box h2{ display:none}
}

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

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

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

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

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


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