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}
}