@charset "utf-8";

.banner{position: relative; padding: 0;}

.about-item video{max-height: 389px; object-fit: cover; -o-object-fit: cover;}
.smallwrap>p{margin-top: 16px; line-height: 15px; font-size: 12px; color: #555; text-align: justify;}

.equipment-item, .partners-item{background-color: #fff;}

/*选项卡*/
.tab-nav{max-width: 100%; height: 67px; border-top: 1px solid #0759a2;}
.tab-nav li{float: left; width: 33.33%; height: 38px; line-height: 38px; position: relative; background-color: #f2f2f2; font-size: 12px;}
.tab-nav li span{position: relative; display: inline-block; padding-left: 20px; z-index: 10;}
.tab-nav li span::before{display: block; content: ""; width: 16px; height: 16px; position: absolute; top: 11px; left: 0;}
.tab-nav li span.sb1::before{background: url(../images/sy-icon.png) 0 0 no-repeat;}
.tab-nav li span.sb2::before{background: url(../images/sy-icon.png) 0 -20px no-repeat;}
.tab-nav li span.sb3::before{background: url(../images/sy-icon.png) 0 -41px no-repeat;}
.tab-nav .taben li span{max-width: 86%; line-height: 16px; margin: 3px auto;}

@media screen and (min-width:600px){ 
.tab-nav li span::before{top: 0;}
}


.tab-nav li.on{height: 46px; background-color: #0759a2; box-shadow: 0 8px 18px rgba(0, 33, 63, 0.2); -moz-box-shadow: 0 8px 18px rgba(0, 33, 63, 0.2); -webkit-box-shadow: 0 8px 18px rgba(0, 33, 63, 0.2);}
.tab-nav li.on::after{display: block; content: ""; width: 0; height: 0; position: absolute; bottom: -4px; left: 50%; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 4px solid #0759a2; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0);}
.tab-nav li.on span{color: #fff;}
.tab-nav li.on span.sb1::before{background: url(../images/sy-icon.png) -29px 0 no-repeat;}
.tab-nav li.on span.sb2::before{background: url(../images/sy-icon.png) -29px -20px no-repeat;}
.tab-nav li.on span.sb3::before{background: url(../images/sy-icon.png) -29px -41px no-repeat;}
.tab-content{position: relative; overflow: hidden;}
.tab-content .tab-box{}
/* .tab-content .tab-box:first-child{ display: block;} */
.tab-content .tab-box>div{position: relative; padding-bottom: 27px;}
.tab-content .tab-box>div .swiper-button-prev, .tab-content .tab-box>div .swiper-button-next{width: 21px; height: 49px; margin-top: -41px;}
.tab-content .tab-box>div .swiper-button-prev::after, .tab-content .tab-box>div .swiper-button-next::after{visibility: hidden;}
.tab-content .tab-box>div .swiper-button-prev{background: url(../images/sy-icon.png) 0 -62px no-repeat; left: 0;}
.tab-content .tab-box>div .swiper-button-next{background: url(../images/sy-icon.png) -24px -62px no-repeat; right: 0;}
.tab-content .tab-box>div .swiper-pagination{width: 100%; line-height: 9px; left: 0; bottom: 0;}
.tab-content .tab-box>div .swiper-pagination-bullet{width: 4px; height: 4px; margin: 0 6px; background-color: #0759a2; opacity: 1; vertical-align: middle;}
.tab-content .tab-box>div .swiper-pagination-bullet-active{width: 9px; height: 9px; margin: 0 3px; background: url(../images/sy-icon.png) 0 -116px no-repeat;}
.tab-content .tab-box .more{margin-top: 17px;}

/*首页产品展示*/
.product-item{background: url(../images/product-item-bg.png) top center no-repeat; background-size: cover;}
.product-item .title p, .product-item .title span{color: #fff;}
.product-item .title span::before, .product-item .title span::after{background-color: #fff;}
.product-item .cpzs{position: relative; padding: 19px 16px 24px; background-color: #fff;}
.product-item .cpzs .swiper-container{padding-bottom: 20px;}
.product-item .cpzs .swiper-slide a{display: block; padding: 10px 28px; border: 1px solid #eee; overflow: hidden;}
.product-item .cpzs .swiper-slide a img{max-width: 100%;}
.product-item .cpzs .swiper-slide p{width: 100%; height: 32px; line-height: 32px; background-color: #0055a0; font-size: 16px; color: #fff;}
.product-item .cpzs .swiper-slide span{display: inline-block; padding: 15px 8px; font-size: 12px; color: #555; text-align: left;}
.product-item .cpzs .swiper-pagination{width: 100%; line-height: 9px; left: 0; bottom: 24px;}
.product-item .cpzs .swiper-pagination-bullet{width: 4px; height: 4px; margin: 0 6px; background-color: #0759a2; opacity: 1; vertical-align: middle;}
.product-item .cpzs .swiper-pagination-bullet-active{width: 9px; height: 9px; margin: 0 3px; background: url(../images/sy-icon.png) 0 -116px no-repeat;}
.product-item .cpzs .swiper-button-prev, .product-item .cpzs .swiper-button-next{width: 21px; height: 49px; margin-top: -104px;}
.product-item .cpzs .swiper-button-prev::after, .product-item .cpzs .swiper-button-next::after{visibility: hidden;}
.product-item .cpzs .swiper-button-prev{background: url(../images/sy-icon.png) 0 -62px no-repeat; left: 0;}
.product-item .cpzs .swiper-button-next{background: url(../images/sy-icon.png) -24px -62px no-repeat; right: 0;}
.product-item .more{border-color: #fff; color: #fff;}

/*首页主要客户*/
.partners-item .zykh{margin: 0 -3px -17px;}
.partners-item .zykh ul::after{display: block; content: ""; height: 0; clear: both; visibility: hidden;}
.partners-item .zykh li{float: left; width: 33.33%; margin-bottom: 17px; padding: 0 3px;}
.partners-item .zykh li a{display: block; border: 1px solid #eee; overflow: hidden;}

.news-item .zxdt ul{margin-top: 10px;}
.news-item .zxdt li{padding: 9px 10px 11px; margin-bottom: 2px; background-color: #fff;}
.news-item .zxdt li::after{display: block; content: ""; height: 0; clear: both; visibility: hidden;}
.news-item .zxdt li .data{float: left; width: 60px; height: 60px; padding-top: 8px; line-height: 31px; background-color: #00519c; font-family: "苹果丽黑"; font-size: 33px; color: #fff;}
.news-item .zxdt li .data span{display: block; line-height: 12px; font-size: 9px; text-align: left; text-indent: 4px;}
.news-item .zxdt .nrmain{padding-left: 12px; overflow: hidden; text-align: left;}
.news-item .zxdt .nrmain h1{width: 90%; height: 24px; line-height: 24px; font-size: 16px; font-weight: 500; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-item .zxdt .nrmain p{font-size: 11px; color: #777; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


/*首页联系*/
.contact-item{position: relative; padding-bottom: 27px;}
.contact-item .mapbox{padding: 29px 0 114px; background-color: #fff;}
.contact-item .my-map{width: 100%; height: 204px;}
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px;}
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.contact-item .lxwrap{margin-top: -78px;}
.contact-item .lxwrap::after{display: block; content: ""; height: 0; clear: both; visibility: hidden;}
.contact-item .lxwrap .ewm{float: left; width: 32.4%;}
.contact-item .lxwrap .ewm p{margin-top: 3px; line-height: 15px; padding: 5px 0; font-size: 12px; background-color: #4c4c4c; color: #fff;}
.contact-item .lxwrap .lxnr{padding-left: 23px; text-align: left; overflow: hidden;}
.contact-item .lxwrap .lxnr img{max-width: 55.1%; margin: 12px 0 28px;}
.contact-item .lxwrap .lxnr p{font-size: 11px; color: #555;}
.contact-item .lxwrap .lxnr p.phone{line-height: 26px; font-family: "华文细黑"; font-size: 18px;}


/*关于我们*/
.about-box{}
.about-box .nrbox .tit{line-height: 25px; margin-bottom: 11px; font-size: 17px; font-weight: 500; color: #0055a0; text-align: center;}
.about-box .nrbox p{margin-top: 0; margin-bottom: 15px;}
.about-box .nrbox .piclist{margin: 6px 0 35px;}
.about-box .nrbox .piclist img{float: left; width: 49.5%; margin: 0 3px 3px 0;}
.about-box .nrbox .piclist img:nth-child(2n){margin-right: 0;}

.about-box .listimg{margin-bottom: 10px;}
.about-box .listimg ul{margin: 0 -5px;}
.about-box .listimg ul::after{display: block; content: ""; height: 0; clear: both; visibility: hidden;}
.about-box .listimg li{float: left; width: 50%; margin-bottom: 10px; padding: 0 5px;}

/*设备展示*/
.equipment-box{}
.equipment-box .listbox{padding: 12px 0;}
.equipment-box .listbox ul{margin: 0 -1%;}
.equipment-box .listbox ul::after{display: block; content: ""; height: 0; clear: both; visibility: hidden;}
.equipment-box .listbox li{float: left; width: 50%; margin: 0 0 8px 0; padding: 0 1%;}
.equipment-box .listbox li:nth-child(2n){margin-right: 0;}
/* .equipment-box .listbox li img{max-height: 218px;} */
 .equipment-box .listbox li a{display: block; padding-bottom: 70%; position: relative; overflow: hidden;} 
 .equipment-box .listbox li a img{position: absolute; top: 0; left: 0;} 
.equipment-box .listbox li p{line-height: 23px; font-size: 11px; color: #333;}

.equipment-box .sbnr{padding-top: 11px;}
.equipment-box .sbnr .tit{line-height: 27px; margin: 10px 0 21px; font-size: 17px; color: #555; text-align: center;}



/*联系我们*/
.contact-box{}
.contact-box .lxwrap{padding-top: 10px;}
.contact-box .lxwrap .lxnr{float: left; max-width: 70%; color: #555; text-align: left;}
.contact-box .lxwrap .lxnr h1{font-size: 16px; line-height: 26px; margin-bottom: 15px;}
.contact-box .lxwrap .lxnr p{line-height: 15px; font-size: 12px;}
.contact-box .lxwrap .lxnr p.phone{line-height: 17px; font-family: "华文细黑"; font-size: 15px;}
.contact-box .lxwrap .ewm{float: right; width: 26.6%;}
.contact-box .lxwrap .ewm p{margin-top: 3px; padding: 4px 0; line-height: 11px; font-size: 10px; background-color: #0055a0; color: #fff;}
.contact-box .lxwrap .my-map{width: 100%; height: 178px; margin: 26px 0 80px;}

/*发明专利*/
.invention-box{}
.invention-box .fmzl{text-align: left;}
.invention-box .fmzl h1{line-height: 21px; font-size: 12px; color: #0055a0;}
.invention-box .fmzl .imglist{padding-top: 10px;}
.invention-box .fmzl .imglist div{width: 43%; margin-top: 15px; text-align: center;}
.invention-box .fmzl .imglist .center{margin: 15px auto 52px;}

/*新闻中心*/

.news-box .newslist{padding: 11px 0 80px;}
.news-box .newslist ul{margin-top: 10px;}
.news-box .newslist li{padding: 9px 10px 11px; margin-bottom: 2px; background-color: #f5f5f5;}
.news-box .newslist li::after{display: block; content: ""; height: 0; clear: both; visibility: hidden;}
.news-box .newslist li .data{float: left; width: 60px; height: 60px; padding-top: 8px; line-height: 31px; background-color: #00519c; font-family: "苹果丽黑"; font-size: 33px; color: #fff;}
.news-box .newslist li .data span{display: block; line-height: 12px; font-size: 9px; text-align: left; text-indent: 4px;}
.news-box .newslist .nrmain{padding-left: 12px; overflow: hidden; text-align: left;}
.news-box .newslist .nrmain h1{width: 90%; height: 24px; line-height: 24px; font-size: 16px; font-weight: 500; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-box .newslist .nrmain p{font-size: 11px; color: #777; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.news-box .newsmain{padding-bottom: 26px;}
.news-box .newsmain .tit{line-height: 25px; font-size: 17px; font-weight: 500; color: #0055a0;}
.news-box .newsmain .hits{line-height: 23px; margin-bottom: 10px; color: #666;}
.news-box .newsmain .hits span{font-size: 10px;}
.news-box .newsmain .hits .lm{margin-right: 14px;}
.news-box .newsmain .hits .data{margin-right: 10px;}
.news-box .newsmain .hits .share{display: inline-block; margin-top: -5px; vertical-align: middle;}
.news-box .newsmain .hits .share a{display: inline-block; width: 17px; height: 14px; margin-right: 6px; vertical-align: middle;}
.news-box .newsmain .hits .share a:last-child{margin: 0;}
.news-box .newsmain .hits .share .bds_qzone{width: 15px; background: url(../images/shareicon.png) 0 0 no-repeat;}
.news-box .newsmain .hits .share .bds_tsina{background: url(../images/shareicon.png) -25px 0 no-repeat;}
.news-box .newsmain .hits .share .bds_weixin{background: url(../images/shareicon.png) -50px 0 no-repeat;}
.news-box .newsmain .hits .share .bds_sqq{width: 13px; background: url(../images/shareicon.png) -77px 0 no-repeat;}

.news-box .newsmain .con p{line-height: 15px; margin-bottom: 15px; font-size: 12px; color: #555; text-align: left;}
.news-box .newsmain .con img{width: 94%; margin: 7px auto 25px;}


/*产品中心*/
.products-box{}
.products-box .subnav{font-size: 0; text-align: left;}
.products-box .subnav li{display: inline-block; margin: 0 6px 7px 0; padding: 5px 9px; border: 1px solid #dcdcdc; border-radius: 5px;}
.products-box .subnav li a{font-size: 11px; color: #999;}
.products-box .subnav li.select{background-color: #d6e4f1; border-color: #d6e4f1;}
.products-box .subnav li.select a{color: #0055a0;}

.products-box .productslist{padding: 14px 0 48px;}
.products-box .productslist ul{margin: 0 -5px;}
.products-box .productslist ul::after{display: block; content: ""; height: 0; clear: both; visibility: hidden;}
.products-box .productslist li{float: left; width: 50%; margin-bottom: 20px; padding: 0 5px;}
.products-box .productslist li a{display: block; position: relative; width: 100%; height: 0; padding-bottom: 76%; border: 1px solid #dcdcdc; border-bottom: none;}
.products-box .productslist li a img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.products-box .productslist li p{height: 19px; line-height: 19px; padding: 0 3px; background-color: #0055a0; font-size: 10px; color: #fff; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.products-box .productsmain{padding-top: 15px;}
.products-box .productsmain .imgbox{border: 1px solid #eee;}
.productsmain .cpnr{margin-bottom: 15px; padding: 11px 22px 27px; background-color: #f2f2f2; text-align: left;}
.cpnr .tit{position: relative; font-size: 17px; font-weight: 500; color: #555; text-transform: uppercase;}
.cpnr .tit::after{display: block; content: ""; width: 28px; height: 2px; background-color: #434343;}
.cpnr .parameter{margin: 10px 0 40px;}
.cpnr .parameter p{line-height: 18px; font-size: 12px; color: #555;}
.cpnr .infobox span{display: inline-block; line-height: 20px; margin-bottom: 10px; font-weight: bold;}
.cpnr .infobox p{display: inline-block; line-height: 18px; font-size: 12px; color: #555;}