* { padding: 0; margin: 0; } a { text-decoration: none; } ul li { list-style: none; } body{ overflow-x:hidden; } /* 瀵艰埅 */ .nav { width: 100%; height: 80px; background-color: rgba(33, 33, 45, 0.6); position: fixed; float: left; z-index: 12; } .nav-one { max-width: 1260px; width: 100%; margin: 0 auto; height: auto; } .logo { width: 235px; height: 60px; margin-left: 4px; margin-top: 10px; float: left; background-image: url(../img/logo.png); background-position: center center; background-repeat: no-repeat; } .nav1-nav ul{ overflow: hidden; } .mobile { display: none; } .nav1-nav { width: 100%; padding-left: 300px; box-sizing: border-box } .li1 { margin-left: 3%; text-align: center; line-height: 87px; display: block; float: left; position: relative; } .li2 { text-align: center; line-height: 87px; display: block; float: left; margin-left: 2%; } .li1 i { position: absolute; bottom: 25px; left: 11px; display: block; width: 0; height: 2px; transition: all 0.5s; background-color: #AF2523; } .nav1-nav-a { width: 137%; display: block; font-size: 16px; color: white; } .li1:hover { cursor: pointer; } .li1:hover i { bottom: 25px; left: 11px; width: 100%; } .zhuanhuan { width: 103px; height: 90px; line-height: 90px; float: left; position: relative; } .yingwen { display: block; cursor: pointer; color: white; font-size: 16px; } .zhongwen { display: none; font-size: 16px; margin-top: -176%; position: absolute; top: 240px; left: 38px; width: 100%; } .zhongwen_a { display: block; color: #21212D; background-color: white; width: 57%; height: 23px; line-height: 23px; text-align: center; border-radius: 3px 3px; } .zhuanhuan:hover .zhongwen { display: block; cursor: pointer; } .sanjiao { position: absolute; left: 76%; top: 42%; float: left; width: 65%; height: 20px; background-image: url(../img/sanjiao\ \(2\).png); background-repeat: no-repeat; } .pcbanner { width: 100%; max-height: 800px; } .btn { margin-top: 2%; width: 16%; height: 42px; border: none; color: white; background-color: #AF2523; } .item img{ cursor: pointer; } /* 鎺ㄨ崘浜у搧鍐呭寮 */ .main { width: 100%; background-color: #FFFFFF; } .products { margin: 0 auto; width: 80%; height: auto; padding-top: 3%; padding-bottom: 1%; box-sizing: border-box; } .products i { display: block; width: 6%; border-bottom: 3px solid black; margin: 1% auto; } .products_s1 { display: block; text-align: center; font-size: 17px; } .products_s2 { display: block; text-align: center; font-size: 30px; } .products1 { width: 1200px; height: auto; margin: auto; padding-bottom: 1%; box-sizing: border-box; } .probtn { width: 100%; height: auto; overflow: hidden; margin: 0 auto; /* text-align: center; */ } .btn1 { display: inline-block; width: 270px; height: 40px; margin: 0 10px; margin-bottom: 20px; border: none; background-color: #F0F0F0; color: black; display: inline-block; text-align: center; line-height: 40px; } .pbtn1 { background-color: #AF2523; color: white; } .btn1:hover { background-color: #AF2523; color: white; cursor: pointer; } .prolunbo { margin: 0 auto; width: 60%; height: auto; } .prolunbo_slide{ display: none; } .slide_active{ display: block !important; } .pro2-1 { width: 70%; } .pro2-2 { width: 100%; position: relative; background-color: #FFFFFF; padding-bottom: 140% } .pro2-2 img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .pro2-1 p { background-color: #E0E0E0; text-align: center; line-height: 45px; margin-top: -2px; font-size: 16px; padding: 5px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .pro2-1 p:hover { background-color: #AF2523; color: white; cursor: pointer; } .pro3 { height: auto; padding: 60px 0 0; background-color: #21212D; margin-top: -75px; box-sizing: border-box; } .btn2 { background-color: #F0F0F0; display: block; width: 146px; height: 45px; color: black; font-size: 14px; margin: 3% auto; text-align: center; line-height: 46px; } .btn2:hover { background-color: #AF2523; color: white; cursor: pointer; } /* 杩囨浮鏉 */ .pro4 { width: 1200px; height: 30px; background-color: #292937; margin: 0 auto; } /* 鍏充簬鎴戜滑 */ .guanyu { padding-top: 45px; width: 100%; background-color: #21212D; display: block; margin-top: -1px; padding-bottom: 20px; } .guanyu_phone { display: none; } .guanyu1 { margin: 0 auto; width: 1250px; height: auto; } .guanyu1 pre{ height: auto; } .guanyu1_ag, .guanyu1_ag1 { display: block; color: white; text-align: center; font-size: 18px; /* padding-top: 5%; box-sizing: border-box; */ } .guanyu1_ag1 { font-size: 36px; padding-top: 0%; box-sizing: border-box; } .guanyu1_ag2 { width: 100%; height: auto; display: block; margin-top: 3%; text-align: center; line-height: 32px; color: white; font-size: 16px; font-family: Microsoft YaHei; letter-spacing: 1px; white-space:pre-wrap; } .guanyu1 i { display: block; width: 6%; border-bottom: 3px solid white; margin: 1% auto; } .btn3 { background-color: #F0F0F0; display: block; width: 146px; height: 45px; color: black; font-size: 14px; margin: 3% auto; text-align: center; line-height: 46px; } .btn3:hover { background-color: #AF2523; color: white; cursor: pointer; } /* 瑙嗛鎾斁 */ .video { margin: 0 auto; width: 1250px; /*height: 250px;*/ padding-bottom: 10px; box-sizing: border-box; } .video1 { width: 246px; height: auto; display: inline-block; vertical-align: top; } .video1-1 { width: 103%; height: 120px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/xianyuan.png); } .video2 { width: 120px; height: 120px; border: 1px solid #32323E; background-color: #21212D; border-radius: 50%; margin: 0 auto; position: relative; } .gvideo2 { width: 120px; height: 120px; border: 1px solid #32323E; background-color: #AF2523; border-radius: 50%; margin: 0 auto; position: relative; cursor: pointer; } .video2:hover { background-color: #AF2523; cursor: pointer; } .video2 img, .gvideo2 img { position: absolute; top: 38%; left: 34%; } .video2-2 { width: 20px; height: 20px; border: 1px solid #32323E; border-radius: 50%; margin-top: 50px; } .video1 span { display: block; color: white; font-size: 16px; text-align: center; line-height: 32px; margin: 20px 0; } .yuan { width: 75px; height: auto; margin: 0% auto; padding-bottom: 4%; box-sizing: border-box; display: flex; justify-content: space-around; } .yuan1 { width: 6px; height: 6px; border-radius: 50%; background-color: white; } .yuan1:hover { cursor: pointer; background-color: #AF2523; } /* 鏈€鏂板姩鎬 */ .dongtai { width: 100%; height: auto; } .dongtai1 { margin: 0 auto; width: 80%; height: auto; padding-top: 3%; padding-bottom: 1%; box-sizing: border-box; } .dongtai1 i { display: block; width: 6%; border-bottom: 3px solid black; margin: 1% auto; } .dongtai1_s1 { display: block; text-align: center; font-size: 17px; } .dongtai1_s2 { display: block; text-align: center; font-size: 30px; } .dongtai2 { margin: 0 auto; width: 1250px; height: auto; overflow: hidden; } .dongtai2-1,.dongtai2-2 { width: 23%; height: auto; float: left; margin-left: 25px; } .tu1 { width: 288px; height: 162px; overflow: hidden; } .tu1 img{ width: 100%; } .tu1:hover img{ transition: all 0.4s; transform: scale(1.1, 1.1); } .tu1_s1 { display: block; color: black; font-size: 16px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 2%; } .tu1_s1:hover { color: #AF2523; } .xiaoguo { color: #AF2523; font-size: 14px; margin-top: 10px; } .tu1_s2 { display: block; color: #999; line-height: 24px; font-size: 13px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .dongtai2-1:hover { cursor: pointer; } .btn4 { background-color: #21212D; display: block; width: 146px; height: 45px; color: white; font-size: 14px; margin: 3% auto; text-align: center; line-height: 46px; clear: both; } .btn4:hover { background-color: #AF2523; color: white; cursor: pointer; } /* 搴曢儴 */ .footer { width: 100%; height: auto; margin-top: 40px; background-color: #292929; float: left; } .footer1 { width: 100%; height: 80px; margin: 0 auto; border-bottom: 1px solid rgba(000, 000, 000, 0.3); } .footer1-1 { margin: 0px auto; width: 1250px; height: 80px; /* display: flex; */ } .footer1-2 { width: 20%; height: 80px; background-image: url(../img/dilogo.png); background-repeat: no-repeat; background-position: 11px 28px; float: left; } .footer1-1>p { color: white; font-size: 19px; line-height: 91px; margin-left: -31px; float: left; } .daohang { margin-left: 10px; /* display: flex; */ width: 68%; position: relative; height: 80px; float: left; } .daohang li { margin-left: 49px; line-height: 97px; position: relative; float: left; } .daohang i { position: absolute; bottom: 30px; left: 0px; display: block; width: 0px; height: 2px; transition: all 0.5s; background-color: #AF2523; } .daohang>li:hover { cursor: pointer; } .daohang>li>a { color: white; font-size: 15px; } .daohang li:hover i { width: 65px; } .footer2 { margin: 0 auto; width: 1250px; height: auto; display: block; overflow: hidden; } .footer2-1 { width: 75%; height: auto; float: left; padding-left: 10px; box-sizing: border-box; } .footer2-1 p.lianjie{ margin: 0 !important; } .footer2-1 .lianjie { color: rgb(151, 151, 151); padding-top: 30px; box-sizing: border-box; line-height: 29px; font-size: 15px; font-family:Microsoft YaHei; } .lianjie a { margin-left: 10px; color: rgb(151, 151, 151); } .footer2-1 .lianjie1 a:hover { color: rgb(209, 209, 209); } .footer2-1 .lianjie1{ color: #696969; padding-top: 20px; padding-bottom: 20px; box-sizing: border-box; font-size: 14px; font-family:Microsoft YaHei; } .footer2-1 .lianjie1 a{ color: #696969; margin-right:10px; } .footer2-2 { width: 102px; height: 135px; margin-left: 165px; margin-top: 25px; float: left; } .erweime { width: 102px; height: 102px; background-image: url(../img/erweima.png); } .sys { color: #696969; font-size: 13px; text-align: center; line-height: 30px; font-family:Microsoft YaHei; } .footer3 { width: 100%; height: 50px; background-color: #1B1B1B; float: left; } .footer3-1 { width: 1250px; height: auto; margin: 0 auto; } .footer3-1 span { color: #696969; font-size: 14px; line-height: 50px; padding-left: 10px; box-sizing: border-box; font-family: Microsoft YaHei; } .footer3-1 span a { color: #696969; font-size: 14px; line-height: 50px; font-family:Microsoft YaHei; } .footer3-1 span a:hover { color: rgb(209, 209, 209); cursor: pointer; } .footer3-1_s1 { float: right; font-family:Microsoft YaHei; } /* 鎵嬫満绔殣钘忓唴瀹 */ .mobile { display: none; } .mobile_footer { display: none; } .dongtai2_mobile { display: none; } .mobile-protu{ display: none; } @media screen and (max-width:1650px) { .footer2 { width: 75%; } .mobile { display: none; } .mobile_footer { display: none; } .dongtai2_mobile { display: none; } .mobile-protu{ display: none; } } @media screen and (max-width:1450px) { .footer2 { width: 90%; } .mobile { display: none; } .mobile_footer { display: none; } .dongtai2_mobile { display: none; } .mobile-protu{ display: none; } } @media screen and (max-width:1300px) { .mobile { display: none; } .mobile_footer { display: none; } .dongtai2_mobile { display: none; } .mobile-protu{ display: none; } } @media screen and (max-width:1250px) { .probtn{ white-space: nowrap; } .products1 { width: 1000px; overflow: auto; } .pbtn1 { width: 136px; } .prolunbo { margin: 0 auto; width: 1220px; height: auto; } .pro4 { width: 1095px; } .guanyu1_ag2 { width: 94%; margin: auto; } .video { width: 1000px; overflow: auto; white-space: nowrap; } .tu1 { width: 204px; height: 124px; } .video1-1 { background-size: 100%; } .dongtai2 { width: 1190px; } .footer1-1 { width: 1170px; } .footer3-1 { width: 1180px; } .nav{ display: none; } .mobile { display: block; } .mobile_footer { display: none; } .dongtai2_mobile { display: none; } .mobile-protu{ display: none; } } @media screen and (max-width:1200px) { .nav { display: none; } .guanyu1 { width: 1015px; } .mobile { display: block; } .prolunbo { width: 800px; } .pro2-1 p { line-height: 37px; font-size: 14px; } .guanyu1 { width: 1151px; } .pro4 { width: 1020px; } .daohang li { margin-left: 42px; } .footer { height: auto; } .footer1{ display: none; } .footer1-1>p { margin-left: 0; } .footer1-1 { width: 1120px; } .footer2-2 { margin-left: 7%; margin-top: 4%; } .footer3-1 { width: 1020px; } .mobile_footer { display: none; } .pro4 { width: 920px; } .dongtai2 { width: 900px; } .dongtai2_mobile { display: none; } .mobile-protu{ display: none; } } @media screen and (max-width:1100px) { .guanyu1 { width: 1000px; } .dongtai2 { width: 900px; } .footer1 { display: none; } .footer { height: auto; margin-top: 0; } .footer3-1 { width: 930px; } .mobile_footer { display: none; } .dongtai2_mobile { display: none; } .mobile-protu{ display: none; } } @media screen and (max-width:1000px) { .btn { width: 21%; } .pro2-1>p { line-height: 40px; font-size: 10px; } .guanyu1 { width: 918px; } .guanyu1_ag1 { font-size: 30px; } .dongtai2 { width: 900px; } .footer3-1 { width: 900px; } .pro3 { height: auto; padding: 80px 0 0 0; } .pro4 { width: 700px; } .mobile_footer { display: none; } .dongtai2_mobile { display: none; } .mobile-protu{ display: none; } } @media screen and (max-width:900px) { .guanyu1 { width: 870px; } .dongtai2 { width: 850px; } .footer3-1 { width: 840px; } .footer3-1 span { font-size: 12px; } .footer3-1 { width: 780px; } .pro3 { height: auto; padding: 76px 0 0 0; box-sizing: border-box; } .pro4 { width: 688px; } .mobile_footer { display: none; } .dongtai2_mobile { display: none; } .mobile-protu{ display: none; } } @media screen and (max-width:850px) { .guanyu1 { width: 796px; } .dongtai2 { width: 786px; } .footer3-1 { width: 745px; } .mobile_footer { display: none; } .dongtai2_mobile { display: none; } .mobile-protu{ display: none; } } @media screen and (max-width:800px) { .prolunbo { width: 580px; } .guanyu1 { width: 774px; } .video2 { width: 90px; height: 90px; } .gvideo2 { width: 90px; height: 90px; } .video1-1 { height: 90px; } .video2 video, .video2-1 video { position: absolute; top: 29%; left: 29%; } .video1 span { font-size: 12px; } .dongtai2 { width: 730px; } .footer3-1 { width: 740px; } .pro4 { width: 510px; } .dongtai2 { width: 675px; } .mobile_footer { display: none; } .dongtai2_mobile { display: none; } .mobile-protu{ display: none; } .products1{ display: none; } .video{ display: none; } } @media screen and (max-width:700px) { .btn { width: 20%; font-size: 12px; height: 30px; } .prolunbo { width: 447px; } .pro2-1>p { line-height: 30px; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pro4 { width: 425px; height: 19px; } .products_s1 { font-size: 12px; } .products_s2 { font-size: 24px; } .guanyu1 { width: 675px; } .guanyu1_ag { font-size: 12px; } .guanyu1_ag1 { font-size: 24px; } .guanyu1_ag2 { line-height: 25px; font-size: 12px; } .video1 span { font-size: 12px; } .dongtai1_s1 { font-size: 12px; } .dongtai1_s2 { font-size: 24px; } .dongtai2 { width: 645px; } .footer2 { display: none; } .footer3-1 { display: none; } .footer3 { height: auto; } /* 鎵嬫満绔簳閮 */ .mobile_footer { display: block; } .mobile_footer { color: rgb(151, 151, 151); padding: 18px; box-sizing: border-box; line-height: 21px; font-size: 12px; text-align: center; width: 118%; } .mobile_footer a:hover { color: rgb(209, 209, 209); } .mobile_footer a { margin-left: 5px; color: rgb(151, 151, 151); } .dongtai2_mobile { display: none; } .mobile-protu{ display: none; } } @media screen and (max-width:600px) { .guanyu1 { width: 525px; } .video { width: 500px; } .dongtai2 { width: 560px; } .tu1_s1 { font-size: 12px; } .tu1_s2 { line-height: 19px; font-size: 10px; } .dongtai2_mobile { display: none; } .mobile-protu{ display: none; } } @media screen and (max-width:500px) { .btn { height: 20px; } .guanyu1 { width: 460px; } .video { width: 450px; } .video1 span { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dongtai2 { width: 470px; } .dongtai2_mobile { display: none; } .mobile-protu{ display: none; } } @media screen and (max-width:450px) { .pcbanner { margin-top: 59px; } .pro4 { width: 325px; height: 19px; } .guanyu1 { width: 380px; padding-top: 6%; padding-bottom: 5%; box-sizing: border-box; } .dongtai2 { display: none; } .dongtai2_mobile { display: block; } .dongtai2_mobile { margin: 0 auto; width: 100%; height: 400px; } .dongtai2-1, .dongtai2-2 { width: 44%; float: left; margin: 11px 3%; margin-right: 2%; } .tu1 { width: 100%; height: auto; overflow: hidden; } .tu1 img:hover { transform: scale(1.1, 1.1); } .tu1_s1 { display: block; color: black; font-size: 12px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tu1_s1:hover { color: #AF2523; } .xiaoguo { color: #AF2523; font-size: 14px; margin-top: 10px; } .tu1_s2 { line-height: 18px; font-size: 12px; } .dongtai2-1:hover { cursor: pointer; } .yangshi { font-size: 12px; background-color: #E5E5E5; } .prolunbo{ display: none; } .mobile-protu{ display: block; } .mobile-protu{ width: 100%; height: auto; } .protu{ width: 92%; height: auto; margin: auto; } .protu li { display: inline-block; margin-left: 19px; margin-top: 2%; } .protu li img { width: 160px; height: 165px; } .protu li p { width: 160px; height: 30px; text-align: center; line-height: 30px; overflow: auto; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; color: black; background-color: #F0F0F0; } .btn2 { width: 106px; height: 34px; line-height: 34px; margin: 6% auto; } .btn3 { width: 106px; height: 34px; line-height: 34px; } .btn4 { width: 106px; height: 34px; line-height: 34px; margin: 5% auto; } .products { padding-top: 6%; padding-bottom: 3%; } .guanyu1 i { width: 10%; margin: 3% auto; } .products1 { width: 400px; overflow: auto; } .video { width: 390px; } .guanyu1_ag2 { line-height: 20px; font-size: 12px; } .guanyu1_ag1 { font-size: 24px; padding-top: 1%; } .guanyu1 pre { height: auto; } .dongtai1 { padding-top: 6%; padding-bottom: 1% } .dongtai1_s2 { font-size: 24px; margin-top: 1%; } .dongtai1 i { width: 10%; margin: 3% auto; } .products_s2 { font-size: 24px; margin-top: 1%; } .products i { width: 10%; margin: 3% auto; } /* 鎵嬫満绔疆鎾浘绠ご闅愯棌 */ .jiantou{ display: none; } } @media screen and (max-width:400px) { .products_s2 { font-size: 20px; } .products i { width: 14%; } .products1 { width: 310px; overflow: auto; } .pro4 { width: 279px; height: 19px; } .guanyu1_ag1 { font-size: 20px; } .guanyu1 i { width: 14%; } .guanyu1 { width: 360px; } .video { width: 320px; } .protu li { margin-left: 17px; } .pcbanner { margin-top: 59px; } .protu li img { width: 145px; height: 165px; } .protu li p { width: 145px; height: 25px; text-align: center; line-height: 25px; } } @media screen and (max-width: 360px){ .protu li { margin-left: 13px; } .pcbanner { margin-top: 60px; } } @media screen and (max-width: 350px){ .pcbanner { margin-top: 44px; } .protu li { margin-left: 17px; } .guanyu1 { width: 300px; } .video { width: 310px; } .guanyu1 pre { height: 300px; } .protu li img { width: 130px; height: 140px; } .protu li p { width: 130px; height: 25px; text-align: center; line-height: 17px; padding: 5px; box-sizing: border-box; } .protu li { margin-left: 10px; } }