@charset "utf-8";
/* CSS Document */
.top-bj .top ul li:nth-child(1) a{background:rgba(0,0,0,0.1);border-bottom:2px solid #ff9d34;font-weight:bold;}

@media screen and (min-width: 1380px) {	
/*banner*/
    .banner{position:relative;font-size:0;}
	.banner .quote{position:absolute;left:0;bottom:0;z-index:100;width:44.5%;text-align:right;background:url(../images/index/p-bj-unit.jpg);font-size:0;}
	.banner .gallery-thumbs{background:#fff;
	border-radius:8px;width:38%;height:60px;position:absolute;right:14%;bottom:3.5%;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide{width:33.33%!important;height:60px!important;line-height:60px; float:left;font-size:17px;color:#012345;text-align:center;position:relative;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide i{padding:0 7%;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active span{width:25%;padding:2.5% 0;display:block;left:0;right:0;margin:0 auto;z-index:1;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active .up{position:absolute;top:-7%;background:url(../images/index/banner-lb-top.png) no-repeat center top;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active .down{position:absolute;bottom:-6%;background:url(../images/index/banner-lb-bottom.png) no-repeat center bottom;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(1) i{background:url(../images/index/banner-lb-1.png) no-repeat left center;opacity: 0.4;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(2) i{background:url(../images/index/banner-lb-3.png) no-repeat left center;opacity: 0.4;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(3) i{background:url(../images/index/banner-lb-5.png) no-repeat left center;opacity: 0.4;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active{font-weight:bold;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active i{opacity:1!important;}	
/*in-products*/
    .in-products-bj{background:url(../images/index/p-bj-unit.jpg);padding-top:1.5%;}
	.in-products-bj .db{background:url(../images/index/p-bj.png) no-repeat center bottom;padding-bottom:4.5%;}
/*in-products*/
	.in-tit{position:relative;margin-bottom:2.5%;}
	.in-tit h1{font-size:36px;color:#333;text-align:center;margin:1% 0;font-weight:400;}
	.in-tit p{font-size:16px;color:#333;text-align:center;}
	.in-tit a{position:absolute;right:0;top:45%;font-size:16px;color:#333;border-radius:18px;border:1px solid #333;padding:0.6% 1.5%;}
	.in-tit a:hover{background:#ff9d34;color:#fff;border:1px solid #ff9d34;}
	.in-products{overflow:hidden;}
	.in-products .in-pro .one{width:41.5%;float:left;}
	.in-products .in-pro .one a{width:100%;position:relative;display:block;}
	.in-products .in-pro .one .hot{position:absolute;right:6%;top:5%;}
	.in-products .in-pro .one .tit{position:absolute;bottom:6%;width:90%;padding:0 5%;background:url(../images/index/p1-jt.png) no-repeat 94% 60%;}
	.in-products .in-pro .one .tit h2{font-size:34px;color:#fff;margin:0 0 3% 0;}
	.in-products .in-pro .one .tit span{font-size:16px;color:#fff;border-radius:15px;border:1px dashed #ffffff;padding:0.4% 5%;}
	.in-products .in-pro .one{overflow:hidden;border-radius:15px;}
	.in-products .in-pro .one img{display:block;transition:all 0.6s;}
	.in-products .in-pro .one:hover img{transform:scale(1.1);}
	.in-products .in-pro .right{width:57%;float:right;}
	.in-products .in-pro ul {margin:0 -1.3%;}
	.in-products .in-pro ul li{width:47.4%;padding:0 1.3%;float:left;font-size:0;margin-bottom:4%;}
	.in-products .in-pro ul li a{width:100%;position:relative;overflow:hidden;border-radius:15px;}
	.in-products .in-pro ul li a img{width:100%;display:block;transition:all 0.6s;}
	.in-products .in-pro ul li:hover a img{transform:scale(1.1);}
	.in-products .in-pro ul li a .tit{position:absolute;top:0;padding:0 5%;width:90%;}
	.in-products .in-pro ul li a .tit h3{font-size:20px;color:#f7f8f9;margin:6% 0 2% 0;}
	.in-products .in-pro ul li a .tit p{font-size:16px;color:#f7f8f9;}
/*product category*/
	.category .nav{background:#1c5f99;}
	.category .nav li{width:20%;float:left;}
	.category .nav li a{width:100%;padding:6% 0;font-size:18px;color:#fff;text-align:center;}
	.category .nav li:hover a{background:#ff9d34;}
	.category .nav li.active a{background:#ff9d34;}
	.category .nav-pro{margin:2% -0.5% 0 -0.5%;display:none;}
	.category .nav-pro li{width:24%;padding:0 0.5%;float:left;}
	.category .nav-pro li a{width:98%;padding:1%;background:#fff;border: solid 1px #5b9ce2;}
	.category .nav-pro li a p{text-align:center;font-size:16px;color:#222;padding:2.5% 0;}
	.category .nav-pro li:hover a p{color:#ff9d34;}
/*cases-video*/
    .cases-video-bj{background:url(../images/index/case-bj.jpg) no-repeat;}
	.cases-video{margin-bottom:1.5%;}
	.case-lunbo{position:relative;}
	.case-lunbo .box{display:none;}
	.case-lunbo .box .video{width:58.4%;padding:0.8%;background:url(../images/index/case-video1.png) no-repeat;background-size:100% 100%;display:block;float:left;}
	.case-lunbo .box .video video,.case-lunbo .box .video iframe,.case-lunbo .box .video embed{width:100%;height:457px;object-fit:fill;display:block;}
	.case-lunbo .box .wz{width:37.5%;float:right;}
	.case-lunbo .box .wz h2{font-size:34px;color:#333;margin:3.5% 0 3% 0;}
	.case-lunbo .box .wz div{margin-top:5%; position:relative;}
	.case-lunbo .box .wz div a{position:absolute;top:0;padding:11.5% 0;}
	.case-lunbo .box .wz div img{display:block;}
	.case-lunbo .box .wz div .xsrx{width:72%;left:0;}
	.case-lunbo .box .wz div .zxzx{width:26%;right:0;}
	.case-lunbo .nav{width:37.5%;position:absolute;right:0;bottom:-2.5%;}
	.case-lunbo .nav ul{margin:0 -1.5%;}
	.case-lunbo ul li{width:47%;padding:0 1.5%;float:left;margin:2% 0;}
	.case-lunbo ul li a{width:90%;padding:6% 5% 6% 5%;background:#f0f2fd;font-size:16px;color:#333;border-radius:8px;position:relative;}
	.case-lunbo ul li.active a{background:#0475e5;color:#fff;}
	.case-lunbo ul li a:after{content:'';padding:4% 4%;position:absolute;top:29.5%;right:6%;background:url(../images/index/case-icon.png) no-repeat center;}
	.case-lunbo ul li a span{width:90%;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*company*/
    .company{position:relative;margin-bottom:1.5%;}
	.company .about{height:520px;display:none;}
	.company .about .wz{position:relative;height:100%;}
	.company .about .wz h2{font-size:34px;color:#fff;width:50%;position:absolute;left:0;top:27%;}
	.company .about .wz p{font-size:16px;color:#fff;line-height:27px;width:50%;position:absolute;left:0;top:48%;}
	.company .gsjs{background:url(../images/index/strength-tu1.jpg) no-repeat;background-size:cover;}
	.company .jszc{background:url(../images/index/strength-tu2.jpg) no-repeat;background-size:cover;}
	.company .qywh{background:url(../images/index/strength-tu3.jpg) no-repeat;background-size:cover;}
	.company .shfw{background:url(../images/index/strength-tu4.jpg) no-repeat;background-size:cover;}
	.company ul{position:absolute;left:0;right:0;margin:0 auto;top:0;height:520px;}
	.company ul li{height:172px;width:230px;background:rgba(255,255,255,0.5);border:1px solid #fff;text-align:center;position:absolute;}
	.company ul li:hover{background:#ff9d34;}
	.company ul .active{background:#ff9d34;}
	.company ul li img{margin-top:16%;}
	.company ul li p{font-size:24px;color:#fff;}
	.company ul .one{top:0;right:231px;}
	.company ul .two{bottom:173px;right:231px;}
	.company ul .three{right:0;bottom:173px;}
	.company ul .four{right:0;bottom:0;} 
/*news spotlight*/
    .news-spotlight .news-nav{margin:0 -2%;}
	.news-spotlight .news-nav dl{width:46%;padding:0 2%;float:left;}
	.news-spotlight .news-nav dl dt{font-size:30px;color:#333;font-weight:bold;position:relative;margin-bottom:5%;}
	.news-spotlight .news-nav dl dt a{font-size:18px;color:#333;padding-right:3.5%;position:absolute;right:0;top:18%;background:url(../images/index/news-more.png) no-repeat right center;}
	.news-spotlight .news-nav dl dt a:hover{color:#ff9d34;}
	.news-spotlight .news-nav dd{display:block;font-size:0;margin:3% 0;}
	.news-spotlight .news-nav dd a{width:100%;padding:2% 0;bordeR:1px solid #dcdcdc;}
	.news-spotlight .news-nav dd .sj{width:14%;float:left;text-align:center;border-right:1px solid #ededed;}
	.news-spotlight .news-nav dd .sj b{display:block;width:100%;font-size:24px;color:#333;}
	.news-spotlight .news-nav dd .sj span{display:block;width:100%;font-size:16px;color:#777;margin-top:5%;}
	.news-spotlight .news-nav dd .wz{width:84%;float:right;}
	.news-spotlight .news-nav dd:hover a .wz h3{color:#ff9d34!important;}
	.news-spotlight .news-nav dd:hover a .sj b{color:#ff9d34!important;}
	.news-spotlight .news-nav dd h3{font-size:18px;color:#333;margin:0;margin-bottom:2%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news-spotlight .news-nav dd p{font-size:16px;color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
}

@media screen and (max-width: 1680px) and (min-width: 1380px){
/*banner*/
    .banner{position:relative;font-size:0;}
	.banner .quote{position:absolute;left:0;bottom:0;width:40%;text-align:right;background:url(../images/index/p-bj-unit.jpg);font-size:0;z-index:10;}
	.banner .quote a img{width:100%;padding-left:3%;}
	.banner .gallery-thumbs{background:#fff;
	border-radius:8px;width:38%;height:60px;position:absolute;right:0;bottom:3.5%;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide{width:33.33%!important;height:60px!important;line-height:60px; float:left;font-size:16px;color:#012345;text-align:center;position:relative;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide i{padding:0 7%;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active span{width:25%;padding:2.5% 0;display:block;left:0;right:0;margin:0 auto;z-index:1;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active .up{position:absolute;top:-7%;background:url(../images/index/banner-lb-top.png) no-repeat center top;background-size:100% 100%;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active .down{position:absolute;bottom:-6%;background:url(../images/index/banner-lb-bottom.png) no-repeat center bottom;background-size:100% 100%;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(1) i{background:url(../images/index/banner-lb-1.png) no-repeat left center;opacity: 0.4;background-size:100% auto;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(2) i{background:url(../images/index/banner-lb-3.png) no-repeat left center;background-size:100% auto;opacity: 0.4;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(3) i{background:url(../images/index/banner-lb-5.png) no-repeat left center;background-size:100% auto;opacity: 0.4;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active{font-weight:bold;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active i{opacity:1!important;}	
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*banner*/
    .banner{position:relative;font-size:0;}
	.banner .quote{position:absolute;left:0;bottom:0;z-index:10;width:40%;text-align:right;background:url(../images/index/p-bj-unit.jpg);font-size:0;}
	.banner .quote a img{width:100%;padding-left:3%;}
	.banner .gallery-thumbs{background:#fff;
	border-radius:8px;width:48%;height:60px;position:absolute;right:2%;bottom:1%;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide{width:33.33%!important;height:60px!important;line-height:60px; float:left;font-size:16px;color:#012345;text-align:center;position:relative;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide i{padding:0 7%;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active span{width:25%;padding:2.5% 0;display:block;left:0;right:0;margin:0 auto;z-index:1;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active .up{position:absolute;top:-7%;background:url(../images/index/banner-lb-top.png) no-repeat center top;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active .down{position:absolute;bottom:-6%;background:url(../images/index/banner-lb-bottom.png) no-repeat center bottom;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(1) i{background:url(../images/index/banner-lb-1.png) no-repeat left center;opacity: 0.4;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(2) i{background:url(../images/index/banner-lb-3.png) no-repeat left center;opacity: 0.4;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(3) i{background:url(../images/index/banner-lb-5.png) no-repeat left center;opacity: 0.4;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active{font-weight:bold;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active i{opacity:1!important;}	
/*in-products*/
    .in-products-bj{background:url(../images/index/p-bj-unit.jpg);padding-top:1.5%;}
	.in-products-bj .db{background:url(../images/index/p-bj.png) no-repeat center bottom;padding-bottom:4.5%;}
/*in-products*/
	.in-tit{position:relative;margin-bottom:2.5%;}
	.in-tit h1{font-size:30px;color:#333;text-align:center;margin:1% 0;font-weight:400;}
	.in-tit p{font-size:15px;color:#333;text-align:center;}
	.in-tit a{position:absolute;right:0;top:45%;font-size:15px;color:#333;border-radius:18px;border:1px solid #333;padding:0.6% 1.5%;}
	.in-tit a:hover{background:#ff9d34;color:#fff;border:1px solid #ff9d34;}
	.in-products{overflow:hidden;}
	.in-products .in-pro .one{width:41.5%;float:left;}
	.in-products .in-pro .one a{width:100%;position:relative;display:block;}
	.in-products .in-pro .one .hot{position:absolute;right:6%;top:5%;width:12%;}
	.in-products .in-pro .one .tit{position:absolute;bottom:6%;width:90%;padding:0 5%;background:url(../images/index/p1-jt.png) no-repeat 94% 60%;background-size:10% auto;}
	.in-products .in-pro .one .tit h2{font-size:27px;color:#fff;margin:0 0 3% 0;}
	.in-products .in-pro .one .tit span{font-size:15px;color:#fff;border-radius:15px;border:1px dashed #ffffff;padding:0.4% 5%;}
	.in-products .in-pro .one{overflow:hidden;border-radius:15px;}
	.in-products .in-pro .one img{display:block;transition:all 0.6s;}
	.in-products .in-pro .one:hover img{transform:scale(1.1);}
	.in-products .in-pro .right{width:57%;float:right;}
	.in-products .in-pro ul {margin:0 -1.3%;}
	.in-products .in-pro ul li{width:47.4%;padding:0 1.3%;float:left;font-size:0;margin-bottom:4%;}
	.in-products .in-pro ul li a{width:100%;position:relative;overflow:hidden;border-radius:15px;}
	.in-products .in-pro ul li a img{width:100%;display:block;transition:all 0.6s;}
	.in-products .in-pro ul li:hover a img{transform:scale(1.1);}
	.in-products .in-pro ul li a .tit{position:absolute;top:0;padding:0 5%;width:90%;}
	.in-products .in-pro ul li a .tit h3{font-size:18px;color:#f7f8f9;margin:6% 0 2% 0;}
	.in-products .in-pro ul li a .tit p{font-size:15px;color:#f7f8f9;}
/*product category*/
	.category .nav{background:#1c5f99;}
	.category .nav li{width:20%;float:left;}
	.category .nav li a{width:100%;padding:6% 0;font-size:18px;color:#fff;text-align:center;}
	.category .nav li:hover a{background:#ff9d34;}
	.category .nav li.active a{background:#ff9d34;}
	.category .nav-pro{margin:2% -0.5% 0 -0.5%;display:none;}
	.category .nav-pro li{width:24%;padding:0 0.5%;float:left;}
	.category .nav-pro li a{width:98%;padding:1%;background:#fff;border: solid 1px #5b9ce2;}
	.category .nav-pro li a p{text-align:center;font-size:16px;color:#222;padding:2.5% 0;}
	.category .nav-pro li:hover a p{color:#ff9d34;}
/*cases-video*/
    .cases-video-bj{background:url(../images/index/case-bj.jpg) no-repeat;}
	.cases-video{margin-bottom:1.5%;}
	.case-lunbo{position:relative;}
	.case-lunbo .box{display:none;}
	.case-lunbo .box .video{width:58.4%;padding:0.8%;background:url(../images/index/case-video1.png) no-repeat;background-size:100% 100%;display:block;float:left;}
	.case-lunbo .box .video video,.case-lunbo .box .video iframe,.case-lunbo .box .video embed{width:100%;height:390px;object-fit:fill;display:block;}
	.case-lunbo .box .wz{width:37.5%;float:right;}
	.case-lunbo .box .wz h2{font-size:27px;color:#333;margin:3.5% 0 3% 0;}
	.case-lunbo .box .wz div{margin-top:5%; position:relative;}
	.case-lunbo .box .wz div a{position:absolute;top:0;padding:11.5% 0;}
	.case-lunbo .box .wz div img{display:block;width:100%;}
	.case-lunbo .box .wz div .xsrx{width:72%;left:0;}
	.case-lunbo .box .wz div .zxzx{width:26%;right:0;}
	.case-lunbo .nav{width:37.5%;position:absolute;right:0;bottom:-2.5%;}
	.case-lunbo .nav ul{margin:0 -1.5%;}
	.case-lunbo ul li{width:47%;padding:0 1.5%;float:left;margin:2% 0;}
	.case-lunbo ul li a{width:90%;padding:6% 5% 6% 5%;background:#f0f2fd;font-size:16px;color:#333;border-radius:8px;position:relative;}
	.case-lunbo ul li.active a{background:#0475e5;color:#fff;}
	.case-lunbo ul li a:after{content:'';padding:4% 4%;position:absolute;top:29.5%;right:6%;background:url(../images/index/case-icon.png) no-repeat center;}
	.case-lunbo ul li a span{width:90%;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*company*/
    .company{position:relative;margin-bottom:1.5%;}
	.company .about{height:520px;display:none;}
	.company .about .wz{position:relative;height:100%;}
	.company .about .wz h2{font-size:27px;color:#fff;width:50%;position:absolute;left:2%;top:30%;}
	.company .about .wz p{font-size:15px;color:#fff;line-height:30px;width:50%;position:absolute;left:2%;top:48%;}
	.company .gsjs{background:url(../images/index/strength-tu1.jpg) no-repeat;background-size:cover;}
	.company .jszc{background:url(../images/index/strength-tu2.jpg) no-repeat;background-size:cover;}
	.company .qywh{background:url(../images/index/strength-tu3.jpg) no-repeat;background-size:cover;}
	.company .shfw{background:url(../images/index/strength-tu4.jpg) no-repeat;background-size:cover;}
	.company ul{position:absolute;left:0;right:0;margin:0 auto;top:0;height:520px;}
	.company ul li{height:172px;width:230px;background:rgba(255,255,255,0.5);border:1px solid #fff;text-align:center;position:absolute;}
	.company ul li:hover{background:#ff9d34;}
	.company ul .active{background:#ff9d34;}
	.company ul li img{margin-top:16%;}
	.company ul li p{font-size:21px;color:#fff;}
	.company ul .one{top:0;right:231px;}
	.company ul .two{bottom:173px;right:231px;}
	.company ul .three{right:0;bottom:173px;}
	.company ul .four{right:0;bottom:0;} 
/*news spotlight*/
    .news-spotlight .news-nav{margin:0 -2%;}
	.news-spotlight .news-nav dl{width:46%;padding:0 2%;float:left;}
	.news-spotlight .news-nav dl dt{font-size:25px;color:#333;font-weight:bold;position:relative;margin-bottom:5%;}
	.news-spotlight .news-nav dl dt a{font-size:16px;color:#333;padding-right:3.5%;position:absolute;right:0;top:18%;background:url(../images/index/news-more.png) no-repeat right center;background-size:18% auto;}
	.news-spotlight .news-nav dl dt a:hover{color:#ff9d34;}
	.news-spotlight .news-nav dd{display:block;font-size:0;margin:3% 0;}
	.news-spotlight .news-nav dd a{width:100%;padding:2% 0;bordeR:1px solid #dcdcdc;}
	.news-spotlight .news-nav dd .sj{width:14%;float:left;text-align:center;border-right:1px solid #ededed;}
	.news-spotlight .news-nav dd .sj b{display:block;width:100%;font-size:21px;color:#333;}
	.news-spotlight .news-nav dd .sj span{display:block;width:100%;font-size:15px;color:#777;margin-top:5%;}
	.news-spotlight .news-nav dd .wz{width:84%;float:right;}
	.news-spotlight .news-nav dd:hover a .wz h3{color:#ff9d34!important;}
	.news-spotlight .news-nav dd:hover a .sj b{color:#ff9d34!important;}
	.news-spotlight .news-nav dd h3{font-size:18px;color:#333;margin:0;margin-bottom:2%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news-spotlight .news-nav dd p{font-size:16px;color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
    .banner{position:relative;font-size:0;}
	.banner .quote{position:absolute;left:0;bottom:0;z-index:10;width:40%;text-align:right;background:url(../images/index/p-bj-unit.jpg);font-size:0;}
	.banner .quote a img{width:100%;padding-left:3%;}
	.banner .gallery-thumbs{background:#fff;
	border-radius:8px;width:50%;height:54px;position:absolute;right:2%;bottom:1%;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide{width:33.33%!important;height:60px!important;line-height:60px; float:left;font-size:15px;color:#012345;text-align:center;position:relative;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide i{padding:0 7%;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active span{width:25%;padding:2.5% 0;display:block;left:0;right:0;margin:0 auto;z-index:1;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active .up{position:absolute;top:-4%;background:url(../images/index/banner-lb-top.png) no-repeat center top;background-size:100% 100%;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active .down{position:absolute;bottom:4%;background:url(../images/index/banner-lb-bottom.png) no-repeat center bottom;background-size:100% 100%;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(1) i{background:url(../images/index/banner-lb-1.png) no-repeat left center;background-size:100% auto;opacity: 0.4;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(2) i{background:url(../images/index/banner-lb-3.png) no-repeat left center;background-size:100% auto;opacity: 0.4;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(3) i{background:url(../images/index/banner-lb-5.png) no-repeat left center;background-size:100% auto;opacity: 0.4;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active{font-weight:bold;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active i{opacity:1!important;}	
/*in-products*/
    .in-products-bj{background:url(../images/index/p-bj-unit.jpg);padding-top:1.5%;}
	.in-products-bj .db{background:url(../images/index/p-bj.png) no-repeat center bottom;padding-bottom:4.5%;}
/*in-products*/
	.in-tit{position:relative;margin-bottom:2.5%;}
	.in-tit h1{font-size:25px;color:#333;text-align:center;margin:1% 0;font-weight:400;}
	.in-tit p{font-size:15px;color:#333;text-align:center;}
	.in-tit a{position:absolute;right:0;top:45%;font-size:15px;color:#333;border-radius:18px;border:1px solid #333;padding:0.6% 1.5%;}
	.in-tit a:hover{background:#ff9d34;color:#fff;border:1px solid #ff9d34;}
	.in-products{overflow:hidden;}
	.in-products .in-pro .one{width:41.5%;float:left;}
	.in-products .in-pro .one a{width:100%;position:relative;display:block;}
	.in-products .in-pro .one .hot{position:absolute;right:6%;top:5%;width:12%;}
	.in-products .in-pro .one .tit{position:absolute;bottom:6%;width:90%;padding:0 5%;background:url(../images/index/p1-jt.png) no-repeat 94% 60%;background-size:10% auto;}
	.in-products .in-pro .one .tit h2{font-size:21px;color:#fff;margin:0 0 3% 0;}
	.in-products .in-pro .one .tit span{font-size:15px;color:#fff;border-radius:15px;border:1px dashed #ffffff;padding:0.4% 5%;}
	.in-products .in-pro .one{overflow:hidden;border-radius:15px;}
	.in-products .in-pro .one img{display:block;transition:all 0.6s;}
	.in-products .in-pro .one:hover img{transform:scale(1.1);}
	.in-products .in-pro .right{width:57%;float:right;}
	.in-products .in-pro ul {margin:0 -1.3%;}
	.in-products .in-pro ul li{width:47.4%;padding:0 1.3%;float:left;font-size:0;margin-bottom:4%;}
	.in-products .in-pro ul li a{width:100%;position:relative;overflow:hidden;border-radius:15px;}
	.in-products .in-pro ul li a img{width:100%;display:block;transition:all 0.6s;}
	.in-products .in-pro ul li:hover a img{transform:scale(1.1);}
	.in-products .in-pro ul li a .tit{position:absolute;top:0;padding:0 5%;width:90%;}
	.in-products .in-pro ul li a .tit h3{font-size:16px;color:#f7f8f9;margin:6% 0 2% 0;}
	.in-products .in-pro ul li a .tit p{font-size:14px;color:#f7f8f9;}
/*product category*/
	.category .nav{background:#1c5f99;}
	.category .nav li{width:20%;float:left;}
	.category .nav li a{width:100%;padding:6% 0;font-size:18px;color:#fff;text-align:center;}
	.category .nav li:hover a{background:#ff9d34;}
	.category .nav li.active a{background:#ff9d34;}
	.category .nav-pro{margin:2% -0.5% 0 -0.5%;display:none;}
	.category .nav-pro li{width:24%;padding:0 0.5%;float:left;}
	.category .nav-pro li a{width:98%;padding:1%;background:#fff;border: solid 1px #5b9ce2;}
	.category .nav-pro li a p{text-align:center;font-size:16px;color:#222;padding:2.5% 0;}
	.category .nav-pro li:hover a p{color:#ff9d34;}
/*cases-video*/
    .cases-video-bj{background:url(../images/index/case-bj.jpg) no-repeat;}
	.cases-video{margin-bottom:1.5%;}
	.case-lunbo{position:relative;}
	.case-lunbo .box{display:none;}
	.case-lunbo .box .video{width:58.4%;padding:0.8%;background:url(../images/index/case-video1.png) no-repeat;background-size:100% 100%;display:block;float:left;}
	.case-lunbo .box .video video,.case-lunbo .box .video iframe,.case-lunbo .box .video embed{width:100%;height:308px;object-fit:fill;display:block;}
	.case-lunbo .box .wz{width:37.5%;float:right;}
	.case-lunbo .box .wz h2{font-size:22px;color:#333;margin:0 0 3% 0;}
	.case-lunbo .box .wz div{margin-top:5%; position:relative;}
	.case-lunbo .box .wz div a{position:absolute;top:0;padding:11.5% 0;}
	.case-lunbo .box .wz div img{display:block;width:100%;}
	.case-lunbo .box .wz div .xsrx{width:72%;left:0;}
	.case-lunbo .box .wz div .zxzx{width:26%;right:0;}
	.case-lunbo .nav{width:37.5%;position:absolute;right:0;bottom:-2.5%;}
	.case-lunbo .nav ul{margin:0 -1.5%;}
	.case-lunbo ul li{width:47%;padding:0 1.5%;float:left;margin:2% 0;}
	.case-lunbo ul li a{width:90%;padding:6% 5% 6% 5%;background:#f0f2fd;font-size:16px;color:#333;border-radius:8px;position:relative;}
	.case-lunbo ul li.active a{background:#0475e5;color:#fff;}
	.case-lunbo ul li a:after{content:'';padding:4% 4%;position:absolute;top:29.5%;right:6%;background:url(../images/index/case-icon.png) no-repeat center;}
	.case-lunbo ul li a span{width:90%;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*company*/
    .company{position:relative;margin-bottom:1.5%;}
	.company .about{height:520px;display:none;}
	.company .about .wz{position:relative;height:100%;}
	.company .about .wz h2{font-size:27px;color:#fff;width:50%;position:absolute;left:2%;top:30%;}
	.company .about .wz p{font-size:15px;color:#fff;line-height:30px;width:50%;position:absolute;left:2%;top:48%;}
	.company .gsjs{background:url(../images/index/strength-tu1.jpg) no-repeat;background-size:cover;}
	.company .jszc{background:url(../images/index/strength-tu2.jpg) no-repeat;background-size:cover;}
	.company .qywh{background:url(../images/index/strength-tu3.jpg) no-repeat;background-size:cover;}
	.company .shfw{background:url(../images/index/strength-tu4.jpg) no-repeat;background-size:cover;}
	.company ul{position:absolute;left:0;right:0;margin:0 auto;top:0;height:520px;}
	.company ul li{height:172px;width:180px;background:rgba(255,255,255,0.5);border:1px solid #fff;text-align:center;position:absolute;}
	.company ul li:hover{background:#ff9d34;}
	.company ul .active{background:#ff9d34;}
	.company ul li img{margin-top:16%;}
	.company ul li p{font-size:18px;color:#fff;}
	.company ul .one{top:0;right:181px;}
	.company ul .two{bottom:173px;right:181px;}
	.company ul .three{right:0;bottom:173px;}
	.company ul .four{right:0;bottom:0;} 
/*news spotlight*/
    .news-spotlight .news-nav{margin:0 -2%;}
	.news-spotlight .news-nav dl{width:46%;padding:0 2%;float:left;}
	.news-spotlight .news-nav dl dt{font-size:21px;color:#333;font-weight:bold;position:relative;margin-bottom:5%;}
	.news-spotlight .news-nav dl dt a{font-size:15px;color:#333;padding-right:3.5%;position:absolute;right:0;top:18%;background:url(../images/index/news-more.png) no-repeat right center;background-size:18% auto;}
	.news-spotlight .news-nav dl dt a:hover{color:#ff9d34;}
	.news-spotlight .news-nav dd{display:block;font-size:0;margin:3% 0;}
	.news-spotlight .news-nav dd a{width:100%;padding:2% 0;bordeR:1px solid #dcdcdc;}
	.news-spotlight .news-nav dd .sj{width:14%;float:left;text-align:center;border-right:1px solid #ededed;}
	.news-spotlight .news-nav dd .sj b{display:block;width:100%;font-size:18px;color:#333;}
	.news-spotlight .news-nav dd .sj span{display:block;width:100%;font-size:14px;color:#777;margin-top:5%;}
	.news-spotlight .news-nav dd .wz{width:84%;float:right;}
	.news-spotlight .news-nav dd:hover a .wz h3{color:#ff9d34!important;}
	.news-spotlight .news-nav dd:hover a .sj b{color:#ff9d34!important;}
	.news-spotlight .news-nav dd h3{font-size:16px;color:#333;margin:0;margin-bottom:2%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news-spotlight .news-nav dd p{font-size:14px;color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
}

@media screen and (max-width: 992px) and (min-width: 769px){	
/*banner*/
    .banner{position:relative;font-size:0;}
	.banner .quote{position:absolute;left:0;bottom:0;z-index:10;width:40%;text-align:right;background:url(../images/index/p-bj-unit.jpg);font-size:0;display:none;}
	.banner .quote a img{width:100%;padding-left:3%;}
	.banner .gallery-thumbs{background:#fff;
	border-radius:8px;width:60%;height:30px;position:absolute;left:0;right:0;bottom:0;margin:0 auto;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide{width:33.33%!important;height:30px!important;line-height:30px; float:left;font-size:15px;color:#012345;text-align:center;position:relative;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide i{padding:0 7%;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active span{width:25%;padding:2.5% 0;display:block;left:0;right:0;margin:0 auto;z-index:1;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active .up{position:absolute;top:-4%;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active .down{position:absolute;bottom:4%;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(1) i{background:url(../images/index/banner-lb-1.png) no-repeat left center;background-size:100% auto;opacity: 0.4;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(2) i{background:url(../images/index/banner-lb-3.png) no-repeat left center;background-size:100% auto;opacity: 0.4;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(3) i{background:url(../images/index/banner-lb-5.png) no-repeat left center;background-size:100% auto;opacity: 0.4;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active{font-weight:bold;}
	.banner .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active i{opacity:1!important;}	
/*in-products*/
    .in-products-bj{background:url(../images/index/p-bj-unit.jpg);padding-top:1.5%;}
	.in-products-bj .db{background:url(../images/index/p-bj.png) no-repeat center bottom;background-size:100% auto;padding-bottom:4.5%;}
/*in-products*/
	.in-tit{position:relative;margin-bottom:2.5%;}
	.in-tit h1{font-size:20px;color:#333;text-align:center;margin:2% 0 1% 0;font-weight:400;}
	.in-tit p{font-size:14px;color:#333;text-align:center;}
	.in-tit a{position:absolute;right:0;top:16%;font-size:14px;color:#333;border-radius:18px;border:1px solid #333;padding:0.6% 1.5%;}
	.in-tit a:hover{background:#ff9d34;color:#fff;border:1px solid #ff9d34;}
	.in-products{overflow:hidden;}
	.in-products .in-pro .one{width:41.5%;float:left;}
	.in-products .in-pro .one a{width:100%;position:relative;display:block;}
	.in-products .in-pro .one .hot{position:absolute;right:6%;top:5%;width:12%;}
	.in-products .in-pro .one .tit{position:absolute;bottom:6%;width:90%;padding:0 5%;background:url(../images/index/p1-jt.png) no-repeat 94% 25%;background-size:10% auto;}
	.in-products .in-pro .one .tit h2{font-size:18px;color:#fff;margin:0 0 3% 0;}
	.in-products .in-pro .one .tit span{font-size:14px;color:#fff;border-radius:15px;border:1px dashed #ffffff;padding:0.4% 5%;}
	.in-products .in-pro .one{overflow:hidden;border-radius:15px;}
	.in-products .in-pro .one img{display:block;transition:all 0.6s;}
	.in-products .in-pro .one:hover img{transform:scale(1.1);}
	.in-products .in-pro .right{width:57%;float:right;}
	.in-products .in-pro ul {margin:0 -1.3%;}
	.in-products .in-pro ul li{width:47.4%;padding:0 1.3%;float:left;font-size:0;margin-bottom:4%;}
	.in-products .in-pro ul li a{width:100%;position:relative;overflow:hidden;border-radius:15px;}
	.in-products .in-pro ul li a img{width:100%;display:block;transition:all 0.6s;}
	.in-products .in-pro ul li:hover a img{transform:scale(1.1);}
	.in-products .in-pro ul li a .tit{position:absolute;top:0;padding:0 5%;width:90%;}
	.in-products .in-pro ul li a .tit h3{font-size:15px;color:#f7f8f9;margin:6% 0 2% 0;}
	.in-products .in-pro ul li a .tit p{font-size:13px;color:#f7f8f9;}
/*product category*/
	.category .nav{background:#1c5f99;}
	.category .nav li{width:20%;float:left;}
	.category .nav li a{width:100%;padding:6% 0;font-size:16px;color:#fff;text-align:center;}
	.category .nav li a span{display:none;}
	.category .nav li:hover a{background:#ff9d34;}
	.category .nav li.active a{background:#ff9d34;}
	.category .nav-pro{margin:2% -0.5% 0 -0.5%;display:none;}
	.category .nav-pro li{width:24%;padding:0 0.5%;float:left;}
	.category .nav-pro li a{width:98%;padding:1%;background:#fff;border: solid 1px #5b9ce2;}
	.category .nav-pro li a p{text-align:center;font-size:15px;color:#222;padding:2.5% 0;}
	.category .nav-pro li:hover a p{color:#ff9d34;}
/*cases-video*/
    .cases-video-bj{background:url(../images/index/case-bj.jpg) no-repeat;}
	.cases-video{margin-bottom:1.5%;}
	.case-lunbo{position:relative;}
	.case-lunbo .box{display:none;}
	.case-lunbo .box .video{width:58.4%;padding:0.8%;background:url(../images/index/case-video1.png) no-repeat;background-size:100% 100%;display:block;float:left;}
	.case-lunbo .box .video video,.case-lunbo .box .video iframe,.case-lunbo .box .video embed{width:100%;height:238px;object-fit:fill;display:block;}
	.case-lunbo .box .wz{width:37.5%;float:right;}
	.case-lunbo .box .wz h2{font-size:18px;color:#333;margin:0 0 3% 0;}
	.case-lunbo .box .wz .hx{display:none;}
	.case-lunbo .box .wz div{margin-top:5%; position:relative;}
	.case-lunbo .box .wz div a{position:absolute;top:0;padding:11.5% 0;}
	.case-lunbo .box .wz div img{display:block;width:100%;}
	.case-lunbo .box .wz div .xsrx{width:72%;left:0;}
	.case-lunbo .box .wz div .zxzx{width:26%;right:0;}
	.case-lunbo .nav{width:37.5%;position:absolute;right:0;bottom:-2.5%;}
	.case-lunbo .nav ul{margin:0 -1.5%;}
	.case-lunbo ul li{width:47%;padding:0 1.5%;float:left;margin:2% 0;}
	.case-lunbo ul li a{width:90%;padding:6% 5% 6% 5%;background:#f0f2fd;font-size:14px;color:#333;border-radius:8px;position:relative;}
	.case-lunbo ul li.active a{background:#0475e5;color:#fff;}
	.case-lunbo ul li a:after{content:'';padding:4% 4%;position:absolute;top:29.5%;right:6%;background:url(../images/index/case-icon.png) no-repeat center;}
	.case-lunbo ul li a span{width:90%;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*company*/
    .company{position:relative;margin-bottom:1.5%;}
	.company .about{height:360px;display:none;}
	.company .about .wz{position:relative;height:100%;}
	.company .about .wz h2{font-size:20px;color:#fff;width:50%;position:absolute;left:2%;top:24%;}
	.company .about .wz p{font-size:14px;color:#fff;line-height:27px;width:50%;position:absolute;left:2%;top:42%;}
	.company .gsjs{background:url(../images/index/strength-tu1.jpg) no-repeat;background-size:cover;}
	.company .jszc{background:url(../images/index/strength-tu2.jpg) no-repeat;background-size:cover;}
	.company .qywh{background:url(../images/index/strength-tu3.jpg) no-repeat;background-size:cover;}
	.company .shfw{background:url(../images/index/strength-tu4.jpg) no-repeat;background-size:cover;}
	.company ul{position:absolute;left:0;right:0;margin:0 auto;top:0;height:360px;}
	.company ul li{height:118px;width:140px;background:rgba(255,255,255,0.5);border:1px solid #fff;text-align:center;position:absolute;}
	.company ul li:hover{background:#ff9d34;}
	.company ul .active{background:#ff9d34;}
	.company ul li img{margin-top:16%;}
	.company ul li p{font-size:16px;color:#fff;}
	.company ul .one{top:0;right:140px;}
	.company ul .two{bottom:120px;right:140px;}
	.company ul .three{right:0;bottom:120px;}
	.company ul .four{right:0;bottom:0;} 
/*news spotlight*/
    .news-spotlight .news-nav{margin:0 -2%;}
	.news-spotlight .news-nav dl{width:46%;padding:0 2%;float:left;}
	.news-spotlight .news-nav dl dt{font-size:18px;color:#333;font-weight:bold;position:relative;margin-bottom:5%;}
	.news-spotlight .news-nav dl dt a{font-size:14px;color:#333;padding-right:3.5%;position:absolute;right:0;top:18%;background:url(../images/index/news-more.png) no-repeat right center;background-size:18% auto;}
	.news-spotlight .news-nav dl dt a:hover{color:#ff9d34;}
	.news-spotlight .news-nav dd{display:block;font-size:0;margin:3% 0;}
	.news-spotlight .news-nav dd a{width:100%;padding:2% 0;bordeR:1px solid #dcdcdc;}
	.news-spotlight .news-nav dd .sj{width:18%;float:left;text-align:center;border-right:1px solid #ededed;}
	.news-spotlight .news-nav dd .sj b{display:block;width:100%;font-size:16px;color:#333;}
	.news-spotlight .news-nav dd .sj span{display:block;width:100%;font-size:13px;color:#777;margin-top:5%;}
	.news-spotlight .news-nav dd .wz{width:80%;float:right;}
	.news-spotlight .news-nav dd:hover a .wz h3{color:#ff9d34!important;}
	.news-spotlight .news-nav dd:hover a .sj b{color:#ff9d34!important;}
	.news-spotlight .news-nav dd h3{font-size:15px;color:#333;margin:0;margin-bottom:2%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news-spotlight .news-nav dd p{font-size:13px;color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
}

@media screen and (max-width: 769px) {
	.sj-top ul li:nth-child(1) a{background:#ff9d34;border-radius:0.1rem;color:#fff;font-weight:bold;}
/*banner*/
	.banner .swiper-slide img{width:100%;display:block;}
/*zxzx*/
	.zxzx{font-size:0;margin:0;padding:0;display:block;}
	.zxzx img{width:97%;display:block;}
/*sj-product*/
	.sj-pro{padding:0 2%;}
	.sj-pro h1,.news h1{font-size:0.36rem;color:#333;text-align:center;}
	.sj-pro h1 small,.news h1 small{font-size:0.3rem;color:#333;font-weight:400;}
	.sj-pro ul{margin:0 -1%;}
	.sj-pro ul li{width:48%;float:left;padding:0 1%;font-size:0;margin-bottom:4%;}
	.sj-pro ul li a{width:100%;border:1px solid rgba(91,156,226,0.16);background:url(../images/sjd/index/p-bj.png);border-radius:30px 30px 0px 0px;overflow:hidden;}
	.sj-pro ul li img{display:block;}
	.sj-pro ul li h3{font-size:0.27rem;color:#222;text-align:center;margin:0;padding:5% 0;}
	.sj-pro ul li:hover a{border:1px solid #0475e5;}
	.sj-pro ul li:hover a h3{color:#0475e5;}
/*case-video*/
	.case-video{padding:3% 2% 0 2%;background:url(../images/sjd/index/case-bj.jpg) no-repeat;}
	.sj-tit{position:relative;margin:5% 0;}
	.sj-tit h1{font-size:0.36rem;color:#fff;margin:2% 0;}
	.sj-tit p{font-size:0.27rem;color:#fff;}
	.sj-tit a{font-size:0.26rem;color:#fff;border:1px solid;padding:3.5% 3%;border-radius:34px;position:absolute;right:0;top:0;}
	.sj-tit a:hover{color:#0c4474;}
	.case-video .box{padding:2%;background:url(../images/index/case-video1.png) no-repeat;background-size:100% 100%;}
	.case-video .video{display:none;}
	.case-video .video video,.case-video .video iframe,.case-video .video embed{width:100%;height:3.6rem;object-fit:fill;display:block;}
	.case-video .video h2{font-size:0.32rem;color:#333;padding:3% 0 5% 0;background:url(../images/index/case-bt.png) no-repeat left bottom;background-size:20% auto;}
	.case-video .video a{display:block;}
	.case-video ul{margin:0 -1%;}
	.case-video ul li{width:46%;padding:0 1%;margin:2% 1%;float:left;font-size:0;position:relative;background:#f0f2fd;border-radius:15px;}
	.case-video ul li:after{content:'';padding:4.5%;background:url(../images/index/news-more.png) no-repeat left center;position:absolute;right:0;top:34%;}
	.case-video ul li a{padding:7% 0;width:90%;margin:0 8% 0 2%;font-size:0.27rem;color:#333;background:#f0f2fd;border-radius:15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.case-video ul li.active{background:#0475e5;}
	.case-video ul li.active a{background:#0475e5;color:#fff;}
	.case-video .lianxi{position:relative;margin-top:4%;font-size:0;}
	.case-video .lianxi a{position:absolute;top:0;padding:8.5% 0;}
	.case-video .lianxi .tel{width:72%;left:0;}
	.case-video .lianxi .zxzx{width:26%;right:0;}
/*news*/
	/*company*/
	.company{margin-top:5%;} 
	.news{padding:0 2%;margin-bottom:6%;}
	.news ul li{font-size:0;}
	.news ul li a{width:100%;padding:3% 0;}
	.news ul li span{font-size:0.27rem;color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news ul li .wz{width:75%;float:left;}
	.news ul li .sj{width:24%;float:right;}
	.news div{font-size:0;background:url(../images/sjd/index/new-btn.jpg) no-repeat center;background-size:100% auto;margin-top:5%;}
	.news div a{padding:2% 0;width:70%;margin:0 15%;text-align:center;font-size:0.28rem;color:#222;border:1px solid #777;border-radius:30px;background:#fff;}

}