/* about us*/ .sect_us { padding: 8em 0 } .about-box.l { text-align: right; } .about-box.r { } .about-box h3 { font-size: 1.5rem; position: relative; padding-top: 10px; font-weight: lighter; } .about-box h3:before { display: block; content: ''; position: absolute; top: 0px; left: 0px; width: 60px; height: 4px; background: #f54f15 } .about-box h5 { font-size: 1.5rem; text-transform: uppercase; } .qute { position: relative; padding: 25px 0 30px 0; line-height: 2; color: #656566; } .qute a { color: #ffa304 } .usimg { position: relative; display: inline-block; } .usimg .an1 { width: 80px; height: 80px; background: #f54f15; position: absolute; top: 100%; right: 100% } .usimg .an2 { width: 40px; height: 40px; background: #f1f0f0; position: absolute; bottom: 0%; left: -120px } .usimg .an3 { width: 40px; height: 40px; background: #f54f15; position: absolute; bottom: 100%; left: 100% } .laytxt { font-size: 150px; color: #f6f5f5; position: absolute; z-index: -1; font-weight: bold; line-height: 1; text-indent: 1em } @media screen and (max-width:40em) { .about-box.l { text-align: center; } } .morebtn { position: relative; display: inline-block; background: #f54f15; color: #fff; line-height: 40px; padding: 0 30px; } .morebtn:after { display: block; content: '\e610'; font-family: 'iconfont'; position: absolute; left: 95%; top: 0; width: 40px; text-align: center; color: #fff; background: #f27245; } .morebtn:hover { color: #fff; background: #9aca20 } /*新闻*/ .sect_new { overflow: hidden; background: #fff } .news_wrap { } .news_wrap .swiper-slide { width: 33.33% } .news-index { position: relative; width: 95%; margin: 0 auto; padding: 10px 2%; border: 1px solid #fff; } .news-index.on { border-color: #f54f15 } .news-index .news_cont { padding: 1rem 0; } .news-index .news_cont .date { padding: 0.5rem 0; text-align: center; color: #9d9d9d } .news-index .news_cont h3 { } .news-index .news_cont h3 a { display: block; position: relative; } .news-index .news_cont h3 a:after { display: block; content: ''; position: absolute; width: 20%; height: 1px; background-color: #2b2a2a } .news-index .news_cont h3 a:hover:after { width: 90%; background-color: #c1484d } .news-index .news_cont div { color: #676665; overflow: hidden; padding: 0.8em 0; text-align: justify } .thumb { width: 100%; height: 168px; background-position: center center; background-size: 100% auto; background-repeat: no-repeat; } /*播放*/ .news-button { width: 100%; text-align: center; padding: 2rem 0 } .news-button-next, .news-button-prev { display: inline-block; width: 50px; height: 30px; line-height: 30px; cursor: pointer; background: #9aca20; color: #fff; } .swiper-button-disabled { opacity: 0.35 } @media screen and (max-width:640px) { .news_wrap .swiper-slide { width: 100% } .thumb { display: none; } .news-button { display: none; } } /*产品*/ .sect_prod { background: #f4f4f4 } .prod_rec { text-align: center; padding: 2em 3em 0 3em } .prod_rec strong { font-size: 60px; position: relative; display: inline-block; } .prod_rec strong:after { display: block; content: ' '; width: 40px; height: 4px; position: absolute; left: 50%; top: 0; margin-left: -20px; background: #f54f15; } .prod_rec h4 { font-size: 30px; font-weight: normal; color: #f54f15 } .prod_rec p { color: #676665; padding: 5px 0 20px 0 } .prod_rec .btn { background: #f54f15; color: #fff; border-radius: 0; border: 0; font-size: 1rem; padding: 6px 20px; } .prod_rec .thumb2 { width: 320px; height: 260px; margin: 0 auto; margin-top: 2em; } .prod_rec .thumb2 div { width: 320px; height: 260px } /*cate*/ .prod_type { background: #fff; padding: 2em 18% } .prod_type .btn { background: #f54f15; border: 0; border-radius: 0; color: #fff; display: block; font-size: 1.1rem; text-align: center; padding: 4px 0; margin: 2em 0; } .prod_type .tel { font-size: 1.3rem; display: block; text-align: center; padding-top: 1em } .cate-tit { font-size: 1.8rem; line-height: 1.2 } .cate-tit strong { font-size: 2.5rem; display: inline-block; } .cate-list { padding: 3em 0 1em 0 } .cate-list li { margin-bottom: 15px } .cate-list li a { padding: 5px 0 5px 15px; display: block; font-size: 1.1rem; background: #fff; border: 1px solid #000; } .cate-list li a:hover { color: #f54f15; border-color: #f54f15; } /*custom*/ .sect_prod .swiper-wrapper, .sect_prod .swiper-slide { height: auto!important } .block_imglist .media-box { background: #fff; } .block_imglist .media-box .icon { width: 298px; height: 268px; border: 0px; } @media screen and (max-width:640px) { }