@charset "utf-8";
*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html {
    font-size:16px; 
    overflow-x:hidden;
    -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
body { 
    font-family:"Source Han Sans CN","PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft Yahei",Helvetica,Arial,sans-serif; 
    font-size:17px;
    color: #4d4d4d;overflow-x:hidden;
}
body.en{ font-family:Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;color:#333}
a:hover{color:#15509c}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
video:focus{ outline:none}
.red{ color:#db2216;}
.blue{ color:#0076bd}

input,textarea,select,button,input{ outline:none; font-size:14px;font-family: Arial, 'Microsoft Yahei', Helvetica, sans-serif;text-transform: capitalize;}


input[type=checkbox] {cursor: pointer;position: relative;}
input[type=checkbox]::after {position: absolute;top: 0;background-color: #fff;color: #fff;width: 14px;height: 14px;display: inline-block;visibility: visible;padding-left: 0px;text-align: center;content: ' ';border-radius: 2px;box-sizing: border-box;border: 1px solid #ddd;}
input[type=checkbox]:checked::after {content: "";background-color: #80bc00;border-color: #80bc00;background-color: #80bc00;}
input[type=checkbox]:checked::before {content: '';position: absolute;top: 1px;left: 5px;width: 3px;height: 8px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);z-index: 1;}
:root{
    --gradient-background-color:linear-gradient(to right,#1659a8,#16a7d4);
    --background-color:#0076be;
    --blue-color:#0076be;
    --red-color:#dc2215;
    --grey-color:#575454;
    --black-color:#0a0a0a;
    --white-color:#fff;
}

.wrap{width:80%; margin: 0 auto;}
.pic{overflow:hidden; position:relative}
.pic:before{content:""; display: block;}
.pic img{ 
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0; 
    width:100%;
    height:100%;
    object-fit:cover;
    -moz-transition:.8s cubic-bezier(.64,.93,.88,1.07);
    -webkit-transition:.8s cubic-bezier(.64,.93,.88,1.07);
    transition:.8s cubic-bezier(.64,.93,.88,1.07);
}

.img-dv{ position:relative; overflow:hidden; -webkit-transition: all 1.5s;-moz-transition: all 1.5s;-ms-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; width:auto; height:auto; min-width:100%; min-height:100%; transition: all 1.5s; display:block}
.img-dv:hover img{transform:scale(1.05);}


.more{
    background:var(--background-color);
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;
    width: 130px;
    line-height: 35px;
    border-radius: 25px 25px 0 25px;
    color: #fff;
    font-size: .9em;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
}

.more i {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
    margin-left: 12px;
}

.more:hover{background: var(--red-color);color: #fff;}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 5%;
    z-index:99;
    height:95px;
    -webkit-transition:0.4s;
    -moz-transition:0.4s;
    transition:0.4s;
    text-transform: capitalize;
}
.pny .header{ background:#fff;}
.space{ height:95px; }
.header-scroll{ box-shadow:0 0 10px rgba(0,0,0,.08);background-color: #fff;}
/* .header:before {
    content: '';
    width: 100%;
    height: 120%;
    position: absolute;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,0));
    background: -o-linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,0));
    background: -moz-linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,0));
    background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,0)); 
    z-index: 1;
} */
.logo{height:95px;position:relative;z-index: 2;}
.logo img{display:block;height:60px;position: absolute;left: 0;right: 0;top:0;bottom:0;margin: auto;transition: .3s;}
.logo .logo-norm{opacity: 0;}
.logo .logo-w{opacity: 1;}

.menu-box{max-width: calc(100% - 50px);position: relative;z-index: 2;}
.menu{position: relative;z-index: 2; margin-top:20px; background-color:rgba(0,0,0,0.1); padding:0 20px; border-radius:8px; margin-right:135px;}

.header-back, .header-back02{ background:#fff;}
.nab.fp-viewing-3 .header-back{ background:#f7f8f9;}
.ny .header-back, .ny .header-back02{box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.05);}
.header-back .menu, .header-back02 .menu{ background:none;}
.menu ul{display:flex;display:-webkit-flex;justify-content:space-between}
.menu li{margin:0 30px;position:relative;white-space: nowrap;}
.menu li:after{ content:""; position: absolute; width:1px; height:15px; background:#fff; opacity:0.5; top:50%; right:-30px; margin-top:-7.5px;}
.header-back .menu li:after, .header-back02 .menu li:after{background:#000; opacity:0.5;}
.menu li:last-child:after{ display:none; }
.menu .menu_a{color:#fff;position:relative;text-transform: uppercase;display: block;line-height: 55px; padding:0 15px; font-size:18px;}
.menu .menu_a:after{
    content:'';
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 0;
    height:2px;
    background:var(--white-color);
    -webkit-transition: width .3s;
    transition: width .3s;
    transform: translateX(-50%);
}

.menu li:hover .menu_a:after, .menu li.cur .menu_a{ font-weight:bold; }
.header-back .menu li.cur .menu_a, .header-back02 .menu li.cur .menu_a{ color:#0076bd; }

.menu li.cur .menu_a:after {width: 100%;}
.menu .sub{ 
    position:absolute;
    left: 50%;
    top: 100%; 
    width:150px;
    text-align: center;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%); 
    opacity: 0;
    visibility: hidden;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    transition:.5s;
}
.menu .sub .con {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); 
    position:relative;
    padding: 10px 0;
}
.menu .sub .con:before { 
    content:""; 
    width:0; 
    height:0; 
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #fff; 
    display:block; 
    position:absolute; 
    left:50%; 
    margin-left:-6px; 
    top:-6px
}
.menu .sub a { 
    display:block; 
    background:#fff; 
    border-bottom:1px solid #e8e8e8;
    color:#666; 
    line-height: 20px; 
    padding: 15px 20px;
    word-wrap: break-word;
    white-space:normal
}
.menu .sub a:last-child{border-bottom: 0;}
.menu li:hover .sub {opacity: 1;visibility: visible;}
.menu .sub a:hover {
    background:var(--blue-color); 
    color:#fff
}


.header .other-btn {display: flex;display: -webkit-flex;align-items: center;height: 95px;}
.lang img {display: block;height: 20px;}

.search{ position:relative;margin-left: 36px;}
.search:after{ content:""; position:absolute; left:-16px; top:50%; width:1px; height:14px; margin-top:-7px; background:#fff; opacity:0.6; }
.header-back .search:after, .header-back02 .search:after{background:#000; opacity:0.5;}
.search-btn{ width:25px; height:25px; background:url(../images/ico_searchbtn.png) no-repeat center;background-size: 18px; cursor:pointer;display: block;}
.search-form{ position:absolute;width:200px; right:0; top: 50px;display: none;}
.search-form .inp{ width:100%;border:1px solid #fff;box-sizing: border-box;padding-left:10px;padding-right:30px;background: #fff;display: block;line-height: 26px;border: 1px solid #e8e8e8;}
.search-form .submit{display: block;width: 30px;height: 100%; position:absolute; right:0;top:0; background:url(../images/ico_searchbtn_black.png) no-repeat center;background-size: 15px; border:0;cursor:pointer}
.search.cur .search-btn{background:url(../images/ico_close.png) no-repeat center;background-size: 20px;}

.npro .menu{ background-color:rgba(0,0,0,0) !important;}
.header-back .menu .menu_a, .header-back02 .menu .menu_a, .npro .header .menu .menu_a{ color: #333;}
.header-back .menu .menu_a:after, .header-back02 .menu .menu_a:after, .npro .header .menu .menu_a:after{ background:#0076bd; }
.header-back .search-btn,.header-back02 .search-btn, .npro .header .search-btn{background: url(../images/ico_searchbtn_black.png) no-repeat center;background-size: 18px;}
.header-back .search.cur .search-btn,.header-back02 .search.cur .search-btn, .npro .header .search.cur .search-btn{    background: url(../images/ico_close.png) no-repeat center;background-size: 20px;}
.header-back .logo .logo-norm, .header-back02 .logo .logo-norm, .npro .header .logo .logo-norm{opacity: 1;}
.header-back .logo .logo-w, .header-back02 .logo .logo-w, .npro .header .logo .logo-w{opacity: 0;}
.header-back .menu li:after, .header-back02 .menu li:after, .npro .header .menu li:after{background:#000; opacity:0.5;}
.npro .header .menu li:hover .menu_a, .npro .header .menu li.cur .menu_a{ color: #0076bd;}


.put-section-1 .logo .logo-w{opacity: 0;}

.put-section-1 .menu .menu_a{ color: var(--black-color);}
.put-section-1 .menu .menu_a:after{ background: var(--black-color);}
.put-section-1 .search-btn{background: url(../images/ico_searchbtn_black.png) no-repeat center;background-size: 18px;}
.put-section-1 .search.cur .search-btn{    background: url(../images/ico_close.png) no-repeat center;background-size: 20px;}
.put-section-1 .logo .logo-norm{opacity: 1;}
.put-section-1 .logo .logo-w{opacity: 0;}
.put-section-3 .menu .menu_a{ color: var(--black-color);}
.put-section-3 .menu .menu_a:after{ background: var(--black-color);}
.put-section-3 .search-btn{background: url(../images/ico_searchbtn_black.png) no-repeat center;background-size: 18px;}
.put-section-3 .search.cur .search-btn{    background: url(../images/ico_close.png) no-repeat center;background-size: 20px;}
.put-section-3 .logo .logo-norm{opacity: 1;}
.put-section-3 .logo .logo-w{opacity: 0;}
.put-section-5 .menu .menu_a{ color: var(--black-color);}
.put-section-5 .menu .menu_a:after{ background: var(--black-color);}
.put-section-5 .search-btn{background: url(../images/ico_searchbtn_black.png) no-repeat center;background-size: 18px;}
.put-section-5 .search.cur .search-btn{    background: url(../images/ico_close.png) no-repeat center;background-size: 20px;}
.put-section-5 .logo .logo-norm{opacity: 1;}
.put-section-5 .logo .logo-w{opacity: 0;}
.put-section-6 .menu .menu_a{ color: var(--black-color);}
.put-section-6 .menu .menu_a:after{ background: var(--black-color);}
.put-section-6 .search-btn{background: url(../images/ico_searchbtn_black.png) no-repeat center;background-size: 18px;}
.put-section-6 .search.cur .search-btn{background: url(../images/ico_close.png) no-repeat center;background-size: 20px;}
.put-section-6 .logo .logo-norm{opacity: 1;}
.put-section-6 .logo .logo-w{opacity: 0;}
/**/
.section{overflow: hidden;}
.section01{z-index:8;}
.section02{z-index:7;background-color: #fff;}
.section03{z-index:6;}
.section04{z-index:5;background-color: #fff;}
.section05{z-index:4;}
.section06{z-index:3;overflow:hidden; background-color: #fff;}
.section07{z-index:2;}
.section-vh{height: 100vh; min-height:550px;}
.Pagebtn-ico{position: fixed;right: 4%;bottom:23px; z-index:99; }
.Pagebtn-ico a{display: block;width: 40px;height: 40px;border-radius: 50%;border: 1px solid var(--black-color); margin: 12px 0;}
.Pagebtn-ico .Pagebtn-up{background: url(../images/ico_arrow.png) no-repeat center; background-size:80% auto !important}
.Pagebtn-ico .Pagebtn-down{background: url(../images/ico_arrow_d.png) no-repeat center;background-size:80% auto !important}
.fp-viewing-0 .Pagebtn-ico .Pagebtn-up, .fp-viewing-2 .Pagebtn-ico .Pagebtn-up, .fp-viewing-4 .Pagebtn-ico .Pagebtn-up, .fp-viewing-6 .Pagebtn-ico .Pagebtn-up{background: url(../images/ico_arrow_w.png) no-repeat center;}
.fp-viewing-0 .Pagebtn-ico .Pagebtn-down, .fp-viewing-2 .Pagebtn-ico .Pagebtn-down, .fp-viewing-4 .Pagebtn-ico .Pagebtn-down, .fp-viewing-6 .Pagebtn-ico .Pagebtn-down{background: url(../images/ico_arrow_dw.png) no-repeat center;}
.fp-viewing-0 .Pagebtn-ico a, .fp-viewing-2 .Pagebtn-ico a, .fp-viewing-4 .Pagebtn-ico a, .fp-viewing-6 .Pagebtn-ico a{border: 1px solid var(--white-color); }

.nab.fp-viewing-section02 .Pagebtn-ico .Pagebtn-up{background: url(../images/ico_arrow_w.png) no-repeat center;border: 1px solid #fff;}
.nab.fp-viewing-section02 .Pagebtn-ico .Pagebtn-down{background: url(../images/ico_arrow_dw.png) no-repeat center;border: 1px solid #fff;}
.nab.fp-viewing-section02 .Pagebtn-ico .Pagebtn-up:hover{background: url(../images/ico_arrow_w.png) var(--blue-color) no-repeat center;border: 1px solid var(--blue-color);}
.nab.fp-viewing-section02 .Pagebtn-ico .Pagebtn-down:hover{background: url(../images/ico_arrow_dw.png) var(--blue-color) no-repeat center;border: 1px solid var(--blue-color);}

.nab.fp-viewing-section05 .Pagebtn-ico .Pagebtn-up{background: url(../images/ico_arrow_w.png) no-repeat center;border: 1px solid #fff;}
.nab.fp-viewing-section05 .Pagebtn-ico .Pagebtn-down{background: url(../images/ico_arrow_dw.png) no-repeat center;border: 1px solid #fff;}
.nab.fp-viewing-section05 .Pagebtn-ico .Pagebtn-up:hover{background: url(../images/ico_arrow_w.png) var(--blue-color) no-repeat center;border: 1px solid var(--blue-color);}
.nab.fp-viewing-section05 .Pagebtn-ico .Pagebtn-down:hover{background: url(../images/ico_arrow_dw.png) var(--blue-color) no-repeat center;border: 1px solid var(--blue-color);}

.Pagebtn-ico .Pagebtn-up:hover{background: url(../images/ico_arrow_w.png) var(--blue-color) no-repeat center;border: 1px solid var(--blue-color);}
.Pagebtn-ico .Pagebtn-down:hover{background: url(../images/ico_arrow_dw.png) var(--blue-color) no-repeat center;border: 1px solid var(--blue-color);}

.npower .Pagebtn-ico .Pagebtn-up{background: url(../images/ico_arrow_w.png) no-repeat center;border: 1px solid #fff;}
.npower .Pagebtn-ico .Pagebtn-down{background: url(../images/ico_arrow_dw.png) no-repeat center;border: 1px solid #fff;}
.npower .Pagebtn-ico .Pagebtn-up:hover{background: url(../images/ico_arrow_w.png) var(--blue-color) no-repeat center;border: 1px solid var(--blue-color);}
.npower .Pagebtn-ico .Pagebtn-down:hover{background: url(../images/ico_arrow_dw.png) var(--blue-color) no-repeat center;border: 1px solid var(--blue-color);}

.npower.fp-viewing-section03 .Pagebtn-ico .Pagebtn-up, .npower.fp-viewing-section04 .Pagebtn-ico .Pagebtn-up{background: url(../images/ico_arrow.png) no-repeat center; background-size:80% auto !important; border: 1px solid var(--black-color);}
.npower.fp-viewing-section03 .Pagebtn-ico .Pagebtn-down, .npower.fp-viewing-section04 .Pagebtn-ico .Pagebtn-down{background: url(../images/ico_arrow_d.png) no-repeat center;background-size:80% auto !important; border: 1px solid var(--black-color);}
.npower.fp-viewing-section03 .Pagebtn-ico .Pagebtn-up:hover, .npower.fp-viewing-section04 .Pagebtn-ico .Pagebtn-up:hover{background: url(../images/ico_arrow_w.png) var(--blue-color) no-repeat center;border: 1px solid var(--blue-color);}
.npower.fp-viewing-section03 .Pagebtn-ico .Pagebtn-down:hover, .npower.fp-viewing-section04 .Pagebtn-ico .Pagebtn-down:hover{background: url(../images/ico_arrow_dw.png) var(--blue-color) no-repeat center;border: 1px solid var(--blue-color);}


.banner{ position:relative;height: 100%; z-index:1;}
.banner img{ display:block; width:100%;height: 100%;object-fit: cover;-moz-transition:1s linear 2s;-webkit-transition:1s linear 2s;transition:1s linear 2s;}
.banner .swiper-slide{ position:relative}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:25px; height:25px; margin-top:-15px; outline:none; opacity:0.3; top:50%; overflow:hidden; transition: .3s; background: none;}
.banner .swiper-button-prev{border-top: 2px solid #fff;border-left: 2px solid #fff; transform: rotate(-45deg);left:2%}
.banner .swiper-button-next{border-top: 2px solid #fff;border-right: 2px solid #fff; transform: rotate(45deg);right:2%}
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{ opacity:1;}
.banner .swiper-pagination{font-size: 0;bottom:5%;left:5%;width: auto;color: #fff; font-weight: 300;font-family: Arial;}
.banner .swiper-pagination span{font-size: 16px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 15px 0 0 !important;}
.banner .swiper-pagination-bullet{ width:auto;height:auto;background:none !important; border-radius:0 !important; position:relative; opacity:1;padding-top:90px; }
.banner .swiper-pagination-bullet-active:before{ content:""; position:absolute; top:0; width:1px; height:80px; left:50%; margin-left:-0.5px; background-color:rgba(255,255,255,0.3)}
.banner .swiper-pagination-bullet:after{ content:""; position:absolute; bottom:28px; width:2px; height:0px; left:50%; margin-left:-1px; background:#fff;-webkit-transition: all 3s;-moz-transition: all 3s;-ms-transition: all 3s;-o-transition: all 3s;transition: all 3s}
.banner .swiper-pagination-bullet-active:after{ height:90px}
.banner .swiper-pagination-bullet i{ font-style:normal; font-size:13px; display:inline-block; position:relative;  }
.banner .swiper-pagination-bullet-active i:after{ content:""; position:absolute; left:0; bottom:20px; width:100%; height:1px; background:#fff;}


.banner .swiper-slide{ position:relative}
.banner .txt{ position: absolute;left:10%;top:50%;color: #fff;font-size:50px;opacity: 0;}
.banner .txt p{font-size: .52em; }
.banner .swiper-slide-active .txt{top:40%;opacity: 1;transition:1s ease;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner .swiper-slide-active img, .banner .swiper-slide-duplicate-active img{
	transition:16s linear;
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
.banner-video{height: 100vh; overflow: hidden;}
.banner-video video{ width: 100%;height: 100%;object-fit: cover;}
.banner a{display: block;width: 100%;height: 100%;}

/* .space { padding:60px 0} */
.title {
    font-size: 38px;
    color: var(--black-color);
    line-height: 1;
    margin-bottom: 1.2em;
}
.title .cn {font-weight: bold;}
.title .en {font-size:75px; white-space:nowrap; text-transform:uppercase; color: #000; opacity:0.05; font-weight: bold; line-height:1; margin-bottom:15px; margin-left:-6px; letter-spacing:-5px;}
.title h3{ font-size: 60px;  margin-top:10px; font-weight:bold; }
.col-w{color: #fff;}
.col-w .en{color: #fff;}

.i-about-bg{position: absolute;left: 0;right: 0;bottom:0;width: 100%;height: 100%;background: url(../images/aboutbg.png) no-repeat center bottom;background-size:100% auto;z-index: 1;}
.i-about {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
.i-about .title p.en{ margin-left:0;}

.i-about .content {max-width: 58%; margin-bottom:3.5em;}
.i-about .content-detail{margin-bottom: 3.5em; line-height:1.5; font-size:18px;}
/* .i-advLeft .intro::-webkit-scrollbar,
.i-advRight .intro::-webkit-scrollbar {
    width:2px;
}

.i-advLeft .intro::-webkit-scrollbar-track,
.i-advRight .intro::-webkit-scrollbar-track {
    background:rgba(0,0,0,.1);
}

.i-advLeft .intro::-webkit-scrollbar-thumb,
.i-advRight .intro::-webkit-scrollbar-thumb {
    background:rgba(255,255,255,.6);
    border-radius: 5px;
} */

.i-advantage-bg{
    position: absolute;
    left: 0;
    right: 0;
    bottom:0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../images/adv-bg.jpg) no-repeat center bottom;
    background-size:cover;
}
.fullpage .section03.active .i-advantage-bg{animation: pulse2 20s forwards;}
@-webkit-keyframes pulse2 {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    100% {
      -webkit-transform: scale3d(1.3, 1.3, 1.3);
      transform: scale3d(1.3, 1.3, 1.3);
    }

  }
  
  @keyframes pulse2 {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    100% {
        -webkit-transform: scale3d(1.3, 1.3, 1.3);
        transform: scale3d(1.3, 1.3, 1.3);
      }
  }

.i-advantage {
    position: relative;
    z-index: 2;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 100%;
}
.i-advantage .wrap{width: 100%;padding: 0; padding-left:10%;}
.i-advantage .title { width:35%; }
.i-advantage .title p.en{ color:#fff; opacity:0.1;}
.i-advantage .title p.cn{ border-left:solid 7px #fff; padding-left:20px;}
.i-advantage-con{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;}
.i-advantage-con .left{width: 44%;}
.i-advantage-con .right{width: 56%;}
.i-advlist{color: #fff;display: grid;grid-template-columns: repeat(3,33.33%);}
.i-advlist li:nth-of-type(5){
    grid-column: 2 / span 2;
}
.i-advlist li:nth-child(-n + 3){margin-bottom: 4em;}
.i-advlist .con{display: inline-block; }
.i-advlist .counter{font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size:4em;margin-right: 5px;}
.i-advlist .intro{font-weight: 300; font-size:18px;}
.i-laboratory .pic{background-color: #fff;overflow: hidden;}
.i-laboratory .pic:before{padding-top: 75%;}
.i-laboratory p{color: #fff;padding: 25px 0 60px; font-size:18px;}
.i-laboratory .swiper-slide:hover .pic img{transform: scale(1.05);}
.i-laboratory .swiper-scrollbar{height: 1px;background: rgba(255,255,255,.4);left: 0;}
.i-laboratory .swiper-scrollbar-drag{background: #fff;height: 3px;cursor: pointer; top: -1px;}

.i-product {height: 100%;position: relative;z-index: 2;display: flex;display: -webkit-flex;align-items: center;}
.i-product .wrap{width: 100%;padding: 0;padding-right: calc(10% + 1rem);}
.i-product-con{display: flex;display: -webkit-flex;flex-direction: row-reverse;justify-content: space-between;align-items: center;}
.i-product-con .right{width: 25%;}
.i-product-con .left{width: 67%;}
.i-product-con .title p.cn{ border-left:solid 7px #0069b7; padding-left:20px;}
.i-product-con .content-detail{margin-bottom: 5em; font-size:18px;}
/*.i-product-con .more{margin-left: auto;margin-right: 0;}*/
.i-product-list ul{display: flex;display: -webkit-flex;}
.i-product-list li{width: 18%;float: left;overflow: hidden;position: relative;margin-right: 1%;}
.i-product-list li.cur{width: 60%;}
.i-product-list li .item{position: relative;display: block;}
.i-product-list .img_ar{background-color: #f3f4f5;position: relative;height: 600px;overflow: hidden;}
.i-product-list .img_ar img{position: absolute;left: 0;top: 0;bottom:0;margin: auto;display: block;max-width: 260px;}
.i-product-list .img_ar:after{
    content:'';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(#e1e1e1, #fff);
    background: -o-linear-gradient(#e1e1e1, #fff); 
    background: -moz-linear-gradient(#e1e1e1, #fff);
    background: linear-gradient(#e1e1e1, #fff);
    opacity: 0;
    transition: .3s;
}
.i-product-list .cont_ar{position: absolute;left: 0;top: 0;right: 0;bottom:0;width: 100%;height: 100%;}
.i-product-list .pro-img{position: absolute;left: 0;top:0;width: 60%;height: 100%; transform:scale(0); -webkit-transform:scale(0);}
.i-product-list .pro-img img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;max-width: 100%;max-height: 100%;margin: auto;}
.i-product-list .pro-infor{position: absolute;right: 0;bottom: 10%;width: 40%;opacity: 0;}
.i-product-list .pro-infor h4{color: #8e8d8d;font-weight: bold;font-size: 1.25em;}
.i-product-list .pro-infor h4:after {
    content: "";
    width: 35px;
    height: 6px;
    background-color: var(--red-color);
    display: block;
    margin: .8em 0 .7em;
}
.i-product-list .pro-infor h3{color: var(--black-color);font-size: 2.625em;}
.i-product-list li.cur .pro-img,
.i-product-list li.cur .pro-infor{transition:0.6s; -webkit-transition:0.6s; transition-delay:0.5s; -webkit-transition-delay:0.5s;}
.i-product-list li.cur .pro-img{transform:scale(1); -webkit-transform:scale(1);}
.i-product-list li.cur .img_ar:after{opacity: 1;}
.i-product-list li.cur .img_ar img{display: none;}
.i-product-list li.cur .pro-infor{bottom: 20%;opacity: 1;}

.i-application{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.i-application .title{position: absolute;left: 10%; width:80%; top:25vh;z-index: 5;}
.i-application .title p.en{ color:#fff; opacity:0.2;}
.i-application .title p.cn{ border-left:solid 7px #fff;  padding-left:20px;}
.i-application .gallery-top{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index:2}
.i-application .gallery-top img{display:block; width:100%;height: 100%;object-fit: cover;-moz-transition:1s linear 2s;-webkit-transition:1s linear 2s;transition:1s linear 2s;}
.i-application .swiper-slide-active img, 
.i-application .swiper-slide-duplicate-active img {
	transition:16s linear;
	-moz-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.i-application .gallery-top .txt{ color:#fff;position:absolute;left:10%;top:50%; font-weight:300;}
.i-application .gallery-top .txt span{ float:left; line-height:1}
.i-application .gallery-top .txt span:nth-child(1){font-size:50px;font-weight:bold; padding-right:15px; color:#fff;}
.i-application .gallery-top .txt span:nth-child(2){padding-left:15px; font-size:26px; padding-right:15px; position:relative;margin-top:20px;}
.i-application .gallery-top .txt span:nth-child(2):before {
	content:'';
	width:1px;
	height:20px;
	background:#fff;
	position:absolute;
	left:0;
	top:3px
}
.i-application .gallery-top .txt span:nth-child(3) { font-size:26px; margin-top:20px;}
.i-application .gallery-thumbs{position: absolute;left:4%;bottom: 10%;width: 92%;z-index: 3; z-index:3;}
.i-application .gallery-thumbs .ico{margin-bottom: 20px;}
.i-application .gallery-thumbs .ico img{ display:block; height:90px !important; width:auto; margin:0 auto}
.i-application .gallery-thumbs .ico .img1{ display:block;}
.i-application .gallery-thumbs .ico .img2{ display:none;}
.i-application .gallery-thumbs .swiper-slide{color: rgba(255,255,255,0.6); font-size:26px; text-align:center; padding:0 15px; cursor:pointer;border-right:1px solid rgba(255,255,255,0.5); transition:.4s;}
.i-application .gallery-thumbs .swiper-slide:last-child{ border-right:none; }
.i-application .gallery-thumbs .active-nav .ico .img1{display:none; }
.i-application .gallery-thumbs .active-nav .ico .img2{display:block;}
.i-application .gallery-thumbs .active-nav{color: rgba(255,255,255,1);}



.fp-viewing-5 .header-back{ background:none;}
.i-news-bg{position: absolute;left: 0;right: 0;bottom:0;width: 100%;height: 100%;background: url(../images/news-bg.jpg) no-repeat center bottom;background-size:cover;z-index: 1;}
.i-news{position: absolute;top: 0;bottom: 0;left: 0;width: 100%;z-index: 2;}
.i-news:before{
    content: '';
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: calc(10% - 2rem);
    height: 100%;
}
.i-news:after{
    content: '';
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(10% - 2rem);
    height: 100%;
}
.i-news .wrap{position: relative;height: 100%;width: calc(80% + 4rem);}
.i-news .title{position: absolute;top: 15%;left:2rem;z-index: 2; display:none;}
.i-news .title p.cn{ border-left:solid 7px #0069b7; padding-left:20px;}
.i-news-list{position: absolute;width: 100%;top:0;bottom: 0;left: 0;}
.i-news-list ul{display: flex;display: -webkit-flex;height: 100%;}
.i-news-list li{width: 25%;background-color: #fff;}
.i-news-list a{display: block;padding: 40vh 2rem 2rem;height: 100%;}
.i-news-list .tm{border: 1px solid #d8d8d8;padding:6px 10px 6px 6px;margin-bottom: 15%;color: var(--grey-color);text-align: center;display: flex;display: -webkit-flex;align-items: center;font-weight: 300;}
.i-news-list .tm span:nth-child(2){width: 60%;}
.i-news-list .tm .y{font-size: 2.8em;color: var(--blue-color);font-weight: bold;width: 40%;border-right: 1px solid #d8d8d8;}
.i-news-list .tit{font-size: 1.25rem;font-weight: bold;color: var(--black-color);margin-bottom: 8%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i-news-list .info{color: var(--grey-color);display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;font-weight: 300;margin-bottom: 30%;}
.i-news-list .more_2{width: 45px;height: 45px;border-radius: 50%;overflow: hidden;background-color: var(--red-color);position: relative;display: block;}
.i-news-list .more_2:before,
.i-news-list .more_2:after {
    content: '';
    position: absolute;
    background-color: #fff;
    opacity: .8;
}
.i-news-list .more_2:before{width: 50%;height: 2px;left: 25%;top:48%}
.i-news-list .more_2:after{width: 2px;height: 50%;left: 48%;top:25%}
.i-news-list li, 
.i-news-list .tm, 
.i-news-list .tm .y, 
.i-news-list .tit, 
.i-news-list .info, 
.i-news-list .more_2 {-webkit-transition: .4s;-moz-transition: .4s;transition: .4s;}
.i-news-list li:hover{background-color: transparent;}
.i-news-list li:hover .tm{color: #fff;border: 1px solid rgba(255,255,255,.4);}
.i-news-list li:hover .tm .y{color: #fff;border-right: 1px solid #fff;}
.i-news-list li:hover .tit, .i-news-list li:hover .info{color: #fff;}
.i-news-list li:hover .more_2{background-color: var(--blue-color);}

.footer{color:#fff;background-color: var(--background-color);padding-top: 30px; padding-right:10%; position:relative; z-index:2}
.footer .line {width:100%;height:1px; background:#3090ca; position: absolute; left:0; top:90px;}
.footer .line02 {width:82%;height:1px; background:#3090ca; position: absolute; right:0; bottom:80px;}
.f-logo{padding: 2% 0;float: left;width: 20%;margin-top: 60px;}
.f-logo img{ display: block;height:100px;margin: 0 auto;}
.f-nav{position: relative;float: right;width: 80%;padding-bottom: 30px;}
.f-nav:after{content: '';width:1px;height: calc(100% - 60px); background: #3090ca;position: absolute;bottom:0;left: 0;}
.f-nav ul{ display:flex; display:-webkit-flex;justify-content:space-between;}
.f-nav li{position:relative;width:16.666666%;text-transform: capitalize;text-align: center;}
.f-nav h4{font-weight: bold;line-height: 60px;font-size: 1.05em;margin-bottom: 25px;}
.f-nav .sub a{display: block;color: #fff;font-weight: 300;line-height: 2;opacity: .6;}
.f-nav .sub a:hover{opacity: 1;}
.footer .copyright{  margin-top:50px;}
.footer .copyright p{ padding:25px 0 0 0;color: #fff;opacity: .6; text-align:center}
.footer .copyright a{color: #fff;opacity: .8;}
.footer .copyright a:hover{opacity: 1;}


.nbanner { position:relative}
.nbanner img{ display:block; width:100%; height:auto;}
.nbanner .text{position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; margin-top:30px; color:#fff; width:100%; }
.nbanner .text p.en{ color:#fff; opacity:0.3; font-weight:normal; margin-left:0;}
.nbanner .text h3{color:#fff; }


.nnav { line-height:55px; border-bottom:solid 1px #cecece; }
.nnav li{ float:left; position:relative; }
.nnav li a{ display:block; padding-right:30px;}
.nnav li:after{ content:""; position:absolute; right:15px; top:50%; width:1px; height:15px; margin-top:-7.5px; background:#000; opacity:0.5;}
.nnav li:last-child{ margin-right:0;}
.nnav li:last-child:after{ display:none; }


.nsection{ padding:100px 0 120px 0;}
.nsectionpre{ padding-top:100px;}
.nsectionnext{ padding-bottom:100px;}

.newslist .item{ margin-bottom:70px;}
.newslist .item:last-child{ margin-bottom:0; }
.newslist .item:hover{box-shadow: 5px 5px 15px 10px rgba(0, 0, 0, 0.08);}
.newslist .item a{ display:block; display:table; width:100%; position:relative; }
.newslist .item .img-dv{ width:40%; display: table-cell; vertical-align: middle;}
.newslist .item .img-dv img{ width:100%}
.newslist .item .text{ width:60%; padding:2% 4%; display: table-cell; vertical-align: middle; border:solid 1px #cecece;}
.newslist .item .text:hover{ border: solid 1px #eaeaea;}
.newslist .item .text .date{ font-size:20px; color:#0062b4; }
.newslist .item .text h3{ margin:18px 0 12px 0; font-size:24px; font-weight:bold; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.newslist .item .text p{ opacity:0.8; margin-bottom:30px; color:#333; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newslist .item .nmore{ width:90px; height:90px; border:solid 1px #cecece; border-radius:10px 10px 0 10px; position:absolute; bottom:0; right:0;}
.newslist .item .nmore:before, .newslist .item .nmore:after{content: '';position: absolute;background-color: #db2216;}
.newslist .item .nmore:before{width: 30%;height: 2px;left: 35%;top:calc(50% - 1px)}
.newslist .item .nmore:after{width: 2px;height: 30%;left: 48%;top:35%}
.newslist .item:hover .nmore{background-color: #db2216; border:solid 1px #db2216;}
.newslist .item:hover .nmore:before, .newslist .item:hover .nmore:after{ background:#fff}


.newstail .newstitle{ text-align:center; margin-bottom:55px; padding-bottom:45px; border-bottom:solid 1px #cecece;}
.newstail .newstitle h3{ font-size:30px; font-weight:bold; color:#333; margin-bottom:15px;}
.newstail .newstitle p{ color:#333; opacity:0.6;}
.newstail .newscontent{ padding-bottom:100px; border-bottom:solid 1px #cecece; }
.newstail .newscontent p{ padding:5px 0; line-height:30px; }
.newstail .newscontent img{ max-width:100%}
.newstail .shangxia{ padding:70px 0 50px 0; line-height:40px; font-size:18px; }
.newstail .shangxia a{ opacity:0.8; }
.newstail .back a{ width:210px; line-height:50px; border:solid 1px #cecece; display:inline-block; text-align: center; }
.newstail .back a:hover{ border:solid 1px #0076bd; background:#0076bd; color:#fff; }


.npro{ background: url(../images/banner_probg.jpg) no-repeat top right; background-size:auto 85vh; position:relative; }
.npro:after{content:""; background-image: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,1)); position:absolute; left:0; top:0; height:85vh; width:100%;}

.prolist{ background: url(../images/banner_probg.jpg) no-repeat top right; background-size:auto 85vh; position:relative; }
.prolist:after{content:""; background-image: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,1)); position:absolute; left:0; top:0; height:85vh; width:100%;}
.prolist{ position:relative; z-index:2;}
.prolist .title{ margin-bottom:80px;}
.nguide{ line-height:120px; font-size:22px; border-top:solid 1px #cecece;}
.nguide ul{width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.nguide ul li{display:inline-block;}
.nguide ul li a{ display:inline-block; position:relative}
.nguide ul li:hover a, .nguide ul li.cur a{color:#2c8cc8;font-weight:bold; }
.nguide ul li:hover a:after, .nguide ul li.cur a:after{ content:""; width:100%; height:3px; background:#de1305; position:absolute; left:0; top:0; }


.toponenews{ margin:20px 0 75px 0;padding:5%; border-radius:25px; border:solid 1px #cecece; background:#fff; position:relative; z-index:22;}
.toponenews:hover{box-shadow: 5px 5px 15px 10px rgba(0, 0, 0, 0.08); border:solid 1px #fff;}
.toponenews a{ display:table; display:block; width:100%; }
.toponenews a .img-dv{ display: table-cell; vertical-align: middle; width:46%; background-size:auto 100% !important;}
.toponenews:hover a .img-dv{background-size:auto 105% !important;}
.toponenews a .text{ display: table-cell; vertical-align: middle; width:54%; padding:3% 0 3% 8%;}
.prolist .icon{ font-size:18px; color:#514d4e; position:relative; padding-bottom:20px; display:inline-block;}
.prolist .icon:after{ content:""; position:absolute; left:0; bottom:0; width:36px; height:4px; background:#0076be;}
.prolist .toponenews h3, .prolist .othernews h3{ font-size:38px; margin:20px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#333}
.toponenews:hover h3{ font-weight:bold;}
.prolist p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; color:#333; opacity:0.9; font-size:18px;}
.prolist .more{ margin-top:35px;}
.prolist .toponenews .more{ margin-top:50px;}

.prolist .othernews{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; position:relative; z-index:22;}
.prolist .othernews .item{ width:31.666%; margin-right:2.5%; margin-bottom:2.5%; padding:3%;  border-radius:25px 25px 0 25px; overflow:hidden; border:solid 1px #cecece; position:relative}
.prolist .othernews .item:after{ content:""; width:0px; height:8px; background:#da2216; position:absolute; left:0; bottom:0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.prolist .othernews .item:hover:after{ width:100%;}
.prolist .othernews .item .img-dv{ margin-bottom:30px;  background-size:auto 100% !important;}
.prolist .othernews .item:hover .img-dv{background-size:auto 105% !important;}
.prolist .othernews .item:hover{box-shadow: 5px 5px 15px 10px rgba(0, 0, 0, 0.08); border:none;}
.prolist .othernews .item:hover h3{ font-weight:bold;}
.prolist .othernews .item:nth-child(3n){ margin-right:0; }


.nprodetail .nnav{ border-bottom:none; padding:0 } 
.npro .nmain{ position:relative; z-index:2; }

.nprodetail .topjian .wrap{padding: 80px 5%; border-radius:25px;box-shadow: 5px 5px 15px 10px rgba(0, 0, 0, 0.08); margin-top:25px; background:#fff; position:relative; }
.nprodetail .topjian .img-dv{ float:right; width:46%; }
.nprodetail .topjian .text{ width:46%; position:absolute; left:5%; bottom:80px;}
.nprodetail .topjian .text .icon{ font-size:24px; color:#333; position:relative; display:inline-block;}
.nprodetail .topjian .text h3{ font-size:50px; margin:10px 0 45px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#0076bd; font-weight:bold; }
.nprodetail .topjian .text p{ padding-top:25px; border-top:solid 1px #cecece; font-size:18px;}

.otherdetail{ background:#f9f9f9; padding:55px 0;}
.npro .otherdetail .nsection{ padding:80px 0;}
.otherdetail .detailleft{ width:calc(96% - 300px); float:left}
.otherdetail .item { padding:40px; background:#fff; width:100%; margin-bottom:25px;}
.otherdetail .item .con{ overflow-x:auto; }
.otherdetail .item .ptitle{ font-size:35px; line-height:55px; margin-bottom:40px; font-weight:bold; padding-left:75px; color:#333;}
.otherdetail .item .ptitle01{ background:url(../images/picon01.png) no-repeat left center; background-size:auto 100%;}
.otherdetail .item .ptitle02{ background:url(../images/picon02.png) no-repeat left center; background-size:auto 100%;}
.otherdetail .item .ptitle03{ background:url(../images/picon03.png) no-repeat left center; background-size:auto 100%;}
.otherdetail .item .ptitle04{ background:url(../images/picon04.png) no-repeat left center; background-size:auto 100%;}
.otherdetail .item .ptitle05{ background:url(../images/picon05.png) no-repeat left center; background-size:auto 100%;}
.otherdetail .item  table{  border-bottom:solid 1px #efefef; border-right:solid 1px #efefef;}
.otherdetail .item  table tr:first-child{ background:#f1f1f1; font-size:105%;}
.otherdetail .item  table td{border-top:solid 1px #efefef; border-left:solid 1px #efefef; padding:15px;}
.otherdetail .item .con .imgfr{ float:right; margin-top:-100px;}
.otherdetail .item .con img{ width:auto; max-width:100%}

.otherdetail .wrap{ position:relative;}
.otherdetail .detailright{ float:right}
.otherdetail .detailright .ttitle{ font-weight:bold; line-height:20px; padding:140px 0 40px 0; font-size:32px;}
.otherdetail .detailright p{ font-size:18px; padding:15px 0;}
.otherdetail .detailright p a{ display:inline-block; position:relative; opacity:0.8;}
.otherdetail .detailright p.cur a, .otherdetail .detailright p a:hover{ color:#0076bd; opacity:1}
.otherdetail .detailright p a:after{ content:""; position:absolute; left:0; bottom:-15px; width:100%; height:3px; background:#0076bd; display:none }
.otherdetail .detailright p.cur a:after{ display:block; opacity:1}
.fixeds{position:fixed; right:10%; }
.fixeds02{position: absolute !important; right:0%; bottom:50px !important; top:auto !important }


.mab01{ height:80vh; position:relative}
.mab01 .nabout-bg{position: absolute;left: 0;right: 0;bottom:0;width: 100%;height: 100%;background: url(../images/abbg01.jpg) no-repeat center center;background-size:cover;}
.mab01 .text{ width:100%; color:#fff; position: absolute; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:40%; z-index:3}
.mab01 .text .wrap{padding-left:40%; }
.mab01 .text .title .cn{ color:#fff;}
.mab01 .text .title .en{ color:#fff; opacity:0.3;}
.mab01 .text .con{ line-height:1.6; }
.nyoushi{ height:20vh; position:relative;}
.nyoushi .inn{ width:100%; position: absolute; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:45%;}
.nyoushi .wrap{display:flex;display:-webkit-flex;justify-content: space-between;}
.nyoushi .wrap .item{ display:inline-block; text-align:center; font-size:20px; margin-top:2%;}
.nyoushi .wrap .item .counter{ color:#db2216; font-weight:bold; font-size:60px; margin-right:5px; line-height:65px;}
.nyoushi .wrap .item .sign{ font-weight:bold; color:#000; position:relative;}


.nabout02-bg{position: absolute;left: 0;right: 0;bottom:0;width: 100%;height: 100%;background: url(../images/abbg02.jpg) no-repeat center center;background-size:cover; z-index:-1;}
.mab02{width:100%; color:#fff; position: absolute; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; z-index:3}
.mab02 .image{ float:right; width:48%}
.mab02 .image img{ display:block; width:100%; height:auto;}
.mab02 .text{ float:left; width:44%}
.mab02 .text .title{ margin-top:40px; padding-left:18px; border-left:solid 7px #fff;}
.mab02 .text .title .cn02{ font-weight:normal; margin-bottom:10px;}
.mab02 .text .title p.cn{ color:#fff}
.mab02 .text .con{ color:#fff; padding-left:25px; font-size:18px; opacity:0.9}
.mab02 .text .more{ margin-top:60px; margin-left:25px; background:#fff; color: #0679be;}
.mab02 .text .more i{background: #0679be;}
.mab02 .text .more:hover{ color:#fff; background:#db2216}
.mab02 .text .more:hover i{ background:#db2216;}


.nhistory{width:100%; position: absolute; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:48%; z-index:3}
.nhistory .title p.cn{ border-left:solid 7px #0069b7; padding-left:20px;}
.nab.fp-viewing-2 .hisline{ position:absolute; top:0; right:calc(10% + 1rem); width:1px; height:100%; background:#d1d1d1; z-index:999; transition-delay: 0.4s;}
.nhistory .swiper-container-wrapper{ position:relative; }
.nhistory .gallery-top{ width:60%; margin-right:40% }
.nhistory .gallery-top .title { margin-bottom:65px;}
.nhistory .gallery-top .img-dv{ margin-right:90px;}
.nhistory .gallery-top .text{ position:relative; z-index:99; margin-left:90px; border-radius:10px; color:#fff; background:#0076bd; margin-top:-40px; padding:10px 40px;overflow: hidden;text-overflow: ellipsis;}
.nhistory .gallery-top .text span{ font-size:26px; font-weight:bold; padding-right:30px; margin-right:30px; border-right:solid 1px #fff;}

.nhistory .gallery-thumbs {width: 30%; max-width:460px; margin-top:70px; height: calc(100% - 70px); overflow:hidden; position:absolute; right:0; top:0; z-index:999; }
.nhistory .gallery-thumbs .swiper-wrapper {flex-direction: column;}
.nhistory .gallery-thumbs .swiper-slide {flex-flow: column nowrap; width: 100%; cursor: pointer; height:170px; }
.nhistory .gallery-thumbs .swiper-slide h3{ font-size:150px; line-height:170px; color:#f0f0f0; text-align: center;}
.nhistory .gallery-thumbs .swiper-slide.active h3{font-size:170px; font-weight:bold; color:#040000;}
.nhistory .gallery-thumbs .swiper-slide.active h3 span{ color:#db2216;}

.nabout04-bg{position: absolute;left: 0;right: 0;bottom:0;width: 100%;height: 100%;background: #f7f8f9; z-index:-1;}
.mab04{width:100%; position: absolute; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; z-index:3}
.mab04 .ncleft{ float:left; width:35%; margin-top:3%;}
.mab04 .title p.cn{ border-left:solid 7px #0069b7; padding-left:20px;}
.mab04 .ncleft .kuai{ position:relative; padding:30px 0; padding-left:65px;  }
.mab04 .ncleft .kuai:after{ content:""; position:absolute; left:0; width:42px; height:42px; border:solid 1px #d6d6d7; border-radius:5px; top:50%; margin-top:-21px;}

.mab04 .ncleft .kuai.nadd:after{ background:url(../images/add.svg) no-repeat center center; background-size:15px auto;}
.mab04 .ncleft .kuai.nmail:after{ background:url(../images/mail.svg) no-repeat center center; background-size:15px auto;}
.mab04 .ncleft .kuai.ntel:after{ background:url(../images/tel.svg) no-repeat center center; background-size:15px auto;}
.mab04 .ncleft .liangduandq{width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; border-top:solid 1px #cecece;}
.mab04 .ncleft .kuai.nmail, .mab04 .ncleft .kuai.ntel{ display:inline-block; }
.mab04 .ncright{ float:right; width:60%}

#allmap{width:100%;height:420px;line-height:22px; font-size:14px;}
.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}
.BMap_bubble_content{color: #888; font-size:13px}
.iwTitle {color: #d81006;font-size: 14px;font-weight: bold;line-height:22px;	display:block;padding-bottom:8px;}
.BMapLabel{ background:none !important; border:0 !important}

.napp01{ position:relative; height:100vh; min-height:550px;}
.napp01bg{position: absolute;left: 0;right: 0;bottom:0;width: 100%;height: 100%;background: url(../images/napp01bg.jpg) #000 no-repeat center bottom; background-size:cover; z-index:-1;}
.napp01 .wrap{position: absolute; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:40%; z-index:3}
.napp01 .title p.en{ opacity:0.1; }
.napp01 .title p.en, .napp01 .title h3{ color:#fff;}
.napp01 .con .text{ width:36%; min-width:320px; float:right; color:#fff; margin-top:-40px; opacity:0.75; line-height:1.8 }

.napp02{  position:relative; height:100vh; min-height:550px;}
.napp02 img{ display: block;}
.napp02 .img-dv{ border-radius:15px; overflow:hidden;}
.napp02 .img-dv .img2{ width:100%; min-height:100%;}
.napp02 .img-dv{ overflow:hidden;}
.napp02 .appswiper{ position:relative; }
.napp02 .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.7)}
.napp02 .main_con{ padding:50px 65px; width:100%; height:100%;}
.napp02 .main_con .zhanshi{ width:calc(100% - 350px); position:relative;}
.napp02 .main_con .zhanshi .text{ position:absolute; left:0; top:0; width:100%; height:100%; width: 80%; margin:0 10%;}
.napp02 .main_con .zhanshi .text .title{ position:absolute; top:18%}
.napp02 .main_con .zhanshi .text .title p.en{ color:#fff; opacity:0.2}
.napp02 .main_con .zhanshi .text .title h3{ color:#fff}
.napp02 .main_con .zhanshi .text .con{ position:absolute; bottom:15%}
.napp02 .main_con .zhanshi .text .con h3, .napp02 .main_con .zhanshi .text .con p{ font-size:18px; color:#fff; position:relative; font-weight:normal;}
.napp02 .main_con .zhanshi .text .con h3{ position:relative; padding-bottom:10px; margin-bottom:15px;}
.napp02 .main_con .zhanshi .text .con h3:after{ content:""; position:absolute; width:15px; height:3px; background:#fff; left:0; bottom:0;}
.napp02 .main_con .img-dv .img1{ height:calc(100vh - 100px)}

.napp02 .appbtn{ position:absolute; top:50px; right:65px; width:320px; height:calc(100vh - 100px); z-index:92}
.napp02 .appbtn li{ margin-bottom:20px; cursor:pointer; }
.napp02 .appbtn li:last-child{ margin-bottom:0}
.napp02 .appbtn li .img-dv .img1{ height:calc(25vh - 40px)}

.nprodetail .back{ text-align:center; margin:50px 0;}
.nprodetail .back a{ width:210px; line-height:50px; border:solid 1px #0076bd; background:#0076bd; color:#fff; display:inline-block; text-align: center; }
.nprodetail .back a:hover{ border:solid 1px #0076bd; background:#0076bd; color:#fff; }


.npower01bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/npower01bg.jpg) no-repeat center center; background-size:cover;}
.npower01bg .title{position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; color:#fff; width:100%; }
.npower01bg .title p.en{ color: rgba(100%,100%,100%,0.6); opacity:0.3; font-weight:normal; margin-left:0;}
.npower01bg .title p.en span{ display:block}
.npower01bg .title h3{color:#fff; }


.npower02bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/npower02bg.jpg) no-repeat center center; background-size:cover;}
.npower02bg .title{ position:absolute; width:100%; left:0; top:20%; text-align:center;}
.npower02bg .title p.en{ color: rgba(100%,100%,100%,0.6); opacity:0.3; font-weight:normal; margin-left:0;}
.npower02bg .title p.cn{color:#fff; position:relative; padding-bottom:15px; }
.npower02bg .title p.cn:after{ content:"";  width:90px; height:3px; background:#f31d0f; position:absolute; bottom:0; left:50%; margin-left:-45px;}
.npower02bg .list{ text-align:center;display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.npower02bg .list .item{ width:25%; height:100vh; position:relative}
.npower02bg .list .item:hover{ background-color:rgba(255,255,255,0.16)}
.npower02bg .list .item .inn{position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:calc(50% + 140px); color:#fff; width:100%; }
.npower02bg .list .item .icon{ width:40%; max-width:100px; margin:0 auto}
.npower02bg .list .item .icon img{ display:block; width:100%; height:auto;}
.npower02bg .list .item .text{ margin-top:40px;}
.npower02bg .list .item .text h3{ font-size:24px; color:#fff; margin-bottom:10px; font-weight:normal;}
.npower02bg .list .item .text p{ font-size:12px; opacity:0.4; line-height:16px; height:32px;}

.npower.fp-viewing-section02 .menu, .npower.fp-viewing-section04 .menu{ background:none;}
.npower.fp-viewing-section03 .header-back{ background:none;}

.npower03bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/npower03bg.jpg) no-repeat center center; background-size:cover;}
.npower03bg .title p.cn{ border-left:solid 7px #0069b7; padding-left:20px;}
.npower03bg .text{position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%; }
.npower03bg .text .title, .npower03bg .text .conn{ width:40%}
.npower03bg .text .conn p{ line-height:40px; font-size:18px;}

.npower04bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/npower04bg.jpg) no-repeat center center; background-size:cover;}
.npower04bg .wrap{ width:100%}
.npower04bg .inn{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%;}
.npower04bg .title, .npower04bg .pro-nav, .npower04bg .protab-wrap .desc {padding-left:10%;}
.npower04bg .title p.en{ color:#fff; opacity:0.1;}
.npower04bg .title p.cn{ border-left:solid 7px #fff; padding-left:20px; color:#fff;}
.npower04bg .conn{ position:relative; margin-top:120px;}
.npower04bg .pro-nav{ width:36%; position:absolute;left:0; top:0; z-index:22;}
.npower04bg .pro-nav li{ display:inline-block; position:relative; font-size:24px; margin-right:50px;}
.npower04bg .pro-nav li:last-child{ margin-right:0; }
.npower04bg .pro-nav li a{ display:block; color:#fff; padding:30px 0; position:relative}
.npower04bg .pro-nav li a:after{ content:""; position:absolute; left:0; top:0; width:100%; height:4px; background:#fff; display:none;}
.npower04bg .pro-nav li.cur a, .npower04bg .pro-nav li:hover a{ font-weight:bold;}
.npower04bg .pro-nav li.cur a:after, .npower04bg .pro-nav li:hover a:after{ display:block; }
.npower04bg .protab-wrap{ width:100%; position:relative; min-height:360px;}
.npower04bg .protab-wrap .i-product-list{ margin-left:44%; width:56%;}
.npower04bg .protab-wrap .desc{ position:absolute; left:0; bottom:0; width:36%; color:#fff; margin-bottom:40px; font-size:18px; opacity:0.8; }
.npower04bg .protab-wrap .item{ opacity:0; height:0; width:100%; }
.npower04bg .protab-wrap .item.cur{ display:block; opacity:1; z-index:68}
.npower04bg .protab-wrap .item .swiper-slide{ background:#fff; padding:25px; border-radius:25px; margin-bottom:40px;}
.npower04bg .protab-wrap .item .swiper-slide .text h3{ font-size:24px; font-weight:bold}
.npower04bg .protab-wrap .item .swiper-slide .text{ margin-bottom:20px;}
.npower04bg .swiper-scrollbar{height: 1px;background: rgba(255,255,255,.4);left: 0;}
.npower04bg .swiper-scrollbar-drag{background: #fff;height: 3px;cursor: pointer; top: -1px;}