a { text-decoration: none; } a:hover { text-decoration: none; } .see_more { display: none; margin-right: 1.5%; padding: 0.8%; float: left; position: relative; color: #aaaaab; } .see_more ul { position: absolute; left: -17%; display: none; } .see_more ul li { width: 150%; margin-top: 2%; } .see_more ul li a { color: #aaaaab; text-decoration: none; } .see_more ul li a:hover { color: white; } .see_more .click_more { padding-bottom: 0.5%; } .see_more:hover { cursor: pointer; } .see_more:hover ul { display: block; } .search { float: left; margin-top: 0.7%; position: relative; } .search input { background: rgba(10, 10, 10, 0.1); border: 1px solid #aaaaab; border-radius: 30px; outline: none; height: 26px; } .search img { position: absolute; right: 1%; top: 11%; } .contact_information { float: right; margin-right: 0%; width: 160px; height: 50px; margin-top: 0.8%; display: inline-block; } .contact_information span { margin-left: 20%; } .contact_information span:hover { cursor: pointer; } .clear { clear: all; } .swiper-index .swiper-slide img { width: 100%; } .swiper-index .swiper-pagination-bullet { width: 50px; height: 6px; border-radius: 3px; background-color: #a59ea2; opacity: 1; } .swiper-index .swiper-pagination-bullet-active { background-color: #218cac; } .swiper-index .swiper-button-prev, .swiper-index .swiper-button-next { width: 50px; height: 12px; margin-top: 0; background-size: 50px 12px; } .swiper-index .swiper-button-prev { background-image: ; left: 120px; } .swiper-index .swiper-button-next { background-image: ; right: 120px; } .carousel { height: auto; position: relative; } .carousel .banner_see_more { position: absolute; top: 68%; left: 46%; color: #aaaaab; font-size: 18px; } .carousel .banner_see_more p { border: 1px solid #aaaaab; border-radius: 40px; padding: 8px 30px; cursor: pointer; } .carousel .carousel-inner img { width: 100%; } .carousel-indicators li { display: inline-block; width: 50px; height: 6px; margin: 1px 5px 0px 5px; text-indent: -999px; cursor: pointer; background-color: #a59ea2; border: none; border-radius: 10px; } .carousel-indicators .active { width: 50px; height: 6px; background: #218cac; } .carousel-control span img { padding-top: 130%; width: 50px; } .more_functions { background: #f7f7f7; width: 100%; height: 120px; margin-top: -0.5%; } .more_functions ul { margin-top: 0.5%; } .more_functions ul li { float: left; list-style: none; padding: 1.9%; border-right: 1px solid #ededed; height: 120px; position: relative; cursor: pointer; } .more_functions ul li:first-child { padding: 2% 2% 2% 18.6%; } .more_functions ul li:nth-child(n 3) img { padding-left: 26%; } .more_functions ul li:nth-child(n 3) p { text-align: center; margin-top: 10%; margin-left: -3%; color: #acacac; } .entrance .zx_b { width: 211px; height: 50px; background-image: url(/uploads/image/primages/werwe_03.png); background-position: 0 0; background-repeat: no-repeat; background-size: auto 100%; padding-left: 61px; box-sizing: border-box; } .entrance .zx_b h6 { color: #818181; font-size: 14px; line-height: 14px; padding: 4px 0 6px; } .entrance .zx_b span { color: #818181; font-size: 24px; line-height: 24px; font-weight: bold; } .about_us { width: 100%; height: 848px; background-image: url(/uploads/image/primg/sbanner.png); background-repeat: no-repeat; background-size: 100% 100%; position: relative; } .about_us .about-video { margin-top: 5.4%; height: auto; width: auto; position: relative; padding-left: 19.6%; float: left; } .about_us .about-video img { height: 380px; } .about_us .about-video .v1 { width: 100%; } .about_us .about-video .play { position: absolute; top: 43%; left: 69%; } .about_us .about-video .play img { height: 300%; } .about_us .introduce { margin-top: 3.5%; height: 415px; width: auto; position: relative; padding-left: 5%; float: left; width: 662px; } .about_us .introduce h1 { font-size: 40px; color: #8a8a8a; font-weight: 100; } .about_us .introduce h2 { font-size: 24px; color: #545454; font-weight: 900; } .about_us .introduce p { font-size: 17px; color: #8a8a8a; margin-top: 3%; letter-spacing: 2px; } .about_us .introduce span:last-child { color: #d0312b; border: 1px solid #d0312b; border-radius: 40px; cursor: pointer; padding: 10px 40px; position: absolute; bottom: 0px; } .about_us .consultation { right: 4%; top: 48%; position: fixed; z-index: 1000; } .about_us .consultation ul li { list-style: none; background: #6b6b6b; padding-bottom: 10px; margin-top: 5%; width: 69px; height: auto; } .about_us .consultation ul li img { margin: 30%; margin-bottom: 10%; width: 30px; } .about_us .consultation ul li img:last-child { margin: 30%; margin-bottom: 40%; width: 30px; } .about_us .consultation ul li span { color: white; text-align: center; margin-left: 10%; } .about_us .consultation ul li:hover { background: #ce251f; cursor: pointer; } .about_data { background: #ffffff; height: 140px; width: 100%; } .about_data li { float: left; margin: 0% 5%; text-align: center; list-style: none; width: 100px; } .about_data li .border_p { border-right: 1px solid #e0e0e0; width: 150%; height: 31px; margin-top: 50px; } .about_data li .border_s { border-right: none; width: 150%; height: 31px; margin-top: 50px; } .about_data li p { line-height: 21px; text-align: center; } .about_data li p:first-child { color: #6a6a6a; font-size: 30px; } .about_data li p:last-child { color: #c2c2c2; } .about_data li .border_p:hover { cursor: pointer; } .about_data li .border_p:hover p:last-child { color: black; } .about_data li .border_p:hover p:first-child { color: #ce251f; } .about_data li .border_s:hover { cursor: pointer; } .about_data li .border_s:hover p:last-child { color: black; } .about_data li .border_s:hover p:first-child { color: #ce251f; } @media screen and (max-width: 1750px) { .contact_information { display: none; } } @media screen and (max-width: 1428px) { .about-video { display: none; } .introduce { margin-left: 19%; } .about_data { bottom: 24%; } } @media screen and (max-width: 1254px) { .about-video { display: none; } .introduce { margin-left: 7%; } .about_data { bottom: 24%; } } @media screen and (max-width: 1582px) { .about_data { height: 186px; } } .dib { display: inline-block; vertical-align: top; } .zx_indexchanpin { width: 100%; padding: 87px 0 101px; background-color: #fefbfb; } .product_center { max-width: 1636px; margin: 0 auto; position: relative; } .product_center ul { font-size: 0; padding: 0; } .product_center ul li { display: inline-block; vertical-align: top; width: 25%; height: 770px; position: relative; padding: 90px 50px; box-sizing: border-box; overflow: hidden; } .product_center ul li .bg { width: 100%; height: 100%; } .product_center ul li:hover .bg_img { -webkit-filter: grayscale(0); /* chrome, safari, opera */ filter: grayscale(0); } .product_center ul li:hover .content .text { opacity: 1; } .product_center ul li:hover .content .text .line { transform: rotate(90deg); margin: 20px 0; } .product_center ul li:hover .content .text img { margin-top: 20px; transform: scale(1.1); } .product_center ul li:hover .content .text .more a { border-right: 1px solid #fff; border-left: 1px solid #fff; color: #ce251f; } .product_center ul li .bg_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-filter: grayscale(60%); /* chrome, safari, opera */ filter: grayscale(60%); } .product_center ul li .content { overflow: hidden; width: 100%; height: auto; } .product_center .head { background: transparent; height: auto; position: absolute; top: 78px; left: 84px; } .product_center .head h2 { font-size: 34px; line-height: 34px; color: #fff; font-weight: lighter; margin: 0; padding: 0; } .product_center .head h3 { font-size: 30px; color: #fff; padding-bottom: 17px; } .product_center .head h5 { font-size: 0; } .product_center .head h5 span { display: inline-block; vertical-align: top; width: 94px; height: 31px; text-align: center; line-height: 31px; border: 1px solid #fff; font-size: 16px; color: #fff; } .product_center .head h5 span:nth-child(1) { background-color: #fff; color: #000; } .product_center ul li .content .text { position: absolute; z-index: 0; margin-top: 230px; text-align: center; margin-left: -50px; width: 100%; padding: 0 80px; box-sizing: border-box; transition: all 1s; } .product_center ul li .content .text img { width: 85px; height: 85px; transition: all 1s; } .product_center ul li .content .text h4 { margin-top: 40px; font-size: 24px; color: #fff; } .product_center ul li .content .text .line { display: inline-block; width: 30px; height: 1px; background-color: #fff; transition: all 1s; } .product_center ul li .content .text p { margin-top: 10px; color: #fff; font-size: 14px; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } .product_center ul li .content .text .more { margin-top: 72px; } .product_center ul li .content .text .more a { display: inline-block; vertical-align: top; padding: 12px 32px; border: 1px solid #fff; border-left: none; border-right: none; font-size: 16px; color: #fff; text-decoration: none; transition: all 1s; } .vr_case { width: 100%; height: auto; position: relative; margin-bottom: 94px; margin-top: 80px; } .banxin .case_content_list { float: left; width: 50%; } .banxin .case_content_list:hover .case_cantant3 img { transform: scale(1.2); } .banxin .case_content_list:nth-child(1) .case_cantant3 { float: right; } .banxin .case_content_list:nth-child(2) .case_cantant3 { float: right; } .banxin .case_content_list .case_cantant3 { width: 50%; float: left; height: 200px; overflow: hidden; } .banxin .case_content_list .case_cantant3 img { width: 100%; transition: all 1s; } .banxin .case_content_list .case_cantant { width: 50%; float: left; padding: 20px; height: 200px; box-sizing: border-box; } .banxin .case_content_list .case_cantant .case_cantant0 { font-size: 24px; color: #9d9d9d; } .banxin .case_content_list .case_cantant .case_cantant1 { font-size: 18px; color: #545454; } .banxin .case_content_list .case_cantant .case_cantant2 { font-size: 14px; color: #545454; } .advantage { width: 100%; height: 900px; background: url(/uploads/image/primg/advantage1.jpg) no-repeat; position: relative; background-size: cover; } .advantage .advantage_tittle { padding-top: 159px; } .advantage .advantage_tittle p { text-align: center; } .advantage .advantage_tittle p:first-child { font-size: 40px; font-weight: normal; color: #b5b5b4; } .advantage .advantage_tittle p:nth-child(2) { font-size: 30px; font-weight: normal; color: white; } .advantage .advantage_tittle p:last-child { color: #b5b5b4; } .advantage .advantage1 { width: 100%; text-align: center; margin-top: 97px; } .advantage .advantage1 .advantage1_1 { display: inline-block; vertical-align: top; width: 320px; margin: 0 10px; } .advantage .advantage1 .advantage1_1:hover { cursor: pointer; } .advantage .advantage1 .advantage1_1:hover img { transform: scale(0.9); } .advantage .advantage1 .advantage1_1:hover .advantage1_2 p { opacity: 1; } .advantage .advantage1 .advantage1_1 img { width: 195px; height: 195px; border-radius: 50%; transition: all 1s; } .advantage .advantage1 .advantage1_1 h1 { font-size: 18px; color: #fff; } .advantage .advantage1 .advantage1_1 h3 { font-size: 12px; color: #acacac; } .advantage .advantage1 .advantage1_1 p { opacity: 0; font-size: 12px; color: #fff; line-height: 24px; transition: all 1s; } .case_tittle { width: 100%; } .case_tittle p { width: 100%; text-align: center; } .case_tittle p:first-child { font-size: 40px; font-weight: normal; } .case_tittle p:last-child { font-size: 30px; font-weight: normal; } .case-head-list { margin-bottom: 70px; } .case-head-list .banxin ul { width: 100%; text-align: center; } .case-head-list .banxin ul li { display: inline-block; vertical-align: top; border: 1px solid #f5f5f5; padding: 6px 16px; border-radius: 20px; margin: 0 1%; text-align: center; margin-top: 1%; text-decoration: none; } .case-head-list .banxin ul li a { color: #a7a7a7; outline: none; } .case-head-list .banxin ul li:hover, .case-head-list .banxin ul .on { color: white; background: #ce251f; border-radius: 20px; } .case-head-list .banxin ul li:hover a, .case-head-list .banxin ul .on a { color: #fff; text-decoration: none; } .zx_newbox .zx_newlist { display: none; } .qiye_information { background: white; margin-top: 120px; } .qiye_information .qiye_left { float: left; width: 580px; height: 375px; /* changebox_a1 */ /* ul_change_a1 */ /* ul_change_a2 */ /* changebox_b1 */ } .qiye_information .qiye_left .changebox_a1 { float: left; width: 580px; height: 375px; position: relative; } .qiye_information .qiye_left .changebox_a1 .a_bigimg img { position: absolute; top: 2px; left: 2px; display: none; } .qiye_information .qiye_left .changediv { position: absolute; top: 2px; left: 2px; display: none; } .qiye_information .qiye_left .changediv h3 { position: absolute; left: 0; bottom: 0; width: 580px; height: 55px; line-height: 55px; background: #000; filter: alpha(opacity=70); opacity: 0.7; } .qiye_information .qiye_left .changediv h3 a { display: block; padding-left: 15px; color: #fff; font-size: 16px; } .qiye_information .qiye_left .ul_change_a1 { position: absolute; right: 1px; bottom: 6px; padding-left: 19px; overflow: hidden; } .qiye_information .qiye_left .ul_change_a1 li { float: left; margin-right: 7px; } .qiye_information .qiye_left .ul_change_a1 img { border: 1px solid #ddd; } .qiye_information .qiye_left .ul_change_a1 img.now { border: 1px solid #ff6600; } .qiye_information .qiye_left .a_last, .qiye_information .qiye_left .a_next { position: absolute; top: 10px; width: 16px; height: 16px; background: no-repeat; text-indent: -999em; overflow: hidden; } .qiye_information .qiye_left .a_last { right: 30px; background-position: 0 0; } .qiye_information .qiye_left .a_next { right: 12px; background-position: 100% 0; } .qiye_information .qiye_left .ul_change_a2 { position: absolute; right: 5px; bottom: 7px; padding-left: 19px; overflow: hidden; } .qiye_information .qiye_left .ul_change_a2 li { display: -moz-inline-stack; display: inline-block; *display: inline; *zoom: 1; } .qiye_information .qiye_left .ul_change_a2 span { display: -moz-inline-stack; /* display: inline-block; */ font-size: 0.4rem; padding: 2px 5px; margin-right: 5px; /* border: 1px solid #999; */ filter: alpha(opacity=85); /* opacity: 0.85; */ cursor: pointer; background: #ababab; } .qiye_information .qiye_left .ul_change_a2 span.on { border: 1px solid #cc0000; background: #ce251f; color: #cc0000; } .qiye_information .qiye_left .changebox_b1 { float: left; position: relative; width: 645px; height: 250px; padding-left: 5px; } .qiye_information .qiye_left .changebox_b1 h3 { float: left; position: relative; padding: 0 10px; height: 25px; line-height: 25px; border: 1px solid #ccc; text-align: center; margin-left: -1px; z-index: 0; } .qiye_information .qiye_left .changebox_b1 h3.now { background: #f3f3f3; border: 1px solid #b70000; border-bottom: none; color: #b70000; z-index: 3; } .qiye_information .qiye_left .changebox_b1 h3 a { color: #666; } .qiye_information .qiye_left .changebox_b1 h3 a:hover, .qiye_information .qiye_left .changebox_b1 h3.now a { color: #b70000; } .qiye_information .qiye_left .changebox_b1 div { position: absolute; top: 25px; left: 4px; _left: 3px; width: 500px; height: 150px; background: #f3f3f3; padding: 15px; border: 1px solid #b70000; z-index: 2; } .qiye_information .qiye_middle_all { float: left; width: 575px; margin-left: 47px; } .qiye_information .qiye_middle:nth-child(n 2) { margin-top: 18px; } .qiye_information .qiye_middle { float: left; width: 100%; border-bottom: 1px solid #eeeeee; padding-bottom: 19px; } .qiye_information .qiye_middle:hover { cursor: pointer; } .qiye_information .qiye_middle:hover .qiye_middle_contant .qiye_middle_contant_left { background-color: #b70000; } .qiye_information .qiye_middle .qiye_middle_contant .qiye_middle_contant_right { float: right; width: 78%; } .qiye_information .qiye_middle .qiye_middle_contant .qiye_middle_contant_right p:first-child { color: #282828; font-size: 18px; } .qiye_information .qiye_middle .qiye_middle_contant .qiye_middle_contant_right p:last-child { color: #8a8a8a; font-size: 14px; } .qiye_information .qiye_middle .qiye_middle_contant .qiye_middle_contant_right a { color: #8a8a8a; } .qiye_information .qiye_middle .qiye_middle_contant .qiye_middle_contant_left { height: 90px; width: 80px; background: #c0c0c0; padding-top: 1px; float: left; } .qiye_information .qiye_middle .qiye_middle_contant .qiye_middle_contant_left p { color: #ffffff; } .qiye_information .qiye_middle .qiye_middle_contant .qiye_middle_contant_left p:first-child { font-size: 40px; text-align: center; margin-top: 10px; margin-left: -6%; } .qiye_information .qiye_middle .qiye_middle_contant .qiye_middle_contant_left p:last-child { font-size: 14px; text-align: center; margin-top: -15px; } .qiye { max-width: 1540px; margin: 0 auto 42px; } .qiye .qiye_right { float: right; } .qiye .qiye_right .qiye_right_contant { width: 230px; overflow: hidden; } .qiye .qiye_right .qiye_right_contant p { color: #282828; font-size: 16px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .qiye .qiye_right .qiye_right_contant img { height: 130px; width: 240px; } .qiye .qiye_right .qiye_right_contant:last-child { margin-top: 34px; } .see_more1 { margin: 0 auto 81px; width: 181px; height: 50px; border-radius: 25px; border: 1px solid #d9d9d9; text-align: center; } .see_more1 a { color: #d9d9d9; font-size: 16px; line-height: 50px; } @media (max-width: 1260px) { header .sl-head .sl-sousuo { display: none; } } @media (max-width: 1062px) { header .sl-head .sl-head-list ul { padding: 0; } } @media (max-width: 914px) { header { overflow: hidden; } } @media screen and (max-width: 1434px) { .qiye_right { display: none; } .qiye_middle { width: 158% !important; } .phone_us { margin-top: 48% !important; width: 115% !important; } } @media screen and (min-width: 750px) and (max-width: 1200px) { .advantage_tittle { position: absolute; left: 20%; } .advantage { width: 117%; } .qiye_right { display: none; } .qiye_middle { width: 158% !important; } .phone_us { margin-top: 48% !important; width: 115% !important; } .about_us { width: 117% !important; } .more_functions { width: 117% !important; } .head { width: 117% !important; } .carousel-inner { width: 117% !important; } .carousel-control.right { right: -198px; } .about_us .introduce { padding-left: 13%; } } .phone_us { margin-top: 16.5%; width: 100%; background: rgba(0, 0, 0, 0.7); background-repeat: no-repeat; background-size: 100% 100%; position: relative; height: 392px; padding-top: 105px; } .phone_us p { width: 100%; text-align: center; color: #ffffff; font-size: 30px; } .phone_us p:nth-child(2) { font-size: 14px !important; color: #8c8c8c; } .phone_us input { float: left; background: -webkit-linear-gradient(#98938f, #958f8b); border: 1px solid #a29e9a; margin: 42px 3% 0px 0px; width: 14.5%; padding: 8px 20px; border-radius: 7px; color: #ffffff; } .phone_us input::-webkit-input-placeholder { color: white; } .phone_us button { background: #ce251f; border: 1px solid #ce251f; padding: 8px 40px; margin-top: 42px; border-radius: 7px; color: white; } .phone_us .name_1 { margin-left: 24%; } .shop { width: 100%; height: 720px; } .shop .shop_contant p { text-align: center; } .shop .shop_contant p:first-child { color: #8a8a8a; font-size: 40px; margin-top: 118px; } .shop .shop_contant p:nth-child(2) { color: #535353; font-size: 30px; font-weight: 300; } .shop .shop_contant p:nth-child(3) { color: #a7a7a7; font-size: 12px; margin-top: 34px; } .shop .shop_eg { text-align: center; margin-top: 52px; } .shop .shop_eg .shop_eg_contant { display: inline-block; vertical-align: top; width: 368px; text-align: left; margin: 0 10px; } .shop .shop_eg .shop_eg_contant:hover img { transform: scale(0.9); } .shop .shop_eg .shop_eg_contant img { width: 367px; height: 229px; transition: all 1s; } .shop .shop_eg .shop_eg_contant p:first-child { font-size: 16px; color: #282828; margin-top: 32px; } .shop .shop_eg .shop_eg_contant p:last-child { font-size: 14px; color: #8d8d8d; margin-top: 22px; } .shop button { border: 1px solid #eaeaea; background: none; padding: 10px 35px; border-radius: 10px; margin-top: 60px; margin-left: 47%; color: #afafaf; } .bx { width: 1200px; margin: 0 auto; position: relative; } .about_us .introduce { padding-left: 0; } .about_us .about-video { margin-top: 5.4%; height: auto; width: auto; position: relative; padding-left: 10%; float: left; } .about_us .in_more { width: 100%; text-align: center; position: absolute; bottom: 20px; } .about_us .in_more a { display: inline-block; color: #218cac; border: 1px solid #218cac; border-radius: 40px; cursor: pointer; padding: 10px 40px; margin: 0 auto; } .about_data { background: #ffffff; height: 140px; width: 100%; position: static; } /*xerxeszaki2019-01-22start*/ .zx_jianjie { width: 1200px; margin: 0 auto; padding-bottom: 73px; } .zx_jianjie h2 { color: #8a8a8a; font-size: 40px; line-height: 40px; padding: 82px 0 20px; font-weight: lighter; } .zx_jianjie h3 { color: #535353; font-size: 30px; line-height: 30px; padding-bottom: 7px; } .zx_jianjie .text { width: 660px; float: left; } .zx_jianjie .text p { padding: 35px 0 22px; color: #5b5b5b; font-size: 16px; line-height: 36px; } .zx_jianjie .tu ul { float: left; } .zx_jianjie .tu li { float: left; width: 224px; height: 129px; background-repeat: no-repeat; background-position: center center; margin-right: 15px; } .zx_jianjie .tu .zhuan { float: left; width: 62px; height: 129px; margin-left: 11px; background-color: #218cac; font-size: 0; text-align: center; } .zx_jianjie .zhuan .as { width: 100%; height: 100%; } .zx_jianjie .zhuan h6 { padding-top: 45px; } .zx_jianjie .zhuan span { font-size: 14px; color: #fff; } .zx_jianjie .video { float: right; width: 491px; height: 362px; } .zx_jianjie .video img { width: 100%; height: 100%; } /*企业资讯*/ .zx_newsbox { padding: 64px 0 81px; } .zx_newsbox h2 { color: #8a8a8a; font-size: 40px; line-height: 40px; font-weight: lighter; padding-bottom: 13px; text-align: center; } .zx_newsbox h3 { color: #535353; font-size: 30px; line-height: 30px; padding-bottom: 37px; text-align: center; } .zx_newstab { text-align: center; padding-bottom: 53px; } .zx_newstab li { display: inline-block; width: 89px; height: 26px; border-radius: 13px; border: 1px solid #e6e6e6; margin: 0 12px; color: #8c8c8c; font-size: 14px; line-height: 26px; text-align: center; cursor: pointer; transition: all 0.3s ease-out; } .zx_newstab li:hover, .zx_newstab .on { border-color: #218cac; background-color: #218cac; color: #fff; } .zx_news_box .zx_news_list { display: none; } .zx_newslb { max-width: 1540px; margin: 0 auto; padding-bottom: 42px; } /*左*/ .news_img { width: 77%; float: left; position: relative; } .news_img .dian { position: absolute; bottom: 6%; left: 41%; z-index: 11; } .news_img .dian span { display: inline-block; width: 11px; height: 11px; background-color: #acacac; margin-right: 5px; transition: all 0.3s ease-out; } .news_img .dian span:hover, .news_img .dian .active { background-color: #218cac; } .news_img ul { width: 100%; } .news_img .on { margin-right: 3%; width: 48%; height: 375px; padding: 0; border-bottom: none; } .news_img .on .li_box { position: relative; } .news_img .on .img { width: 100%; height: 100%; display: block; } .news_img .on .time { float: inherit; position: absolute; top: 0; left: 0; background-color: #218cac; } .news_img .on .text { position: absolute; bottom: 0; left: 0; width: 100%; float: inherit; padding: 0 20px; background-color: rgba(0, 0, 0, 0.7); } .news_img .on .text h4 { color: #fff; font-size: 16px; line-height: 55px; } .news_img .on .text p { display: none; } .news_img li { float: left; width: 49%; padding: 22px 0; border-bottom: 1px solid #eeeeee; } .news_img li:hover .time { background-color: #218cac; } .news_img li:nth-child(2) { padding: 0 0 20px; } .li_box { width: 100%; height: 100%; background: none !important; } .li_box .img { display: none; } .li_box .time { width: 86px; height: 86px; background-color: #c0c0c0; transition: all 0.3s ease-out; text-align: center; float: left; } .li_box .time h6 { color: #fff; font-size: 40px; line-height: 40px; padding: 16px 0 6px; font-weight: bold; } .li_box .time span { color: #fff; font-size: 14px; line-height: 14px; } .li_box .text { float: right; width: 83%; } .li_box .text h4 { color: #282828; font-size: 18px; line-height: 18px; padding: 4px 0 9px; } .li_box .text p { color: #8a8a8a; font-size: 14px; line-height: 26px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /*右*/ .news_text_list { float: right; width: 16%; } .news_text_list li { margin-bottom: 34px; } .news_text_list li h5 { color: #282828; font-size: 16px; line-height: 16px; text-align: center; } .news_text_list li .img { width: 100%; height: 132px; margin-bottom: 12px; } .zx_news_more { width: 182px; height: 50px; border: 1px solid #d9d9d9; text-align: center; margin: 0 auto; border-radius: 25px; } .zx_news_more a { display: inline-block; width: 100%; height: 100%; color: #aaaaaa; font-size: 16px; line-height: 50px; } /*xerxeszaki2019-01-22end*/ /*响应*/ @media screen and (max-width: 750px) { .zx_header,.zx_right { display: none; } .zhanwei { height: 1.1rem; } .zx-wap-header { display: block; width: 7.5rem; height: 1.1rem; background-color: #fff; box-shadow: 0 10px 20px rgba(0,0,0,.3); position: fixed; top: 0; left: 0; z-index: 9999; } .zx-wap-header .logo { float: left; height: 1.1rem; line-height: 1.1rem; padding-left: .2rem; font-size: 0; } .zx-wap-header .logo img { width: 2.4rem; display: inline-block; vertical-align: middle; } .zx-wap-header .menu { float: right; height: 1.1rem; line-height: 1.1rem; padding-right: .2rem; font-size: 0; } .zx-wap-header .menu img { width: .7rem; display: inline-block; vertical-align: middle; } .swiper-index .swiper-button-prev, .swiper-index .swiper-button-next { display: none; } .swiper-index .swiper-pagination-bullet { width: .5rem; height: .12rem; } .carousel-control { display: none; } .more_functions { height: auto; margin: 0; } .entrance { overflow: hidden; } .more_functions ul { margin: 0; } .more_functions ul li:first-child { padding: 0 .2rem; line-height: 1.4rem; width: 100%; height: 1.4rem; } .more_functions ul li:first-child img { width: 72%; } .more_functions ul li { padding: .1rem; height: 1.2rem; display: inline-block; float: none; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .entrance .zx_b { width: 2.4rem; height: .6rem; padding-left: .8rem; margin-left: .1rem; } .entrance .zx_b h6 { font-size: .24rem; line-height: 1; padding: .04rem 0 .06rem; } .entrance .zx_b span { font-size: .24rem; line-height: 1; } .more_functions ul li:nth-child(n 3) img { padding-left: 0; height: .5rem; } .more_functions ul li:nth-child(n 3) p { margin: 0; font-size: .24rem; } .about_us { height: auto; padding: 0 0 .3rem; background-image: none; } .zx_jianjie { width: 100%; padding: 0 .2rem .3rem; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .zx_jianjie h2 { font-size: .4rem; line-height: 1; padding: .5rem 0 .2rem; } .zx_jianjie h3 { font-size: .3rem; line-height: 1; padding-bottom: .1rem; } .zx_jianjie .text { width: 100%; float: none; } .zx_jianjie .text p { padding: .3rem 0 .2rem; font-size: .24rem; line-height: 2; } .zx_jianjie .tu ul { margin-bottom: .2rem; } .zx_jianjie .tu li { width: 2.8rem; height: 1.8rem; margin-right: .2rem; } .zx_jianjie .tu .zhuan { width: .9rem; height: 1.8rem; margin-left: .1rem; } .zx_jianjie .zhuan h6 { padding-top: .45rem; } .zx_jianjie .zhuan span { font-size: .24rem; } .zx_jianjie .video { width: 100%; height: 4.2rem; } .bx { width: 100%; padding: 0 .2rem; } .about_data { height: auto; } .about_data li { margin: 0; width: 20%; padding: .2rem 0; } .about_data li .border_p,.about_data li .border_s { width: 100%; height: auto; margin-top: 0; } .about_data li p:first-child { font-size: .28rem; padding-bottom: .1rem; } .about_data li p { font-size: .2rem; line-height: 1.5; } .zx_indexchanpin { padding: 2rem 0 .3rem; } .product_center { padding: 0 .2rem; } .product_center .head { top: -1.8rem; left: .2rem; } .product_center .head h2 { font-size: .34rem; line-height: 1; color: #666; } .product_center .head h3 { font-size: .3rem; color: #666; padding-bottom: .15rem; } .product_center .head h5 span:nth-child(1) { background-color: #999; color: #fff; } .product_center .head h5 span { border-color: #999; color: #999; width: 1.6rem; height: .6rem; line-height: .6rem; font-size: .24rem; } .product_center ul li { width: 100%; height: 4rem; padding: 0; } .product_center ul li .content .text { margin: .2rem 0 0; padding: 0; } .product_center ul li .content .text img { width: 1.2rem; height: 1.2rem; margin-top: .3rem; } .product_center ul li .content .text h4 { font-size: .3rem; line-height: 1.5; margin-top: .3rem; } .product_center ul li .content .text .more { margin-top: .2rem; } .product_center ul li .content .text .more a { font-size: .36rem; padding: .15rem 0; } .zx_newsbox { padding: .5rem 0; } .zx_newsbox h2 { font-size: .4rem; line-height: 1; padding-bottom: .15rem; } .zx_newsbox h3 { font-size: .3rem; line-height: 1; padding-bottom: .4rem; } .zx_newstab { padding-bottom: .5rem; } .zx_newstab li { width: 1.4rem; height: 0.6rem; line-height: 0.6rem; border-radius: 0.3rem; font-size: 0.24rem; margin: 0 0.07rem; } .zx_news_box { padding: 0 .2rem; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .zx_newslb { width: 100%; padding-bottom: .4rem; } .news_img { width: 100%; } .news_img li { float: none; width: 100%; } .news_img .on { width: 100%; margin-right: 0; height: 4.2rem; } .li_box .time { width: 1.1rem; height: 1.1rem; } .li_box .time h6 { font-size: .4rem; line-height: 1; padding: .15rem 0 .06rem; } .li_box .time span { font-size: .24rem; line-height: 1; } .news_img .on .text { padding: 0 .2rem; } .news_img .on .text h4 { font-size: .24rem; line-height: .6rem; padding: 0; } .news_img li:nth-child(2) { padding: .2rem 0; } .news_img li { padding: .2rem 0; } .li_box .text h4 { font-size: .26rem; line-height: 1; padding: 0; margin: .06rem 0 .04rem; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .li_box .text p { font-size: .2rem; line-height: 1.5; } .news_img .dian,.news_text_list { display: none; } .zx_news_more { width: 2.2rem; height: .6rem; border-radius: .3rem; } .zx_news_more a { font-size: .3rem; line-height: .6rem; } .youqing-bg { display: none; } } .menu-box { display: none; } @media screen and (max-width: 750px) { .menu-box { display: none; position: fixed; top: 1.1rem; left: 0; right: 0; width: 100%; z-index: 9998; background-color: #fff; padding: .2rem; box-shadow: 0 0 .3rem rgba(0,0,0,.2); } .menu-box li { border-bottom: 1px solid #999; } .menu-box li a { display: block; font-size: .3rem; line-height: 2.5; text-align: center; letter-spacing: 0.2rem; font-weight: bold; } }