body {margin: 0;padding: 0;background: #000;color: #fff;overflow-x: hidden;}
body,a,input,select,textarea {font-family: "Microsoft YaHei", "Source Han Sans CN", "PingFang SC", Arial, -apple-system, sans-serif;}
body a {text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
body a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
h1,h2,h3,h4,h5,h6,strong{font-weight: bold;margin: 0;padding: 0;} 
.pcshow {display: block;}
.mbshow {display: none!important;}

.sh-success-story {overflow: hidden;position: relative;}
.sh-success-story-section {overflow: hidden;position: relative;}
.sh-success-story .imgblock {display: block;width: 100%;height: auto;}
.sh-success-story .imgcenter {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.sh-success-story .title-1  {color: #fff;}
.sh-success-story .line-1  {margin: 2rem 0;}
.sh-success-story .line-1 i {display: block;width: 8rem;height: 4px;background: #4db560;}
.sh-success-story .txt-1  {overflow: hidden;}
.sh-success-story .button-1  {margin-top: 3rem;}
.sh-success-story .button-1 a {display: inline-block;align-items: center;background: #4db560;padding: 2rem 5rem;font-size: 0;}
.sh-success-story .button-1 a i {display: inline-block;vertical-align: middle;width: 1.3rem;height: 1.5rem;background: url('play.png') center no-repeat;background-size: 100%;margin-right: 1rem;}
.sh-success-story .button-1 a span {display: inline-block;vertical-align: middle;color: #fff;font-weight:bold;position: relative;z-index:10;}
.sh-success-story .button-1 a:hover {background: #74f98c;}
.sh-section-1 {overflow: hidden;}
.sh-section-1 .pic-1{position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
.sh-section-1 .pic-1::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url('img.png') center no-repeat rgba(0,0,0,.5);background-size: 100% 100%;z-index: 30;}
.sh-section-1 .text-1{text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 40;}
.sh-section-1 .text-1 .line-1 i{margin: auto;}
.sh-section-1 .video-1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 11;}
.sh-section-1 .video-1 video {width: 100%;height: 100%;object-fit: fill;}
.sh-section-2 {padding-top: 10%;}
.sh-section-2 .text-1{text-align: center;position: absolute;left: 50%;top: 24%;transform: translateX(-50%);z-index: 40;width: 90%;}
.sh-section-2 .text-1 .line-1 i{margin: auto;}
.sh-section-2 .item-4 {margin-top: 2rem;display: flex;justify-content: center;width: 100%;}
.sh-section-2 .item-4 .icon-1 {width: 20%;margin: .5%;}
.sh-section-2 .item-4 .icon-1 a {display: flex;overflow: hidden;position: relative;border: 1px solid #fff;padding: 1rem 2rem;}
.sh-section-2 .item-4 .icon-2 {width: 5rem;height: 5rem;position: relative;margin-right: 1rem;}
.sh-section-2 .item-4 .text-2 {text-align: left;color: #fff;}
.sh-section-2 .item-4 .title-2 {overflow: hidden;color: #fff;}
.sh-section-2 .item-4 .txt-2 {margin-top: .5rem;}
.sh-section-2 .product-1 {width: 40%;margin: auto;margin-top: 3%;overflow: hidden;}
.sh-section-3 .text-1{text-align: center;position: absolute;left: 50%;top: 15%;transform: translateX(-50%);z-index: 40;width: 90%;}
.sh-section-3 .txt-2 {font-weight: 300;}
.sh-section-3 .text-1 .line-1 i{margin: auto;}
.sh-section-3 .pathbox-1 {position: relative;width: 80%;margin: auto;margin-top: 3%;}
.sh-section-3 .pathbox-1 .path-1 {position: relative;} 
.sh-section-3 .pathboxlist-1 {position: absolute;width: 100%;height: 100%;z-index: 44;left: 0;top: 0;}
.sh-section-3 .pathitem-1 {position: absolute;left: 50%;transform: translateX(-50%);top: 0;z-index: 11;width: 25rem;}
.sh-section-3 .pathitem-1 a {display: block;}
.sh-section-3 .pathitem-1 .add-1 {position: relative;}
.sh-section-3 .pathitem-1 .add-1 span {display: block;}
.sh-section-3 .pathitem-1 .add-1 span i{width: 6rem;height: 6rem;display: block;position: relative;margin: auto;opacity: 0;}
.sh-section-3 .pathitem-1 .add-1 i::before,.sh-section-3 .pathitem-1 .add-1 i::after {content: '';width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(1);z-index: 4;background: #4db560;border-radius: 100%;transition:all .4s ease;}
.sh-section-3 .pathitem-1 .add-1 i::after {opacity: .5;transform: translate(-50%,-50%) scale(1.5);background: #2a4b7c;z-index: 2;}
.sh-section-3 .pathitem-1 .add-1 i img {z-index: 11;}
.sh-section-3 .pathitem-1 .name-2{text-align: center;margin-top: 1rem;color: #fff;}
.sh-section-3 .pathitem-1 a:hover .add-1 i {opacity: 1;}
.sh-section-3 .pathitem-1 a:hover .add-1 i::after{animation: yuanfangda 1500ms infinite ease;}
.sh-section-3 .pathitem-1 a:hover .add-1 i::before {transform: translate(-50%,-50%) scale(1);opacity: 1;}
.sh-section-3 .pathitem-1 a:hover .name-2 {color: #4db560;}
.sh-section-3 .pathitem-1 a .add-1 i {animation: opacity1 1500ms infinite ease;}
.sh-section-3 .pathitem1 {top: 16%;margin-left: -49%;}
.sh-section-3 .pathitem2 {top: 70%;margin-left: -14%;}
.sh-section-3 .pathitem3 {top: 27%;margin-left: 5%;}
.sh-section-3 .pathitem4 {top: 13%;margin-left: 27%;}
.sh-section-3 .pathitem5 {top: 10%;margin-left: 47%;}
.sh-section-3 .pathboxlist-1.cur .pathitem-1 a .add-1 i {animation: none;} 
@keyframes yuanfangda{0%{transform:translate(-50%,-50%) scale(0.1);opacity:1;}100%{transform:translate(-50%,-50%) scale(1.8);opacity: 0;}}
@keyframes opacity1{0%{opacity:0;}50%{opacity: .5;}100%{opacity: 0;}}
.sh-section-3 .path-1 {position: relative;}
.sh-section-3 .bgpath {opacity: 0;}
.sh-section-3 .path-3 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 11;}
.sh-section-3 .icon-1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 21;}
.sh-section-4 {overflow: hidden;text-align: center;padding: 5% 0;background: url('bg3.jpg?v=1.0') center top no-repeat;background-size: 100%;}
.sh-section-4 .text-1 .line-1 i{margin: auto;}
.sh-section-4 .data-2 {display: flex;margin-top: 2rem;align-items: center;justify-content: center;}
.sh-section-4 .data-2 li {display: block;padding: 0 2%;position: relative;}
.sh-section-4 .data-2 li:first-child::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #fff;opacity: .1;}
.sh-section-4 .data-2 li strong{display: flex;color: #4db560;font-weight: normal;justify-content: center;}
.sh-section-4 .data-2 li span{display: block;font-family: 'akziden';}
.sh-section-4 .data-2 li em{font-style: normal;display: block;font-family: 'akziden';}
.sh-section-4 .data-2 li p {display: block;margin: 0;padding: 0;font-weight: bold;}
.sh-section-swiper {margin: 2% auto;width: 70%;position: relative;}
.myswiper1 {width: 90%;margin: auto;display: flex;align-items: center;}
.myswiper1 .swiper-wrapper {align-items: center;}
.swiper-cases {width: 100%;margin: auto;position: relative;transition:all .4s ease;}
.swiper-cases a {position: absolute;left: 50%;top: 50%;width: 80%;transform: translate(-50%,-50%);}
.swiper-cases .pic-1{background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;filter: grayscale(1);}
.swiper-cases .pic-1::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.8);z-index: 3;}
.swiper-cases .swiper-text {position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 5;text-align: center;width: 100%;}
.swiper-cases .swiper-text .add-2 {font-weight: bold;color: #fff;}
.swiper-cases .swiper-text .title-2 {color: #4db560;font-weight: bold;margin-top: 1rem;}
.sh-section-swiper .myswiper1 .swiper-slide-active .swiper-cases a {width: 100%;}
.sh-section-swiper .myswiper1 .swiper-slide-active .swiper-cases a .pic-1 {filter: none;}
.sh-section-swiper .myswiper1 .swiper-slide-active .swiper-cases a .pic-1::before {height: 30%;}
.sh-section-swiper .myswiper1 .swiper-slide-active .swiper-cases .swiper-text {top: auto;transform: none;bottom: 0;padding: 1rem 0;}
.sh-section-swiper .myswiper1 .swiper-cases .swiper-text .title-2 {margin-top: .5rem;}
.sh-section-swiper .swiper-button-prev,.sh-section-swiper .swiper-button-next {margin: 0;transform: translateY(-50%);top: 50%;}
.sh-section-swiper .swiper-button-prev::after,.sh-section-swiper .swiper-button-next::after {color: #fff;}
.sh-section-swiper .swiper-button-prev:hover::after,.sh-section-swiper .swiper-button-next:hover::after {color: #4db560;}
.sh-section-map {width: 45%;margin:auto;overflow: hidden;margin-top: 0;}
.sh-section-5 {padding: 5% 0;overflow: hidden;text-align: center;background: -webkit-linear-gradient(to bottom,#000,#1a1a1a);background: linear-gradient(to bottom,#000,#1a1a1a);}
.sh-section-5 .text-1 .line-1 i{margin: auto;}
.sh-section-5 .sh-section-swiper {display: flex;position: relative;}
.swiper-news {overflow: hidden;}
.swiper-news a {display: block;overflow: hidden;transform: scale(0.95);}
.swiper-news a:hover {transform: scale(1);}
.swiper-news a:hover .pic-1 {transform: scale(1.05);}
.swiper-news .pic {overflow: hidden;background: #5a5a5a;}
.swiper-news .pic-1 {background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.swiper-news .swiper-text {text-align: left;background: #5a5a5a;padding: 5%;}
.swiper-news .swiper-text .tex-2 {color: #4db560;font-weight: bold;}
.swiper-news .swiper-text .title-2 {color: #fff;margin-top: .5rem;font-weight: bold;}
.swiper-news .swiper-text .more-2 {color: #999;margin-top: 2rem;}
.swiper-news a:hover .swiper-text {background: #4db560;}
.swiper-news a:hover .swiper-text .tex-2,.swiper-news a:hover .swiper-text .more-2 {color: #fff;}
.sh-section-5 .swiper-button-prev {left: -5%;}
.sh-section-5 .swiper-button-next {right: -5%;}
.sh-section-6 .text-1{text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 40;width: 90%;}
.sh-section-6 .text-1 .line-1 i{margin: auto;}
.sh-success-story-contact {position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);height: auto;background: #fff;z-index: 222;transition:all .4s ease;width: 40%;}
.sh-success-story-contact.hide {transform:  translate(-50%,-350%);opacity: 0;}
.sh-success-story-contact-from {overflow: hidden;position: relative;padding: 6% 4% 4% 4%;color: #000;text-align: center;}
.sh-success-story-contact-from .close-1 {position: absolute;right: 2%;top: 3%;}
.sh-success-story-contact-from .close-1 a {display: block;}
.sh-success-story-contact-from .close-1 i {width: 3rem;height: 3rem;display: block;position: relative;transform:rotate(45deg);}
.sh-success-story-contact-from .close-1 i::before,.sh-success-story-contact-from .close-1 i::after {content: '';width: 100%;height: 2px;background: #000;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.sh-success-story-contact-from .close-1 i::after { transform: translate(-50%,-50%) rotate(90deg);}
.sh-success-story-contact-from .close-1 a:hover  i{transform:rotate(45deg);}
.sh-success-story-contact-from .item-2 {display: flex;justify-content: space-between;padding: 1rem 0;}
.sh-success-story-contact-from .item-2 input {width: 49%;}
.sh-success-story-contact-from .item-1{padding: .5rem 0;}
.sh-success-story-contact-from input{width: 100%;background: none;border: 1px solid #ccc;box-sizing: border-box;padding: 1rem ;}
.sh-success-story-contact-from textarea{width: 100%;background: none;border: 1px solid #ccc;box-sizing: border-box;padding: 1rem ;min-height: 13rem;}
.sh-success-story-contact-from .submit-1{overflow: hidden;}
.sh-success-story-contact-from .submit-1 a{display: block;background: #4db560;color: #fff;text-align: center;padding: 1rem;}
.sh-success-story-contact-from .submit-1 a:hover {background: #00a91f;}
.sh-success-story-mark {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 111;}
.sh-success-story-mark.hide {display: none;}
.sh-success-story-from-content {margin-top: 1rem;}
.sh-success-story-other {text-align: center;padding: 5% 0;display: none;}
.sh-success-story-other .gou-1 {background: #4db560;width: 10rem;height: 10rem;margin: auto;border-radius: 100%;overflow: hidden;position: relative;}
.sh-success-story-other .gou-1 img {max-width: 50%;max-height: 50%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;z-index: 1;}
.sh-success-story-other .chengong-1 {margin-top: 1rem;font-weight: bold;}
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
.st1{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#47B259;stroke-width:5;stroke-miterlimit:22.9256;}
.st1 {stroke-dasharray: 2000;stroke-dashoffset: 2000;/* animation: drawLine 3s ease forwards;*/} 
.st2{fill:none;stroke:#47B259;stroke-width:10;stroke-miterlimit:22.9256;}
@keyframes drawLine {to {stroke-dashoffset: 0;}}
@font-face {font-family: 'akziden';src: url('AkzidenzGrotesk-BoldCond.otf');font-weight: normal;font-style: normal;}  


@keyframes svgline{to {stroke-dashoffset: 0;}}
.svgline{-webkit-animation-name:svgline;animation-name:svgline;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}


@media screen and (max-width: 5120px) {     
    .sh-section-2 .text-1{top: 30%;}
    .sh-section-2 .item-4 .icon-1 {width: 15%;}
    .sh-section-2 .item-4 .icon-1 a { padding: 3rem 4rem;}
}
@media screen and (max-width: 3840px) {  
    .sh-section-2 .text-1{top: 26%;} 
    .sh-section-2 .item-4 .icon-1 {width: 20%;}
    .sh-section-2 .item-4 .icon-1 a { padding: 1rem 2rem;}
}
@media screen and (max-width: 2560px) {	
    
}
@media screen and (max-width: 2048px) {
    .sh-section-2 .text-1{top: 22%;} 
}
@media screen and (max-width: 1920px) {	  
    .sh-section-2 .text-1{top: 24%;} 
}
@media screen and (max-width: 1680px) {
    .sh-section-2 .text-1 {top: 20%;}
	.sh-section-2 .item-4 .icon-1 {width: 24%;}
}
@media screen and (max-width: 1440px) { 
    .sh-section-swiper {width: 90%;}
    .sh-section-map {width: 40%;}
    .sh-success-story-contact {width: 50%;}
}
@media screen and (max-width: 1366px) {  
}
@media screen and (max-width: 1280px) {  
    .sh-section-2 .text-1 {top: 18%;}
}
@media screen and (max-width: 1152px) {  
}
@media screen and (max-width: 1024px) { 
    .sh-success-story-contact {width: 80%;}
}
@media screen and (max-width: 980px) {  
    .pcshow {display: none!important;}
    .mbshow {display: block!important;}
    .sh-section-1 .text-1 ,.sh-section-map{width: 90%;}
    .sh-success-story .title-1 strong {font-size: 5rem;}
    .sh-section-2 .text-1 {width: 100%;left: auto;transform: none;position: relative;}
    .sh-section-2 .item-4 { display: block;width: 90%;margin: auto;margin-top: 10%;}
    .sh-section-2 .item-4 .icon-1 {width: 100%;}
    .sh-section-2 .product-1 {width: 80%;margin-top: -10%;padding: 16rem 10% 20rem 10%;background: url('bg1m.jpg') center bottom no-repeat;background-size: 100%;} 
    .sh-section-2 .item-4 .icon-1 a {padding: 3rem;margin-bottom: 1rem;}
    .sh-section-2 .pic-1 {display: none;}
    .myswiper1,.sh-section-swiper  {width: 100%;}
    .myswiper1 {margin-top: 5%;}
    .sh-section-5 {padding: 15% 0;}
    .sh-success-story-contact,.myswiper2 {width: 90%;}
    .sh-section-swiper .swiper-button-prev, .sh-section-swiper .swiper-button-next {display: none;}
    .sh-section-3 .pathitem1 {top: 8%;margin-left: -41%;}
    .sh-section-3 .pathitem5 {top: 41%;margin-left: 22%;}
    .sh-section-3 .pathitem2 {top: 73%;margin-left: 2%;}
    .sh-section-3 .pathitem3 {top: 55%;margin-left: 44%;}
    .sh-section-3 .pathitem4 {top: 58%;margin-left: -35%;}
    .sh-section-3 .pathbox-1 {margin-top: -5%;}
    .sh-section-4 .data-2 li {padding: 0 5%;}

}