@charset "utf-8";
/* ============================================= */

/* 头部 */
.Header-wrapper{width: 100%;max-width: 1920px;background: #fff;position: fixed;z-index: 999;top: 0;left: auto;right: auto;border-bottom: 1px solid #eaeaea;}
.Header-container{width: 1280px;margin: 0 auto;}
.Header-logo{height: 90px;line-height: 90px;float: left;position: relative;z-index: 99;}
.Header-logo a{display: block;}
.Header-search{float: right;}
.Header-search-click{padding: 0 20px 0 4px;height: 90px;line-height: 90px;cursor: pointer;user-select: none;font-size: 16px;color: #666;text-align: center;transition: all .3s ease;-webkit-transition: all .3s ease;}
.Header-search-click:after{content: "\f002";font: normal normal normal 14px/1 FontAwesome;font-size: inherit;display: inline-block;}
.Header-search-click:hover{color: #00aac6;}

.Header-navbar{float: right;font-size: 0;margin-right: 20px;}
.Header-navbar ul li{display: inline-block;margin: 0 8px;}
.Header-Menu{display: block;height: 90px;line-height: 90px;font-size: 15px;color: #000; font-weight:bold;padding: 0 12px;transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;position: relative;text-transform: uppercase;}
.Header-navbar ul li.ontrue .Header-Menu,.Header-Menu:hover{color: #00aac6;}
.Header-search-message{width: 100%;height: 60px;position: absolute;z-index: 88;background-color: #fff;right: 0;top: 0;display: none;}
.Header-search-message.ontrue{display: block;}
.Header-search-words{width: 1280px;margin: 0 auto;}
.Header-search-wordsform{float: right;height: 60px;line-height: 60px;font-size: 0;}
.Header-search-submit{width: 54px;height: 60px;cursor: pointer;display: inline-block;vertical-align: middle;font-size: 16px;color: #666;text-align: center;transition: all .3s ease;-webkit-transition: all .3s ease;}
.Header-search-submit:after{content: "\f002";font: normal normal normal 14px/1 FontAwesome;font-size: inherit;display: inline-block;}
.Header-search-submit:hover{color: #00aac6;}
.Header-search-wordsform input{width: 100px;height: 38px;background: #fff;display: inline-block;vertical-align: middle;outline: none;border: none;font-size: 16px;color: #666;margin-right: 4px;border-bottom: 1px solid #666;transition: all .4s ease-in;-webkit-transition: all .4s ease-in;}
.Header-search-wordsform input:focus{border-color: #00aac6;}
.Header-search-message.ontrue .Header-search-wordsform input{width: 560px;}
.Header-search-close{width: 54px;height: 60px;line-height: 60px;cursor: pointer;display: inline-block;vertical-align: middle;user-select: none;font-size: 16px;color: #666;text-align: center;transition: all .3s ease;-webkit-transition: all .3s ease;}
.Header-search-close:after{content: "\f00d";font: normal normal normal 14px/1 FontAwesome;font-size: inherit;display: inline-block;}
.Header-search-close:hover{color: #f78101;}
.Header-lan{display: block;float: right;padding: 0 4px;height: 90px;text-align: center;line-height: 90px;font-size: 16px;color: #666;transition: all .3s ease;-webkit-transition: all .3s ease;}
.Header-lan i{margin-right: 6px;}
.Header-lan:hover{color: #00aac6;}

.Header-sunclick{font-size: 24px;color: #666;display: none;width: 42px;height: 42px;position: absolute;z-index: 4;right: 0;top: 0;text-align: right;line-height: 44px;}
.Header-sunclick.ontrue{transform: rotate(180deg);-webkit-transform: rotate(180deg);text-align: left;}
.Header-sonprobox{width: 100%;position: absolute;z-index: 9;left: 0;top: 61px;background: #fff;display: none;}
.Header-sonpro{width: 1280px;margin: 0 auto;}
.Header-sonpro ul{width: 100%;padding: 24px 0 18px;overflow: hidden;}
.Header-sonpro ul:nth-child(n+2){border-top: 1px solid #eaeaea;}
.Header-sonpro ul li{width:20%;padding: 0 38px;overflow: hidden;display: block;float: left;margin: 0;}
.Header-sonpro ul li:nth-child(-n+2){border-right: 1px solid #eaeaea;}
.Header-sonproimg{width:100%;float: left;text-align: left;line-height: 120px;}
.Header-sonproimg img{max-width: 100%;}
.Header-sonprowords{width:100%;float: right;text-align: left;}
.Header-sonprotit{width: 100%;overflow: hidden;padding-bottom: 12px;}
.Header-sonprotit a{font-size: 14px;color: #333;display: block;width: 100%;transition: all .3s ease;-webkit-transition: all .3s ease;}
.Header-sonprotit a:hover,.Header-sonprotit a.ontrue{color: #00aac6;}
.Header-sonpromenu{width: 100%;overflow: hidden;}
.Header-sonpromenu p{width: 31.333333333333%;padding-right: 2%;float: left;}
.Header-sonpromenu p a{display: block;width: 100%;height: 28px;line-height: 28px;font-size: 14px;color: #666;transition: all .3s ease;-webkit-transition: all .3s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.Header-sonpromenu p a:hover,.Header-sonpromenu p a.ontrue{color: #00aac6;}


/* 手机汉堡键 */
.Header-navclick{height: 60px;padding: 0 0 0 4px;cursor: pointer;float: right;user-select: none;display: none;}
.Header-navclick span{width: 28px;height: 3px;background: #666;display: block;position: relative;margin-top: 40px;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 3px;background: #666;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -8px;}
.Header-navclick span:after{top: 8px;}
.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(8px) rotate(0);-ms-transform: translateY(8px) rotate(0);-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0);}
    100% {-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) 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(-8px) rotate(0);-ms-transform: translateY(-8px) rotate(0);-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0);}
    100% {-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) 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%;background: #000;overflow: hidden;position: relative;z-index: 4;}
.Footer-container{width: 1280px;margin: 0 auto;}
.Footer-logolink{width: 100%;overflow: hidden;padding: 80px 0;}
.Footer-logo{width: 19%;float: left;}
.Footer-logo a{display: block;}
.Footer-link{width: 75%;float: right;}
.Footer-link li{float: left;overflow: hidden;}
.Footer-link li:nth-child(1){width: 26%;}
.Footer-link li:nth-child(2){width: 36%;}
.Footer-link li:nth-child(3){width: 26%;margin-left: 12%;}
.Footer-menu{width: 100%;overflow: hidden;height: 30px;position: relative;font-weight:bold;font-size: 14px; color:#fff;}
.Footer-menu a{display: block;width: 100%;height: 100%;font-size: 14px;color: #333;font-weight: bold;transition: all .3s ease;-webkit-transition: .3s ease;text-transform: uppercase;}
.Footer-menu a:hover{color: #00aac6;}
.Footer-menu b{width: 15px;height: 3px;display: block;background: #00aac6;position: absolute;left: 0;bottom: 0;z-index: 3;}
.Footer-linkwords{width: 100%;overflow: hidden;padding-top: 20px;}
.Footer-linkato,.Footer-linkadd,.Footer-linkmail{width: 100%;overflow: hidden;}
.Footer-linkato a{width: 100%;height: 30px;line-height: 30px;display: block;font-size: 14px;color: #999;transition: all .3s ease;-webkit-transition: .3s ease;}
.Footer-linkato a:hover{color: #00aac6;}
.Footer-linkadd p{font-size: 14px;color: #999;line-height: 30px;}
.Footer-linkadd p a:hover{color: #00aac6;}
.contactu p a:hover{color: #00aac6;}
.Footer-linkmail p{font-size: 14px;color: #666;line-height: 30px;}
.Footer-linkmail p a{text-decoration: underline;transition: all .3s ease;-webkit-transition: .3s ease;}
.Footer-linkmail p a:hover{color: #00aac6;}
.Footer-linkicon{width: 100%;overflow: hidden;margin-top: 22px;color: #aaa;font-size: 25px;}
.Footer-linkicon a{display: inline-block;margin-right: 5px;margin-left:5px;}
.Footer-linkicon a i{transition: all .3s ease;-webkit-transition: .3s ease; background-color:#666;width:40px; border-radius:40px;height:40px;float:left; text-align:center;}
.Footer-linkicon a:hover i{color: #00aac6;}
.Footer-copy{width: 100%;padding: 10px 0 34px;}
.Footer-copy p{font-size: 14px;color: #888;text-align: center;}
.Footer-part{width: 100%;overflow: hidden;padding: 20px 0;border-top: 1px solid #444;user-select: none;}
#owl-item {width: 100%;}
#owl-item .item {display: block;margin: 6px 0;text-align: center;}
#owl-item img {display: block;max-width: 100%;margin: 0 auto;}


/* 中间 */
.Container-wrapper{margin-top: 60px;width: 100%;overflow-x: hidden;}


/* 公共联系 */
.pubtouch-container{width: 100%;padding: 74px 0 80px;background: #00aac6;position: relative;z-index: 4;}
.touch{width: 734px;margin: 0 auto;}
.touch-title{width: 100%;text-align: center;color: #fff;}
.touch-title h6{font-size: 32px;font-weight: bold;line-height: 1em;}
.touch-form{width: 100%;overflow: hidden;margin-top: 42px;border-top: 1px solid rgba(255, 255, 255, .3);}
.touch-form input{width: 100%;height: 56px;line-height: 56px;text-align: center;font-size: 16px;background: transparent;color: #fff;border-bottom: 1px solid rgba(255, 255, 255, .3);}
.touch-form :-moz-placeholder { color:#fff;font-size: 16px;text-align: center;}
.touch-form ::-moz-placeholder { color:#fff;font-size: 16px;text-align: center;}
.touch-form input:-ms-input-placeholder{ color:#fff;font-size: 16px;text-align: center;}
.touch-form input::-webkit-input-placeholder{ color:#fff;font-size: 16px;text-align: center;}
.touch-link {margin: 40px auto 0;display: block;font-size: 14px;color: #333;font-weight: bold;width: 200px;height: 60px;box-shadow: 0 4px 10px 0px #008197;-webkit-box-shadow: 0 4px 10px 0px #008197;border-radius: 30px;background: #fff;text-align: center;line-height: 60px;transition: all .3s ease;-webkit-transition: all .3s ease;}
.touch-link:hover{color: #00aac6;}

/* 侧栏 */  /* 置顶 */
.sideBar-wrapper{position: fixed;top: 50%;right: 0;margin-top: -101px;width: 50px;height: 203px;z-index: 6666;}
.sideBar-wrapper ul li{height: 50px;position: absolute;left: 0;}
.sideBar-wrapper ul li.backTop{top: 0;width: 62px;}
.sideBar-wrapper ul li.relQq{top: 51px;width: 148px;transition: all .4s;}
.sideBar-wrapper ul li.relDh{top: 102px;width: 172px;transition: all .4s;}
.sideBar-wrapper ul li.relEwm{top: 153px;width: 62px;}
.sideBar-wrapper ul li a{display: block;font-family: "Microsoft Yahei";color: #fff;font-size: 14px;height: 50px;line-height: 50px;overflow: hidden;background-color: #000;opacity: .7;border-radius: 6px;}
.sideBar-wrapper ul li a img{display: block;float: left;width: 24px;height: 24px;margin: 12px 12px 14px 14px;}
.sideBar-wrapper ul li a:hover{background: #00aac6;opacity: 1;}
.sideBar-wrapper ul li.relQq:hover{left: -90px;}
.sideBar-wrapper ul li.relDh:hover{left: -116px;}
.sideBar-wrapper-ewm{position: absolute;top: -144px;left: -144px;background: url('../images/side-arr.png') no-repeat bottom right;width: 140px;height: 149px;padding-bottom: 9px;display: none;}
.sideBar-wrapper-ewm img{display: block;background-color: #FFF;width: 140px;height: 140px;}
.sideBar-wrapper ul li.relEwm:hover .sideBar-wrapper-ewm{display: block;}
.tobacktop {position: fixed;right: 2%;bottom: 2%;z-index: 999999;width: 40px;height: 40px;cursor: pointer;display: none ;background: rgba(0, 0, 0, .34) url('../images/back-top.png') no-repeat center center;}
.tobacktop:hover{background-color: #00aac6;}




/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .pubtouch-container {padding: 60px 0 66px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .Header-container,.Footer-container,.Header-search-words{width: 92%;}
    .Header-sonpro{width: 100%;}
    .Footer-logolink {padding: 66px 0;}
	.Header-Menu{padding: 0 8px;}
}
@media all and (max-width:1320px) {
}




@media all and (max-width:1279px) {
	.Header-navbar ul li{margin: 0 0px;}
	.Header-logo img{height:25px;}
	
    /* 1152 × (864) */
    .Footer-link li:nth-child(1) {width: 22%;}
    .Footer-link li:nth-child(2) {width: 28%;}
    .Footer-link li:nth-child(3) {width: 44%;margin-left: 6%;}
    .Footer-logolink {padding: 60px 0;}
    .pubtouch-container {padding: 50px 0 56px;}
    .touch-form input{height: 50px;line-height: 50px;}
    .touch-link{height: 54px;line-height: 54px;}
}





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

@media all and (max-width:1070px) {
  .Header-Menu{padding: 0 5px;}
  .Header-Menu{ font-size:13px;}
  
}



/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 360移动终端以上 */
    .Header-search-click{font-size: 18px;padding: 0 12px 0 4px;}
    .Header-search-click:hover {color: #666;}
    .Header-navclick{display: block;}
    .Header-search-message{height: 46px;top: 60px;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;}
    .Header-search-close{display: none;}
    .Header-search-wordsform{height: 44px;line-height: 44px;float: initial;}
    .Header-search-submit{height: 44px;position: absolute;right: 0;top: 0;width: 44px;}
    .Header-search-wordsform input{width: 100% !important;margin-right: 0;height: 44px;padding-right: 30px;box-sizing: border-box;}
    .Header-search-click.ontrue:after {content: "\f00d";}
    .Header-lan{margin-right: 8px;font-size: 18px;}
    .Header-navbarbox{width: 100%;position: absolute;top: 91px;left: 0;padding: 0 4%;display: none;background: #fff;}
    .Header-navbar{width: 100%;margin-right: 0;padding-bottom: 16px;}
    .Header-navbar ul li{width: 100%;margin: 0;position: relative;}
    .Header-Menu {height: 42px;line-height: 42px;padding: 0;}
    .Header-search-wordsform input{border-bottom: none;}

    .Header-sonprobox{position: static;top: 0;display: none;}
    .Header-sonpro ul li {width: 100%;padding: 0;}
    .Header-sonpro ul li:nth-child(-n+2) {border-right: none;}
    .Header-sonproimg{display: none;}
    .Header-sonprowords{width: 100%;}
    .Header-sonpromenu{display: none;}
    .Header-sonpro ul{padding: 0;}
    .Header-sonpro ul:nth-child(n+2) {border-top: none;}
    .Header-sonprotit {padding-bottom: 8px;}
    .Header-sunclick{display: block;}

    .Footer-logolink {padding: 36px 0 32px;}
    .Footer-logo{width: 100%;text-align: center;}
    .Footer-link{width: 100%;padding-top: 20px;}
    .Footer-link li{width: 100% !important;margin-top: 4px;margin-left: 0 !important;}
    .Footer-linkwords {padding-top: 2px;display: none;}
    .Footer-menu{line-height: 30px;}
    .Footer-menu b{left: auto;right: 0;bottom: auto;top: 0;height: 30px;width: 30px;font-size: 14px;text-align: center;}
    .Footer-menu b:after{content: "\f078";font: normal normal normal 14px/1 FontAwesome;font-size: inherit;display: inline-block;}
    .Footer-menu b.ontrue:after{content: "\f077";}
    .Footer-linkicon {margin-top: 10px;font-size: 22px;}
    .Footer-copy{text-align: center;padding: 6px 0 10px;}

    .pubtouch-container {padding: 32px 0 40px;}
    .touch{width: 92%;}
    .touch-title h6 {font-size: 22px;}
    .touch-form {margin-top: 28px;}
    .touch-link {margin: 30px auto 0;width: 180px;height: 44px;line-height: 44px;}

    .sideBar-wrapper{display: none;}
    .Footer-part{padding: 10px 0 12px;}
}