@charset "utf-8";
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.marginauto {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.linenowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flexCetween {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.flexAlign {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  -webkit-align-items: center;
}
@media screen and (max-width: 1600px) {
  .home-swiper .home-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
  .home-title strong {
    font-size: 1.875vw;
  }
  .home-title small,
  .home-about-info p {
    font-size: 16px;
  }
  .about-data-item b {
    font-size: 60px;
  }
  .about-fix {
    margin-left: 15px;
  }
  .certificate-list li {
    margin-right: 30px;
    width: 180px;
  }
  .certificate-list li:last-child {
    margin-right: 0;
  }
  .certificate-list li figure {
    height: 100px;
  }
  .certificate-list li p,
  .fiber-text p {
    font-size: 14px;
  }
  .certificate-tt strong {
    font-size: 24px;
  }
  .fiber-text {
    margin-top: 50px;
    margin-bottom: 70px;
  }
  .fiber-text strong {
    font-size: 20px;
  }
  .corpo-culture-text p {
    font-size: 20px;
  }
  .home-news-info strong {
    font-size: 18px;
    height: 54px;
  }
  .home-news {
    padding-top: 5.2083vw;
  }
  .header {
    height: 80px;
  }
  .logo {
    height: 45px;
  }
  .navs li a {
    font-size: 15px;
  }
  .home-news-info b {
    font-size: 14px;
  }
  .news-time time {
    font-size: 14px;
  }
  .news-time time i {
    margin-right: 8px;
    font-size: 20px;
  }
  .news-time span {
    font-size: 13px;
  }
  .common-btns a span {
    margin-left: 12px;
    font-size: 14px;
  }
  .common-btns a i {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
  }
  .footer-navs-item dt a {
    font-size: 16px;
  }
  .footer-navs-item dd p a {
    font-size: 13px;
  }
  .footer-navs-item dd p {
    margin-bottom: 12px;
  }
  .footer-eq {
    width: 100px;
  }
  .footer-eq figure {
    width: 80px;
  }
  .footer-eq p {
    font-size: 12px;
  }
  .footer-copy-network p,
  .footer-sm a {
    font-size: 13px;
  }
  .leval-menu-wrap {
    width: 90%;
  }
  .about-data-top em {
    font-size: 16px;
  }
  .honor-slide {
    width: 22.6042vw;
  }
  .honor-slide strong {
    font-size: 20px;
  }
  .product-texts p {
    font-size: 14px;
  }
  .product-left {
    width: 250px;
  }
  .news-info-text strong {
    font-size: 24px;
  }
  .news-info-text p {
    font-size: 14px;
  }
  .recuit-left strong {
    font-size: 26px;
  }
  .recuite-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 1360px) {
  .about-data-item b {
    font-size: 50px;
  }
  .about-fix span,
  .about-fix p {
    font-size: 12px;
  }
  .about-fix span {
    margin-bottom: 8px;
  }
  .about-fix {
    margin-left: 10px;
  }
  .honor-btn li {
    font-size: 18px;
  }
  .message-input {
    width: 90%;
  }
}
@media screen and (max-width: 1024px) {
  .header-right {
    position: fixed;
    right: -100%;
    top: 0;
    transition: 0.88s;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff;
    flex-direction: column;
    justify-content: center;
  }
  .header-right.show {
    right: 0;
  }
  .navs {
    display: block;
  }
  .navs li {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
  .navs li a {
    font-size: 18px;
  }
  .lang {
    margin-top: 18px;
  }
  .home-swiper {
    height: auto;
  }
  .home-swiper > .swiper-wrapper {
    display: block;
    transform: none !important;
  }
  .bsmall img {
    height: 70px;
  }
  .b-hide strong {
    font-size: 32px;
  }
  .b-hide p {
    font-size: 16px;
  }
  .menubtn {
    display: block;
  }
  .about-home {
    height: auto;
  }
  .home-slide {
    height: auto;
  }
  .about-home {
    display: block;
  }
  .about-home-wrap {
    margin-top: 0;
    padding: 80px 5%;
    width: auto;
  }
  .home-title strong {
    font-size: 30px;
  }
  .home-about-info {
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .about-home-imgs {
    width: 100%;
    height: auto;
  }
  .about-home-imgs figure {
    height: auto;
  }
  .about-home-imgs figure img {
    height: auto;
  }
  .corpo-culture {
    padding: 60px 5%;
    height: auto;
    display: block;
  }
  .certificate {
    padding: 80px 5%;
    height: auto;
  }
  .certificate-list {
    flex-wrap: wrap;
  }
  .certificate-list li {
    margin-right: 0;
    margin-bottom: 30px;
    width: 33.333%;
  }
  .certificate-list li p {
    padding: 0 10px;
  }
  .fiber {
    padding: 80px 5%;
    height: auto;
    display: block;
  }
  .fiber-text {
    width: 100%;
  }
  .fiber-imgs {
    margin-top: 30px;
    width: 100%;
  }
  .home-news {
    padding: 80px 5%;
    height: auto;
  }
  .hone-news-list {
    flex-wrap: wrap;
  }
  .hone-news-list li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 38px;
  }
  .hone-news-list li:nth-child(2n+2) {
    margin-right: 0;
  }
  .footer-navs {
    display: none;
  }
  .footer-top {
    padding: 35px 5%;
  }
  .footer-copy {
    padding: 18px 5%;
  }
  .leval-menu-wrap {
    height: 80px;
  }
  .introduct {
    display: block;
  }
  .introduct-info {
    padding: 60px 0;
    width: 100%;
  }
  .intro-since b {
    font-size: 52px;
  }
  .introduct-top strong {
    font-size: 26px;
  }
  .introduct-top span {
    font-size: 18px;
  }
  .introduct-text {
    font-size: 14px;
  }
  .introduct-imgs {
    width: 100%;
  }
  .about-data-year b {
    font-size: 50px;
  }
  .about-data-li {
    padding: 0 5%;
    box-sizing: border-box;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .about-data-li li {
    margin-right: 0;
    margin-bottom: 30px;
    text-align: center;
    width: 33.333%;
  }
  .about-data-top {
    justify-content: center;
  }
  .about-data {
    padding: 30px 0 0;
  }
  .honor-box {
    padding: 60px 5%;
    display: block;
  }
  .honor-left {
    margin-bottom: 38px;
    width: 100%;
  }
  .culture-box {
    padding: 70px 5%;
  }
  .culture-text {
    font-size: 16px;
  }
  .product-boxs {
    padding: 32px 5% 60px;
  }
  .product-wrs {
    margin-top: 30px;
    display: block;
  }
  .product-left {
    position: relative;
    width: 100%;
    top: 0;
  }
  .product-prepreg {
    margin-left: 0;
    width: 100%;
    margin-top: 40px;
  }
  .product-texts strong {
    font-size: 24px;
  }
  .product-li li strong {
    height: 88px;
    font-size: 16px;
  }
  .parameter {
    display: block;
  }
  .parameter-left {
    width: 100%;
  }
  .parameter-top strong {
    margin-bottom: 18px;
    font-size: 22px;
  }
  .parameter-top strong i {
    margin-right: 18px;
  }
  .parameter-top p {
    font-size: 14px;
  }
  .product-back {
    position: relative;
    margin-top: 30px;
  }
  .parameter-imgs {
    margin-top: 40px;
    width: 100%;
  }
  .hnews-banner {
    padding: 50px 5%;
  }
  .news-slide a {
    display: block;
  }
  .news-img {
    width: 100%;
  }
  .news-info-text {
    margin-top: 38px;
    width: 100%;
  }
  .news-fixs {
    padding: 50px 5%;
  }
  .news-view-top {
    padding-right: 0;
    padding-bottom: 30px;
  }
  .news-view-top strong {
    margin-bottom: 18px;
    font-size: 24px;
  }
  .news-info-v {
    padding: 50px 0 6.7708vw;
  }
  .news-page {
    display: block;
  }
  .news-page-item {
    width: 100%;
  }
  .contact-wrap {
    display: block;
  }
  .contact-left {
    width: 100%;
  }
  .contact-in {
    padding: 50px 8%;
  }
  .contact-top strong {
    font-size: 20px;
  }
  .address-item dt {
    font-size: 14px;
  }
  .contact-map {
    width: 100%;
  }
  .recuit-tops {
    padding: 0;
  }
  .recuit-imgs {
    width: 100%;
  }
  .recuit-info {
    padding: 50px 5%;
    width: 100%;
    box-sizing: border-box;
    position: relative;
  }
  .recuite-wr {
    padding: 0;
  }
  .recuite-text {
    width: 0;
    flex: 1;
    margin-left: 40px;
  }
  .virtuous {
    padding: 60px 5%;
  }
  .virtuous-head span:nth-child(2),
  .virtuous-head span:nth-child(3),
  .virtuous-head span:nth-child(4),
  .virtuous-defaul span:nth-child(2),
  .virtuous-defaul span:nth-child(3),
  .virtuous-defaul span:nth-child(4) {
    display: none;
  }
  .virtuous-head span:nth-child(1),
  .virtuous-defaul span:nth-child(1) {
    width: 50%;
  }
  .virtuous-head span:nth-child(5),
  .virtuous-defaul span:nth-child(5) {
    width: 50%;
  }
}
@media screen and (max-width: 751px) {
  .header {
    height: 66px;
  }
  .logo {
    height: 40px;
  }
  .btext {
    padding-top: 30px;
  }
  .bsmall img {
    height: 55px;
  }
  .b-hide strong {
    font-size: 28px;
  }
  .banner {
    height: auto;
  }
  .banner-slide figure {
    height: 150vw;
  }
  .banner-swiper .swiper-pagination {
    left: 5%;
    bottom: 38px;
  }
  .about-home-wrap {
    padding: 60px 5%;
  }
  .corpo-culture-text {
    width: 100%;
  }
  .corpo-culture-text p {
    font-size: 18px;
  }
  .home-title strong {
    font-size: 24px;
  }
  .certificate-tt strong {
    font-size: 20px;
  }
  .certificate-list li figure {
    margin-bottom: 16px;
    height: 80px;
  }
  .hone-news-list li {
    margin-right: 0;
    width: 100%;
  }
  .news-time {
    padding: 12px 0;
    margin-top: 28px;
  }
  .home-title strong {
    padding-right: 30px;
  }
  .footer-top {
    display: block;
  }
  .footer-eq {
    margin-top: 28px;
  }
  .footer-copy,
  .footer-copy-network {
    flex-wrap: wrap;
  }
  .home-title strong {
    margin-bottom: 12px;
  }
  .leval-menu-wrap {
    padding: 18px 0;
    flex-direction: column-reverse;
    align-items: flex-start;
    height: auto;
  }
  .leval-menu-list {
    margin-top: 4px;
  }
  .leval-menu-list li {
    margin-right: 30px;
  }
  .introduct-wr {
    padding: 0 5%;
  }
  .intro-since small {
    font-size: 24px;
  }
  .introduct-top span {
    margin-bottom: 18px;
    font-size: 16px;
  }
  .intro-since:before {
    display: none;
  }
  .pbanner {
    margin-top: 66px;
  }
  .pbanner figure {
    padding-bottom: 280px;
  }
  .honor-info strong {
    font-size: 24px;
  }
  .honor-info span {
    font-size: 16px;
  }
  .honor-info p {
    font-size: 14px;
  }
  .honor-tab {
    width: 100%;
  }
  .honor-swiper {
    padding: 0 40px;
  }
  .honor-slide {
    width: 80%;
  }
  .honor-prev {
    display: none;
    width: 42px;
    height: 42px;
    line-height: 42px;
    margin-top: -22px;
  }
  .honor-slide strong {
    margin-top: 16px;
    font-size: 16px;
  }
  .culture-box {
    padding: 50px 5%;
    display: block;
  }
  .culture-info {
    box-sizing: border-box;
    padding: 40px 5%;
    width: 100%;
  }
  .culture-imgs {
    margin-left: 0;
    width: 100%;
  }
  .culture-wrap {
    padding: 60px 0;
  }
  .culture-tt {
    padding: 0 5%;
  }
  .culture-tt strong {
    font-size: 22px;
  }
  .culture-tt p {
    font-size: 14px;
  }
  .culture-fixs {
    margin-top: 50px;
  }
  .product-item a {
    height: 56px;
    padding: 0 22px;
  }
  .probtn {
    padding: 0 22px;
  }
  .product-item a p {
    font-size: 14px;
  }
  .product-infos {
    margin-bottom: 38px;
    display: block;
  }
  .product-imgs {
    margin-top: 30px;
    width: 100%;
  }
  .product-li {
    padding-top: 38px;
  }
  .product-li li {
    margin-right: 4%;
    width: 48%;
  }
  .product-li li:nth-child(3n+3) {
    margin-right: 4%;
  }
  .product-li li:nth-child(2n+2) {
    margin-right: 0;
  }
  .parameter-top {
    margin-bottom: 40px;
  }
  .pro-commontt {
    font-size: 18px;
  }
  .parameter-table table tr td,
  .prepregs-info p {
    font-size: 14px;
  }
  .specificate-table {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
  .specificate-table table {
    width: 200vw;
  }
  .specificate-table table thead tr th,
  .specificate-table table tbody tr td {
    font-size: 14px;
  }
  .leval-posite b {
    margin: 0 8px;
  }
  .leval-posite {
    flex-wrap: wrap;
  }
  .leval-posite span,
  .leval-posite a {
    font-size: 14px;
  }
  .product-back a {
    width: 180px;
    height: 54px;
    font-size: 14px;
  }
  .mtop {
    height: 66px;
  }
  .news-info-text strong {
    font-size: 22px;
  }
  .pages a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
  }
  .contact-map {
    height: 360px;
  }
  .address-item dd {
    font-size: 14px;
  }
  .contact-top {
    margin-bottom: 20px;
  }
  .message-box {
    padding: 60px 0 100px;
  }
  .message-top strong {
    margin-bottom: 20px;
    font-size: 22px;
  }
  .message-top p {
    font-size: 14px;
  }
  .message-row {
    display: block;
  }
  .message-item {
    margin-right: 0;
  }
  .message-textare {
    margin-bottom: 30px;
  }
  .message-sub .sub {
    width: 160px;
    height: 52px;
    line-height: 52px;
    font-size: 14px;
  }
  .recuite-wr {
    display: block;
  }
  .recuit-left {
    width: auto;
  }
  .recuit-left strong {
    font-size: 22px;
  }
  .recuite-text {
    margin-left: 0;
    width: auto;
  }
  .virtuous-wr {
    display: block;
  }
  .virtuous-items {
    margin-bottom: 40px;
    width: 100%;
    font-size: 14px;
  }
  .virtuous-items strong:before {
    left: -22px;
  }
  .virtuous-down {
    padding: 32px 26px;
  }
  .loads figure img {
    height: 50px;
  }
  .fiber-item.fiber-color {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
  }
  .fiber-item span {
    font-size: 12px;
  }
  .fiber-item.fiber-color1 {
    width: 52px;
    height: 52px;
    margin-left: -26px;
    margin-top: -26px;
  }
}