*{ margin: 0; padding: 0; } ; @font-face { font-family: "PINGFANG REGULAR"; src: url("../fonts/PINGFANG REGULAR.woff2") format("woff2"), url("../fonts/PINGFANG REGULAR.woff") format("woff"), url("../fonts/PINGFANG REGULAR.ttf") format("truetype"), url("../fonts/PINGFANG REGULAR.eot") format("embedded-opentype"), url("../fonts/PINGFANG REGULAR.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "PINGFANG MEDIUM"; src: url("../fonts/PINGFANG MEDIUM.woff2") format("woff2"), url("../fonts/PINGFANG MEDIUM.woff") format("woff"), url("../fonts/PINGFANG MEDIUM.ttf") format("truetype"), url("../fonts/PINGFANG MEDIUM.eot") format("embedded-opentype"), url("../fonts/PINGFANG MEDIUM.svg") format("svg"); font-weight: normal; font-style: normal; } body{ overflow: hidden; font-family: "PINGFANG MEDIUM"; } a{ text-decoration: none; display: inline-block; } li{ list-style: none; } .pro{ position: absolute; } .pre{ position: relative; } .ft14{ font-size: 14px; } .ft15{ font-size: 15px; } .ft16{ font-size: 16px; } .ft17{ font-size: 17px; } .ft18{ font-size: 18px; } .ft20{ font-size: 20px; } .ft22{ font-size: 22px; } .ft24{ font-size: 24px; } .ft28{ font-size: 28px; } .ft32{ font-size: 32px; } .ft36{ font-size: 36px; } .ft40{ font-size: 40px; } .ft44{ font-size: 44px; } .ft48{ font-size: 48px; } .clff{ color:#fff; } .cl33{ color:#333; } .cl66{ color:#666; } .cl99{ color:#999; } .clc0{color:#c01d29} .bac{ background-repeat: no-repeat; background-position: center; background-size: cover; } @font-face { font-family: "BEBAS__"; src: url("../fonts/BEBAS__.woff2") format("woff2"), url("../fonts/BEBAS__.woff") format("woff"), url("../fonts/BEBAS__.ttf") format("truetype"), url("../fonts/BEBAS__.eot") format("embedded-opentype"), url("../fonts/BEBAS__.svg") format("svg"); font-weight: normal; font-style: normal; } /* left-nav.css */ header{ position: fixed; left: 0; top:0; height: 100%; width: 180px; background: #fff; text-align: center; border-right: 1px solid rgba(0,0,0,.3); z-index: 888; } .header-logo{ margin-top: 50px; } .header-logo img{ max-width: 100%; } .header-btn{ width: 48px; height: 48px; border:1px solid #eeeeee; margin: 0 auto; position: absolute; top:50%; left: 50%; margin-left: -25px; transform: translateY(-50%); } .header-btn img{ margin: 0 auto; max-width: 100%; display: block; position: relative; top:50%; transform: translateY(-50%); display: none; transition: all .5s ease; } .header-btn-on{ display: block !important; } .bdsharebuttonbox{ position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); text-align: center; } .bdsharebuttonbox .bds_copy{ width: 22px !important; height: 25px !important; background-image: url(../img/images/fx_05.png); background-size: 22px 25px; background-position: center center !important; padding-left: 0 !important; margin: 0 !important; } .zk-on{ } .nav-zk{ width: calc(100% - 180px); position: fixed; right: 0; top:0; left: 180px; bottom: 0; height: 100%; z-index: 999; display: none; transition: width .5s ease; } .on-add-xg1{ /*     width: calc(100% - 180px); */ } .nav-banner{ position: relative; display: inline-block; vertical-align: top; height: 100%; width: 100%; text-align: left; } .nav-banner ul{ height: 100%; font-size: 0; } .nav-banner ul li{ width: 24.9%; display: inline-block; height: 50%; border-bottom:1px solid rgba(89,89,89); border-right: 1px solid rgba(89,89,89); transition: all .3s linear; cursor: pointer; overflow: hidden; } .nav-banner ul li:nth-child(4n){ border-right: none; } .nav-banner ul li:nth-child(n+5){ border-bottom: none; } .nav-banner ul li:hover{ background: #ac141b; } .nav-num{ font-family: "BEBAS__"; font-size: 15px; right: 10.3%; top:10.3%; line-height: 1; } .nav-logo-img{ bottom: 19.3%; left: 9.4%; transition: all .5s ease; } .nav-logo-img img{ max-width: 100%; } .nav-main-title{ line-height: 1; bottom: 10.2%; left: 9.4%; transition: all .4s ease; } .nav-banner ul li:hover .nav-main-title{ left: -165px; } .nav-banner ul li:hover .nav-logo-img{ bottom: 80.1%; } .nav-list{ width: 90%; left: 50%; transform: translateX(-50%); bottom: -8%; opacity: 0; padding: 0 ; box-sizing: border-box; /* overflow: hidden; */ transition: all .5s ease; } .nav-list a{ width: 49.5%; font-size: 15px; line-height: 1.5; float: left; color:rgba(2555,255,255,.7); margin-bottom: 10px; } .nav-list a:nth-child(2n){ margin-left: 1%; } .nav-list a:hover{ color:#fff; } .nav-banner ul li:hover .nav-list{ bottom: 9%; opacity: 1; } /* 产品页面.css */ .pro-list1{ position: fixed; right: 0; top:0; left: 180px; bottom: 0; height: 100%; } .pro1-all{ width: 100%; height: 100%; display: flex; } .pro1-left232,.pro1-right232{ /* width: 50% !important; */ height: 100%; position: relative; } .pro1-left232{ width: 30% !important; } .pro1-right232{ width: 70% !important; } .pro1-right{ width: 100%; height: 100%; position: relative; } .pro1-left{ /* background: red; */ } .pro1-right{ background: #fff; } .pro1-left-all{ width: 68.39%; height: 74%; margin: 0 auto; top:50%; transform: translateY(-50%); } .pro1-left-title{ padding-bottom: 13px; border-bottom: 2px solid #fff; } .pro1-left-text1{ line-height: 1.4; margin-top: 92px; } .pro1-left-text2{ bottom: 0; line-height: 1.6; } .right-top-list{ right: 2.8%; top:3%; z-index: 997; display: flex; } .right-top-list div{ cursor: pointer; } .rt-tp-ss{ background: url(../img/images/ss1_05.png) left center no-repeat; padding-left: 23px; } .rt-tp-yy{ background: url(../img/images/diqiu_05.png) left center no-repeat; padding-left: 23px; margin-left: 34px; } .rt-tp-dh{ font-family: "BEBAS__"; background: url(../img/images/dianhua_05.png) left center no-repeat; padding-left: 20px; margin-left: 34px; color:#c01d29; } .pro1-rt-all{ width: 100%; height: 80vh; padding:0 16.09%; padding-bottom: 70px; box-sizing: border-box; overflow-y: scroll; margin-top: 10vh; } .pro1-rt-all .hon-list1{ max-height:70vh; } .pro1-tr-img{ width: 100%; overflow: hidden; } .pro1-tr-img .pro1-pro{ width: 100%; transition: all .5s linear; } .news1-aaaa{ overflow: hidden; } .pro1-rt-list{ width: 23%; float: left; margin-right: 2.65%; margin-bottom: 20px; } .pro1-rt-list:nth-child(4n){ margin-right: 0; } .pro1-tr-jia{ text-align: center; background: #282828; width: 40px; height: 40px; /* line-height: 40px; */ bottom: 0; right: 0; transition: all .3s ease; display: flex; align-items: center; justify-content: center; } .pro1-tr-ji img{ max-width: 100%; } .con1-left-all{ width: 50%; height: 100%; position: relative; } .con1-right-all{ width: 50% !important; } .contact1-cclx1-title a{ vertical-align: bottom; margin-left: 10px; transition: all .4s ease; } .contact1-cclx1-title a:hover{ color:#c01f23; } .pro1-rt-title{ /* border-bottom: 1px solid #999; */ margin: 30px 0 8px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .pro1-rt-text{ border-top:1px solid #999; padding-top: 17px; color:#999; line-height: 1.4; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pro1-rt-list:hover .pro1-pro{ transform: scale(1.1); } .pro1-rt-list:hover .pro1-tr-jia{ background: #c01d29; } .pro1-rt-lists{ font-size: 0; overflow: hidden; } .pro1-rt-list:nth-child(2n){ /* margin-left: 8.2%; */ } .pro1-rt-list2{ /* margin-top: 24%; */ } .pro1-rt-lists:nth-child(2+n){ /* margin-top: -60px; */ } .pro1-rt-all::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; padding-right: 20px; } .pro1-rt-all::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #c01d29; } .pro1-rt-all::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED; } /* 产品分类.css */ .cat1-all{ display: block; } .cat1-all{ width: 83.9%; margin: 0 auto; margin-top: 12.7vh; } .cat1-top-all{ display: flex; margin-top: 100px; } .cat1-top-left{ width: 51.36%; margin-top: 35px; } .cat1-top-right{ width: 48.64%; } .cat1-main-all{ padding-bottom: 14px; border-bottom: 2px solid #eee; font-size: 0; } .cat1-lf-title{ line-height: 1.3; } .cat1-lf-text{ line-height: 1.8; margin: 35px 0 0 0; } .cat-zlxz-btn{ margin-top: 10px; transition: all .4s ease; } .cat-zlxz-btn:hover{ color:#c01d29; } .cat1-lf-img img{ max-width: 100%; } .cat1-top-right{ display: flex; } .cat1-rt-list{ width: 47.18%; } .cat1-top-right a:first-child{ margin-right: 6%; } .pro1-tr-jia img{ max-width: 100%; /* position: absolute; top:50%; left: 50%; margin-left: -7px; transform: translateY(-50%); */ } .cat1-bot-list{ width: 22.945%; } .cat1-list1{ position: relative; width: calc(100% - 180px); height: auto; } .cat1-list1 .pro1-all{ height: auto; } .cat1-bot-list:hover .pro1-pro,.cat1-rt-list:hover .pro1-pro{ transform: scale(1.1); } .cat1-bot-list:hover .pro1-tr-jia,.cat1-rt-list:hover .pro1-tr-jia{ background: #c01d29; } .cat1-bot-all{ font-size: 0; margin-top: 35px; } .cat1-bot-list{ margin-right: 2.71%; } .cat1-bot-list:nth-child(4n){ margin-right: 0; } .cat1-main-all a:hover{ color:#c01d29; } .prodetail1-top-left{ width: 550px; height: 550px; overflow: hidden; } .prodetail1-top-left img{ width: 100%; } .swiper-paginationpd1{ left: 50% !important; transform: translateX(-50%) !important; bottom:-35px !important; z-index: 88 !important; } .swiper-paginationpd1 span{ outline: none; width: 7px !important; height: 7px !important; opacity: 1 !important; background: #dddddd !important; border-radius: unset !important; margin-right: 13px !important; } .swiper-paginationpd1 span:last-child{ margin-right: 0 !important; } .swiper-paginationpd1 .swiper-pagination-bullet-active{ background: #c01d29 !important; } .prodet-main-title{ width: 140px; height: 34px; text-align: center; line-height: 34px; background: #eeeeee; } .prodetail1-top-right{ width: 710px; } .prodetail-list1{ width: 100%; display: flex; justify-content: space-between; } .prodet-main-stitle{ color:#ddd; line-height: 1.3; margin: 35px 0 75px 0; } .prodetail1-top-right .bshare-custom,.solde1-list .bshare-custom{ margin-top: 15px; } .prodet-main-text{ line-height: 1.7; } .prodet-main-btn{ font-size: 0; bottom: 0; } .prodet-main-btn div{ width: 200px; height: 45px; text-align: center; line-height: 45px; display: inline-block; } .prodet-btn-sh{ background: #c01d29; } .prodet-btn-sj{ background: #282828; } .prodet-btn-yx{ background: #7d7d7d; } .pro1-top-all{ padding-bottom: 150px; border-bottom: 2px solid #eee; } .prode-list2{ padding-top: 135px; } .prode-list2{ display: flex; justify-content: space-between; } .prod2-right{ /* width: 710px; padding-bottom: 120px; border-bottom: 1px solid #eee; */ } .prod2-text p{ line-height: 1.8; } .right-top-list2{ display: none; } .right-top-list2 .rt-tp-ss,.right-top-list3 .rt-tp-ss{ background: url(../img/images/bsss_05.png) left center no-repeat !important; } .right-top-list2 .rt-tp-yy,.right-top-list3 .rt-tp-yy{ background: url(../img/images/bayy_09.png) left center no-repeat !important; } /* 解决方案 */ .solu1-lb1-title{ line-height: 1.1; } .solu-list1{ /* margin-top: 90px; */ } .solu1-lb1-list{ margin-top: 90px; } .solu1-left{ width: 320px; } .solu1-lb1-on{ color:#fff !important; } .swiper-sd{ cursor: pointer; transition: all .4s ease; } /* .solu1-right{ width: 820px; } */ .solu-list1{ display: flex; } .solu-list2{ padding-left: 8.05%; box-sizing: border-box; } .solu1-all{ height: auto !important; } .solu1-right{ width: 80%; } .swiper-containerso1{ padding-right: 30.75%; overflow: hidden; } .swiper-containerso1 .swiperso1-img{ height:50vh; overflow:hidden; } .swiperso1-img img{ width: 100%; max-height:100%; } .swiper-paginationso1{ width: 71.3%; height: 2px; background: #464646 !important; bottom: -7%; left: 0; } .swiper-paginationso1 .swiper-pagination-progressbar-fill { background: #c01d29 !important; } .solu2-bot-title{ /* font-size: 28px; */ text-align: center; } .solu2-bot-content{ bottom: -4%; } .solu2-bot-title{ } .solu2-bot-num span{ font-family: "BEBAS__"; } .teacher-num1 { line-height: 1; color: #fff; vertical-align: sub; } .teacher1-line{ display: inline-block; vertical-align: sub; } .teacher-num2 { color: #fff; line-height: 1; font-family: "AVANTGARDEMDITCTT"; vertical-align: sub; } .solu2-bot-content{ width: 71.3%; display: flex; justify-content: space-between; align-items: center; line-height: 1.2; } .ag-list-img{ top: 0; left: 0; height: 100%; } .ag-list-img img{ max-width: 100%; height: 100%; } .clc0{ color:#c01f23; } .ag-list1{ margin-top: 90px; display: flex; justify-content: space-between; } .ag1-left div{ line-height: 1.2; font-family:"arial" } .ag1-left div.ag1-left-add{ text-align:left; } .ag1-left div.ft44{ text-align:left !important; } .ag1-left .opiioe{ line-height:1.7; } .cat1-main-all,.ag-list1{ position: relative; z-index: 99; } .ag1-right{ width: 640px; } .ag1-rt-text{ min-height: 450px; padding-bottom: 20px; border-bottom: 1px solid #ddd; } .ag1-rt-text p{ font-size: 16px; color:#333; line-height: 1.7; font-family:"arial" } .ag1-rt-final{ margin-top: 30px; } .ag1-rt-final{ font-size: 0; } .ag1-rt-final div{ display: inline-block; line-height: 1; } .ag1-final-yx{ margin-left: 40px; } .em-list1{ margin-top: 90px; } .ag1-rt-text2{ min-height: unset; padding-bottom: 0; border-bottom: none; } .em-list1 ul li{ width: 100%; background: #f7f7f7; cursor: pointer; } .em1-zp-bg{ transition: all .4s ease; } .em-list1 ul li:nth-child(2n){ background: #fff; } .em-list1 ul li .em1-zp-nav div{ line-height: 1; } .em1-zp-nav{ display: flex; justify-content: space-between; } .em1-zp-xq img{ max-width: 100%; display: none; } .em-list1 ul{ margin-top: 25px; } .em1-zp-nav{ padding: 25px 80px 25px 30px; box-sizing: border-box; } .em1-on{ background: #c01f23 !important; } .em1-on .em1-zp-name{ color:#fff; } .em1-zp-xlnav{ width: 75%; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); padding: 25px 40px; /* display: none; */ /* border-left:3px solid #c01f23; border-right: 3px solid #c01f23; border-bottom: 3px solid #c01f23; */ background: #fff; } .em1-xlnav-content{ display: flex; } .em1-xlnav-left{ margin-right: 10px; } .em1-xlnav-left,.em1-xlnav-right{ width: 50%; } .em1-lf-title{ font-weight: bold; margin-bottom: 20px; } .em1-lf-text p{ line-height: 1.8; } .em1-xlnav-td{ margin: 45px 0 30px 0; } .cl00{ color:#000; } .em1-zp-xlnav a{ width: 160px; height: 45px; background: #c01f23; line-height: 45px; text-align: center; } .em1-zp-xlnav a:hover{ color:#fff; } .em1-all{ /* padding-bottom: 150px; */ } .join-list1{ display: flex; justify-content: space-between; margin-top:87px; /* padding-bottom: 130px; */ /* border-bottom: 2px solid #eeeeee; */ } .join1-img-list{ margin-top: 140px; } .join1-img-list ul{ overflow: hidden; } .join1-img-list ul li:nth-child(2n){ text-align: right; } .join-list1:last-child{ border-bottom: none; } .join-list2{ height: 550px; } .join2-all{ top:50%; transform: translateY(-50%); text-align: center; } .join2-title2{ line-height: 1.1; margin: 10px 0 50px 0; } .join2-all a{ width: 160px; height: 45px; text-align: center; background: #fff; line-height: 45px; } /* 信息中心.css */ .news1-rt-all{ width: 100%; height: 72vh; padding: 0 4%; padding-bottom: 40px; box-sizing: border-box; overflow-y: scroll; } .news1-rt-all::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; padding-right: 20px; } .news1-rt-all::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #c01d29; } .news1-rt-all::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED; } .news1-rt-all2{ width: 100%; padding: 0 4%; box-sizing: border-box; } .swiper-containernew1{ overflow: hidden; margin-top: 90px !important; padding-bottom: 10px; border-bottom:1px solid #ddd; margin-bottom: 100px; } .swiper-containernew1 .swiper-slide{ cursor: pointer; text-align: center; transition: all .4s ease; } .slidenew1-on{ color:#c01f23 !important; } .slidenew1-on span{ opacity: 1 !important; visibility: visible !important; } .swiper-containernew1 .swiper-slide span{ width: 70%; height: 2px; margin: 0 auto; background: #c01f23; display: block; opacity: 0; visibility: hidden; position: relative; top:10px; transition: all .4s ease; } .swiper-containernew1 .swiper-slide:hover { color:#c01f23 !important; } .swiper-containernew1 .swiper-slide:hover span{ opacity: 1 !important; visibility: visible !important; } .news1-rt-all .pro1-rt-lists:first-child{ margin-top: 0; } .news1-rt-all .pro1-rt-title{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.4; margin: 30px 0 16px 0; } .pro1-rt-lists:nth-child(n+2){ /* margin-top: -60px; */ } .news1-lists{ /* overflow-y: scroll; */ } /* 新闻详情 */ .pro1-left-title a:hover{ color:#fff; } .newsde-data{ font-family: "BEBAS__"; background: url(../img/images/rl1.png) left center no-repeat; padding-left: 30px; font-weight: bold; margin-top: 45px; } .bdsharebuttonbox2 a{ width: 28px !important; height: 28px !important; background-size: 28px 28px !important; background-position: center center !important; padding-left: 0 !important; margin: 0 !important; margin-right: 10px !important; } .bdsharebuttonbox2 .bds_fbook{ background: url(../img/images/facebook.jpg) center center no-repeat !important; } .bdsharebuttonbox2 .bds_tqq{ background: url(../img/images/facebook3.jpg) center center no-repeat !important; } .bdsharebuttonbox2 .bds_linkedin{ background: url(../img/images/facebook4.jpg) center center no-repeat !important; } .bdsharebuttonbox2 .bds_mail{ background: url(../img/images/facebook5_01.jpg) center center no-repeat !important; } .bdsharebuttonbox2 .bds_more{ background: url(../img/images/facebook6_03.jpg) center center no-repeat !important; } .bdsharebuttonbox2{ left: 0 !important; transform: translateX(0) !important; bottom: 0 !important; text-align: left !important; } .newsde-fx{ margin-bottom: 10px; } .newsde1-rt-all{ width: 100%; height: 100%; padding-bottom: 180px; box-sizing: border-box; overflow-y: scroll; margin-top: 17.56%; } .newsde-list1{ width: 100%; padding: 0 16.09%; box-sizing: border-box; } .newsde1-span1{ width: 100%; height: 1px; background: #ddd; display: block; } .newsde1-text{ margin-top: 80px; padding-bottom: 165px; } .newsde1-text p{ line-height: 1.3; } .newsde1-rt-all::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; padding-right: 20px; } .newsde1-rt-all::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #c01d29; } .newsde1-rt-all::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED; } .newsde-list2{ padding: 135px 16.09%; } .newsde-list2 p{ font-size: 15px; color:#666; } .newsde-list2 img{ max-width: 100%; } .newsde-list2 a{ margin-top: 140px; } .newsde-list2 a:hover{ color:#c01f23; } .newsde-list3{ padding: 130px 16.09% 60px 16.09%; } .newsde3-img{ overflow: hidden; } .newsde3-img img{ max-width: 100%; transition: all .4s ease; } .newsde3-list a{ display: flex; margin-top: 50px; } .newsde3-title{ line-height: 1.5; } .newsde3-list a:hover img{ transform: scale(1.07); } .newsde3-content{ padding: 25px 8%; box-sizing: border-box; } .newsde3-time{ margin-top: 17px; padding-top: 13px; border-top:1px solid #ddd; } .newsde-all-btn{ transition: all .4s ease; position: absolute; right: 6.9%; top: 8%; } .newsde-all-btn:hover{ color:#c01f23; } /* 联系我们.css */ #container{ width: 100%; height: 100%; } .contact-list1{ line-height: 1; padding-bottom: 27px; border-bottom: 2px solid #dddddd; } .ft30{ font-size: 30px; } .contact-list2{ margin-top: 61px; } .contact2-title{ line-height: 1.3; margin-bottom: 30px; } .contact2-list{ line-height: 1.7; } .contact3-img img{ max-width: 100%; } .contact-list3{ margin-top: 50px; } .contact-list3{ display: flex; } .contact3-content{ width: 78.5%; padding: 0 30px; border:1px solid #eee; box-sizing: border-box; } .contact3-all{ position: relative; top:50%; transform: translateY(-50%); } .contact3-title2{ line-height: 1.3; } .contact4-list1{ padding: 5% 0; width: 20.4%; text-align: center; border:1px solid #eee; } .contact4-list1-img img{ max-width: 100%; } .contact4-list1-title{ margin-top: 4px; } .contact-list4{ display: flex; margin-top: 22px !important; } .contact4-list2{ width: 59.2%; padding: 5% 8.4%; border:1px solid #eee; box-sizing: border-box; } .contact4-list2-title { line-height: 1; margin-bottom: 3%; } .bdsharebuttonbox3{ position: relative !important; } .bdsharebuttonbox3 .bds_fbook{ background: url(../img/images/fx1.png) center center no-repeat !important; } .bdsharebuttonbox3 .bds_tqq{ background: url(../img/images/fx3.png) center center no-repeat !important; } .bdsharebuttonbox3 .bds_linkedin{ background: url(../img/images/fx4.png) center center no-repeat !important; } .bdsharebuttonbox3 .bds_mail{ background: url(../img/images/fx5_01.png) center center no-repeat !important; } .bdsharebuttonbox3 .bds_more{ background: url(../img/images/fx5_03.jpg) center center no-repeat !important; } .bdsharebuttonbox3 a{ margin-right: 2.86% !important; } .bdsharebuttonbox3 a:last-child{ margin-right: 0 !important; } .con1-rt-all{ // overflow-y: unset; } /* 搜索结果.css */ .result-list1{ font-size: 0; width: 100%; margin-top: 100px; padding-bottom: 50px; border-bottom:2px solid #333; } .result1-img{ display: inline-block; vertical-align: top; } .result1-title{ margin-left: 25px; display: inline-block; line-height: 1; } .result-list2{ font-size: 0; } .result-list2 div,.result-list2 a{ display: inline-block; vertical-align: middle; } .result-list2{ margin: 25px 0 70px 0; } .reslult-list3 span{ display: inline-block; line-height: 1; } .result4-nav{ width: 100%; background: #f7f7f7; margin: 30px 0 0 0; } .result4-list{ width: 140px; line-height: 1.1; text-align: center; padding: 25px 0; display: inline-block; transition: all .4s ease; border-bottom: 3px solid transparent; cursor: pointer; } .res4-on{ color:#c01f23 !important; border-bottom: 3px solid #c01f23; } .result4-list:hover{ color:#c01f23 !important; border-bottom: 3px solid #c01f23; } .result4-list span{ width: 1px; height: 18px; background: #ddd; display: inline-block; vertical-align: middle; } .result5-list{ display: flex; justify-content: space-between; } .result5-left{ width: 59.59%; } .result5-list{ padding: 40px 0; border-bottom:1px solid #ddd; } .result5-title { line-height: 1; margin-bottom: 15px; } .result5-text{ line-height: 1.7; } .res1-top-all{ border-bottom: none; } /* 搜索 */ .nav-ss{ position: fixed; right: 0; top:0; left: 180px; bottom: 0; height: 100%; z-index: 998; background: #000; display: none; } .ss1-main-all{ border-bottom: 2px solid #555; } .result-list1 input{ width: 80%; margin-left: 25px; display: inline-block; line-height: 1; border:none; background: transparent; } .result-list1 input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } .result-list2 a:hover{ color:#c01f23 !important; } .ss-list1{ margin-top: 85px; font-size: 0; } .ss1-list{ width: 270px; height: 270px; display: inline-block; margin-right: 2.7%; } .ss1-list:last-child{ margin-right: 0; } .ss1-list-img{ text-align: right; } .ss1-list-1{ background: #c01f23; } .ss1-list-text{ font-size: 12px; line-height: 1.4; left: 0; padding:0 25px; box-sizing: border-box; bottom: 28px; } .ss1-list-2{ background: #434343; } .ss1-list-3{ background: #00479d; } .ss1-list-all{ width: 100%; padding: 40px 25px 0 25px; box-sizing: border-box; height: 100%; } .ss1-list-bot{ margin-top: 40px; } .ss1-list-bots{ line-height: 1.4; } .nav-ss-close img{ max-width: 100%; } .nav-ss-close{ right: 60px; top:60px; cursor: pointer; } /* 公司精英 */ .cream-list1{ display: flex; margin-top:82px; } .cream1-left{ width: 55%; line-height: 1.2; white-space: normal; } .cream1-right{ width: 45%; white-space: normal; } .cream1-right p{ /* line-height: 1.6; */ } .swiper-containercre1 .swiper-slide{ width: 250px !important; } .cream-list2{ margin-top: 110px; } .swiper-containercre1 img{ width: 100%; } .slide-cre1-content{ padding: 20px 0 0 0; } .slide-cre1-title{ line-height: 1.4; } .slide-cre1-text{ white-space: initial; margin-top: 20px; border-top:1px solid #ddd; padding-top: 13px; line-height: 1.4; height: 65px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .cream2-lb{ overflow: hidden; } .cream-list2{ margin-left: 8.05%; box-sizing: border-box; } .cream1-all{ height: auto; } .swiper-containercre1 .swiper-wrapper{ height: auto !important; } .swiper-button-prev1,.swiper-button-next1{ width: 8px !important; height: 10px !important; background-size: 8px 10px !important; opacity:1 !important; bottom: -50px !important; top:unset !important; margin-top: 0 !important; outline: none; } .swiper-button-next1{ background: url(../img/images/cream3.png) center center no-repeat !important; right: unset !important; left: 69px !important; } .swiper-button-prev1{ background: url(../img/images/craem2.png) center center no-repeat !important; left: 0 !important; } .cream-list2 span{ width: 1px; height: 10px; position: absolute; bottom: -50px; left: 39px; background: #8d8d8d; display: block; } .honor-nav{ margin-top: 78px; } .honor-nav div{ transition: color .4s ease; cursor: pointer; } .honor-nav div:hover{ color:#c01f23 !important; } .honor-nav span{ width: 22px; height: 1px; background: #c01f23; display: none; vertical-align: middle; margin-right: 12px; } .honor-on{ color:#c01f23 !important; } .honor-on span{ display: inline-block; } .honor-1{ margin-bottom: 12px; } .hon1-rt-all{ margin-top: 0; padding: 0 7% 50px 7%; } .hon-list1{ overflow: hidden; font-size: 0; } .hon1-list { width: 45.76%; float: left; white-space: normal; /* text-align: center; */ } .hon1-list:nth-child(2n){ margin-left: 8%; } .hon1-list-title,.hon1-list-text{ text-align: left; } .hon1-list-title{ line-height: 1.6; margin: 10px 0 4px 0; min-height: 50px; } .hon1-list2{ margin-left: 8.4%; margin-top: 200px; } .hon-list1:nth-child(n+2){ margin-top: -110px; } .honor-list1{ height:74vh; } /* 企业文化 */ .cul-list1{ width: 100%; height: 82vh; display: flex; justify-content: space-between; } .cul-list1{ padding-top: 4.54vh; box-sizing: border-box; } .cul1-left{ width: 44.52%; max-height:80vh; } .cul1-right{ width: 41.5%; white-space: normal; } .cul1-left-text{ line-height: 1.7; white-space:normal !important; } .cul1-left-list{ margin-top: 50px; padding-bottom: 25px; border-bottom: 1px dashed #666; } .cul1-rt-title{ line-height: 1.3; margin: 50px 0 63px 0; } .cul1-rt-text{ line-height: 1.7; height:40vh; } /* 公司介绍 */ .about-all{ width: 100%; height: 100%; overflow: hidden; min-height: 100vh; font-size: 0; white-space: nowrap; /* margin-left: 181px; */ } #mian-scrollbar { position: fixed; position: static\9; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; } /*header*/ #mian-scrollbar { position: fixed; position: static\9; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; } .scroll-content { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .scrollbar-track { position: absolute; opacity: 1 !important; background: #fff; z-index: 190 !important; transform: scale(1); } .scrollbar-track.show, .scrollbar-track:hover { opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } .scrollbar-track-x { bottom: 0; left: 0; width: 100%; height: 8px; display: none !important; } /* .scrollbar-track-y { top: 0; right: 0; width: 8px; height: 100%; } */ /* .scrollbar-thumb { position: absolute; top: 0; left: 0; width: 8px; height: 8px; background: rgba(0, 0, 0, .5); border-radius: 4px; } */ /* body::-webkit-scrollbar { width: 8px; height: 8px; border-radius: 4px; background: transparent; } body::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .5); border-radius: 4px; } body::-webkit-scrollbar-track { background: none; } */ /* */ .about-list{ height: 100vh; white-space: nowrap; display: inline-block; vertical-align: top; } .about-list1{ width: 900px; /* padding: 0 0 0 180px; */ background: #fff; box-sizing: border-box; } .about1-item{ width: 70%; margin: 0 auto; } .about-list2{ width: 920px; /* background: green; */ } .about-list3{ width: 870px; /* background: blue; */ } .about-list4{ width: 870px; /* background: yellow; */ } .about-list5{ width: 870px; background: #fff; } .about1-item-title{ margin-top: 13vh; border-bottom:2px solid #eee !important; } .about1-item-text{ line-height: 1.2; margin-top: 23.15vh; } .about1-item-text2{ line-height: 1.7; margin-top: 17vh; white-space:normal !important; // text-align:justify; } .welm2-text{ text-align:justify !important; } .rt-tp-dh2{ color:#fff !important; background: url(../img/images/dianhua_07.png) left center no-repeat !important; } .right-top-list3{ display: none; } .about2-text { line-height: 1.6; margin-top: 13.4vh; } .about2-item{ width: 70.6%; margin: 0 auto; white-space: initial; } .about2-item span{ width: 50px; height: 2px; background: #fff; display: block; margin-top: 6vh; } .about2-item-text2{ margin-top: 52.4vh; } .about3-item{ width: 67.8%; margin: 0 auto; } .about3-item-title{ line-height: 1.2; margin-top: 34.5vh; white-space: inherit; } .about3-item-text{ white-space: initial; line-height: 1.7; margin-top: 8vh; } .about3-item-text.hnmb{ width:100% } .about3-item-text.hnmb p{ white-space: normal !important; width:100%; } .about3-item-text.hnmb span{ width:100%; } .about4-item{ width: 100%; height: 50%; } .abou4-lists{ width:75.86%; position: relative; top:50%; left: 0; transform: translateY(-50%); margin: 0 auto; font-size: 0; white-space: initial; } .about4-list{ width: 22.7%; display: inline-block; margin-right: 3%; } .about4-list:last-child{ margin-right: 0; } .about4-list-num span{ font-family: "BEBAS__"; } .about4-list2{ width: 49%; margin-top: 50px; } .about5-item{ width: 66.7%; margin: 0 auto; } .about5-item-title{ line-height: 1.6; margin-top: 12.96vh; } .about5-item span{ width: 50px; height: 2px; // background: #c01f23; display: block; margin-top: 3.33vh; } .about5-text{ line-height: 1.7; margin-top: 32.1vh; } .about5-text p{ width:100%; white-space: normal !important; } .about5-item-title2{ font-weight: bold; line-height: 1.4; margin-top: 7.4vh; } .about5-item-text2{ font-weight: bold; line-height: 1.6; margin-top: 2.3vh; } .about-list6{ width: 870px; height: 100vh; white-space: nowrap; display: inline-block; vertical-align: top; } .about6-item{ width: 100%; height: 100%; } .about6-item-top,.about6-item-bot{ width: 100%; height: 50%; } .about6-item-top img{ width: 100%; height: 100%; } .about6-item-bot{ background: #c01f23; } .about6-bt-content{ width: 67.8%; margin: 0 auto; position: relative; top:50%; transform: translateY(-50%); } .about6-bt-content span{ width: 100%; height: 2px; background: #fff; display: block; margin-top: 1.5vh; } .about6-bt-text{ line-height: 1.2; margin-top: 5vh; } /* 首页.css */ .wel-all-items{ } .wel-all-bot{ width: 100%; height: 100vh; } .swiper-containerwel1 .swiper-slide{ height: 100vh; } .wel-list1{ width: calc(100% - 180px); position: relative; left: 180px; } .wel-list{ height: 100vh; white-space: nowrap; display: inline-block; vertical-align: top; font-size: 0; } .swiperwel1-content{ font-size: 0; position: absolute;; top:50%; transform: translateY(-50%); padding-left: 135px; box-sizing: border-box; } .swiperwel1-title{ line-height: 1.6; display: inline-block; } .swiperwel1-title span{ width: 65px; height: 2px; background: #fff; display: inline-block; vertical-align: middle; margin-left: 15px; } .swiperwel1-title2{ line-height: 1.2; margin: 70px 0; } .swiperwel1-text2 p { line-height: 1.7; } .wel1-section1{ overflow: hidden; width: 100vw; display: inline-block; white-space: nowrap; } .swiper-button-prevwel1,.swiper-button-nextwel1,.swiper-button-prevwel4,.swiper-button-nextwel4{ width: 8px !important; height: 10px !important; background-size: 8px 10px !important; margin-top: 0 !important; opacity: 1 !important; top:unset !important; bottom: 13.1vh !important; outline: none; } /* .swiper-button-prevwel1{ background: url(../img/images/wel2.png) center center no-repeat !important; left: 135px !important; } .swiper-button-nextwel1{ background: url(../img/images/sp1.png) center center no-repeat !important; right: unset !important; left: 210px!important; } */ .wel1-section-1{ width: 1px; height: 10px; background: #666; display: block; position: absolute; bottom: 13vh; left: 178px; z-index: 99; } .wel-list1-all{ width: 100%; height: 100%; display: inline-block; white-space: nowrap; position: relative; left: 0; } .wel1-section2{ width: 100vw; height: 100vh; display: inline-block; white-space: nowrap; } /* #mCSB_1_scrollbar_horizontal{ opacity: 0 !important; } */ .mCSB_draggerContainer{ display: none; } .wel1-sec2-list1{ line-height: 1.7; left: 9.5%; top:13.2%; } .wel1-sec2-list span{ line-height: 1; font-family: "BEBAS__"; vertical-align: sub; } .wel1-sec2-list2{ left: 15.48%; top:36.5%; } .wel1-sec2-list3{ left: 14.4%; bottom: 24.07%; } .wel1-sec2-list4{ left: 23.37%; bottom:37.03%; } .wel1-sec2-list5{ left: 40.49%; top:48.6%; } .wel1-sec2-list6{ bottom: 16.7%; left: 33.69%; } .wel1-sec2-title{ line-height: 1.3; right: 10%; bottom: 31.9%; } .wel1-sec2-text{ line-height: 1.7; width: 450px; white-space: initial; right: 5.5%; bottom: 23.14%; } .wel1-sec2-btn { width: 160px; height: 45px; background: #c01f23; text-align: center; line-height: 45px; bottom: 13.8%; right: 5.5%; z-index: 90; } .wel1-sec2-btn span{ width: 46px; height: 2px; background: #fff; display: block; position: absolute; left: 0; top:50%; margin-left: -23px; transition: all .4s ease; transform: translateY(-50%); } .wel1-sec2-btn:hover{ color:#fff; } .wel1-sec2-btn:hover span{ margin-left: -30px; } .wel-section-img1{ width: 100%; height: 100%; left: 0; top: 0; z-index: 80; animation: we1-sec 60s forwards linear; } /* .wel-section-img2{ top:1% !important; } */ @keyframes we1-sec{ 0%{ left: 0; } 100%{ left: -100px; } } .wel-list-ot{ height: 100vh; white-space: nowrap; display: inline-block; vertical-align: top; transition: width .5s ease; } .wel-listot-1{ width: 730px; } .wel-list-ot-bg{ width: 100%; height: 100%; background: rgba(255,0,0,0); left: 0; top: 0; transition: opacity .5s ease; z-index: 100; } .wel-list-ot:hover{ width:800px; } .wel-list-ot:hover .wel-list-ot-bg{ background: rgba(255,0,0,.5); } .wel-listot-nav{ width: 0; border-top:2px solid #fff; display: flex; justify-content: space-between; margin: 0 auto; position: relative; align-items: center; margin-top: 8.5%; opacity: 0; transition: all .5s ease; z-index: 200; } .wel-list-ot:hover .wel-listot-nav{ width: 78.16% !important; opacity: 1 !important; } .welot1-num{ line-height: 1.1; font-family: "BEBAS__"; } .wel-listot-lb a{ display: block; text-align: right; } .wel-listot-lb{ right:0%; opacity: 0; bottom: 8.25%; z-index: 102; transition: all .4s ease; max-height: 70%; // overflow-y: scroll; } .wel-listot-lb::-webkit-scrollbar { width: 6px; height: 6px; } .wel-listot-lb::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(255,255,255,.7); opacity: 0 !important; } .wel-listot-lb::-webkit-scrollbar-track { border-radius: 0; display: none; background: transparent; } .wel-listot-lb a:hover{ color:#fff; } .wel-list-ot:hover .wel-listot-lb{ right: 11.4%; opacity: 1; } .wel-listot-bt{ width: 180px; white-space: initial; left: 0; top:50%; transform: translateY(-50%); z-index: 102; margin-left: -90px; } .wel-listot-title{ line-height: 1.2; } .wel-listot-bt span{ width: 0; opacity: 0; height: 2px; background: #fff; display: block; position: relative; top: 100%; left: 50%; margin: 25px 0 15px 0; transition: all .5s ease; } .wel-list-ot:hover .wel-listot-bt span{ left: 0%; width: 100%; opacity: 1; } .wel-listot-text{ line-height: 1.6; } .wel1-right{ width: 67.8%; position: absolute; top:12.96%; left: 50%; transform: translateX(-50%); height: auto !important; } /* .wel1-right2 */ .wel-listot-2{ width: 870px; } .wel1-rt-all{ padding: 0; height: auto !important; margin-top: 0 !important; } .wel-list-ot2{ height: 100vh; white-space: nowrap; display: inline-block; vertical-align: top; } .wel3-list1{ margin-top: 12.96vh; } .wel3-list-title{ line-height: 1.2; margin: 7.8vh 0 3.4vh 0; } .wel3-listc1-rq{ line-height: 1.5; font-family: "BEBAS__"; background: url(../img/images/wel12.png) left center no-repeat; padding-left: 28px; display: inline-block; vertical-align: middle; } .wel3-list-content1 a{ vertical-align: middle; margin-left: 45px; } .wel3-list-content2{ display: flex; } .wel3-listc2-item{ width: 39%; padding: 4.5% 10% 5% 3%; box-sizing: border-box; border:1px solid #eee; border-left: none; text-align: right; } .wel3-listc2-title1{ line-height: 1.6; } .wel3-listc2-title2{ line-height: 1.3; } .wel3-listc2-title2:hover{ color:#c01f23 !important; } .wel3-list-content2{ margin: 18.98vh 0 7.8vh 0; } .wel3-listc2-item3 { width: 160px; height: 45px; background: #c01f23; text-align: center; line-height: 45px; } .wel3-listc1-line{ font-size: 0; top:0; left:-22px; } .wel3-listc2-item3:hover{ color:#fff !important; } .wel3-listc1-line span{ width: 22px; height: 2px; display: inline-block; } .wel3-line1{ background: #c01f23; } .wel3-line2{ background: #fff; } .wel4-list1{ width: 67.8%; left: 50%; transform: translateX(-50%); top: 12.96vh; border-bottom: 2px solid #fff; z-index: 100; } .wel4-list-lb{ overflow: hidden; } .wel4-list-lb .swiper-slide{ width: 100%; height: 100vh; } .swiperwel4-title{ width: 67.8%; left: 50%; transform: translateX(-50%); line-height: 1.2; top:26.85vh; } .swiperwel4-list-all{ width: 67.8%; left: 50%; transform: translateX(-50%); bottom:27.7vh; z-index: 100; } .swiperwel4-list-all p{ line-height: 1.5; } .wel4-lb-bk{ width: 200px; height: 100px; background: #fff; bottom: 0; left: 0; z-index: 100; } .swiper-button-prevwel4,.swiper-button-nextwel4{ bottom: 43px !important; z-index: 102 !important; } .swiper-button-prevwel4{ background: url(../img/images/craem2.png) center center no-repeat !important; left: 63px !important; } .swiper-button-nextwel4{ background: url(../img/images/cream3.png) center center no-repeat !important; right: unset !important; left: 130px!important; } .wel4-line1{ width: 1px; height: 10px; display: block; background: #8d8d8d; bottom: 43px !important; left: 100px; z-index: 102; } .wel-last-ly{ position: fixed; right: 4.5%; bottom: 4%; z-index: 105; cursor: pointer; animation: wel-last-dh 2s linear infinite; } .wel-last-ly{ max-width: 100%; } @keyframes wel-last-dh{ 0%{ bottom: 4%; } 50%{ bottom: 5%; } 100%{ bottom: 4%; } } .wel-last-ly2{ position: fixed; right: 0; bottom: 0; z-index: 1100; opacity: 0; transition: all .5s ease; cursor: pointer; } .wel-last-ly2 img{ max-width: 100%; } .wel-last-bgall{ width: 83.53%; margin: 0 auto; margin-top: 55px; font-size: 0; } .wel-bgall-xm{ width: 17.5%; display: inline-block; margin-right: 5%; } .wel-bgall-xm:last-child{ margin-right: 0; } .wel-bgall-xm input{ width: 100%; background: #ba1219; border:none; border-bottom:1px dashed #fff; margin-top: 9px; } .wel-bgall-dh{ width: 23.35%; } .wel-bgall-mid{ margin: 35px 0 30px 0; } .wel-bgall-mid .wel-bgall-ly{ width: 75.9%; vertical-align: top; } .wel-bgall-ly textarea{ width: 100%; background: #ba1219; border:none; border-bottom:1px dashed #fff; display: block; height: 30px; } .wel-bgall2-dh{ display: inline-block; margin-right: 35px; } .wel-bgall-mid2 input{ width: 15px; height: 15px; border:1px solid #fff; background: #fff; display: inline-block; vertical-align: middle; margin-right: 10px; } .wel-bgall2-title{ margin-bottom: 10px; } .wel-bgall-bot{ margin-top: 55px; } .wel-bgall-bot input{ font-size: 14px; color:#ba1219; width: 180px; height: 45px; background: #fff; text-align: center; line-height: 45px; border:none; } .wel-last-lybg{ width: 0; height: 0; background: #ba1219; right: 0; bottom: 0; overflow: hidden; z-index:1000; /* display: none; */ } .lybg-on{ animation: lybg 2s linear forwards; } @keyframes lybg{ 0%{ width: 0; height:60px; } 50%{ width: 820px; height: 60px; } 100%{ width: 820px; height: 500px; } } /* 联系我们,子公司页面 */ .contact-zgs1{ width: 100%; height: 100%; background: #333; position: absolute; right: -100%; top: 0; z-index: 998; overflow: hidden; } .contact-cclx{ width: 100%; height: 100%; background: #333; position: absolute; right:-100%; top: 0; z-index: 998; overflow: hidden; } .zgs1-on{ animation: zgs1 1s linear forwards; } @keyframes zgs1{ 0%{ right: -100%; } 100%{ right:0%; } } .contact4-list1{ cursor: pointer; } .contact1-zgs-close{ right: 50px; top: 50px; cursor: pointer; } .contact1-zgs-close img{ max-width: 100%; } .contact1-zgs-all{ width: 100%; padding: 0 16.1% ; height: 87.1%; left: 50%; transform: translateX(-50%); top:12.9%; box-sizing: border-box; overflow-y: scroll; } .contact1-zgs-lists{ height: 100%; } .contact-list1{ margin-bottom: 60px; } .contact1-zgs-name{ margin-bottom: 35px; } .contact1-zgs-zj{ line-height: 1.8; } .contact1-zgs-img{ margin-top: 70px; } .contact1-zgs-img img{ width: 100%; } .contact1-zgs-list{ margin-bottom: 65px; } .contact1-zgs-all::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; padding-right: 20px; } .contact1-zgs-all::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #c01d29; } .contact1-zgs-all::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED; } .contact1-cclx1-content{ margin-top: 40px; } .contact1-cclx1-content p{ line-height: 1.7; } .contact1-cclx1-content2{ margin-top: 30px; } .contact1-cclx-top2{ margin-top: 60px; } .contact1-cclx-top2{ margin-bottom: 100px; } .solde1-list{ display: flex; } .solde1-list-left,.solde1-list-right{ width: 50%; padding-right: 45px; box-sizing: border-box; } .solde1-list-all{ margin-top: 140px; } .solde1-list-left p{ line-height: 1.3; } .solde1-list-right p{ } .solde1-list-all img{ max-width: 100%; } .solde1-all{ padding-bottom: 80px; } /* 手机导航.css */ .header-all-m{ width: 100%; padding: 15px 0; background: #fff; border-bottom: 1px solid #ddd; } .headerm-lists{ width: 90%; margin: 0 auto; } .headerm-list-left img{ max-width: 100%; } .headerm-lists{ display: flex; justify-content: space-between; align-items: center; } .headerm-list1 img{ max-width: 100%; } .hdm-img2{ display: none; } .hdm-img1{ display: block; } .headerm-list2 img{ width: 20px; height: 20px; } .headerm-list1{ display: inline-block; /* vertical-align: middle; */ } .headerm-list2{ display: inline-block; vertical-align: middle; margin-left:20px; } .header-1024 { display:block; } .list_ul { width: 100%; height: auto; background: #191919; position: absolute; top: 91px; left: 0; z-index: 106; line-height: 2 !important; display: none; } .list_ul li { width: 100%; margin: 0 auto; background: #fff; padding: 0 35px; box-sizing: border-box; } .list_ul li .a1 { text-align: left; border-bottom: 1px solid #e8e8e8; text-decoration: none; font-size: 24px; color: #444; padding: 15px 0; display: flex; justify-content: space-between; align-items: center; } .headerPc-on{ margin-top:-103px !important; } .df-ldc{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.2); left: 0; top: 110px; display: none; transition: all .5s ease; z-index: 105; } .a1 span { width: .2rem; height: .11rem; background: url(../img/images/r6_29.png) center center no-repeat; background-size: .2rem .11rem; transform: rotate(180deg); display: inline-block; transition: all .3s ease; } .mulum { /* padding: 0 .4rem; */ margin: 0 auto; border-bottom: 1px solid #e8e8e8; display: none; } .mulum a { font-size: 20px; color: #444; display: block; padding: .15rem 0.4rem; line-height: 1.5 !important; } .mulum-m .ta1{ display: flex; padding: .15rem 0 .15rem .4rem; justify-content: space-between; } .mulum-m .ta1 span{ width: .2rem; height: .11rem; background: url(../img/images/r6_29.png) center center no-repeat; background-size: .2rem .11rem; transform: rotate(180deg); display: inline-block; transition: all .3s ease; } .mulum-m-all{ display: none; } .mulum-m-all a{ padding: .1rem .6rem; font-size: 16px; color: #444; } .mulum-on{ transform: rotate(360deg) !important; } .header-all-m{ display: none; } /* 加载 */ .load-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 999; } .load-box .picture { position: absolute; width: 194px; height: 60px; top: 50%; left: 50%; margin: -30px 0 0 -97px; } .load-box .load-img { position: absolute; width: 194px; height:60px; top: 50%; left: 50%; margin: -30px 0 0 -97px; background: url(../img/images/jz1.png) no-repeat top left; -webkit-animation: load 2s infinite linear; animation: load 2s infinite linear; } @-webkit-keyframes load { 0% { width: 0; } 100% { width: 194px; } } /* 视频 */ .black{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .6; filter: alpha(opacity=50); z-index: 33; } .video-wrap .video { position: relative; z-index: 66; font-size: 0; width: 100%; margin: 0 auto; } video { width: 100%; height: 100%; } .video-wrap .close { position: absolute; right: 15px; top: 15px; width: 13px; height: 13px; background: url(../img/images/z53_05.png) no-repeat center; text-align: center; line-height: 60px; font-size: 30px; color: #fff; } .video-wrap { width: 49.47%; height: auto; background: rgba(255,255,255,.5); position: fixed; top: 50%; left: 50%; padding: 5%; margin-left: -29.735%; transform: translateY(-50%); z-index: 999; /* display: none; */ } .wel3-list-content1 a:hover{ color:#c01f23; } .header-logo{ width: 142px; height: 35px; } footer{ background: #282828; display: none; } .footer-items-all{ width: 90%; padding: .75rem 0 .85rem 0; margin: 0 auto; } .footer-top{ font-size: 0; display: flex; justify-content: space-between; padding-bottom: .3rem; border-bottom:1px solid #999; } .footer-top a{ font-size: .26rem; color:#999; } .footer-bot-text1,.footer-bot a{ font-size: .26rem; line-height: 1.5; color:#999; } .footer-bot-text1{ margin: .35rem 0 .1rem 0; } /* 首页手机端.css */ .welm1-list{ width: 100%; padding: 200px 0; } .w90{ width: 90%; margin: 0 auto; } .welm1-title span{ width: 100px; height: 2px; background: #fff; display: inline-block; vertical-align: middle; margin-left: 20px; } .welm1-text{ margin: 75px 0; line-height: 1.3; } .welm1-text2{ line-height: 1.5; } .welm2-list{ width: 100%; padding: 80px 0; } .welm2-title{ line-height: 1.5; } .welm2-title span{ font-family: "BEBAS__"; display: inline-block; vertical-align: sub; } .ft46{ font-size: 44px; line-height: 1.2; } .welm2-name{ margin: 400px 0 40px 0; } .welm2-text{ line-height: 1.5; } .welm2-btn{ margin-top: 90px; right: unset; left: 0; } .welm3-list{ height: 900px; } .welm-listot-nav{ width: 100%; border-top: 2px solid #fff; display: flex; justify-content: space-between; margin: 0 auto; position: relative; align-items: center; position: absolute; left: 0; top:85px; padding-top: 30px; transition: all .5s ease; z-index: 200; } .welm-lists{ width: 100%; font-size: 0; position: absolute; left: 0; bottom: 85px; } .welm2-content{ height: 100%; } .welm-lists a{ display: inline-block; width: 37.87%; } .welm-lists a:nth-child(2n){ margin-left: 2%; } .welm4-list{ padding: 100px 0; background: #f7f7f7; } .welm4-top{ font-size: 0; display: flex;justify-content: space-between; align-items: center; border-bottom:1px solid #ddd; padding-bottom: 45px; } .welm4-top div{ display: inline-block; vertical-align: middle; } .welm4-top a{ vertical-align: middle; } .welm4-mid{ background: #fff; margin-top: 65px; box-sizing: border-box; height: 630px; } .welm4-mid-content{ width: 83.3%; height: 100%; padding: 70px 0 0 0; box-sizing: border-box; margin: 0 auto; } .wel4-title{ margin-top: 48px; } .wel4-btn{ width: 100%; border-top:2px solid #ddd; padding-top: 18px; background: url(../img/images/m-6.png) right center no-repeat; bottom: 30px; } .wel4-btn2{ border-top:2px solid #fff; background: url(../img/images/m-8.png) right center no-repeat; } .wel4-title{ line-height: 1.3; } .welm5-text{ margin-top: 100px; } .welm5-text p{line-height: 1.6;} .welm4-bot-m{ width: 23%; background: #fff; border:none; padding:4% 0; } .welm3-listc2-item{ width: 45%; display: inline-block; background: #fff; border:none; } .welm4-bot{ display: flex; justify-content: space-between; } .welm4-bot{ margin-top: 50px; } .welm5-list{ padding: 95px 0; } .welm5-last{ display: flex; justify-content: space-between; } .welm5-list .contact3-img{ width: 21.5%; } .welm5-list .contact3-img img{ max-width: unset; width: 100%; } /* 公司介绍手机端 */ .aboutm-list1{ padding: 90px 0 250px 0; background: #f7f7f7; } .aboutm1-item{ width: 100%; } .aboutm1-item-title{ margin-top: 0 !important; padding-bottom: 25px !important; } .aboutm1-item-text{ margin-top:180px; } .aboutm1-item-text2{ margin-top: 120px; } .aboutm-all-list{ display: none; } .aboutm-list2{ padding: 190px 0; box-sizing: border-box; background: #c01d29; } .ft60{ font-size: 56px; } .aboutm4-list{ width: 31%; margin-right: 2%; } .aboutm4-list .about4-list-num{ line-height: 1.8; } .aboutm4-list:nth-child(3){ margin-right: 0; } .aboutm4-list2{ display: inline-block; } .aboutm-list3{ position: relative; z-index: 105; margin-top:-60px; } .aboutm-list3 img{ width: 100%; } .aboutm5-item{ width: 100%; } .aboutm5-item-title{ margin-top: 0; } .aboutm-list4{ padding: 95px 0 125px 0; } .aboutm5-text{ margin: 70px 0 0 0; } .aboutm5-top-img img{ width: 100%; } .aboutm-list6{ background: #c01d29; padding: 90px 0 180px 0; } .ft36{ font-size: 30px; } .aboutm6-bt-content{ width: 100%; top:0; transform: translateY(0); } .aboutm6-bt-text{ margin-top: 120px; } .swiper-containerres1{ display: none; background: #eee; margin-top: .35rem; } .swiper-containerres1 .swiper-wrapper{ height: auto !important; } .prom1-left-title{ border-bottom: 1px solid #ddd; margin-top: 50px; } .prom1-left-title{ display: none; } .ag1-left{ width: 45%; } .ag1-left .vc-d{ line-height:1.7; } .ag1-right{ width: 55%; padding-left: 2%; box-sizing: border-box; } .pro1-right2{ display: none; } .cat1-bot-all{ font-size: 0; } /* 产品详情表格.css */ .pros-bg-1{ width: 215px; } .pros-bg-2{ width: 175px; line-height: 1.2; } .prod2-right ul{ width: 100%; } .prod2-right ul li{ width: 100%;font-size: 0; white-space: nowrap; } .prod2-right-all{ overflow-x: scroll; padding-bottom:30px !important; } .prod2-right ul li div{ display: inline-block; line-height: 1.2; } /* .prod2-right ul li:first-child{ border-bottom: 1px solid #eee; padding-bottom: 32px; margin-bottom: 15px; } .prod2-right ul li:nth-child(n+2){ padding: 14px 0; } */ .prod2-right-all::-webkit-scrollbar {/*滚动条整体样式*/ width: 100%; /*高宽分别对应横竖滚动条的尺寸*/ height: 10px; padding-right: 20px; } .prod2-right-all::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #c01d29; } .prod2-right-all::-webkit-scrollbar-track {/*滚动条里面轨道*/ /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */ border-radius: 10px; background: transparent; } .prod2-add-ldc{ margin-top: 50px; } .prod2-right222{ border-bottom: none; } .ss1-list img{ max-width: unset; width: 100%; } /* */ .swiper-containerso1 .swiper-wrapper{ height: auto !important; } .swiper-containerso1 .swiper-slide{ height: auto !important; max-width:800px !important } .pro1-left-add1{ width: 30%; height: 100%; } .pro1-right-add1{ width: 70%; } .pro1-right-add1 .pro1-rt-all{ padding: 0 20%; } .pro1-right-add1 a{ width: 45.76%; float: left; /* margin-left: 8%; */ margin-right: 8%; } .pro1-right-add1 a:nth-child(2n){ margin-right: 0 !important; margin-left: 0 !important; } .swiper-containerpd1,.swiper-containerpd1 div{ height: auto !important; } /*修改新增*/ .xg-add-nav{ width: 100%; position: absolute; top:50%; transform: translateY(-50%); } .xg-add-nav a{ display: block; width: 100%; text-align: center; margin: 15px 0; transition: color .4s ease; font-weight: bold; color:#555 !important; } .xg-add-nav a:hover{ color:#c01d29; } #mCSB_1_container{ margin-bottom: 0 !important; } .about-list7{ width: 1350px;; } .about-list9{ width: 1350px; } .ag1-left div{ white-space: normal; } .agxg-list1{ margin-left: 180px; width: 1700px; } .agxg-list2{ width: 1500px; } .agxg-list{ height: 100vh; white-space: nowrap; display: inline-block; vertical-align: top; } .ag1-rt-text{ white-space: normal; } .ldc-add-agency{ display: none; } .agxg-list2{ overflow-y: auto; } .agxg-list3{ width: 1500px; /* overflow-y: scroll; */ } .agxg-list2::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; padding-right: 20px; } .agxg-list2::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #c01d29; } .agxg-list2::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED; } .agxg-list3::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; padding-right: 20px; } .agxg-list3::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #c01d29; } .agxg-list3::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED; } /* .swiper-button-prevwel1{ background: url(../img/images/wel2.png) center center no-repeat !important; left: 320px !important; } .swiper-button-nextwel1{ background: url(../img/images/sp1.png) center center no-repeat !important; right: unset !important; left: 400px!important; } */ .mCSB_buttonLeft{ width: 8px !important; height: 10px !important; background-size: 8px 10px !important; margin-top: 0 !important; opacity: 1 !important; outline: none; left: 135px !important; background-image: url(../img/images/wel2.png) !important; z-index: 999; background-position: center !important; opacity: 1 !important; } .mCSB_buttonRight{ width: 8px !important; height: 10px !important; background-size: 8px 10px !important; margin-top: 0 !important; opacity: 1 !important; outline: none; background-image: url(../img/images/sp1.png) !important; right: unset !important; left: 210px !important; z-index: 999; background-position: center !important; opacity: 1 !important; } .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 13.1vh !important; z-index: 999; } .swiper-button-prevwel1,.swiper-button-nextwel1{ /* position: fixed !important; */ } /* 新 */ .sol-add-ldc1{ font-size: 0; height: 90px; line-height: 90px; } .solu1-left{ margin-top: 90px; } .solu1-tr-lb2 .swiper-wrapper,.solu1-tr-lb2 .swiper-slide,.solu1-right{ height: auto !important; } /* 新 */ .sol-add-ldc1{ font-size: 0; height: 90px; line-height: 90px; } .solu1-left{ margin-top: 90px; } .solu1-tr-lb2 .swiper-wrapper,.solu1-tr-lb2 .swiper-slide,.solu1-right{ height: auto !important; } /* liuyan */ .prode-list2-add{ padding-top: 0 !important; } .ly-title{ color:#000; } .ly-title span{ margin-left: 3px; color:#c01d29; } .ly-item{ width: 49%; display: inline-block; vertical-align: top; margin-bottom: 10px; } .ly-list-all{ font-size: 0; } .ly-item input{ border: 1px solid #d3d8dc; display: block; width: 100%; padding: 13px 10px; box-sizing: border-box; line-height: 1; background: #E4E4E4; font-size: 15px; } .ly-item:nth-child(2n){ /* margin-left: 2%; */ } .ly-textarea textarea { padding: 10px; width: 100%; border: 1px solid #d3d8dc; height: 150px; font-size: 16px; resize: none; background: #E4E4E4; } /* 工程案例 */ .gc-list-all{ font-size: 0; } .gc-list-all img{ width: 100%; transition: all .4s ease; } .gc-img{ overflow: hidden; } .gc-list-all a:hover img{ transform: scale(1.05); } /* 新设计css */ .prodetail1-top-left{ width: 335px; height: 335px; overflow: hidden; } .prodet-main-stitle span{ color:#bf1d21; } .prodet-main-stitle{ color:#333; line-height: 1.3; margin: 15px 0 35px 0; } .prodetail1-top-right{ width: 1020px; } .cat1-top-all{ display: flex; margin-top: 70px; } .pro1-top-all{ padding-bottom: 60px; border-bottom: 2px solid #eee; } .prode-list2{ width: 100%; display: block; padding-top: 40px; justify-content: space-between; } .prod2-left{ font-weight: bold; } .prod2-right{ width: 100%; margin-top: 10px; } .prod2-text p{ display: inline-block; } /* .prod2-right-all ul li div{ width: 20%; } */ .prod2-add-ldc{ margin-top: 0; } .prod2-right-all{ overflow-x: scroll; padding-bottom:10px !important; } .gc-list-all a{ width: 18.8%; display: inline-block; margin-right: 1.5%; } .gc-list-all a:nth-child(5n){ margin-right: 0; } .gc-title{ text-align: center; padding:10px 2px; color:#000; line-height: 1.5; } .prod2-right ul li:nth-child(n+2){ padding: 6px 0; } .ly-item{ width: 32%; display: inline-block; vertical-align: top; margin-bottom: 10px; margin-right: 2%; } .ly-item:nth-child(3n){ margin-right: 0; } .yzm-item input{ width: 165px; padding: 13px 10px; background: #E4E4E4; font-size: 15px; border: 1px solid #d3d8dc; } .ly-textarea{ margin-bottom: 15px; } .yzm-item input::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } .yzm-tj{ width: 200px; height: 40px; text-align: center; line-height: 40px; font-size: 18px; color:#fff; background: #c01d29; border:none; margin: 20px 0 80px 0; } .solu2-add-tab { position:absolute; bottom:8%; } .solu2-add-tab div{ width: 30px !important; height: 30px !important; text-align: center; opacity: 1 !important; outline: none; margin-top: 0 !important; top:0 !important; bottom: 0 !important; background: unset !important; background-image:none !important; } .swiper-button-nextsol2{ right: unset !important; left: 40px !important; } .swiper-button-prevsol2{ transform: rotate(180deg); left: 0 !important; } .solu2-add-tab img{ position: absolute; top:50%; left:50%; margin: -5px 0 0 -4px; } .solu1-add-left2{ display: none; } .solu1-add-left2,.solu1-add-left2 .swiper-slide,.solu1-add-left2 .swiper-wrapper{ height: auto !important; cursor: pointer; } .solu1-add-left2 .swiper-slide.solu1-lb1-on{ color:#fff !important; } .pro-list1{ overflow: hidden; } .solu2-bot-title{ padding: 5px 0; } /* 表格 */ table{ width: 100%; } table th{ font-weight: normal; } .prod2-right-all table th,.prod2-right-all table td{ width: 20%; font-size: 15px; color:#333; } .prod2-right-all table tr{ white-space: nowrap; } .prod2-right ul{ width: 100%; } .prod2-right ul li{ width: 100%;font-size: 0; white-space: nowrap; } .prod2-right-all table th,.prod2-right-all table td{ display: inline-block; line-height: 1.2; } .prod2-right-all table tr:first-child{ border-bottom: 1px solid #eee; } .prod2-right-all table tr:first-child th{ text-align: left; padding-bottom: 15px; margin-bottom: 15px; } .prod2-right-all table tr:nth-child(n+2) td{ padding: 10px 0; } .prod2-right-all table tr:nth-child(n+2) td:first-child{ color:#999; } .nav-add-ckgd{ color:#fff !important; text-align: right; position: absolute; right: 0; bottom: -30px; } .newsde1-text img{ width: 100% !important; height: unset !important; } .list-paddingleft-2 li{ background: transparent !important; } .em1-lf-text p{ white-space: normal !important; } .fg-ldc-1{ width: calc(100% - 180px); position: relative; left: 180px; } .bigimg { width: 600px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: none; z-index: 9999; border: 10px solid #fff; } .mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.5; filter: Alpha(opacity=50); z-index: 950; transition: all 1s; display: none; } .mask>img { position: fixed; right: 10px; top: 10%; width: 60px; } .pro-zlxz-btn{ position: absolute; top: 0; left: 220px; height: 34px; line-height: 34px; } .pro-zlxz-btn:hover{ color:#bf1d21; } .join-list2{ display: none; } .em1-on .cc{ color:#fff; } .mn-ulc{ width: 100%; height: 100%; position: fixed; z-index: 950; background: rgba(0,0,0,.3); top: 0; left: 0; display: none; } .fg-close{ position: absolute; right: 10px; top: 10px; } .em1-main-title{ font-weight: bold; } .about2-item span{ display: none; } .vc-d{ padding-right: 20px; box-sizing: border-box; margin-top: 50px; line-height: 1.6; } .result-list5 a{ display: block; } .wel-listot-2{ overflow: hidden; } .forie{ width: 100%; height: 100%; background:#eaeaea url(../img/tishi.png) center no-repeat; position: fixed; top: 0; left: 0; z-index: 50000; }