/* 响应式 */
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1600px) and (max-width:1800px){html{font-size:15px;}}
@media (min-width:1400px) and (max-width:1599px){html{font-size:14px;}}
@media (min-width:1200px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:640px) and (max-width:1199px){html{font-size:12px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:14px;}}
@media (max-width:328px){html{font-size:14px;}}

/* 手机端下拉 */
.wap-click {display: none; cursor: pointer; margin-left: 2rem;}
.wap-click span { width: 32px; height: 3px; background: #333; display: block;  margin: 8px auto; transition: all 277ms ease-in-out;  position: relative;}
.wap-click span:nth-child(2) {width: 25px;}
.active span.cl-1 { transform: rotate(-45deg);  top: 10px;}
.active span.cl-2 { opacity: 0;}
.active span.cl-3 { transform: rotate(45deg); top: -12px;}
header.navfixed .wap-click span {background: #333;}

.hadNav2 {position: absolute;left: 0; top: 100%; z-index: 999;width: 100%; height: 100vh; background-color: #fff; display: none;}
.hadNav2 .nav2Box {width: 92%; margin: auto;  height: calc(100% - 3.5rem); }
.wrapNav {height: calc(100% - 3.5rem); margin-bottom: 30px; overflow-x: hidden;overflow-y: auto;}
.wrapNav > li {padding: 1rem 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.wrapNav > li > a {display: flex; justify-content: space-between; align-items: center;}
.wrapNav > li > a > span {font-size: 1.3rem;color: #333; display: block; }
.wrapNav > li:hover > a > span {color: #008292;}
.wrapNav > li > a > i {transition: .5s;}
.wrapNav > li > a > i svg { width: 15px; height: 100%;}
.wrapNav > li.active > a > i {transform: rotateX(180deg);}

.wrapNav2 {padding:5px 10px; padding-right: 0;display: none;}
.wrapNav2 > li {margin-top: 0.5rem; }
.wrapNav2 > li > a > span {font-size: 1.2rem;color: #333; display: block;}
.wrapNav2 > li:hover > a > span {color: #008292;}
.wrapNav2 > li > a {display: flex; justify-content: space-between; align-items: center;}
.wrapNav2 > li > a > i { width: 40px; height: 25px; display: flex;align-items: center;flex-shrink: 0; justify-content: center; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; position: relative;}
.wrapNav2 > li > a i:after, .wrapNav2 > li > a i:before { content: "";display: block;width: 14px;height: 2px;position: absolute;top: 50%;left: 90%; margin-left: -13px; background-color: #333;}
.wrapNav2 > li > a i:before {transform: rotate(90deg);}
.wrapNav2 > li.active > a i:before { opacity: 0;}

.wrapNav3 {padding:5px 10px; padding-right: 0; display: none;}
.wrapNav3 > li {margin-top: 0.5rem;}
.wrapNav3 > li > a {font-size: 1.1rem;color: #333; display: block;}
.wrapNav3 > li:hover > a {color: #008292;}

.wrapSearch {width: 100%; background: #f0f0f0; height: 3rem; position: relative; }
.wrapSearch form {display: flex; align-items: center; height: 100%;}
.wrapSearch .inText {width: 92%; background: none; outline: none; border: none;  height: 100%; padding-left: 1rem; font-size: 1rem; color: #333; box-sizing: border-box;}
.wrapSearch .sub { cursor: pointer; outline: none; border: none; width: 18px; height: 18px; background: url(../images/searchIcon.png) no-repeat center; background-size: contain;}


@media screen and (min-width: 200px) and (max-width: 1850px) {
    .foterCopy {max-width: 96%;}
}
/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1700px) {
}

/* ======================================================1600px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1600px) {

}

/* ======================================================1550px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1550px) {
}

/* ======================================================1500px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1500px) {
}
/* ======================================================1450px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1450px) {
}
/* ======================================================1400px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1400px) {
}

/* ======================================================1350px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1350px) {
}

/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
}

/* ======================================================1250px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1280px) {
    
}

/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
    /* 头部 */
    .headerBox .box .he-le {width: 20%;}

    /* 首页 */
    .indexOne .box .imp.on i {width: 80%;}
}

/* ======================================================1100px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1100px) {
}


/* ======================================================1028px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1028px) {
    /* 头部 */
    nav {display: none;}
    .wap-click {display: block;}
    .headerBox .box .he-le {width: auto;}
    .headerBox .box .logo img {max-width: 80%;}

    /* 首页 */
    .indexOne .box {flex-wrap: wrap;}
    .indexOne .box .le {width: 100%;}
    .indexOne .box .imgBox {width: 100%; margin-top: 3rem;}
    .indexOne .box .imgBox img {margin: auto;}

    .indexTwo .peo {display: none;}
    .indexTwo ul {justify-content: space-between;}
    .indexTwo ul li {margin-right: 0; width: 48%;padding-bottom: 10rem;}

    /* 底部 */
    .footerBox {flex-wrap: wrap;}
    .footerBox .conLe {width: 100%; text-align: center; margin-top: 3rem; order: 1;}
    .footerBox .foterNav {width: 100%;}
    footer .copyIn {bottom: 10%;}

    /* 我们的科学 area */
    .areaOne .con {width: 100%; margin-bottom: 3rem;}
    .areaOne .imgBox {position: relative; width: 100%; margin: auto; top: 0; left: 0; transform: initial;}
    .areaOne .imgBox img {width: auto; max-width: 92%; height: auto; margin: auto;}

    .areaTwo .box {flex-wrap: wrap;}
    .areaTwo .box .le {width: 100%; order: 1;}
    .areaTwo .box .le img {width: auto; margin: auto; max-width: 100%;}
    .areaTwo .box .re {width: 100%; margin-bottom: 3rem;}

    /* 我们的科学 action */
    .actionTwo .box .container {display: block;}
    .actionTwo .box .imgBox {position: relative; transform: initial; left: 0; top: 0; width: 100%;}
    .actionTwo .box .imgBox img {width: auto; max-width: 100%; margin: auto;}
    .actionTwo .box .re {width: 100%; margin-top: 3rem;}
}

/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {
    /* 首页 */
    .indexThree .swiperBox::after {width: 8%;}

    .inFiSwiper .swiper-button-prev {right: 6%;}

    /* 我们公司 */
    .cpanyTwoSwiper {max-width: 85%;}

    /* 媒体 media */
    .mediaList li {width: 48%;}
    .mediaList ul::after {width: 48%;}

    /* 媒体详情 mediaDetails */
    .mediadeta {padding: 3rem 0;}
    .mediadeta .box {display: flex; flex-wrap: wrap;}
    .mediadeta .box .conLe {width: 100%;}
    .mediadeta .conRe {width: 100%; margin-top: 3rem;}
}

/* ======================================================900px========================================================= */
@media screen and (min-width: 200px) and (max-width: 900px) {
    /* 内页banner */
    .ny-banner .tle h2 {font-size: 5rem;}

    /* 我们公司 ourCompany */
    .companyOne .box {flex-wrap: wrap;}
    .companyOne .box .le {width: 100%;}
    .companyOne .box .re {width: 100%; margin-top: 3rem;}
    .companyOne .box .re img {width: auto; margin: auto; max-width: 100%;}

    /* 联系我们 */
    .contactOne ul li dl dd p strong {font-size: 1.5rem;}
}

/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
    /* 首页 */
    .banner {height: 50vh;}
    .bannerSwiper .swiper-slide .con {top: 50%;}
    .bannerSwiper .swiper-slide .con strong {font-size: 3rem;}
    .bannerSwiper .swiper-pagination-bullet {margin: 0 0.5rem !important;}

    .indexOne {padding: 3rem 0;}
    .indexOne .box .imp.on i {width: 70%;}
    .indexTle {padding: 3rem 0; text-align: center;}

    .indexThree {padding-bottom: 4rem;}
    .inThSwiper {padding-bottom: 5rem;}
    .inThSwiper .swiper-pagination {display: block;}

    .indexFour {padding-bottom: 4rem;}
    .indexFour .indexTle {flex-wrap: wrap;}
    .indexFour .indexTle a {margin-left: 0;margin: auto; margin-top: 2rem; }
    .indexFour .indexTle .tle {width: 100%;}

    .indexFive {padding-bottom: 4rem;}
    .indexFive .swiperBox {padding: 4rem 0;}
    .inFiSwiper .swiper-pagination {display: block;}

    .inFiSwiper .swiper-button-prev {top: 0; right: 18%; left: auto;}
    .inFiSwiper .swiper-button-next {top: 0; right: 0; left: auto;}

    /* 内页banner */
    .ny-banner {height: 35vh;}
    .ny-banner .tle h2 {font-size: 2.5rem;}
    .action-banner .tle h2 {font-size: 2rem;}

    /* 我们公司 ourCompany */
    .companyOne {padding: 3rem 0;}
    .companyOne .comPanTle {text-align: center;}
    .comPanTle {padding: 3rem 0;}
    .comPanTle h3 {font-size: 2rem;}

    .cpanyTwoSwiper .swiper-button-prev , .cpanyTwoSwiper .swiper-button-next {display: none;}
    .cpanyTwoSwiper .swiper-pagination {display: block;}
    .companyTwo {padding-bottom: 3rem;}
    .cpanyTwoSwiper {max-width: 92%; padding-bottom: 5rem;}

    .lightBoxContent {width: 80%; padding: 20px !important;}
    #imgLight {max-width: 50%;}
    #imgContent {height: 15vh; overflow-y: auto;}
    #imgModule .btn {display: none !important;}
    #imgModule2 .btn {display: none !important;}


    .companyThree {padding-bottom: 10rem;}
    .companyThree .box {width: 100%;}
    .companyThree .box p:nth-child(2) {width: 100%;}
    

    /* 我们的科学 ourScience */
    .scienceTwo {padding: 3rem 0;}
    .scienceTwo .box {flex-wrap: wrap;}
    .scienceTwo .le {width: 100%;}
    .scienceTwo .re {width: 100%; margin-top: 3rem;}
    .scienceTwo .re img {width: auto; max-width: 100%; margin: auto;}

    /* 我们的科学 pipeline */
    .PipelineOne {padding-bottom: 5rem;}
    .ny-yfgx-gx {padding: 3rem 0;}
    .ny-yfgx-gx .container {padding-bottom: 0;}
    .ny-yfgx-gx .left {width: 100%; text-align: center;}
    .ny-yfgx-gx .left a {padding: 0; font-size: 2rem; text-transform: uppercase;}
    .ny-yfgx-gx .years {width: 100%;display: none;}
    .ny-yfgx-child {flex-wrap: wrap; margin-bottom: 3rem; padding-bottom: 3rem;}
    .ny-yfgx-child .left {width: 100%; margin-bottom: 2rem;}
    .ny-yfgx-child .right {width: 100%;}
    .ny-yfgx-child .left div {margin-top: 0;}
    .ny-yfgx-child:nth-of-type(4) {margin-bottom: 4rem;}
    .PipelineThree ul li {width: 100%;}
    .pipelineOne {padding: 3rem 0;}
    .pipelineOne ul {flex-wrap: wrap;}
    .pipelineOne ul li {width: 100%; margin-bottom: 3rem;     padding: 8%;}
    .pipelineOne ul li strong {text-align: center;}
    
    /* 我们的科学 area */
    .areaOne {padding: 3rem 0;}
    .areaOne .comPanTle {text-align: center;}

    .areaTwo {padding: 4rem 0;}
    
    /* 我们的科学 action */
    .actionOne { padding: 3rem 0;}

    .actionTwo {margin-bottom: 4rem;}

    .actionThree {margin-top: 4rem;}
    .actionThree .container p {font-size: 1.3rem;}
    .actionThree .box .videoBtn {width: 5rem;}
    .video-hide {width: 92%;     padding-top: 0.5rem;}

    /* 投资者 Investors */
    .investorsList ul::after {width: 48%;}
    .investorsList ul li {width: 48%;}

    /* 联系我们 */
    .contactOne {padding: 4rem 0;}
    .contactOne ul {flex-wrap: wrap; padding-top: 4rem;}
    .contactOne ul li {width: 100%; margin-top: 2rem;}
    
    .contactTwo .thInput {flex-wrap: wrap;}
    .contactTwo .inpt {width: 48%;}
    
    /* 底部 */
    .footerBox .foterNav {flex-wrap: wrap;}
    .footerBox .foterNav dl {width: 32%; margin-bottom: 2rem;}
    .footerBox .foterNav dt a {margin-bottom: 1rem;}
    .foterCopy {max-width: 100%; }
    .foterCopy p {width: 100%;}
    footer .copyIn {bottom: 8%;}
}

@media screen and (min-width: 200px) and (max-width: 640px) {
   /* 首页 */
   .indexTwo ul {flex-wrap: wrap;}
   .indexTwo ul li {width: 100%; margin-bottom: 3rem;}

   .indexThree .swiperBox::after {width: 1%;}
   .inThSwiper .swiper-slide { padding: 0 1.5rem;}

   /* 媒体 media */
   .mediaList {margin: 3rem 0;}
   .mediaList ul::after {display: none;}
   .mediaList li {width: 100%; padding-bottom: 0;}
   .mediaList li .tle {font-size: 1.3rem;}
   .mediaList li .more a {position: relative; left: 0; width: 100%; margin-top: 3rem;}
   .mediaList li .more a {height: 3.5rem; font-size: 1.5rem;}

    /* 投资者 Investors */
    .investorsList {padding: 3rem 0;}
    .investorsList ul li {margin-bottom: 1rem;}
    .investorsList ul li .imgBox {height: auto; padding: 1rem;}
    .investorsList ul li span {font-size: 1.1rem;padding: 1rem 0.5rem;}

  
}

@media screen and (min-width: 200px) and (max-width: 500px) {
   /* 头部 */
   .zwys {height: 6rem;}
   .headerBox .box {height: 6rem;}
   .navfixed .box {height: 5.5rem;}

   /* 首页 */
   .bannerSwiper .swiper-slide .con strong {font-size: 1.8rem;}
   .bannerSwiper .swiper-slide .con i {margin-top: 1.5rem;width: 5rem;}

   .indexTle h3 {font-size: 2rem;}
   .indexThree .indexTle h3 {font-size: 1.8rem;}

   .indexOne .box .more a {width: 13rem;height: 3.63rem;font-size: 1.5rem;}

   .indexTwo {padding: 0 0 3rem 0;}
   .indexTwo ul li .tle {padding: 1rem 0.5rem;}
   .indexTwo ul li a {position: relative;  height: 3.5rem;  bottom: 0;  font-size: 1.5rem; width: 100%; left: 0; margin-top: 3rem;}
   .indexTwo ul li {padding-bottom: 0;}
   .indexTwo ul li .con {padding: 1rem;}

   .inThSwiper .swiper-slide {padding: 0 1rem;}
   .inThSwiper .swiper-slide .name {font-size: 1.1rem;}
   .inThSwiper .swiper-slide span {font-size: 1rem;}

   .indexFour .indexTle {padding: 3rem 0;}
   .indexFour .indexTle a {width: 13rem;height: 3.63rem;font-size: 1.5rem;}

   .inFoSwiper .swiper-slide {padding-bottom: 8rem;}
   .inFoSwiper .swiper-slide .more a {height: 3.5rem; font-size: 1.5rem;}

   /* 我们的科学 ourScience */
   .scienceOne {padding: 3rem 0;}
   .scienceTwo .le a {width: 13rem;height: 3.63rem;font-size: 1.5rem; margin: auto; margin-top: 2rem;}
   .scienceTwo .le p {margin-top: 2rem;}

   /* 媒体详情 mediaDetails */
   .mediadeta .tle h4 {font-size: 1.5rem;}

   /* 联系我们 */
   .contactOne ul {padding-top: 2rem;}
   .contactOne .tle strong {font-size: 1.5rem;}
   .contactOne .tle p {font-size: 1.2rem;}
   .contactOne ul li {padding: 2rem 1rem;}
   .contactOne ul li .tle2 {margin-bottom: 2rem; font-size: 1.5rem;}
   .contactOne ul li dl dd {margin-top: 1rem;}
   .contactOne ul li dl dd p {font-size: 0.9rem;}
   .contactOne ul li dl dd p a {font-size: 0.9rem;}

   .contactTwo {padding: 3rem 0; padding-bottom: 5rem;}
   .contactTwo .tle {font-size: 2rem;}
   .contactTwo .inpt {width: 100%; margin-bottom: 1rem;}
   .contactTwo .inpt label {padding-left: 7%;}
   .contactTwo .inpt textarea {border-radius: 1rem; padding-top: 1.4rem; padding-left: 8rem;}
   .contactTwo .thInput:nth-child(2) label {padding-left: 6.4%; border-radius: 1rem; padding-top: 1rem;}
   .contactTwo .sub {margin-top: 3rem;}

   .follow .tle p {font-size: 1.2rem;}

   /* 底部 */
   .footerBox .conLe {margin-top: 0;}
   .foterCopy {margin-top: 2rem;}
   .footerBox .foterNav dl {width: 48%; }

   

    .fy {padding: 30px 0; }
}

@media screen and (min-width: 200px) and (max-width: 450px) {
}

@media screen and (min-width: 200px) and (max-width: 400px) {
    .contactTwo .inpt input {padding-left: 8rem;}
}