.index-product{margin-top:40px;}
.index-product .product-title{display:flex;justify-content:center;}
.index-product .product-title h3{font-weight:500;padding:5px 2%;font-size:24px;}
.index-product .product-title .product-column{margin-left:20px;padding-top:10px;}
.index-product .product-title .product-column a{border:#ccc solid 1px;border-radius:5px;padding: 5px 15px;color:#333;font-size:16px;}
.index-product .product-title .product-column .active{background:#0193d8;color:#fff;}
.index-product ul{display:flex; flex-wrap:wrap;margin-top:20px;padding: 0px 10px;}
.index-product ul li{width:27%;padding:0px 10px;text-align:center;margin-bottom:10px;font-size:16px; border-right: #f4f4f4 solid 1px;border-bottom: #f4f4f4 solid 1px;}
.index-product ul li a p{margin-bottom:5px;}
.index-product ul li:nth-child(3n){ border-right: none;}
.case-title{position:relative;margin-top:20px;}
.case-title p{position:absolute;color:#fff;bottom:10px;left:0;width:100%;text-indent:2em;font-size:16px;}
.indexWrap{position:relative;}
.indexWrap #thumbs{position:relative;z-index:2;top:15px;left:0;background:#fff;width:90%;box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);}
.indexWrap #thumbs li{ border: 1px solid #ecf0f2;margin:0px!important;padding: 15px 0px;}
.indexWrap #thumbs .num{text-align:center;margin-bottom:5px;font-size:16px;}
.indexWrap #thumbs .desc{text-align:center;font-size:16px;}
 .swiper-slide-thumb-active{background-color: #176aaa;border: 1px solid #176aaa!important;}
 .swiper-slide-thumb-active .num{color:#fff;}
 .swiper-slide-thumb-active .desc{color:#fff;}
.indexWrap #gallery {position:relative;z-index:0;}
.news-about{}
.news-content{text-align:center;}
.news-content  img{margin: 0 auto;width:30%;}
.news-about ul{}
.news-about ul li{margin-bottom:15px;}
.news-about ul a{display:flex;}
.news-about ul a .new-lef{width:30%;margin-left: 10px;}
.news-about ul a .glow-left{width:60%;padding:0 4%;}
.news-about ul a .glow-left .glow-wrap h3{margin-top:2px;font-size:16px;color:#333;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;margin-bottom:5px;}
.news-about ul a .glow-left .glow-wrap p{font-size:14px;color:#666;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}

.news-about ul a .news-times{display:flex;margin-top:4%;}
.news-about ul a .news-times img{width:25px;height:25px;margin-left:30px;}

.news-more{text-align:center;}
.news-more a{width:25%;background:linear-gradient(to left,#0193d8 0,#0193d8 100%);font-size:14px;padding:5px 10px;display:flex;justify-content:center;margin: 0 auto;}
.news-more a img{width:20px;height:8px;margin-top:5px;margin-left:10px;}
.news-more a span{color:#fff;}


.gree-about-xny-banner {
    position: relative;
}
.section {
    height: 300px;
    overflow: hidden;
}
.gree-about-xny-banner-show-mask {
    z-index: 3;
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0%;
    background: rgba(0, 0, 0, 0);
}
.gree-about-xny-banner-info {
    /*width: 1170px;*/
	width:100%;
    position: absolute;
    margin: 0 auto;
    left: 0;
    height: 100%;
   /* top: 70px;
    margin-left: -585px;*/
    z-index: 3;
}
.gree-about-xny-banner-show {
    padding-top: 30px;
    text-align: center;
    color: #fff;
}
.x-11 {
    /*padding-top: 200px;*/
    font-size: 24px;
    font-weight: 600;
    color: rgba(255,255,255,1);
    line-height: 70px;
    letter-spacing: 2px;
}
.x-33 {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255,255,255,1);
}
.x-4 {display:flex;margin-top:16px;justify-content:center;}
.x-4 li {
	display:flex;flex-direction:column;margin-left:10px;
}
.x-4 li img{
	width:36px;margin: 0 auto;
}
.x-4 li span{
   font-size:12px;
	color:#fff;
	text-align:center;
}
.x-more {
    padding-top: 30px;
}
.x-more a {
    display: inline-block;
    text-align: center;
    line-height: 35px;
    width: 110px;
    color: #333;
    font-size: 14px;
    border-radius: 60px;
    border: 1px solid #ccc;
    background-color: #fff;
}
.video1 {
    z-index: -2;
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.service{padding-bottom: 80px;}
.service-phone{color:#0193d8;text-align:center;padding-top:50px;}
.service-time{color:#707070;text-align:center;margin-top:5px;}
.service-title{display:flex;justify-content:center;margin-top:20px;padding-bottom:30px;}
.service-title a{background:#0193d8;color:#fff;border-radius:50px;line-height:45px;margin-right:10px;width:31%;}
.service-title a p{color:#fff;text-align:center;}
@media screen and (max-width: 380px) {
	.index-product .product-title h3 {font-size:20px; padding: 5px 5px;margin-right:15px;}
	.index-product .product-title .product-column {
    margin-left: 0px;
    padding-top: 10px;}
	.index-product .product-title .product-column a {
    border-radius: 5px;
    padding: 5px 10px;
    color: #333;
    font-size: 14px;
    }
	.index-product ul li {
    width: 26%;
   }
   .news-about ul a .news-times img {
    width:20px;height:20px;
   }
   .news-more a {
    width: 30%;
   }
}
@media screen and (max-width: 400px){
	.index-product .product-title h3 {font-size:20px; padding: 5px 5px;margin-right:15px;}
	.index-product .product-title .product-column {
    margin-left: 0px;
    padding-top: 10px;}
	.index-product .product-title .product-column a {
    border-radius: 5px;
    padding: 5px 10px;
    color: #333;
    font-size: 14px;
    }
	.index-product ul li {
    width: 26%;
   }
   .news-about ul a .news-times img {
    width:20px;height:20px;
   }
   .news-more a {
    width: 30%;
   }
   .x-4 li {
    margin-left: 5px;
}
 .x-4 li img {
    width: 28px;
}
.news-about ul a .glow-left .glow-wrap h3 {
    font-size: 14px;
}
.news-about ul a .glow-left .glow-wrap p {
    font-size: 12px;
}
.index-product ul li a p{font-size: 14px;}
}