/* home light */
.light-home {width:100%; position:relative; height:660px; text-align:center}
.light-home .header_bj li .imgcnt{
 position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height:100%;
	}
.imgcnt img{height: 100%;object-fit: cover;}
.light-home-gronp { width: auto; height: 120px; z-index: 999; position: absolute; bottom: 0;  left:49%; }

/*.light-home-gronp .banner-prev, .light-home-gronp .banner-next { width: 50px; height: 50px; display: block; position: absolute; top: 50%; background-color: rgba(0, 0, 0, 0.1); z-index: 100; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.light-home-gronp .banner-prev:after, .light-home-gronp .banner-next:after { content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.light-home-gronp .banner-prev { left: 10px;  }
.light-home-gronp .banner-prev:after { left: 62%; border-left: 1px solid #fff; border-bottom: 1px solid #fff; }

.light-home-gronp .banner-next { right: 10px; background-position: -22px 0;}

.light-home-gronp .banner-next:after { left: 38%; border-right: 1px solid #fff; border-top: 1px solid #fff; }
*/
/*.light-home-gronp span { background: url(light-btn.png) 0 -41px no-repeat; width: 22px; height: 41px; margin: 40px 10px; display: block; float: left; }
.light-home-gronp span:hover { background-position: -22px -41px; }
.light-home-gronp span.right { background-position: -22px 0; }

.light-home-gronp a { width: 100px; height: 100px; border: 5px #000 solid; display: inline-block; float: left; margin: 5px; background: #000; }
.light-home-gronp span.right:hover { background-position: 0 0; }
.light-home-gronp a img { opacity: 0.1; }
.light-home-gronp a:hover { border: 5px #171717 solid; }*/
.light-home-gronp a:hover img, .light-home-gronp li.imgSelected { opacity: .9; background-color:#cb0201; }

.img_list { width: auto; height: 120px; overflow: hidden;}
.img_list ul { width: 400%; }
.img_list li { float: left; display: inline; width:10px; height:10px; border-radius:5px; overflow:hidden; background-color:#fff; margin:3px; box-shadow:1px 1px 1px #000; margin-top:60px;}
.img_list li img{ display:none;}
.light-home .header_bj { width: 100%; overflow: hidden; }
.light-home .header_bj li { text-align:center;}
.light-home .header_bj li.h_b_1 { background: url(001.jpg) no-repeat center; }
.light-home .header_bj li.h_b_2 { background: url(002.jpg) no-repeat center; display: none; }
.light-home .header_bj li.h_b_3 { background: url(003.jpg) no-repeat center; display: none; }
.light-home .header_bj li.h_b_4 { background: url(004.jpg) no-repeat center; display: none; }
.light-home .header_bj li.h_b_5 { background: url(005.jpg) no-repeat center; display: none; }


/* home video*/
video:focus{ outline:none; border:none;}
video::-internal-media-controls-download-button{display:none}
video::-webkit-media-controls-enclosure{overflow:hidden}
video::-webkit-media-controls-panel{width:calc(100% + 30px)}
video.videoBg::-moz-media-controls,video.videoBg::-ms-media-controls,video.videoBg::-webkit-media-controls,video.videoBg::-webkit-media-controls-enclosure{display:none!important}
video.videoBg::-webkit-media-controls-panel,video.videoBg::-webkit-media-controls-panel-container,video.videoBg::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}

.home-video{ width:100%;position:relative;}
.home-video .videoBox {width:100%;height:0;padding-bottom:41.4%;}
.home-video .videoBox .videocover {width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;}
.home-video .videoBox .videocover ._bg {width: 100%;height: 100%;}
.home-video .videoBox .videocover ._bg img {width: 100%;height: 100%;object-fit: cover;}
.home-video .videoBox .videocover .play_btn {position:absolute;top:50%;left:50%;z-index:5;transform:translate(-50%, -50%);width:80px;height:80px;background:url(play.png) no-repeat center center;background-size:cover;}
.home-video .videoBox #videoplay{width:100%;height:100%;object-fit:cover;display: none;position: absolute;top: 0;left: 0;}

/*home about01*/
.home-about01{ width:100%; margin-top:30px;}
.home-about01 li{ width:49%;position: relative;transition: all .6s ease;}
.home-about01 li:hover{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

.home-about01 li .box2{display:block;width:100%;height:100%;position:relative}
.home-about01 li .box2:hover:before{left:0;right:0;opacity:0}
.home-about01 li .box2:hover:after{top:0;bottom:0;opacity:0}
.home-about01 li .box2:after,.home-about01 li .box2:before{content:"";background-color:hsla(0,0%,100%,.4);position:absolute;opacity:1;transition:1s ease;z-index:9}
.home-about01 li .box2:before{top:0;bottom:0;left:50%;right:51%}
.home-about01 li .box2:after{top:51%;bottom:50%;left:0;right:0}
.home-about01 li .box2 .tu{width:100%;height:100%;transition:1s ease} 

/*home items*/
.home-items{ width:100%; position:relative; margin-top:20px;}
/*home category*/
.home-category{width:100%; position:relative; margin-top:20px; margin-bottom:10px;}
.home-categorylist{width:100%; height:860px; position:relative; }
.home-categorylist ul{ position:absolute; top:-60px; left:0;padding:0 7.5%; z-index:1}
.home-categorylist ul li{float:left; margin:0px 10px; height:450px; overflow:hidden; text-align:center}
.home-categorylist ul li h4{ font-size:16px; margin-top:10px; font-weight:bold; margin-bottom:20px;}
.home-categorylist ul li span{  display:inline-block;position: relative;text-align:center;width: 98px; height: 28px;line-height: 26px;border: 2px solid #1C384D; color: #1C384D; font-size: 14px; font-weight:500;border-radius: 30px; overflow:hidden}

.home-categorylist ul li .box2{display:block;width:100%;position:relative}
.home-categorylist ul li .box2 img{border-radius:6px;}
.home-categorylist ul li .box2:hover:before{left:0;right:0;opacity:0}
.home-categorylist ul li .box2:hover:after{top:0;bottom:0;opacity:0}
.home-categorylist ul li .box2:before{content:"";background-color:hsla(0,0%,100%,.4);position:absolute;opacity:1;transition:1s ease;z-index:9}
.home-categorylist ul li .box2:before{top:0;bottom:0;left:50%;right:51%}
.home-categorylist ul li .box2:after{top:51%;bottom:50%;left:0;right:0}
.home-categorylist ul li .box2 .tu{width:100%;height:100%;transition:1s ease}

.home-categorylist ul li span:hover {color: #fff;}
.home-categorylist ul li span:hover:before { top: -30%;}
.home-categorylist ul li span:before {content: ""; position: absolute; left: -10px; top: 150%; z-index: -9; width: 120%;height: 180%; background: #05425F;transform: skewY(10deg); transition: 0.48s;}


/*home products*/
.home-products{ width:100%; margin-top:20px; text-align:center}
.home-products h2{ font-size:18px; margin-bottom:20px;}
.home-products ul{ width:100%; height:100%; position:relative;}
.home-products li{ float:left; width:15%; margin:0.8%; display:block;height:auto;position: relative;transition: all .6s ease;}
.home-products li img{ width:100%;}

.home-products li:hover{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-moz-box-shadow:0 0 8px #a6a6a6;-webkit-box-shadow:0 0 8px #a6a6a6;box-shadow:0 0 8px #a6a6a6}
.home-products ul li .box2{display:block;width:100%;height:100%;position:relative}
.home-products ul li .box2:hover:before{left:0;right:0;opacity:0}
.home-products ul li .box2:hover:after{top:0;bottom:0;opacity:0}
.home-products ul li .box2:before{content:"";background-color:hsla(0,0%,100%,.4);position:absolute;opacity:1;transition:1s ease;z-index:9}
.home-products ul li .box2:before{top:0;bottom:0;left:50%;right:51%}
.home-products ul li .box2:after{top:51%;bottom:50%;left:0;right:0}
.home-products ul li .box2 .tu{width:100%;height:100%;transition:1s ease}

.home-items ul li{ position:relative;}
.home-items ul li .box2{display:block;width:100%;height:100%;position:relative}
.home-items ul li .box2:hover:before{left:0;right:0;opacity:0}
.home-items ul li .box2:hover:after{top:0;bottom:0;opacity:0}
.home-items ul li .box2:before{content:"";background-color:hsla(0,0%,100%,.4);position:absolute;opacity:1;transition:1s ease;z-index:9}
.home-items ul li .box2:before{top:0;bottom:0;left:50%;right:51%}
.home-items ul li .box2:after{top:51%;bottom:50%;left:0;right:0}
.home-items ul li .box2 .tu{width:100%;height:100%;transition:1s ease}

.home-items ul li .home-itemst-center{ width:100%; overflow:hidden}
.home-items ul li .home-itemst-center .fview{position: absolute;width: 100%;top: 165px;text-align:center;z-index: 4; color:#FFF}
.home-itemst-center .fview img{width: 100%;object-fit: cover;}
.home-itemst-center .fview h2{ font-size:72px; font-weight:bold; display:inline-block; }
.home-itemst-center .fview span{ font-size:64px; font-weight:bold;}
.home-itemst-center .fview p{ font-size:56px; display:inline-block; color:#FFF}
.home-items ul li .home-itemst-center .ffont{position: absolute;width: 100%;top: 270px;text-align:center;z-index: 4;}
.home-items ul li .home-itemst-center .ffont span{ font-size:18px; color:#fff; display:inline-block; margin:0 15px;}


/* home inspection */
.home-inspection{width:100%; position:relative; margin-top:25px;}
.home-inspection li{ width:49%;}
.home-inspection-item{width: 100%;position: relative;overflow: hidden;transition: all .6s ease;}
.home-inspection-img{width: 100%;}
.home-inspection-img img{width: 100%;object-fit: cover;}
.home-inspection-cont-center{width: 100%;}
.home-inspection-cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: flex-end;padding: 20px 36px;z-index: 4;}
.home-inspection-cont h4{font-weight:bold;line-height:30px;font-size: 24px;color: #fff;text-overflow:ellipsis;overflow:hidden; }
.home-inspection-cont p{font-size: 15px;color: #fff;line-height: 24px;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; margin:8px 0px}
.home-inspection-cont span{ display:block;position: relative;text-align:center;width: 102px; height: 28px;line-height: 26px;border: 2px solid #fff; color: #fff; font-size: 14px; border-radius: 30px; overflow:hidden}
.home-inspection-cont span:hover {color: #05425F;}
.home-inspection-cont span:hover:before { top: -25%;}
.home-inspection-cont span:before {content: ""; position: absolute; left: -10px; top: 130%; z-index: -1; width: 120%;height: 160%; background: #fff;transform: skewY(10deg); transition: 0.48s;}

.home-inspection-shade{position: absolute;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,0.8);opacity: 0.1;top: 0%;left: 0;transition: all .6s ease;}

.home-inspection-item:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1)}
.home-inspection-item:hover .home-inspection-shade{opacity: .8;}
.home-inspection-cont h4,.home-inspection-cont p{opacity: 1;transform: translateY(20px);transition: all .4s ease;}

.home-inspection-item:hover .home-inspection-cont h4{opacity: 1;transform: translateY(0);transition: all .4s ease 0.2s;}
.home-inspection-item:hover .home-inspection-cont p{opacity: 1;transform: translateY(0);transition: all .4s ease 0.3s;}

/* 产品图片点开相册效果 */
#spotlight.only-this-gallery{clip-path: circle(0px at center);-webkit-clip-path:circle(0px at center);}
#spotlight.only-this-gallery.show{clip-path: circle(100% at center);-webkit-clip-path: circle(100% at center); transition: clip-path ease 1s;-webkit-transition: clip-path ease 1s;}


/* home why */
.whyus{background:url('home18.gif') no-repeat top center; margin-top:30px; height:505px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.numBar_title{text-align:center; padding-top:180px; }
.numBar_title li{font-size:48px;color:#1c384d;float:left; text-align:center;padding-top:55px;  }
.numBar_title .home-cun1{background:url(home-ico2.png) no-repeat top; height:137px; width:136px; overflow:hidden;margin-left:12%; }
.numBar_title .home-cun2{background:url(home-ico2.png) no-repeat 0px -138px; height:137px; width:136px; overflow:hidden;margin-left:5%; }
.numBar_title li span { font-size:48px; color:#1c384d; margin-top:50px; }

.numBar { clear:both;margin-bottom:20px; padding-top:20px; }
.numBar ul { padding:3vw 0; overflow:hidden; width:86%; margin:0 auto;}
.numBar li { font-size:42px; color:#000; float:left; text-align:center; padding-top:30px; }
.numBar li span { font-size:46px; color:#000; position:relative;}
.numBar .home-cun3{background:url(home-ico3.png) no-repeat left top; height:68px; width:162px; overflow:hidden;margin-left:5%; }
.numBar .home-cun4{background:url(home-ico3.png) no-repeat 0px -68px; height:68px; width:308px; overflow:hidden;margin-left:4%; }
.numBar .home-cun5{background:url(home-ico3.png) no-repeat 0px -136px; height:68px; width:329px; overflow:hidden;margin-left:4%; }

.numBar .home-cun5 .cun5{ margin-right:20px;}
.numBar .home-cun5 .cun5:after { content:'万'; line-height:30px; position:absolute; right:-20px; top:20px; font-size:16px;}

.whyBar ul li{ width:23%; float:left; margin-right:1%; margin-left:1%; }

.whyus2{background:url('home19.gif') no-repeat top center; margin-top:30px; height:505px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.numBar2 { clear:both;margin-bottom:20px; padding-top:20px; }
.numBar2 ul { padding:3vw 0; overflow:hidden; width:86%; margin:0 auto;}
.numBar2 li { font-size:42px; color:#000; float:left; text-align:center; padding-top:30px; }
.numBar2 li span { font-size:46px; color:#000; position:relative;}
.numBar2 .home-cun3{background:url(home-ico4.png) no-repeat left top; height:68px; width:162px; overflow:hidden;margin-left:5%; }
.numBar2 .home-cun4{background:url(home-ico4.png) no-repeat 0px -68px; height:68px; width:308px; overflow:hidden;margin-left:4%; }
.numBar2 .home-cun5{background:url(home-ico4.png) no-repeat 0px -136px; height:68px; width:329px; overflow:hidden;margin-left:4%; }

.numBar2 .home-cun5 .cun5{ margin-right:20px;}
.numBar2 .home-cun5 .cun5:after { content:'Th'; line-height:30px; position:absolute; right:-20px; top:20px; font-size:16px;}


.in-about-link { position: relative; }
.in-about-link img { display: block; width: 100%; border-radius:12px;}
.in-about-link .in-about-wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.5);border-radius:15px; }
.in-about-link .in-about-cont { width: 100%; position: absolute; left: 0; top: 50%; z-index: 2; color: #fff; text-align: center; font-size: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.in-about-link .in-about-cont h4 { font-size: 24px; }
.in-about-link .in-about-cont h4:after { content: ''; display: block; width: 55px; height: 2px; background-color: #fff; margin: 10px auto 7px; }
.in-about-link .in-about-cont p { color: #fff; font-size: 18px; margin-top:30px; text-align:center }
.in-about-link .in-about-wrap { -webkit-transition: 1s; transition: all 1s ease }
.in-about-link:hover .in-about-wrap { background-color: rgba(152, 0, 0, 0.3);border-radius:15px; }


/*links友情链接*/
.links{margin-top:150px; clear:both; height:90px; color:#545454}
.links ul li{ float:left; text-align:left; width:90px; margin-right:5px;}
.links ul li a{ color:#999}


@media screen and (max-width: 1100px) {
.light-home, .light-home .header_bj li.h_b_1, .light-home .header_bj li.h_b_2, .light-home .header_bj li.h_b_3, .light-home .header_bj li.h_b_4, .light-home .header_bj li.h_b_5 { background-size: auto 600px; height: 600px; }
.light-home-gronp { top: 450px; }

.home-categorylist{ height:700px;}
.home-categorylist ul li{ margin:0px 2%; width:29.33%; height:auto; margin-bottom:10px; }
.home-categorylist ul li img{ width:100%; }

.numBar ul { padding:1vw 0;width:100%;}
}
@media(min-width: 891px) and (max-width: 1049px){
	.numBar ul { padding:1vw 0;width:100%;}
	.numBar .home-cun3{margin-left:1%;}
	.numBar .home-cun4{margin-left:2%;}
	.numBar .home-cun5{margin-left:2%;}
	}
@media screen and (max-width: 890px) {
.loader-circular {width: 400px;  padding-bottom: 400px;}
.loader-line:before { width: 60px;}
.loader-line.left { margin-right: 80px;}
.loader-line.right {  margin-left: 80px;}
.loader-logo {width:100px;}
.loader-logo p { font-size:16px;}

.light-home, .light-home .header_bj li.h_b_1, .light-home .header_bj li.h_b_2, .light-home .header_bj li.h_b_3, .light-home .header_bj li.h_b_4, .light-home .header_bj li.h_b_5 {  max-width:100%; background-size:auto 160px; height: 160px; }


.home-about01 li img{ width:100%; overflow:hidden;}
.home-items img{ width:100%; overflow:hidden; }
.home-category-title img{width:100%; overflow:hidden; }

.home-inspection-cont{ padding-left:18px; padding-top:100px;}
.home-inspection-cont h4{opacity: 1; font-size:16px; line-height:16px; width:100%; }
.home-inspection-cont span{ display:none; width:72px; height:20px; font-size:12px; line-height:16px;}
.home-inspection-cont p{font-size: 12px; width:100%; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1;}

.home-inspection-shade{opacity: 0.5; }

.home-categorylist{ height:auto; min-height:740px;}
.home-categorylist ul{ position:absolute; top:-30px; left:0;padding:0 2%; }
.home-categorylist ul li{ margin:0px 2%; width:46%; height:auto; margin-bottom:10px; }
.home-categorylist ul li img{ width:100%;}
.home-categorylist ul li h4{ font-size:14px;margin-bottom:10px;}
.home-categorylist ul li span{height:20px; font-size:12px; line-height:16px; width:72px;}

.home-products ul{}
.home-products li{  width:30%; margin:1.5%; display:block; height:auto; margin-bottom:10px;}

.whyus{ margin-top:0px;height:250px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover; 
}
.numBar_title{ padding-top:80px; }
.numBar_title li{font-size:30px;padding-top:30px;  }
.numBar_title .home-cun1{height:80px; width:79px;margin-left:8%;background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-ms-background-size: cover; -o-background-size: cover;  }
.numBar_title .home-cun2{background:url(home-ico2.png) no-repeat 0px -80px;height:80px; width:79px;background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-ms-background-size: cover; -o-background-size: cover; }
.numBar_title li span { font-size:30px; color:#1c384d; margin-top:50px; }


.numBar {margin-bottom:20px; padding-top:20px; }
.numBar ul { padding:1vw 0;width:100%;}
.numBar li { font-size:23px; padding-top:10px;}
.numBar li span { font-size:23px;}
.numBar .home-cun3{background:url(home-ico3-1.png) no-repeat top;height:35px; width:83px;margin-left:2%; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-ms-background-size: cover; -o-background-size: cover; }
.numBar .home-cun4{background:url(home-ico3-2.png) no-repeat top; height:35px; width:120px; margin-left:2%;background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-ms-background-size: cover; -o-background-size: cover;}
.numBar .home-cun5{background:url(home-ico3-3.png) no-repeat top; height:35px; width:120px;margin-left:2%;background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-ms-background-size: cover; -o-background-size: cover; }

.numBar .home-cun5 .cun5{ margin-right:15px;}
.numBar .home-cun5 .cun5:after { right:-15px; top:0px; font-size:12px;}


.whyus2{ margin-top:0px;height:250px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover; 
}

.numBar2 {margin-bottom:20px; padding-top:20px; }
.numBar2 ul { padding:1vw 0;width:100%;}
.numBar2 li { font-size:23px; padding-top:10px;}
.numBar2 li span { font-size:23px;}
.numBar2 .home-cun3{background:url(home-ico3-4.png) no-repeat top;height:35px; width:83px;margin-left:2%; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-ms-background-size: cover; -o-background-size: cover; }
.numBar2 .home-cun4{background:url(home-ico3-5.png) no-repeat top; height:35px; width:120px; margin-left:2%;background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-ms-background-size: cover; -o-background-size: cover;}
.numBar2 .home-cun5{background:url(home-ico3-6.png) no-repeat top; height:35px; width:120px;margin-left:2%;background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-ms-background-size: cover; -o-background-size: cover; }

.numBar2 .home-cun5 .cun5{ margin-right:15px;}
.numBar2 .home-cun5 .cun5:after { right:-15px; top:0px; font-size:12px;}


.home-items ul li .home-itemst-center .fview{top: 40px;}
.home-items ul li .home-itemst-center .fview h2{ font-size:24px;}
.home-items ul li .home-itemst-center .fview span{ font-size:24px;}
.home-items ul li .home-itemst-center .fview p{ font-size:18px;}

.home-items ul li .home-itemst-center .ffont{top: 100px;}
.home-items ul li .home-itemst-center .ffont span{ font-size:12px; margin:0 2px;}
.home-video .videoBox .videocover .play_btn{ width:30px; height:30px;} 


.light-home-gronp { top: 80px; }
.menu ul { width: 100%; }
.contant { width: 100%; }
.side { width: 100%; }
.links{display:none}

}