* {
    margin: 0;
    padding: 0;
}

html,
body {
    background: #fff;
    margin: 0;
    padding: 0;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-size: 16px;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

h1 {
    letter-spacing: -1px;
}

img {
    max-width: 100%;
}

ul,
ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a,
a:hover {
    text-decoration: none;
    color: #333;
}

@media(min-width:1440px) {
    .container {
        width: 1400px;
    }
}

/* @media(min-width:1680px) {
    .container {
        width: 1600px;
    }
} */

.width50 {
    width: 50%
}
.width55 {
    width: 55%
}

.width40{width:40%}
.width60 {
    width: 60%
}

.width70 {
    width: 70%
}


.font54 {
    font-size: 54px;
}

.font42 {
    font-size: 42px;
}

.textCenter {
    text-align: center;
}

.textRight {
    text-align: right
}

.marginAuto {
    margin: 0 auto;
}

.marginTop60 {
    margin-top: 60px;
}

.marginTopBottom80 {
    margin: 80px 0;
}

.noPaddingLeft {
    padding-left: 0
}

.noPaddingRight {
    padding-right: 0;
}

.fl {
    float: left;
}

.fr {
    float: right
}


/* 面包屑导航 */
.sub_nav {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    overflow: hidden;
}

.sub_nav ul {
    font-size: 0;
    max-width: 1600px;
    margin: 0 auto;
}

.sub_nav li {
    display: inline-block;
}

.sub_nav li a {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #777;
    position: relative;
    padding: 20px 30px;
}

.sub_nav li.cur a {
    color: #fff;
    background: #f08200;
}

.sub_nav li.cur a:after {
    left: 0;
    width: 100%;
}

.sub_nav li:hover a {
    color: #fff;
    background: #f08200;
}

.sub_nav li:hover a:after {
    left: 0;
    width: 100%;
}

/* banner */
.banner {
    width: 100%;
    height: 100vh;
}

.swiper-slide-active .bannerSwiper-pic img {
    animation: scale-bg 3s linear forwards;
    -webkit-animation: scale-bg 3s linear forwards;
    -moz-animation: scale-bg 3s linear forwards;
    -o-animation: scale-bg 3s linear forwards;
}

.swiper-slide-active .bannerSwiper-txt {
    animation: upMove 1s linear forwards;
    -webkit-animation: upMove 1s linear forwards;
    -moz-animation: upMove 1s linear forwards;
    -o-animation: upMove 1s linear forwards;
}








.bannerSwiper-box {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.bannerSwiper-pic {
    width: 100%;
    height: 100%;
    display: flex;
}

.bannerSwiper-pic img {
    width: 100%;
    object-fit: cover;
}

.bannerSwiper-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.bannerSwiper-cover.banner1 {
    justify-content: right;
}

.bannerSwiper-cover.banner {
    justify-content: center;
}


.bannerSwiper-txt {
    color: #fff;
    text-transform: capitalize;
}

.bannerSwiper1-txt {
    margin-right: 8%;
}



.bannerSwiper-txt h1 {
    line-height: 72px;
    font-weight: normal;
}

.bannerSwiper-txt h2 {
    font-weight: lighter;
    margin: 40px 0 60px;
}

.bannerSwiper-btn {
    background: #f08200;
    width: 200px;
    height: 52px;
    border-radius: 56px;
    transition: all .4s;
    text-align: center;
    line-height: 52px;
    text-transform: uppercase;
}

.bannerSwiper-btn a {
    color: #fff;
}

.bannerSwiper-btn:hover {
    background: #fff;
}

.bannerSwiper-btn:hover a {
    color: #f08200;
}

.banner .swiper-button-prev,
.banner .swiper-rtl .swiper-button-next,
.banner .swiper-button-next,
.banner .swiper-rtl .swiper-button-prev {
    color: #fff;
}


/* 内容 */
.indexAbout-content {
    width: 100%;
    overflow: hidden;
}

.indexAbout-txt {
    width: 100%;
    overflow: hidden;
    padding-right: 60px;
}

.indexAbout-txt h1 {
    width: 80%;
    line-height: 60px;
}

.indexAbout-desc {
    color: #555;
    line-height: 30px;
    margin: 60px 0;
    overflow: hidden;
}

.index-btn {
    width: 240px;
    height: 54px;
    border: 1px solid #333;
    border-radius: 27px;
    text-align: center;
    line-height: 54px;
    transition: all .4s;
}

.index-btn a {
    display: block;
    transition: all .4s;
}

.index-btn:hover {
    background: #f08200;
}

.index-btn:hover a {
    color: #fff;
}

.indexAbout-video {
    width: 100%;
    overflow: hidden;
    border-radius: 30px;
    display: flex;
    margin-top: 40px;
}

.indexAbout-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.indexAbout hr {
    margin: 80px 0
}

.cateAbout {
    margin: 80px 0;
    overflow: hidden;
}

.cateAbout-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.cateAbout-top-left {
    width: 45%
}

.cateAbout-top-left h4 {
    margin-bottom: 20px;
}

.cateAbout-top-left h1 {
    line-height: 48px;
}

.cateAbout-top-right {
    width: 50%;
    line-height: 30px;
    color: #555;
}

.cateAbout-bottom {
    line-height: 30px;
    color: #555;
}

.cateAbout hr {
    border-top: 1px solid #f08200;
    margin: 40px 0;
    overflow: hidden;
}

.cate-pic-shuzi {
    margin-bottom: 80px;
    background: linear-gradient(to bottom, #fff 30%, #333 30%);
    padding-bottom: 80px;
}

.cate-pic-shuzi .shuzi {
    width: 75%;
    margin: 80px auto;
}

.catePic {
    overflow: hidden;
    border-radius: 20px;
}

.cate-pic-shuzi .shuzi .product-num-item {
    display: unset;
    padding-right: 60px;
}

.cate-pic-shuzi .shuzi .product-num-nub {
    color: #f08200;
    border-bottom: 1px solid #555;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.cate-pic-shuzi .shuzi .product-num-inf {
    color: #fff
}

.cateCulture-menu {
    overflow: hidden;
}

.cateCulture-menu-box {
    width: 100%;
    overflow: hidden;
    background: #fff;
    border-radius: 20px;
    padding: 40px;
    height: 360px;
}

.cateCulture-txt h2 {
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f08200;
}

.cateCulture-desc {
    color: #555
}

.cateSpeech-box {
    overflow: hidden;
}

.cateSpeech-left {
    width: 100%;
    display: flex;
    overflow: hidden;
    border-radius: 20px;
}

.cateSpeech-left img {
    width: 100%;
    object-fit: cover;
}

.cateSpeech-right {
    padding-left: 60px;
}

.cateSpeech-right h4 {
    text-transform: uppercase;
}

.cateSpeech-right h1 {
    margin: 20px 0 40px;
}

.cateSpeech-right .cateSpeech-txt {
    color: #555;
    line-height: 30px;
}

.cateFactory {
    margin: 80px 0;
    overflow: hidden;
}

.cateFactory-desc {
    width: 70%;
    line-height: 30px;
    color: #555;
    margin: 20px 0 40px;
}

.cateFasctorySwiper-box {
    border-radius: 20px;
    overflow: hidden;
    height: 281px;
    display: flex;
}

.cateFasctorySwiper-box img {
    max-height: 281px;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    margin: 0 auto;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.cateFasctorySwiper-box:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}




/* 产品 */
.indexProduct {
    width: 100%;
    overflow: hidden;
    padding-top: 80px;
    background: #f4f4f4;
}

.indexProduct-top {
    text-align: center;
}

.indexProduct-top h2,
.indexCase-title h2 {
    font-weight: normal;
    color: #555;
    text-transform: uppercase;
}

.indexProduct-top h1 {
    width: 60%;
    margin: 30px auto 60px;
}






 .phone{display:none}
 .phoneProduct-box{
 position:relative;
 }
 .phoneProduct-pic{
 width:100%;
 display:flex;
 height: 294px;
 }
  .phoneProduct-pic img{
    object-fit: cover;
  }
  .phoneProduct-txt{
  position:absolute;
  width:100%;
  height:60px;
  line-height:60px;
  overflow:hidden;
  padding:0 10px;
  background:rgba(255,255,255,.6);
  left:0;
  bottom:0;
  font-size:20px;
  }

  .phoneProductSwiper .swiper-pagination-clickable .swiper-pagination-bullet{background:#f08200}

/* 定义关键帧动画 */
@keyframes scaleInCase {
    from {
        transform: scale(0);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.indexCase-item ul li:hover .indexCase-item-pic img {
    transform: scale(1.1);
}

.lazy-image{
    opacity: 0;
            transform: scale(1.5);
            view-timeline-name: --image;
            view-timeline-axis: block;
            animation: 1s linear both image-in;
            animation-timeline: --image;
            animation-range: entry 10% cover 30%;
}
@keyframes image-in {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}



.product {
    width: 100%;
    overflow: hidden;
}

.product-top {
    background-color: #f8f8f8;
    padding: 80px 0;
    overflow: hidden;
    background-image: url(../../images/dw.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    height: 70vh;
}

.product-top h1 {
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 60px;
}

.product-top-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.product-top-item .product-top-box {
    width: 25%;
    padding: 30px;
    overflow: hidden;
    border-right: 1px solid #ccc;
    position: relative;
}

.product-top-item .product-top-box:nth-child(2n) {
    transform: translateY(100px);
}

.product-top .product-top-box:last-child {
    border-right: unset
}

.product-top .product-top-box .product-top-number {
    position: absolute;
    bottom: -30px;
    right: 0;
    font-size: 100px;
    color: rgba(240, 130, 0, .1);
    font-style: italic;
}

.product-top .product-top-box h3 {
    line-height: 30px;
    margin-bottom: 20px;
}

.product-top .product-top-txt {
    color: #777;
    font-weight: 300;
}

.product-series {
    padding: 80px 0;
    overflow: hidden;
}

.product-series h1 {
    margin-bottom: 40px;
}

.proSeriesSwiper .swiper-button-next:after,
.proSeriesSwiper .swiper-button-prev:after {
    color: #f08200
}

.product-series .proSeries-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    border: 1px solid #ddd;
    border-radius: 20px;
    overflow: hidden;
}

.product-series .proSeries-box .proSeries-pic {
    width: 50%;
    height:300px;
    overflow: hidden;
    display: flex;
}

.product-series .proSeries-box .proSeries-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.product-series .proSeries-box .proSeries-txt {
    width: 50%;
    overflow: hidden;
    background: #f4f4f4;
    padding: 40px;
}

.proSeries-txt-desc {
    font-size: 14px;
    color: #777;
    margin: 10px 0 30px;
    overflow: hidden;
}

.product-series .proSeries-box .proSeries-txt h3 {
    text-transform: capitalize;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}


.proSeries-btn a {
    display: block;
    color: #f08200;
}

.product-series .proSeries-box:hover .proSeries-pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.product-box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 80px;
    position: relative;
}
#jd{
    position: absolute;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
}

.product-box .product-right {
    width: 72%;
    background: #f4f4f4;
    padding: 40px;
    overflow: hidden;
}
.product-box .product-right .product-right-box ul{overflow: hidden;}

.product-right-li {
    margin-bottom: 30px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    border-bottom: 1px solid #333;
    transition: all .3s;
}

.product-right-li:hover {
    border-bottom: 1px solid #f08200;
}

.product-right-li .product-right-li-pic {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border-radius: 10px;
    height: 210px;
    background: #fff;
    padding: 5px;
}

.product-right-li .product-right-li-pic img {
    object-fit: cover;
    margin: 0 auto;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.product-right-li .product-right-li-txt {
    padding: 20px 10px;
    overflow: hidden;
}

.product-right-li .product-right-li-txt h4 {
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin-bottom: 20px;
}

.product-right-li .product-right-li-txt .product-right-btn {
    display: block;
    color: #999;
    font-size: 14px;
}



.product-right-box ul li:hover .product-right-li-pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}



.product-box .product-left {
    width: 24%;
}

.product-box .product-left .product-left-box h2 {
    line-height: 100px;
    background: #333;
    border-top: 4px solid #f08200;
    color: #f08200;
    padding: 0 10px;
}

.product-left-item {
    width: 100%;
    overflow: hidden;
}

.product-left-item .sub_nav ul {
    width: 100%;
}

.product-left-item .sub_nav li {
    display: block;
    background: #f4f4f4;
    border-bottom: 1px solid #ddd;
}

.product-left-item .sub_nav li a {
    text-align: left;
    padding: 20px;
}

.product-left-item .sub_nav .nav>li>a {
    background: #f4f4f4;
    color: #333;
    font-size: 18px;
    border-bottom: 1px solid #fff;
}

.product-left-item .sub_nav li ul {
    display: none;
}

.product-left-item .sub_nav li ul.active3 {
    display: block;
}

/*.product-left-item .sub_nav li.active1 ul{
    display: block;
} */
.product-left-item .sub_nav .nav>li:hover>a {
    background: #f08200;
}

.product-left-item .sub_nav .nav li:hover .sub-nav li a {
    background: #fff;
    color: #777;

}

.product-left-item .sub_nav .nav li .sub-nav li:hover a {
    background: #fff;
    color: #f08200;
}

.product-left-item .sub_nav li.active1>a {
    background: #f08200;
    color: #fff;
}

.product-left-item .sub_nav li.active1 .sub-nav li.active2 a {
    color: #f08200;
}



.product-left-item .sub-nav li {
    padding-left: 40px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}






.producnt-search {
    margin-top: 80px;
    background: #333;
    padding: 60px 40px;
}

.producnt-search input {
    line-height: 40px;
    height: 40px;
    width: 77%;
}

.producnt-search button {
    background: #f08200;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    width: 20%;
}

.producnt-search button .fa-search:before {
    color: #fff;
    font-size: 20px;
}

.product-series-item{
    width: 100%;
    padding:80px 0;
    overflow: hidden;
}
.product-series-item ul li{
    background: #f4f4f4;
    overflow: hidden;
    padding:40px;
}
.product-series-item ul li:nth-child(2n){
    background: #fff;
}
.product-series-item ul li .product-series-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.product-series-item ul li .product-series-box .product-series-pic{width:35%;border-radius: 20px;overflow: hidden;height: 363px;display: flex;}
.product-series-item ul li .product-series-box .product-series-pic img{
    width: 100%;
    object-fit: cover;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.product-series-item ul li .product-series-box .product-series-txt{
    width: 60%;
    padding:60px 0;
    overflow:hidden
}
.product-series-item ul li .product-series-box .product-series-txt h2{
    text-transform: capitalize;
    line-height: 60px;
    border-bottom:1px solid #ccc;
    position:relative;
    transition: all .4s;
}
.product-series-item ul li .product-series-box .product-series-txt h2:after{
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background: #f08200;
    bottom:0;
    left:0;
}
.product-series-item ul li .product-series-box .product-series-txt .product-series-desc{
    margin:30px 0 40px;
    color:#777;
    line-height: 30px;
}
.product-series-item ul li .product-series-box .product-series-txt .product-series-btn{
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
    background: #ccc;
    transition: all .4s;
}
.product-series-item ul li:hover .product-series-box .product-series-pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.product-series-item ul li:hover .product-series-box .product-series-txt h2{
    color: #f08200;
}
.product-series-item ul li:hover .product-series-box .product-series-txt .product-series-btn{
    background: #f08200;
    color: #fff;
}




.product-content-top {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100vh;
}

.product-content-top-left {
    width: 50%;
    background: #f4f4f4;
    padding-left: 8%;
    padding-top: 10%;
    padding-right: 80px;
    padding-bottom: 8%
}

.product-content-top-pic {
    width: 100%;
    overflow: hidden;
    height: 650px;
    display: flex;
}
.product-content-top-pic>img{
    object-fit: cover;
    max-height: 650px;
    margin: 0 auto;
}
.product-content-top-pic .propicSwiper2{margin-bottom:30px;}
.product-content-top-pic .propicSwiper2 .swiper-slide{overflow: hidden;}
.product-content-top-pic .propicSwiper2 .swiper-slide img {
    display: block;
    margin: 0 auto;
    max-height: 500px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.product-content-top-left:hover .product-content-top-pic .propicSwiper2 img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);

}
.propicSwiper .swiper-slide{
    overflow: hidden;
    height: 107px;
    display: flex;
}
.propicSwiper .swiper-slide img{
    width: 100%;
    object-fit: cover;
}


.product-content-txt {
    width: 50%;
    padding-left: 80px;
    padding-top: 12%;
    padding-right: 8%;
    padding-bottom: 8%
}

.product-content-txt h4 a {
    color: #f08200;
    font-weight: 400;
}

.product-content-txt h1 {
    line-height: 40px;
    margin-top: 10px;
}

.product-content-description {
    margin-top: 30px;
    color: #555;
    height: 600px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.product-content-description::-webkit-scrollbar {
    display: none;
}

.product-content-description h4 {
    font-weight: 400;
    text-transform: uppercase;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.product-content-description h4:after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background: #f08200;
    position: absolute;
    left: 0;
    bottom: 0;
}

.product-content-description .product-content-adv {
    line-height: 30px;
    padding: 20px 0;
    overflow: hidden;
}

.product-content-honor {
    margin-top: 20px;
    line-height: 40px;
}

.product-content-honor ul li em {
    color: #f08200;
}

.product-content-honor ul li {
    border-bottom: 1px dotted #ccc;
}

.product-details {
    padding: 80px 0;
    overflow: hidden;
}

.product-details h2 {
    text-align: center;
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd;
}

.product-details-item {
    padding: 60px 60px 0 60px;
    overflow: hidden;
}

.product-details-item li {
    margin-bottom: 30px;
}

.product-details-box {
    height: 260px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 10px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.product-details-box a {
    display: flex;
    overflow: hidden;
    height: 260px;
}

.product-details-box a img {
    object-fit: cover;
    margin: 0 auto;
    max-height: 260px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.product-details-box:hover a img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.product-details-box:hover {
    box-shadow: 0 2px 3px 3px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 3px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 3px 3px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 2px 3px 3px rgba(0, 0, 0, .1);
}



.product-shuzi {
    background: url(../../images/product-num.webp) no-repeat center bottom;
    background-size: 100% auto;
    padding: 150px 0;
    overflow: hidden;
    height: 50vh;
    background-attachment: fixed;
	display:flex;
	justify-content: center;
    align-items: center;
}

.product-shuzi .product-num-item:nth-child(3) {
    border-right: 1px solid #ddd;
}

.product-num-box {
    color: #fff
}

.product-num-head {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.product-num-item {
    width: 25%;
    position: relative;
    border-right: 1px solid #ddd;
    padding: 0 30px;
    overflow: hidden;
}

.product-num-item:nth-child(3) {
    border-right: unset;
}

.product-num-item:nth-child(4) {
    border-right: unset;
}

.product-num-item .product-num-nub {
    display: block;
    font-size: 72px;
}

.product-num-item .product-num-inf {
    display: block;
    height: 70px;
    overflow: hidden;
}

.product-num-item .product-num-wan {
    font-size: 32px;
    position: absolute;
    right: 45%;
    top: 30%
}

.product-num-item:nth-child(4) .product-num-wan {
    right: 54%
}

.cppic{
    overflow: hidden;
}
.cppic .cppic-box{
    height: 320px;
    background:#f4f4f4;
    padding:10px;
    margin-bottom:30px;
}
.cppic .cppic-box img{
    max-height: 300px;
    display: block;
    margin: 0 auto;
}








.company-adv {
    width: 100%;
    /* display: flex;
    flex-wrap: wrap;
    justify-content: space-between; */
    position: relative;
    /* min-height: 100vh; */
    overflow: hidden;
}

.company-adv-left,
.company-adv-right {
    width: 50%;
    padding-top: 80px;
    padding-bottom: 80px
}

.company-adv-left {
    position: absolute;
    padding-left: 8%;
    padding-right: 80px;
    overflow: hidden;
    z-index: 10;
    transition: transform 0.3s ease-out;
    left: 0;
    top: 0;
}

.company-adv-left .company-adv-item-pic {
    border-radius: 20px;
    margin-bottom: 40px;
    overflow: hidden;
}

.company-adv-left .company-adv-item-pic img {
    transition: all .4s;
}

.company-adv-left .company-adv-item-pic:hover img {
    transform: scale(1.1);
}


.company-adv-right {
    float: right;
    padding-right: 8%;
    padding-left: 80px;
    overflow: hidden;
    background: #f4f4f4;
}

.company-adv-box {
    width: 100%;
    overflow: hidden;
}

.company-adv-box h2 {
    line-height: 40px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.company-adv-box h2 i {
    margin-right: 10px;
    font-size: 30px !important;
    color: #f08200
}

.company-adv-box .company-adv-txt {
    line-height: 30px;
}


.related {
    width: 100%;
    overflow: hidden;
    padding: 80px 0;
}

.related h2 {
    line-height: 80px;
    text-align: center;
    margin-bottom: 40px;
}

#marquee {
    overflow: hidden;
}

#marquee ul li {
    width: 350px;
    float: left;
    margin-right: 30px;
}

#marquee ul li .mar-li {
    width: 100%;
}

#marquee ul li .mar-li .related-pic {
    height: 340px;
    width: 100%;
    overflow: hidden;
    display: flex;
    border-radius: 10px;
}

#marquee ul li .mar-li .related-pic img {
    max-height: 340px;
    object-fit: cover;
    margin: 0 auto;
    transition: all .4s;
}

#marquee ul li:hover .mar-li .related-pic img {
    transform: scale(1.1);
}

#marquee ul li .related-name {
    margin-top: 20px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    border-bottom: 2px solid #f08200;
    padding: 0 10px;
}

.pro-c-case-item #marquee {
    height: 420px;
}


/* touch */
.indexTouch {
    width: 100%;
    height: 380px;
    background: url(../../images/index-cotact1.webp) no-repeat bottom center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.indexTouch-box {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.indexTouch-line {
    width: 60px;
    height: 4px;
    background: #fff;
    margin: 0 auto;
}

.indexTouch-box-content h1 {
    text-transform: uppercase;
    margin: 60px 0;
    overflow: hidden;
}

.indexTouch-btn {
    width: 200px;
    height: 54px;
    margin: 0 auto;
    line-height: 54px;
    text-align: center;
    border-radius: 27px;
    border: 1px solid #fff;
    transition: all .3s;
}

.indexTouch-btn a {
    display: block;
    color: #fff;
}

.indexTouch-btn:hover {
    background: #f08200;
}

/* 设备 */
.indexEqu {
    width: 100%;
    overflow: hidden;
    padding: 80px 0;
}

.indexEqu-top,
.indexEqu-bottom {
    overflow: hidden;
}

.indexEqu-top {
    margin-bottom: 30px;
}

.indexEqu-top-txt {
    padding-right: 60px;
}

.indexEqu-top-txt .indexEqu-top-txt-desc {
    line-height: 30px;
    color: #555;
    margin-top: 40px;
}

.indexEqu-top-pic {
    width: 100%;
    overflow: hidden;
    display: flex;
    border-radius: 20px;
}

.indexEqu-top-pic img {
    width: 100%;
    object-fit: cover;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.indexEqu-top-pic:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

/* 荣誉 */
.indexHonor {
    width: 100%;
    padding: 80px 0 0;
    overflow: hidden;
    background: linear-gradient(to bottom, #333333, 50%, white 50%);
}

.indexHonor h1 {
    color: #fff;
    text-align: center;
    margin-bottom: 60px;
}

.indexHonor-silde-pic {
    border: 1px solid #ddd;
    padding: 5px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.indexHonor-silde-pic img {
    width: 100%;
    height: 100%;
    transition: all .4s;
}

.indexHonor-silde-pic:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.indexHonor-btn {
    width: 300px;
    height: 54px;
    margin: 0 auto;
    line-height: 54px;
    border-radius: 27px;
    text-align: center;
    transition: all .3s;
    margin-bottom:60px;
    border: 1px solid #ddd;
}

.indexHonor-btn a {
    display: block;
    color: #fff;
    text-transform: uppercase;
}

.indexHonor-btn:hover {
    background: #f08200;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
}
.cateFactory-box .indexHonor-btn{
    background: #333;
    margin-top:60px;
}




.honorItem {
    width: 100%;
    overflow: hidden;
}

.honorItem ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
}

.honorItem ul li {
    width: 33.33%;
    margin-bottom: 30px;
    position: relative;
}

.honorItem ul li .honor-pic {
    width: 80%;
    margin: 0 auto;
    height: 295px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: #f4f4f4;
}

.honorItem ul li .honor-pic img {
    max-height: 295px;
    object-fit: cover;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.honorItem ul li .honor-txt {
    background-image: url(../../images/honor_libg.png);
    background-repeat: no-repeat;
    background-repeat: repeat-x;
    height: 120px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 30px;
    overflow: hidden;
    padding: 0 10px;
}

.honorItem ul li:hover .honor-pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}






/* 案例 */
.indexCase {
    padding: 80px 0;
    overflow: hidden;
}
.indexCase-box{
    position: relative;
}


.indexCase-top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 60px;
}

.indexCase-title h1 {
    width: 100%;
    margin-top: 30px;
}


.indexCase-btn {
    background: #f08200;
    line-height: 54px;
    padding: 0 30px;
    border-radius: 27px;
}

.indexCase-btn a {
    display: block;
    color: #000;
}

/* .indexCase-item {
    position: relative;
    view-timeline-name: --center-section;
    view-timeline-axis: block;
}

.indexCase-item ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.indexCase-item ul li {
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 30px;
    position: relative;
}

.indexCase-item ul li:nth-child(1),
.indexCase-item ul li:nth-child(4) {
    width: 60%;
}

.indexCase-item ul li:nth-child(2),
.indexCase-item ul li:nth-child(3) {
    width: 38%;
}

.indexCase-item ul li:nth-child(3),
.indexCase-item ul li:nth-child(4) {
    margin-bottom: unset
} */



.indexCase-item ul li .indexCase-item-pic {
    display: flex;
    width: 100%;
    height: 402px;
    overflow: hidden;
}

.indexCase-item ul li .indexCase-item-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s;
}
.indexCase-item .indexCase-item-text{
    position: absolute;
    left: 0;
    bottom:0;
    background: rgba(255,255,255,.7);
    padding:20px 40px;
    overflow: hidden;
    font-size: 20px;
    color: #000;
}


.case {
    width: 100%;
    overflow: hidden;
    margin: 80px 0;
}

.caseTop {
    margin-bottom: 60px;
    text-align: center;
}

.caseTop h4 {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.caseTop-desc {
    margin: 40px 0 60px;
    color: #555;
    line-height: 30px;
    text-align: left;
}

.caseItem {
    width: 100%;
    overflow: hidden;
}

.caseItem ul {
    width: 100%;
    overflow: hidden;
}

.caseItem ul li {
    margin-bottom: 30px;
}

.caseItem ul li .caseItem-box {
    overflow: hidden;
    border-radius: 20px;
    display: flex;
    height: 320px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    position: relative;
}

.caseItem ul li .caseItem-box img {
    width: 100%;
    object-fit: cover;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}
.caseItem ul li .caseItem-name{
    position: absolute;
    width:100%;
    left:0;
    bottom:0;
    padding:0px 30px;
    height: 80px;
    overflow: hidden;
    background: rgba(255,255,255,.7);
    display: flex;
    align-items: center;
}

.caseItem ul li:hover .caseItem-box {
    box-shadow: 0 2px 3px 3px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 3px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 3px 3px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 2px 3px 3px rgba(0, 0, 0, .1);
}

.caseItem ul li:hover .caseItem-box img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}






/* 新闻 */
.indexNews {
    width: 100%;
    margin: 80px auto;
    overflow: hidden;
}

.indexItem ul {
    overflow: hidden;
}

.indexItem-li {
    width: 100%;
}

.indexItem-li-pic {
    width: 100%;
    height: 300px;
    display: flex;
    overflow: hidden;
    border-radius: 20px;
}

.indexItem-li-pic img {
    width: 100%;
    object-fit: cover;
    transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
}

.indexItem ul li:hover .indexItem-li-pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.indexItem-li-txt {
    padding: 30px 0;
    overflow: hidden;
}

.indexItem-li-txt h4 {
    line-height: 30px;
    height: 90px;
    overflow: hidden;
}

.indexItem-li-desc {
    margin-top: 10px;
    color: #999;
    height: 90px;
    overflow: hidden;
}

.news {
    width: 100%;
    overflow: hidden;
}

.newsTop {
    background: #f4f4f4;
    padding: 200px 0 80px;
    overflow: hidden;
    text-align: center;
}

.newsTop h4 {
    text-transform: uppercase;
}

.newsTop h1 {
    width: 60%;
    margin: 20px auto 60px;
    line-height: 48px;
    text-transform: capitalize;
}

.newsTop-swiper {
    overflow: hidden;
}

.newsTop-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.newsTop-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    background: #f08200;
}


.newsTop-box {
    width: 100%;
    overflow: hidden;
}

.newsTop-pic {
    overflow: hidden;
    height: 340px;
    display: flex;
    border-radius: 20px;
}

.newsTop-pic img {
    width: 100%;
    object-fit: cover;
    transition: all .4s;
}

.newsTop-box:hover .newsTop-pic img {
    transform: scale(1.1);
}


.newsTop-txt {
    text-align: left;
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.newsTop-txt .newsTop-date {
    color: #555;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 20px;
}

.newsTop-txt h3 {
    line-height: 30px;
    margin: 20px 0 30px;
    height: 60px;
    overflow: hidden;
}

.newsTop-txt .newsTop-desc {
    color: #555;
    line-height: 30px;
    font-weight: 300;
}

.newsTopSwiper .swiper-button-prev,
.newsTopSwiper .swiper-rtl .swiper-button-next {
    left: auto;
    right: 40px;
    top: auto;
    bottom: 0;
    z-index: 20;
}

.newsTopSwiper .swiper-button-next,
.newsTopSwiper .swiper-rtl .swiper-button-prev {
    right: 0;
    top: auto;
    bottom: 0;
    z-index: 20;
}

.newsTopSwiper .swiper-button-next:after,
.newsTopSwiper .swiper-rtl .swiper-button-prev:after,
.newsTopSwiper .swiper-button-prev:after,
.newsTopSwiper .swiper-rtl .swiper-button-next:after {
    font-size: 30px;
    color: #000
}

.newsBottom {
    padding: 80px 0;
    overflow: hidden;
}

.newsBottom-right {
    width: 100%;
    overflow: hidden;
    background: #f4f4f4;
    padding: 40px;
}

.newsBottom-right .newsBottom-right-news h3 {
    text-transform: uppercase;
}

.newsItem {
    padding-right: 60px;
}

.newsItem ul {
    overflow: hidden;
}

.newsItem ul li {
    overflow: hidden;
}

.newsItem ul li .newsItem-box {
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 20px;
}

.newsItem ul li .newsItem-box .newsItem-pic {
    border-radius: 10px;
    overflow: hidden;
    height: 207px;
    display: flex;
}

.newsItem ul li .newsItem-box .newsItem-pic img {
    width: 100%;
    object-fit: cover;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.newsItem ul li:hover .newsItem-box .newsItem-pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.newsItem-txt h3 {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    margin: 20px 0 40px;
}

.newsItem-date {
    background: #f08200;
    width: 140px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

/* .newsItem ul li:last-child{
    border-bottom:unset
}
.newsItem ul li a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.newsItem .newsItem-date{
    width:20%;
    text-align: center;
    background: #f4f4f4;
    border-radius: 20px;
    overflow: hidden;
    padding:40px;
}
.newsItem .newsItem-date span{
    display: block;
    font-size: 42px;
    color: #f08200;
    margin-bottom:20px;
}
.newsItem .newsItem-txt{
    width:78%;
    padding-left:40px;
}
.newsItem-txt h3{
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    margin-bottom:20px;
}
.newsItem-desc{
    color: #555;
    font-weight: 300;
    height: 46px;
    overflow: hidden;
}
.newsItem-more{
    font-size: 30px;
    margin-top:10px;
} */
.newsBottom-right-news h3 {
    margin-bottom: 30px;
}

.newsBottom-right-news-swiper {
    width: 100%;
    overflow: hidden;
}

.newsBottom-right-news-pic {
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    display: flex;
    height: 240px;
}

.newsBottom-right-news-pic img {
    width: 100%;
    object-fit: cover;
}

.newsBottomRightSwiper .swiper-horizontal>.swiper-pagination-bullets,
.newsBottomRightSwiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.newsBottomRightSwiper .swiper-pagination-custom,
.newsBottomRightSwiper .swiper-pagination-fraction {
    bottom: 0;
}

.newsBottom-right-news-txt {
    background: #fff;
    padding: 20px;
    overflow: hidden;
    height: 108px;
}

.newsBottomRightSwiper .swiper-pagination-clickable .swiper-pagination-bullet {
    background: #333;
}

.newsBox {
    padding-top: 200px;
    padding-bottom: 80px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.newsBox .newsBox-back {
    width: 120px;
    /* background: rgba(240, 130, 0, .5); */
    background: linear-gradient(to right bottom, #f08200, rgba(240, 130, 0, .1));
    border-radius: 10px;
    padding: 20px;
    overflow: hidden;
    text-align: center;
    height: 120px;
    position: absolute;
    top: 200px;
    left: 0;
    transition: transform 0.3s ease-out;
}

.newsBox .newsBox-back img {
    display: block;
    margin: 0 auto;
}

.newsBox .newsBox-content {
    width: 80%;
    overflow: hidden;
    float: right;
}

.newsBox .newsBox-content h1 {
    line-height: 48px;
}

.newsBox-entry {
    margin-top: 30px;
    margin-bottom: 30px;
}

.newsBox-entry>span {
    color: #777;
    margin-right: 60px;
}

.newsBox-share{overflow: hidden;display: flex;}
.newsBox-share i.fa {
    font-size: 26px !important;
    margin-right: 10px;
}

.newsBox-share .share-container button{
    background: transparent;
}

.newsBox-content-txt {
    line-height: 30px;
    color: #555;
}

.newsBox-page {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.newsBox-page .newsBox-page-prev,
.newsBox-page .newsBox-page-next {
    background: #ccc;
    padding: 20px;
    transition: all .4s;
}

.newsBox-page .newsBox-page-prev a,
.newsBox-page .newsBox-page-next a {
    display: block;
    color: #fff
}

.newsBox-page .newsBox-page-prev:hover,
.newsBox-page .newsBox-page-next:hover {
    background: #f08200;
}

.service-bottom {
    padding: 80px 0;
    overflow: hidden;
}

.knowledge {
    width: 100%;
    overflow: hidden;
}

.knowledge ul li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.knowledge ul li a .knowledge-date {
    text-align: center;
    width: 13%;
    border-radius: 10px;
    overflow: hidden;
    padding: 30px 40px;
    background: #ccc;
}

.knowledge ul li a .knowledge-date span {
    display: block;
    font-size: 48px;
    color: #f08200;
}

.knowledge ul li a .knowledge-text {
    width: 80%;
    padding: 10px 0;
}

.knowledge ul li a .knowledge-text h4 {
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}

.knowledge ul li a .knowledge-text .knowledge-desc {
    line-height: 30px;
    color: #555;
    margin-top: 10px;
    margin-bottom: 40px;
}

.knowledge ul li a .knowledge-text i {
    color: #f08200
}

.knowledge ul li {
    padding: 30px 0;
    overflow: hidden;
    border-bottom: 1px dotted #ddd;
}

.knowledge ul li:last-child {
    border-bottom: unset
}







/* 联系 */
.contact {
    margin: 80px 0 80px;
    overflow: hidden;
    line-height: 30px;
}

.contact-item-top-item {
    overflow: hidden;
}
.contact-item-top-item h2{
    color: #f08200;
}
.contact-item-top-item .contact-item-top-desc{
    color:#777;
    margin-bottom:40px;
}
.contact-item-top-content ul li{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    padding:20px 0;
    border-bottom: 1px dotted #ddd;
}
.contact-item-top-content ul li .contact-icon{width:40px;margin-right:30px;}
.contact-item-top-content ul li .contact-icon em:before{
    font-size: 32px;
}
.contact-item-top-content ul li .contact-icon-desc{
    width:80%
}



.contact-item-top-box {
    margin-bottom: 30px;
    background: #f4f4f4;
    padding: 40px 30px;
    overflow: hidden;
}

.contact-item-top-box:last-child {
    margin-bottom: 0;
}

.contact-item-top-box h3 {
    margin-bottom: 30px;
}

.contact-item-top-txt {
    color: #555
}

.contact-bottom {
    padding: 80px 0;
    overflow: hidden;
    background: #f4f4f4;
    margin-top: 80px;
}

.contact-item-bottom .col-sm-4 {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.contact-item-bottom .col-sm-4:nth-child(3),
.contact-item-bottom .col-sm-4:nth-child(6) {
    border-right: unset;
}

.contact-item-bottom .col-sm-4:nth-child(4),
.contact-item-bottom .col-sm-4:nth-child(5),
.contact-item-bottom .col-sm-4:nth-child(6) {
    border-bottom: unset;
}

.contact-item-bottom-box {
    padding: 20px;
    height: 380px;
    overflow: hidden;
}

.contact-item-bottom-box h3 {
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    margin-bottom: 20px;
}

.contact-item-bottom-txt {
    color: #555
}








.message {
    border: 1px solid #f08200;
    border-radius: 20px;
    padding: 60px 30px;
    overflow: hidden;
    margin-left: 40px;
}

.message h2 {
    margin-bottom: 40px;
}

.message label.control-label {
    display: block;
    font-weight: 400;
    text-align: left;
}

.message input,
.message select {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid #ddd;
    padding: 0 10px;
}

.message textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
}

.message .form-group {
    margin-bottom: 10px;
    overflow: hidden;
}

.message button {
    width: 100%;
    height: 40px;
    border-radius: 10px;
    background: #f08200;
    border: unset;
    margin-top: 40px;
}

.message button:hover {
    background: #333;
}




/* footer */
footer {
    background: #333;
    overflow: hidden;
}

.footer-box {
    width: 100%;
    margin: 60px 0;
    overflow: hidden;
}

.ft-talk {
    width: 100%;
    background: #f08200;
    border-radius: 20px;
    padding: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    transition: all .3s;
}

.ft-talk h3 {
    color: #555;
    font-weight: normal;
    margin-bottom: 30px;
}

.ft-talk-txt {
    width: 50%;
}

.ft-talk-btn {
    width: 200px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background: #333;
    border-radius: 27px;
    overflow: hidden;
    transition: all .3s;
}

.ft-talk-btn a {
    display: block;
    color: #fff;
    transition: all .3s;
}


.ft-talk:hover .ft-talk-btn a {
    color: #f08200
}

.ft-talk:hover {
    box-shadow: 0 2px 3px 3px rgba(255, 255, 255, .1);
}

.footer-nav {
    margin-top: 80px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #fff;
    font-weight: lighter;
}

.footer-nav a {
    color: #fff;
}

.footer-contact {
    overflow: hidden;
    width: 30%;
    padding-right: 40px
}

.footer-contact .footer-logo img {
    height: 48px;
}

.footer-contact-txt {
    margin: 30px 0;
    overflow: hidden;
    line-height: 30px;
}
.footer-icon a{margin-right:10px}
.footer-icon .fa-twitter:before,.footer-icon .fa-facebook-f:before, .footer-icon .fa-facebook:before,.footer-icon .fa-instagram:before,.footer-icon .fa-youtube:before{
    color: #f08200;
    font-size: 32px;
}

.footer-link {
    width: 15%
}


.footer-link,
.footer-product {
    overflow: hidden;
    line-height: 30px;
}

.footer-product {
    width: 45%
}

.footer-link-item li a {
    transition: all .3s;
}

.footer-link-item li:hover a {
    color: #999;
}

.footer-link h4,
.footer-product h4 {
    margin-bottom: 20px
}

.footer-product-item ul {
    overflow: hidden;
}

.footer-product-item ul li {
    width: 50%;
    float: left;
}

.footer-product-item ul li a {
    transition: all .3s;
}

.footer-product-item ul li:hover a {
    color: #999
}

.footer-contact .footer-icon img {
    height: 24px;
    margin-right: 30px;
}

.copyright {
    border-top: 1px solid #555;
    padding: 10px 0;
    overflow: hidden;
}

.copyrightBox {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

.copyrightBox span {
    margin-right: 60px;
}

.copyrightBox span a {
    color: #fff;
}

.banner-c-c{
    overflow: hidden;
}
.banner-c {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    width: 100%;
    height: 550px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    color: #fff;
    animation: scale-bg 2s linear forwards;
    overflow: hidden;
}

.banner-c a {
    color: #fff;
}

.banner-c .location {
    font-weight: 200;
    margin-top: 10px;
}

.banner-c .banner-c-txt {
    text-align: center;
    width: 100%;
}

.banner-c .banner-c-txt h1 {
    text-transform: uppercase;
}

.text-c {
    text-align: center;
}

.text-c a {
    padding: 0 10px
}

.text-c span {
    color: #f08200;
}



.tech {
    width: 100%;
    overflow: hidden;
}

.tech-top-desc,
.tech-two-desc,
.tech-three-desc,
.tech-four-content {
    line-height: 30px;
    color: #555;
}

.tech-top {
    position: relative;
}

.tech-top .techbg {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-animation-name: banscaleDraw;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 15s;

}

.tech-top-content {
    position: relative;
    z-index: 1;
}

.tech-top h1 {
    line-height: 60px;
    margin-top: 80px;
    width: 400px;
    height: 60px;
    line-height: 60px;
    background: linear-gradient(45deg, #f08200, transparent);
    border-radius: 10px;
    text-align: center;
    padding: 0 20px
}

.tech-top-desc,
.tech-two-desc,
.tech-three-desc,
.tech-four-desc {
    padding: 40px 0 0;
}
.tech-two-desc{
    padding-right:60px;
}
.tech-two-pic{
    height: 370px;
    display: flex;
    border-radius: 20px;
    background: #fff;
    padding:20px;
}
.tech-two-pic img{
    width: 100%;
    object-fit: cover;
}


.tech-top-pic,
.tech-two-item {
    margin-top: 60px;
    overflow: hidden;
}
.techItem-ul-one{
    margin:60px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.techItem-ul-one ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.techItem-ul-one ul li{
    width:24%;
    overflow: hidden;
}
.techItem-ul-pic{
    width: 100%;
    height: 269px;
    display: flex;
}
.techItem-ul-pic img{
    flex-wrap: wrap;
}

.tech-two {
    margin: 60px 0;
    overflow: hidden;
    position: relative;
    background: #f4f4f4;
    padding: 80px 0;
}

.tech-two h1 {
    width: 500px;
    height: 60px;
    line-height: 60px;
    background: linear-gradient(45deg, #f08200, transparent);
    border-radius: 10px;
    text-align: center;
    padding: 0 20px
}

.tech-two-content {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.tech-two-item-box .tech-two-item-pic {
    border-radius: 20px;
    overflow: hidden;
    height: 494px;
    display: flex;
    border: 1px solid #eee;
}

.tech-two-item-box .tech-two-item-pic img {
    width: 100%;
    object-fit: cover;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.tech-two-item-name {
    font-size: 30px;
    line-height: 48px;
}

.techItem{margin-top:80px;position: relative;z-index: 1;}
.techItem img{
    display: block;
    margin: 0 auto;
}
.techPic{
    width: 100%;
    display: flex;
    height: 385px;
    border-radius: 20px;
    overflow: hidden;
}
.techPic img{
    width: 100%;
    object-fit: cover;
}

.tech-two-item-box {
    margin-bottom: 30px;
}

.tech-two-item>.col-sm-4 .tech-two-item-pic {
    height: 345px;
}

.tech-two .techbg1 {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-animation-name: banscaleDraw;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 15s;
}

.tech-two-item-box:hover .tech-two-item-pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.tech-three {
    padding-top: 40px;
}

.tech-three h1,
.tech-four h1 {
    line-height: 60px;
    width: 400px;
    height: 60px;
    background: linear-gradient(45deg, #f08200, transparent);
    border-radius: 10px;
    text-align: center;
    padding: 0 20px
}

.tech-four {
    padding: 80px 0;
    overflow: hidden;
}


.service-top {
    width: 100%;
    height: 100vh;
    background: #f4f4f4;
    overflow: hidden;
    position: relative;
}

.service-top-desc {
    padding: 200px 0 140px;
    overflow: hidden;
    text-align: center;
    width: 65%;
    margin: 0 auto;
}

.service-top-desc h1 {
    color: #fff;
    text-transform: uppercase;
}

.service-top-desc-desc {
    line-height: 30px;
    color: #fff;
    margin-top: 40px;
}

.service-top-top {
    position: relative;
    z-index: 2;
}

.service-top-bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 80%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
	width:100%
}

.service-top-bg img {
    width: 100%;
    object-fit: cover;
}

.service-partner {
    background: #fff;
    padding: 60px;
    border-radius: 20px;
    text-align: center;
}

.service-partner h1 {
    margin-bottom: 60px;
    position: relative;
}

.service-partner h1:after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #f08200;
    position: absolute;
    left: calc((100% - 60px) / 2);
    left: -webkit-calc((100% - 60px) / 2);
    left: -moz-calc((100% - 60px) / 2);
    left: -o-calc((100% - 60px) / 2);
    bottom: -20px
}

.service-partner #marquee {
    height: 97px;
    overflow: hidden;
}

.service-partner #marquee ul li {
    width: 200px;
    height: 97px;
    display: flex;
}

.service-partner #marquee ul li img {
    max-height: 97px;
    object-fit: cover;
}

.service-content-top {
    width: 100%;
    background: #f4f4f4;
    padding-top: 240px;
    padding-bottom: 80px;
}

.service-content-top .service-top-bg {
    height: 50%;
}

.service-content-txt {
    background: #fff;
    border-radius: 20px 20px 0 0;
    padding: 80px 60px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.service-content-txt h2 {
    line-height: 40px;
    margin-bottom: 30px;
}

.service-row {
    color: #777;
}

.service-row>span {
    margin-right: 60px;
}

.service-row>span i {
    color: #f08200;
}

.service-content {
    overflow: hidden;
    padding-top: 30px;
    line-height: 30px;
    color: #555;
    flex-wrap: wrap;
}


.fanye {
    overflow: hidden;
    margin-top: 60px;
}

.fanye .fanye-box {
    background: #fff;
    padding: 40px;
}

.fanye .fanye-box strong {
    display: block;
    line-height: 40px;
    border-bottom: 1px solid #f08200;
}

.fanye .fanye-box a {
    display: block;
    margin-top: 20px;
    color: #777;
    height: 90px;
    line-height: 30px;
}



/* 动画元素的基础样式 */
.animate-element {
    opacity: 0; /* 初始状态透明 */
    transform: translateY(50px); /* 初始位置向下偏移 */
    transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}

/* 图片样式 */
.animate-element img {
    transform: scale(1.2); /* 初始放大状态 */
    transition: transform 1.5s ease-out;
}

 /* 元素进入视口时的动画状态 */
 .animate-element.visible {
    opacity: 1;
    transform: translateY(0); /* 移动到正常位置 */
}

/* 图片进入视口时的动画状态 */
.animate-element.visible img {
    transform: scale(1); /* 缩放到正常大小 */
}

/* 元素不可见时重置状态 */
.animate-element.hidden {
    opacity: 0;
    transform: translateY(50px);
}

.animate-element.hidden img {
    transform: scale(1.2);
}


#leftsead{
    width: 80px;
    position: fixed;
    right:0;
    top:60%;
    z-index: 999;
}
#leftsead li{
    width:60px;
    height: 60px;
    background: rgba(240, 130, 0, .8);
    border-bottom:1px solid #fff;
    text-align: center;
    line-height: 70px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}
#leftsead li a{display: block;}
#leftsead li a i{color:#fff;}
#leftsead li a i:before{
    font-size: 30px;
    transition: all .4s;
}
#leftsead li:hover{
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, .2);
}
#leftsead li:hover a i.fa-facebook-f:before, #leftsead li:hover a i.fa-facebook:before,#leftsead li:hover a i.fa-twitter:before,#leftsead li:hover a i.fa-instagram:before,#leftsead li:hover a i.fa-youtube:before{
    font-size: 36px;
}


       /* Cookie提示框样式 */
       #cookieBanner {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: white;
        box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.1);
        padding: 1rem;
        transform: translateY(100%);
        transition: transform 0.5s ease;
        z-index: 1000;
    }
    
    .cookie-container {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    
    @media (min-width: 768px) {
        .cookie-container {
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            padding: 0.5rem 0;
        }
        
        #cookieBanner {
            padding: 1.5rem;
        }
    }
    
    .cookie-info h3 {
        font-size: 1.1rem;
        color: #1f2937;
        margin-bottom: 0.5rem;
        display: flex;
        align-items: center;
        font-weight: 600;
    }
    
    .cookie-info h3 i {
        margin-right: 0.5rem;
        color: #165DFF;
    }
    
    .cookie-info p {
        font-size: 0.9rem;
        color: #6b7280;
        margin-bottom: 0;
    }
    
    @media (min-width: 768px) {
        .cookie-info p {
            font-size: 1rem;
        }
    }
    
    .cookie-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        justify-content: flex-end;
    }
    
    .cookie-btn {
        padding: 0.5rem 1rem;
        border-radius: 6px;
        border: none;
        cursor: pointer;
        font-size: 0.9rem;
        transition: all 0.3s ease;
        width: 100px;
        height: 36px;
    }
    
    .cookie-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    #rejectCookies {
        background-color: transparent;
        border: 1px solid #d1d5db;
        color: #4b5563;
    }
    
    #rejectCookies:hover {
        background-color: #f3f4f6;
    }
    
    #acceptCookies {
        background-color: #f08200;
        color: white;
    }
    
    #acceptCookies:hover {
        background-color: #333;
    }
    
    #customizeCookies {
        background: none;
        border: none;
        color: #165DFF;
        cursor: pointer;
        font-size: 0.85rem;
        padding: 0.5rem;
        transition: color 0.2s ease;
        display: none;
    }
    
    @media (min-width: 768px) {
        #customizeCookies {
            display: inline-flex;
            align-items: center;
        }
    }
    
    #customizeCookies:hover {
        color: #0d47a1;
    }
    
    #customizeCookies i {
        margin-left: 0.25rem;
        font-size: 0.7rem;
    }
    
    /* 确认消息样式 */
    .confirmation-message {
        position: fixed;
        bottom: 1rem;
        right: 1rem;
        background-color: #1f2937;
        color: white;
        padding: 0.75rem 1.25rem;
        border-radius: 6px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 1001;
        transform: translateY(50px);
        opacity: 0;
        transition: all 0.5s ease;
    }

@keyframes banscaleDraw {

    /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        /*开始为原始大小*/
    }

    25% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        /*放大1.1倍*/
    }

    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    75% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}



/*banner背景图片动画*/
@-webkit-keyframes scale-bg {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-bg {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes upMove {
    from {
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
    }

    to {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}


@media(max-width:2559px){
    .service-top{height:100vh;}
}


@media(min-width:1921px){
	.product-top{max-width:1600px;margin:0 auto;}
	.product-content-description{height:auto;}
	.product-content-top{height:auto;}

	.company-adv{max-width:1920px;margin:0 auto;}

	.service-top-bg{height:65%}
}


@media(max-width:1600px) and (min-width:1279px){
    .event_list>div{height: 80vh;}
    .product-top{height: 80vh;}
    .product-details-box,.product-details-box a{height:247px}
    .product-details-box a img{max-height: 247px;}
    .width50{width: 60%;}
    .font54{font-size:48px;}
    .indexEqu-top .indexEqu-top-pic{
        height: 539px;
    }
    .ft-talk-txt{width: 70%;}
    .cateSpeech-left{height: 649px;}
}



@media(max-width:1400px) and (min-width:1279px){
    .footer-link{width:10%}
    .ft-talk-txt{width:65%}
    .caseItem ul li .caseItem-box{height: 240px;}
    .tech-top-desc.width70, .tech-two-desc.width70, .tech-three-desc.width70, .tech-four-content.width70{
        width:85%
    }
    .newsItem ul li .newsItem-box .newsItem-pic{height:144px}
    .product-box .product-left .product-left-box h2{line-height: 40px;padding:20px 10px;}

    .product-right-li .product-right-li-pic img{max-height: 290px;}
    .product-content-txt{padding-right:5%}
    .cateCulture-menu-box{height:461px}
    .cateSpeech-left{height: 580px;}
    .cateFasctorySwiper-box{height:222px;}
    .cateFasctorySwiper-box img{max-height: 222px;}
    .box{width:100%}
    .honorItem ul li .honor-pic img{max-height: 234px;}
    .honorItem ul li .honor-pic{height: 234px;}
    .banner,.bannerSwiper-box{height:80vh;}
    .bannerSwiper-txt h1.font54{font-size: 48px;}
    .bannerSwiper-txt.width60{width:80%}
    .bannerSwiper-txt.width50{width:70%}
    .indexAbout-video{margin-top:80px;}
    .indexAbout-txt h1{width: 100%;}
    .indexCase-title{width:80%}
    .indexCase-title h1{width: 80%;}
    .indexCase-item ul li .indexCase-item-pic{height: 333px;}
    .indexEqu-top .indexEqu-top-pic{height: 509px;}
    .indexItem-li-pic{height: 210px;}
    .indexAbout-desc{margin: 30px 0;}
    .product-top{height: 82vh;}


}


@media(max-width:1279px) and (min-width:768px){
    .banner-c{height: 400px;}
    .ft-talk-txt{width:75%}
    .footer-link{display: none;}
    .footer-product{width: 55%;}
    .knowledge ul li a .knowledge-date{width:20%}
    .knowledge ul li a .knowledge-text{width:75%}
    .caseItem ul li .caseItem-box{height: 220px;}
    .tech-top-desc.width70, .tech-two-desc.width70, .tech-three-desc.width70, .tech-four-content.width70{width:100%}
    .tech-two-item-box .tech-two-item-pic{height: 290px;}
    .tech-two-item-name{font-size: 20px;}
    .tech-top h1{
        position: relative;
        z-index: 1;
    }
    .newsItem ul li .newsItem-box .newsItem-pic{height: 115px;}
    .newsBox{
        padding-top: 120px;
    }
    .product-top{height: 100vh;}
    .product-top-item .product-top-box:nth-child(2n){transform: translateY(30px);}
    .product-box .product-left .product-left-box h2{
        line-height: 40px;
        padding:20px 10px;
    }
    .product-left-item .sub-nav li{
        padding-left: 10px;
    }
    .product-right-li .product-right-li-pic{height: 235px;}
    .product-right-li .product-right-li-pic img{max-height: 235px;}
    .product-details-box ,.product-details-box a{height: 181px;}
    .product-details-box a img{max-height: 181px;}
    .company-adv-left{padding-left:5%}
    .company-adv-right{padding-right: 5%;}
    .cateCulture-menu-box{height: 484px;padding:20px;}
    .cateSpeech-left{height: 500px;}
    .cateFasctorySwiper-box{height:181px}
    .cateFasctorySwiper-box img{max-height: 181px;}
    .honorItem ul li .honor-pic{height: 194px;}
    .honorItem ul li .honor-pic img{max-height: 194px;}
    .banner{height: 50vh;}
    .bannerSwiper-box{height: 50vh;}
    .bannerSwiper-txt h1.font54{font-size: 36px;line-height: 48px;}
    .bannerSwiper-txt.width50,.bannerSwiper-txt.width60{width:70%}
    .indexAbout-content .col-sm-7,.indexAbout-content .col-sm-5{width: 100%;}
    .indexShuzi .product-num-item{padding:0;}
    .indexShuzi .product-num-icon{width:80px;height:80px}
    .indexProduct-top h1{width:80%}
    .product-right-li .product-right-li-txt h4{
        font-size: 16px;
        height: 72px;
    }
    .producnt-search button{padding:0;}
    .product-content-top-pic{height:496px}
    .product-content-top-pic>img{max-height: 496px;}
}

@media(max-width:1023px){
    .ft-talk-txt{width: 100%;margin-bottom:30px;}
    .footer-contact{width: 35%;}
    .footer-product-item ul li{width: 100%;}
    .copyright{
        padding:10px;
        text-align:center;
        font-size: 14px;
        
        }
    .cate-pic-shuzi .shuzi{width: 100%;}
    .cateCulture-txt h2{font-size: 20px;line-height: 30px;}
    .product-top-item .product-top-box{width:50%}
    .product-box .product-right,.product-box .product-left{width: 100%;}
    .product-content-top-left,.product-content-txt{width: 100%;}
    .product-content-top{height: auto;}
    .product-content-description{height: auto;}
    .product-details{padding-top:0;padding-bottom:0;}
    
    .product-details-box, .product-details-box a{height: 100px;}
    .product-details-box a img{max-height:100px}
    .product-num-item .product-num-nub{font-size: 40px;}
    .product-num-item .product-num-wan{font-size: 24px;right:35%}
    .product-shuzi{height: auto;padding:60px 0;}
    .company-adv-left,.company-adv-right{width:100%}
    .company-adv-left{position: relative;overflow: hidden;padding:40px 10px;}
    .newsTop h1{width: 80%;}
    .newsItem{padding-right: 60px;}
    .newsItem-date{font-size: 14px;}
}

@media(max-width:768px){

.font54{font-size:30px}
.banner-c{height:300px}
.contact{margin:30px 0 0;}
.message{margin-left:0;margin-top:30px;margin-bottom:30px;padding:30px 10px;}
.message input, .message select{line-height:36px;height:36px}
.message button{margin-top:20px}
.contact-bottom{padding:30px 0; margin-top:30px}
.contact-item-bottom-box{height:auto;}
.contact-item-bottom .col-sm-4{border-right:unset;}
.contact-item-bottom .col-sm-4:nth-child(4), .contact-item-bottom .col-sm-4:nth-child(5){
border-bottom:1px solid #ccc}
.ft-talk{display:none;}
.footer-box{margin:30px 0;}
.footer-nav{margin-top:0;}
.footer-contact{width:100%;padding:0 10px;}
.footer-link,.footer-product,.footer-ewm{display:none;}
.copyright{
padding:10px;
text-align:center;
font-size: 14px;

}

.copyrightBox-item span{display:block;margin-right:0}
.copyrightBox-yyzz{text-align:center;margin:0 auto;}
.banner{height:60vh;overflow:hidden}
.bannerSwiper-box{height:60vh;}
	.bannerSwiper-txt h1{
	line-height:30px
	}
.bannerSwiper-txt h2{font-size:20px}
.bannerSwiper-btn{display:none;}
.indexAbout-txt{padding-right:0}
.font42{font-size:30px}
.marginTopBottom80{margin:40px 0;}
.indexAbout-txt h1{width:100%;line-height:30px}
.indexAbout-desc{margin:30px 0}
.indexAbout hr{margin:30px 0;}
.indexProduct{padding-top:30px;}
.indexProduct .font42{font-size:18px;}
.indexProduct-top h1{margin:30px 0px; width:100%;line-height:30px}
.pc{display:none}
.phone{display:block}
.indexCase{padding:40px 10px}
.indexCase-title h2{font-size:20px;}
.indexCase-title h1{width:100%;margin-top:0px;margin-bottom:0px;}
.indexCase-item ul li:nth-child(1), .indexCase-item ul li:nth-child(4),.indexCase-item ul li:nth-child(2), .indexCase-item ul li:nth-child(3){width:48%}
.indexCase-item ul li .indexCase-item-pic{height:166px}
.indexCase-top{margin-bottom:30px;}
.indexCase-btn{font-size:14px}
.indexEqu{padding:40px 0}
.indexEqu-top-txt{padding-right:0;}
.indexEqu-top-txt .indexEqu-top-txt-desc{margin-top:20px}
.indexEqu-top .indexEqu-top-pic{margin-top:20px;}
.indexEqu-bottom .col-sm-4.col-xs-4{padding-left:5px;padding-right:5px}
.indexTouch-btn{width:160px;height:42px;line-height:42px}
.indexHonor-btn{font-size:14px;width:200px;margin:40px auto 40px;}
.indexHonor h1{margin-bottom: 40px;}
/* .indexHonor-btn a{margin-top:30px} */
.indexNews{margin:40px auto;}
.indexItem-li-pic{height:240px}
.indexItem-li-desc{height:auto;}
.index-btn{width:200px;font-size:14px}

.sub_nav{display:none;}

.cateAbout{
margin:40px 10px;
}
.cateAbout-top{display:unset;}
.cateAbout-top-left,.cateAbout-top-right{width:100%}
.cateAbout-top-left h1{font-size:24px;line-height:30px;margin-bottom:20px;}
.cate-pic-shuzi{padding-bottom:30px;margin-bottom:30px;}
.cate-pic-shuzi .shuzi{width:auto;margin:40px 40px;}
.cate-pic-shuzi .shuzi .product-num-item{padding:0;padding-right:0;border-bottom:unset;}
.cate-pic-shuzi .shuzi .product-num-inf{color:#333;}
.cate-pic-shuzi .shuzi .product-num-nub{padding-bottom:10px;margin-bottom:10px}
.cateCulture-menu-box{margin-bottom:20px;height:auto;}
.cateSpeech-right{padding-left:0;margin-top:30px;}
h1{font-size:30px}
.cateCulture-txt h2{font-size:24px}
.cateFactory{margin:40px 10px}
.cateFactory-desc{width:100%}
.case{margin:40px 0;}
.caseTop{margin-bottom:30px;padding:0 10px}
.caseItem ul li .caseItem-box{height:100px}
.honorItem ul li{width:49%}
.honorItem ul li .honor-pic{height:100px;width:90%}
.honorItem ul li .honor-txt{font-size:14px;line-height:24px;height:70px;overflow:hidden;display:block;padding-top: 20px;}
.honorItem ul li .honor-pic img{max-height:100px}

.product-top{padding:40px 0;height:auto;}
.product-top h1{margin-bottom:30px;}
.product-top-item .product-top-box{width:100%;padding:0px 10px 30px;border-right:unset;}
.product-top-item .product-top-box:nth-child(2n){transform:translateY(0)}
.product-series{padding:40px 10px}
.product-series .proSeries-box .proSeries-pic,.product-series .proSeries-box .proSeries-txt{width:100%}
.product-box .product-right,.product-box .product-left{width:100%;padding:40px 10px;}
.product-left-box h2{display:none;}
.product-box{margin-bottom:0px;}
.producnt-search{margin-top:40px}
.product-content-top-left,.product-content-txt{width:100%;padding:30px 20px;}
.product-content-top{height:auto}
.product-content-top-left{padding:20% 40px 40px 40px;}
.product-content-top-pic{height:auto;}
.product-content-honor ul li{line-height: 30px;}
.product-details{padding:40px 0 0;}
.product-details h2{padding-bottom:20px;}
.product-details-item{padding:30px 10px 0;}
.product-details-box,.product-details-box a{height:206px;}
.product-details-box a img{max-height:206px}
.product-shuzi{background-size: cover;height: auto;padding:60px 0}
.product-num-item{width:50%;padding:30px;}
.product-num-item .product-num-nub{font-size:40px}
.product-num-item .product-num-wan{right:30%;top:20%}
.product-num-item:nth-child(4) .product-num-wan{right:30%;top:20%}
.product-num-head .product-num-item:nth-child(1),.product-num-head .product-num-item:nth-child(2){
    border-bottom:1px solid #ddd;
}
.company-adv-left,.company-adv-right{width:100%;padding:30px 10px;}
.company-adv-left{position: unset;}
.company-adv-box h2{font-size:26px}
.related{padding:40px 0;}
footer{text-align: center;}
.product-right-li .product-right-li-pic{height:215px}
.product-right-li .product-right-li-pic img{max-height:215px}
.product-right-li .product-right-li-txt h4{height:auto;}
.pro-c-case-item #marquee{height:320px}
#marquee ul li{width:300px}
#marquee ul li .mar-li .related-pic{height:240px}
#marquee ul li .mar-li .related-pic img{max-height: 240px;}
.newsTop{padding:120px 10px 40px;}
.newsTop h1{width:90%;line-height: 40px;}
.noPaddingLeft,.noPaddingRight{padding:unset}
.newsTop-pic{height: 240px;}
.newsTop-txt{padding-left:1px;}
.newsBottom{padding:40px 0}
.newsItem{padding-right:0;}
.newsItem-txt h3{height:auto;}
.newsBox{padding-top:120px;padding-bottom:40px}
.newsBox .newsBox-back{display: none;}
.newsBox .newsBox-content{width: 100%;padding:0 10px;}
.newsBox .newsBox-content h1{line-height: 40px;font-size: 24px;line-height: 36px;}
.newsBox-page{margin-top:10px;}
.tech-top{padding:0 10px;}


.tech-top h1, .tech-four h1{
    position: relative;
    z-index: 1;
    width:300px;
    margin-top:40px;
    font-size: 24px;
}

.tech-top-desc.width70, .tech-two-desc.width70, .tech-three-desc.width70, .tech-four-desc.width70{width:100%}
.tech-two{padding:40px 10px;margin:40px 0 0;}
.tech-two h1{width: 100%;}
.tech-two-item-box .tech-two-item-pic,.tech-two-item>.col-sm-4 .tech-two-item-pic{height:95px}
.tech-two-item-name{font-size: 18px;line-height: 24px;height: 48px;overflow: hidden;margin-top:10px;}
.tech-three{padding:0px 10px 0}
.tech-three h1{
    margin-top:40px;
    width:300px;
    font-size: 24px;
}
.tech-four{padding:0 10px 40px;}
.service-top{height: auto;}
.service-top-desc{
    padding:100px 10px 80px;
    width: 100%;
}
.service-top-desc-desc{margin-top:20px;line-height: 24px;}
.service-bottom{padding:40px 10px;}
.service-partner{padding:30px;}
.knowledge ul li a{align-items: center;}
.knowledge ul li a .knowledge-date{width:25%;padding:20px 10px;height:160px}
.knowledge ul li a .knowledge-text{width:70%}
.knowledge-desc{height:90px;overflow: hidden;}
.knowledge ul li a .knowledge-text .knowledge-desc{margin-bottom:20px;}
.service-content-txt h2{font-size:24px}
.service-content-txt{
    padding:40px 20px;
}
.service-row>span{
    display: block;
}
.fanye .fanye-box{padding:20px;}
.fanye .fanye-box a{height: auto;font-size: 14px;
    line-height: 24px;}
.caseItem ul li .caseItem-name{display: none;}
.contact-item-top-content ul li .contact-icon-desc{width: 65%;}
.service-content-top{padding-bottom:40px;}
.service-content{padding-top: 0px;}
.service-row{font-size: 14px;}
.tech-two-content .width60,.tech-two-content .width40{width: 100%;}
.techItem{margin-top: 40px;}
#leftsead{display: none;}
.product-series-item ul li .product-series-box .product-series-pic,.product-series-item ul li .product-series-box .product-series-txt{width: 100%;}
.product-series-item ul li{padding:40px 10px;}
.product-series-item ul li .product-series-box .product-series-txt{padding:30px 0;}
.product-series-item ul li .product-series-box .product-series-txt h2{line-height: 40px;}
.bannerSwiper-txt.width55,.bannerSwiper-txt.width50{width:90%}
.indexHonor{padding-top:40px;background: linear-gradient(to bottom, #333333, 60%, white 50%);}
}