@charset "utf-8";
@font-face{ font-family:Impact; src:url(../font/impact.ttf);}
@font-face{ font-family:MLSBQ; src:url(../font/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;}

/*==========================================?��??���� ??��???=============================================*/

/*==========================================��|�C��?�� ??�?��?=============================================*/

/* 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 8%;}
.container01 dd{ display:inline-block; width:33.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: 23%; transition:0.6s; transform:scale(0)}
.container01 dd:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#166a79;bottom: -95px;left: 24.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;}


.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: '��?1?�C1';}
.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}



/*==========================================��|�C��?�� ??��???=============================================*/


/*==========================================??����?�� ??�?��?=============================================*/

.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:160px;height: 60px;line-height: 58px;display:inline-block;margin-right:-1px;position:relative;}
.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}
.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:320px; 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){
  
  
  
  
} 

@charset "utf-8";
/* CSS Document public*/

body{padding:0;margin:0;font-family:Arial,"Microsoft Yahei",Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased; overflow-scrolling:touch; -webkit-overflow-scrolling:touch;/*??��??��?��? IOS html5 ??��?��????��??�����??3?�C1???*//* overflow-x:hidden; */line-height: 1; font-size:14px; min-width:1200px}
a{text-decoration:none;bblr:expression(this.onFocus=this.blur());/*IE????����*/outline-style:none;/*FF????����*/; outline:none;}
a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE????����*/ outline-style:none;/*FF????����*/ } /*???��?��a? ??-???|??��???��?????*/
ul{list-style:none;}
img{border:0px; vertical-align:middle}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;}
h3,h4,h5{ font-weight:normal;}
h4 a:hover,h5 a:hover{ -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;}
hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;}
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block}
.fl{ float:left}
.fr{ float:right}
.clear{clear:both;height:0px;font-size:1px;line-height:0px}
.container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;}
.slow img:hover{ transform:scale(1.05);}/*????��??��??���*/
.slow img{-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}/*??��?����??????*/
h5 a,.more a{-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;}/*??��?����??????*/
slow01{-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;}/*??��?����??????*/
.slow02{-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";  /* For IE 8 */ filter: 
progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');  /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */}
.radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}/*���??????��? ?*/
.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*?�C????��?��??o ?��??????1????��o*/
.gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6;  -moz-opacity:0.6; -khtml-opacity:0.6;} 
/*transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg); transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);*/  /*180?o|?��?��??*/
/*oncontextmenu="return false" ondragstart="return false" onselectstart="return false"*/
/*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);*/  /*���????��????��*/

.a_body{ position:relative}

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
html::-webkit-scrollbar{width:7px;height:7px;background-color:#d2d2d2;}
html::-webkit-scrollbar-track{border-radius:0;background-color:#d2d2d2;}
html::-webkit-scrollbar-thumb{border-radius:0;width:17px;height:17px;background-color:#333;}

input::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;}

textarea::-webkit-input-placeholder{ color:#999;}
textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999;}
textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}

.w100{width:100%}
.w1200{width:1200px;margin:0 auto}

h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ul li:hover h5 a{ color:#ff0000}
.more a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -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;}
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}

/*??��??1? ��???*/
.ar_article td,
.ar_article th{ padding:1rem 0.9375rem; border: 1px solid #c6c5c5; vertical-align:middle; text-align:center}
.ar_article td p,
.ar_article th p{ padding-bottom:0; margin-bottom:0;}
.ar_article table {border-collapse: collapse;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; width:100% !important}
.ar_article table tr:not(:first-child) td{ background:none !important}
.ar_article table td { border-left: 1px solid #ccc;border-top: 1px solid #ccc; width:auto !important; }
.ar_article{font-size: 14px;color: #959595;line-height: 30px;margin-bottom: 30px;}
.ar_article p{font-size: 14px;color: #959595;line-height: 30px;margin-bottom: 30px;}	
.ar_article strong{ font-weight:bold;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#717173;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;}
.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem}
.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:0.9375rem;}
.ar_article sub {vertical-align:sub; font-size: smaller;}
.ar_article sup { vertical-align:super; font-size: smaller;}
.ar_article img{ display:inline-block;}

/*????o|?��-?��???��?????�C*/
#playercontainer_display_button,#video1_display_button,#video2_display_button{ background:none !important; height:40px; width:40px !important; border:2px solid #fff; border-radius:50%; padding:0 !important;}
#playercontainer_display_button #playercontainer_display_button_play,#video1_display_button #video1_display_button_play,#video2_display_button #video2_display_button_play{background-size: 25px;}
#playercontainer_display_button,#video1_display_button,#video2_display_button{ height:40px !important; margin-top: -20px !important;}
#playercontainer_display .cbpreview,#video1_display .cbpreview,#video2_display .cbpreview{ opacity: .75 !important;}

/* Slider */
.miso-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; z-index:1 }
.miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.miso-list:focus { outline: none; }
.miso-loading .miso-list { background: #fff url(../images/ajax-loader.gif) center center no-repeat; }
.miso-list.dragging { cursor: pointer; cursor: hand; }
.miso-slider .miso-list, .miso-track, .miso-slide, .miso-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.miso-track {position: relative;left: 0;top: 0;display:inline-block;zoom: 1;margin-left: auto;margin-right: auto;vertical-align: top;}
.miso-track:before, .miso-track:after { content: ""; display: table; }
.miso-track:after { clear: both; }
.miso-loading .miso-track { visibility: hidden; }
.miso-slide { float: left; height: 100%; min-height: 1px; display: none; }
.miso-slide img { display:inline-block; }
.miso-slide.miso-loading img { display: none; }
.miso-slide.dragging img { pointer-events: none; }
.miso-initialized .miso-slide { display: block; }
.miso-loading .miso-slide { visibility: hidden; }
.miso-vertical .miso-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size: 0;cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%;z-index: 1;}
.miso-prev{ left:0}
.miso-next{ right:0}
.miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ font-size:20px; color:#fff; font-weight:bold; font-family:"Microsoft Yahei"}
.miso-lightbox .miso-prev:before{ content: 'a??';}
.miso-lightbox .miso-next:before{ content: 'a?��';}
/* Dots */
.miso-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;}
.miso-dots li button:focus { outline: none; }
.miso-dots li.miso-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}


.piaofu{ width:65px; position:fixed; right:15px; z-index:100000; bottom:30%}
.piaofu .anniu{display:inline-block;width: 60px;height: 60px;line-height: 60px;background: #fff;border-radius: 100%;margin-bottom: 5px;}
.piaofu .anniu a{ display:block; width:100%; height:100%; position:relative; z-index:1}
.piaofu .anniu a h4{line-height: 60px;}
.piaofu .anniu:hover a h4{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.piaofu .anniu a h6{ font-size:12px; color:#6a6c6d}
.piaofu .anniu.anniu01,.piaofu .anniu.anniu02{ cursor:pointer; position:relative}
.piaofu .anniu.anniu01 .piao_ewm{border-radius: 2px;position:absolute;left: -109px;bottom: -1px;border: #e5e5e5 1px solid; display:none}
.piaofu .anniu.anniu01 .piao_tel{border-radius: 30px;position:absolute;width: 230px;height:60px;right: 0;top: 0;background:#3b73cb;display:none;padding: 0 35px;font-size: 20px;color: #fff;}
.piaofu .anniu.anniu02{ display:none}
.piaofu .anniu.anniu02 a h4{margin-top:-3px;}
.anniu_close img{ position:absolute; top:-15px; right:-10px; width:18px; height:18px; cursor:pointer}

.Statistical{display:inline-block; margin-left:12px;}
.Statistical span,.Statistical span img{ vertical-align:top}
.bd_weixin_popup{ box-sizing:content-box}
.bd_weixin_popup .bd_weixin_popup_foot{ text-align:center !important}

/*<div style=" display:inline-block; margin-left:12px; margin-top:-1px">{dr_block('tongjidaima')}</div>*/ /*???��????��? ?*/
/*<div style=" display:inline-block; margin-left:12px; margin-top:-1px">{dr_block('wangjian')}</div>*/ /*??��??��*/




@charset "utf-8";
/**初始**/
@font-face {
    font-family: "ALIBABA";
    src: url("/fonts/ALIBABA-PUHUITI-MEDIUM.woff2") format("woff2"),
    url("/fonts/ALIBABA-PUHUITI-MEDIUM.woff") format("woff"),
    url("/fonts/ALIBABA-PUHUITI-MEDIUM.ttf") format("truetype"),
    url("/fonts/ALIBABA-PUHUITI-MEDIUM.eot") format("embedded-opentype"),
    url("/fonts/ALIBABA-PUHUITI-MEDIUM.svg") format("svg");
}

* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
html {font: normal 14px "Microsoft YaHei";-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 14px; color: #666666; font-family: "ALIBABA","Microsoft YaHei","Arial";
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背�?*/
    -webkit-tap-highlight: rgba(0,0,0,0);
    /*控制内容的可选择�?*/
    /*-webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;*/
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "ALIBABA","Microsoft YaHei","Arial";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #263147;text-decoration: none;}
a:focus {color: #000;outline: none;-moz-outline: none;}
a:active {color: #000;}
p{margin-top:}0
pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    font-family: "ALIBABA","Microsoft YaHei","Arial";
    text-align:justify;
    text-justify:inter-ideograph;
}
select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一�?*/
    border: solid 1px #000;
    /*很关键：将默认的select选择框样式清�?*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图�?*/
    background: url(../images/select.gif) no-repeat scroll 96% center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆�?*/
    padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*多行文本省略�?*/
.dot2,
.dot3,
.dot4{ display:-moz-box;display:box;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
/*2行文本省略号*/
.dot2 {-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {-webkit-line-clamp: 3;}
/*4行文本省略号*/
.dot4 {-webkit-line-clamp: 4;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
.Isimg{ position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%);}
.Isimg_2{ position: absolute; left: 0; top: 0; width: 100%;height: 100%; transition: transform .8s ease-in-out;}
/*:before,
:after{ position:absolute; content:'';}*/
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fl{ float: left;}
.fr{ float: right;}
.center{ text-align: center;}

.slick-slider {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list: focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    min-height: 1px;
}
[dir = 'rtl'] .slick-slide {
    float: right;
}
.slick-slide .slick-loading img {
    display: none;
}
.slick-slide .dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow .slick-hidden {
    display: none;
}

.slick_btn .slick-arrow,
.slick_btn .slick-dots{ position: absolute; z-index: 10;}
.slick_btn .slick-arrow{ width: 72px; height: 72px; top: 50%; margin-top: -36px; background: url("../images/prev_btn2.png") no-repeat center #e5e5e5; background-size: contain; border: none; font-size: 0; cursor: pointer; border-radius: 100%;}
.slick_btn .slick-prev{ left: -14.5%;}
.slick_btn .slick-next{ right: -14.5%; background-image: url("../images/next_btn2.png");}
.slick_btn .slick-arrow:hover{ background-color: #068a4b;}

.slick_btn .slick-dots{ text-align: center; width: 100%; left: 0; bottom:7.5%; font-size: 0;}
.slick_btn .slick-dots li{ display: inline-block; margin: 0 5px;}
.slick_btn .slick-dots button{ display: block; border:none; width: 18px; height: 18px; border-radius: 100%; background: rgba(255,255,255,0.3); font-size: 0; }
.slick_btn .slick-dots .slick-active button{ background: #fff; }
@media(max-width:1366px){
    .slick_btn .slick-prev{ left: -5%;}
    .slick_btn .slick-next{ right: -5%;}
}
@media(max-width:1200px){
    .slick_btn .slick-arrow{ width: 50px; height: 50px; opacity: 0.5;}
    .slick_btn .slick-prev{ left: 0;}
    .slick_btn .slick-next{ right: 0;}
}


.nM{ margin: 0; }
.normal{ font-weight: normal; }

.ytable{ display: table; width: 100%; table-layout: fixed;}
.ytable_cell{ display: table-cell; vertical-align: middle;}



.w1760{ max-width: 1760px; margin: 0 auto;}
@media(max-width:1800px){
    .w1760{ max-width: 1600px;}
}
@media(max-width:1660px){
    .w1760{ max-width: 1440px;}
}
@media(max-width:1500px){
    .w1760{ max-width: 1366px;}
}
.w1440{ max-width: 1440px; margin: 0 auto;}
@media(max-width:1500px){
    .w1440{ max-width: 1366px;}
}
@media(max-width:1366px){
    .w1760,
    .w1440{ padding: 0 2%;}
}




.header{ position: relative; background: #fff;}
.header .w1760{ position: relative;padding: 30px 0; }

.header .tel{ float: right; font-size: 18px; color: #2a4356;}
.header .other{ position: absolute; right: -7px; bottom: 20px; z-index: 103;}
.header .other dt{ width: 35px; height: 36px; position: relative;}
.header .open-search{ display: inline-block; width: 35px; height: 36px; background: url("/images/icon_search.png") no-repeat center center; vertical-align:bottom; position: relative;}
.header .open-search-show{ background: none;}
.header .open-search-show::before,
.header .open-search-show::after{ position:absolute; content:''; width:60%; height:2px; background:#666; top:50%; left:20%; transform:rotate(-45deg);}
.header .open-search-show::after{transform:rotate(45deg);}
.header .search_box{ position:absolute; top:50px; right:0; z-index:100; display:none;}
.header .search_box .text{width: 254px;line-height: 46px;height: 46px; border:1px solid #fff; background:rgba(0,0,0,0.2); color:#fff; padding:0 50px 0 10px;}
.header .search_box .btn{ position:absolute; right:0; top:0; line-height: 46px; width:46px; text-align:center; color:#fff; font-weight:bold; font-size:16px; font-family:Verdana,Arial, Helvetica, sans-serif;}
.header .search_box .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#b4b4b4;top: -15px;right: 4px;}
.header .topNav{ position: absolute; bottom: 0; right: 0;  width: 100%; text-align: right; }
.header .topNav > ul{ font-size: 0;}
.header .topNav .li{  margin-left: 58px; position: relative; padding-bottom: 25px;font-size: 14; display: inline-block;}
.header .topNav .li > a{ font-size: 18px; color: #2a4356; }
.header .subnav{ position: absolute; left: 50%; margin-left: -65px; top: 100%; width: 130px; text-align: center; background: #fff; padding: 30px 0; border-radius: 0 0 10px 10px; z-index: 101; display: none;}
.header .subnav a{ display: block; line-height: 36px; font-size: 16px; color: #6e8092;}
.header .topNav a:hover,
.header .topNav .aon > a { color: #0068b7;}
.header .topNav .pro_li{ position: static;}
.pro_nav{ display: none;}
.header .pro_li .subnav{ width: 100%; left: 0; position: absolute; top: 100%; z-index: 105; background: #fff; font-size: 14px; text-align: left; display: none; margin-left: 0; padding: 0; border-radius: 0; font-size: 14px;}
.pro_sub .ytable_cell{ vertical-align: top;}
.pro_sub .fl_menu{ width: 30%;}
.pro_sub .fl_menu .tit{  font-size: 20px;font-weight: normal; color: #fff; padding:4% 11%;  background: #f9b72c; height:60px; margin: 0}
.pro_sub .fl_menu li{ border-top: 1px solid #eeeeee; padding: 2% 11%; font-size: 16px;}
.pro_sub .fl_menu li a{ color: #2a4356; display: block; padding-right: 10px; background: url("../images/icon_arrow.png") no-repeat right center;}
.pro_sub .fl_menu li:hover,
.pro_sub .fl_menu li.aon{ background: #0068b7;}
.pro_sub .fl_menu li:hover a,
.pro_sub .fl_menu li.aon a{ color: #fff;}
.pro_sub .fr_list{ background:url("../images/nav_bg.jpg") no-repeat center top #ebf0f5; background-size: contain; width: 70%; padding:8% 5% 2%;}
.pro_sub .fr_list .list{ width: 100%; max-width: 100%; display: none;}
.pro_sub .fr_list ul{ overflow: auto;white-space:nowrap; }
.pro_sub .fr_list li{ width: 325px; text-align: center; display: inline-block; vertical-align: top; padding-bottom: 5%; margin: 0 10px;}
.pro_sub .fr_list figure{ padding-top: 58%;background-size: contain;}
.pro_sub .fr_list h2{ font-size: 20px; color: #2a4356; margin: 5% 0 0; font-weight: normal;}
.pro_sub .fr_list p{ font-size: 16px; color: #6e8092;}
.header .subnav .navMore{ width: 200px; text-align: center; display: block; margin: 5% auto 0; line-height: 50px; color: #6e8092; font-size: 14px; position: relative; text-align: center;}
.header .subnav .navMore:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #6e8092; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.navMore span{ position: relative; z-index: 2;}
.header .topNav .navMore:hover{ color: #fff;}
.navMore:hover:before{ background: #6e8092;}


#footer figure{ padding: 4% 0; position: relative;}
#footer nav{ padding: 4% 0;border-bottom: 1px solid #ebf0f5;border-top: 1px solid #ebf0f5; }
#footer dl{ float: left; width: 14.5%; margin-right: 2.5%;}
#footer dl:nth-child(2){ width: 21%; margin-right: 5%;}
#footer dl:last-child{ width: auto; margin-right: 0;}
#footer dl .list{ width: 50%; float: left;}
#footer dl .list:nth-child(2n+1){ clear: both;}
#footer dl a{ display: block; font-size: 16px; line-height: 36px; color: #6e8092;}
#footer dl a:hover{color: #0068b7;}
#footer dt{ font-size: 20px; color: #2a4356; margin-bottom: 30px;}
.Copyright{ text-align: center; color: #6e8092; font-size: 16px; padding: 2% 0;}
.Copyright p{ margin: 0; font-weight: normal;}
.Copyright a{color: #6e8092;}
.Copyright a:hover{color: #0068b7;}
.Copyright span{ display: block; text-align: center; margin-bottom: 5px;}
.Copyright span *{ display: inline-block; vertical-align: middle;}
.Copyright span i{ width: 10px; height: 10px; background: url("../images/icon_arrow2.png") no-repeat center; margin: 0 8px 0 10px;}
#footer .back_top{ float: right; width: 112px; height: 71px; background: url("../images/top.png") no-repeat center;}
@media(max-width:1440px){
    #footer dl{ width: 13%;}
}
@media(max-width:1000px){
    #footer figure img,
    #footer nav{ display: none;}
    #footer figure{ padding: 0;}
    #footer .back_top{ position: fixed; right: 2%; bottom: 5%; z-index: 100; width: 82px; height: 47px; background-size: contain;}
}
@media(max-width:768px){
    .Copyright{ font-size: 14px;}
}


.bgf5f7fa{ background: #f5f7fa}
.bgecf0f3{ background: #ecf0f3}
.Nmenu{  line-height: 76px; margin-bottom: 5%; min-height: 76px; border-bottom: 1px solid #e5e5e5;}
.Nmenu ul{ float: left; text-align: left;max-width: 74%;}
.Nmenu li{ float: left; margin-right: 15px;}
.Nmenu li a{ color: #2a4356; font-size: 18px; display: block; position: relative; padding: 0 38px;}
.Nmenu li a:hover,
.Nmenu li.aon a{ color: #ffffff; background: #0068b7;}
.Nmenu .current{ float: right; color: #6e8092;max-width: 26%;line-height: 26px;margin-top: 25px; display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-size: 16px;}
.Nmenu .current a{ color: #6e8092;}
.Nmenu .current i{ display: inline-block; margin: 0 12px; font-style: normal; font-family: 宋体;}
.Nmenu .current a:hover,

.Nmenu .current span{ color: #0068b7;}
.Nmenu_pro li{ margin-right: 0;}
@media(max-width:1100px){
    .Nmenu li{ margin-right: 5px;}
}
@media(max-width:1024px){
    .Nmenu{ line-height: 60px; min-height: auto;}
    .Nmenu .current{ display: none;}
    .Nmenu ul{ max-width: 100%; width: 100%;}
    .Nmenu li{ margin: 0;}
}
@media(max-width:640px){
    .Nmenu li{ width: 33.33%; text-align: center; margin-right: 0;}
    .Nmenu li a{ padding: 0;}
}
.padd_b5{ padding-bottom: 5%;}
.padd_5{ padding: 5% 0;}
.pro_box_item.padd_5{padding-top:0}
.Hbanner img,
.Nbanner img{ width: 100%;}
.wapBan{ display: none;}
.Hbanner .slick-arrow{ position: absolute; width: 112px; height: 69px; top: 50%; transform: translateY(-50%); background: url("../images/icon_btn1.png") no-repeat left center; border: none; font-size: 0; cursor: pointer; z-index: 10;}
.Hbanner .slick-prev{ left: 1%;}
.Hbanner .slick-next{ right: 1%; background-position: right center;}
.Hbanner .slick-arrow:hover{ background-image: url("../images/icon_btn2.png");}
.Hbanner .slick-dots{ position: absolute; left: 0; width: 100%; text-align: center; bottom: 5%; z-index: 5;}
.Hbanner .slick-dots li{ display: inline-block; margin: 0 10px; background: url("../images/icon_arrow13.png") no-repeat center; width: 12px; height: 13px; vertical-align: top; cursor: pointer; opacity: .2;}
.Hbanner .slick-dots li button{ display: none;}
.Hbanner .slick-dots .slick-active{ opacity: 1;}
@media(max-width:1024px){
    .wapBan{ display: block;}
    .pcBan{ display: none;}
}

.Habout .fl{width: 57.226%; position: relative;}
.Habout .fr{ width: 42.774%; padding-top: 13%;}
.Habout .txt{ max-width: 588px;}
.Habout_info{ font-size: 16px; color: #6e8092; line-height: 28px;}
.Habout_info h2{ margin: 0; font-size: 36px; color: #2a4356; line-height: normal;}
.Habout_info h3{ font-size: 18px; color: #2a4356; margin: 3% 0 5%;}
.Habout_info .ul_num{ margin: 8% 0 12%;}
.Habout_info .ul_num li{ float: left; width: 33.33%;}
.Habout_info .ul_num .num{ color: #0068b7;}
.Habout_info .ul_num .num span{ font-size:48px; font-family: Arial; font-weight: bold; display: inline-block; margin-right: 5px; }
.Hboxmore{ width: 160px; text-align: center; line-height: 50px; position: relative; display: block; color: #6e8092;}
.Hboxmore span{ position: relative; z-index: 10;}
.Hboxmore span:after{ content: ''; display: inline-block; vertical-align: middle; width: 18px; height: 8px; background: url("/images/icon_arrow11.png") no-repeat center; margin-left: 35px;}
.Hboxmore:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #6e8092; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.Hboxmore:hover:before{ background: #6e8092;}
.Hboxmore:hover{ color: #fff;}
.Hboxmore:hover span:after{ background-image: url("/images/icon_arrow3.png");}





.Industry_icon_list .hover{ display: none; position: absolute; right: 9%; top: 50%; transform: translateY(-50%); width: 39.4%; background: #0068b7; padding: 2% 2% 0; color: #fff;}
.Industry_icon_list .icon{ position: absolute; width: 14px; height: 16px; background: url("../images/icon_arrow14.png") no-repeat center; cursor: pointer;}
.Industry_icon_list .aon{ background-image: url("../images/icon_arrow15.png");}
.Industry_icon_list .hover h3{ margin: 0; font-size: 24px;}
.Industry_icon_list .hover pre{ margin: 3% 0 4%; font-size: 16px; line-height: 28px; opacity: .5;}
.Industry_icon_list .pic_list li{ width: 48.5%; float: left; margin-right: 3%; margin-bottom: 3%; position: relative;}
.Industry_icon_list .pic_list li:nth-child(2n){ margin-right: 0;}
.Industry_icon_list .pic_list.long { padding-bottom: 5%}
.Industry_icon_list .pic_list.long li{ width: 100%; float: none; margin-right: 0; margin-bottom: 0}
.Industry_icon_list .pic_list.long li img{ width: 100%}
.Industry_icon_list .pic_list figure{ padding-top: 69.89%;}
.Industry_icon_list .pic_list p{ position: absolute; left: 0; top: 0; width: 100%; padding: 5%;text-shadow: 0 0 5px #000;}
.Industry_icon_list .hover:before{ content: ''; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); border: 8px solid transparent; border-right-color:#0068b7; }
@media(max-width:1500px){
    .Habout .txt{ width: 96%;}
    .Habout_info h2{ font-size: 34px;}
    .Habout_info .ul_num .num span{ font-size: 40px;}
}
@media(max-width:1366px){
    .Habout .fr{ padding-top: 8%;}
}
@media(max-width:1200px){
    .Habout .fr{ padding: 5% 0;}
    .Habout_info h2{ font-size: 28px;}
    .Habout_info .ul_num .num span{ font-size: 36px;}
    .Industry_icon_list .icon{ width: 10px; height: 12px; background-size: contain;}
}
@media(max-width:1024px){
    .Habout_info h2{ font-size: 28px;}
    .Habout_info .ul_num .num span{ font-size: 30px;}
}
@media(max-width:768px){
    .Habout .fl{ display: none;}
    .Habout .fl,
    .Habout .fr{ width: 100%; float: none; padding: 0 4%;}
    .Habout .fr{ padding-bottom: 10%; padding-top: 10%;}
    .Habout .txt{ width: 100%; max-width: 100%;}
    .Habout_info h2{ font-size: 26px;}
    .Habout_info .ul_num .num span{ font-size: 28px;}
    .Habout_info .ul_num{ margin: 4% 0 6%;}
    .Industry_icon_list .hover{ display: none!important;}
}
@media(max-width:640px){
    .Habout_info{ font-size: 14px;}
    .Habout_info h2{ font-size: 20px;}
    .Habout_info h3{ font-size: 16px;}
    .Habout_info .ul_num .num span{ font-size: 28px;}
    .Habout_info .ul_num li{ font-size: 12px;}
    .Hboxmore{ margin-left: 10px; width: 130px;}
    .Hboxmore span:after{ margin-left: 10px;}
}

.Htitle{ text-align: center; font-size: 28px; color: #2a4356; margin-bottom: 3%;}
@media(max-width:768px){
    .Htitle{ font-size: 26px;}
}

@media(max-width:640px){
    .Htitle{ font-size: 20px;}
}

.Hpro{ background: url("../images/Hpro_bg.jpg") no-repeat center top; background-size: cover; padding: 5% 0;}
.Hpro .tab_span{ text-align: center; margin-bottom: 5%;}
.Hpro .tab_span li{ display: inline-block; text-align: center; font-size: 16px; color: #6e8092; margin: 0 1%;line-height: 50px;position: relative; width: 200px; cursor: pointer;}
.Hpro .tab_span i{ display: inline-block; max-width: 40px; vertical-align: middle; margin-right: 8px;}
.Hpro .tab_span span{ position: relative;}
.Hpro .tab_span li:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #cdd9e5; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.Hpro .tab_span li:hover:before,
.Hpro .tab_span li.aon:before{ border-color: #2a4356;}
.Hpro .list ul{ margin: 0 -26px;}
.Hpro .list li{ padding: 0 26px 30px;}
.Hpro .list li a{ display: block; padding:8% 0 10px; transition: all 0.5s;text-align: center; position: relative;}
.Hpro .list li a:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 70%; background: #f3f4f8;}
.Hpro .list figure{ padding-bottom: 72%; margin-bottom: 10%; position: relative; z-index: 3;}
.Hpro .list .txt{position: relative; z-index: 3; padding-bottom: 15%;}
.Hpro .list h3{ font-size: 20px; color: #2a4356; }
.Hpro .list p{ color: #6e8092; font-size: 16px;}

.Hpro .list li:hover a{ background: url("../images/pro_bg.png") no-repeat center top; background-size: cover; box-shadow: 0 5px 20px rgba(0,81,143,.6);}
.Hpro .list li:hover h3,
.Hpro .list li:hover p{ color: #fff;}
.Hpro .list li:hover a:before{ display: none;}
.Hpro .slick-arrow{ position: absolute; width: 112px; height: 69px; top: 50%; transform: translateY(-50%); background: url("../images/icon_btn1.png") no-repeat left center; border: none; font-size: 0; cursor: pointer; z-index: 10;}
.Hpro .slick-prev{ left: -10%;}
.Hpro .slick-next{ right: -10%; background-position: right center;}
.Hpro .slick-arrow:hover{ background-image: url("../images/icon_btn2.png");}
.Hpro .Hboxmore{ margin: 5% auto 0; width: 200px;}
.Hpro .Hboxmore span:after{ display:none;}
.Hnews .Hboxmore{ margin: 5% auto 0; width: 200px;}
.Hnews .Hboxmore span:after{ display:none;}
@media(max-width:1720px){
    .Hpro .slick-prev{ left: -3%;}
    .Hpro .slick-next{ right: -3%;}
}
@media(max-width:1600px){
    .Hpro .list{ padding: 0 3%;}
}
@media(max-width:1440px){
    .Hpro .list ul{ margin: 0;}
}
@media(max-width:1200px){
    .Hpro .list{ padding: 0 6%;}
    .Hpro .slick-prev{ left: -8%;}
    .Hpro .slick-next{ right: -8%;}
    .Hpro .list li{ padding: 0 10px 30px;}
    .Hpro .list h3{ font-size: 18px;}
}
@media(max-width:768px){
    .Hpro .tab_span li{ width: 150px;}
    .Hpro .list h3{ font-size: 16px;}
    .Hpro .list p{ font-size: 14px;}
    .Hpro .slick-arrow{ width: 56px; height: 34px; background-size: cover;}
}
@media(max-width:640px){
    .Hpro .tab_span li{ font-size: 14px; width: 30%;}
    .Hpro .tab_span i{ max-width: 20px; display: none;}
    .Hpro .list li{ padding: 0 5px 30px;}
    .Hpro .Hboxmore{ width: 130px;}
}


.Hbox3{ position: relative;}
.Hbox3 .Htitle{ position: absolute; left: 0; top: 10%; width: 100%; color: #fff; z-index: 5;}
.Hbox3 .w1440{ padding-top:50.45%; position: relative; background: none!important; }
.Hbox3 ul{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.Hbox3 li{ width: 20%; float: left; position: relative; height: 100%; text-align: center; border-right: 1px solid rgba(255,255,255,0.2); transition: all 0.5s;}
.Hbox3 li .info{ position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-17%); padding: 0 8%; color: #fff; transition: all 0.5s;}
.Hbox3 li figure{ max-width: 90px; margin: 0 auto 15%;}
.Hbox3 li h2{ font-size: 24px; margin: 0; color: #fff;}
.Hbox3 li p{ line-height: 32px; font-size: 16px; max-width: 210px; margin: 8% auto 15%; overflow: hidden; max-height: 96px;}
.Hbox3 li .more{ display: block; width: 90px; height: 50px; background: url("../images/icon_arrow16.png") no-repeat center; margin: 0 auto;}
.Hbox3 li p,
.Hbox3 li .more{ opacity: 0; transform: translateY(100%); transition: all 0.5s;}
.Hbox3 li:hover{ background: rgba(0,104,183,0.8);}
.Hbox3 li:hover .info{ transform: translateY(-50%);}
.Hbox3 li:hover p,
.Hbox3 li:hover .more{ opacity: 1; transform: translateY(0); display: block;}
@media(max-width:1024px){
    .Hbox3 li h2{ font-size: 20px;}
}
@media(max-width:768px){
    .Hbox3 li figure{ max-width: 60px;}
    .Hbox3 li h2{ font-size: 18px;}
    .Hbox3 li p{ font-size: 14px; line-height: 24px;}
    .Hbox3 li .more{ width: 45px; height: 25px; background-size: contain;}
    .Hbox3 li:hover{ background: none;}
}
@media(max-width:640px){
    .Hbox3{ padding: 8% 0 5%;}
    .Hbox3 .w1440{ padding-top: 2%;}
    .Hbox3 ul,
    .Hbox3 .Htitle{ position: static;}
    .Hbox3 ul{font-size: 0;text-align: center;}
    .Hbox3 li{ float: none; width: 33.333%; display: inline-block;  margin-bottom: 5%;border-bottom: 1px solid rgba(255,255,255,0.2); border-right: none; padding-bottom: 5%;}
    /*.Hbox3 li:last-child{ border-bottom: none; margin-bottom: 0;}*/
    .Hbox3 li .info{ position: relative; transform: none; padding:0 5px; text-align: center;}
    .Hbox3 li .info figure{ position: relative; left: 0; width: 70px; top: 0; height: 60px;margin-bottom: 5%;}
    .Hbox3 li .info figure img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-height: 100%;}
    .Hbox3 li .more,.Hbox3 li p{ display: none; opacity: 1; transform: none;}
    .Hbox3 li h2{ font-size: 16px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .Hbox3 li p{ margin: 2% 0; max-width: 100%;}
    .Hbox3 li .more{ margin: 0;}
}


.Hbox4{ padding-bottom: 8%;}
.Hbox4 ul{ margin-top: 4%;}
.Hbox4 li{ position: relative; width: 50%; float: left; padding:8.782% 3% 3%;}
.Hbox4 li figure{ position: absolute; left: 0; top: 0; width: 120.835%; height: 100%;background-size: contain;}
.Hbox4 li:last-child figure{ right: 0; left: auto;}
.Hbox4 li .txt{ max-width: 320px; position: relative; z-index: 2; margin-top: 10%;}
.Hbox4 li h2{ margin: 0; font-size: 24px; color: #2a4356;}
.Hbox4 li p{ font-size: 16px; line-height: 32px; color: #6e8092; margin: 5% 0 10%; max-height: 96px; overflow:hidden;}
.Hbox4 li .more{ width: 60px; height: 46px; position: relative; display: block; margin-left: 10px;}
.Hbox4 li .more:before{ content: ''; width: 100%; height: 100%; background: url("../images/icon_arrow11.png") no-repeat center; display: block; position: relative; z-index: 5;}
.Hbox4 li .more:after{content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #748597; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.Hbox4 li .more:hover:before{ background-image: url("../images/icon_arrow3.png");}
.Hbox4 li .more:hover:after{ background-color: #748597;}
@media(max-width:1024px){
    .Hbox4 li h2{ font-size: 20px;}
    .Hbox4 li{ padding-top: 5%;}
    .Hbox4 li p{ margin: 3% 0 7%;}
}
@media(max-width:768px){
    .Hbox4 li h2{ font-size: 18px;}
    .Hbox4 li{ padding-top: 5%;}
    .Hbox4 li p{ margin: 3% 0 7%; font-size: 14px; line-height: 24px;}
    .Hbox4 li .more{ width: 40px; height: 33px;}
}
@media(max-width:640px){
    .Hbox4 li{ width: 100%; overflow: hidden; float: none; padding-bottom: 5%;}
    .Hbox4 li figure{ width: 140%; background-size: cover;}
}



.Hnews .tab_span{ text-align: center; margin-bottom: 5%;}
.Hnews .tab_span li{ display: inline-block; text-align: center; font-size: 16px; color: #6e8092; margin: 0 1%;line-height: 50px;position: relative; width: 160px; cursor: pointer;}
.Hnews .tab_span i{ display: inline-block; max-width: 40px; vertical-align: middle; margin-right: 8px;}
.Hnews .tab_span span{ position: relative;}
.Hnews .tab_span li:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #cdd9e5; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.Hnews .tab_span li:hover:before,
.Hnews .tab_span li.aon:before{ border-color: #2a4356;}
.Hnews ul{ margin: 0 -15px;}
.Hnews li{  position: relative; padding: 0 15px;}
.Hnews li:nth-child(3n){ margin-right: 0;}
.Hnews figure{ padding-top: 65.28%; transition: all 0.5s; }
.Hnews a:hover .txt{ color: #fff; background:#2a4356; }
.Hnews a:hover h2{color:#fff;}
.Hnews .txt{ background: #f5f7fa; padding: 6% 7%; font-size: 16px; color: #6e8092;line-height: 32px; transition: all 0.5s; transition: all 0.5s; width: 100%;}
.Hnews h2{ font-size: 20px; color: #2a4356; margin: 0;  height: 64px; overflow: hidden; margin: 2% 0;}
.Hnews time{ display: block;}
.Hnews i{ width: 100%; height: 15px; background: url("../images/icon_arrow4.png") no-repeat right center; display: block; margin-top: 7%;}
.Hnews .slick-arrow{ position: absolute; width: 112px; height: 69px; top: 50%; transform: translateY(-50%); background: url("../images/icon_btn1.png") no-repeat left center; border: none; font-size: 0; cursor: pointer; z-index: 10;}
.Hnews .slick-prev{ left: -10%;}
.Hnews .slick-next{ right: -10%; background-position: right center;}
.Hnews .slick-arrow:hover{ background-image: url("../images/icon_btn2.png");}
@media(max-width:1440px){
    .Hnews ul{ margin: 0;}
    .Hnews .list{ padding: 0 4%;}
    .Hnews .slick-prev{ left: -2%;}
    .Hnews .slick-next{ right: -2%;}
}
@media(max-width:1024px){
    .Hnews h2{ font-size: 18px;}
}
@media(max-width:768px){
    .Hnews .tab_span li{ width: 130px;}
    .Hnews .txt{ font-size: 14px;}
    .Hnews h2{ font-size: 16px;}
    .Hnews .slick-arrow{width: 56px;height: 34px;background-size: cover;}
}
@media(max-width:640px){
    .Hnews .tab_span li{ width: 30%;}
}

.Hbox5{ background: #2a4356;}
.Hbox5 .Htitle{ color: #fff;}
.Hbox5 li{ float: left; width: 25%; text-align: center; padding: 0 2%; position: relative;}
.Hbox5 li:before{ content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 40px; background: rgba(255,255,255,0.2); margin-top: -20px;}
.Hbox5 li:last-child:before{ display: none;}
.Hbox5 li figure{ max-width: 65px; margin: 0 auto;}
.Hbox5 li figure img{ transition: all 0.5s;}
.Hbox5 li a{ color: #fff;}
.Hbox5 li h2{ font-size: 24px; margin: 5% 0 5%;}
.Hbox5 li p{ margin: 0 auto; opacity: .3; font-size: 16px; line-height: 24px;}
.Hbox5 li a:hover img{ transform: rotateY(180deg)}
.Hbox5 .w1440{background-color: transparent;}
@media(max-width:1024px){
    .Hbox5 li{ padding: 0 0.5%;}
    .Hbox5 li h2{ font-size: 20px;}
    .Hbox5 li p{ font-size: 14px;}
}
@media(max-width:768px){
    .Hbox5 li{ width: 50%; margin-bottom: 4%;}
    .Hbox5 li:nth-child(2):before{ display: none;}
    .Hbox5 li h2{ font-size: 18px;}
}
@media(max-width:640px){
    .Hbox5 li h2{ font-size: 16px;}
    .Hbox5 li figure{ max-width: 50px;height: 50px}
    .Hbox5 li p{ font-size: 12px;}
    .Hbox5 li:nth-child(2n+1){ clear: both;}
}

.Column{ text-align: center; color: #2a4356; font-size: 36px; margin-bottom: 3%;}
@media(max-width:1200px){
    .Column{ font-size: 32px;}
}
@media(max-width:1024px){
    .Column{ font-size: 28px;}
}
@media(max-width:768px){
    .Column{ font-size: 24px;}
}
@media(max-width:640px){
    .Column{ font-size: 20px;}
}


.about_item .inner {background: #fff;padding:4%;}
.about_item figure{ width: 50%;}
.about_item .txt{width: 50%;}
.about_item .tit{ margin: 0 0 25px; color: #2a4356; font-size: 30px;}
.about_item article{ font-size: 18px; line-height:2; color: #6e8092;}
.about_item1 figure{ width: 54.5%;}
.about_item11 .txt{width:100%}
.about_item1 .txt{  margin-left: -4.5%; margin-top: 4.5%; padding: 7.5% 6.8%;}
.about_item1 .txt .line{ display: block; width: 35px; height: 4px; background: #0068b7; margin: 14% 0 0;}
.about_item2 .txt .info{ max-width: 720px; float: right; padding:8.55% 10.5% 11.55% 0; text-align: justify;}
.about_item .file-box {position: relative;cursor: pointer;}
.about_item .file-box .video-poster {position: relative;}
.about_item .file-box .video-poster img {display: block;width: 100%;}
.about_item .file-box .video-poster::after {content: "";position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.about_item .file-box .video-poster .ico {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 50px;height: 50px;background: url(../images/play.png) no-repeat center center;background-size: 100% auto;z-index: 11;}
@media(max-width:1440px){
    .about_item2 .txt{ width: 60%; margin-right: -10%; margin-top: 4.5%;}
}
@media(max-width:1200px){
    .about_item1 .txt{ padding: 4% 5%;}
    .about_item .tit{ font-size: 26px; margin-bottom: 15px;}
}
@media(max-width:1024px){
    .about_item .tit{ font-size: 20px;}
}
@media(max-width:768px){
    .about_item .tit{ font-size: 18px;}
    .about_item figure,
    .about_item .txt{ width: 100%; float: none;}
    .about_item1 .txt{ margin: 0;}
    .about_item2{ padding: 0 2%;}
    .about_item2 .txt{ margin: 0 0 5%;}
    .about_item2 .txt .info{ float: none; margin: 0; padding: 4% 5%;}
}
@media(max-width:640px){
    .about_item .tit{ font-size: 16px;}
    .about_item article{ font-size: 14px; line-height: 24px;}
}


.Organization dl{ text-align: center; position: relative;}
.Organization dt{ text-align: center; font-size: 24px; color: #ffffff; background: #0068b7; padding: 0 5%; border-radius: 0 15px 0 15px; line-height: 56px; display: inline-block; margin-bottom: 100px;}
.Organization dd{ overflow: hidden; font-size: 0; padding-top: 40px; position: relative; margin-bottom: 5%;}
.Organization dd:before,
.Organization dl:after,
.Organization .item:before{content: ''; position: absolute;background: #cdd9e5;}
.Organization dl:after{ width: 1px; height: 67.6%; left: 50%;top: 56px;}
.Organization dd:before{  left: 2%; width: 96%; height: 1px;  top: 0;}
.Organization .item{ display: inline-block; font-size: 18px; color: #ffffff; background: #52697b;border-radius: 0 15px 0 15px;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;writing-mode: tb-lr; vertical-align: top; height: 351px; margin: 0 1.5%; padding: 0 0.973%; position: relative;}
.Organization .item a{ color: #fff;}
.Organization dd .item:first-child{ margin-left: 0;}
.Organization dd .item:last-child{ margin-right: 0;}
.Organization dd .item:nth-child(7){ margin-right: 8%;}
.Organization .item:before{ width: 1px; height: 40px; bottom: 100%; left: 50%;}
.Organization dd:nth-child(3){ max-width: 848px; margin: 5% auto 0;}
.Organization dd:nth-child(3):before{  left: 50%; transform: translateX(-50%); width: 100%; max-width: 789px;}
.Organization dd:nth-child(3) .item{ height:173px; background: #8c9cab; margin: 0 10%; }
.Organization dd:nth-child(3) .item:first-child{ margin-left: 0;}
.Organization dd:nth-child(3) .item:last-child{ margin-right: 0;}
.Organization dd:nth-child(3) .item:nth-child(2){ margin-right: 27%;}
@media(max-width:1500px){
    .Organization dd .item:nth-child(7){ margin-right: 5%;}
}
@media(max-width:1440px){
    .Organization dl{ max-width: 1200px; margin: 0 auto;}
    .Organization .item{ margin: 0 1.2%;}
    .Organization dd .item:nth-child(7){ margin-right: 10%;}
}
@media(max-width:1260px){
    .Organization dl{ max-width: 1000px; }
    .Organization .item{ margin: 0 1.1%;}
    .Organization dd .item:nth-child(7){ margin-right: 6%;}
}
@media(max-width:1030px){
    .Organization dt{ position: relative; margin-top: 25%;}
    .Organization dt:before{ content: ''; position: absolute; left:66px; top: 50%; width: 17px; height: 1px; background: #cdd9e5;}
    .Organization dl:after{ width: 1px; height: 79.6%; left: 82px; top: 3%;}
    .Organization dt{ float: left;-webkit-writing-mode: vertical-r;writing-mode: vertical-rl; padding: 2% 5px;}
    .Organization .item,
    .Organization dd:nth-child(3) .item{ display: block;-webkit-writing-mode: initial;writing-mode:initial; height: auto; text-align: left; width: 48%; float: left; margin: 0 2% 2% 0; line-height: 36px;}
    .Organization dd{ padding-top: 0;}
    .Organization dd:before,
    .Organization dd:nth-child(3):before{ display: none;}
    .Organization dd .item:nth-child(7),
    .Organization dd:nth-child(3) .item:nth-child(2){ margin-right: 2%;}
    .Organization dd .list{ clear: both; padding-left: 5%;}
    .Organization dd .item:before{ display: none;}
    .Organization dd .list:before{ content: ''; content: ''; position: absolute; left: 2%; top: 4%; width: 30px; height: 1px; background: #cdd9e5;}
    .Organization dd:nth-child(3) .list:before{ top: 13%;}
}
@media(max-width:768px){

    .Organization .item{ font-size: 16px;}
    .Organization dd{}
}
@media(max-width:640px){
    .Organization dl{ padding-left:50px; }
    .Organization dl:after{ left: 56px; top: 3.5%; height: 83%;}
    .Organization dt{ font-size: 18px; line-height: normal; width: 40px; position: absolute; left: 0; bottom: 0;}
    .Organization dt:before{ left: 100%;}
    .Organization .item{ font-size: 14px; padding: 10px;}
    .Organization dd .item:nth-child(2n+1){ clear: both;}
    .Organization .dot{ white-space: normal; line-height: normal;}

}

.company_culture .img{ background: #fff; text-align: center;}
.company_culture .txt{ background: url("../images/about_img5.jpg") no-repeat center; background-size: cover; text-align: center;}
.company_culture .txt li{ position: relative; width: 50%; float: left; padding-top: 38.89%;}
.company_culture .txt .info{ position: absolute; left: 0; top:20%; width: 100%; color: #fff;}
.company_culture .txt li:first-child,
.company_culture .txt li:last-child{ background: rgba(42,67,86,0.6);}
.company_culture .txt h4{ font-size:22px; margin-top: 10px;margin:0;}
.company_culture .txt p{ font-size: 16px; line-height: 1.7;}
@media(max-width:1330px){
    .company_culture .txt .info{ top: 20%;}
    .company_culture .txt h4{ margin-bottom: 10px;}
    .company_culture .txt p{ margin: 0;}
}
@media(max-width:1200px){
    .company_culture .txt .info{ top: 8%;}
}
@media(max-width:1000px){
    .company_culture .txt{ width: 60%;}
    .company_culture .txt p{ line-height: 20px;}
}
@media(max-width:768px){
    .company_culture .ytable_cell{ display: block; width: 100%;}
    .company_culture .img{ padding: 3% 0;}
    .company_culture .txt .info{ top: 50%; transform: translateY(-50%);}
}
@media(max-width:640px){
    .company_culture .txt h4{ font-size: 16px; margin: 5px 0;}
    .company_culture .txt .info{ top: 50%; transform: translateY(-50%);}
    .company_culture .txt li{ width: 100%; float: none;}
    .company_culture .txt li:nth-child(3){background: rgba(42,67,86,0.6);}
    .company_culture .txt li:last-child{ background: none;}
    .company_culture .txt p{font-size: 14px;}
}

.history ul{ position: relative; padding-top: 55px; max-width: 1275px; margin: 0 auto; padding-bottom: 8%;}
.history ul:before,
.history ul:after,
.history li i:before,
.history .info:before{ content: ''; position: absolute; top: 0;}
.history ul:after{ width: 1px; height: 100%; background: url("../images/icon_line.png") repeat-y center top; left: 50%; top: 0;}
.history ul:before{ width: 25px; height: 25px; border-radius: 100%; background: #fff; border: 5px solid #0068b7; top: 0; left: 50%; margin-left: -12px; z-index: 2;}
.history li{ position: relative; padding-right: 53%; margin-bottom: -3%;}
.history li:nth-child(2n){ padding-left: 53%; padding-right: 0;}
.history li:nth-child(2n+1){ text-align: right;}
.history .ytable{ background: #fff; padding: 1.5%;}
.history figure{ width: 34%;}
.history .txt{ width: 66%; padding: 2% 5%;}
.history time{ font-size: 30px; color: #2a4356; font-family: Arial; font-weight: bold;}
.history p{ margin: 5px 0 0; font-size: 18px; color: #6e8092; line-height: 28px;}
.history .info{ position: relative;}
.history li i{ width: 14px; height: 14px; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px; border: 1px solid #abb5bf; border-radius: 100%; z-index: 2; text-align: center; line-height: 14px;}
.history li i:before{ width: 8px; height: 8px; border-radius: 100%; background: #abb5bf; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px;}
.history .info:before{ border: 10px solid transparent; top: 50%; margin-top: -10px;}
.history li:nth-child(2n) .info:before{ border-right-color:#fff; right: 100%; }
.history li:nth-child(2n+1) .info:before{ border-left-color:#fff; left: 100%; }
.history li:hover i{ border-color: #0067b5;}
.history li:hover i:before{ background: #0067b5;}

.history .process-slick{margin: 0 auto;}
.history .slick-arrow{ position: absolute; width: 112px; height: 69px; top: 50%; transform: translateY(-50%); background: url("../images/icon_btn1.png") no-repeat left center; border: none; font-size: 0; cursor: pointer; z-index: 10;}
.history .slick-prev{ left: -13%;}
.history .slick-next{ right: -13%; background-position: right center;}
.history .slick-arrow:hover{ background-image: url("../images/icon_btn2.png");}
/* .history .process-slick ul:before{width: 0; height: 0; border: 0;}
.history .process-slick ul:after{width: 0; height: 0;}
.history .process-slick .pro-dots{padding: 0; position: absolute ; left: 50%; transform: translateX(-50%); bottom: -16%; z-index: 10; overflow: hidden;}
.history .process-slick .pro-dots li{float: left;}
.history .process-slick .pro-dots button{width: 0; height: 0; border-radius: 50%; border: 5px solid rgb(85, 102, 123);display: block; overflow: hidden;} */


.HMore{ width: 150px; text-align: center; display: block; margin:0 auto; line-height: 50px; color: #6e8092; font-size: 16px; position: relative; text-align: center;}
.HMore:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #cdd9e5; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s; z-index: 1;}
.HMore span{ position: relative; z-index: 2;}
.HMore:hover{ color: #fff;}
.HMore:hover:before{ background: #6e8092; border-color: #6e8092;}

@media(max-width:1700px){
    .history .slick-prev{left: -5%;}
    .history .slick-next{right: -5%;}
}
@media(max-width:1600px){
    .history .process-slick{width: 1366px;}
}
@media(max-width:1440px){
    .history .process-slick{width: 1160px;}
}
@media(max-width:1366px){
    .history .process-slick{width: 1100px;}
}
@media(max-width:1200px){
    .history time{ font-size: 26px;}
    .history p{ font-size: 16px;}
    .history .process-slick{width: 98%;}
}
@media(max-width:1024px){
    .history time{ font-size: 22px;}
}
@media(max-width:768px){
    .history time{ font-size: 18px;}
    .history p{ font-size: 14px; line-height: 24px;}
}
@media(max-width:640px){
    .history .ytable_cell{ display: block; width: 100%;}
    .history time{ margin-top: 5%; display: block;}
}




.technical_skills .list{ margin-bottom: 3.5%;}
.technical_skills .list:last-child{ margin-bottom: 0;}
.technical_skills .txt{ padding: 5.5%; background: #fff;}
.technical_skills .h3{ font-size: 30px; color: #2a4356;}
.technical_skills .p{ font-size: 18px; color: #6e8092; line-height: 30px;}
.technical_skills figure{ position: relative; padding-top: 63.89%;}
.technical_skills li{ position: relative;}
.technical_skills .tit{ position: absolute; left: 50%; transform: translateX(-50%); max-width: 90%; top: 5%; min-width: 200px; padding: 0 30px; line-height: 30px; text-align: center; color: #fff; font-size: 16px;}
.technical_skills .tit span{ position: relative; z-index: 3;}
.technical_skills .tit:before,
.technical_skills .tit:after{ content: ''; position: absolute; left: 0;top: 0; width: 100%; height: 100%; transform: skew(-25deg); border-radius: 5px 0 5px 0; }
.technical_skills .tit:before{ background: #2a4356; z-index: 2;}
.technical_skills .tit:after{ z-index: 1; background: #6e8092; left: -5px; top: 4px;}
.technical_skills .slick-dots{ position: absolute; left: 0; width: 100%; text-align: center; bottom: 5%; z-index: 5;}
.technical_skills .slick-dots li{ display: inline-block; margin: 0 10px; background: url("../images/icon_line2.png") no-repeat right center; width: 12px; height: 13px; vertical-align: top; cursor: pointer;}
.technical_skills .slick-dots li button{ display: none;}
.technical_skills .slick-dots .slick-active{ background-position: left center;}
@media(max-width:1024px){
    .technical_skills .h3{ font-size: 20px;}
}
@media(max-width:768px){
    .technical_skills .h3{ font-size: 18px;}
    .technical_skills .p{ font-size: 14px; line-height: 24px;}
}
@media(max-width:640px){
    .technical_skills .ytable_cell{ display: block; width: 100%;}
    .technical_skills .tit{ width: 100%;}
    .technical_skills .h3{ font-size: 16px;}
}

.Single_item{}
.Single_item .item{ padding-bottom: 6%;}
.Single_item .txt{ background: #fff;width: 50%; float: right;}
.Single_item .tit{ margin: 0 0 25px; color: #2a4356; font-size: 30px;}
.Single_item .p{ font-size: 18px; line-height: 30px; color: #6e8092; min-height: 130px;}
.Single_item figure{ width: 54.5%; float: left;}
.Single_item .txt{  margin-left: -4.5%; margin-top: 3%; padding: 9% 6.8%;}
.Single_item .item:nth-child(2n) figure{ float: right;}
.Single_item .item:nth-child(2n) .txt{ float: left; margin-left: 0; margin-right: -4.5%;}
.Single_item .item:last-child{ padding-bottom: 0;}

@media(max-width:1200px){
    .Single_item .txt{ padding: 4% 5%;}
    .Single_item .tit{ font-size: 26px; margin-bottom: 15px;}
}
@media(max-width:1024px){
    .Single_item .tit{ font-size: 20px;}
}
@media(max-width:768px){
    .Single_item .tit{ font-size: 18px;}
    .Single_item figure,
    .Single_item .txt{ width: 100%; float: none;}
    .Single_item .txt{ margin: 0;}
}
@media(max-width:640px){
    .Single_item .tit{ font-size: 16px;}
    .Single_item .p{ font-size: 14px; line-height: 24px;}
}





.Joint_box .Column{ margin-bottom: 1%;}
.Joint_info{ font-size: 18px; color: #6e8092; max-width: 1140px; margin: 0 auto 4%; line-height: 30px;}
.Joint_box_ul li{ float: left; width:49%; margin-right: 2%; margin-bottom: 2%; overflow: hidden;}
.Joint_box_ul li:nth-child(2n){ margin-right: 0;}
.Joint_box_ul figure{ padding-top:56.25%; transition: all 0.5s; }
.Joint_box_ul .txt{ position: relative; background: #fff; padding: 6% 7%; font-size: 18px; color: #2a4356; line-height: 30px; transition: all 0.5s; }
.Joint_box_ul p{ margin: 0; height: 60px; overflow: hidden;}
.Joint_box_ul time{ display: block; font-size: 16px; color: #6e8092; margin-top: 1%;}
.Joint_box_ul a:hover figure{ transform: scale(1.05);}
.Joint_box_ul a:hover .txt{ color: #fff; background:#2a4356; }
@media(max-width:768px){
    .Joint_info{ font-size: 14px; line-height: 24px;}
    .Joint_box_ul .txt{ font-size: 16px; line-height: 26px;}
    .Joint_box_ul time{ font-size: 14px;}
}
@media(max-width:640px){
    .Joint_box_ul li{ width: 48%; margin: 0 1% 3% !important}

    .Joint_box_ul time{ font-size: 12px;}
    .Joint_box_ul p{ height: 53px;}
}

.Pages{ padding: 64px 0 0; text-align: center;}
.Pages > span{display: inline-block; vertical-align: middle;}
.Pages .a_first,
.Pages .a_end,
.Pages .p_cur,
.Pages .p_count,
.Pages .p_jump,
.Pages .p_total{display: none;}
.Pages .p_jump,
.Pages .p_page{overflow: hidden; }
.Pages .p_page em{font-style: normal;}
.Pages .p_page a{float: left; line-height: 38px; margin: 0 22px; font-size: 18px; color: #aaa; border-bottom: 2px solid transparent;}
.Pages .p_page a:hover,
.Pages .p_page a.a_cur{ color: #2a4356; border-bottom-color: #2a4356;}
.Pages .p_page a.a_next,
.Pages .p_page a.a_prev{font-size: 0; height: 40px; width: 72px; padding: 0; margin: 0 20px; background: url("../images/pages.png") no-repeat left center; border: none!important;}
.Pages .p_page a.a_next{ background-position: right center;}
.Pages  .p_page a.pagedot{ border-color: transparent; padding: 0; margin-right: -5px; line-height: 34px; height: 44px;}
.Pages .p_jump > *{float: left;}
.Pages .p_jump b{ font-weight: normal; color: #aaa; margin: 0 4px; line-height: 46px;}
.Pages .p_jump b.f0{margin-right: 6px;}
.Pages .p_jump input{height: 46px; border-radius: 4px;}
.Pages .i_text{ line-height: 44px; text-align: center;border: 1px solid #e5e5e5;   width: 46px; text-align: center; color: #333; font-size: 20px;}
.Pages .i_button{background: #ebebeb; width: 70px;  padding: 0; cursor: pointer; border: none; margin-left: 10px; color: #888;}
@media(max-width:768px){
    .Pages{ padding:30px 0;}
    .Pages .p_page em,
    .Pages .p_jump{display: none;}
}

.news_top_list{}
.news_top_list li{ position: relative;}
.news_top_list figure{ position: relative; padding-top:37%;width: calc(100% - 500px);}
.news_top_list .txt{ position: absolute; width: 100%; max-width: 500px; right: 0; top: 0; height: 100%; background: rgba(42,67,86,.95);}
.news_top_list .info{ width: 100%; top: 50%; transform: translateY(-50%); color: #fff; position: absolute; padding: 5% 13%;}
.news_top_list .info time{ font-size: 16px; opacity: .4;}
.news_top_list .info h2{ font-size: 28px; line-height: 36px; margin: 7% 0; max-height: 72px; overflow: hidden;}
.news_top_list .info p{ font-size: 16px; line-height: 32px; opacity: .4; max-height: 128px; overflow: hidden; margin: 0;}
.news_top_list .more{ width: 160px; text-align: center; line-height: 50px; position: relative; margin-top: 20%;}
.news_top_list .more span{ position: relative; z-index: 10;}
.news_top_list .more span:after{ content: ''; display: inline-block; vertical-align: middle; width: 18px; height: 8px; background: url("../images/icon_arrow3.png") no-repeat center; margin-left: 35px;}
.news_top_list .more:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #6e8092; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.news_top_list a:hover .more:before{ background: #6e8092;}
.news_top_list .slick-arrow{ position: absolute; width: 112px; height: 69px; top: 50%; transform: translateY(-50%); background: url("../images/icon_btn1.png") no-repeat left center; border: none; font-size: 0; cursor: pointer; z-index: 10;}
.news_top_list .slick-prev{ left: -13%;}
.news_top_list .slick-next{ right: -13%; background-position: right center;}
.news_top_list .slick-arrow:hover{ background-image: url("../images/icon_btn2.png");}
@media(max-width:1720px){
    .news_top_list .slick-prev{ left: -6%;}
    .news_top_list .slick-next{ right: -6%; }
}
@media(max-width:1600px){
    .news_top_list .slick-prev{ left: -3%;}
    .news_top_list .slick-next{ right: -3%; }
    .news_top_list{ max-width: 1366px;}
}
@media(max-width:1440px){
    .news_top_list .slick-prev{ left: 0;}
    .news_top_list .slick-next{ right: 0; }
    .news_top_list{ max-width: 1366px;}
    .news_top_list .info h2{ font-size: 24px;}
}
@media(max-width:1024px){
    .news_top_list .info h2{ font-size: 20px;}
    .news_top_list .txt{ width: 45%;}
}
@media(max-width:768px){
    .news_top_list .info h2{ font-size: 18px; line-height: 30px;}
    .news_top_list .info p{ max-height: 82px; line-height: 26px; font-size: 14px;}
    .news_top_list .more{ margin-top: 10%;}
}
@media(max-width:640px){
    .news_top_list .info h2{ font-size: 16px; line-height: 26px;}
    .news_top_list .more{ margin-top: 10%;}
    .news_top_list figure {width: 100%;}
    .news_top_list .txt{ position: relative; width: 100%; max-width: 100%;}
    .news_top_list .info{ position: static; transform: none; padding: 3% 5%}
    .news_top_list .more{ width: 130px;}
    .news_top_list .more span:after{ margin-left: 15px;}
    .news_top_list .slick-arrow{width: 56px;height: 34px;background-size: cover; top: 20%}
}





.maincontent{padding-bottom:5%;font-size:18px;color:#6e8092;line-height:2;}

.news_list2 { padding-bottom:0;padding-top:0;}
.news_list2 .tit h1{  font-size: 20px; color: #2a4356; margin: 0; border-left: 2px solid #2a4356; height: 20px;}
.news_list2 li{  width: 100%; margin-bottom: 2%; overflow: hidden; position: relative; height: auto; overflow: hidden; transition: 0.5s}
.news_list2 li:hover{  box-shadow: 0 0 30px rgba(0,0,0,0.08)}
.news_list2 figure{ position: absolute; left: 0; top: 0; width: 30%; height: 100%;overflow:hidden;transition: all 0.5s;}

.news_list2 .txt{ float: right; width: 70%;background: #fff; padding: 6% 7%; font-size: 16px; color: #6e8092;line-height: 32px; transition: all 0.5s;transition: all 0.5s;}
.news_list2 h2{ font-size: 20px; color: #2a4356; margin: 0;  overflow: hidden; margin: 2% 0;}
.news_list2 p{ margin: 0;}
.news_list2 time{ display: block;}
.news_list2 i{ width: 100%; height: 15px; background: url("../images/icon_arrow4.png") no-repeat right center; display: block; margin-top: 7%; display: none}
.news_list2 li a:hover h2{color:#0068b7}
.news_list2 li a:hover figure{ transform: scale(1.05);}


@media(max-width:768px){
    .news_list2 li {margin-bottom: 20px;}
    .news_list2 li figure{ position: relative; height: 250px; width: 100%; float: left}
    .news_list2 li .txt{ width: 100%; height: auto; float: left;font-size: 14px;line-height: 24px;}
    .news_list2 li .txt h2{ height: 26px; margin-bottom: 20px; }
    .maincontent{font-size: 14px;}
}






/* .news_list_contain .news_list .txt{padding: 8% 7%;} */
.news_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; overflow: hidden; padding-bottom: 14%; position: relative;}
.news_list li:nth-child(3n){ margin-right: 0;}
.news_list figure{ padding-top: 65.28%; transition: all 0.5s; }
.news_list .txt{ position: absolute; background: #fff; padding: 6% 7%; font-size: 16px; color: #6e8092;line-height: 32px; transition: all 0.5s; left: 0; bottom: 0; transition: all 0.5s; width: 100%;}
.news_list h2{ font-size: 20px; color: #2a4356; margin: 0;  height: 64px; overflow: hidden; margin: 2% 0;}
.news_list p{ margin: 0; transition: all 0.5s; opacity: 0; transform: translateY(100%); position: absolute;}
.news_list time{ display: block;}
.news_list i{ width: 100%; height: 15px; background: url("../images/icon_arrow4.png") no-repeat right center; display: block; margin-top: 7%;}
.news_list_zhuanti{padding-top:0;}
.news_list_zhuanti i{margin-top:0;}
.news_list_zhuanti a:hover h2{color:#0068b7}

@media(min-width:1024px){
    .news_list li a:hover p{ opacity: 1; transform: translateY(0); position: relative;}
}
@media(max-width:1024px){
    .news_list h2{ font-size: 18px;}
}
@media(max-width:768px){
    .news_list li{ padding-bottom: 0;}
    .news_list .txt{ font-size: 14px; line-height: 24px; position: relative;}
    .news_list h2{ font-size: 16px; height: 50px;}
}
@media(max-width:640px){
    .news_list li{ width: 48%; margin: 0 1% 3% !important;}
    .news_list .txt{ font-size: 14px; line-height: 24px; position: relative;}
    .news_list h2{ font-size: 14px; height: 48px;}
}


.news_info{ padding:0 0 6%;}
.news_info .title{ text-align:center; padding-bottom:20px;  border-bottom:1px dashed #d2d2d2; margin-bottom: 30px}
.news_info .title h1{ margin:0; padding-bottom:15px; font-size:26px;color:#000}
.news_info .title p{ margin:0; padding-bottom:10px;}
.news_info .title p span{ margin:0 5px; color:#777;}
.news_info .info{ text-align:justify; text-justify:inter-ideograph;}
.news_info .info {  font-size: 16px; line-height:32px; color: #333 }
.news_info  .bot{  position: relative ; margin-top: 80px;}
.news_info .info_back{ text-align:center; clear:both; padding:20px 0; position: absolute; right: 0; top: 0px }
.news_info .info_back a{ color:#fff; font-size:16px; background:#ccc; display: block; padding: 10px 50px; border-radius: 50px;}
.news_info  .info_back a:hover{  background: #2a4356}
.news_info .info_pn span{ display:block; font-size: 16px; margin: 15px 0}
.news_info  .info_pn span a{ color:#666;}
.news_info  .info_pn span a:hover{ color: #2a4356;}
@media(max-width:1000px){
    .news_info .info_back{ position: relative }
    .news_info  .bot{  position: relative ; margin-top:15px;}

}
@media(max-width:768px){
    .news_info .title h1{ font-size: 20px;}
}
@media(max-width:640px){
    .news_info .title h1{ font-size: 18px;}
    .news_info .info{font-size: 14px;line-height: 24px;}
    .news_info .info_pn span{font-size: 14px;}
    .news_info img{width: auto!important;height: auto!important;}
}
@media(min-width:1000px){
    .news_info .info_pn span{ width: 80%}
}

.talent_box .ytable{ background: #fff; margin-bottom: 6%;}
.talent_box .talent_item3{ margin-bottom: 0;}
.talent_box .txt{ padding: 2% 7%; font-size: 18px; color: #6e8092; line-height: 30px;}
.talent_box .h3{ font-weight: normal; font-size: 30px; color: #2a4356;}
.talent_item2{padding: 3.45% 0;}
.talent_item2 .txt,
.talent_item2 .h3{ color: #fff;}
@media(max-width:1440px){
    .talent_box .h3{ font-size: 26px;}
}
@media(max-width:1200px){
    .talent_box .h3{ font-size: 22px;}
}
@media(max-width:1000px){
    .talent_box .h3{ font-size: 20px;}
}
@media(max-width:768px){
    .talent_box .txt{ font-size: 14px; line-height: 24px;}
    .talent_box .h3{ font-size: 18px;}
    .talent_box .ytable_cell{ display: block; width: 100%;}
}
@media(max-width:640px){
    .talent_box .h3{ font-size: 16px;}
}

.subMenu{ text-align: center;}
.subMenu a{ display: inline-block; width: 200px; line-height: 50px; position: relative; font-size: 16px; color: #6e8092; margin: 0 20px 40px;}
.subMenu span{ position: relative;}
.subMenu a:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #cdd9e5; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.subMenu a.aon{ color: #2a4356;}
.subMenu a.aon:before{ border-color: #2a4356;}
@media(max-width:768px){
    .subMenu a{ width: 130px; margin: 0 10px 40px;}
}


.job_list .list{border: 1px solid #eeeeee; border-top: none;}
.job_list .ullist{  padding: 0 4%; font-size: 18px; color: #6e8092; line-height: 66px; cursor: pointer;}
.job_list .ullist li{ float: left; width: 18%; text-align: center;}
.job_list .ul_top{  background: #fff; color: #2a4356;border-bottom: 1px solid #eeeeee; cursor: default;}
.job_list .ullist .icon{ width: 5%; text-align: right;}
.job_list .ullist .name{ text-align: left; width: 23%;}
.job_list .icon span{ width: 22px; height: 22px; display: inline-block; vertical-align: middle; border-radius: 100%; background: url("../images/icon_arrow5.png") no-repeat center #0068b7;}
.job_list .con{ display: none; padding:0 2%; font-size: 16px; color: #6e8092; line-height: 30px;}
.job_list .con .table{ width: 100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 3% 2%; margin-bottom: 2%;}
.job_list .table table{ width: 100%;}
.job_list .table td{ font-size: 16px; color: #6e8092; line-height: 30px;min-width:230px;}
.job_list .con .h2{ font-weight: normal; margin: 2% 0 3%; font-size: 18px;}
.job_list .con .txt{ padding: 0 2%;}
.job_list .con .fl{ width: 51%;}
.job_list .con .fr{ width: 40%;}
.job_list .btn_apply{ position: relative; color: #fff; line-height: 50px; display: block; width: 140px; margin:4% 2%; text-align: center;}
.job_list .btn_apply span{ display: inline-block; padding-left: 30px; background: url("../images/icon_arrow7.png") no-repeat left center; position: relative; z-index: 2;}
.job_list .btn_apply:before{ content: ''; position: absolute; width: 100%; height: 100%; background: #0068b7; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.job_list .Aon{ background: #fff;}
.job_list .Aon .icon span{ background-image: url("../images/icon_arrow6.png");}
@media(max-width:1000px){
    .job_list .ullist li{ font-size: 16px;}
    .job_list .con .txt{ float: none; width: 100%; margin-bottom: 4%;}
    .job_list .con .h2{ font-size: 16px;}
    .job_list .table td,
    .job_list .con{ font-size: 14px; line-height: 24px;}
}
@media(max-width:768px){
    .job_list .table td{ display: block; width: 100%;}
    .job_list .ullist .edu,
    .job_list .ullist .date{ display: none;}
    .job_list .ullist .name{ width: 57%;}
    .job_list .ullist .icon{ width: 7%;}
}
@media(max-width:640px){
    .job_list .ullist li{ font-size: 14px;}
    .job_list .ullist .num,
    .job_list .ullist .date{ display: none;}
    .job_list .ullist .name{ width: 57%;}
    .job_list .ullist li{ width: 36%;}
    .job_list .ullist .icon{ width: 7%;}

}
.Form002219_2{ padding:0;}
.Form002219_2 dl{ width:48%; float:left; padding-left:95px; min-height:40px; position:relative; margin-bottom:15px; max-width:420px;}
.Form002219_2 dl.odd{ margin-left:4%;}
.Form002219_2 dt{ color:#5b5b5b; font-size:16px; position:absolute; left:0; width:80px; text-align:right; line-height:50px;}
.Form002219_2 .text{ border:1px solid #dfdfdf; border-radius:5px; width:100%; padding:0 10px; line-height:50px;height:50px; color:#5b5b5b;}
.Form002219_2 dl.dl{ width:100%; float:none; max-width:none;}
.Form002219_2 .btn{ display:inline-block; line-height:50px; min-width:140px; background-color:#0068b7; color:#fff; font-size:16px; border:none; border-radius:5px; cursor:pointer; margin: 2% auto 0;}
.Form002219_2 .submitbtn{color:#fff;background-color: #dd0330;}
@media(max-width:640px){
    .Form002219_2 dl{ float:none; width:100%; margin-left:0 !important;}
}
@media(max-width:480px){
    .Form002219_2 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;}
    .Form002219_2 .placeholder .webuploader-pick{padding: 0 20px;}
    .wu-example p + div{  word-break: break-word;}
}

.job_campus .Nmenu{ margin-bottom: 0;}
.job_campus .Column{ margin-top: 5%;}
.job_campus_top{ background: #fff; line-height: 60px;}
.job_campus_top .fl{ width: 60%; background: url("../images/icon_arrow9.png") no-repeat left center; padding-left: 30px;}
.job_campus_top .fl li a{ color: #2a4356; font-size: 16px;}
.job_campus_top .fr{ max-width: 35%; overflow: hidden; text-align: right;}
.job_campus_top .fr dl{ max-width: 100%; padding-left: 50px; position: relative; font-size: 16px; color: #2a4356;}
.job_campus_top .fr dt{ position: absolute; left: 0; top: 0;}
.job_campus_top .fr a{ color: #0068b7; padding-right: 30px; background: url("../images/icon_arrow8.png") no-repeat right center;}
@media(max-width:1000px){
    .job_campus_top .fl,
    .job_campus_top .fr{ width: 100%; float: none; max-width: 100%;}
    .job_campus_top .fr dl{ float: right;}
}




.job_campus_item2 .list2{border: 1px solid #eeeeee; border-top: none;}
.job_campus_item2 .ullist{ cursor: default;}
.job_campus_item2 .ullist li{ width: 19%;}
.job_campus_item2 .ullist .name{ width: 24%;}
.job_campus_item2 .Column{line-height:1.5}
.job_campus_item2 .Column p{margin:0;font-size:18px;text-align: center;}

.job_campus_info li{ float: left; width: 24.4%; margin-right: 0.8%; border: 1px solid #cdd9e5; background: #fff; border-radius: 50px; padding: 5px; margin-bottom: 2%;}

.job_campus_info li dt{ width: 60px; }
.job_campus_info li b{ width: 60px; display: block; height: 60px; background: #0068b7; text-align: center; line-height: 60px; color: #fff; font-size: 36px; border-radius: 100%; font-family: Arial;}
.job_campus_info li dd{ padding-left: 3%;padding-right:3%;line-height:1.5}

@media(max-width:1000px){
    .job_campus_info li{ width: 31.33%; margin-right: 2%;}
    .job_campus_info li:nth-child(3n+1){ clear: both;}
}
@media(max-width:640px){
    .job_campus_item2 .ul_top{ display: none;}
    .job_campus_item2 .job_list {border-top: 1px solid #eeeeee;}
    .job_campus_item2 .ullist{ padding:4%;}
    .job_campus_item2 .ullist li{ display: block!important; width: 50%; line-height: 30px;}
    .job_campus_item2 .ullist .name,
    .job_campus_item2 .ullist .date,
    .job_campus_item2 .ullist .num{ width: 33.33%;}
    .job_campus_info li{ width: 100%; margin-right: 0;}
}
@media(min-width:1001px){
    .job_campus_info li:nth-child(4n){ margin-right: 0;}
    .job_campus_info li:nth-child(4n+1){ clear: both;}
}

.pro_index{ padding-bottom: 7%;}
.pro_index .Nmenu{ margin-bottom: 3%; border-bottom: none;}
.pro_index .fl{ width: 18.41%; border-right: 1px solid #ddd;}
.pro_index .fl h2{ margin: 0 0 8%; font-size: 24px; color: #2a4356;}
.pro_index .fl ul{ width: 90%; max-width: 185px;}
.pro_index .fl li{ border: 1px solid #6e8092; margin-bottom: 6%;}
.pro_index .fl li:last-child{ margin-bottom: 0;}
.pro_index .fl a{ padding: 10px 10%; display: block; font-size: 16px; color: #2a4356;}
.pro_index .fl a:hover,
.pro_index .fl .aon a{ background: #2a4356; color: #fff;}

.pro_index .fl .tit{ margin: 0; font-size: 18px; margin: 30px 0 20px 0; color: #2a4356; border-left: 2px solid  #2a4356; padding-left: 10px; height: 18px; line-height: 18px; font-weight: normal;}


.pro_index .fr{ width: 77%;}
.pro_current{ margin-bottom: 5%;}
.pro_current h3{ font-size: 36px; color: #2a4356; margin: 0; display: inline-block; font-weight: normal;}
.pro_current .down_dl{ float: right; width: 320px; line-height: 50px; font-size: 16px; color: #6e8092; position: relative;}
.pro_current .down_dl dt{ padding: 0 14% 0 7%; border: 2px solid #6e8092;background: url("../images/icon_arrow10.png") no-repeat 92% center;}
.pro_current .down_dl dd{ position: absolute; left: 0; top: 100%; width: 100%; padding: 7%; border: 2px solid #6e8092; border-top: none; display: none; }
.pro_current .down_dl dd a{ display: block;  color: #6e8092; line-height: 30px; margin-bottom: 2%;}

.pro_list li{ float: left; width: 28.87%; margin-right: 6.6%; text-align: center; padding:3% 10px 10px; margin-bottom: 5%; transition: all 0.5s; background: #fff}
.pro_list2 li{background:none }
.pro_list li:nth-child(3n){ margin-right: 0;}
.pro_list figure{ padding-bottom: 72%; margin-bottom: 10%;}
.pro_list .txt{ padding: 0 20px}
.pro_list h3{ font-size: 22px; color: #2a4356;}
.pro_list p{ color: #6e8092; font-size: 16px;}
.pro_list .more{}
.pro_list .more{ display: block; width: 78%; line-height: 50px; position: relative; color: #fff; margin: 10% auto; opacity: 0; transition: all 0.5s;}
.pro_list span{ position: relative;}
.pro_list .more:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #fff; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.pro_list li:hover{ background: url("../images/pro_bg.png") no-repeat center top; background-size: cover; box-shadow: 0 5px 20px rgba(0,81,143,.6);}
.pro_list li:hover h3,
.pro_list li:hover p{ color: #fff;}
.pro_list li:hover .more{ opacity: 1;}
.pro_index .Pages{ padding-top: 0;}
@media(max-width:1024px){
    .pro_index{ padding-top: 5%;}
    .pro_index .Nmenu{ display: none;}
    .pro_current h3{ font-size: 30px;}
}
@media(max-width:1000px){
    .pro_index .fl,
    .pro_index .fr{ width: 100%; float: none;}
    .pro_index .fl{ border-right: none;}
    .pro_index .fl ul{ max-width: 100%; overflow: hidden; margin-bottom: 5%; width: 100%;}
    .pro_index .fl li{ float: left; width: 25%; margin-bottom: 0;}
    .pro_current h3{ display: none;}
    .pro_current{ overflow: hidden;}
    .pro_list h3{ font-size: 18px;}
    .pro_list p{ font-size: 14px;}
}
@media(max-width:768px){
    .pro_list li{ width: 31.33%; margin-right: 3%;}
}
@media(max-width:640px){
    .pro_index .fl li{ width: 33.33%;}
    .pro_index .fl a{ font-size: 14px;}
    .pro_current .down_dl{ display: none;}
    .pro_list li{ width: 48%; margin:0 1% 5% !important;}
    .pro_list h3{ font-size: 16px;}

}


.pro_ban{ background: url("../images/pro_bg2.jpg") no-repeat center; background-size: cover; padding: 3.5% 0 3.5%; position: relative;}
.pro_ban .parts{background-color: #fff;padding:4% 0;}
.pro_ban figure{ width: 65%;text-align:center;}
.pro_ban .txt{ width: 31%;}
.pro_ban .info{ background: #fff; padding: 12%; color: #2a4356;}
.pro_ban  .parts .info{padding:0 12%;}
.pro_ban .info h2{ margin: 0; font-size: 36px;}
.pro_ban .info h3{ margin: 0 0 7%; padding: 5% 0 7%; border-bottom: 1px solid #eee; font-size: 18px;}
.pro_ban .info p{ margin: 0; font-size: 16px; color: #6e8092; line-height: 28px;}
.pro_ban .more{ width: 160px; text-align: center; line-height: 50px; position: relative; margin-top: 30%; display: block; color: #6e8092;}
.pro_ban .more span{ position: relative; z-index: 10;}
.pro_ban .more span:after{ content: ''; display: inline-block; vertical-align: middle; width: 18px; height: 8px; background: url("../images/icon_arrow11.png") no-repeat center; margin-left: 35px;}
.pro_ban .more:before{ content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #6e8092; border-radius: 10px 0 10px 0; transform: skew(-25deg); left: 0; top: 0; transition: all 0.5s;}
.pro_ban .more:hover:before{ background: #6e8092;}
.pro_ban .more:hover{ color: #fff;}
.pro_ban .more:hover span:after{ background-image: url("../images/icon_arrow3.png");}
.pro_ban .click_mouse{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 2%; background: url("../images/icon_mouse.png") no-repeat center; width: 82px; height: 82px;}
.pro_tabnav{ background: #fff; padding: 19px 0;}
.pro_tabnav_fix{ position: fixed; width: 100%; top: 0; left: 0; z-index: 100;}
.pro_tabnav a{ float: left; width: 25%; text-align: center; line-height: 40px; border-right: 1px solid #eeeeee; font-size: 18px; color: #666666;}
.pro_tabnav a:last-child{ border-right: none;}
.pro_box{padding-top:5%;font-size:18px;}
.pro_box_item1 figure{ width: 67%;}
.pro_box_item1 .txt{ width: 45.15%;margin-left: -12.3%; margin-top: 4.5%; background: #fff; padding:4% 6%; font-size: 16px; color: #6e8092; line-height: 32px;}
.pro_box_item1 .tit_h2{ margin: 0; font-weight: normal; font-size: 24px; color: #2a4356;}
.pro_box_item1 .tit_h3{ margin: 5% 0; font-weight: normal; font-size: 36px; color: #2a4356; line-height: normal;}
.pro_box_item .slick-arrow{ position: absolute; width: 112px; height: 69px; top: 50%; transform: translateY(-50%); background: url("../images/icon_btn1.png") no-repeat left center; border: none; font-size: 0; cursor: pointer; z-index: 10;}
.pro_box_item .slick-prev{ left: 1%;}
.pro_box_item .slick-next{ right: 1%; background-position: right center;}
.pro_box_item .slick-arrow:hover{ background-image: url("../images/icon_btn2.png");}
.pro_title{ text-align: center; font-size:30px; color: #2a4356; font-weight: normal; margin:0 0 2%;}

.pro_box_item  table{border: 1px solid #6e8092;border-collapse: collapse;width:100% !important;}
.pro_box_item  td, .pro_box_item  th{border: 1px solid #6e8092;padding:.5% 5px;font-size:18px !important;text-align: center;color:#2a4356 !important}
.pro_box_item  td span,.pro_box_item  td b{font-size:18px !important;color:#2a4356 !important}
.pro_box_item  th{font-weight:bold;}
.pro_box_item  td p{margin:0;}
/* .pro_box_item3{ padding-bottom: 0;}
.pro_box_item4{ padding-top: 5%;} */
.pro_box_item4 .pro_title{ margin-top: 0;}
.pro_box_item4 .slick-prev{ left: -10%;}
.pro_box_item4 .slick-next{ right: -10%;}

@media(max-width:1200px){
    .pro_ban .txt{ width:35%; }
    .pro_ban .info{ padding: 6%;}
    .pro_ban .more{ margin-top: 15%;}
    .pro_ban .info h2{ font-size: 30px;}
    .pro_tabnav{ padding: 10px 0;}
    .pro_tabnav a{ line-height: 30px;}
    .pro_box_item1 .tit_h3{ font-size: 30px;}
    .w1440{padding: 0;width: 96%; background-color: #fff;}

}
@media(max-width:1000px){
    .pro_ban .info h2{ font-size: 26px;}
    .pro_box_item1 .tit_h3{ font-size: 26px;}
    .pro_box_item1 .txt{ padding: 2% 3%;}
    .pro_title{ font-size: 20px;}
}
@media(max-width:768px){
    .pro_ban{ padding-bottom: 15%;}
    .pro_ban figure,
    .pro_ban .txt{ float: none; width: 100%;}
    .pro_ban .info h2{ font-size: 26px;}
    .pro_ban .info h3{ padding: 2% 0 4%; margin-bottom: 4%;}
    .pro_ban .more{ margin-top: 5%;}
    .pro_tabnav a{ font-size: 16px;}
    .pro_box_item1 figure,
    .pro_box_item1 .txt{ width: 100%; float: none; margin: 0;}
    .pro_box_item1 .tit_h3{ font-size: 22px; margin: 2% 0;}
    .pro_box_item1 .tit_h2{ font-size: 18px;}
    .pro_box_item .slick-arrow{width: 56px;height: 34px;background-size: cover;}
}
@media(max-width:640px){
    .pro_ban{ padding-bottom: 10%;}
    .pro_ban figure,
    .pro_ban .txt{ float: none; width: 100%;}
    .pro_ban .info h2{ font-size: 22px;}
    .pro_ban .info h3{ padding: 1% 0 2%; margin-bottom: 2%; font-size: 16px;}
    .pro_ban .info p{ font-size: 14px; line-height: 24px;}
    .pro_ban .more{ margin-top: 5%;}
    .pro_box_item1 .tit_h3{ font-size: 20px;}
    .pro_box_item1 .txt{ font-size: 14px; line-height: 24px;}
}




.contact_box{ max-width: 1200px; margin: 0 auto;}
.contact_box h3{ text-align: center; font-size: 28px; color: #2a4356; margin-bottom: 5%;}
.contact_box li{ width:25%; float: left; text-align: center;}
.contact_box li h4{ font-size: 24px; color: #2a4356; margin: 4% 0;}
.contact_box li p{ margin: 0; font-size: 16px; color: #6e8092;}

.contact_map{ position: relative;}
.contact_map #allmap{ width: 100%; height: 680px;}
.contact_map #allmap *{ max-width: none;}
.dealer_list{ position: absolute; right: 0; top: 0; width: 500px; height: 100%; background: #2a4356;display:none;}
.dealer_list .Inquire{ padding: 10% 10% 3%; border-bottom: 1px solid #405667; margin-bottom: 4%;}
.dealer_list .Inquire h2{ margin: 0 0 5%; font-size:24px; color: #ffffff;}
.dealer_list .Inquire select{ display: block; width: 100%; line-height: 46px; border: 2px solid #fff; height: 50px; margin-bottom: 5%; background:url("../images/icon_arrow12.png") no-repeat 95% center; background-color: none; padding: 0 10% 0 5%; color: #485a69; font-size: 16px;}
.dealer_list .Inquire p{ color: #64727e; font-size: 16px; margin: 0; padding: 5% 0 0;}
.dealer_list .list_item{padding: 0 10% 5%; font-size: 16px;}
.dealer_list .list_item dl{ margin-bottom: 5%;}
.dealer_list .list_item dt{ width: 100%; background: #263c4d; line-height: 60px; padding: 0 5%; color: #fff; position: relative; cursor: pointer;}
.dealer_list .list_item dt:after{ position: absolute; content: ''; width: 60px; height: 100%; background: url("../images/icon_arrow12.png") no-repeat center #142a3a; right: 0; top: 0;}
.dealer_list .list_item dd{ display: none; color: #fff; padding: 4%; background: #263c4d;}
.dealer_list .list_item dd p{ position: relative; padding-left: 100px; line-height: 30px; margin: 0 0 5px;}
.dealer_list .list_item dd span{ position: absolute; left: 0; top: 0; color: #6c7781;}
.dealer_list .scroll{ padding-right: 5%; height: 310px; max-height: 310px; overflow: auto;}
/* 设置滚动条的样式 */
.dealer_list .scroll::-webkit-scrollbar {
    width : 8px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
}
/* 滚动�? */
.dealer_list .scroll::-webkit-scrollbar-track {
    background: #354d5f;
}
/* 滚动条滑�? */
.dealer_list .scroll::-webkit-scrollbar-thumb {
    background:#142a3a;
}
.dealer_list .list_item .aon dt{ display: none;}

@media(max-width:1024px){
    .contact_map{ padding-right: 400px;}
    .dealer_list{ width: 400px;}
    .contact_box li h4,
    .dealer_list .Inquire h2{ font-size: 20px;}
    .dealer_list .list_item{ font-size: 14px;}
    .dealer_list .list_item dt:after{ width: 40px;}
    .dealer_list .list_item dt{ padding-right: 50px;}
}
@media(max-width:768px){
    .contact_map{ padding-right: 0;}
    .dealer_list{ width: 100%; position: relative;}
    .contact_box li h4,
    .dealer_list .Inquire h2{ font-size: 18px;}
    .contact_map #allmap{ height: 300px;}
}
@media(max-width:640px){
    .contact_box li{ width: 100%; margin-bottom: 5%;}
    .contact_box li i{ max-width: 40px; display: block; margin: 0 auto;}
    .contact_box li p{font-size: 14px;}
    .contact_box li h4{margin: 4% 0 0%;}
}
.Industry_list_item{margin-bottom: 50px;}
.Industry_list_top .ul{text-align: center; margin-bottom: 80px;}
.Industry_list_top .ul li{width: 14.6%;display: inline-block; line-height: 50px;text-align: center;font-size: 16px;color: #6e8092;cursor: pointer; position: relative;z-index: 2; margin: 0 0.5%;}
.Industry_list_top .ul li::before{content: '';width: 100%; height: 100%; border: 2px solid #cdd9e5; border-radius: 10px 0 10px 0; top: 0 ; left: 0; transform: skew(-25deg);transition: all .5s; position: absolute;}
.Industry_list_top .ul li.active::before{background-color: #0068b7; border-color: #0068b7;z-index: -2;}
.Industry_list_top .ul li.active{color: #fff;}
.Industry_list_item_top{overflow: hidden; background-color: #fff;padding: 60px 5.55%;}
.Industry_list_item_top h1{float: left;width: 13.88%;color: #2a4356; margin: 0;}
.Industry_list_item_top p{font-size: 18px; line-height: 2; color: #6e8092; margin: 0; float: left; width:85% ;}
.Industry_list_item_bot{overflow: hidden; background-color: #314c61; position: relative;}
.Industry_list_item_bot .left_img{width: 75%;}
.Industry_list_item_bot .left_img .img-box{ min-width: 75%; background-color: #fff; display: none;}
.Industry_list_item_bot .left_img .img-box .image {padding-top: 62.03%;}
.Industry_list_item_bot .left_img .img-box img{ display: block ; height: 100%;}
.Industry_list_item_bot .right_info_list{width: 25%;  background-color: #314c61; position: absolute; top: 0;right: 0; }
.Industry_list_item_bot .right_info_list .right_info_item{border-top: 1px solid #405667; cursor: pointer; position: relative;}
.Industry_list_item_bot .right_info_list .right_info_item article{display: none; padding: 0 13.88%;line-height: 1.714;  color: rgba(255, 255, 255, 0.502); height: 289px;font-size:15px;}
.Industry_list_item_bot .right_info_list .right_info_item.active{background-color: #314c61; border-top: 0;}
.Industry_list_item_bot .right_info_list .right_info_item.active::before{content: ''; width: 0; height: 0; border: 15px solid #314c61; border-left-color: transparent;border-top-color: transparent; border-bottom-color: transparent ; position: absolute; top: 5%; left: -8%;}
.Industry_list_item_bot .right_info_list .right_info_item.active article{display: block;}
.Industry_list_item_bot .right_info_list .right_info_item.active h2{background-color: #314c61;}
.Industry_list_item_bot .right_info_list .right_info_item h2{margin: 0; padding: 28.8px 13.88%; font-size: 22px; color: #fff;font-weight: normal; background-color: #2a4356;}
@media (max-width: 1500px) {
    .Industry_list_item_bot .right_info_list .right_info_item h2 {padding: 26px 13.88%;font-size: 20px;}
}
@media (max-width: 1300px) {
    .Industry_list_item_bot .right_info_list .right_info_item h2 {padding: 16px 13.88%;font-size: 18px;}
}
@media(max-width:1200px){
/* .Industry_list_item_bot .left_img .img-box{height: 620px;} */
.Industry_list_item_bot .right_info_list .right_info_item h2{padding: 10px 13.88%;font-size: 16px;}
}
@media(max-width:1024px){
.Industry_list_item_top h1{width: 21.88%;}
.Industry_list_item_bot .right_info_list{position: relative;}
.Industry_list_item_bot .left_img,.Industry_list_item_bot .right_info_list{float: none; width: 100%; min-height: auto;}
.Industry_list_item_bot .right_info_list .right_info_item{float: left;width: 25%; position: static;}
.Industry_list_item_bot .right_info_list .right_info_item article{width: 100%; position: absolute; top: 40%; left: 0px; padding: 20px 5% 30px; background-color: #314c61;height: auto;}
.Industry_list_item_bot .right_info_list .right_info_item{margin-bottom: 10%;}
.Industry_list_item{margin-bottom: 150px;}
.Industry_list_item_bot{overflow: visible;}
.Industry_list_item_bot .right_info_list .right_info_item.active::before{border: 0;}
.Industry_list_item_bot .left_img .img-box{height: auto;}
.Industry_list_item_bot .left_img .img-box img{width: 100%; height: auto;}
}

@media(max-width:640px){
.Industry_list_top .ul li{width: 25.6%;margin: 5px 0.5%;}
.Industry_list_item_top h1,.Industry_list_item_top p{float: none;width: 100%;}
    .Industry_list_item_top p{font-size: 14px;}
    .Industry_list_item_top h1{font-size: 20px;}
.Industry_list_item_bot .right_info_list .right_info_item h2{font-size: 18px;}
.Industry_list_item_bot .right_info_list .right_info_item article{top: 45%;font-size: 14px;}
.Industry_list_top .ul{margin-bottom: 40px;}

    .Industry_list_item_bot .right_info_list .right_info_item h2{line-height: normal;}
    .Industry_list_item_bot .right_info_list{position: relative;padding-bottom: 200px;background-color: #2a4356;}
    .Industry_list_item_bot .right_info_list .right_info_item{width: 50%;margin-bottom: 0;position: initial;      border: 0px solid #405667!important; border-top: 1px solid #405667!important;}
    .Industry_list_item_bot .right_info_list .right_info_item.active article{position: absolute;bottom: 0px;left: 0;height: 200px;overflow: auto;top: auto;background-color: #314c61;}
    .Industry_list_item{margin-bottom: 50px;}
}
@media(max-width:530px){
.Industry_list_item_bot .right_info_list .right_info_item h2{font-size: 14px;}
.Industry_list_item_bot .right_info_list .right_info_item h2{padding-left: 4.88%; padding-right: 0;}
}



.Industry_index{background-color: #f5f7fa; background-size: 100% auto;}
.Industry_index .Nmenu{ background: #f5f7fa;}
.Industry_map{ width: 81.528%;margin: 0 auto; position: relative;}
.Industry_list{ position: absolute; left: 50%; transform: translateX(-50%); width: 1440px; bottom: 11%;}
.Industry_list .slick-list{ padding: 10px 0;}
.Industry_list li{ background: #f5f7fa; border-right: 1px solid #e8eaed; padding:0 1px;}
.Industry_list li .info{ display: block;background: #f5f7fa; padding: 5% 2% 10px 7%; }
.Industry_list h2{ padding-left: 42px; background: url("../images/icon_arrow17.png") no-repeat left 5px; font-weight: normal; font-size: 24px; color: #2a4356; margin: 0 0 5%;}
.Industry_list pre{ padding-left: 42px; font-size: 16px; color: #6e8092; line-height: 30px; height: 94px; overflow: hidden;}
.Industry_list .slick-arrow{ position: absolute; width: 112px; height: 69px; top: 50%; transform: translateY(-50%); background: url("../images/icon_btn1.png") no-repeat left center; border: none; font-size: 0; cursor: pointer; z-index: 10;}
.Industry_list .slick-prev{ left: -10%;}
.Industry_list .slick-next{ right: -10%; background-position: right center;}
.Industry_list .slick-arrow:hover{ background-image: url("../images/icon_btn2.png");}
.Industry_list li.aon{ position: relative; background: #fff;}
.Industry_list li.aon .info{ background: #ffffff; box-shadow: 0 0 10px #ddd;}
.Industry_list li.aon h2{ background-image: url("../images/icon_arrow18.png");}
.Industry_list li.aon pre{ color: #2a4356;}
.Industry_item2{ position: relative;}
.Industry_item2 .txt{ background: #fff; padding: 5% 8%; font-size: 16px; color: #6e8092; line-height: 30px;}
.Industry_item2 .txt .tit{ margin: 0 0 5%; font-size: 24px; color: #2a4356;}
.Industry_item2 .txt article{ min-height: 245px; position: relative; padding-bottom: 20px;}
.Industry_item2 .txt article:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 4px; background: #c8d0d9;}

.Industry_item2 .slider-nav li{ font-size: 16px; color: #6e8092; text-align: center; line-height: 70px; border: 1px solid #cdd9e5; border-top: none; border-right-color: transparent; cursor: pointer;}
.Industry_item2 .slider-nav li.slick-current{ background: #0068b7; color: #fff;}
.Industry_item2 .slider-nav li:last-child{ border-right-color:#cdd9e5;}
.Industry_item2 .slick-arrow{ position: absolute; width: 112px; height: 69px; top: 50%; transform: translateY(-50%); background: url("../images/icon_btn1.png") no-repeat left center; border: none; font-size: 0; cursor: pointer; z-index: 10; display: none!important;}
.Industry_item2 .slick-prev{ left: -10%;}
.Industry_item2 .slick-next{ right: -10%; background-position: right center;}
.Industry_item2 .slick-arrow:hover{ background-image: url("../images/icon_btn2.png");}
@media(max-width:1700px){
    .Industry_item1{ padding-left: 6%; padding-right: 6%;}
    .Industry_list .slick-prev,
    .Industry_item2 .slick-prev{ left: -5%;}
    .Industry_list .slick-next,
    .Industry_item2 .slick-next{ right: -5%;}
}
@media(max-width:1600px){
    .Industry_item1{ padding-left: 3%; padding-right: 3%;}
    .Industry_list{ width: 1366px;}
}
@media(max-width:1440px){
    .Industry_list{ width: 1160px;}
    .Industry_list h2,
    .Industry_list pre{ padding-left: 30px;}
    .Industry_list h2{ font-size: 20px;}
}
@media(max-width:1366px){
    .Industry_list{ width: 1100px;}
    .Industry_item2 .txt{ padding-top: 0; padding-bottom: 0;}
}
@media(max-width:1200px){
    .Industry_list{ width: 120%;}
}
@media(max-width:1000px){
    .Industry_map{ width: 100%;}
    .Industry_list{ width: 100%;}
    .Industry_item2 .txt .tit{ font-size: 20px;}
}
@media(max-width:768px){
    .Industry_item2{ padding: 5% 4%;}
    .Industry_list h2{ font-size: 18px;}
    .Industry_list pre{ font-size: 14px; line-height: 24px;}
    .Industry_list .slick-arrow,
    .Industry_item2 .slick-arrow{width: 56px;height: 34px;background-size: cover;}
    .Industry_list{ bottom: 5%;}
    .partner_list li{ width: 33.33%;}
    .Industry_item2 .ytable_cell{ display: block; width: 100%;}
    .Industry_item2 .txt{ padding: 4%; font-size: 14px; line-height: 24px;}
    .Industry_item2 .slick-arrow{ display: block!important;}
    .Industry_item2 .txt article{ min-height: auto;}
    .Industry_item2 .txt .tit{ font-size: 18px;}

}
@media(max-width:640px){
    .Industry_map .box{ position: relative; display: none;}
    .Industry_list{ position: relative; bottom: auto;}
    .Industry_list .slick-list{ padding: 10px;}
    .Industry_list li{background: #ffffff;box-shadow: 0 0 10px #ddd;position: relative;}
    .Industry_list li h2{background-image: url(../images/icon_arrow18.png);}
}



/*搜索*/
.newsList_box{}
.newsList_box li{ line-height:55px;border-bottom:1px dashed #e5e5e5;}
.newsList_box li a{ padding-right:10px; color: #2a4356; font-size: 16px;}
.newsList_box li time{ float:right;}
.newsList_box li a:hover{ color: #0068b7;}

.partner_list{ padding-bottom: 3%;}
.partner_list li{ float: left; width: 20%;background: #e6f4ff;  padding: 10px; }
.partner_list li:nth-child(2n){ background: #fff;}
.partner_list li figure{ padding-top: 35%; background-size: contain;}




/* 设置滚动条的样式 */
.scroll::-webkit-scrollbar {
    width : 4px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}
/* 滚动�? */
.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
    border-radius:10px;
    background: #d3d8dc;
}
/* 滚动条滑�? */
.scroll::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:#6e8092;
}

.listsItme figure{ padding-top: 65.28%; transition: all 0.5s; }
.listsItme li{ float: left; width:47%; margin-right:6%; margin-bottom:1.5%; overflow: hidden; position: relative;list-style-type:none;}
.listsItme li:nth-child(2n){ margin-right: 0;}
.listsItme li p{text-align:center;}


.web_link ul li{ padding:10px 0; border-bottom:dotted 1px rgba(42,67,86,.3)}
.web_link ul li b{ display:block; font-size:24px; font-weight:normal; padding-bottom: 10px;color:#2a4356}
.web_link ul li i{ font-size:18px; opacity: 0.5; line-height: 16px;color:#2a4356}
.web_link ul li a{color:#2a4356}
.web_link ul li a:hover{color:#0068b7}
.web_link ul li span{ opacity:0.8; display:inline-block; white-space:nowrap; padding-right:20px;}




@media(max-width:768px){
.Hboxmore,.Hpro .tab_span li,.Hnews .tab_span li,.subMenu a{line-height:40px;}

.Hpro .tab_span{padding:0 3%}
.Hpro .list li a{padding:0;}
.Hpro .list{padding-bottom:3%}
}


/*联系我�? */
.map-box { width: 58.6%; border: 1px solid #ddd; float: left; }
#map2 { height:500px; }
#map2 img { max-width: none }
.contactBox { padding:5% 0; }
.contact_index {color: #6e8092; }
.contact_index .map { width: 56.6%; float: left; height: 560px; }
.contact_index .map * { max-width: none; }
.contact_index .info { width: 36%; float: right; }
.contact_index .tit { font-size: 30px; margin-top: -10px; }
.contact_index .tit b { display: inline-block; margin-right: 2%; font-size: 36px;}
.contact_index .tit span { display: inline-block; }
.contact_index .pic { width: 85px; }
.contact_index ul { padding: 3% 0; border-bottom: 1px solid rgba(255,255,255,0.05); margin-bottom: 1%; }
.contact_index li { padding: 0% 0; }
.contact_index li h3 { font-size: 18px; margin-bottom: 10px; text-transform: uppercase; }
.contact_index li p { font-size: 16px; color: #6e8092; max-width: 410px;margin-top:0;}
.contact_index li .tel { font-size: 18px; }
.contact_index .ewm { font-size: 16px; line-height: 32px; }
.contact_index .ewm .pic { width: 150px; }

@media(max-width:1200px) {
.contact_index .tit { margin-top: 0; }
.contact_index .map-box, .contact_index .info { float: none; width: 100%; margin-bottom: 2%; }
.contact_index .map-box { margin-bottom: 5%; }
#map2 { height: 400px; }
.contact_index .info{padding-left:2%;padding-right:2%}
}

@media(max-width:640px) {
.contact_index .tit { font-size: 4vw; }
.contact_index .tit b { font-size: 6vw; display: block; }
.contact_index .pic { width:16vw; }
.contact_index li h3 { font-size: 3.5vw; }
.contact_index li p { font-size: 3vw; }
.contact_index li .tel { font-size: 4vw; }
#map2 { height: 60vw; }
}


.ytable{ display:table; width:100%;table-layout:fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

/*垂直居中,容器设置宽高*/
.ycenter {align-items: center;
    display: -webkit-box; /* 老版本语�?: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语�?: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语�?: Chrome 21+ */
    display: flex; /* 新版本语�?: Opera 12.1, Firefox 22+ */}
/*水平居中,容器设置宽高*/
.xcenter {justify-content: center;
    display: -webkit-box; /* 老版本语�?: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语�?: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语�?: Chrome 21+ */
    display: flex; /* 新版本语�?: Opera 12.1, Firefox 22+ */}
/*盒子布局*/
.flexbox{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
/*弹性布局水平垂直居中 兼容性高*/
.xycenterbox{
    display: -webkit-box; /* 老版本语�?: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语�?: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语�?: Chrome 21+ */
    display: flex; /* 新版本语�?: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
/*弹性布局水平居中 兼容性高*/
.xcenterbox{
    display: -webkit-box; /* 老版本语�?: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语�?: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语�?: Chrome 21+ */
    display: flex; /* 新版本语�?: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/*弹性布局垂直居中 兼容性高*/
.ycenterbox{
    display: -webkit-box; /* 老版本语�?: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语�?: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语�?: Chrome 21+ */
    display: flex; /* 新版本语�?: Opera 12.1, Firefox 22+ */
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}





@media(max-width:1150px){
    .header .topNav .li{ margin-left: 25px;}
    .header .topNav .li > a{ font-size: 16px;}
}

@media(max-width:1150px){
 .container05 .left{ background-color:#012845;}
}