* {
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    overflow-x: hidden;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0rem;
    color: #2E363F;
    font-weight: 300;
    position: relative;
    overflow-x: hidden;
    background-color: #fff;
}

.mont,
.mont-light {
    font-family: "Montserrat";
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.otf');
}

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


a {
    text-decoration: none;
    color: #2E363F;
}

a:hover {
    text-decoration: none;
}

i,
em {
    font-style: normal;
}

img {
    border: 0;
    vertical-align: middle;
}

ul li {
    list-style: none
}

h1,
b {
    font-weight: normal
}

button {
    border: none;
    background: none;
}

/*公共样式*/
.container {
    max-width: 1440px;
    margin: 0 auto
}

input {
    outline: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.c {
    overflow: hidden;
    zoom: 1;
}

/*头部*/

.wap-header {
    display: none;
}

/*头部*/

.header {
    padding-top: 10px
}

.header-top {
    position: fixed;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: 0.5s linear;
}


.logo {
    margin-top: -10px
}

.logo img {
    vertical-align: middle;
    line-height: 43px;
    ;
}

.logo a {
    display: block;
    line-height: 43px;
}

.header-top .header-right .nav {
    overflow: hidden;
    padding-right: 5px;
}

.header-top .header-right .nav li {
    float: left;
    margin-left: 40px;
    position: relative;
    padding-bottom: 50px
}

.header-top .header-right .nav li a {
    font-size: 20px;
    color: #fff;
    line-height: 20px;
}

.header-top .header-right .nav li:after {
    content: '';
    width: 0;
    height: 1px;
    background: #fff;
    display: block;
    margin-top: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 30px;
    transition: all 0.5s;
}

.header-top .header-right .nav li:hover:after,
.header-right .nav li.on:after {
    width: 100%
}

.header-top .header-right .nav li {
    display: block;
    text-align: center;
}

.header-top .header-right .nav li a {
    position: relative;
    z-index: 999;
    transition: all .4s;
    position: relative;
    font-weight: 400
}

.header-top .header-right .nav li dl {
    position: absolute;
    top: 68px;
    left: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 55px;
    line-height: 55px;
    display: none;
    text-align: center;
}

.header-top .header-right .nav li dl em {
    width: 160px;
    text-align: center;
    margin-left: 12px;
    display: inline-block;
}

.header-top .header-right .nav li dl a {
    font-size: 14px;
}

.header-top .nav-en {
    margin-left: 40px
}

.header-top .nav-en a {
    background: url(../images/lang.svg) no-repeat center left;
    padding: 2px 0 2px 30px;
    display: block;
    background-size: 22px 22px;
}

.header-top .nav-en a {
    font-size: 16px;
    color: #fff
}


.headerfixed {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 99999;
    transition: 0.5s linear;
    display: none;
    background: #fff;
    border-bottom: 1px solid #E4E4E4
}

.headerfixed .container {
    max-width: 94%
}

.headerfixed .header {
    padding-top: 30px
}

.headerfixed .nav {
    overflow: hidden;
    padding-top: 10px;
}

.headerfixed .nav li {
    float: left;
    margin-left: 40px;
    position: relative;
    padding-bottom: 30px
}

.headerfixed .nav li a {
    font-size: 20px;
    color: #2f3740;
    line-height: 20px;
}

.headerfixed .nav li:after {
    content: '';
    width: 0;
    height: 1px;
    background: #09A5E8;
    display: block;
    margin-top: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 30px;
    transition: all 0.5s;
}

.headerfixed .nav li:hover:after,
.header-right .nav li.on:after {
    width: 100%
}

.headerfixed .nav li {
    display: block;
    text-align: center;
}

.headerfixed .nav li a {
    position: relative;
    z-index: 999;
    transition: all .4s;
    position: relative;
    font-weight: 400
}

.headerfixed .nav li dl {
    position: absolute;
    top: 68px;
    left: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 55px;
    line-height: 55px;
    display: none;
    text-align: center;
}

.headerfixed .nav li dl em {
    width: 160px;
    text-align: center;
    margin-left: 12px;
    display: inline-block;
}

.headerfixed .nav li dl a {
    font-size: 14px;
}


.headerfixed .nav-en {
    margin-left: 40px;
    margin-top: 10px;
}

.headerfixed .nav-en a {
    background: url(../images/lang-hui.svg) no-repeat center left;
    padding: 2px 0px 2px 30px;
    display: block;
    background-size: 22px 22px;
}

.headerfixed .nav-en a {
    font-size: 16px;
    color: #888
}

/*首页banner*/
.banner video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden;
    pointer-events: none;
}

/* 这里的定位需与dd的playOut属性一致 */


/*首页banner*/
.banner {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.banner .swiper-wrapper {
    position: fixed !important;
}

.banner .banner-wz {
    position: relative;
    top: 60%;
    max-width: 1450px;
    margin: 0 auto;
}

.banner h2,
.banner p {
    color: #fff
}

.banner h1 {
    font-size: 46px;
    line-height: 100px;
    color: #fff;
    width: 100%;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
}

.banner h2 {
    font-size: 32px;
    line-height: 70px;
    color: #fff;
    width: 100%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.banner p {
    font-size: 20px;
    line-height: 20px;
    margin-top: 50px
}

.banner-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 999;
    text-align: center;
    line-height: 62px;
    width: 100%;
}

.banner-bottom .container {
    height: 62px;
    background-image: linear-gradient(to right, #CEEDFB, #3DC2FE);
    width: 100%;
    position: relative;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}

.banner-bottom .container::after {
    content: '';
    background: #fff;
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -140px;
    margin: auto;
    z-index: -1;
}

.banner-bottom .grad_on1 {
    background-image: linear-gradient(to right, #3DC2FE, #CEEDFB);
}

.banner-bottom .grad_on2 {
    background: #fff;
}

.banner-bottom .grad_on2 .banner-fraction {
    color: #666;
}

.banner-bottom .grad_on2 .banner-stop {
    border-color: #666;
}

.banner-bottom .grad_on2 .banner-stop span::after {
    background: #666;
}

.banner-bottom .grad_on2 .banner-stop span::before {
    background: #666;
}

.banner-bottom .grad_on2 .banner-start {
    border-color: #666;
}

.banner-bottom .grad_on2 .banner-start span::after {
    border-left: 8px solid #666;
}

.banner-jt-left2 {
    background: url(../images/banner-left2.png) no-repeat center !important;
}

.banner-jt-right2 {
    background: url(../images/banner-right2.png) no-repeat center !important;
}

.banner-bottom .container img {
    display: block;
    line-height: 33px;
    width: 63px;
    margin: 0 auto;
}

.banner-jt {
    width: 110px;
    position: absolute;
    right: 130px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: none;
}

.banner-jt .banner-jt-right {
    right: 0
}

.banner-jt .banner-jt-left {
    left: 0
}

.banner-bottom .scroll {
    position: absolute;
    bottom: 25%;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.banner-fraction {
    color: #fff;
    text-align: right;
    font-size: 14px;
    display: none;
}

.banner-fraction span:last-child {
    margin-right: 55px;
}

.banner-stop {
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    right: 166px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 2;
    overflow: hidden;
    display: none;
}

.banner-stop span,
.banner-start span {
    display: block;
    width: 8px;
    height: 10px;
    position: relative;
}

.banner-stop span::after {
    content: '';
    width: 2px;
    height: 10px;
    background: #fff;
    position: absolute;
    left: 0;
}

.banner-stop span::before {
    content: '';
    width: 2px;
    height: 10px;
    background: #fff;
    position: absolute;
    right: 0;
}

.banner-stop em {
    width: 100%;
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 50%;
}

.banner-start {
    width: 36px;
    height: 36px;
    border: 2px solid #fff;
    position: absolute;
    border-radius: 50%;
    position: absolute;
    right: 165px;
    top: 0;
    bottom: 1px;
    margin: auto;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 3;
    display: none;
}

.banner-start span::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #fff;
    left: 1px;
    background: transparent;
    position: absolute;
}


/*首页banner*/

/*手机banner*/
.banner {
    display: block;
}

.wap-banner {
    display: none;
}

.wap-banner {
    position: relative;
}

/*手机banner*/

.ts75 {
    max-width: 1440px;
}

.ts90 {
    max-width: 1650px;
}

.ts100 {
    max-width: 1920px;
}

.write-main {
    position: relative;
    z-index: 2;
    background: #fff;
    width: 100%;
    margin: 0 auto;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}

/*关于我们*/
.about {
    font-size: 34px;
    line-height: 60px;
    font-weight: 100;
    margin: 0 auto;
    text-align: center;
    padding: 180px 0;
}

.about p {
    color: #2f3740
}

.about a {
    font-weight: 700;
    border-bottom: 1px dotted #111;
    padding-bottom: 6px;
    transition: all .3s;
}

.about a:hover {
    color: #07A6E9
}

.about a:hover {
    border-bottom: 1px solid #07A6E9
}

/*关于我们*/


/*产品中心*/
.product {
    height: 780px;
    width: 95%;
    margin: 0 auto;
    transition: all .5s;
    overflow: hidden;
    background-size: cover;
    background-attachment: fixed;
}

.productclass {
    width: 100%;
}

.product-left,
.product-right {
    width: 50%;
    float: left;
    padding-top: 145px
}

.product dl {
    height: 460px;
    padding-top: 115px
}

.product .product-left dl {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
}

.product dl dt {
    width: 160px;
    margin: 0 auto;
    position: relative;
    height: 120px;
}

.product dl dt em {
    position: absolute;
    top: -6px;
    right: 0;
    transition: all .5s;
}

.product dl dt span {
    position: absolute;
    z-index: 999;
    transition: all .5s;
    left: 0;
    display: block;
}

.product dl dt span img {
    width: 122px;
    height: 122px;
}

.product dl dd {
    font-weight: 300;
    width: 60%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 36px;
    margin-top: 35px;
    ;
}

.product dl dd b {
    font-size: 32px;
    line-height: 32px;
}

.product dl a {
    display: block;
    width: 100%;
    height: 100%;
}

.product dl:hover dt em {
    right: 14px;
}

.product dl:hover dt span {
    left: 14px;
}

.productfix {
    background: url(../images/banner.jpg) no-repeat center center;
}

.product .product-right dl dt {
    width: 126px
}

/*产品中心*/



/*加入我们*/
.addus {
    font-size: 32px;
    line-height: 60px;
    font-weight: 400;
    text-align: center;
}

.addus .container {
    border-bottom: 1px solid #E4E4E4;
    padding: 0px 0 170px 0
}

.addus p {
    color: #2f3740
}

.addus p a {
    font-weight: 700;
    border-bottom: 1px dotted #111;
    padding-bottom: 6px;
    transition: all .3s;
}

.addus p a:hover {
    color: #07A6E9
}

.addus p a:hover {
    border-bottom: 1px solid #07A6E9
}

.addus-more {
    width: 220px;
    height: 50px;
    line-height: 50px;
    margin: 50px auto 0 auto;
    background-color: #2E363F;
    position: relative;
    overflow: hidden;
}

.addus-more a {
    position: relative;
    z-index: 9999;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    text-indent: 20px;
    line-height: 50px;
    color: #fff;
    text-align: left;
    background: url(../images/more.png) no-repeat center right 20px
}

.addus-more em {
    width: 250px;
    height: 250px;
    border-radius: 100%;
    background: #09A5E8;
    display: block;
    position: absolute;
    top: -30px;
    right: -84%;
    transition: all .5s;
}

.addus-more:hover em {
    right: -30%;
    width: 400px;
    height: 500px;
    top: -100px
}

/*加入我们*/


/*新闻资讯*/
.news {
    margin: 170px 0;
    position: relative;
}

.news h2 {
    font-size: 32px;
    color: #2E363F;
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px
}

.news-list li {
    width: calc(100%/4 - 1px);
    margin-right: 1px;
    float: left;
    background: #BEC3CD;
    padding-bottom: 60px;
    transition: all .5s;
}

.news-list li .pic {
    overflow: hidden;
    height: 300px;
}

.news-list li .pic img {
    width: 102%;
    transition: all .5s;
}

.news-list li:hover .pic img {
    transform: scale(1.1);
}

.news-list li:hover {
    background: #09A5E8;
}

.news-list li .info {
    color: #fff
}

.news-list li .info em,
.news-list li .info p {
    width: 75%;
    margin: 0 auto
}

.news-list li .info em {
    font-size: 14px;
    line-height: 14px;
    margin: 40px 0;
    display: block;
    width: 75%;
    margin: 40px auto 20px auto
}

.news-list li .info p {
    font-size: 22px;
    line-height: 34px;
    height: 100px;
    font-weight: 300
}

.news-list {
    overflow: hidden;
}

.news-list {
    padding-bottom: 80px;
}

#news-jt {
    bottom: 0
}

#news-jt span {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #09A5E8;
    opacity: 1;
    vertical-align: middle;
    margin-right: 10px
}

#news-jt .swiper-pagination-bullet-active {
    background: #fff;
    border: 2px solid #09A5E8;
}

/*新闻资讯*/

/*联系我们*/
.contact-banner {
    background: url(../images/contact-banner.jpg) no-repeat center;
    height: 500px !important;
}

.ny-contact-con {
    border-bottom: 1px solid #E4E4E4;
    padding: 140px 0
}

.ny-contact-con .ny-contact-left {
    width: 720px;
    height: 450px;
    position: relative;
}

.ny-contact-con .ny-contact-left dd {
    background: url(../images/contact-icon1.png) no-repeat center;
    width: 170px;
    height: 217px;
    position: absolute;
    bottom: -50px;
    right: -30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ny-contact-con .ny-contact-left dd span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    margin: 0 auto;
    padding-left: 10px;
}

.ny-contact-con .ny-contact-right {
    width: 455px;
    margin-left: 100px;
    margin-top: 110px
}

.ny-contact-con .ny-contact-right h3 {
    font-size: 32px;
    line-height: 32px;
    font-weight: 400;
}

.ny-contact-con .ny-contact-right .text {
    width: 460px;
    margin-top: 40px;
    font-size: 20px;
    line-height: 36px;
    color: #2f3740
}



.ny-contact-con1 {
    padding: 140px 0;
    border-bottom: 1px solid #E4E4E4;
}

.ny-contact-con1 .ny-contact-right {
    width: 720px;
    height: 450px;
    position: relative;
    right: 40px;
}

.ny-contact-con1 .ny-contact-right dl {
    height: 450px;
    overflow: hidden;
}

.ny-contact-con1 .ny-contact-right dd {
    background: url(../images/contact-icon2.png) no-repeat center;
    width: 181px;
    height: 177px;
    position: absolute;
    bottom: -50px;
    right: -30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ny-contact-con1 .ny-contact-right dd span {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
}

.ny-contact-con1 .ny-contact-left {
    width: 455px;
    margin-top: 110px
}

.ny-contact-con1 .ny-contact-left h3 {
    font-size: 32px;
    line-height: 32px;
    font-weight: 400;
}

.ny-contact-con1 .ny-contact-left .text {
    width: 460px;
    margin-top: 40px;
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
    color: #2f3740
}

/*联系我们*/

/*底部*/
.footer {
    background: #fff;
}

.footer .container {
    border-top: 1px solid #E4E4E4;
    padding-top: 60px
}

.footer .footer-top div span {
    font-size: 16px;
    display: block;
    line-height: 30px;
    font-weight: 400;
}

.footer .foot-fl div a {
    transition: all .5s;
    width: 38px;
    height: 38px;
    float: left;
    border-radius: 100%;
    background: #09A5E8;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer .foot-fl div a:hover {
    background: #5CC2CF;
}

.footer .foot-fl div a {
    margin-top: 23px;
    margin-right: 16px
}


.footer .foot-fl1 {
    margin-left: 120px;
}

.footer .foot-fl1 p {
    line-height: 30px;
    font-size: 16px;
    color: #2f3740;
    font-weight: 400;
    margin-bottom: 10px;
}

.footer .foot-fr ul li {
    float: left;
    font-size: 16px;
    line-height: 16px;
    margin-left: 45px;
    font-weight: 500;
}

.footer .foot-fr ul li:hover {
    border-bottom: 1px solid #09A5E8;
    padding-bottom: 7px
}

.footer .footer-bottom {
    padding: 50px 0;
    font-weight: 400;
}

.footer .footer-bottom a:hover {
    text-decoration: underline;
}

.wx-code {
    background: #fff;
    padding: 10px;
    box-shadow: 1px 1px 10px #ddd;
    position: absolute;
    width: 100px;
    height: 100px;
    margin-top: -110px;
    display: none;
}

.wx-code img {
    width: 100%;
    display: block;
}

/*关于*/
.ny-banner {
    width: 100%;
    height: 500px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -99;
    background-size: cover;
}

.about-banner {
    background: url(../images/about-banner.jpg) no-repeat center;
    background-size: cover;
}

.ny-banner .ny-banner-wz {
    position: relative;
}

.ny-banner .ny-banner-wz h2 {
    font-size: 32px;
    line-height: 56px;
    color: #fff;
    font-weight: bold;
    max-width: 729px;
    font-family: Arial, Helvetica, sans-serif;
}

.ny-banner .ny-banner-wz span {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    font-weight: 100;
    display: block;
    margin-top: 30px;
    font-family: Arial, Helvetica, sans-serif;
}

.ny-banner .ny-banner-wz div {
    position: absolute;
    top: 370px
}

.ny-about {
    margin: 0px auto;
    max-width: 1160px;
    text-align: center;
    padding: 100px 0
}

.ny-about h2 {
    font-size: 32px;
    line-height: 56px;
    margin: 0 auto 50px auto;
    max-width: 729px;
    font-weight: 400
}

.ny-about p {
    font-size: 20px;
    line-height: 36px;
}


.ny-about-yj {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.ny-yj-left,
.ny-yj-right {
    flex: 1;
}

.ny-yj-right img {
    width: 100%;
}

.ny-yj-jt {
    position: absolute;
    width: 60px !important;
    height: 60px;
    top: 0;
    right: 50px;
    bottom: 0;
    margin: auto
}

.ny-yj-left {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #09A5E8;
}

.ny-yj-left .ny-yj-wz {
    width: 60%;
    text-align: left;
}

.ny-yj-left .ny-yj-wz em {
    font-size: 20px;
    line-height: 20px;
    display: block;
    color: #fff
}

.ny-yj-left .ny-yj-wz span {
    font-size: 32px;
    /*line-height: 40px;*/
    display: block;
    color: #fff;
    margin-top: 37px;
    font-weight: 400;
}

.ny-about-yj-swiper {
    position: relative;
    overflow: hidden;
    width: 95%;
    margin: 0 auto;
    transition: all .6s;
    height: 780px;
}

.ny-about-yj-swiper .about-jt-right {
    right: 40px;
    width: 60px;
    height: 60px
}

.ny-about-yj-swiper .swiper-slide {
    margin-right: 2px
}

.width100 {
    transform: scale(1.07);
}


.ny-about-wz {
    font-size: 36px;
    line-height: 56px;
    font-weight: 400;
    text-align: center;
    padding: 170px 0 150px 0;
    border-bottom: 1px solid #E5E5E5
}

.ny-team {
    margin: 0 auto;
    padding: 155px 0
}

.ny-team p {
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 47px
}

.ny-team p em {
    color: #00a5ea
}

.ny-team {
    border-bottom: 1px solid #E4E4E4;
}

.ny-team-list {
    margin: 0 auto;
}

.ny-team-list ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ny-team-list ul li {
    float: left;
    width: calc(100%/4 - 2%);
    margin: 1%
}

.ny-team-list ul li .ny-zhaopin-div {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 99999;
}

.ny-team-list ul li .pic {
    width: 100%;
    overflow: hidden;
}

.ny-team-list ul li .pic img {
    width: 100%;
    transition: all .5s;
}

.ny-team-list ul li .info {
    border-top: 1px solid #979FB4;
    border-bottom: 1px solid #979FB4;
    margin-top: 15px;
    padding: 18px 0;
    background: url(../images/js-more.png) no-repeat center right;
}

.ny-team-list ul li .info em,
.ny-team-list ul li .info span {
    display: block;
}

.ny-team-list ul li .info span {
    font-size: 22px;
    font-weight: 400;
    line-height: 22px;
}

.ny-team-list ul li .info em {
    font-size: 16px;
    line-height: 16px;
    color: #999999;
    margin-top: 11px;
}

.ny-team-list ul li:hover .pic img {
    transform: scale(1.1);
}

.ny-team-list ul li:hover span {
    color: #00A5EA
}

.ny-team-list p {
    text-align: left;
}

.ny-team1 {
    border-bottom: 0
}

.ny-ctitle {
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.05);
    background: #fff;
    transition: 0.5s linear;
    overflow: hidden;
    display: none;
}

.ny-ctitle li a {
    font-size: 20px;
    width: 100%;
    font-weight: 400;
    border-right: 1px solid #EAEBEC;
    line-height: 20px;
    display: inline-block;
}

.ny-ctitle li {
    display: inline-block;
    width: 30%;
    text-align: center;
    line-height: 69px;
    height: 69px;
    cursor: pointer;
}

.ny-ctitle li:last-child a {
    border-right: 0
}

.ny-ctitle li:hover,
.ny-ctitle li.current a {
    color: #0096E5;
}

.ny-ctitle .sideNavBorder {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: #0096E5;
    /*background-color: #ff5a02;*/
    transition: all 400ms linear;
}


.ny-ctitlefix {
    position: fixed;
    top: 91px;
    left: 0;
    width: 100%;
    z-index: 9999;
    animation: nyHh 0.5s linear;
    display: block;
}

@keyframes nyHh {
    0% {
        transform: translateY(-70px);
    }

    100% {
        transform: translateY(0px);
    }
}

/*关于*/



/*技术和平台*/
.jspt-banner {
    background: url(../images/jspt-banner.jpg) no-repeat center;
}

.ny-main {
    background: #fff;
    margin-top: 500px
}

.ny-main.ny-500 {
    margin-top: 500px;
}

.ny-jspt {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 140px
}

.ny-jspt {
    margin: 0 auto;
    max-width: 1450px;
    text-align: center;
    padding: 100px 0 0 0
}

.ny-jspt h2 {
    font-size: 32px;
    line-height: 56px;
    margin: 0 auto 0px auto;
    max-width: 729px;
    font-weight: 400
}

.ny-jspt p {
    font-size: 20px;
    line-height: 36px;
}

.ny-jspt p span {
    display: block;
}

.ny-jspt-img {
    max-width: 1440px;
    margin: 0 auto 120px auto
}

.ny-jspt-img img {
    width: 100%;
}


.ny-jsfg-js {
    background: url(../images/sj-img.jpg) no-repeat center;
    height: 790px;
    width: 95%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transition: all .5s;
    background-size: cover;
    background-attachment: fixed;
}

.ny-jsfg-js .ny-jsfg-dl {
    background: url(../images/sj-bg.png) no-repeat center;
    width: 516px;
    height: 634px;
    position: absolute;
    bottom: -112px;
    right: -8px;
}

.ny-jsfg-js .ny-jsfg-dl dt {
    color: #fff;
    font-size: 28px;
    line-height: 28px;
    font-weight: 400;
    margin-top: 130px
}

.ny-jsfg-js .ny-jsfg-dl dd {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    margin-top: 30px;
    overflow: hidden;
    overflow-y: auto;
    height: 200px;
    padding-right: 10px;
}

.ny-jsfg-js .ny-jsfg-dl dd::-webkit-scrollbar {
    width: 2px;
}

.ny-jsfg-js .ny-jsfg-dl dd::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.5);
}

.ny-jsfg-js .ny-jsfg-dl dd::-webkit-scrollbar-track {
    background: #fff;
}

.ny-jsfg-js .ny-jsfg-dl dl {
    width: 325px;
    margin: 0 auto;
    padding-left: 30px
}

.ny-jsfg-js .ny-jslink {
    position: absolute;
    top: -26px;
    right: 67px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #00A5EA;
    border-radius: 100%
}

.ny-jsfg-js .ny-jslink img {
    cursor: pointer;
    transition: 0.5s ease;
}

.ny-jsfg-js .ny-jslink img:hover {
    transform: scale(1.1);
}

.ny-jsfg-jsclass {
    width: 100%;
}

.ny-jsfg-js .ny-jsfg-vdo img {
    margin: 20% 48%;
}


.ny-gmp-wz {
    margin: 0 auto;
    max-width: 1450px;
    text-align: center;
    border-bottom: 1px solid #E4E4E4;
    padding: 166px 0
}

.ny-gmp-wz h2 {
    font-size: 32px;
    line-height: 56px;
    margin: 0 auto 50px auto;
    max-width: 729px;
    font-weight: 400
}

.ny-gmp-wz p {
    font-size: 20px;
    line-height: 36px;
}

.ny-gmp-wz p span {
    display: block;
}

.ny-gmp-img {
    max-width: 1440px;
    margin: 168px auto 0 auto;
}

.ny-gmp-img img {
    width: 100%;
}

.ny-gmp-wz span {
    display: block;
}




.ny-honor {
    padding-bottom: 170px;
    padding-top: 166px
}

.ny-honor h2 {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 50px;
    font-weight: 400;
    text-align: center;
}

.ny-honor-list li {
    width: calc(100%/4 - 3px);
    height: 280px;
    background: #F2F4F6;
    float: left;
    margin: 1px;
    transition: all 0.2s;
}

.ny-honor-list li:nth-child(4n) {
    margin-right: 1
}

.ny-honor-list li a {
    display: block;
    width: 79%;
    margin: 48px auto;
    height: 100%;
}

.ny-honor-list li em {
    font-size: 16px;
    font-weight: 300;
    color: #0082c7
}

.ny-honor-list li p {
    font-size: 22px;
    line-height: 34px;
    font-weight: 400;
    margin-top: 20px
}

.ny-honor-list li:nth-child(5) p {
    line-height: 30px;
    font-weight: 300;
    font-size: 20px;
}

.ny-honor-list li:nth-child(8) p {
    line-height: 30px;
    font-weight: 300;
    font-size: 20px;
}

.ny-honor-list li:nth-child(5) em {
    color: #5cc2cf
}

.ny-honor-list li:nth-child(6) em {
    color: #0a4370
}

.ny-honor-list li:nth-child(7) em {
    color: #0a4370
}

.ny-honor-list li:nth-child(8) em {
    color: #0a4370
}

.ny-honor-list li:hover {
    background: #5CC2CF
}

.ny-honor-list li:hover p {
    color: #fff
}

.ny-honor-list li:hover em {
    color: #fff
}

.ny-honor-list li:nth-child(5):hover {
    background-color: #5cc2cf
}

.ny-honor-list li:nth-child(6):hover {
    background-color: #0a4370
}

.ny-honor-list li:nth-child(7):hover {
    background-color: #0a4370
}

.ny-honor-list li:nth-child(8):hover {
    background-color: #0a4370
}

.ny-honor-list li:hover {
    background: #0082c7
}


.topback {
    cursor: pointer;
    position: fixed;
    bottom: -80px;
    right: 0px;
    z-index: 999;
    transition: all .4s;
}

.topbackclass {
    bottom: 0
}

/*技术和平台*/

/*研发管线*/
.yfgx-banner {
    background: url(../images/yfgx-banner.jpg) no-repeat center;
    background-size: cover;
}

.ny-yfgx {
    max-width: 1000px;
}

.ny-yfgx-content {
    width: 95%;
    margin: 0 auto
}

.ny-yfgx-content img {
    display: block;
    max-width: 100%;
}

.ny-yfgx-content dl {
    float: left;
    width: calc(100%/3);
}

.ny-yfgx-content dl dt,
.ny-yfgx-content dl dd {}

.ny-yfgx-content dl dd {
    overflow: hidden;
}

.ny-yfgx-content dl dt {
    height: 310px;
    background: #BEC3CD;
    overflow: hidden;
}

.ny-yfgx-content dl dd img {
    transition: all .3s;
}

.ny-yfgx-content dl dt span {
    display: block;
    font-size: 32px;
    line-height: 32px;
    color: #fff;
    padding-bottom: 28px;
    margin: 0 auto 28px auto;
    border-bottom: 1px solid #fff;
    padding-top: 60px
}

.ny-yfgx-content dl dt p {
    font-size: 18px;
    line-height: 1.8;
    color: #fff;
    margin: 0 auto
}

.ny-yfgx-content dl dt span,
.ny-yfgx-content dl dt p {
    margin-left: 5%;
    margin-right: 5%;
}

.ny-yfgx-content dl dt span {
    font-weight: 400;
}

.ny-yfgx-content dl:nth-child(2) dt {
    background: #9DD7F5;
}

.ny-yfgx-content dl:nth-child(3) dt {
    background: #09A5E8;
}

.ny-yfgx-content dl dt .mont {
    font-size: 48px;
}

.ny-yfgx-content dt span .shu_qy {
    letter-spacing: 10px;
}

.ny-yfgx-content dt em {
    position: relative;
    right: 50px
}


.ny-yfgx-wz {
    padding: 100px 0
}

.ny-yfgx-wz p {
    max-width: 1000px;
    margin: 0 auto;
}

.ny-yfgx-wz p {
    line-height: 36px;
    font-size: 20px;
    margin-bottom: 35px
}

.ny-yfgx-wz {}

.ny-yfgx-zl {
    width: 95%;
    margin: 0 auto;
    transition: all .5s
}

.ny-yfgx-zl {
    padding: 100px 0;
    text-align: center;
}

.ny-yfgx-zl p {
    font-size: 36px;
    font-weight: 400;
    line-height: 56px;
    padding-bottom: 165px
}

/*研发管线*/
.ny-yfgx-gx {
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.08);
    height: 0;
    overflow: hidden;
}

.ny-yfgx-gxfix {
    animation: nyHh 0.5s linear;
    display: block;
    background: #fff;
    border-top: 1px solid #eee;
    position: fixed;
    top: 161px;
    width: 100%;
    z-index: 9990;
    height: 74px;
    margin-bottom: 100px;
}

.ny-yfgx-gx .container {
    display: flex;
    justify-content: flex-end;
    padding: 25px 0;
    /*background: url(../images/gx-bg.png) no-repeat right bottom;*/
}

.ny-yfgx-gx .left {
    flex: 1;
}

.ny-yfgx-gx .left a {
    display: block;
    width: 62px;
    height: 23px;
    background-size: 100%;
}

.ny-yfgx-gx .years {
    width: 76%;
    color: #A8A9AC;
    font-weight: 700;
    display: flex;
}

.ny-yfgx-gx .years a {
    color: #888;
    font-weight: 300;
    width: 20%;
    text-align: center;
    position: relative;
}

.ny-yfgx-gx .years a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 20px;
    margin-top: -10px;
    background-color: #f0f0f0;
}

.ny-yfgx-gx .years a:last-child:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 20px;
    margin-top: -10px;
    background-color: #f0f0f0;
}

.ny-yfgx-process {
    padding-bottom: 180px;
    border-bottom: 1px solid #E4E4E4
}

.ny-yfgx-gx .years a {
    font-family: "Montserrat";
}

.ny-yfgx-child {
    padding-bottom: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    justify-content: space-between;
}

.ny-yfgx-child:last-child {
    border: none;
    padding: 0;
    margin: 0;
}

.ny-yfgx-wz p strong span {
    font-weight: 400;
}

.ny-yfgx-child .left {
    font-size: 22px;
    border-left: 10px solid;
    padding-left: 30px;
    line-height: 32px;
    width: 20%
}

.ny-yfgx-child .left span {
    display: block;
    font-weight: 400
}

.ny-yfgx-child .left span {
    font-family: "Montserrat";
}

.yfgx-col1 {
    border-color: #024D83;
    color: #024d83;
}

.yfgx-col2 {
    border-color: #2889ce;
    color: #2889ce;
}

.yfgx-col3 {
    border-color: #86cdf3;
    color: #86cdf3;
}

.yfgx-col4 {
    border-color: #40a9b6;
    color: #40a9b6;
}

.yfgx-col5 {
    border-color: #95caaf;
    color: #95caaf;
}

.ny-yfgx-child .right {
    display: flex;
    flex-direction: column;
    width: 76%;
}

.ny-yfgx-child .right .ny-yfgx-list {
    background: #E2E2E2;
}

.ny-yfgx-child .right ul {
    display: flex;
    height: 58px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
    width: 100%;
    color: #E2E2E2;
    position: relative;
}

.ny-yfgx-child .right ul:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    opacity: 0;
}

.ny-yfgx-child .right ul.animate:after {
    animation: growPipe 1s 0s 1 ease-out backwards;
    opacity: 1;
}

.ny-yfgx-child .right ul li {
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 10px 10px;
    border-right: 1px solid #fff;
    display: flex;
    align-items: flex-end;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    font-family: "Montserrat";
    width: 20% !important;
    text-indent: -999px;
    font-size: 0;
    z-index: 2;
}

.ny-yfgx-child .right ul li:last-child {
    border: none;
}

/* .ny-yfgx-child .right ul li:last-child::after{content: '';width: 23px;height: 23px;background: url(../images/deve-jt.png) no-repeat;background-size: 100%;position: absolute;right: 10px;bottom: 10px;-webkit-transition: 0.6s ease;transition: 0.6s ease;} */

.ny-yfgx-bg {
    width: 100%;
    height: 700px;
    background: url(../images/951.png) no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

.ny-yfgx-bg .ny-jsfg-vdo img {
    margin: 17% 48%;
}

/*研发管线————前脑*/
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list ul.animate:after {
    width: 80%;
    background-color: #024E83;
    /* 不支持线性的时候显示 */
    background-image: linear-gradient(to right, #CCD4DA, #024E83);
}

.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(3) ul.animate:after {
    width: 60%;
}

.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(5) ul.animate:after {
    /*width: 40%;*/
    width: 51%;

}
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(7) ul.animate:after {
    /*width: 40%;*/
    width: 51%;

}
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(9) ul.animate:after {
    /*width: 40%;*/
    width: 51%;

}

/*
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(1){width: 34%;}
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(2){width: 11%;}
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(3){width: 24%;}
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(4){width: 27%;}
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(5){width: 5%;}
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(1){width: 43%;}
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(2){width: 10.8%;}
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(3){width: 22%;}
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(4){width: 20%;}
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(5){width: 4.5%;}

.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(5) ul li:nth-of-type(1){width: 45%;}
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(5) ul li:nth-of-type(2){width: 11.2%;}
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(5) ul li:nth-of-type(3){width: 20.5%;}
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(5) ul li:nth-of-type(4){width: 18%;}
.ny-yfgx-child:nth-of-type(1) .ny-yfgx-list:nth-of-type(5) ul li:nth-of-type(5){width: 5%;}*/
/*研发管线————iPSC-CAR-NK*/
.ny-yfgx-child:nth-of-type(2) .ny-yfgx-list ul.animate:after {
    width: 67.7%;
    background-color: #95caaf;
    background-image: linear-gradient(to right, #badfcc, #95caaf);
    margin-left: 21.4%;
}

.ny-yfgx-child:nth-of-type(2) .ny-yfgx-list:nth-of-type(3) ul {
    width: 60%;
    margin-left: 38%;
}

.ny-yfgx-child:nth-of-type(2) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(1) {
    width: 41.8%;
}

.ny-yfgx-child:nth-of-type(2) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(2) {
    width: 18.7%;
}

.ny-yfgx-child:nth-of-type(2) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(3) {
    width: 19.6%;
}

.ny-yfgx-child:nth-of-type(2) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(4) {
    width: 17.1%;
}

.ny-yfgx-child:nth-of-type(2) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(5) {
    width: 6.6%;
}

/*研发管线————脊髓*/
.ny-yfgx-child:nth-of-type(3) .ny-yfgx-list ul.animate:after {
    width: 25%;
    background-color: #2989CE;
    background-image: linear-gradient(to right, #B9D9F1, #2989CE);
}

.ny-yfgx-child:nth-of-type(3) .ny-yfgx-list:nth-of-type(3) ul.animate:after {
    width: 25%;
}

/*
.ny-yfgx-child:nth-of-type(3) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(1){width: 39.9%;}
.ny-yfgx-child:nth-of-type(3) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(2){width: 16.2%;}
.ny-yfgx-child:nth-of-type(3) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(3){width: 21.9%;}
.ny-yfgx-child:nth-of-type(3) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(4){width: 15.3%;}
.ny-yfgx-child:nth-of-type(3) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(5){width: 5.5%;}

.ny-yfgx-child:nth-of-type(3) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(1){width: 39.9%;}
.ny-yfgx-child:nth-of-type(3) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(2){width: 16.2%;}
.ny-yfgx-child:nth-of-type(3) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(3){width: 21.9%;}
.ny-yfgx-child:nth-of-type(3) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(4){width: 15.3%;}
.ny-yfgx-child:nth-of-type(3) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(5){width: 5.5%;}*/
/*研发管线————中脑多巴胺*/
.ny-yfgx-child:nth-of-type(4) .ny-yfgx-list ul.animate:after {
    width: 30%;
}

.ny-yfgx-child:nth-of-type(4) .ny-yfgx-list ul.animate:after {
    background-color: #8ED0F3;
    background-image: linear-gradient(to right, #CED9DE, #8ED0F3);
}

.ny-yfgx-child:nth-of-type(4) .ny-yfgx-list ul li:nth-of-type(1),
.ny-yfgx-child:nth-of-type(4) .ny-yfgx-list ul li:nth-of-type(1) {
    width: 36.8%;
}

.ny-yfgx-child:nth-of-type(4) .ny-yfgx-list ul li:nth-of-type(2),
.ny-yfgx-child:nth-of-type(4) .ny-yfgx-list ul li:nth-of-type(2) {
    width: 13.4%;
}

.ny-yfgx-child:nth-of-type(4) .ny-yfgx-list ul li:nth-of-type(3),
.ny-yfgx-child:nth-of-type(4) .ny-yfgx-list ul li:nth-of-type(3) {
    width: 24.7%;
}

.ny-yfgx-child:nth-of-type(4) .ny-yfgx-list ul li:nth-of-type(4),
.ny-yfgx-child:nth-of-type(4) .ny-yfgx-list ul li:nth-of-type(4) {
    width: 18.4%;
}

.ny-yfgx-child:nth-of-type(4) .ny-yfgx-list ul li:nth-of-type(5),
.ny-yfgx-child:nth-of-type(4) .ny-yfgx-list ul li:nth-of-type(5) {
    width: 5.9%;
}

/*研发管线————外泌体*/
.ny-yfgx-child:nth-of-type(5) .ny-yfgx-list ul.animate:after {
    background-color: #40A9B6;
    background-image: linear-gradient(to right, #CED9DE, #40A9B6);
}

.ny-yfgx-child:nth-of-type(5) .ny-yfgx-list:nth-of-type(1) ul.animate:after {
    width: 20%;
}

.ny-yfgx-child:nth-of-type(5) .ny-yfgx-list:nth-of-type(3) ul.animate:after {
    width: 20%;
}

/*
.ny-yfgx-child:nth-of-type(5) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(1){width: 39%;}
.ny-yfgx-child:nth-of-type(5) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(2){width: 16%;}
.ny-yfgx-child:nth-of-type(5) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(3){width: 23.6%;}
.ny-yfgx-child:nth-of-type(5) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(4){width: 14.2%;}
.ny-yfgx-child:nth-of-type(5) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(5){width: 6.5%;}

.ny-yfgx-child:nth-of-type(5) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(1){width: 39%;}
.ny-yfgx-child:nth-of-type(5) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(2){width: 16%;}
.ny-yfgx-child:nth-of-type(5) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(3){width: 23.6%;}
.ny-yfgx-child:nth-of-type(5) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(4){width: 14.2%;}
.ny-yfgx-child:nth-of-type(5) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(5){width: 6.5%;}*/


.ny-yfgx-child:nth-of-type(6) .ny-yfgx-list ul:after {
    background-color: #2989CE;
    background-image: linear-gradient(to right, #B9D9F1, #2989CE);
}

.ny-yfgx-child:nth-of-type(6) .ny-yfgx-list:nth-of-type(1) ul:after {
    width: 22%;
}

.ny-yfgx-child:nth-of-type(6) .ny-yfgx-list:nth-of-type(3) ul:after {
    width: 22%;
}

/*.ny-yfgx-child:nth-of-type(6) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(1){width: 39%;}
.ny-yfgx-child:nth-of-type(6) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(2){width: 16%;}
.ny-yfgx-child:nth-of-type(6) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(3){width: 23.6%;}
.ny-yfgx-child:nth-of-type(6) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(4){width: 14.2%;}
.ny-yfgx-child:nth-of-type(6) .ny-yfgx-list:nth-of-type(1) ul li:nth-of-type(5){width: 6.5%;}

.ny-yfgx-child:nth-of-type(6) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(1){width: 39%;}
.ny-yfgx-child:nth-of-type(6) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(2){width: 16%;}
.ny-yfgx-child:nth-of-type(6) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(3){width: 23.6%;}
.ny-yfgx-child:nth-of-type(6) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(4){width: 14.2%;}
.ny-yfgx-child:nth-of-type(6) .ny-yfgx-list:nth-of-type(3) ul li:nth-of-type(5){width: 6.5%;}*/


.ny-yfgx-child .right .ny-yfgx-p {
    font-size: 16px;
    color: #2f3740;
    line-height: 1;
    padding: 20px 0;
    border-bottom: 1px dashed #C0C0C0;
    margin-bottom: 15px;
    font-weight: 400
}

.ny-yfgx-child .right .ny-yfgx-p:last-child {
    padding-bottom: 0;
    margin: 0;
    border: none;
}

.ny-yfgx-child .right .ny-yfgx-p abbr {
    font-family: "Montserrat"
}

@keyframes growPipe {
    0% {
        width: 0%;
        color: #E2E2E2;
        font-size: 0;
        opacity: 0;
    }

    20% {
        font-size: 0;
        opacity: 0;
    }

    65% {
        font-size: 0;
    }
}

/*研发管线*/

/*新闻中心*/
.news-banner {
    width: 95%;
    margin: 0 auto;
    margin-top: 85px;
    background: #BEC3CD;
    height: 500px;
    position: relative;
}

.news-left,
.news-right {
    width: 50%;
    height: 100%;
}

.news-left {
    margin-top: 10%
}

.news-left em,
.news-left p {
    color: #fff;
    display: block;
    width: 470px;
    margin: 0 auto
}

.news-left em {
    font-size: 14px;
    line-height: 14px;
}

.news-left p {
    font-size: 32px;
    line-height: 56px;
    margin-top: 40px;
    font-weight: 400;
}

.news-right img {
    width: 100%;
}

.news-banner #news-jt {
    text-align: left;
    margin: 0 auto;
    left: 11.5%;
    bottom: 50px;
}

.news-banner #news-jt span {
    background: #fff;
}

.news-banner #news-jt .swiper-pagination-bullet-active {
    background: none;
    border-color: #fff;
}

.news-banner .news-banner-con .swiper-slide {
    background: #BEC3CD;
}

.ny-news-con {
    padding: 140px 0;
    position: relative;
}

.ny-news-con h2 {
    font-size: 32px;
    color: #2E363F;
    font-weight: 400;
    text-align: center;
    margin-bottom: 35px
}

.ny-news-list li {
    width: calc(100%/4 - 1px);
    margin-right: 1px;
    float: left;
    background: #F2F2F2;
    padding-bottom: 60px;
    margin-bottom: 1px;
    transition: all .5s;
}

.ny-news-list li .pic {
    overflow: hidden;
    height: 280px;
}

.ny-news-list li .pic img {
    width: 100%;
    transition: all .5s;
}

.ny-news-list li:hover .pic img {
    transform: scale(1.1);
}

.ny-news-list li .info {
    color: #2F3740
}

.ny-news-list li .info em,
.ny-news-list li .info p {
    width: 75%;
    margin: 0 auto
}

.ny-news-list li .info em {
    font-size: 14px;
    line-height: 14px;
    margin: 40px 0;
    display: block;
    width: 75%;
    margin: 40px auto 20px auto;
    color: #A3A5A8
}

.ny-news-list li .info p {
    font-size: 22px;
    line-height: 34px;
    height: 140px;
    font-weight: 300
}

.ny-news-list li:hover {
    background: #09A5E8;
}

.ny-news-list li:hover .info,
.ny-news-list li:hover .info em {
    color: #fff
}

.ny-news-list {
    overflow: hidden;
}

.ny-company-news {
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 160px
}

.ny-instiy-news {
    margin-top: 160px
}

.ny-instiy-list ul li {
    height: 79px;
    line-height: 79px;
    border-bottom: 1px solid #E4E4E4;
    background: url(../images/news-jt.png) no-repeat center right;
    transition: all .4s;
}

.ny-instiy-list ul li a {
    display: block;
    height: 79px;
    line-height: 79px;
}

.ny-instiy-list ul li em {
    color: #9CA0A4;
    font-size: 14px;
}

.ny-instiy-list ul li span {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    margin-left: 70px
}

.ny-instiy-list ul li:hover {
    background: url(../images/news-jt.png) no-repeat center right 20px;
}

.ny-instiy-list ul li:hover {
    text-indent: 20px;
}

.ny-instiy-list ul li:hover em {
    color: #09A5E8
}

.ny-instiy-list ul li:hover span {
    color: #09A5E8
}



/*公司新闻详情*/
.ny-news-details {
    margin: 205px auto 50px auto
}

.ny-news-title {
    max-width: 1000px;
    margin: 0 auto
}

.ny-news-title .ny-news-back a {
    color: #29A9E9;
    background: url(../images/news-details-jt.png) no-repeat center left;
    padding-left: 28px;
    margin-bottom: 39px;
    display: block;
    font-size: 18px;
    font-weight: 400
}

.ny-news-title h2 {
    font-weight: 400;
    font-size: 32px;
    line-height: 54px;
    margin-bottom: 25px
}

.ny-news-title .time {
    color: #ACAEB0
}

.ny-nd-jb {
    width: 100%;
    height: 5px;
    background-image: linear-gradient(to right, #CEEDFB, #3DC2FE);
    margin: 60px 0
}

.ny-details-content p {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 36px;
}

.ny-details-content {
    padding-bottom: 70px
}

.ny-details-fx {
    padding: 25px 0;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    text-align: center;
    font-size: 20px;
    font-weight: 400
}

.ny-details-fx span {
    display: inline-block;
    line-height: 46px;
    vertical-align: middle;
    margin-right: 20px
}

.ny-details-fx a {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    background: #D6D6D6;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    transition: all .5s;
}

.ny-details-fx a:hover {
    background: #09A5E8;
}

.ny-details-fx a img {
    margin-top: 12px;
    display: inline-block;
}



.ny-newsdetails-list {
    margin: 160px auto
}

.ny-newsdetails-list h2 {
    font-size: 36px;
    color: #2E363F;
    font-weight: 600;
    text-align: center;
    margin-bottom: 60px
}

.ny-newsdetails-list li {
    transition: all .5s;
    width: calc(100%/4 - 1px);
    margin-right: 1px;
    float: left;
    background: #BFC4CE;
    padding-bottom: 60px;
    margin-bottom: 1px
}

.ny-newsdetails-list li .pic {
    overflow: hidden;
    height: 280px
}

.ny-newsdetails-list li .pic img {
    width: 100%;
    transition: all .5s;
}

.ny-newsdetails-list li .info {
    color: #fff
}

.ny-newsdetails-list li .info em,
.ny-newsdetails-list li .info p {
    width: 75%;
    margin: 0 auto
}

.ny-newsdetails-list li .info em {
    font-size: 14px;
    line-height: 14px;
    margin: 40px 0;
    display: block;
    width: 75%;
    margin: 40px auto 20px auto;
    color: #fff
}

.ny-newsdetails-list li .info p {
    font-size: 22px;
    line-height: 34px;
    height: 100px;
    font-weight: 300
}

.ny-newsdetails-list li:hover {
    background: #09A5E8;
}

.ny-newsdetails-list li:hover .pic img {
    transform: scale(1.1);
}



/*加入我们*/
.add-banner {
    background: url(../images/add-banner.jpg) no-repeat center;
    background-size: cover;
}

.ny-addus-con {
    max-width: 1000px;
    margin: 0 auto;
    margin: 0 auto;
    padding: 170px 0;
}

.ny-addus-con li {
    font-size: 20px;
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #E4E4E4;
    background: url(../images/add-img.png) no-repeat center right;
    cursor: pointer;
    transition: all .5s;
}

.ny-addus-con li:hover {
    color: #0082C7;
    background: url(../images/add-img.png) no-repeat center right 20px #f1f1f1;
    text-indent: 20px;
}

.ny-addus-con li:nth-child(1) {
    border-top: 1px solid #E4E4E4;
}

.ny-addus-why {
    padding-bottom: 160px;
    display: flex;
    justify-content: space-between;
}

.ny-addus-why .ny-addus-why-left,
.ny-addus-why .ny-addus-why-right {
    width: 50%
}

.ny-addus-why .ny-addus-why-left img {
    width: 100%;
}

.ny-addus-why .ny-addus-why-right {
    background: #09A5E8;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    text-align: left;
}

.ny-addus-why .ny-addus-why-right a {
    color: #fff;
}

.ny-addus-why .ny-addus-why-right h2 {
    text-align: left;
    display: block;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 40px
}

.ny-addus-why .ny-addus-why-right h2,
.ny-addus-why .ny-addus-why-right p,
.ny-addus-why .ny-addus-why-right div {
    width: 390px;
}

.ny-addus-why .ny-addus-why-right p {
    font-size: 20px;
    line-height: 36px;
}

.ny-addus-why .ny-addus-why-right div {
    margin-top: 40px
}

.ny-addus-why .ny-addus-why-right a {
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}


.ny-zhaopin-div {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 999999;
    display: none;
}

.ny-zhaopin-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999999;
}

.ny-about-left {
    width: 20%;
    height: 100vh;
    background: #909090;
    overflow-y: auto;
}

.ny-about-right {
    width: 80%
}

.ny-about-right h2 {
    font-size: 32px;
    line-height: 32px;
}

.ny-about-right .ny-a-jb {
    height: 4px;
    background-image: linear-gradient(to right, #CEEDFB, #3DC2FE);
    width: 100%;
    margin: 50px 0
}

.ny-about-right-con {
    width: 70%;
    margin: 0 auto;
    height: 85vh;
    margin-top: 10vh
}

.ny-a-zwms h3 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 400;
}

.ny-a-zwms p {
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
    margin-top: 15px
}

.ny-a-zwms {
    padding-bottom: 56px;
    margin-top: 56px;
    border-bottom: 1px solid #E4E4E4
}

.ny-a-zwms:last-child {
    border-bottom: 0
}

.ny-zhaopin-close {
    cursor: pointer;
}

.ny-a-con {
    height: 60vh;
    overflow-y: auto;
}

/*手机客服*/
.pf_down {
    display: none;
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 70px;
    background: #0096E5;
    z-index: 66;
    box-shadow: 0 -4px 7px rgba(0, 0, 0, 0.15);
    z-index: 999;
}

.pf_down li {
    height: 100%;
    box-sizing: border-box;
    width: 33.33%;
    float: left;
    text-align: center;
    padding: 13px 0 5px 0;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.pf_down li .ico7 {
    width: 100%;
    float: left;
    height: 20px;

}

.pf_down li.l1 .ico7 {
    background: url(../images/btn15.png) no-repeat center center;
    background-size: 20px 20px;
}

.pf_down li.l2 .ico7 {
    background: url(../images/btn16.png) no-repeat center center;
    background-size: 20px 20px;
}

.pf_down li.l3 .ico7 {
    background: url(../images/btn17.png) no-repeat center center;
    background-size: 20px 20px;
}

.pf_down li .name {
    width: 100%;
    float: left;
    margin-top: 9px;
    font-size: 16px;
    color: #fff;
    line-height: 14px;
}

/*手机客服*/