@charset "utf-8";

/* CSS Document */

 
 
@keyframes scaleDraw {
	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0% {
	-webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
	/*开始为原始大小*/
}

100% {
	-webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
}


.slideBox {
    /* width:100%; */
    position: relative;
    margin: 0 auto;
    background: #000; 
}

.slideBox .bd {
    position: relative;
    height: 100%;
    overflow: hidden
}

.slideBox .bd li {
    vertical-align: middle;
    position: relative;
}

.slideBox .bd .b-img {
    width: 100%;
    display: block;
    animation: changeScale 1 2.5s;
}

.slideBox .bd .s-img {
    display: none;
}

.slideBox .hd {
    position: absolute;
    width: 100%; left:3.3rem; top:60%;
    z-index: 2;  
}

.slideBox .hd ul {
    zoom: 1;
    color: #fff;
    width: 100%;  
}

.slideBox .hd ul li {
    display: inline-block;
    margin: 0 18px;
    cursor: pointer;
    transition-duration: .5s;  position:relative; width:12px; height:12px; border:1px solid #fff; border-radius:50%;
}

.slideBox .hd ul li.on { background:#fff;}
.banner-txt{ width:100%; position:absolute; top:38%; left:0; color:#fff; }
.banner-txt .CbContainer h1{ font-size:0.48rem; font-weight:normal; line-height:1.2; padding-bottom:0.34rem;}
.banner-txt .CbContainer p{ font-size:0.18rem; }
.banner-txt .Menubox{ position:relative; width:8.22rem;}
.banner-txt .Menubox .yj-cd{ padding-left:1.58rem; position:relative;}
.banner-txt .Menubox .yj-cd dl{ cursor:pointer; float:left;position:relative; font-size:0.22rem; position:relative; padding:0 0.13rem; opacity:0.6}
.banner-txt .Menubox .yj-cd dl:after{ content:""; width:5px; height:5px; background:#fff; position:absolute; border-radius:50%; right:0; top:50%; margin-top:-2.5px;}
.banner-txt .Menubox .yj-cd dl:last-child:after{ display:none;}
.banner-txt .Menubox .yj-cd dl.hover{ opacity:1;}
.banner-txt .Menubox .yj-cd:before,.banner-txt .Menubox:after{ content:""; width:1.57rem; height:1px; background:rgba(255,255,255,0.4); position:absolute; left:0; top:50%; margin-top:-0.5px;}
.banner-txt .Menubox:after{ width:4.2rem; left:auto; right:0;}

a.jumpto {
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
	width:56px;
	height:70px;
	display: block;
	position: absolute;
	z-index: 100;
	left:50%;
	bottom:35px;
	margin:0 0 0 -27.5px;
	z-index:9999999;
	-webkit-animation: jumptoMap 1.5s linear infinite;
	animation: jumptoMap 1.5s linear infinite;
	-moz-animation: jumptoMap 1.5s linear infinite;
	-o-animation: jumptoMap 1.5s linear infinite;
	-ms-animation: jumptoMap 1.5s linear infinite;
	 
	cursor:pointer;
}
.home-about{ padding:0.67rem 0; position:relative;}
.in-ti{ text-align:center; margin-bottom:0.3rem;}
.in-ti p{ color:#8cc31b; font-size:0.18rem; text-transform:uppercase;}
.in-ti h1{ font-size:0.38rem;font-family: "SourceHanSansCN-bold"; font-weight:bold; line-height:1.3;}
.home-ab-shu dl{ width:25%; text-align:center; float:left;}
.home-ab-shu dl dt{ width:1.34rem; height:1.34rem; border:1px solid #8cc31b; border-radius:50%; position:relative; margin:0 auto;}
.home-ab-shu dl dt img{ position:absolute; top:0; bottom:0; right:0; left:0; margin:auto;}
.home-ab-shu dl:hover dt img{ -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}
.home-ab-shu dl dd h1{ font-size:0.26rem;font-family: "SourceHanSansCN-bold"; padding:0.1rem 0;}
.home-ab-shu dl dd p{ font-size:0.18rem; line-height:1.4; width:80%; margin:0 auto;}
.ab-en{ font-size:1.8rem; opacity:0.03; text-transform:uppercase; position:absolute; width:100%; text-align:center; top:10%; left:0;font-family: "SourceHanSansCN-bold";font-weight:bold;}
.home-pro{ background:url(../images/bg.jpg) no-repeat top center; padding:0.63rem 0;}
.home-pro .in-ti h1{ display:inline-block; position:relative; padding:0 0.8rem; color:#fff;}
.home-pro .in-ti h1:before,.home-pro .in-ti h1:after{ content:""; width:57px; height:4px;background: linear-gradient(left , rgba(255, 255, 255, 0.01) 21% , rgb(255, 255, 255) 59%);
background: -o-linear-gradient(left , rgba(255, 255, 255, 0.01) 21% , rgb(255, 255, 255) 59%);
background: -ms-linear-gradient(left , rgba(255, 255, 255, 0.01) 21% , rgb(255, 255, 255) 59%);
background: -moz-linear-gradient(left , rgba(255, 255, 255, 0.01) 21% , rgb(255, 255, 255) 59%);
background: -webkit-linear-gradient(left , rgba(255, 255, 255, 0.01) 21% , rgb(255, 255, 255) 59%); position:absolute; left:0; top:50%; margin-top:-2px;}
.home-pro .in-ti h1:after{ left:auto; right:0;background: linear-gradient(right , rgba(255, 255, 255, 0.01) 59% , rgb(255, 255, 255) 59%);
background: -o-linear-gradient(right , rgba(255, 255, 255, 0.01) 21% , rgb(255, 255, 255) 59%);
background: -ms-linear-gradient(right , rgba(255, 255, 255, 0.01) 21% , rgb(255, 255, 255) 59%);
background: -moz-linear-gradient(right , rgba(255, 255, 255, 0.01) 21% , rgb(255, 255, 255) 59%);
background: -webkit-linear-gradient(right , rgba(255, 255, 255, 0.01) 21% , rgb(255, 255, 255) 59%);}
.home-ab-shu dl:nth-child(3) dd h1{ padding-top:0.21rem;}

.pc-slide {
	width: 100%;
	margin: 0 auto; position:relative; background:#fff;-moz-box-shadow:1px 1px 4px #A8A8A8; -webkit-box-shadow:1px 1px 4px #A8A8A8; box-shadow:1px 1px 4px #A8A8A8; overflow:hidden;
}
 
.view .swiper-container {
	width: 100%;
}
 
.view .swiper-slide-active{ width:100% !important}
.view .swiper-slide-active .zc-nr p{ font-size:0.16rem; padding-bottom:0.2rem; padding-left:0.4rem; text-align: justify;}
.view .arrow-left,.view .arrow-right {
	background: url(../images/pre.png) no-repeat center;
	position: absolute;
	left: 2%;
	top: 1.15rem;
	width: 19px;
	height: 31px;
	z-index: 10; 
}

.view .arrow-right { left:auto;right: 46%;transform:rotate(180deg);}
 

.preview { position:absolute; top:0.84rem; left:0.54rem; z-index:2; width:50%;
}
 
.preview .swiper-container {
	width: 100%;
	  text-align:center; position:relative; z-index:2;
}
.preview:after{ content:""; width:90%; height:1px; background:#9e9e9e; position:absolute; left:2.5%; top:0.4rem; z-index:1;}
.preview .swiper-slide {
	width: 14.2%;
	cursor:pointer; text-align:center; z-index:2; position:relative; 
}
.preview .active-nav{  }
 .zc-lm h1{ position:relative; width:0.84rem; height:0.84rem; margin:0 auto; border:1px solid #9e9e9e; border-radius:50%; background:#fff;}
.zc-lm h1 img{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; transition-duration:.5s;}
.zc-lm h1 img:nth-child(2),.preview .active-nav .zc-lm h1 img:nth-child(1){ opacity:0;}
.zc-lm p{ font-size:0.18rem;font-family: "SourceHanSansCN-bold"; font-weight:bold; color:#555; line-height:1.3; padding-top:0.15rem;}
.preview .active-nav .zc-lm h1 img:nth-child(2){ opacity:1;}
.preview .active-nav .zc-lm h1{ border:1px solid #8cc31b}
.preview .active-nav .zc-lm p{ color:#8cc31b}
.p-img{ width:45%; overflow:hidden; background:#000; height:6.4rem;}
.p-img img,.new-img img{ width:100%; display:block; transition-duration:.5s;}
.new-img img{ height:3.1rem;object-fit: cover;}
.p-img:hover img,.item:hover .new-img img{ opacity:0.8; transform:scale(1.1)}
.p-txt{ background:#fff; height:6.4rem; width:55%;  padding:2.9rem 0.77rem 0.77rem;}
.p-txt h1{ font-size:0.3rem;font-family: "SourceHanSansCN-bold"; font-weight:bold;}
.p-txt p{ font-size:0.18rem; color:#666; margin:0.2rem 0;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical; line-height:1.5}
.p-txt a{display: flex; align-items: center; color:#8cc31b; font-size:0.18rem;}
.p-txt a img{ margin-right:0.15rem;}
.p-txt a:hover{ font-weight:bold;}
.pro-en{ position:absolute; top:0; left:0; z-index:2; display:none}
.case-nav{display: flex;justify-content: center;align-items: center; padding:0 0.23rem; margin-bottom:0.42rem ;}
.case-nav li{ width:14.5%; margin:0 0.2%;}
.case-nav li a{display: flex;justify-content: center;align-items: center; font-size:0.19rem; border:1px solid #c4c4c4; border-radius:20px; height:46px; text-align:center; line-height:22px;font-family: "SourceHanSansCN-bold"; font-weight:bold; color:#555; transition-duration:.5s;}
.case-nav li a:hover{ color:#fff; background:#8cc31b}
.zt-list .owl-carousel .item{ background:#000;}
.zt-list .owl-carousel .item img{ display:block;opacity:0.68;    height: 6rem;
    object-fit: cover;}
.zt-list .owl-carousel .item .fw-txt{ opacity:0; position:absolute; bottom:0; background:rgba(0,0,0,0.5); width:100%; text-align:center; color:#fff; line-height:0.64rem; font-size:0.18rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zt-list .owl-carousel .center .item .fw-txt{ opacity:1;}
.zt-list .owl-carousel .center .item img{ opacity:1}
.zt-list .owl-carousel .owl-dots{ display:none !important }
.zt-list .owl-carousel .owl-prev,.zt-list .owl-carousel .owl-next{width: 39px;
    height:71px;
    background: url(../images/pre1.png) no-repeat !important;
    padding: 0;
    text-indent: 9999px !important;
    position: absolute;
    left: 16%;
    overflow: hidden;
    background-size: contain;
    top: 40%; padding:0 !important; border-radius:0 !important;
    }
.zt-list .owl-carousel .owl-next{ left:auto; right:16%; transform:rotate(180deg)}
.home-new{ background:url(../images/b.png) no-repeat bottom center; padding:0.73rem 0 1.3rem 0;}
.new-img{ overflow:hidden; background:#000;}
.new-title{ font-size:0.2rem; text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin:0.23rem 0;}
.new-date{display: flex;justify-content: center;align-items: center; position:relative; line-height:0.58rem; font-size:0.17rem;}
.new-date img { width:auto !important; margin-right:0.1rem;}
.new-date:after,.new-date:before{ content:""; width:40%; height:1px; background:#adb5ba; position:absolute; transform:translateY(-50%); top:0; transition-duration:.5s;}
.new-date:after{ top:auto; bottom:0;}
.item:hover .new-date:after,.item:hover .new-date:before{ width:100%; background:#8cc31b}
.home-new .owl-theme .owl-controls{ display:none !important}


@media only screen and (min-width: 1650px){
	.slideBox{ height:100vh}  
	}


@media only screen and (max-width: 1650px){
	 .slideBox .hd{ left:2.6rem; top:60%;} 
	 .in-ti p{ font-size:0.2rem;}
	}

@media only screen and (max-width: 1450px) {
	  
	}

@media only screen and (max-width: 1366px) {}

@media only screen and (max-width: 1280px) {
 .home-pro .in-ti h1{ padding:0 1rem;}
 .slideBox .hd {
    left: 1.8rem;
    
}
	}


@media only screen and (max-width: 992px) {}

@media only screen and (max-width: 760px) {
	.slideBox .bd .s-img{ display:block;}  
	.slideBox .bd .b-img,a.jumpto,.pro-en,.zt-list .owl-carousel .owl-prev, .zt-list .owl-carousel .owl-next{ display:none !important;}
	.banner-txt .CbContainer h1{ font-size:17px;}
	.banner-txt .wrap{ padding:0 10px;}
	.slideBox .hd{ top:auto; text-align:center; bottom:10px; left:0;}
	.banner-txt .Menubox .yj-cd dl,.zc-lm p,.new-title,.new-date{ font-size:14px;}
	.home-about,.home-pro,.home-new{ padding:30px 15px;}
	.in-ti p,.home-ab-shu dl dd h1{ font-size:17px;}
	.in-ti h1{ font-size:20px;}
	.ab-en{ font-size:50px;}
	.home-ab-shu dl{ width:100%; margin-bottom:10px;}
	.home-ab-shu dl dt img{ width:45px;}
	.home-ab-shu dl dd p{ width:100%; font-size:13px;}
	.home-pro .in-ti h1{ padding:0 70px;}
	.home-pro .in-ti h1:before, .home-pro .in-ti h1:after{ height:2px;}
	.p-txt,.p-img{ width:100%; height:auto;}
	.preview{ width:100%;position:relative; left:0; top:10px;}
	.preview .swiper-slide{ width:25%;}
	.p-txt{ padding:15px; }
	.preview:after{ width:80%; left:10%;}
	.view .arrow-left, .view .arrow-right{ left:1%; top:-13%; background-size:10px 16px;}
	.view .arrow-right{ left:auto; right:1%;}
	.case-nav{ display:block;}
	.case-nav li{ width:32.5%; float:left; margin:0 0.25% 10px;}
	.case-nav li a{ font-size:14px; padding:0 10px; line-height:20px; }
	.zt-list .owl-carousel .owl-dots{ display:block !important}
	.new-date:after, .new-date:before{ width:100%;}
	.new-date img{ width:20px !important}
	.home-case .owl-theme .owl-dots .owl-dot span{ width:6PX; height:6PX; margin:5PX 2PX;}
	 .slideBox .hd ul li{ margin:0 3px;}
	 .p-txt p{ font-size:13px;}
}

@-webkit-keyframes grow {
    from {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(2);
    }
}

@-moz-keyframes grow {
    from {
        -moz-transform: scale(1);
    }
    to {
        -moz-transform: scale(2);
    }
}

@keyframes grow {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.5);
    }
}