@charset "utf-8";
/* ====================公共样式========================= */
/* 头部 */
.Header-wrapper{position: fixed;top: 0;left: 0;background: #53adef;width: 250px;height: 100%;z-index: 99999;}
.Header-wrapper:after{content: "";position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: #53adef;}
.Header-container{width: 100%;text-align: center;}
.Header-logo{width: 100%;display: block;margin-top: 40px;user-select: none;position: relative;z-index: 11;}
.Header-logo img{width: auto;}
.Header-logopc{display: block;}
.Header-logomb{display: none;}
.Header-navbar{width: 100%;position: absolute;top: 0;left: 0;height: 100%;padding-top: 100%;transition: box-shadow .5s ease;}

.Header-navbar.onhover  {box-shadow: 6px 0px 10px 0px rgba(0, 0, 0, .1); }
 .Header-menu:hover{ background:#fbbd5f;color:#fff;font-weight: bold;}
.Header-sunmenu a:hover{ background:#fbbd5f;color:#fff;font-weight: bold;}
body.winter .Header-navbar{display: block !important;}
.Header-navbar ul li{width: 100%;position: relative;border-bottom:solid 1px #53adef;}
.Header-navbar ul li:after{content: "";position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: #49a3e5;z-index: 5;}
.Header-menu{width: 100%;display: block;font-size: 16px;color: #fff;background: #53adef;z-index: 4;position: relative;height: 46px;line-height: 46px;transition: all .5s ease;}
.Header-menu:before{display:none;
content: '';
width: 25px;
background: #fff;
height: 1px;
background: rgba(255,255,255,0.6);
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 82.75%;
transition: 0.6s;}
.Header-menu:before:hover{width: 50px;}
.Header-menu:after{content: "";position: absolute;width: 2px;height: 100%;background: #066760;top: 0;right: 0;z-index: 6;transition: all .5s ease;opacity: 0;}
.Header-navbar ul li.ontrue .Header-menu, .Header-navbar ul li:hover .Header-menu{color: #fff; background:#fbbd5f}
.Header-navbar ul li.ontrue .Header-menu:before, .Header-navbar ul li:hover .Header-menu:before{width: 100%;}
.Header-navbar ul li.ontrue .Header-menu:after, .Header-navbar ul li:hover .Header-menu:after{opacity: 1;transition-delay: 500ms;}
.Header-menu span{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;line-height: 36px;opacity: 0;overflow: hidden;transition: opacity .4s ease;}
.Header-navbar ul li:hover .Header-menu span{opacity: 1;}
.Header-menu b{font-weight: normal;transition: all .5s ease;position: relative;z-index: 3;}
.Header-menu b:hover{ color:#fff;font-weight: bold;}
.Header-navbar ul li:hover .Header-menu b{opacity: 1;}
.Header-sunclick{display: none;}
.Header-menu, .Header-menu span{text-align: center;padding-left: 0px;}
/* 侧边导航 */
.Header-sunmenu{position: absolute;width: 184px;right: 0px;background: #53adef;height: 2000px;z-index: -1;padding-top:590px;margin-top: -658px;transition: all .4s ease;}
.Header-sunmenu a{display: block;width: 100%;height: 36px;line-height: 36px;font-size: 14px;color: #fff;transition: all .4s ease;padding-left: 28px;text-align: left;}
.Header-sunmenu a i{display: inline-block;vertical-align: middle;width: 6px;height: 7px;background: url('../images/arrB.png') no-repeat center;margin: -3px 12px 0 0;transition: all .4s ease;}
.Header-sunmenu a.ontrue, .Header-sunmenu a:hover{color: #fff;}
.Header-sunmenu a.ontrue i, .Header-sunmenu a:hover i{background: url('../images/arrC.png') no-repeat center;}
.Header-navbar ul li.onlihover .Header-sunmenu{right: -184px;}

.Header-lang{/*display: block;width: 100%;font-size: 16px;color: #fff;padding-left: 48px;text-align: left;position: absolute;z-index: 4;bottom: 48px;left: 0;transition: all .4s ease;*/}
.Header-lang i{display: inline-block;width: 18px;height: 18px;margin: -4px 6px 0 0;}
.Header-lang:hover{color: #006666;}
.Header-langmb{display: none;}
.busiscroll-words p a{color: #d4aa5a;text-decoration: underline;}

.yyui_menu1 li ul { display:none;}

.nav_more {display: block;}
.nav_more {
    padding-top:40px;    z-index: 99999;
    position: absolute;

}
#search {
        padding: 0;
    margin: 0;
    border: 0;
    width: 90%;
    height: 40px;
    margin: auto;
      box-shadow: 0px 8px 15px rgb(75 72 72 / 10%);
     background: white;
      border-radius: 3px;
     
}


#search input {
  border: 0;
    width: 80%;
    height: 100%;
    padding: 5px 15px;
    background: white;
    border-radius: 3px;
    float: left;
}
#search button {
    cursor: pointer;
    padding: 0 0.25em;
        background: #fff;
    float: left;
    height: 100%;

}
.fa-search:before {
    content: url(../images/search.png);
}
#search .spinner {
    -webkit-animation: spinner 1s infinite linear;
    animation: spinner 1s infinite linear;
    display: none;
    padding: 0 0.25em;
}
.nav_more form {width: 90%;
    margin: auto;}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.nav_more input.form-control.btn {
    margin-top: 10px;
}
.nav_more h6 {
    color: #fff;
    font-size: 14px;
    margin-top: 20px;
}


/* 汉堡键 */
.Header-navclick{height: 60px;cursor: pointer;float: right;user-select: none;display: none;}
.Header-navclick span{width: 32px;height: 3px;background: #4b4948;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: #4b4948;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -9px;}
.Header-navclick span:after{top: 9px;}
.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(9px) rotate(0);transform: translateY(9px) rotate(0);}100% {-moz-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}}
@-webkit-keyframes buttonAnimationBefore {0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}50% {-webkit-transform: translateY(9px) rotate(0);transform: translateY(9px) rotate(0);}100% {-webkit-transform: translateY(9px) rotate(45deg);transform: translateY(9px) 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(9px) rotate(0);-ms-transform: translateY(9px) rotate(0);-webkit-transform: translateY(9px) rotate(0);transform: translateY(9px) rotate(0);}100% {-moz-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);-webkit-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}}
@-moz-keyframes buttonAnimationAfter {0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}50% {-moz-transform: translateY(-9px) rotate(0);transform: translateY(-9px) rotate(0);}100% {-moz-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}}
@-webkit-keyframes buttonAnimationAfter {0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}50% {-webkit-transform: translateY(-9px) rotate(0);transform: translateY(-9px) rotate(0);}100% {-webkit-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) 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(-9px) rotate(0);-ms-transform: translateY(-9px) rotate(0);-webkit-transform: translateY(-9px) rotate(0);transform: translateY(-9px) rotate(0);}100% {-moz-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);-webkit-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) 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);}}


/* 底部 */
.Footer-wrapper{width: 100%;padding-left: 200px;background: #edeef0;}
.Footer-container{width: 100%;padding: 66px 4% 0;font-weight: 400;}
.Footer-logo{width: 202px;float: left;padding-top: 8px;text-align: center;}
.Footer-logo a{display: inline-block;}
.Footer-logo img{max-width: 100%;}
.Footer-menu{width: 50%;float: left;margin-left: 10%;}
.Footer-menu ul li{width: 47.5%;border-bottom: 1px solid #dcdddf;float: left;}
.Footer-menu ul li:nth-child(2n){margin-left: 5%;}
.Footer-menu ul li a{display: block;width: 100%;height: 48px;line-height: 48px;font-weight: 400;position: relative;font-size: 14px;color: #666;transition: all .4s ease;}
.Footer-menu ul li a i{width: 6px;height: 7px;position: absolute;background: url('../images/arrB.png') no-repeat;top: 50%;margin-top: -3.5px;right: 4px;transition: all .4s ease;}
.Footer-menu ul li a:hover{letter-spacing: .1em;color: #d4aa5a;}
.Footer-menu ul li a:hover i{right: 0;}
.Footer-rela{width: 348px;float: right;padding-top: 18px;}
.Footer-rela h6{font-size: 14px;color: #666;font-weight: 400;margin-bottom: 20px;}
.Footer-rela p{width: 100%;padding: 2px 0;font-size: 14px;color: #666;line-height: 24px;font-weight: 400;}
.Footer-copy{width: 100%;overflow: hidden;padding: 48px 0 18px;font-size: 12px;color: #666;text-align: right;}
.Footer-logoewm{width: 100%;text-align: center;margin-top: 20px;}
.Footer-logoewm img{max-width: 100%;}
.Footer-logoewm p{font-size: 14px;color: #666;font-weight: 400;margin-top: 12px;line-height: 20px;}




/* 加载 */
body.needLoading{position: relative;}
body.loadShade:after{position: fixed;content: "";width: 100%;height: 100%;z-index: 999991;background: #fff;top: 0;left: 0;}
.loading-wrapper{width: 100%;overflow: hidden;position: fixed;top: 0;left: 0;z-index: 9999999;background: #fff;}
.loading{width: 100%;position: relative;}
.loading-box{position: absolute;width: 100px;height: 60px;padding-top: 20px;margin-left: -50px;margin-top: -30px;top: 50%;left: 50%;z-index: 2;text-align: center;}
.loading-yz{position: absolute;top: 0;}
.loading-h{left: 20px;}
.loading-b{right: 20px;}

.la-ball-circus,.la-ball-circus > div {position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.la-ball-circus {display: inline-block;font-size: 0;color: #d4aa5a;}
.la-ball-circus.la-dark {color: #333;}
.la-ball-circus > div {display: inline-block;float: none;background-color: currentColor;border: 0 solid currentColor;}
.la-ball-circus {width: 16px;height: 16px;}
.la-ball-circus > div {
    position: absolute;top: 0;left: -100%;display: block;width: 16px;width: 100%;height: 16px;height: 100%;border-radius: 100%;opacity: .5;
    -webkit-animation: ball-circus-position 2.5s infinite cubic-bezier(.25, 0, .75, 1), ball-circus-size 2.5s infinite cubic-bezier(.25, 0, .75, 1);
    -moz-animation: ball-circus-position 2.5s infinite cubic-bezier(.25, 0, .75, 1), ball-circus-size 2.5s infinite cubic-bezier(.25, 0, .75, 1);
    -o-animation: ball-circus-position 2.5s infinite cubic-bezier(.25, 0, .75, 1), ball-circus-size 2.5s infinite cubic-bezier(.25, 0, .75, 1);
    animation: ball-circus-position 2.5s infinite cubic-bezier(.25, 0, .75, 1), ball-circus-size 2.5s infinite cubic-bezier(.25, 0, .75, 1);
}
.la-ball-circus > div:nth-child(1) {-webkit-animation-delay: 0s, -.5s;-moz-animation-delay: 0s, -.5s;-o-animation-delay: 0s, -.5s;animation-delay: 0s, -.5s;}
.la-ball-circus > div:nth-child(2) {-webkit-animation-delay: -.5s, -1s;-moz-animation-delay: -.5s, -1s;-o-animation-delay: -.5s, -1s;animation-delay: -.5s, -1s;}
.la-ball-circus > div:nth-child(3) {-webkit-animation-delay: -1s, -1.5s;-moz-animation-delay: -1s, -1.5s;-o-animation-delay: -1s, -1.5s;animation-delay: -1s, -1.5s;}
.la-ball-circus > div:nth-child(4) {-webkit-animation-delay: -1.5s, -2s;-moz-animation-delay: -1.5s, -2s;-o-animation-delay: -1.5s, -2s;animation-delay: -1.5s, -2s;}
.la-ball-circus > div:nth-child(5) {-webkit-animation-delay: -2s, -2.5s;-moz-animation-delay: -2s, -2.5s;-o-animation-delay: -2s, -2.5s;animation-delay: -2s, -2.5s;}
.la-ball-circus.la-sm {width: 8px;height: 8px;}
.la-ball-circus.la-sm > div {width: 8px;height: 8px;}
.la-ball-circus.la-2x {width: 32px;height: 32px;}
.la-ball-circus.la-2x > div {width: 32px;height: 32px;}
.la-ball-circus.la-3x {width: 48px;height: 48px;}
.la-ball-circus.la-3x > div {width: 48px;height: 48px;}
@-webkit-keyframes ball-circus-position {50% {left: 100%;}}
@-moz-keyframes ball-circus-position {50% {left: 100%;}}
@-o-keyframes ball-circus-position {50% {left: 100%;}}
@keyframes ball-circus-position {50% {left: 100%;}}
@-webkit-keyframes ball-circus-size {50% {-webkit-transform: scale(.3, .3);transform: scale(.3, .3);}}
@-moz-keyframes ball-circus-size {50% {-moz-transform: scale(.3, .3);transform: scale(.3, .3);}}
@-o-keyframes ball-circus-size {50% {-o-transform: scale(.3, .3);transform: scale(.3, .3);}}
@keyframes ball-circus-size {50% {-webkit-transform: scale(.3, .3);-moz-transform: scale(.3, .3);-o-transform: scale(.3, .3);transform: scale(.3, .3);}}



.nhzkhnr{
	width:100%;
	overflow:hidden;
	margin-top:40px;
	}
.nhzkhnr ul{
	width:100%;
	overflow:hidden;
	}
.nhzkhnr ul li{
	width:31%;
	overflow:hidden;
	margin:20px 1%;
	float:left;
	box-shadow: 0px 0px 4px rgba(4,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px rgba(4,0,0,0.2);
	-webkit-box-shadow: 0px 0px 4px rgba(4,0,0,0.2); 
	height:173px;
	position:relative;
    background: #fff;
	}
.nhzkhnr ul li img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	}
.nhzkhnr ul li:hover img{
	transform:translate(-50%, -50%) scale(1.2);
	}



/* 中间+共用部分 */
.Container-wrapper{width: 100%;padding-left: 250px;overflow: hidden;}

/* 鼠标 */
.banner-mouse{width: 96px;position: absolute;bottom: 24px;left: 50%;margin-left: -48px;z-index: 4;cursor: pointer;user-select: none;}
.banner-mouse img{max-width: 100%;}
.banner-mouse:after{content: "";position: absolute;width: 3px;height: 8px;left: 50%;margin-left: -1.5px;top: 50px;background: #fff;border-radius: 6px;animation: BanMouse 1.6s ease infinite;}






@keyframes BanMouse{0%{top: 50px;}100%{top: 64px;}}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .Footer-menu {margin-left: 7%;width: 46%;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .Header-logo {margin-top: 36px;}
    .Footer-menu {margin-left: 4.4%;width: 44%;}
    .Footer-container {padding: 52px 4% 0;}
    .Footer-copy {padding: 38px 0 18px;}
    .Header-wrapper{width: 220px;}
    .Container-wrapper {padding-left: 220px;}
    .Footer-wrapper {padding-left: 154px;}
    .Header-sunmenu{position: absolute;width: 164px;}
    .Header-sunmenu a{padding-left: 26px;}
    .Header-navbar ul li.onlihover .Header-sunmenu{right: -164px;}
    .Header-menu, .Header-menu span{}
    .Header-logo img{width: 200px;}
    .Header-lang{padding-left: 28px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .Footer-logo {width: 13%;}
    .Footer-menu {margin-left: 3.8%;}
    .banner-mouse {width: 80px;bottom: 24px;margin-left: -40px;}
    .banner-mouse:after{top: 42px;}
    @keyframes BanMouse{0%{top: 42px;}100%{top: 54px;}}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .Footer-rela {width: 30%;}
    .Footer-menu {margin-left: 5%;}
    .Footer-menu ul li a {height: 42px;line-height: 42px;}
    .Footer-logo, .Footer-rela {padding-top: 14px;}
    .Footer-container {padding: 48px 4% 0;}
    .Footer-copy {padding: 32px 0 18px;}
    .Footer-rela h6 {margin-bottom: 16px;}
    .Header-sunmenu{position: absolute;width: 150px;}
    .Header-navbar ul li.onlihover .Header-sunmenu{right: -150px;}
    .Header-sunmenu a{padding-left: 24px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .Container-wrapper{margin-top: 60px;padding-left: 0;}
    .Header-wrapper {width: 100%;height: 60px;background: #fff;}
    .Header-wrapper:after{top: auto;right: auto;bottom: 0;left: 0;width: 100%;height: 1px;}
    .Header-logo{width: auto;float: left;margin-top: 0;height: 60px;line-height: 60px;}
    .Header-logo img{width: 112px;}
    .Header-container{padding: 0 4%;text-align: left;}
    .Header-logopc{display: none;}
    .Header-logomb{display: block;}
    .Header-navclick{display: block;}
    .Header-navbar{display: none;top: 60px;z-index: 9999;background: #fff;padding: 0px 0 16px;transition: all 0s ease;height: auto;}
    .Header-sunmenu {position: static;width: 100%;height: auto;z-index: 2;padding-top: 0;margin-top: 0;display: none;transition: all 0s ease;}
    .Header-menu:before,.Header-menu:after,.Header-navbar ul li:after{display: none;}
    .Header-menu{padding: 0 4%;}
    .Header-sunmenu a {padding: 0 4%;}
    .Header-menu span{padding: 0 4%;}
    .Header-sunclick{display: block;width: 36px;height: 36px;z-index: 16;position: absolute;transform: rotate(90deg);top: 0;right: 0;background: url('../images/arrH.png') no-repeat center;}
    .Header-sunclick.ontrue{transform: rotate(-90deg);}
    .Header-navbar ul li:hover .Header-menu{color: #333;}
    .Header-navbar ul li:hover .Header-menu span{opacity: 0;}
    .Header-navbar ul li:hover .Header-menu b{opacity: 1;}
    .Header-menu:hover{color: #d4aa5a !important;}
    .Header-menu:hover span{opacity: 1 !important;}
    .Header-menu:hover b{/*opacity: 0 !important;*/}
    .Footer-logo{width: 100%;padding-top: 0;text-align: center;}
    .Footer-wrapper{padding-left: 0;}
    .Footer-container {padding: 42px 4% 0;}
    .Footer-menu{margin-left: 0;width: 100%;margin-top: 28px;}
    .Footer-rela{width: 100%;padding-top: 0;margin-top: 28px;}
    .Footer-rela h6 {margin-bottom: 10px;}
    .Footer-copy {padding: 28px 0 18px;text-align: center;}
    .banner-mouse{display: none;}
    .Header-langpc{display: none;}
    .Header-langmb{display: block;position: relative;float: right;width: auto;top: 0;bottom: auto;height: 60px;line-height: 60px;padding-left: 0;margin-right: 16px;font-size: 14px;}
	.Header-menu, .Header-menu span{ text-align:left;}
	
}
@media all and (max-width:640px) {
    #search { display: none;}
    /* 移动终端以上 360 适配 */
	.Header-langmb{ font-size:12px;}
	.Container-wrapper{margin-top:0;}
}