/* 头部 */
.Header-wrapper{width: 100%;position: fixed;left: 0;top: 0;z-index: 999;transition: all .2s linear;}
.Header-container{width: 94%;margin-left: 3%;height: 74px;}

.Header-logo{float: left;line-height: 74px;}
.Header-logo img{height: auto;}

.Header-iconclick{float: right;}
.Header-navclick{width: 40px;height:60px;padding: 0 6px;cursor: pointer;float: right;display: none;}
.Header-navclick span{width: 100%;height: 3px;background: #fff;display: block;position: relative;margin-top: 28.5px;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 3px;background: #fff;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -10px;}
.Header-navclick span:after{top: 10px;}
.Header-navclick:hover span,.Header-navclick:hover span:before,.Header-navclick:hover span:after{opacity: .5;}
.Header-navclick.ontrue span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.ontrue span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.ontrue span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
	100% {-moz-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } 
}
@-webkit-keyframes buttonAnimationBefore {
	0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
	100% {-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } 
}
@keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(10px) rotate(0);-ms-transform: translateY(10px) rotate(0);-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
	100% {-moz-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); } 
}
@-webkit-keyframes buttonAnimationAfter {
	0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
	100% {-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); } 
}
@keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-10px) rotate(0);-ms-transform: translateY(-10px) rotate(0);-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-moz-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@-moz-keyframes buttonAnimation {
	0% {background: transparent; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
	0% {background: transparent; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); } 
}
@keyframes buttonAnimation {
	0% {background: transparent; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); } 
}




.Header-search{width: 50px;height: 74px;padding: 0 10px;cursor: pointer;float: left;background: url('../images/public/search.png') no-repeat center center;transition: all .2s linear;}
.Header-search:hover{
    /* background: url('../images/public/searchH.png') no-repeat center center; */
    opacity: .5;
}
.Header-search.ontrue{background: url('../images/public/close.png') no-repeat center center;}
.Header-search.ontrue:hover{
    opacity: .5;
    /* background: url('../images/public/closeH.png') no-repeat center center; */
}

.Header-language{height: 74px;padding: 0 2px 0 10px;cursor: pointer;float: left;display: block;line-height: 74px;user-select: none;}
.Header-language i{display: inline-block;width: 24px;height: 23px;background: url('../images/public/earth.png') no-repeat center center;vertical-align: middle;transition: all .2s linear;}
.Header-language span{font-size: 14px;color: #fff;margin-left: 6px;transition: all .2s linear;}
.Header-language:hover i{
    /* background: url('../images/public/earthH.png') no-repeat center center; */
    opacity: .5;
}
.Header-language:hover span{opacity: .5;}

.Header-search-message{position: absolute;left: 0;top: 74px;background-color: #f4f4f4;width: 100%;display: none;}
.Header-search-form{width: 90%;margin: 0 auto;padding: 28px 0;}
.Header-search-form h6{font-size: 26px;color: #2b2b2b;font-weight: bold;}
.Header-search-forminput{width: 100%;overflow: hidden;position: relative;margin-top: 16px;}
.Header-search-forminput input{
    width: 100%;height: 50px;border: 0;border-bottom:1px solid #cecece;background-color: transparent;outline: none;
    font-size: 16px;color: #8d8d8d;padding-right: 56px;box-sizing: border-box;
}
.Header-search-forminput span{
    width: 50px;height: 50px;display: block;position: absolute;right: 0;top: 0;cursor: pointer;
    z-index: 2;background: url('../images/public/searchH.png') no-repeat center center;
}

.Header-navbar{float: right;font-size: 0;display: block;}
.Header-navbar ul li{display: inline-block;margin: 0 38px;height: 74px;line-height: 74px;text-align: center;position: relative;}
.Header-navbar-aclick{display: block;font-size: 18px;color: #fff;}
.Header-navbar ul li i{position: absolute;width: 0;left: 0;right: 0;bottom: 16px;margin: 0 auto;height: 2px;background-color: #fff;transition: all .3s linear;}
.Header-navbar ul li.ontrue i{width: 100%;}
.Header-navbar ul li:hover i{width: 100%;}

/* 底部 */
.Footer-wrapper{width: 100%;overflow: hidden;background-color: #39424b;}
.Footer-container{width: 94%;margin-left: 3%;}
.Footer-menu{width: 100%;overflow: hidden;padding: 80px 0 70px 0;}
.Footer-menuewm{width: 16%;float: left;overflow: hidden;}
.Footer-menuewm-logo{height: auto;}
.Footer-menuewm-ewm{display: block;margin-top: 32px;}
.Footer-menunav{width: 84%;float: left;overflow: hidden;}
.Footer-menunav ul li{width: 14.28%;float: left;overflow: hidden;}
.Footer-menunav-click{width: 100%;overflow: hidden;position: relative;}
.Footer-menunav-click h6{font-size: 18px;color: #fff;font-weight: bold;float: left;}
.Footer-menunav-click i{width: 44px;height: 44px;background: url('../images/public/foo-arr.png') no-repeat center center /16px auto;float: right;display: none;}
.Footer-menunav-click.ontrue i{transform: rotate(180deg);}

.Footer-menunav-link{width: 100%;overflow: hidden;margin-top: 24px;}
.Footer-menunav-link a{display: block;padding: 5px 0;margin: 4px 0;font-size: 14px;color: #929aa3;}
.Footer-menunav-link a:hover{color: #fff;}
.Footer-relation{width: 100%;overflow: hidden;padding: 20px 0;border-top: 1px solid #49515b;border-bottom: 1px solid #49515b;}
.Footer-relation ul li{float: left;padding-right: 80px;}
.Footer-relation ul li span{display: inline-block;vertical-align: middle;width: 33px;height: 33px;background-repeat: no-repeat;}
.Footer-relation ul li:nth-child(1) span{background-image: url('../images/public/foo-address.png');}
.Footer-relation ul li:nth-child(2) span{background-image: url('../images/public/foo-phone.png');}
.Footer-relation ul li:nth-child(3) span{background-image: url('../images/public/foo-email.png');}
.Footer-relation ul li a{font-size: 14px;color: #929aa3;display: inline-block;vertical-align: middle;margin-left: 12px;padding: 6px 0;}
.Footer-relation ul li a:hover{color: #fff;}
.Footer-copy{width: 100%;overflow: hidden;padding: 24px 0;}
.Footer-copyaddress{float: left;}
.Footer-copyaddress p{font-size: 14px;color: #929aa3;}
.Footer-copylink{float: right;}
.Footer-copylink a{display: inline-block;vertical-align: middle;font-size: 14px;color: #929aa3;}
.Footer-copylink span{display: inline-block;vertical-align: middle;width: 1px;height: 14px;background-color: #929aa3;margin: 0 18px;}
.Footer-copylink a:hover{color: #fff;}


/* 置顶 */
.backtop {position: fixed;right: 1.6%;bottom: 3%;z-index: 999999;width: 43px;height: 43px;cursor: pointer;display: none;background: url('../images/public/backTop.png') no-repeat center center;}

/* 首内页导航变化 */
.Header-logo-index{display: block;}
.Header-logo-subpage{display: none;}
.Header-wrapper.ontrue .Header-logo-index{display: none;}
.Header-wrapper.ontrue .Header-logo-subpage{display: block;}
.Header-wrapper.ontrue{background-color: #01901a;}

/* 内页公共banner */
.PubBanner-container{width: 100%;overflow: hidden;position: relative;}
.PubBanner{width: 100%;position: relative;}
.PubBanner img{width: 100%;object-fit: cover;min-height: 555px;}
.PubBanner-words{position: absolute;width: 94%;text-align: center;left: 3%;top: 50%;transform: translate(0,-50%);}
.PubBanner-words h4{font-size: 36px;color: #fff;font-weight: bold;animation: sunpageDown .8s linear both;}
.PubBanner-words p{font-size: 18px;color: #fff;margin-top: 10px;animation: sunpageDown .8s linear both;}
.PubBanner-words h6{width: 100%;font-size: 0;text-align: center;margin-top: 54px;animation: sunpageUp .8s linear both;}
.PubBanner-words h6 a{display: inline-block;font-size: 16px;color: #fff;padding: 8px 0;border-bottom: 2px solid transparent;margin: 0 24px;}
.PubBanner-words h6 a:hover{color: #01901a;border-color: #01901a;}
.PubBanner-words h6 a.ontrue{color: #01901a;border-bottom-color: #01901a;}
@keyframes sunpageDown {0% {opacity: 0;transform: translateY(-60px);}100% {opacity: 1;transform: translateY(0)}}
@keyframes sunpageUp {0% {opacity: 0;transform: translateY(40px);}100% {opacity: 1;transform: translateY(0);}}

/* 公共分页 */
.Pubfullpage{width: 100%;overflow: hidden;background-color: #f7f7f7;padding: 12px;font-size: 0;text-align: center;margin-top: 44px;}
.Pubfullpage a{font-size: 14px;color: #555;display: inline-block;width: 42px;height: 42px;text-align: center;line-height: 42px;margin: 0 4px;}
.Pubfullpage a:hover{color: #01901a;}
.Pubfullpage a.ontrue{background-color: #01901a;color: #fff;}
.Pubfullpage a:first-child{float: left;width: auto;}
.Pubfullpage a:last-child{float: right;width: auto;}
.Pubfullpage a:first-child i,.Pubfullpage a:last-child i{display: inline-block;width: 8px;height: 16px;vertical-align: middle;background-repeat: no-repeat;}
.Pubfullpage a:first-child i{background-image: url('../images/public/fullpageL.png');margin: -2px 10px 0 0;}
.Pubfullpage a:last-child i{background-image: url('../images/public/fullpageR.png');margin: -2px 0 0 10px;}
.Pubfullpage a:first-child:hover i{background-image: url('../images/public/fullpageLH.png');}
.Pubfullpage a:last-child:hover i{background-image: url('../images/public/fullpageRH.png');}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    .Header-search-form h6{font-size: 26px;}
    .Header-search-forminput{margin-top: 8px;}
    .Header-navbar ul li{margin: 0 34px;}
}

@media all and (max-width:1460px) {
    .Footer-menu {padding: 60px 0 50px 0;}
    .Header-search-form h6{font-size: 24px;}
    .Header-search-forminput{margin-top: 6px;}
    .Header-navbar ul li{margin: 0 28px;}
}

@media all and (max-width:1380px) {
    .Header-search-form h6{font-size: 22px;}
    .Header-navbar ul li{margin: 0 24px;}
}

@media all and (max-width:1300px) {
    .Header-search-form h6 {font-size: 20px;}
    .Header-search-form {padding: 38px 0;}
    .Header-navbar ul li{margin: 0 20px;}
}

@media all and (max-width:1200px) {
    .Footer-relation ul li {padding-right: 60px;}
    .Header-search-form h6{font-size: 18px;}
    .Header-search-forminput{margin-top: 6px;}
}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .Container-wrapper{margin-top: 60px;}

    .Header-wrapper{background-color: #01901a !important;}
    .Header-logo-index{display: none !important;}
    .Header-logo-subpage{display: block !important;}
    .Header-container{height: 60px;width: 100%;margin-left: 0;}
    .Header-logo{line-height: 60px;margin-left: 3%;}
    .Header-iconclick{margin-right: 3%;}
    .Header-navclick{display: block;}
    .Header-logo img{height: 30px;}
    .Header-search {width: 46px;height: 60px;padding: 0 6px;}
    .Header-language {height: 60px;padding: 0 6px;line-height: 60px;}
    .Header-search-form {width: 94%;padding: 16px 0;}
    .Header-search-message{top: 60px;}
    .Header-search-form h6 {font-size: 18px;}
    .Header-search-forminput input {height: 44px;font-size: 16px;padding-right: 44px;}
    .Header-search-forminput span{width: 44px;height: 44px;}
    .Header-search-forminput {margin-top: 2px;}
    .Header-navclick:hover span{background: #fff;}
    .Header-navclick:hover span:before{background: #fff;}
    .Header-navclick:hover span:after{background: #fff;}
    .Header-search:hover{background: url('../images/public/search.png') no-repeat center center;}
    .Header-search.ontrue:hover{background: url('../images/public/close.png') no-repeat center center;}
    .Header-navbar{background-color: #fff;width: 100%;display: none;}
    .Header-navbar-aclick {color: #39424b;}
    .Header-navbar ul li {display: block;margin: 0;padding: 0 3%;height: 44px;line-height: 44px;text-align: left;width: 100%;}
    .Header-navbar ul li i{display: none;}
    .Header-navbar ul li.ontrue .Header-navbar-aclick{color: #01901a;}



    .Footer-menu {padding: 32px 0 40px 0;}
    .Footer-menuewm{width: 100%;}
    .Footer-menuewm-ewm {margin-top: 20px;}
    .Footer-menunav{width: 100%;margin-top: 20px;}
    .Footer-menunav-click h6{font-size: 16px;}
    .Footer-menunav ul li{width: 100%;}
    .Footer-menunav-link {margin-top: 0;display: none;}
    .Footer-menunav-click{height: 44px;line-height: 44px;}
    .Footer-relation{padding: 0 0 16px 0;}
    .Footer-relation ul li {padding-right: 0;width: 100%;margin-top: 16px;}
    .Footer-relation ul li span{display: block;float: left;}
    .Footer-relation ul li a{display: block;width: 86%;margin-left: 14%;}
    .Footer-copy {padding: 20px 0;}
    .Footer-copyaddress{width: 100%;text-align: center;}
    .Footer-copylink{width: 100%;text-align: center;margin-top: 16px;}
    .Footer-menunav-click i{display: block;}
    .Header-navclick:hover span,.Header-navclick:hover span:before,.Header-navclick:hover span:after{opacity: 1;}
    .Header-search:hover{opacity: 1;}
    .Header-search.ontrue:hover{opacity: 1;}
    .PubBanner img{min-height: 300px;}
    .PubBanner-words h4{font-size: 26px;}
    .PubBanner-words p{font-size: 16px;}
    .PubBanner-words h6 a {padding: 4px 0;margin: 0 12px;width: 36%;}
    .PubBanner-words h6{margin-top: 32px;}
    .Pubfullpage a{margin: 0;width: 38px;height: 38px;line-height: 38px;font-size: 12px;}
    .Pubfullpage a:first-child i {margin: 0 4px 0 0;}
    .Pubfullpage a:last-child i {margin: 0 0 0 4px;}
    .Pubfullpage {margin-top: 32px;}
}