body{color:#333; font-size:14px;margin: 0;padding: 0;} [body]{overflow:hidden; } .line1{-webkit-line-clamp: 1;} /* 标题 */ .title {text-align: center; color: #333; } .title .title_en{font-size: 60px; font-weight: bold; margin-bottom: 18px;} .title .title_cn{font-size: 24px; font-weight: bold; margin-bottom: 70px;} /* 产品详情页标题 */ /* 页码 */ /* 头部 */ /* #header .head-top .right{line-height: 64px;} */ /* banner */ /* banner */ /* footer */ /* 首页产品 */ #index .in-product {padding: 100px 0;} #index .in-product .main{width: 100%; margin-bottom: 75px;} #index .in-product .main .pro-nav1{display: flex; justify-content: center; margin-bottom: 55px;} #index .in-product .main .pro-nav1 li{font-size: 20px; color: #1a1a1a; margin: 0 30px; padding-bottom: 11px;} #index .in-product .main .pro-nav1 li:hover, #index .in-product .main .pro-nav1 li.cur{ border-bottom: 3px solid #ce2820;} #index .in-product .main .pro-nav1 li:hover a, #index .in-product .main .pro-nav1 li.cur a{ color: #ce2820; font-weight: bold;} #index .in-product .main .pro-nav1 li a::after{ content:""; display: inline-block; width: 1px; height: 19px; background: #cccccc; position: absolute; top: 50%; right: -30px; transform: translateY(-50%);} #index .in-product .main .pro-nav1 li:last-child a::after{display: none;} #index .in-product .main .pro-nav2 .cont{/* margin-right: 55px; width: 430px !important;*/background: #edf1f2;} #index .in-product .main .pro-nav2 .cont .images{ text-align: center; height: 324px;} #index .in-product .main .pro-nav2 .cont .images img{ width: auto; max-width: 100%; max-height: 100%;} #index .in-product .main .pro-nav2 .cont .text{width: 100%; text-align: center; padding: 45px 0px;} #index .in-product .main .pro-nav2 .cont .text .name{font-size: 18px; font-weight: bold; line-height: 30px; color: #1a1a1a;} #index .in-product .main .pro-nav2 .cont .text .brief{ margin: 20px auto 0; width: 92%; line-height: 28px; font-size: 16px; color: #999;} #index .in-product .main .pro-nav2 .cont:hover .images{transform: translateY(-20px);} #index .in-product .main .pro-nav2 .cont:hover .text{background: #ff5800;} #index .in-product .main .pro-nav2 .cont:hover .text .name, #index .in-product .main .pro-nav2 .cont:hover .text .brief{ color: #fff;} #index .in-product .more-btn{ margin: 0 auto; width: 180px; line-height: 55px; border: 1px solid #333; color:#333; text-align: center;} /* 首页应用 */ /* 首页-关于我们 */ /* 首页-企业优势 */ /* 首页-新闻资讯 */ #index .in-news{/* padding: 100px 0; *//* padding-bottom:100px; */} #index .in-news .title::before{content: ""; display: block; width: 24px; height: 3px; background: #ce2820; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);} #index .in-news .main .news-nav1{display: flex; justify-content: center; margin-bottom: 55px;} #index .in-news .main .news-nav1 li{font-size: 16px; color: #1a1a1a; margin: 0 30px; padding-bottom: 11px;} #index .in-news .main .news-nav1 li:hover, #index .in-news .main .news-nav1 li.cur{ border-bottom: 3px solid #ce2820;} #index .in-news .main .news-nav1 li:hover a, #index .in-news .main .news-nav1 li.cur a{ color: #ce2820; font-weight: bold;} #index .in-news .main .news-nav1 li a::after{ content:""; display: inline-block; width: 1px; height: 19px; background: #cccccc; position: absolute; top: 50%; right: -30px; transform: translateY(-50%);} #index .in-news .main .news-nav1 li:last-child a::after{display: none;} #index .in-news .main .news-nav2 li.cur .container {overflow: visible !important;} #index .in-news .main .news-nav2 .i-con{ display: flex; justify-content: space-between; align-content: start; margin-top: 55px;} #index .in-news .main .news-nav2 .i-con .big-item{ width: 35.7143%; box-shadow: 0px 11px 35px 0px rgba(0, 0, 0, 0.15);} #index .in-news .main .news-nav2 .i-con .big-item .img{ width: 100%; overflow: hidden;} #index .in-news .main .news-nav2 .i-con .big-item .info{ padding: 60px 30px; width: 100%; background: #ffffff; /* background: linear-gradient(-755deg, #474545 0%, #000000 100%); */} #index .in-news .main .news-nav2 .i-con .big-item .info .date{ width: 100%; line-height: 21px; font-size: 16px; color: #949494; font-weight: bold;} #index .in-news .main .news-nav2 .i-con .big-item .info .name{ margin-top: 6px; width: 100%; line-height: 27px; font-size: 18px; color: #949494; font-weight: bold;} #index .in-news .main .news-nav2 .i-con .big-item .info .brief{ margin-top: 12px; width: 100%; height: 44px; line-height: 22px; font-size: 16px; font-weight: lighter; color: #878787;} #index .in-news .main .news-nav2 .i-list{ width: 58.5714%; height: 484px; background: #fff;/* margin-top: 50px; */} #index .in-news .main .news-nav2 .i-list .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background: #ddd;} #index .in-news .main .news-nav2 .i-list .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ff5800;} #index .in-news .main .news-nav2 .i-list .i-list-in{padding: 0 5px; width: 100%;} #index .in-news .main .news-nav2 .i-list .i-row{ display: flex; align-items: center; padding: 27px 0; width: 100%; border-top: 1px solid #ddd;} #index .in-news .main .news-nav2 .i-list .i-row:first-child{ border-top: 0;} #index .in-news .main .news-nav2 .i-list .i-row .info{ width: 61.9048%;} #index .in-news .main .news-nav2 .i-list .i-row .info .name{ width: 100%; height: 26px; line-height: 26px; color: #333; font-weight: bold;font-size: 17px;} #index .in-news .main .news-nav2 .i-list .i-row .info .brief{ margin-top: 10px; width: 100%; height: 22px; line-height: 22px; font-size: 14px; color: #333;} #index .in-news .main .news-nav2 .i-list .i-row .date{font-weight: bold; padding: 0 47px 0 36px; margin-right: 47px; border-right: 1px solid #b2b2b2;} #index .in-news .main .news-nav2 .i-list .i-row .date .day{font-size: 24px;font-weight: 100; } #index .in-news .main .news-nav2 .i-list .i-row .date .year{font-size: 18px;font-weight: 100; } #index .in-news .main .news-nav2 .i-list .i-row:hover .info .name{ color: #ff5800; font-weight: bold;} #index .in-news .main .news-nav2 .i-list .i-row:hover .info .brief{ color: #ff5800;} #index .in-news .main .news-nav2 .i-list .i-row:hover .date{ color: #ff5800; border-right: 1px solid #ff5800;} #index .in-news .main .i-btn{ margin: 58px auto 0; width: 178px; height: 50px; line-height: 50px; border: 1px solid #000; font-size: 14px; color: #333333; text-align: center;} /* 产品 */ /* 产品详情 */ /* #pro-detail .detail{margin-bottom: 100px;} #pro-detail .detail .img{ width:58%; display: flex; align-items: flex-start;} #pro-detail .detail .img .big-img{ width:78.4706%; border:1px solid #e9e9e9; background: #f7f7f7; margin-right: 20px;} #pro-detail .detail .img .big-img i{ padding-top:100%;} #pro-detail .detail .img .small-img{ width:18.9412%; position:relative;} #pro-detail .detail .img .small-img::before{ width:100%; display:block; padding-top:290%; content:''; } #pro-detail .detail .img .small-img .fa-absolute{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;} #pro-detail .detail .img .small-img .ites{ width:100%; height:82%; padding-bottom:20px; padding-right:1px;} #pro-detail .detail .img .small-img .ites .slide{ width:100%; cursor:pointer; border:1px solid #e9e9e9; margin-bottom:10px;} #pro-detail .detail .img .small-img .ites .slide img{ max-width:80%; max-height:80%;} #pro-detail .detail .img .small-img .ites .slide i{ padding-top:100%;} #pro-detail .detail .img .small-img .ites .slide.cur{ border-color:#ff5800;} #pro-detail .detail .img .small-img .ites .slide.none{ margin-bottom:0;} #pro-detail .detail .img .small-img .arrow{ width:100%; height: 82px; border:1px solid #e9e9e9; margin-top:30px; display: flex;} #pro-detail .detail .img .small-img .arrow div{ width:50%; cursor:pointer;} #pro-detail .detail .img .small-img .arrow div i{ padding-top:100%;} #pro-detail .detail .img .small-img .arrow .prev{ width: 50%; background:url(/images/swiper_btn_icon0.png) no-repeat center;} #pro-detail .detail .img .small-img .arrow .next{width: 50%; background:url(/images/swiper_btn_icon0.png) no-repeat center; border-right:1px solid #e9e9e9; transform: rotate(180deg);} #pro-detail .detail .img .small-img .arrow .next:hover{ background:url(/images/swiper_btn_icon1.png) no-repeat center; background-color: #ff5800; transform: rotate(0deg);} #pro-detail .detail .img .small-img .arrow .prev:hover{ background:url(/images/swiper_btn_icon1.png) no-repeat center; background-color: #ff5800; transform: rotate(180deg);} */ /*产品详情 products_detail*/ /*#pro-detail .detail-img .detail-img-thumbs-bg .but-box{position: relative;}*/ /*#pro-detail .detail-img .detail-img-thumbs-bg .but-box:before{content: "";width: 1px;height: 100%;background-color: #e4e4e4;position: absolute;left: 50%;top: 0;}*/ /* 产品详情-产品参数 */ /* 产品详情-样品图片 */ /* 产品详情-相关产品 */ /* 行业应用 */ /* 服务-视频中心 */ /* 服务-服务中心 */ /* 新闻资讯 */ /* #news .news-cont .cont .top-swiper .swbtn{width: 19px;height: 37px;top: 0;bottom: 0;margin: auto;background-repeat: no-repeat;background-position: center center;} */ /* 新闻详情 */ /* 联系我们 */ /* #contact .message .form-main .welcom .text{top: 46px;left: 93px; } #contact .message .form-main .welcom .text .p1 span{color: #fff;line-height: 55px; font-size:36px; font-weight: bold; } #contact .message .form-main .welcom .text .p1 span:nth-of-type(2){color:rgba(255,255,255,0.4);margin-left:30px} #contact .message .form-main .welcom .text .p2{line-height:45px; font-size: 24px; font-weight: bold; color: #fff;} */ /* 关于我们-公司介绍 */ /* 关于我们-发展历程 */ /* 关于我们-荣誉资质 */ /*.scroll-outer{ margin: 100px 0 0; background: rgba(206, 40, 32, .3);}*/ /* .carousel-outer{ margin: 0 auto; padding: 50px 0; width: 1400px; overflow: hidden;} .carousel{ display: flex; justify-content: start; align-items: center; position: relative;} .carousel .item{ position: relative; width: 430px; height: 430px; flex-shrink: 0; perspective: 430px; transform-style: preserve-3d; } .carousel .item .images{width: 430px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.5); padding: 40px 100px;} .carousel .item .images .img{padding-bottom: 40px;} .carousel .item .images .t1{font-size: 20px;color: #191919;} .scroll-outer{ margin: 100px 0;} .scroll-btn{ height: 10px; background: #000;} */ /* .carousel .item div{ height: 500px; line-height: 300px; background: #f7f7f7; font-size: 20px; text-align: center; color: #fff;} */ /* .carousel .item:nth-child(even) div{ background: #000;} */ /* [swi--2] .item{width:430px; box-shadow: 0 0 10px rgba(0,0,0,0.5);overflow: visible;padding: 40px 110px; background: #fff;} #about .com-honor .con .tent .cont{overflow: visible;} #about .com-honor .con .tent .slide .img{padding-bottom: 40px;} #about .com-honor .con .tent .slide .t1{font-size: 20px;color: #191919;} #about .com-honor .con .tent .cont .btn{width: 60px; height: 60px; border: 1px solid #404040; border-radius: 100%; top: 50%; transform: translateY(-50%);} #about .com-honor .con .tent .cont .hprev{background: url(/images/swiper_btn_icon0.png) no-repeat center center;} #about .com-honor .con .tent .cont .hnext{right: 0; background: url(/images/swiper_btn_icon0.png) no-repeat center center; transform: rotate(180deg);} #about .com-honor .con .tent .cont .hprev:hover{background-color: #ff5800; background-image: url(/images/swiper_btn_icon1.png);transform: rotate(-180deg);} #about .com-honor .con .tent .cont .hnext:hover{background-color: #ff5800; background-image: url(/images/swiper_btn_icon1.png);transform: rotate(0);} */ /* 关于我们-生产基地 */ @media screen and (max-width: 1680px){ .cw1400 {max-width: 1400px !important; width:96%;margin: 0 auto;} } @media screen and (max-width: 1440px){ .cw1400 {max-width: 1366px !important;} #index .in-product .main .pro-nav2 .cont{margin: 0 20px 37px;} } @media screen and (max-width: 1366px){ .cw1400 {max-width: 1280px !important;} /*#index .in-product .main .pro-nav2 .cont{width: 400px !important;}*/ /*#products .pro-cont .cont{width: 400px !important;}*/ } @media screen and (max-width: 1280px){ .cw1400 {max-width: 1200px !important;} #index .in-product .main .pro-nav2 .cont{/*width: 385px !important;*/ margin: 0 9px 37px;} #index .in-news .main .news-nav2 .i-con .big-item{ width: 37.5%;} /*#products .pro-cont .cont{width: 370px !important;}*/ } @media screen and (max-width: 1200px){ .cw1400 {max-width: 1160px !important;} /*#index .in-product .main .pro-nav2 .cont{width: 373px !important;}*/ #index .in-news .main .news-nav2 .i-con .big-item{ width: 38.5%;} } @media screen and (max-width: 1024px){ .cw1400 {max-width: 750px !important;} #index .in-news{width: 95%;} #index .in-news .main .news-nav2 .i-con{ margin-top: 0;} #index .in-news .main .news-nav2 .i-con .big-item{width: 43%; box-shadow: 0px 0 0 ;} #index .in-news .main .news-nav2 .i-list .i-list-in{padding: 0;} #index .in-news .main .news-nav2 .i-list .i-row .date{padding: 0 20px 0 36px; margin-right: 20px;} } /* 移动端 */ @media screen and (max-width: 860px){ .cw1400{ margin: 0 auto; width: 92%;} body{font-size: 26px; max-width: 750px;} .title .title_cn{ font-size: 30px;} /*#footer .fot-top .m-f-nav .f-nav-item .f-nav-list .f-nav-list-in a{ color: #fff;}*/ /* 首页 */ #index .in-product{padding: 100px 10px;} #index .in-product .main .pro-nav2 .cont{margin-right: 10px;} #index .in-product .more-btn{width: 245px;} #index .in-news .main .news-nav2 .i-con .big-item .info .date, #index .in-news .main .news-nav2 .i-con .big-item .info .name, #index .in-news .main .news-nav2 .i-con .big-item .info .brief, #index .in-news .main .news-nav2 .i-list .i-row .info-1{width: 80%;} #index .in-news .main .news-nav2 .i-list .i-row .info{width: 75%;} #index .in-news .main .news-nav2 .i-list .i-row .info .name, #index .in-news .main .news-nav2 .i-list .i-row .info .brief{font-size: 16px;} #index .in-product .main .pro-nav1 li{ /* margin: 0 15px; */ font-size: 20px;text-align: center;} #index .in-product .main .pro-nav2 .cont .text .name{ font-size: 30px;} #index .in-product .main .pro-nav2 .cont .text .brief{ max-height: 170px; line-height: 1.8; font-size: 24px; overflow: hidden;} #index .in-news .main .news-nav1 li{ font-size: 16px;} #index .in-news .main .news-nav2 .i-con{flex-direction: column;} #index .in-news .main .news-nav2 .i-con .big-item, #index .in-news .main .news-nav2 .i-list{ width: 100%;} #index .in-news .main .news-nav2 .i-con .big-item{margin-bottom: 20px;box-shadow: 0px 11px 35px 0px rgba(0, 0, 0, 0.15);} #index .in-news .main .news-nav2 .i-con .big-item .info .name{line-height: 35px;} #index .in-news .main .news-nav2 .i-con .big-item .info .brief{height: 66px; line-height:33px;} #index .in-news .main .news-nav2 .i-list .i-list-in{ padding: 33px 25px;} #index .in-news .main .news-nav2 .i-list .i-row .date{ margin-right: 20px; padding: 0 13px;} #index .in-news .main .news-nav2 .i-list .i-row .date .day{ font-size: 16px;} #index .in-news .main .news-nav2 .i-list .i-row .info .brief{ height: 30px} #index .in-news .main .i-btn{ font-size: 24px;} #index .in-product .main .pro-nav2 .cont{ margin-left: 0;} /* 产品 */ /* 新闻 */ /* 关于我们 */ /*.mb-car .slide{ width: 60%;}*/ /* 联系我们 */ /*#video .type-list .item:nth-child(even){ margin-right: 0;}*/ }