/* Banner Slider */
.single_slide_slider{margin-top:81px;}
.swiper-button-next{background:url(/images/right.png) no-repeat;filter:alpha(opacity=50);opacity:0.5;}
.swiper-button-prev{background:url(/images/left.png) no-repeat;filter:alpha(opacity=50);opacity:0.5;}
/*.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{--swiper-navigation-color: #d6d6d6;}
.swiper-button-next.swiper-button-white:hover, .swiper-button-prev.swiper-button-white:hover{--swiper-navigation-color: #0facf3;}
.swiper-container-initialized .swiper-button-next, .swiper-container-initialized .swiper-container-rtl, .swiper-container-initialized .swiper-button-prev{padding: 10px;-webkit-border-radius: 100%; border-radius: 100%;border:1px solid #d6d6d6;}
.swiper-container-initialized .swiper-button-next:hover, .swiper-container-initialized .swiper-container-rtl:hover, .swiper-container-initialized .swiper-button-prev:hover{padding: 10px;-webkit-border-radius: 100%; border-radius: 100%;border:1px solid #0facf3;}*/
.banner-pages .swiper-pagination-bullet {width:50px;height:4px;display:inline-block;background-color:#ffffff;opacity:.5;border-radius:0;}
.banner-pages .swiper-pagination-white .swiper-pagination-bullet {background:#fff}
.banner-pages .swiper-pagination-bullet-active {opacity:1;background:#ffffff}
/*index title*/
.intit {position: relative;text-align: center; margin-top:40px;}
.intit h1 {font-size: 35px;color: #1a1d2d; width:90%; margin:auto; text-align:center; line-height:60px;font-weight:normal;}
.intit p{width:100%; margin:auto; line-height:22px; font-size:17px; color:#2f2f2f; text-align:center; background:url(../images/ico/title.png) no-repeat center; text-transform:uppercase}
.intit-bai { padding:0 0 40px;position: relative;text-align: center; }
.intit-bai h1 {font-size: 35px;color: #fff; width:90%; margin:auto; text-align:center; line-height:60px;font-weight:normal;}
.intit-bai p{width:100%; margin:auto; line-height:22px; font-size:17px; color:#fff; text-align:center; background:url(../images/ico/title1.png) no-repeat center; text-transform:uppercase}
/*product list*/
.index-product-list {display: flex;flex-wrap: wrap; gap: 0 20px; margin-top:40px;}
.index-product-list .home-product-card {cursor: pointer;flex: 1;min-width: 22%; margin-bottom:1%}
.index-product-list .home-product-card .product-card-img {transition: all 0.3s; background: #f5f4fa; width: 100%;height:auto;display: flex;align-items: center;
  justify-content: center;position: relative; border:1px solid #efefef;}
.index-product-list .home-product-card .product-card-img img {max-width: 100%;max-height: 100%;transition: all 0.3s;}
.index-product-list .home-product-card .product-card-img .product-img-icon {width: 40px;height: 40px;position: absolute;}
.index-product-list .home-product-card .product-card-content {padding: 8px 0;transition: all 0.3s;}
.index-product-list .home-product-card .product-card-content h4 {font-size:17px;line-height: 33px;color: #000000;margin: 0;}
.index-product-list .home-product-card .product-card-content .product-card-p {font-size: 14px;line-height: 20px;display: flex;justify-content: space-between;
  align-items: center;color: #4e5969;}
.index-product-list .home-product-card .product-card-content .product-card-p .product-card-more {display: none;align-items: center;padding: 2px 0;font-size: 12px;}
.index-product-list .home-product-card .product-card-content .product-card-p .product-card-more span {border-right:1px solid #fff; padding-right:4px;line-height: 1em;}
.index-product-list .home-product-card .product-card-content .product-card-p .product-card-more img { margin-left: 5px;}
.index-product-list .home-product-card:hover .product-card-img {background: rgba(56, 56, 56, 0.3);position: relative;}
.index-product-list .product-card-img::after {content: '';width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);
  background: transparent;border: 2px solid #ffffff;opacity: 0;transition: all .3s ease;}
.index-product-list .home-product-card:hover .product-card-img::after {width: 90%;height: 90%;opacity: 1;}
.index-product-list .home-product-card:hover .product-card-img img {transform: scale(1);}
.index-product-list .product-card-img .product-img-icon {opacity: 0;transition: all .3s ease;transform: translateY(-140px);}
.index-product-list .home-product-card:hover .product-card-img .product-img-icon {opacity: 1;transform: translateY(0);}
.index-product-list .home-product-card:hover .product-card-content {padding: 8px 13px;background: #ba0621;}
.index-product-list .home-product-card:hover .product-card-content h4 {color: #ffffff;}
.index-product-list .home-product-card:hover .product-card-content .product-card-p {color: #ffffff;}
.index-product-list .home-product-card:hover .product-card-content .product-card-p .product-card-more {display: flex;}
/*youshi*/
.youshi-bg{ width:100%; background:url(../images/youshi_bg.jpg) no-repeat center; padding:50px 0 80px 0; margin-top:40px; overflow:hidden}
.youshi-l{ float:left; width:300px; padding:21px;background-color:rgba(0, 0, 0, 0.4); height:458px;}
.youshi-l ul{ margin-top:8%; margin-left:5%;}
.youshi-l ul li{ float:left; width:47%; overflow:hidden; margin-bottom:8%;}
.youshi-l ul li:nth-child(2n){ float:right;}
.youshi-c{ float:left; width:490px; overflow:hidden}
.youshi-r{ float:left; width:346px; padding:21px;background-color:rgba(0, 0, 0, 0.4); height:458px;}
.youshi-r ul{}
.youshi-r ul li{ float:left; width:100%; overflow:hidden; padding:25px 0; border-bottom:1px solid #707070;}
.youshi-r ul li p{ float:left; width:100%; line-height:40px; font-size:22px; color:#fff;}
.youshi-r ul li span{ float:left; width:100%; font-size:14px; color:#fff; line-height:25px; padding-top:10px;}
.youshi-r ul li:last-child{ border-bottom:none}
/*case list*/
.caselist { width:100%;display: flex;flex-wrap: wrap;overflow:hidden; margin-top:40px;}
.caselist li {width:24.1%; margin-right:1%;cursor: pointer;border-bottom:0; margin-bottom:15px; background:#fff}
.caselist li:nth-child(4n) {margin-right:0px;}
.caselist li span{ float:left; width:100%; line-height:22px; padding:10px 0; text-align:center; font-size:14px;}
.caselist li .img{ overflow:hidden; border:1px solid #eeeeee}
.caselist li .img img {max-width: 100%;width: 100%;object-fit: cover;transition: transform 0.5s;}
.caselist li .img img:hover{ transform: scale(1.1);-webkit-transform:scale(1.1)}
.pro-more{height:50px;width:200px;border-radius:10px; text-align:center; margin:auto;margin-top:20px; border:1px solid #999999;} 
.pro-more a .more{font-size: 16px;line-height:50px;}
/*about*/
.about_bg{ width:100%; overflow:hidden; background:#f2f2f2; padding:10px 0 60px 0; margin-top:40px;}
.in-about{ margin:auto; width:1172px; background:#fff; overflow:hidden; border-left:10px solid #093266; padding-left:40px; margin-top:40px;}
.in-about .aboutL{ float:left; width:520px; overflow:hidden;}
.in-about .aboutL p{ width:100%; padding-top:20px; font-size:27px; line-height:50px;}
.in-about .aboutL span{ float:left; width:100%; line-height:30px; font-size:14px; padding:10px 0 30px 0}
.in-about .aboutR{ float:right; width:590px;}
.srhlsnkd {width:130px;height:40px;background:#093266;margin-right:1px;float:left;font-size:16px;color:#fff;line-height:40px;text-align:center}
.srhlsnkd a {width:130px;height:40px;background:#093266;float:left;font-size:16px;color:#fff;line-height:40px;text-align:center;display:block}
.srhlsnkd a:hover {width:130px;height:40px;background:#d7030c;float:left;font-size:16px;color:#ff0;line-height:40px;text-align:center;display:block}
/*ad*/
.ad-bg{ width:100%; background:url(../images/ad.jpg) no-repeat center ; height:214px;}
.ad-left{ float:left; width:850px; overflow:hidden; padding-top:80px;}
.ad-left p{ width:100%; color:#fff; font-size:32px; line-height:60px;}
.ad-left span{ float:left; width:100%; font-size:18px; color:#fff; line-height:30px;}
.ad-right{ float:right; width:349px; background:#093266; height:154px; padding-top:60px;}
.zxzx_list_title_r{ font-size:22px;text-align: center; font-weight:normal;color:#f6f905; }
.zxzx_tell{font-size:30px; color:#fff;display:block;margin-top:10px; text-align:center; font-weight:bold}
/*news list*/
.bgf5{ width:100%; background:#f7f7f7; padding:20px 0px 40px 0; overflow:hidden;}

.newslist{ width:100%; margin-top:50px;}
.newslist .left{width:32%; float:left;}
.newslist .rect-86{ width:390px; height:330px;}
.newslist .rect-86 img{ width:390px; height:330px;}
.newslist .left a{display:block;}
.newslist .left .intro{background:#fff; width:100%}
.newslist .left .intro .box{padding:25px 53px 35px 35px;}
.newslist .left .intro .box .t{font-size:20px; color:#1c1c1c; margin-bottom:3px;}
.newslist .left .intro .box .c{font-size:14px; color:#7b7b7b; margin-bottom:15px;}
.newslist .left .intro .box .date{font-size:14px; color:#9d9d9d; font-family:Arial; position:relative;}
.newslist .left .intro .box .icon{width:32px; height:9px; background:url(../images/ipart03_2.png) no-repeat center; position:absolute; right:0; bottom:2px;}
.newslist .left:hover .intro .box .t{color:#bf1b1d}
.newslist .center{width:66%; float:left; margin-left:2%;}
.newslist .center .item{ float:left;background:#fff; transition:all 0.5s ease; width:48%; margin-left:2%; margin-bottom:2%;}
.newslist .center .item01{margin-bottom:20px;}
.newslist .center .item_box{display:block; padding:40px 42px 25px;}
.newslist .center .item_box .t{font-size:17px; color:#242424; transition:all 0.5s ease;}
.newslist .center .item_box .c{font-size:14px; color:#686868; line-height:23px; height:46px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:15px; transition:all 0.5s ease;}
.newslist .center .item_box .date{color:#9d9d9d; position:relative; font-family:Arial; border-top:1px solid #d8d8d8; transition:all 0.5s ease; margin-top:20px; padding-top:20px;}
.newslist .center .item_box .date .day{font-size:37px; line-height:37px; font-weight:bold;}
.newslist .center .item_box .date .year{font-size:14px; line-height:20px; margin-top:3px;}
.newslist .center .item_box .date .icon{width:32px; height:9px; background:url(../images/ipart03_3.png) no-repeat center; position:absolute; right:25px; bottom:15px; transition:all 0.5s ease;}
.newslist .center .item:hover{box-shadow:0 0 20px rgba(0,0,0,.1)}
.newslist .center .item:hover .item_box .t{color:#bf1b1d}
.newslist .center .item:hover .item_box .c{color:#bf1b1d}
.newslist .center .item:hover .item_box .date{color:#bf1b1d}
.newslist .center .item:hover .item_box .date .icon{background:url(../images/ipart03_2.png) no-repeat center;}

@media only screen and (max-width: 959px) {
/*index title*/
.single_slide_slider{margin-top:60px;}
.intit {margin-top:20px;}
.intit h1 {font-size:20px;line-height:40px;}
.intit-bai { padding:0 0 40px;position: relative;text-align: center; }
.intit-bai h1 {font-size: 20px;line-height:40px;}
/*product list*/
.index-product-list {margin-top:20px;}
.index-product-list .home-product-card {cursor: pointer;flex: 1;min-width: 46%;}
.index-product-list .home-product-card .product-card-img {height:auto;}
.index-product-list .home-product-card .product-card-img img {max-width: 80%;max-height: 80%;transition: all 0.3s;}
.index-product-list .home-product-card .product-card-content h4 {font-size:16px;line-height:25px;}
.index-product-list .home-product-card .product-card-content .product-card-p {font-size: 13px;}
/*youshi*/
.youshi-bg{background:#093266; padding:20px 0 20px 0; margin-top:20px; overflow:hidden}
.youshi-l{ display:none;}
.youshi-c{ float:left; width:100%; overflow:hidden}
.youshi-r{ float:left; width:100%; padding:15px;height:auto; box-sizing: border-box;}
.youshi-r ul li{ float:left; width:100%; overflow:hidden; padding:15px 0; border-bottom:1px solid #707070;}
.youshi-r ul li p{ float:left; width:100%; line-height:30px; font-size:18px; color:#fff;}
/*case list*/
.caselist {margin-top:20px;}
.caselist li {width:48%; margin-right:4%; margin-bottom:10px; }
.caselist li:nth-child(2n) {margin-right:0px;}
.pro-more{height:35px;width:160px;}
.pro-more a .more{font-size: 14px;line-height:35px;}
/*about*/
.about_bg{padding:10px 0 30px 0;}
.in-about{ margin:auto; width:96%;border-left:none; padding-left:2%; padding-right:2%; padding-bottom:2%; margin-top:20px; box-sizing: border-box;}
.in-about .aboutL{ float:left; width:100%; overflow:hidden;margin:auto;}
.in-about .aboutL p{ width:100%; padding-top:20px; font-size:22px; line-height:40px;}
.in-about .aboutL span{line-height:24px; font-size:14px; padding:10px 0 10px 0}
.in-about .aboutR{ float:left; width:100%;}
.srhlsnkd { display:none}
.ad-bg{ display:none}
/*news list*/
.newslist{ width:100%; margin-top:20px;}
.newslist .left{width:100%; float:left;}
.newslist .rect-86{ width:100%; height:100%;}
.newslist .rect-86 img{ width:auto; height:auto;}
.newslist .left .intro{width:100%}
.newslist .left .intro .box{padding:10px 10px 10px 10px;}
.newslist .left .intro .box .t{font-size:16px;}
.newslist .center{width:100%; float:left; margin-left:0; margin-top:2%}
.newslist .center .item{ float:left;background:#fff; transition:all 0.5s ease; width:100%; margin-left:0; margin-bottom:2%;}
.newslist .center .item01{margin-bottom:2%;}
.newslist .center .item_box{display:block; padding:10px 10px 10px;}
.newslist .center .item_box .t{font-size:16px;}

.newslist .center .item_box .date{ display:none}

}