@charset "utf-8"; /* CSS Document */ /*..........分隔线.............*/ html { font-size: 100px; } body { font-size: medium !important; font-family: "微软雅黑"; } h1,h2,h3,h4,h5,h6{ font-weight: normal; } * { margin: 0; padding: 0; border: 0; list-style: none; text-decoration: none; -webkit-tap-highlight-color: transparent; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } a { text-decoration: none; } input, textarea { outline: 0; } img { border: none; display: block; } .fl { float: left; } .fr { float: right; } .pos-rel { position: relative; } .cls { clear: both; line-height: 0px !important; height: 0px !important; font-size: 0px !important; } .img_box img{width: 100%;} @keyframes pulse2 { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @-webkit-keyframes pulse2 { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @-moz-keyframes pulse2 { 0% { -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -moz-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } 100% { -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } /*============================================首页============================================*/ /*公用*/ #cd-menu-trigger { right: 0.2rem !important; top: 0rem !important; } body { background-color: #fafafa; } .section{ background-color: #000; } /*page1*/ .banner { height: auto; margin-top: 1.02rem; position: relative; } .banner img.page1-bj { position: relative; width: 100%; height: 100%; } .banner .pg1_img2 { left: 0; right: 0; margin-left: auto; margin-right: auto; top: 3rem; height: 4rem; display: none; } .page1_foot { width: 100%; background-color: #e50020; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transtion: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .page1_foot ul { display: flex; flex-flow: wrap; padding: 0; } .page1_foot ul li { width: 25%; padding: 2%; border-bottom: 2px solid rgba(0, 0, 0, 0.2); border-right: 2px solid rgba(0, 0, 0, 0.2); } .page1_foot ul li:nth-child(4){ border-right: 0px solid rgba(0, 0, 0, 0.2); } .page1_foot ul li:nth-child(5){ border-bottom: 0px solid rgba(0, 0, 0, 0.2); } .page1_foot ul li:nth-child(6){ border-bottom: 0px solid rgba(0, 0, 0, 0.2); } .page1_foot ul li:nth-child(7){ border-bottom: 0px solid rgba(0, 0, 0, 0.2); } .page1_foot ul li:nth-child(8){ border-bottom: 0px solid rgba(0, 0, 0, 0.2); border-right: 0px solid rgba(0, 0, 0, 0.2); } .page1_foot ul li a { width: 100%; } .page1_foot ul li a .page1-img-box { width: 40%; margin: 0 auto; } .page1_foot ul li a .page1-img-box img { width: 100%; position: initial; } .page1_foot ul li a h3 { color: #fff; font-size: .25rem; text-align: center; padding-top: .1rem; } .page1_foot ul li a p { font-size: 0.2rem; color: #fff; text-align: center; } .banner .swiper-slide img { width: 100%; display: block; } .banner span.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #b70503; } /*视频*/ .introduce_plate { } .introduce_plate_box { margin: 6vh auto; width: 90vw; box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 0.4); border: 3px solid #fff; border-radius: 3px; } .introduce_plate_box iframe { width: 100%; height: 100%; display: block; } .introduce_box { width: 90vw; margin: 0 auto; } .introduce_box h3 { font-size: 0.4rem; margin-bottom: 1vh; font-weight: bold; } .introduce_box span { display: block; font-size: 0.23rem; margin-bottom: 1vh; } .introduce_box span.introduce_sapn_yw { letter-spacing: 1px; } .introduce_box p { font-size: 0.2rem; color: #777777; padding-top: 3vh; position: relative; margin-top: 2vh; line-height: 0.35rem; margin-bottom: 3vh; } .introduce_box p::before { content: ''; position: absolute; width: 10vw; height: 1vh; background-color: #C00000; top: 0; left: 0; } .introduce_a { width: 90vw; margin: 0 auto; display: flex; margin-bottom: 4vh; } .introduce_a a { width: 30%; margin: 0 auto; text-align: center; font-size: 0.2rem; background-color: #efefef; padding: 1.5vh 0; border-radius: 50px; color: #000; font-weight: bold; } /*产品*/ .product_plate { margin: 0 auto; padding: 0 5vw; padding-bottom: 5.25vw; padding-top: 4.45vw; width: 100%; background-color: #fff; } .product_plate_title_box { display: table; width: 100%; margin-bottom: 2.1vh; } .product_plate .product_plate_title { float: left; } .product_plate .product_plate_title h3 { font-size: 0.4rem; font-weight: bold; } .product_plate .product_plate_title p { color: #bb0511; font-size: 0.3rem; margin-top: 0.5vh; } .product_plate .tab_box .lib_Contentbox.lib_tabborder ul { display: table; list-style-type: none; width: 100%; } .product_plate .tab_box .lib_Contentbox.lib_tabborder ul li { float: left; width: 47.5%; margin-right: 5%; margin-bottom: 2vh; } .product_plate .tab_box .lib_Contentbox.lib_tabborder ul li:nth-child(even){ margin-right: 0%; } .product_plate .tab_box .lib_Contentbox.lib_tabborder ul li h3 { font-size: 0.2rem; font-weight: normal; margin-top: 1.042vw; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .lib_Menubox.lib_tabborder { margin-bottom: 3vh; } .lib_Menubox.lib_tabborder a { text-align: center; font-size: 0.2rem; color: #353535; background-color: #eaeaeb; padding: 1vh 1vw; display: block; border-radius: 5px; } .product_plate .tab_box .lib_Contentbox.lib_tabborder ul li .parameter { display: table; width: 100%; } .product_plate .tab_box .lib_Contentbox.lib_tabborder ul li .parameter p { color: #999999; font-size: 12px; display: inline-block } .product_plate .tab_box .lib_Contentbox.lib_tabborder ul li .parameter a { text-align: center; float: right; font-size: 12px; width: 60px; height: 20px; background-color: #b70503; line-height: 19px; color: #fff; border-radius: 3px; border: 1px solid rgb(183 5 3 / 0%); } .product_plate .tab_box .lib_Contentbox.lib_tabborder ul li .parameter a:hover{ background-color: rgb(183 5 3 / 0%); line-height: 19px; color: #b70503; border: 1px solid #b70503; } .product_plate .tab_box .lib_Contentbox.lib_tabborder ul li .img_box { background-color: #fafafa; } .product_plate .tab_box .lib_Contentbox.lib_tabborder ul li .img_box a img { width: 100%; } /*业务服务*/ .service_plate { padding: 0 5vw; padding-top: 6vh; padding-bottom: 6vh; background-color: #fafafa; } .service_plate .swiper-pagination { bottom: 0; } .service_plate_title h3 { font-size: 0.4rem; font-weight: bold; text-align: center; position: relative; } .service_plate_title h3::before { content: ''; position: absolute; width: 9vw; height: 1px; background-color: #bbbbbb; left: 13%; top: 70%; transform: translateY(-50%); } .service_plate_title h3::after { content: ''; position: absolute; width: 9vw; height: 1px; background-color: #bbbbbb; right: 13%; top: 70%; transform: translateY(-50%); } .service_plate_title span { display: block; margin-top: 30px; text-align: center; font-size: 0.2rem; color: #333333; } .service_swiper { margin-top: 4vh; padding-bottom: 4vh; } .service_swiper a .img_box { width: 70%; border-radius: 50%; overflow: hidden; border: 5px solid #ffffff; margin: 0 auto; margin-bottom: 2vh; } .service_swiper a .img_box img { width: 100%; display: block; } .service_swiper a h3 { font-size: 0.26rem; text-align: center; color: #000; margin-bottom: 2vh; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .service_swiper a p { font-size: 0.2rem; text-align: center; color: #1d1d1d; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } .service_swiper span.swiper-pagination-bullet{ background: #333333; } .service_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #bb0511; } /*服务2*/ .service2_plate { position: relative; } .service2_plate .service2_content { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 80%; } .service2_plate .service2_background { width: 100%; } .service2_plate .service2_background img { width: 100%; display: block; } .service2_plate .service2_content .service2_title { width: 100%; margin: 0 auto; margin-bottom: 3vh; } .service2_plate .service2_content .service2_title img{ width: 100%; display: block; } .service2_plate .service2_content ul { display: table; width: 100%; } .service2_plate .service2_content ul li .img_box { width: 70%; margin: 0 auto; margin-bottom: 1vh; } .service2_plate .service2_content ul li .img_box img { width: 100%; display: block; } .service2_plate .service2_content ul li { float: left; width: 29.33%; margin-right: 6%; margin-bottom: 2vh; } .service2_plate .service2_content ul li:nth-child(3),.service2_plate .service2_content ul li:nth-child(6) { margin-right: 0%; } .service2_plate .service2_content ul li:nth-child(4),.service2_plate .service2_content ul li:nth-child(5),.service2_plate .service2_content ul li:nth-child(6) { margin-bottom: 0%; } .service2_plate .service2_content ul li p { color: #fff; text-align: center; font-size: 0.2rem; } /*厂房*/ .workshop_plate { padding: 0 5vw; padding-top: 4vh; background-color: #efefef; padding-bottom: 4vh; } .workshop_plate span.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #b70503; } .workshop_plate_title h3 { font-size: 0.4rem; font-weight: bold; text-align: center; position: relative; } .workshop_plate_title h3::before { content: ''; position: absolute; width: 9vw; height: 1px; background-color: #bbbbbb; left: 11%; top: 70%; transform: translateY(-50%); } .workshop_plate_title h3::after { content: ''; position: absolute; width: 9vw; height: 1px; background-color: #bbbbbb; right: 11%; top: 70%; transform: translateY(-50%); } .workshop_plate_title span { display: block; margin-top: 1vh; text-align: center; font-size: 0.2rem; color: #333333; } .workshop_plate_carousel { padding-bottom: 4vh; margin-top: 3vh; } .workshop_plate_carousel .img_box { height: 63vw; overflow: hidden; } .workshop_plate_article h3 { font-size: 0.28rem; font-weight: normal; margin: 1vh auto; padding-right: 15px; float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; color: #2d2d2d; text-align: center; width: 100%; } .workshop_plate_article { position: relative; } .workshop_plate_article img { width: 22px; height: 22px; display: block; float: left; margin: 0.7rem auto; line-height: 26px; } .workshop_plate_button { margin: 0 auto; width: 160px; height: 40px; background-color: #bb0511; border-radius: 3px; position: relative; margin-top: 3.646vw; border: 1px solid rgb(187 5 17 / 0%); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transtion:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; } .workshop_plate_button:hover{ background-color: rgb(187 5 17 / 0%); border: 1px solid #b70503; } .workshop_plate_button:hover a{ color: #b70503; } .workshop_plate_button a { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: block; color: #fff; font-size: 14px; text-align: center; line-height: 40px; width: 160px; height: 40px; } /*新闻*/ .new_plate { position: relative; background-image: url(../img/new_background.jpg); background-size: 100%; padding: 4vh 5vw; } .new_plate .new_background { width: 100%; } .new_plate .new_background img { width: 100%; display: block; } .new_plate_title h3 { color: #fff; font-size: 0.4rem; font-weight: bold; text-align: center; position: relative; } .new_plate_title span { display: block; color: #fff; margin-top: 1vh; text-align: center; font-size: 0.2rem; } .new_plate_title h3::before { content: ''; position: absolute; width: 9vw; height: 1px; background-color: #ffffff; left: 24%; top: 70%; transform: translateY(-50%); } .new_plate_title h3::after { content: ''; position: absolute; width: 9vw; height: 1px; background-color: #ffffff; right: 24%; top: 70%; transform: translateY(-50%); } .new_float li { margin-top: 5vh; } .new_float li a { display: flex; } .new_float li a .img_box { width: 40%; margin-right: 2%; border-radius: 5px; overflow: hidden; } .new_float li a .img_box img { width: 100%; display: block; } .new_float li a .new_plate_s_title { width: 58%; } .new_float li a .new_plate_s_title h3 { font-size: 0.26rem; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .new_float li a .new_plate_s_title p { font-size: 0.22rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; color: #fff; margin-top: 1.5vh; } .new_float li a .new_plate_s_title span{ font-size: 0.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; color: #fff; margin-top: 1.5vh; } /*底部*/ footer { width: 100%; background-color: #393939; padding: 4vh 5vw; text-align: center; } .friendship_link { color: #fff; padding-bottom: 3vh; margin-bottom: 2vh; border-bottom: 1px solid #474747; font-size: 0.24rem; display: flex; flex-wrap: wrap; } .friendship_link span { display: block; margin-bottom: 1vh; margin-right: 2vw; } .friendship_link a { margin-right: 2vw; color: #fff; display: block; margin-bottom: 1vh; } .information_box { display: flex; padding-bottom: 5vh; } .information2 { width: 54%; margin-right: 11%; } .ewm_box { width: 35%; } .ewm_box img { width: 100%; display: block; } .information2 span { color: #fff; text-align: left; display: block; margin-bottom: 5px; font-size: 0.3rem; } .information2 h3 { font-size: 0.42rem; color: #fff; text-align: left; font-weight: normal; } .information2 p { text-align: left; color: #fff; font-size: 0.2rem; } .information2 a { color: #fff; width: 25vw; height: 8.5vw; border: 1px solid #fff; display: block; float: left; margin-top: 3vh; border-radius: 5px; text-align: center; line-height: 8vw; } .information2 a:hover{ border: 1px solid #b70503; background-color: #b70503; } .prepare { padding-top: 30px; border-top: 1px solid #474747; } .prepare h3 { color: #fff; text-align: center; font-size: 0.3rem; margin-bottom: 2vh; } .prepare p { text-align: center; color: #fff; font-size: 0.2rem; margin-bottom: 2vh; } .prepare p:last-child { margin-bottom: 0px; } /*============================================内页============================================*/ /*公用*/ .in_body { overflow-y: auto; } /* .in_body header.lateral-menu-is-open { background-color: #cb8b58 !important; } */ .in_body header.lateral-menu-is-open .top_tt { color: #7f7f7f; } .in_body header .return { position: absolute; width: 50px; height: 50px; left: 0; top: 0; z-index: 9; background: url(../img/home.png) no-repeat 0.14rem center; background-size: 0.46rem; } .in_body header .top_tt { color: #fff; font-size: 0.3rem; line-height: 50px; width: 100%; text-align: center; font-weight: normal; background-color: #221715; } .in_body .cd-main-content { padding-top: 10.3vh; /* background-image: url(../img/page3_bg.jpg); */ background-size: 100%; background-color: black; background-repeat: repeat; } /*底部固定*/ .index_nav ul li:active { background-color: #a80505; } /*翻页*/ .page { padding: 0.25rem 0.2rem 0.4rem 0.2rem; display: table; width: 100%; box-sizing: border-box; border-top: solid 1px #c30505; text-align: center; background-color: #1d1d1d; } .page a { padding: 0.15rem 0.2rem; border-radius: 0.05rem; background-color: #8f0404; color: #fee6e6; font-size: 0.25rem; } .page a:active { background-color: #750404; color: #fff; } .page a.left { float: left; } .page a.right { float: right; } .page span { display: inline-block; padding: 0.15rem 0; font-size: 0.25rem; color: #f5f5f5; } /*二级导航*/ .in_subnav { background: #8f0404; } .in_subnav ul { overflow: hidden; } .in_subnav ul li { float: left; width: 33.3333333%; } .in_subnav ul li a { display: block; padding: 0.18rem 0; color: #fee6e6; text-align: center; font-size: 0.26rem; } /*页脚*/ .footer_info { padding: 0.3rem 0.1rem 1.4rem 0.1rem; text-align: center; color: #dfdfdf; font-size: 0.24rem; line-height: 1.6; } .footer_info span { color: #F8612C; } .footer_info a { color: #dfdfdf; } .footer_box .to_top { padding: 0.16rem 0.2rem; background: #b53616; overflow: hidden; } .footer_box .to_top a { float: right; color: #fff; font-size: 0.28rem; padding: 0 0.27rem 0 0.2rem; text-transform: uppercase; background: url(../img/totop_icon.svg) no-repeat right center; background-size: 0.24rem; font-family: Arial; } /*图片列表页*/ .in_pics2 { padding: 0.4rem 0.2rem 0.2rem; background-color: #000000; } .in_pics2 ul { overflow: hidden; margin: 0 -0.15rem -0.15rem 0; } .in_pics2 ul li { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 0.25rem 0.25rem 0; } .in_pics2 ul li img { width: 100%; display: block; } .in_pics2 ul li .parameter a { text-align: center; float: right; font-size: 12px; width: 60px; height: 20px; background-color: #b70503; line-height: 19px; color: #fff; border-radius: 3px; border: 1px solid rgb(183 5 3 / 0%); } .in_pics2 ul li h3 { font-size: 0.24rem; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; margin-bottom: 2vh; margin-top: 1vh; } .in_pics2 ul li > a { display: block; height: 2.18rem; overflow: hidden; background: #373737; } .in_pics2 ul li > a img { width: 100%; } .in_pics2 ul li p { color: #999999; font-size: 12px; display: inline-block; } .in_pics2 ul li:active p a { color: #c30505; } /*新闻列表页*/ .in_news3 { padding: 0.3rem 0.2rem; background-color: #f7dba8; } .in_news3 ul { margin: -0.2rem 0; } .in_news3 ul li { padding: 0.24rem 0; border-bottom: solid 1px #333; } .in_news3 ul li:nth-last-of-type(1) { border: none; } .in_news3 ul li a { overflow: hidden; display: block; } .in_news3 ul li a .in_nl { float: left; width: 38%; height: 1.45rem; overflow: hidden; border: solid 1px #242424; } .in_news3 ul li a .in_nl img { width: 100%; } .in_news3 ul li a .in_nr { float: right; width: 59%; } .in_news3 ul li a .in_nr h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #101010; font-size: 0.28rem; font-weight: normal; } .in_news3 ul li a .in_nr span { display: inline-block; font-size: 0.2rem; color: #a72022; padding: 0.1rem 0; } .in_news3 ul li a .in_nr p { color: #4a4a4a; font-size: 0.22rem; overflow: hidden; -webkit-line-clamp: 2; -moz-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: -moz-box; display: -o-box; display: box; word-break: break-all; } .in_news3 ul li a:active .in_nr h2 { color: #c30505; } /*内容页*/ .in_content { padding: 0.3rem 0.2rem; /* min-height: 250px; */ } .in_content .in_contt { text-align: center; } .in_content .in_contt h2 { color: #d43030; font-size: 0.35rem; } .in_content .in_contt h1 { color: #d43030; font-size: 0.35rem; } .in_content .in_contt span { color: #aaa; font-size: 0.22rem; padding: 0.1rem 0.06rem; display: inline-block; } .in_content .in_condiv { margin-top: 0.1rem; } .in_content .in_condiv, .in_content .in_condiv * { color: #efefef; } .in_content .in_condiv img { max-width: 100% !important; display: inline-block; } /*在线留言*/ .guest { padding: 0.3rem; } .guest form { margin-top: -0.2rem; } .guest > form input, .guest > form textarea { width: 100%; background: #1d1d1d; border-radius: 0.06rem; font-size: 0.24rem; padding: 0.2rem 0.15rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-family: "微软雅黑"; color: #f5f5f5; border: solid 1px #333; } .guest >form input, .guest >form textarea, .guest >form p img { margin-top: 0.3rem; } .guest >form > textarea { height: 2rem !important; display: block; resize: none; } .guest >form p img { float: right; display: block; margin-left: 0.2rem; height: 0.73rem; max-width: 1.9rem; border-radius: 0.06rem; color: #f5f5f5; font-size: 0.22rem; } .guest >form p { overflow: hidden; } .guest >form p:after { content: " "; display: table; height: 0; clear: both; visibility: hidden; } .guest >form > input[type=button] { border: none; background-color: #c30505; width: 100%; padding-left: 0 !important; color: #FFFFFF; font-size: 0.28rem; padding: 0.22rem 0; text-indent: 0; margin-top: 0.3rem; } .guest >form > input[type=button]:active { background-color: #a80505; color: #fff; } .guest >form p input[name="auth_code"] { float: left; width: 3.6rem; } /*火狐hack*/ @-moz-document url-prefix() { #page2 ul li a .pg2_w p { max-height: 0.68rem; } .in_news3 ul li a .in_nr p { line-height: 1.7; max-height: 0.748rem; } } @media only screen and (min-width: 768px) { .in_body header .return { width: 70px; height: 70px; background-size: 0.3rem; } .in_body header .top_tt { line-height: 70px; font-size: 0.3rem; } .in_body .cd-main-content { padding-top: 70px; } .in_body #cd-menu-trigger .cd-menu-icon { top: 8px; } } @media only screen and (min-width:638px) { #cd-menu-trigger { width: 100px !important; } } .index_nav.lateral-menu-is-open { /* translate to show the lateral menu */ -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -ms-transform: translateX(-200px); -o-transform: translateX(-200px); transform: translateX(-200px); background: #610202 !important; } .index_nav.lateral-menu-is-open ul li a { color: #7f7f7f; } /*弹出按钮*/ .an_tb { width: 100%; } .an { position: fixed; z-index: 3; left: 43.5%; width: 0.8rem; top: 8.3rem; } /*导航条*/ .dhl { z-index: 3; width: 100%; height: 1.25rem; background-color: rgba(201, 43, 47, 1); padding: 0.15rem 0; bottom: 0; position: fixed; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transtion: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .dont-break-out { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } header.hide .LOGO1{ display: none; } .LOGO img.LOGO2 { display: none; } header.hide .LOGO2{ display: block; } .ett { display: flex; width: 90%; height: auto; margin: 0 auto; } .ett li { display: block; width: auto; height: auto; width: 25%; position: relative; } .ett li::before{ content: ''; position: absolute; right: 1px; top: 50%; transform: translateY(-50%); height: 100%; width: 1px; background-color: #9a000a; } .ett li::before{ content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 1px; background-color: #ef2734; } .ett li:last-child::before{ display: none; } .ett li:last-child::before{ display: none; } .dh_tb { padding: 1.7% 0; } .ett li p { font-size: 0.2rem; text-align: center; color: #fff; display: block; } img.dh_tb_tp { width: 0.6rem; height: 0.6rem; margin: 0 auto; } .djxg { bottom: 0; } .lxwm_kuang { width: 100%; height: auto; margin-bottom: -40%; } .page8_btnr { width: 100%; } .lxwm_kuang li img { width: 12%; display: inline-block; float: left; margin: 3% 0px 0 3%; } .page8_wb p, .page8_wb span { color: #FFFFFF } .page8_wb { width: 75%; float: right; padding-top: 5%; } .lxwm_kuang li { width: 75%; margin: 0 auto; height: 1.44rem; } .cbdh { width: 10%; height: 60%; display: none; position: fixed; z-index: 2; padding-top: 35%; } .cbdh_nr { width: 83%; background-color: #c50000; font-size: 15px; margin-top: 15%; text-align: center; color: #fff; display: block; padding: 16% 0; } .lbt { z-index: 1; width: 100%; height: 100%; background-size: cover; } .cool { width: 5.9rem; height: 5.4rem; background-color: #cb8b58; overflow: hidden; bottom: 4rem; margin: 0 auto; margin-top: 4.5rem; border: 1px solid #cb8b58 } .cool img { height: 4.4rem; position: relative; } .miaoshu { padding-top: .09rem; padding-left: .2rem; height: 1rem; color: white; } .miaoshu p:nth-child(1) { color: #bc2222; font-size: 0.35rem; } .lbt_1 { float: left; z-index: 1; width: 100%; height: 100%; background-image: url(../img/page5_bg.jpg); background-size: cover } .youshia { width: 5.6rem; height: 6.9rem; margin: 0 auto; /* background-color: darkgoldenrod;*/ margin-top: 3.6rem; display: flex; justify-content: space-between; flex-wrap: wrap; } .youshia a { display: block; width: 2.5rem; height: 3rem; overflow: hidden; display: none; } .youshia a img { /* width: 100%;*/ height: 100%; position: relative; } .lbt_2 { width: 100%; height: 100%; } .lbt_2 a { display: block; width: 100%; height: 23.3%; background-color: aquamarine; } .lbt_2 a img { position: relative; width: 3.5rem; left: 0; right: 0; margin-left: auto; margin-right: auto; top: .88rem; display: none; } .lbt_2 a:nth-child(1) { height: 30% !important; background-image: url(../img/fuwu1.jpg); background-repeat: no-repeat; background-size: 100% 100%; } .lbt_2 a:nth-child(1) img { position: relative; width: 3.5rem; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 1.6rem; display: none; } .lbt_2 a:nth-child(2) { background-image: url(../img/fuwu2.jpg); background-repeat: no-repeat; background-size: 100% 100%; } .lbt_2 a:nth-child(3) { background-image: url(../img/fuwu3.jpg); background-repeat: no-repeat; background-size: 100% 100%; } .lbt_2 a:nth-child(4) { background-image: url(../img/fuwu4.jpg); background-repeat: no-repeat; background-size: 100% 100%; } .swiper-container { position: relative; overflow: hidden; z-index: 0; width: 100%; height: 100%; } .swiper-pagination { width: 50%; height: 10%; float: left; } .in_subnav ul li.hover { background: #e50020; color: #000; } .in_subnav ul li.hover a { color: #fff; } .in_subnav { background: #ffffff; } .in_subnav ul li a { display: block; padding: 0.18rem 0; color: #281206; text-align: center; font-size: 0.26rem; } .guest form > input[type=button] { border: none; background-color: #e50020; width: 100%; padding-left: 0 !important; color: #fff; font-size: 0.3rem; padding: 0.22rem 0; text-indent: 0; margin-top: 0.3rem; } .in_body .cd-main-content .guest { background-color: #000000; } .index_nav { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 9; background: #bb0511; } .container { padding-bottom: 0.9rem; } .container #cd-lateral-nav a { color: #ffffff; } .container #cd-lateral-nav { /* background: url(../img/dxx.jpg); */ background-size: 100% 100%; background-color: #8f0404; } .cont_news { height: 8rem; padding-top: .3rem; /* background-color: beige;*/ padding-left: .2rem; padding-right: .2rem; } .video { height: 3.3rem; border-radius: 6px; background-image: url(../img/img_bofang.jpg); background-color: darkmagenta; background-size: 100% 100%; position: relative; } .bofang { width: 1rem; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; } .new_list_1 { padding-top: .1rem; height: 1.8rem; line-height: .4rem; border-bottom: 1px solid #838383 } .new_list_1 p:nth-child(1) { width: 100%; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-top: .2rem; font-size: 18px; } .new_list_1 p:nth-child(2) { word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; color: #505050; margin-top: .15rem; } .gengduo { display: block; width: 1.7rem; height: .75rem; background-color: #d43030; text-align: center; line-height: .7rem; margin: 0 auto; margin-top: .5rem; border-radius: .75rem; color: white; } .lianxi { height: 6rem; /* background-color: bisque;*/ /* margin-top: .1rem;*/ padding-left: .2rem; padding-right: .2rem; } .lianxi input { border: none; width: 100%; height: .9rem; margin-top: .3rem; border-radius: 6px; padding-left: .2rem; /* background-image: url(../img/lianxi_bg.jpg);*/ background-size: 100%; color: #241703; } .crey { height: 1.5rem !important ; /* background-image: url(../img/lianxi_bg2.jpg);*/ padding-bottom: .89rem; } .tijiao { font-size: 0.35rem; display: block; width: 100%; background-color: #e50020; text-align: center; margin: 0 auto; margin-top: .2rem; border-radius: .1rem; color: black; padding: 0.2rem 0; } .banquan { color: white; margin: 0 auto; text-align: center; line-height: .4rem; padding: 0 6%; margin-top: 0.5rem; width: 100%; } .banquan li { font-size: 0.2rem; } .banquan img { position: relative; width: 100%; left: 0; right: 0; margin-left: auto; margin-right: auto; } .erwei { border-radius: 6px; overflow: hidden; width: 100%; height: auto; left: 0; right: 0; margin-left: auto; margin-right: auto; position: relative; display: flex; margin-top: .2rem; justify-content: space-between; } .erwei img { width: 100%; display: block; } .banquan .kk { margin: .3rem 0; font-size: .5rem; text-align: center; } .banquan li.bah { font-size: 0.22rem; } .banquan li div { margin: 0 auto; width: 35%; text-align: center; } /*手机内容翻页*/ .in_pn { padding: 0.35rem 0.3rem 0.5rem; border-top: solid 1px #eaeaea; margin-bottom: -0.25rem; } .in_pn span { display: block; overflow: hidden; padding-bottom: 0.25rem; } .in_pn span em { color: #cda56f; font-style: normal; font-size: 0.26rem; float: left; } .in_pn span a { float: left; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #cda56f; font-size: 0.26rem; } .in_pn span a:active { text-decoration: underline; color: #cda56f; } /* .page a.left,.prev{ float:left;} .page a.right,.next{ float:right;} */ /*列表翻页*/ .page>div{ position: relative; } .page>div:after{ content: ''; display: block; clear: both; } .page>div span.rows{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .page a { padding: 0.15rem 0.2rem; border-radius: 0.05rem; background-color: #8f0404; color: #fee6e6; font-size: 0.25rem; } .page a:active { background-color: #750404; color: #fff; } .page a.left,a.prev { float: left; } .page a.right,a.next { float: right; } .page span { display: inline-block; padding: 0.15rem 0; font-size: 0.24rem; color: #f7dba8; } /*手机店铺轮播页*/ .in_shop { padding: 0.2rem 0; overflow: hidden; width: 85%; margin: 0 auto; } .in_shopcon { padding: 0 0.06rem; width: 100%; } .in_shop .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto; } .in_shop .swiper-slide { background-size: cover; background-position: center; overflow: hidden; padding-bottom: 0.8rem; } .in_shop .gallery-top { height: 80%; width: 100%; } .in_shop .gallery-thumbs { height: 20%; box-sizing: border-box; margin-top: 0.2rem; height: 1.07rem; overflow: hidden; } .in_shop .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .in_shop .gallery-thumbs .swiper-slide-active { opacity: 1; box-sizing: border-box; } .in_shop .swiper-slide img { width: 100%; /* height: 100%; */ } .in_shop .gallery-thumbs .swiper-slide-active img { border: solid 0.04rem #AD0101; box-sizing: border-box; } .in_shop .in_shopcon .swiper-wrapper a { display: block; } .in_shop .in_shopcon .gallery-top { width: 100%; } .in_shop .in_shopcon .gallery-thumbs { width: 100%; } .in_shop .in_shopcon .swiper-wrapper .swiper-slide { position: relative; } .in_shop .in_shopcon .gallery-thumbs .swiper-wrapper .swiper-slide { margin-right: 0 !important; } .in_shop .in_shopcon .swiper-wrapper .swiper-slide p { position: absolute; width: 100%; bottom: 0.2rem; text-align: center; } .in_shop .in_shopcon .swiper-wrapper .swiper-slide p a { display: inline-block; color: #efefef; font-size: 0.24rem; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .in_shop ul li .in_shopintro { font-size: 0.24rem; color: #888; overflow: hidden; margin: 0.3rem 0; -webkit-line-clamp: 2; -moz-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: -moz-box; display: -o-box; display: box; overflow: hidden; } .in_shop ul li .in_shopintro span { color: #efefef; } .in_shop ul li { border-bottom: solid 1px #323230; padding: 0.4rem 0; } .in_shop .m_smore { padding-top: 0; } .main_box{min-height: 600px;background: url("../img/in_bg.JPG") repeat;} .nodata{ color: white; text-align: center; } .pos-rel{ position: relative; } .pos-abs-t-f { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #page4 .swiper-slide img{ height: 100%; } /* .lianxia_1 { width: 100%; padding-left: .25rem; padding-right: .25rem; margin-top: 3.5rem; display: none; }*/ .ouno{ text-align: center; margin: 0 auto; } .dioda1 { display: block; } .xinwena{ width: 100%; height: 70%; /* background-color: chocolate;*/ margin: 0 auto; padding-right: .25rem; padding-left: .25rem; padding-top: .2rem; } .feng_lei{ width: 4rem; height: 0.65rem; margin: 0 auto; /* background-color: darkgoldenrod;*/ display: flex; justify-content: space-between; } .feng_lei a{ display: block; width: 1.8rem; height: .65rem; background-color: white; text-align: center; line-height: .65rem; border-radius: 6px; color: #333; } .xinwen_liebiao{ margin-top: .5rem; } .xinwen_liebiao li{ border-bottom: 1px solid #8d8d8d; padding-bottom: .18rem; padding-top: .18rem; } .kaka{ color: white; display: flex; justify-content: space-between; } .xinwen_img{ width: 2.3rem; height: 1.5rem; overflow: hidden; border: 2px solid #c50000; } .xinwen_img img{ position: relative; width: 100%; height: 100%; } .xinwenan{ width: 3.4rem; height: 1.5rem; } .xinwenan h3{ word-break:break-all; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; font-size: 16px; } .xinwenan span{ font-size: 12px; color: #c50000 } .xinwenan p{ font-size: 12px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; color: #8d8d8d; } .red_anniu{ background-color: #a82023 !important; color: white !important; } .coolie{ display: none; } .banquan .kk { margin: .3rem 0; font-size: 3vh; text-align: start; } .banquan .kk h4 { font-size: 0.2rem; text-align: center; } .banquan .kk h4 p { display: inline-block; font-size: 0.2rem; } /*产品详情页*/ .in_detail{margin-top:40px;overflow:hidden;background:url(../img/de_border.png) repeat-y 980px top;margin-bottom: 40px;} .in_detail .de_left { float: left; width: 100%; overflow: hidden; } .in_detail .de_ltop{overflow:hidden;} .in_detail .de_ltimg { float: left; width: 500px; overflow: hidden; height: 434px; } .in_detail .de_ltimg img{width:100%;} .in_detail .de_ltinfo{float:right;width:660px;} .in_detail .de_ltinfo h2 { font-size: 24px; font-weight: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .in_detail .de_ltinfo em{font-style:normal;font-size:32px;font-family:Arial;color:#FB6B03;font-weight:bold;display:block;margin-top:20px;} .in_detail .de_ltinfo span{font-size:14px;color:#88755c;display:block;margin-top:8px;} .in_detail .de_ltinfo h3{font-size:14px;color:#cc0000;font-weight:normal;margin-top:15px;} .in_detail .de_ltinfo p{font-size:13px;color:#645137;line-height:2;margin-top:40px;overflow:hidden;-webkit-line-clamp:6;-moz-line-clamp:6;-o-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;display:-webkit-box;display:-moz-box;display:-o-box;display:box;max-height:151px;} .in_detail .de_ltinfo .order{padding:12px 40px;font-size:16px;color:#fff;background:#cc0000;border-radius:6px;margin-top:40px;cursor:pointer;border: 0;} .in_detail .de_ltinfo button:hover{background:#fe0000;} .in_detail .de_lbottom{margin-top:30px;} .in_detail .de_lbtt{font-size:20px;color:#000;padding:15px 20px 15px 40px;border-bottom:solid 2px #fad3a2;font-weight:normal;background:#fff;position:relative;box-shadow:0 5px 10px #fad3a2;} .in_detail .de_lbtt:after{content:"";position:absolute;width:6px;height:6px;background:#fff;border:solid 2px #cc0000;border-radius:50%;top:50%;margin-top:-5px;left:20px;} .in_detail .de_lbcon { padding: 20px 0; font-size: 14px; line-height: 1.8; color: #3c2606; margin-right: 30px; padding-right: 30px; border-right: solid 1px rgba(0, 0, 0, 0.16); } .in_detail .de_lbcon img{max-width:100% !important;height:auto;display:inline-block;vertical-align:top;} .in_detail .de_right { width: 100%; overflow: hidden; } .in_detail .de_right .de_rtt{position:relative;text-align:center;} .in_detail .de_right .de_rtt span{font-size:16px;color:#fff;font-weight:normal;display:inline-block;background:#cc0000;padding:3px 15px;border-radius:4px;} .in_detail .de_right .de_rtt s{position:absolute;border-bottom:solid 1px #fad3a2;width:100%;top:50%;left:0;z-index:-1;} .in_detail .de_right .de_rcon { overflow: hidden; margin-top: 20px; display: flex; } .in_detail .de_right .de_rcon ul{margin-bottom:-15px;} .in_detail .de_right .de_rcon ul li{margin-bottom:15px;} .in_detail .de_right .de_rcon ul li a{display:block;} .in_detail .de_right .de_rcon ul li a span{display:block;overflow:hidden;position:relative;max-height:278px;} .in_detail .de_right .de_rcon ul li a span img { width: 100%; display: block; } .in_detail .de_right .de_rcon ul li a span em { position: absolute; width: 90%; padding: 5px 5.1%; background: #fff; background: rgb(0 0 0 / 50%); text-align: center; bottom: 0; left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #FB6B03; font-size: 16px; font-style: normal; font-weight: bold; } .in_detail .de_right .de_rcon ul li a h3{color:#3c2606;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;margin-top:10px;} .in_detail .de_right .de_rcon ul li a:hover h3{color:#cc0000;} .in_detail .de_right .de_rcon ul li:last-child a span em{ display: none; } .in_detail .de_right .de_rcon ul li:last-child span { max-height: inherit; } .in_detail .de_right .de_rcon ul li:last-child h3{ color: #3c2606; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; margin-top: 10px; text-align: center; } .in_detail .de_right .de_rcon ul li:last-child span img { width: 100%; display: block; } /*产品详情*/ .in_dshadow{-webkit-box-shadow:0 0 0.04rem rgba(162,162,162,0.75);-moz-box-shadow:0 0.04rem 0.04rem rgba(162,162,162,0.75);-o-box-shadow:0 0.04rem 0.04rem rgba(162,162,162,0.75);box-shadow:0 0.04rem 0.04rem rgba(162,162,162,0.75);border:solid 1px #c5c5c5;} .in_dtl{padding:0.4rem 0.2rem;} .in_dtl .in_dimg{display:block;background:#fafafa;padding:0.25rem;border-radius:0.1rem;overflow:hidden;} .in_dtl .in_dimg img{width:100% !important;border-radius:0.08rem;} .in_dtl .in_dw{padding:0.25rem;background:#fafafa;border-radius:0.1rem;margin-top:0.2rem;} .in_dtl .in_dw h4{font-size:0.28rem;color:#000;font-weight:normal;padding:0.12rem 0;border-bottom:solid 1px #eaeaea;} .in_dtl .in_dw p{color:#888;font-size:0.24rem;border-bottom:solid 1px #eaeaea;padding:0.12rem 0;} .in_dtl .in_dw p:nth-last-of-type(1){border-bottom:none;} .in_dtl .in_dw p em{font-style:normal;color:#333;} .in_dtl .in_dbtn{margin-top:0.2rem;} .in_dtl .in_dbtn span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;padding:0.22rem 0;font-size:0.26rem;color:#fff;background:#931b20;border-radius:0.1rem;cursor:pointer;text-align:center;} .in_dtl .in_dbtn input:active{background-color:#a6120a;} .in_dtl .in_dg{margin-top:0.2rem;padding:0.25rem;background:#fafafa;border-radius:0.1rem;} .in_dtl .in_dg .guest form>textarea{height:2rem !important;} .in_dtl .in_dg .guest form input,.in_dtl .in_dg .guest form textarea{background:none;padding:0.18rem 0.2rem;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;background:#fffcf1;border:solid 1px #d4c7b1;font-size:0.24rem;color:#333;border-radius:0.06rem;margin-bottom:0.2rem;font-family:"微软雅黑";resize:none;} .in_dtl .in_dg .guest form p{overflow:hidden;} .in_dtl .in_dg .guest form img{float:left;height:0.69rem;margin-left:0.2rem;} .in_dtl .in_dg .guest form p input[name="auth_code"]{width:50%;float:left;} .in_dtl .in_dg .guest form .in_dgbtn{display:block;text-align:center;padding:0.18rem 0;background:#cc0000;font-size:0.26rem;border-radius:0.08rem;color:#fff;} .in_dtl .in_detail{margin-top:0.2rem;background:#fafafa;padding:0.25rem;border-radius:0.1rem;} .in_dtl .in_dtab{overflow:hidden;} .in_dtl .in_dtab span{float:left;width:50%;text-align:center;font-size:0.28rem;color:#333;padding:0.14rem 0;font-weight:bold;} .in_dtl .in_dtab span.active{color:#931b20;border-bottom:solid 2px #931b20;} .in_dtl .in_dcon .in_dp{color:#444;font-size:0.24rem;line-height:1.7;padding:0.3rem 0;text-align:justify;} .in_dtl .in_dcon .pro_list{padding:0.3rem 0;} .in_dtl ::-webkit-input-placeholder{color:#999;} .in_dtl :-moz-placeholder{color:#999;} .in_dtl ::-moz-placeholder{color:#999;} .in_dtl :-ms-input-placeholder{color:#999;} img{vertical-align:middle;} .in_dtl .pro_list{padding:0.4rem 0.2rem;} .in_dtl .pro_list ul{margin-bottom:-0.3rem;} .in_dtl .pro_list ul li{margin-bottom:0.3rem;} .in_dtl .pro_list ul li a{display:block;background:#fff;border:solid 1px #FDE2CF;padding:0.25rem;border-radius:0.1rem;} .in_dtl .pro_list ul li a span{display:block;overflow:hidden;border-radius:0.08rem;} .in_dtl .pro_list ul li a span img{width:100% !important;} .in_dtl .pro_list .pro_w{overflow:hidden;} .in_dtl .pro_list .pro_w h4{float:left;width:100%;color:#222;font-size:0.26rem;font-weight:normal;line-height:1.7;overflow:hidden;-webkit-line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;display:-webkit-box;display:-moz-box;display:-o-box;display:box;padding:0.15rem 0 0.08rem;} .in_dtl .pro_list .pro_w p{color:#888;float:left;clear:left;font-size:0.2rem;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .in_dtl .pro_list .pro_w i{float:right;font-size:0.24rem;color:#ea3532;font-style:normal;} /*内页面包屑*/ .title_mbx { background-color: #000000; padding: 2% 5%; font-size: 0.25rem; color: #fff; display: flex; } .title_mbx a { padding-right: 15px; position: relative; color: #FFFFFF; } .title_mbx a::before{ content: '>'; position: absolute; right: 2px; top: 0; } .title_mbx p { color: #797979; }