@charset "utf-8";
:root{--color:#0053a4}
.head-top{background:var(--color)}
#ind{max-width:1920px;width:100%;margin:0 auto;box-sizing:border-box}
#ind .segmentation{box-sizing:border-box;padding:30px 0;background-color:#fff}
.clearfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden}
#ind .clearfix{display:flex}
#ind .item{height:400px;width:33.3%}
#ind li{background-image:none;overflow:hidden}
.clearfix li{position:relative}
.ind li:first-child{background-size:cover}
#ind .ind-img{width:100%;height:100%}
.ind li .ind-img{opacity:1;transition:all .2s linear}
.clearfix .hover{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:all .4s linear}
#ind .ind-img img{max-width:none;width:100%;height:100%;position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);object-fit:cover}
#ind .ind-img .text{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:4% 10%;display:flex;justify-content:center;flex-direction:column;z-index:2}
.ind li .ind-img:after{content:' ';position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.35)}
#ind .ind-img .text em{font-size:50px;color:#fff;display:block;font-weight:700;font-style:italic;text-align:left}
#ind .ind-img .text em{font-size:50px;color:#fff;display:block;font-weight:700;font-style:italic;text-align:left}
#ind li .ind-img .hit-icon{width:50px;height:60px}
#ind li .ind-img .hit-icon>img{max-width:none;width:100%;position:relative;height:100%;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#ind .clearfix .item .hover .img{height:100%}
#ind .clearfix .item .hover img{height:100%;object-fit:cover}
.clearfix .hover .info{position:absolute;top:0;left:0;display:flex;box-sizing:border-box;margin:20px;padding:20px;height:92%;color:#fff;flex-direction:column}
.clearfix .hover .info .top{top:0;left:50%;width:0%;height:1px;transform:translateX(-50%)}
.clearfix .hover .info .wir{position:absolute;display:block;background-color:#fff;transition:all .4s linear;z-index:9}
.clearfix .hover .info .bottom{bottom:0;left:50%;width:0%;height:1px;transform:translateX(-50%)}
.clearfix .hover .info .left{top:50%;left:0;width:1px;height:0%;transform:translateY(-50%)}
.clearfix .hover .info .right{top:50%;right:0;width:1px;height:0%;transform:translateY(-50%)}
.clearfix .hover .info .att{margin-bottom:2%;font-weight:700;font-size:48px}
.clearfix .hover .info .int{display:-webkit-box;overflow:hidden;font-size:20px;-webkit-box-orient:vertical;-webkit-line-clamp:7;z-index:10;line-height:1.5;color:#fff}
.clearfix .hover .info .more-btn{position:absolute;bottom:20px;left:20px;display:flex;background-color:#2e80dd;color:#fff;font-size:18px;align-items:center;justify-content:center;z-index:8;padding:15px 10px}
.clearfix .hover .info .int span{color:#e10a0a;text-shadow:0 0 2px #fff;font-weight:700;font-size:24px}
#ind li:hover{background-image:none}
.ind li:hover .ind-img{opacity:0}
.ind li:hover .ind-img:after{opacity:.9}
.clearfix li:hover .hover{opacity:1}
.clearfix li:hover .hover .info .bottom,.clearfix li:hover .hover .info .top{width:100%}
.clearfix li:hover .hover .info .left,.clearfix li:hover .hover .info .right{height:100%}
.clearfix .hover::after{position:absolute;content:'';width:100%;height:100%;background:#0000005e;top:0;left:0;z-index:1}
@media screen and (max-width:1700px){.clearfix .hover .info .att{font-size:40px}
.clearfix .hover .info .int{font-size:18px}
.clearfix .hover .info .int span{font-size:20px}}
@media screen and (max-width:1400px){.clearfix .hover .info{margin:10px;padding:10px}
.clearfix .hover .info .more-btn{bottom:10px;left:10px}
.clearfix .hover .info .att{font-size:34px}
#ind li{height:300px}
#ind .item{height:auto}
#ind .ind-img{width:100%;height:300px}
#ind .ind-img>img{height:100%}
#ind .ind-img .text em{font-size:38px}
.clearfix .hover .img img{width:100%;height:300px}}
@media screen and (max-width:1024px){#ind .ind-img .text .num{font-size:28px}
#ind .ind-img .text .txt{font-size:24px;margin:10px 0}
#ind li .ind-img .hit-icon{width:35px;height:45px}
.clearfix .hover .info .more-btn{font-size:16px;padding:10px 5px}}
@media screen and (max-width:750px){#ind li{height:auto}
#ind .ind-img{width:100%}
.clearfix .hover .img img{width:100%}
#ind li:nth-child(2) .ind-img img{width:100%!important;height:100%}
#ind .clearfix{flex-wrap:wrap}
#ind .item{width:100%}}
@media screen and (max-width:500px){.clearfix .hover .info .att{font-size:22px}
.clearfix .hover .info .int{font-size:14px}
.clearfix .hover .info .more-btn{bottom:20px;left:20px;width:100px;height:24px;font-size:14px}
.clearfix .hover .info .int span{font-size:16px}
#ind .ind-img .text em{font-size:26px}
#ind .ind-img .text .show{width:26px}
#ind .ind-img{width:100%;height:280px}
#ind li .ind-img .hit-icon{width:40px;height:48px}}
.adv,.about .about-list,.part{display:none}
.news{margin-bottom:50px}
.pro-list{justify-content:space-between}
@media (min-width:769px){.pro .pro-item{width:32%;margin-right:0}}
.pro-name{text-align:center}
.about .about-con .about-title{margin-bottom:20px}
@media (max-width:768px){.about ul li{background-position:15px 5px}}
.pro .pro-img img{width:100%}
.head-logo img{width:300px}
#liinquiry{display:none}
.wmkc-banners .banner-title{display:none}
.banner img+.banner-wrap .banner-title{display:none}
.cate .cate-list{flex-wrap:wrap}
@media (min-width:769px){.cate .cate-item{width:33.33%}}
.cate .cate-img img{width:100%;display:block;opacity:1}
section.cate{padding-top:50px}
section.cate .common-title{margin-bottom:30px}
.cate .cate-item{margin-bottom:30px}
.cate-img{background:none}
.cate-info{position:relative;height:auto}
.cate-info a .cate-name{text-align:center;line-height:1.3;color:#222;font-size:20px;margin:0;padding:10px}
.cate-btn{display:none}
.cate-item:hover .cate-name{opacity:1;color:var(--color)}
@media (max-width:560px){.cate .cate-item{margin-bottom:20px}
.cate-info a .cate-name{font-size:16px}}
@media screen and (max-width: 768px){.mobile-bottom .mobile-bottom-item i {font-size: 22px}
.mobile-bottom .mobile-bottom-item a{font-size: 14px}}
#wmkc{transform:translateY(-50%) scale(1.1)!important;}
#floatwindow_chat_window {transform:scale(1.3);transform-origin:right;}
.floatwindow_chat_box .floatwindow_menu a {color:#fff;}
.mobile-bottom {background:rgb(4,78,155);}
.mobile-bottom .mobile-bottom-item a {color:#fff;}
.mobile-bottom .mobile-bottom-item i {color:#fff;}
.head-contact{justify-content: end;}
.head-contact .header-share-box{display: flex;}
.head-contact .header-share-box>div a{display:block;width:40px;height:40px;color:#fff;margin-left:10px;line-height:40px;text-align:center;}
.head-contact .header-share-box>div a.you{background:#FF0000}
.head-contact .header-share-box>div a.fb{background:#3B5997}
.head-contact .header-share-box>div a em{font-size:22px;}