@charset "utf-8";
/* ====================鍏叡鏍峰紡========================= */
@font-face{
    font-family: "DINM";
    src: url("../fonts/DINM.TTF");
}
/* 澶撮儴 */
.Header-wrapper{width: 100%;background: #fff;position: fixed;left: 0;top: 0;z-index: 99999;transition: background .4s ease;}
.Header-wrapper:after{content: "";width: 100%;height: 1px;background: #2095c7;position: absolute;left: 0;bottom: 0;z-index: 99;}
.Header-container{width: 100%;}
.winter .Header-navbarbox{display: block !important;}

.Header-logo{float: left;position: relative;z-index: 999;margin-left: 20px;}
.Header-logo a{height: 75px;line-height: 75px;float: left;user-select: none;display: flex;align-items: center;}
.Header-logo a img{width: auto;}
.Header-logo a img.Header-logoY{display: block;}
.Header-logo a img.Header-logoH{display: none;}

.Header-search{float: right;}
.Header-search-click{width: 48px;height: 75px;background:transparent url('../images/public/search.png') no-repeat center;cursor: pointer;user-select: none;}
.Header-search-click.ontrue{background:transparent url('../images/public/close.png') no-repeat center;}

.Header-navbar{float: right;margin-right: 32px;}
.Header-navbar ul li{display: inline-block;padding: 0 12px;}
.Header-Menu{display: block;height: 75px;line-height: 75px;font-size: 16px;color: #333;transition: all .4s ease-in-out;position: relative;letter-spacing: .12em;}
.Header-Menu:after{content: "";position: absolute;width: 0;height: 4px;top: 0;right: 0;background: #2095c7;transition: all .4s ease;}
.Header-navbar ul li.ontrue .Header-Menu{color: #2095c7;}
.Header-navbar ul li.ontrue .Header-Menu:after{right: auto;left: 0;width: 100%;}
.Header-Menu:hover{color: #2095c7;}
.Header-Menu:hover:after{right: auto;left: 0;width: 100%;}

.Header-search-message{width: 100%;height: 90px;position: absolute;z-index: 99;background: #fff;right: 0;top: 0;display: none;}
.Header-search-words{width: 1000px;margin: 0 auto;}
.Header-search-wordsform{float: right;height: 90px;line-height: 90px;font-size: 0;}
.Header-search-submit{width: 54px;height: 90px;background: url('../images/public/search.png') no-repeat center center;cursor: pointer;display: inline-block;vertical-align: middle;}
.Header-search-wordsform input{width: 580px;height: 40px;display: inline-block;vertical-align: middle;outline: none;border: none;font-size: 16px;color: #333;margin-right: 40px;box-shadow: 0 0 15px rgba(0, 0, 0, .1);padding-left: 14px;}
.Header-search-close{width: 54px;height: 90px;background: url('../images/public/close.png') no-repeat center center;cursor: pointer;display: inline-block;vertical-align: middle;user-select: none;}

.H-lang {position: relative;float: right;}
.H-lang .Hlang-menu {display: block;width: 58px;height: 100%;transition: none;-webkit-transition: none;font-size: 16px;text-align: center;color: #333;line-height: 90px;}
.H-lang .Hlang-menu i{width: 20px;height: 20px;background-repeat: no-repeat;background-image: url('../images/public/lang.png');display: inline-block;vertical-align: middle;margin-right: 4px;}

.Header-part{width: 109px;height: 75px;float: right;position: relative;background: url('../images/public/Hpart.png') no-repeat right center/auto 100%;cursor: pointer;}
.Header-part span{width: 15px;height: 2px;background: #fff;display: block;position: relative;margin: 44px 34px 0 auto;transition: all .2s linear;}
.Header-part span:before, .Header-part span:after{content: "";position: absolute;height: 2px;background: #fff;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-part span:before{top: -5px;}
.Header-part span:after{top: 5px;}
.Header-part:hover span:before, .Header-part:hover span:after{top: 0;}
.Header-part.ontrue span:before, .Header-part.ontrue span:after{top: 0;}

/* 鎵嬫満姹夊牎閿 */
.Header-navclick{height: 60px;padding: 0 0 0 4px;cursor: pointer;float: right;user-select: none;display: none;width: 20px;}
.Header-navclick span{width: 100%;height: 2px;background: #333;display: block;position: relative;margin-top: 29px;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #333;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: #f8f8f8;padding: 60px 0;}
.Footer-container{width: 1440px;margin: 0 auto}
.Footer-infonav{width: 100%;}
.Footer-info{width: 200px;float: right;}
.Footer-info img{width: auto;}
.Footer-info h6{font-size: 20px;color: #2095c7;margin: 18px 0 12px;font-family: 'GOTHICB';font-weight: 700;}
.Footer-info p{font-size: 16px;line-height: 24px;color: #666666;font-weight: 300;}
.Footer-info h6, .Footer-info p{padding-left: 24px;}
.Footer-navbar{width: 72%;float: left;position: relative;}
.Footer-navbar ul li{width: 20%;float: left;}
.Footer-navclick{width: 100%;position: relative;}
.Footer-navclick a{font-size: 20px;color: #666;display: block;width: 100%;height: 42px;line-height: 42px;}
.Footer-navclick i{width: 42px;height: 42px;display: none;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/public/iconArrH.png') no-repeat center center /14px auto;}
.Footer-navclick i.ontrue{transform: rotate(180deg);}
.Footer-navwords{width: 100%;overflow: hidden;margin-top: 4px;}
.Footer-navwords a{display: block;padding: 6px 0;font-size: 16px;color: #666;transition: all .4s ease-in-out;font-weight: 300;}
.Footer-navwords a:hover{color: #2095c7;}
.Footer-copyright{width: 100%;text-align: right;}
.Footer-copyright span{font-size: 14px;color: #888;}

/* 瀵艰埅閫忔槑 */
.Header-lucency .Header-wrapper{background: transparent;}
.Header-lucency .Header-wrapper:after{display: none;}
.Header-lucency .Container-wrapper{margin-top: 0;}
.Header-lucency .Header-logo a img.Header-logoY{display: none;}
.Header-lucency .Header-logo a img.Header-logoH{display: block;}
.Header-lucency .Header-Menu{color: #fff !important;}
.Header-lucency .H-lang .Hlang-menu {color: #fff;}
.Header-lucency .H-lang .Hlang-menu i{background-image: url('../images/public/langH.png');}
.Header-lucency .Header-search-click{background-image: url('../images/public/searchW.png');}
.Header-lucency .Header-Menu:after{background: #fff !important;}
.Header-lucency.search-click .Header-logo a img.Header-logoY{display: block;}
.Header-lucency.search-click .Header-logo a img.Header-logoH{display: none;}

/* 渚ф爮 */
.Header-slide{position: fixed;width: 260px;right: -260px;height: calc(100vh - 90px);background: #2095c7;top: 90px;overflow-y: auto;z-index: 100;padding: 90px 34px 0;}
.Header-slide li{display: block;position: relative;border-bottom: 1px solid #fff;margin-top: 20px;}
.Header-slideMenu{font-size: 16px;color: #fff;padding: 6px 0;display: block;width: 100%;opacity: .8;transition: all .4s ease;}
.Header-slideMenu:hover{opacity: 1;}
.Header-slideDown{width: 100%;overflow: hidden;display: none;}
.Header-slideDown a{display: block;float: left;width: 50%;/* text-align: center; */padding: 6px 7px;color: #fff;font-size: 14px;}
.Header-slideDown a:hover{opacity: .8;}

/* 涓棿+鍏辩敤閮ㄥ垎 */
.Container-wrapper{width: 100%;margin-top: 75px;}
.contain{width: 1440px;margin: 0 auto;}


/* 鍐呴〉澶у浘鍏叡鏍囬 鍙 浜岀骇瀵艰埅 */
.pub-top-tit{width: 42%;float: left;padding: 26px 0 16px;}
.pub-top-tit i{display: block;width: 18px;height: 18px;border: 3px solid #000;border-radius: 50%;}
.pub-top-tit h1{font-size: 42px;color: #333;margin: 10px 0 14px;}
.pub-top-tit p{font-size: 22px;color: #999;line-height: 28px;font-family: "Light";text-transform : uppercase;}
.pub-titimg{width: 58%;float: right;padding: 26px 0 0;}
.pub-titimg img{width: 100%;object-fit: cover;max-height: 128px;}
.pub-top {position: relative;}
.pub-top-bg{width: 100%;}
.pub-top-bg img{width: 100%;object-fit: cover;min-height: 458px;max-height: 458px;}
.pub-top-nav {position: absolute;width: 1440px;height: 72px;left: 50%;transform: translateX(-50%);bottom: -26px;background: #fff;box-shadow: 0 10px 15px rgba(0, 0, 0, .1);z-index: 6;}
.pub-top-nav ul{float: left;}
.pub-top-nav li {padding:0 20px;float: left;}
.pub-top-nav li:first-child{padding: unset;}
.pub-top-nav li a{display: block;text-align: center;line-height: 72px;color: #666;font-size: 16px;transition: all .4s ease;}
.pub-top-nav li:first-child a{text-align: left;line-height: unset;}
.pub-top-nav li:first-child a img{width: 100%;object-fit: cover;}
.pub-top-nav li:hover a,.pub-top-nav li.ontrue a{color: #2095c7;}
.pub-top-icon{float: right;margin: 24px 30px 0 0;}
.pub-top-icon img{cursor:pointer}
.pub-tit{width: 100%;text-align: center;margin-top: 106px;}
.pub-tit h1{font-size: 44px;color: #333;font-family: "DINM";}
.pub-tit p{font-size: 26px;line-height: 28px;color: #333;margin-top: 20px;}



.home-box{position: fixed;z-index: 9999;right: 10px;top: 50%;transform: translateY(-50%);}
.home-box img{max-width: 100%;}
.homecolse{position: absolute;right: 0;top: 0;width: 18px;height: 18px;background: url('/template/default/images/public/close1.png') no-repeat center center;cursor: pointer;}














/* -------------------------PC绔?-------------------------- */
@media all and (max-width:1700px) {
    /* 1600 脳 (900/1024/1200) */
    .Footer-container,.pub-top-nav {width: 92%;}
    .Header-navbar{margin-right: 26px;}
    .pub-tit h1{font-size: 42px;}
}

@media all and (max-width:1599px) {
    /* 1440 脳 (900/1050) */
    .contain{width: 92%;}
    .Header-navbar{margin-right: 20px;}

    .pub-top-tit h1 {font-size: 38px;}
    .pub-titimg img {max-height: 124px;}
    .pub-tit h1{font-size: 40px;}

}

@media all and (max-width:1439px) {
    /* 1360 脳 (768) */
    .Header-navbar{margin-right: 16px;}
	.Header-navbar ul li {padding: 0 6px;}
}

@media all and (max-width:1359px) {
    /* 1280 脳 (800/854/1024) */
    .Header-navbar{margin-right: 14px;}

    .pub-top-tit h1 {font-size: 34px;}
    .pub-titimg img {max-height: 120px;}
    .pub-tit h1{font-size: 38px;}
    .pub-tit p {font-size: 24px;margin-top: 14px;}
    .pub-tit {margin-top: 90px;}
	.Header-navbar ul li {padding: 0 2px;}
    
}

@media all and (max-width:1279px) {
    /* 1152 脳 (864) */
    .Header-navbar ul li {padding: 0;}
    .Header-navbar{margin-right: 8px;}
    .Header-search-words{width: 800px;}
    .Header-search-wordsform input{width: 500px;}
    .Header-Menu{font-size:15px;}
}

@media all and (max-width:1151px) {
    /* 1024 脳 (600/768) */
    
    .Header-navbar{margin-right: 2px;}
    .Header-search-words{width: 700px;}
    .Header-search-wordsform input{width: 400px;}

    .Footer-infonav {padding: 0;border-bottom: none;}
    .Footer-info{width: 100%;text-align: center;}
    .Footer-info h6{margin-top: 0;padding-left:unset;}
    .Footer-info p{margin-top: 6px;padding-left: unset;}
    .Footer-navbar {width: 100%;padding: 0;margin-top: 16px;margin-left: 0;}
    .Footer-navbar ul li{width: 100%;}
    .Footer-navclick h6 {line-height: 40px;}
    .Footer-navwords a {padding: 4px 0;font-size: 16px;}
    .Footer-navwords{margin-top: 0;display: none;}
    .Footer-navclick i{display: block;}
    .Footer-copyright {padding: 16px 0 20px;}
    .Footer-wrapper {padding: 30px 0;}

    .pub-top-tit h1 {font-size: 30px;}
    .pub-titimg img {max-height: 116px;}
    .pub-tit h1{font-size: 36px;}
    .pub-tit p {font-size: 22px;}
	
	.Container-wrapper{margin-top: 60px;}
	.Header-container{height: 60px;}
    .Header-logo{height: 60px;}
    .Header-logo a {height: 60px;line-height: 60px;}
    .Header-logo a img{height: 30px;}
    .Header-search-wordsform input {padding-left: 20px;}
    .H-lang .Hlang-menu{line-height: 60px;}
    .Header-search-click{height: 60px;line-height: 60px;background: url("../images/public/search.png") no-repeat center;}
    .Header-part {height: 60px;width: 80px;}
    .Header-part span {margin: 32px 20px 0 auto;}
    .Header-navclick{display: block;}
    .Header-navbarbox{display: none;width: 100%;background: #fff;position: absolute;top: 60px;left: 0;}
    .Header-navbar{float: left;width: 100%;margin-right: 0;height: auto;overflow-y: auto !important;padding-bottom: 20px;text-align: left;}
    .Header-navbar ul li{display: block;width: 100%;position: relative;padding: 0;}
    .Header-Menu{width: 100%;height: 44px;line-height: 44px;padding: 0 4%;}
    .Header-search-message{height: 45px;top: 60px;}
    .Header-search-click{width: 36px;}
    .Header-search-close{display: none;}
    .Header-search-wordsform{height: 44px;line-height: 44px;float: initial;}
    .Header-search-submit{height: 100%;position: absolute;right: 0;top: 0;z-index: 2;width: 44px;background: #2095c7 url("../images/public/searchW.png") no-repeat center;}
    .Header-search-wordsform input{width: 100%;margin-right: 0;height: 44px;padding-right: 46px;box-sizing: border-box;border-bottom: none;}
    .Header-wrapper:after{display: block;}
    .Header-wrapper{box-shadow: none;}
    .Header-slide{height: calc(100vh - 60px);top: 60px;}
}


/* ------------------------鎵嬫満绔?------------------------- */
@media all and (max-width:1000px) {
    /* 骞虫澘璁惧 720 閫傞厤 */
    
    
 
    .top-listbox .contain{width: 100%;}
    .top-list{width: 100%;overflow-x: auto;float: none;}
    .top-list ul{float: none;width: 2000px;}
    .top-list ul li a{line-height: 44px;padding: 0 12px;font-size: 14px;}
    .sunMenu-blank {height: 44px;}
    .top-listbox.sunMenu {top: 60px;}
    .mdclass{top: -92px;}
    .top-list ul li a:hover{background-color: transparent;}
    .top-list ul li.ontrue a {background-color: #449356;}
    .pub-top-tit h1 {font-size: 26px;}
    .pub-titimg img {max-height: 100px;}
    .pub-top-bg img {min-height:350px;}
    .pub-top-tit ,.pub-titimg{padding: 20px 0 0;}
    .pub-top-tit i {width: 16px;height: 16px;}
    .pub-top-tit h1 {margin: 8px 0 12px;}
    .pub-top-tit p {font-size: 20px;line-height: 26px;}
    .pub-top-icon{display: none;}
    .pub-top-nav{overflow-x: auto;height: unset;}
    .pub-top-nav li:first-child a img{max-height: 50px;}
    .pub-top-nav li a {line-height: 50px;}
    .pub-top-nav::-webkit-scrollbar{background: #fff;width: 2px;height: 4px;}
    .pub-top-nav::-webkit-scrollbar-thumb  {border-radius: 10px;background-color: #2095c7;}
    .pub-tit {margin-top: 60px;}
    .pub-tit p {margin-top: 14px;}
    .pub-tit h1 {font-size: 30px;}
}
@media all and (max-width:640px) {
    /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */
    .pubtit h6{font-size: 28px;}
    .pubtit p{font-size: 16px;}
    .pubTitle p {display: inline;}
    .Header-logo {margin-left: 10px;}
    .Footer-navwords {padding-left: 10px;}

    .pub-top-tit{padding: 24px 0 20px;width: 100%;text-align: center;float: unset;}
    .pub-top-tit h1 {margin: 8px 0 6px;}
    .pub-top-tit p {font-size: 18px;line-height: 24px;}
    .pub-top-tit i {width: 14px;height: 14px;}
    .pub-top-tit i {width: 14px;height: 14px;margin: 0 auto;}
    .pub-titimg{display: none;}
    .pub-top-bg img {min-height: 220px;}
    .pub-tit h1 {font-size: 26px;}
    .pub-tit p { font-size: 20px; margin-top: 6px;}
    .Footer-navclick a {font-size: 16px;}
    .Footer-copyright span {font-size: 12px;}
    
}