html{color:#343434} /*顶部*/ .head {margin-top:20px;margin-bottom:20px} .logo{max-width:100%} .pc-nav{background:#fff;color:#343434;margin-top:20px;margin-left:30px} .pc-nav .layui-nav-item{line-height:36px} .pc-nav .layui-nav-item a{color:#343434;font-size:16px;padding:0 15px;} .pc-nav .layui-nav-bar, .pc-nav .layui-this:after{height:0;background:#fff} .pc-nav .layui-this a, .pc-nav .layui-nav-item a:hover{background:#02499B;font-weight:bold;color:#fff} .lang {line-height:72px;font-size:16px;text-align:right} .lang a{margin:0 1px} /*首页顶部*/ .i-top{position: relative;margin-bottom: 50px;} .i-head{position: absolute; left: 0; top: 0; width: 100%; z-index: 999} .i-head .pc-nav{background: initial;} .i-head .pc-nav .layui-nav-item a{color:#fff;} .i-head .lang{color:#02499B } .i-head .lang a{color:#02499B} .i-top .swiper-wrapper img {width: 100%;} .i-top .swiper-slide{position: relative;} .i-top .swiper-slide video{position: absolute;width: 100%;left: 0px;top: 50%;transform: translateY(-50%);object-fit: cover;} /*二级菜单*/ .submenu{background:#02499B;border-top:solid 3px #003472} .submenu .layui-nav{background:inherit} .submenu .layui-nav-item a{color:#fff;padding:0 15px} .submenu .layui-nav-bar, .submenu .layui-this:after{background:#003472} /*当前位置*/ .position{margin:20px 0} .position i{margin-right:5px} .position a{margin:0 5px} .subimg{margin-bottom:40px} .subimg img {width:100%} /*首页*/ .i-title{font-size: 28px; text-align: center;} .i-title:after{z-index: 2;content: " ";display: block;padding-top: 14px;border-bottom: 5px solid #02499B;width: 36px;margin: 0 auto 20px auto;} .i-about img{width: 100%;} .i-about h2{margin-left: 45px; position: relative; text-align: left;} .i-about h2:after{margin: 0 0 20px 32px;} .i-about h2 i{position: absolute; top: 0; right: 0; font-size: 30px; color:#02499B } .i-about p{line-height: 24px; margin: 20px 0 20px 45px; font-size: 16px;} .i-about .more{ text-align: right; margin-bottom: 35px; } .i-about .more a{padding: 5px 30px; background: #02499B; color: #fff;} .i-honer{margin-top: 40px;} .i-honer h2{line-height: 32px; height: 32px;font-size: 28px; font-weight: bold; text-align: center;vertical-align:middle; } .i-honer img{margin-right: 10px; height: 30px;vertical-align:middle;} .i-honer p{text-align: center; margin-top: 30px; line-height: 24px; margin-bottom: 20px;} /*推荐*/ .i-rec{padding: 40px 0 25px 0; margin: 30px 0 60px 0; background:url(../images/video-bg.jpg) no-repeat 0px 0px;background-size:cover;} .i-rec h3{font-size: 14px; margin: 18px 0 6px 5px;} .i-rec .swiper-container {margin-top: 40px;width: 100%;} .i-rec .swiper-pagination {bottom: 0;} .i-rec .swiper-slide img{width: 100%;} .i-rec span{margin-left: 5px;font-size: 12px; line-height: 14px;color: #525357} .i-rec span i{margin-right: 3px;font-size: 14px; color: #525357} .i-rec .more{text-align: center;margin: 70px 0 30px 0;} .i-rec .more a{background: #02499B; color: #fff; padding: 10px 60px; font-size: 18px;} .i-rec .swiper-button-prev,.i-rec .swiper-button-next{top: 40%;} .i-rec .rec-video{position: relative; cursor: pointer;} .i-rec .layui-icon-play{position: absolute; top: 45%; left: 47%; z-index: 999; color: #fff; font-size: 30px;} /*百年*/ .i-course{font-size: 16px;} .i-course .img{text-align: center;} .i-course .img img{max-width: 100%;} .i-course .layui-tab{width: 100%;} .i-course .layui-tab-title{border: 0;width: 100%;} .i-course .layui-tab-title li{border-bottom: #B3B3B3 3px solid; margin-left:1%; width: 19.2%; text-align: left; padding: 0; font-size: 16px; font-weight: bold;} .i-course .layui-this{border: 0; color: #02499B;} .i-course .layui-this:after{border: 0;border-bottom: #02499B 6px solid;height: 44px; top: 1px;} .i-course .layui-tab-content{margin-top:20px; line-height: 26px;} /*首页新闻*/ .i-news{margin-top: 40px} .i-news .hot{position: relative;} .i-news .hot img{width: 100%;} .i-news .hot h3{position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; height: 70px; line-height: 70px; background: rgba(8,73,153,.85); color: #fff; font-size: 18px;} .i-news .hot h3 a{color: #fff;} .i-news .sort{margin-top: 30px;} .i-news .sort img{width: 100%;} /*首页联系我们*/ .i-contact{margin-top: 40px; background:url(../images/contact-bg.jpg) no-repeat 0px 0px;background-size:cover;} .i-contact .cdiv{border: 1px solid #D2D2D2;box-shadow:0 0 10px #cecece; width: 500px; height: 240px; margin: 50px auto 90px auto; background: #fff;} .i-contact .cdiv span{display: block; width: 160px; height: 240px; line-height: 240px; float: left; text-align: center; font-size: 70px;} .i-contact .cdiv p{width: 245px;float: left; margin: 32px 0; padding: 35px 27px; border-left: 1px solid #909296;line-height: 36px;font-size: 16px; } .i-contact .sort{ text-align: center; } .i-contact .sort img{max-width: 100%;} .i-contact .sort h4{margin: 20px 0 40px 0} /*置顶新闻*/ .topnews img{width:100%} .tn-img{padding:10px;border:1px solid #8C8C8C;margin-right:30px} .topnews h1{font-size:20px;font-weight:bold;margin-bottom:20px} .topnews i{margin-right:10px} .topnews p{margin-top:20px;line-height:28px;font-size:14px;color:#555555} .topnews p a{color:#034A9C} .topnews p img{display:block;width:39px;margin-top:15px} /*新闻列表*/ .listnews{margin-top:30px} .ln-div{transition:.7s;border:1px solid #f3f3f3;background:#F9F9F9} .ln-div img{width:100%} .listnews .txt{padding:14px 14px 10px 14px;background:#F9F9F9} .ln-div h2{font-size:14px;height:50px;overflow:hidden;font-weight:bold;margin:14px 14px 0 14px} .ln-div span{color:#5A5A5A;padding:0 14px 5px 14px;display:block} .ln-div:hover{background:#00519F;box-shadow:0 0 8px #cecece;transition:all 0.3s} .ln-div:hover a{color:#fff} .ln-div:hover span{color:#fff} /*备件列表*/ .sparepart{margin-top: 0} /*产品列表*/ .listpro{margin-top:-10px} .lp-div{transition:.7s;border:1px solid #fff} .lp-div .img{padding:5px;border:1px solid #D4D2D2;transition:.7s} .lp-div .img img{width:100%} .lp-div h2{font-size:16px;text-align:center;height:20px;overflow:hidden;font-weight:bold;margin:14px 8px 8px 8px} .lp-div .cate{text-align:center;margin:0 8px 8px 8px} .lp-div .arrow{text-align:right;padding:0 8px 8px 8px} .lp-div:hover{background:#00519F;box-shadow:0 0 8px #cecece;transition:all 0.3s;border:1px solid #D4D2D2} .lp-div:hover .img{border:1px solid #00519F;transition:.7s} .lp-div:hover a{color:#fff} .lp-div:hover .cate{color:#fff} /*分页*/ .page{text-align:center;margin:20px 0} .page a:hover {color:#00519F} .page-status{border-radius:2px 0 0 2px} .page-last{border-radius:0 2px 2px 0} .page-status,.page-index,.page-pre,.page-num,.page-next,.page-last{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; padding:0 15px; height:28px; line-height:28px; margin:0 -1px 5px 0; background-color:#fff; color:#333; font-size:12px; border:1px solid #e2e2e2; } .page-num-current{ background-color:#00519F; height:30px; line-height:30px; border-top:none; border-bottom:none; color:#fff; } a.page-num-current:hover{color:#fff} /*右侧*/ .right-top{margin-left:40px} .right-top h3{font-size:18px} .right-top p{margin-top:15px;font-size:16px;font-weight:bold} .right-top input{width:120px;border:1px solid #757575;height:22px;line-height:22px} .right-top button{border:0;background:#fff;margin-left:5px;height:22px;line-height:22px} .right-bottom{margin:100px 0 0 40px;font-size:16px} .right-bottom h3{font-size:18px;margin-bottom:15px} .right-bottom img{max-width:100%;margin:0 auto;display:block} .right-bottom .mob img{margin:13px 0 0 0} /*底部*/ .foot{background:#1D2028;padding:25px 0 20px 0;margin-top:20px;color:#D2D2D0} .foot img{max-width:100%} .foot a{color:#D2D2D0} .foot .cat{margin:15px 0 0 170px} .foot dl{float:left;width:14%} .foot dt{font-size:16px;font-weight:bold;margin-bottom:10px} .foot dd{line-height:25px} .foot .dl4{width:30%} .foot .layui-bg-black{border-top:2px solid #2D2E32;padding:0;background:#000!important} .foot .address {position:relative;padding-left:40px;line-height:30px;color:#746F6C } .foot .address i{position:absolute;left:0;top:0} .foot .copy{color:#746F6C;line-height:30px} .foot .copy a{color:#746F6C} .foot .weixin{text-align:right} .bnfoot{margin-top: 0;} /*新闻详细*/ .new-view .title{font-weight:bold;font-size:20px} .new-view .date{color:#A1A1A1;font-size:14px;margin:20px 0} .new-view .date i{font-size:14px;margin-right:5px} .new-view .date .layui-icon-fire{margin-left:30px} .new-view .detail{font-size:16px;line-height:26px;color:#272727;margin-bottom:30px} .new-view .detail img{max-width:100%} .new-view .next{text-align:right} /*内容多图*/ .client-img{margin-bottom: 40px;} .client-img img{ width: 100%; border: 1px solid #E5E5E5} /*产品详细*/ .pro-view .proimg{padding:5px;border:1px solid #D4D2D2} .pro-view .proimg img{width:100% } .pro-view .sort{margin:170px 0 20px 0} .pro-view .arrow{margin-top:30px} .pro-view .cate{border-bottom:1px solid #D4D2D2;margin:10px 0 30px 0;padding:40px 0 20px 0} .pro-view .cate a{padding:20px 60px} .pro-view .cate a:hover{background:#00519F;color:#fff} .pro-view .ctitle{border-left:solid 10px #757575;padding-left:10px;font-size:16px;font-weight:bold} .pro-view .detail{padding:20px 0 40px 20px;font-size:16px;line-height:26px;color:#272727} .table{width:100%;overflow-x:auto} .table td,.table th{min-width:20px;word-break:keep-all;white-space:nowrap} .table .layui-table td{font-size:16px;color:#272727} .table .layui-table th{font-size:16px;text-align:center;color:#272727} /*环境列表*/ .envlist{padding-bottom:30px} .envlist img{max-width:100%;cursor:pointer} .envlist h2{font-size:14px;text-align:center;line-height:30px;height:30px;overflow:hidden} /*约为高度的0.873,200*0.873 约为175*/ /*.honor-img{display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size: 260px;*font-family:Arial;width:216px;height:298px;} .honor-img img{vertical-align:middle;}*/ .grid img{max-width: 100%;cursor:pointer;text-align:center;} .grid h2{font-size:14px;text-align:center;line-height:20px; margin: 10px 0;} .grid:hover{background:#00519F;box-shadow:0 0 8px #cecece;transition:all 0.3s;color: #fff;} /*百年*/ .bn-topic{font-size: 16px} .bn-topic p{line-height: 26px; text-indent: 2em;margin: 10px 0;} .bn-topic img{max-width: 100%;} .bn-topic h2{font-size: 14px;margin-top: 5px; text-align: center;} .bn-top{text-align: center; margin:50px 30px;} .bn-top img{max-width: 100%;} .bn-title{background: url(../images/bn-tbg.png) no-repeat 0px 0px; text-align: center;color: #fff; font-size: 20px; font-weight: bold; height: 68px; line-height: 86px; padding: 0;margin:0;} .bn-img{text-align: center; margin: 10px 0;} .bn-txt1{line-height: 30px; margin: 60px 60px 0 30px!important;} .bn-img2{margin-top: 110px;} .bn-img3{margin-top: 18px;} .bn-img4{padding: 30px 40px} .bn-txt2{padding-top: 160px} /*招聘*/ .j-top{background: #00519F; color: #fff; text-align: center;} .j-txt{color: #939496} .j-all{line-height: 24px} .j-show{text-align: center; cursor: pointer;} .j-show .layui-icon{border: 1px solid #AEAEAE; color: #AEAEAE; border-radius: 100%; padding: 1px;} /*手机菜单*/ .mobile-icon{margin-left: 10px;} .mob-nav{ width: 100%; background:#02499B;} .mob-nav li {text-align:center} .mob-nav .layui-nav-item{line-height: 36px;} .mob-nav .layui-nav-item a{color: #fff; line-height: 36px; height: 36px;} /*未来工厂*/ .factory{ background: url(../images/factory-bg.jpg?v=2022011001) no-repeat 0px 0px; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; padding-top: 130px; margin-bottom: -30px; font-size: 16px; } .factory-main { background: #fff; box-shadow:0 0 12px rgb(221,221,221); } .factory h1 { font-size: 32px; text-align: center; padding-top: 40px; font-weight: bold; } .factory-company { background: url(../images/factory-about-bg.jpg?v=2022011001) no-repeat 0px 0px; color: #fff; padding: 35px 45px; margin: 30px 40px; line-height: 38px; } .factory-company .com1 { font-size: 18px; font-weight: bold; } .factory-company .com1 font{ font-size: 16px; font-weight: normal!important; } .factory-company .com2 { padding-left: 90px; } .factory h2 { width: 200px; margin: 50px 0 30px 0; font-size: 24px; font-weight: bold; color: rgb(31,107,193); } .factory h2::before { content: ""; margin-top: 5px; margin-left: 40px; width: 15px; height: 25px; float: left; border-left: 5px solid rgb(12,130,230); } .factory h4 { font-size: 22px; color: rgb(36,36,36); border-left: 13px solid rgb(195,172,106); padding-left: 25px; } /**.factory h2::before { content: ""; margin-top: 5px; width: 30px; height: 25px; float: left; } .factory h2::after { content: ""; margin-top: 5px; width: 30px; height: 25px; float: right; background: url(../images/factory-title.png) no-repeat 0px 0px; }*/ .factory-about { border: 1px solid rgb(31,107,193); padding: 35px 45px; margin: 30px 40px; line-height: 30px; } .factory h3 { font-size: 24px; font-weight: bold; color: rgb(31,107,193); padding-left: 50px; background: url(../images/factory-titlebg.png) no-repeat 0px 0px; } .factory .remake { margin: 30px 40px; } .factory .remake1 { background-position: 0 3px; } .factory .remakep { line-height: 30px; padding-left: 44px; margin: 20px 0; } .factory .remake img { display: block; margin: 30px auto; max-width: 100%; } .factory .remake2 { background-position: 0 -37px; } .factory .remake3 { background-position: 0 -80px; } .factory .xmimg { display: block; margin: 10px auto 40px auto; max-width: 100%; } .factory .build { margin: 30px 40px; } .factory .build img { display: block; margin: 30px auto; max-width: 100%; } .factory .buildp { line-height: 30px; padding-left: 44px; margin: 20px 0; } .factory .build1 { background-position: 0 -129px; } .factory .build2 { background-position: 0 -181px; } .factory .build3 { background-position: 0 -225px; } .factory .build4 { background-position: 0 -181px; } .factory .build5 { background-position: 0 -264px; } .factory .policy { background: rgb(237,240,245); padding: 30px 0 90px 40px; line-height: 60px; font-size: 18px; } .factory .policy1 { line-height: 35px; background-position: 0 -308px; } .factory .policy ul { margin-top: 20px; } .factory .policy span { font-size: 18px; margin-right: 16px; margin-left: 34px; } .factory .policy a { text-decoration: underline!important; } .factory .videos { float: right; color: #fff; font-weight: normal; background: rgb(31,107,193); padding: 5px 10px; font-size: 18px; } .factory .videos:hover { background: rgba(31,107,193,.75); } .factory .glonline { position: relative; } .factory .glonline a{ position: absolute; z-index: 99; right: 0; top: 0; color: #fff; font-weight: normal; background: rgb(31,107,193); padding: 5px 10px; font-size: 18px; } .factory .glonline a:hover{ background: rgba(31,107,193,.75); } .quota { margin: 80px 0 0 100px; padding-bottom: 20px; } .quota-icon { color: rgb(31,107,193); font-size: 40px; padding: 20px; line-height: 60px; } .quota .num { font-size: 30px!important; } .quota .txt { color: rgb(139,143,146); } .quotaa { margin-left: 5px; font-size: 12px; padding: 5px 4px; color: rgb(31,107,193); background: rgb(237,240,245); } @media only screen and (max-width:992px) { .logom{max-width:100%} .head{margin-top:10px;margin-bottom:0} .lang{line-height:60px} .submenu .layui-nav{white-space:nowrap !important;overflow:auto !important} .subimg{margin-bottom:20px} .tn-img{margin-right:inherit} /*首页*/ .i-about h2,.i-about p{margin-left: 0} .i-about h2{margin-top: 10px;} .i-about .more{margin-bottom: 20px;} .topnews h1{margin-top:10px} .ln-div h2{height:40px;line-height:20px} .position{margin:10px 0} .topnews h1{margin-bottom:10px} .topnews p{margin-top:5px} .topnews p img{display:initial;margin-top:0;margin-left:10px} /*首页推荐*/ .i-rec{padding: 20px 0 20px 0;} .i-rec .more{margin: 30px 0 10px 0;} .i-news .hot h3{ height: 28px; line-height: 28px; font-size: 16px; } /*百年*/ .i-course .layui-tab-title li{width: initial;} /*首页新闻*/ .i-news .sort{margin-top: 10px;} /*首页联系*/ .i-contact .cdiv{width: 100%; height: auto; margin: 25px auto 30px auto;} .i-contact .cdiv span{width: 33%; height: auto; line-height: initial; font-size: 66px;margin-top: 50px;} .i-contact .cdiv p{width: 62%;margin: 16px 0; padding: 15px 0px 15px 15px;line-height: 36px;font-size: 16px; } /*右侧*/ .right-top{margin-left:0} .right-top input{width:90%} .right-bottom{margin:20px 0 10px 0} .right-bottom .mob{text-align:center;padding-top:0} .right-bottom .mob img{margin:10px auto 0 auto} .foot .layui-bg-black{display:none} .new-view .next{text-align:left;margin:10px 0 30px 0} .pro-view .sort{margin:5px 0 15px 0} .pro-view .arrow{margin-top:15px} .pro-view .cate{padding-top:10px} .pro-view .cate a{padding:10px 30px} /*.honor-img{*font-size:209px;width: 100%; height: 240px; overflow: hidden;}*/ /*百年*/ .bn-title{text-align: right; padding-right: 10px; font-size: 16px;} .bn-txt1{line-height: 24px; margin: 10px 0!important;} .bn-img2{margin-top: initial;} .bn-img3{margin-top: initial;} .bn-img4{padding: initial} .bn-txt2{padding-top: initial} }