/* 头部 */
.Header-wrapper{width: 100%;position: fixed;z-index: 999999;top: 0;left: 0;transition: all .3s linear;background-color: #fff;border-bottom:1px solid #e2e2e2}
.Top-container{width: 1520px;margin: 0 auto;}
.Header-logo,.Header-navbar{height: 88px;line-height: 88px;}
.Header-logo{float: left;}
.Header-logo img{width: auto;height:55px; object-fit: cover;user-select: none;}
.Header-logoimg{display: block;}
.Header-logoimg-hover{display: none;}
.Header-search{float: right;}
.header-right {
	height: 100%;
	line-height: 88px;
	font-size: 13px;
	text-align: right;
	float:right;
	padding-right: 50px;
	overflow: hidden;
}
.header-right img{
   width:16px;
   padding-bottom:3px
}
.header-right a {
	color: #666;
	padding: 0 5px;
	border-left: 1px solid #e1e1e1;
}

.header-right a:hover {
	color: #1151a2;
}
/*
.Header-search-click{width: 54px;height: 88px;background: url('../images/searchH.png') no-repeat center center;cursor: pointer;}
.Header-search-words{position: absolute;right: 0;top: 88px;height: 44px;font-size: 0;display: none;z-index: 99;}
.Header-search-words input{width: 360px;height: 44px;font-family: "微软雅黑";box-sizing: border-box;border: none;outline: none;font-size: 18px;color: #333;padding: 0 48px 0 12px;display: inline-block;vertical-align: middle;}
.Header-search-submit{width: 44px;height: 44px;display: block;background: #fff url('../images/searchH.png') no-repeat center center;cursor: pointer;position: absolute;right: 0;top: 0;z-index: 10;}
.Header-search-submit:hover{background: #fff url('../images/searchS.png') no-repeat center center;}
.Header-search-click.ontrue{background: url('../images/searchCH.png') no-repeat center center /18px auto;}
*/
.Header-navbar{float: right;font-size: 0;}
.Header-navbar ul li{margin: 0 36px;float: left;padding-right:20px;}
.Header-navbar-menu{display: block;width: 100%;height: 88px;font-size:18px;color: #333;text-align: center;position: relative;transition: all .3s linear;}
.Header-navbar ul li.ontrue .Header-navbar-menu{color: #135da9;}
.Header-navbar ul li .Header-navbar-menu:hover{color: #135da9;}
.Header-arr{width: 20px;height: 100%;position: absolute;top: 0;right: -24px;background: url('../images/icon_menu.png') no-repeat center center;}
.Header-navbar ul li.ontrue .Header-arr{background: url('../images/icon_menuonH.png') no-repeat center center;}
.Header-navbar ul li .Header-navbar-menu:hover .Header-arr{background: url('../images/icon_menuon.png') no-repeat center center;}

.Header-navbar-sunnavsize{width: 100%;overflow: hidden;position: absolute;left: 0;top: 88px;background:#fff;padding:20px 0;display: none;z-index: 2;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.Header-navbar-sunnavsize.ontrue{animation:sunNavDown 800ms ease both;}
@keyframes sunNavDown{0%{transform: translateY(20px);opacity: 0;}100%{transform: translateY(0px);opacity: 1;}}
/*.Header-navbar-sunnav{width: 1280px;margin: 0 auto;overflow: hidden;}*/
.Header-navbar-sunnav-c{width:100%;float: left;padding:36px 1% 0;overflow: hidden;line-height: normal;margin:0 0 0 5%;}
.Header-navbar-sunnav-c .subnavcase{margin-right:30px}
.Header-navbar-sunnav-c .subnavcase dd{font-size:16px;color:#353535;float:left;margin:15px 0;}
.Header-navbar-sunnav-c .subnavcase dd:nth-child(2n){float:right;}
.Header-navbar-sunnav-c .subnavcase dd:hover{color:#135da9;}
.xwHeader-navbar-sunnavsize{padding: 18px 0;}
/*.xwHeader-navbar-sunnavsize .Header-navbar-sunnav{width: 1794px;}*/
.xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c{width: auto;padding: 0;float: right;margin: 0 5%;}
.xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd{padding:0 10px;}
.xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c {margin: 0 15% 0 0;}


/* 移动 */
.Header-navclick{height: 60px;cursor: pointer;float: right;user-select: none;display: none;}
.Header-navclick span{width: 32px;height: 3px;background: #545454;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: #545454;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{background: #545454;}
.Header-navclick:hover span:before{background: #545454;}
.Header-navclick:hover span:after{background: #545454;}
.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-sunNavclick{width: 44px;height: 44px;display: none;background: url('../images/nav-arr.png') no-repeat center center /16px auto;position: absolute;z-index: 4;top: 0;right: 0;}
.Header-sunNavclick.ontrue{transform: rotate(180deg);}

/* PC*/
@media all and (max-width:1700px) {
    .Header-navbar ul li {margin: 0 25px;}
    .xwHeader-navbar-sunnavsize{padding: 26px 0;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnavv{width: 1708px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c{width: auto;padding: 0;float: right;}
/*    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd{width: 142px;}*/
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c {margin: 0 16% 0 0;}
}
.Header-container{max-width: 1680px;margin: 0 auto;}
@media all and (max-width:1640px) {
    .Header-wrapper{padding: 0 3%;}
    .xwHeader-navbar-sunnavsize{padding: 26px 0;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav{width: 1520px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c{width: auto;padding: 0;float: right;}
/*    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd{width: 142px;}*/
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c {margin: 0 16% 0 0;}
}
@media all and (max-width:1460px) {
    .Header-navbar ul li {margin: 0 23px;}
    .xwHeader-navbar-sunnavsize{padding: 26px 0;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav{width: 1506px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c{width: auto;padding: 0;float: right;}
/*    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd{width: 142px;}*/
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c {margin: 0 16% 0 0;}
}
@media all and (max-width:1380px) {
    .Header-navbar ul li {margin: 0 20px;}
    .Header-navbar-sunnav{width: 94%;}
    .Header-navbar-menu{font-size:16px;}
    .xwHeader-navbar-sunnavsize{padding: 26px 0;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav{width: auto;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c{width: auto;padding: 0;float: right;}
/*    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd{width: 142px;}*/
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c {margin: 0 16% 0 0;}
    .Header-navbar-menu{font-size:16px;}
}
@media all and (max-width:1280px) {
    .Header-navbar ul li {margin: 0 17px;}
}
@media all and (max-width:1200px) {
    .Header-navbar-menu{font-size: 18px;}
    .Header-navbar ul li {margin: 0 13px;}
}
/* 移动 */

@media all and (max-width:1000px) {
    .Container-wrapper{margin-top: 60px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c, .gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c{width: 100%;margin: 0;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd{width: 50%;}
    .Header-wrapper{background-color: #fff;}
    .Header-logoimg{display: none;}
    .Header-logoimg-hover{display: block;}
    .Header-navbar-menu{color: #555;}
    .Header-logo{height: 60px;line-height: 60px;}
    .Header-logo img{width: 130px;height: auto}
    .Header-logoimg-hover img{height: 60px;width: auto;}
    .Header-search-click{height: 60px;}
    .Header-navbar{height: auto;line-height: normal;padding-bottom: 16px;display: none;}
    .Header-navbar ul li{width: 100%;margin: 0;}
    .Header-navbar-menu{font-size: 16px;height: 46px;line-height: 46px;text-align: left;}
    .Header-navbar-menu i{display: none;}
    .Header-navclick{display: block;}
    .Header-navbar ul li{position: relative;}
    .Header-sunNavclick{display: block;}
    .Header-navbar-sunnavsize{position: static;display: none;padding: 8px 0;}
    .Header-navbar-sunnav-c{display:block;padding:10px 0;width:100%;margin:0px;}
    .Header-search{position: static;}
    .Header-navbar ul li.sonnav,.Header-navbar ul li.sonnav:hover{background:none;}
    .Header-navbar-sunnav-l{display:none;}
    .Header-navbar-sunnav-c h4{font-size:16px;margin-bottom:8px;}
    .Header-navbar-sunnav-c .subnavcase dd{width:100%;font-size:16px;margin: 5px 0;}
    .nav-news{text-align:center;}
    .Header-navbar-sunnav-c .subnavpro dd{margin-bottom:0px;width: 100%;text-align: left;height: 38px;line-height: 38px;}
    .Header-navbar-sunnav-c .subnavpro dd span{height:60px;}
    .Header-navbar-sunnav-c .subnavpro span img{height:45px;}
    .Header-navbar-sunnav-c .subnavpro dd a{font-size:14px;}
    .Header-navbar-menu{font-size: 18px;font-weight: 600;}
    .Header-navbar-sunnav-c .subnavpro dd span{display: none;}
    .Header-navbar-sunnav-c .subnavpro dd a {font-size: 16px;}
    .Header-navbar ul{width: 100%;height: auto;overflow-y: auto;}
    .Header-navbar-sunnav-c h4 a.caseBox{display: block;}
	.header-right {
	line-height: 68px;
}
}