
/* 头部 */
.Header-wrapper{width: 100%;background: transparent;position: fixed;left: 0;top: 0;z-index: 9991;transition: all .4s ease-in-out;}
.Header-wrapper:after{content: "";position: absolute;width: 100%;height: 1px;background: #e7e9ec;left: 0;bottom: 0;opacity: 0;transition: all .4s ease-in-out;}
.Header-container{width: 1280px;height: 86px;margin: 0 auto;}
.Header-logo{float: left;position: relative;z-index: 9995;}
.Header-logo a{height: 86px;line-height: 86px;float: left;}
.Header-logos{display: block;}
.Header-logoh{display: none;}
.Header-logo.onhover .Header-logos{display: none;}
.Header-logo.onhover .Header-logoh{display: block;}
.Header-logo.onclick .Header-logos{display: none;}
.Header-logo.onclick .Header-logoh{display: block;}
.Header-logo a img{height: auto;}
.Header-search{float: right;}
.Header-search-click{width: 48px;height: 86px;background:transparent url('../images/public/search.png') no-repeat center center;cursor: pointer;user-select: none;}
.Header-search-click.ontrue{background:transparent url('../images/public/icon-close.png') no-repeat center center /18px auto;}

.Header-navbar{float: right;font-size: 0;margin-right: 12px;}
.Header-navbar ul li{display: inline-block;margin: 0 20px;}
.Header-Menu{display: block;height: 86px;line-height: 86px;font-size: 16px;color: #f7fafc;padding: 0 4px;transition: all .4s ease-in-out;}
.Header-navbar ul li.ontrue .Header-Menu{color: #309bff;}
.Header-Menu:hover{color: #309bff;}
.Header-sunNav{display: none;position: absolute;left: 0;top: 86px;width: 100%;padding: 44px 0;background: transparent url('../images/public/sunnav.png') repeat center center;background-size: cover;z-index: 991;font-size: 0;}
.Header-sunNavlr{width: 1280px;margin: 0 auto;}
.Header-sunNavlr>div{float: right;}
.Header-sunNavl{padding: 0 14px 0 44px;border-right: 1px solid #ececec;}
.Header-sunNavl>div{float: left;}
.Header-sunNavl-img{width: 278px;height: 160px;overflow: hidden;}
.Header-sunNavl-img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-in-out;}
.Header-sunNavl-img img:hover{transform: scale(1.1);}
.Header-sunNavl-click{margin-left: 24px;}
.Header-sunNavl-click>div{float: left;margin: 0 30px;;}
.Header-sunNavl-clicka a{display: block;height: 38px;font-size: 14px;color: #62666a;width: 164px;background: url('../images/public/sunnavArr.png') no-repeat right 6px;position: relative;transition: all .4s ease-in-out;}
.Header-sunNavl-clicka a:after{content: "";position: absolute;left: 0;bottom: 0;height: 1px;width: 100%;background: #e7e9ec;}
.Header-sunNavl-clicka a:nth-child(n+2){margin-top: 22px;}
.Header-sunNavl-clicka a:hover{color: #309bff;background: url('../images/public/sunnavArrH.png') no-repeat right 6px;}
.Header-sunNavr{width: 360px;margin-left: 44px;}
.Header-sunNavr p{font-size: 15px;color: #62666c;line-height: 26px;}



.Header-sunNav.ontrue{animation:sunNavDown 400ms ease both;}
@keyframes sunNavDown{0%{transform: translateY(-10px);}100%{transform: translateY(0px);}}
.Header-search-message{width: 100%;height: 86px;position: absolute;z-index: 9992;background-color: #f7fafc;right: 0;top: 0;display: none;}
.Header-search-message:after{content: "";position: absolute;width: 100%;height: 1px;background: #e7e9ec;left: 0;bottom: 0;}
.Header-search-words{width: 1280px;margin: 0 auto;}
.Header-search-wordsform{float: right;height: 86px;line-height: 86px;font-size: 0;}
.Header-search-submit{width: 54px;height: 86px;background:#f7fafc url('../images/public/search.png') no-repeat center center;cursor: pointer;display: inline-block;vertical-align: middle;}
.Header-search-wordsform input{width: 560px;height: 38px;background: #f7fafc;display: inline-block;vertical-align: middle;outline: none;border: none;font-size: 16px;color: #393939;font-family: "微软雅黑";margin-right: 80px;}
.Header-search-close{width: 54px;height: 86px;background:#f7fafc url('../images/public/icon-close.png') no-repeat center center /18px auto;cursor: pointer;display: inline-block;vertical-align: middle;user-select: none;}

/* 手机汉堡键 */
.Header-navclick{height: 60px;padding: 0 0 0 4px;cursor: pointer;float: right;user-select: none;display: none;}
.Header-navclick span{width: 32px;height: 3px;background: #393939;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: #393939;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -10px;}
.Header-navclick span:after{top: 10px;}
.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{display: none;position: absolute;width: 44px;height: 44px;right: 0;top: 0;z-index: 9996;background: url('../images/public/icon-dd1.png') no-repeat center center /16px auto;}
.Header-sunNavClick.ontrue{transform: rotate(180deg);}

/* 导航 hover  */
.Header-wrapper.Header-wrapperOn{background: #f7fafc;}
.Header-wrapperOn.Header-wrapper.Header-wrapper:after{opacity: 1;}
.Header-wrapper.Header-wrapperOn .Header-Menu{color: #393939;}
.Header-wrapper.Header-wrapperOn .Header-Menu:hover{color: #309bff;}
.Header-wrapper.Header-wrapperOn .Header-logos{display: none}
.Header-wrapper.Header-wrapperOn .Header-logoh{display: block}
.Header-wrapper.Header-wrapperOn .Header-search-click {background: transparent url("../images/public/searchH.png") no-repeat center center;}

.Header-wrapper.Header-wrapperScr{background: #f7fafc;}
.Header-wrapperScr.Header-wrapper.Header-wrapper:after{opacity: 1;}
.Header-wrapper.Header-wrapperScr .Header-Menu{color: #393939;}
.Header-wrapper.Header-wrapperScr .Header-Menu:hover{color: #309bff;}
.Header-wrapper.Header-wrapperScr .Header-logos{display: none}
.Header-wrapper.Header-wrapperScr .Header-logoh{display: block}
.Header-wrapper.Header-wrapperScr .Header-search-click {background: transparent url("../images/public/searchH.png") no-repeat center center;}



/* 底部 */
.Footer-take{width: 100%;padding: 46px 0;background: url('../images/public/footerTake.jpg') no-repeat center center;background-size: cover;}
.Footer-takeformbox{width: 354px;margin: 0 auto;}
.Footer-takeformbox p{font-size: 18px;color: #fff;text-align: center;}
.Footer-takeform{margin-top: 18px;width: 100%;position: relative;}
.Footer-takeform input{width: 100%;height: 44px;font-size: 14px;color: #999;padding: 0 76px 0 10px;outline: none;border: none;}
.Footer-takesubmit{position: absolute;width: 66px;height: 44px;background: #e3c235;font-size: 16px;color: #fff;text-align: center;line-height: 44px;right: 0;top: 0;cursor: pointer;user-select: none;transition: all .4s ease-in-out;}
.Footer-takesubmit:hover{background: #ccae28;}

.Footer-wrapper{width: 100%;background: #222a2e;}
.Footer-navbarewm{width: 1280px;margin: 0 auto;padding: 80px 0;}
.Footer-navbar{width: 76%;float: left;}
.Footer-navbar ul li{width: 16.666666666%;float: left;padding-right: 44px;}
.Footer-navbartitle{width: 100%;height: 38px;line-height: 38px;font-size: 16px;color: #fff;position: relative;}
.Footer-navbartitle:after{width: 90px;height: 1px;content: "";position: absolute;left: 0;bottom: 0;background: #5e676c;}
.Footer-navbartitle i{display: none;position: absolute;width: 38px;height: 38px;right: 0;top: 0;z-index: 9996;background: url('../images/public/icon-dd2.png') no-repeat center center /16px auto;}
.Footer-navbartitle i.ontrue{transform: rotate(180deg);}
.Footer-navbarwords{width: 100%;margin-top: 16px;}
.Footer-navbarwords a{display: block;font-size: 14px;color: #acacac;padding: 8px 0;transition: all .4s ease-in-out;}
.Footer-navbarwords a:hover{color: #fff;}
.Footer-ewm{width: 24%;float: right;border-left: 1px solid #394144;padding-left: 5%;}
.Footer-navbarwords h5{padding: 8px 0;font-size: 18px;color: #fff;font-weight: bold;}
.Footer-navbarwords p{font-size: 13px;color: #fff;line-height: 24px;}
.Footer-navbarwords img{display: block;margin-top: 24px;max-width: 110px;}
.Footer-line{width: 100%;height: 1px;background: #2d3539;}
.Footer-copyright{width: 1280px;margin: 0 auto;padding: 40px 0;}
.Footer-copyright p{float: left;font-size: 13px;color: #acacac;}
.Footer-copyright h6{float: right;font-size: 0;}
.Footer-copyright h6 a{display: inline-block;vertical-align: middle;font-size: 13px;color: #acacac;transition: all .4s ease-in-out;}
.Footer-copyright h6 span{display: inline-block;font-size: 13px;color: #acacac;vertical-align: middle;margin: 0 22px;}
.Footer-copyright h6 a:hover{color: #fff;}


/*内页banner*/
.main_banner{width: 100%;position: relative; overflow:hidden;}
.main_banner img{height: auto;object-fit: cover;width: 100%;}
.main_banenr_text{position: absolute;left: 16%;top: 50%;width: 580px; transform: translateY(-50%);display: inline-block;}
.main_banenr_text h6{font-size: 36px;color: #fff;font-weight: bold; padding-left: 10px;}
.main_banenr_text h5{font-size: 18px;color: #f7d911;font-weight: normal;margin-top: 20px;}
.main_banenr_text p{font-size: 16px;color: #fff;line-height: 30px;margin-top: 10px; overflow: hidden; margin-bottom: 30px;max-height: 150px;}
.main_banenr_text i{display: inline-block;width: 77px;height: 20px;vertical-align: middle; background: url('../images/news/bg_01.png') no-repeat center center;}
.main_banenr_text a{ padding: 10px 0px; font-size: 16px; color: #fff; border: 1px solid #fff; border-radius: 2px; overflow: hidden;display:block; width: 125px; text-align: center; }
.main_banenr_text a:hover{opacity: 0.7; transition: all .4s ease-in-out; }

.banner_list_main{ width: 100%;  background: transparent; position: relative}
.banner_list{width: 1280px; height: 60px; overflow: hidden; margin: 0 auto; margin-top: -60px; }
.banner_list ul{ width: 100%; }
.banner_list ul a{ height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #fff; }
.banner_list li{ float: left; padding: 0 20px; padding-bottom: 0px;position: relative}
.banner_list li:hover{ background: url('../images/news/news_dian.png') bottom no-repeat  ; background-size: 20%; color: #3baaff;  }
.banner_list li.hover{ background: url('../images/news/news_dian.png') bottom no-repeat ;  background-size: 15%;  color: #3baaff;  }
.banner_list li i{ width: 1px; height: 16px; float: right; background-color:#fff; line-height: 60px; position: absolute; right:0px; top: 23px; }


.piczi{display: block!important;}
.picm{display: none!important;}
.pczi{display: inline-block!important;}
.mobzi{display: none!important;}


/*加搜索*/
.add_serch{width: 1280px;margin:0 auto;overflow: hidden;padding: 50px 0;margin-top: 86px;}
.add_serch_title{width: 100%;height: auto;overflow: hidden;padding-bottom: 30px;}
.add_serch_title h6{text-align: center;font-size: 30px;color:#666;}
.add_serch_zi{width: 100%;height: auto;padding-bottom: 30px;overflow: hidden;}
.add_serch_zi h5{float: left;font-size: 26px;color: #666;padding-right: 10px;}
.add_serch_zi h6{float: left;font-size: 26px;color: #ab1b27;}

.add_serch_main{width: 100%;height: auto;overflow: hidden;}
.add_serch_main ul li{border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.add_serch_main ul li h6{font-size: 14px;color: #666;line-height: 40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.add_serch_main ul li h6:hover{color: #309bff;}


/* -------------------------PC端--------------------------- */

@media all and (max-width:1620px) {
    .main_banenr_text{width: 500px;}
}
@media all and (max-width:1460px) {
     .main_banenr_text{width: 450px;}
}

@media all and (max-width:1340px) {
    .Header-container,.Header-search-words,.Header-sunNavlr{width: 94%;}
    .Header-sunNavl-clicka a{width: 100px;}
    .Header-sunNavl-click>div {margin: 0 24px;}
    .Header-sunNavr {margin-left: 32px;}
    
    .Footer-navbarewm,.Footer-copyright{width: 94%;}
    .Footer-navbar ul li{padding-right: 24px;}
    .Footer-ewm {padding-left: 3%;}

    .banner_list{width: 96%;}
    .main_banenr_text{width: 400px;}
    .add_serch{width: 94%;}


}

@media all and (max-width:1280px) {
    .Header-navbar ul li {margin: 0 14px;}
    .Footer-navbarwords a{font-size: 12px;}
    .Footer-navbarwords p{font-size: 12px;}
    .Footer-navbarewm {padding: 60px 0;}
    .main_banenr_text{width: 360px;}
}

@media all and (max-width:1200px) {
    .Header-navbar ul li {margin: 0 10px;}
    .Header-search-wordsform input{margin-right: 40px;}
    .Header-sunNavr {margin-left: 20px;}
    .Header-sunNavl-click {margin-left: 14px;}
    .Header-sunNavl-click>div {margin: 0 14px;}
    .Header-sunNavl-clicka a {width: 72px;}
    .Header-Menu{padding: 0 1px;}
}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .add_serch{margin-top: 60px;padding: 30px 0}
    .add_serch_title h6{font-size: 24px;}
    .add_serch_zi h5{font-size: 18px;}
    .add_serch_zi h6{font-size: 18px;}
    
    .piczi{display: none!important;}
    .picm{display: block!important;}
    .pczi{display: none!important;}
    .mobzi{display: inline-block!important;}

       /*内页banner*/
    .main_banenr_text{width: 94%;left: 3%;}
    .main_banenr_text1{/*top: 30%;*/}
    .main_banenr_text h6{font-size: 18px;color: #fff;font-weight: bold; padding-left: 10px; }
    .main_banenr_text h5{display: none}
    .main_banenr_text a{ padding: 8px 0px; font-size: 14px;width: 100px;margin-top: 20px; }
    .main_banenr_text p{display: none}
    .main_banner img{min-height: 350px;}
    .banner_list{height: 40px; overflow: hidden;  margin-top: -40px; }
    .banner_list ul a{  font-size: 12px; }
    .banner_list ul a{ height: 40px; text-align: center; font-size: 12px; }
    .banner_list li{ float: left; padding: 0 10px; padding-bottom: 0px;line-height: 40px;}
    .banner_list li i{top: 13px; line-height: 40px;}


    .Container-wrapper{margin-top: 60px;}

    .Header-wrapper{background: #f7fafc !important;}
    .Header-container{height: 60px;}
    .Header-logo{height: 60px;}
    .Header-logo a {height: 60px;line-height: 60px;}
    .Header-logos{display: none;}
    .Header-logoh{display: block;}
    .Header-search-click{height: 60px;line-height: 60px;background: transparent url("../images/public/searchH.png") no-repeat center center;}
    .Header-navclick{display: block;}
    .Header-navbarbox{display: none;width: 100%;background: #f7fafc;position: absolute;top: 60px;left: 0;}
    .Header-navbar{float: left;width: 100%;margin-right: 0;height: 360px;overflow-y: auto !important;}
    .Header-navbar ul li{display: block;width: 100%;position: relative;margin: 0;}
    .Header-Menu{width: 100%;height: 44px;line-height: 44px;font-size: 16px;color: #393939;padding: 0 3%;}
    .Header-sunNavr{display: none}
    .Header-sunNavl-img{display: none}
    .Header-sunNavClick{display: block;}
    .Header-sunNav{position: static;top: 0;left: 0;padding: 24px 0;background: #f7fafc !important;}
    .Header-search-message{height: 45px;top: 60px;border-top: 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;z-index: 2;width: 44px;background: #309bff url("../images/public/search.png") no-repeat center center;}
    .Header-search-wordsform input{width: 100%;margin-right: 0;height: 44px;padding-right: 46px;box-sizing: border-box;}
    .Header-sunNavl {padding: 0;border-right: none;float: left;}
    .Header-sunNavlr>div{float: left;margin: 0;}
    .Header-sunNavl{width: 100%;}
    .Header-sunNavl-click{margin-left: 0;width: 100%;}
    .Header-sunNavl-click>div {margin: 0;width: 48%;}
    .Header-sunNavl-clicka a{width: 100%;}
    .Header-sunNavl-click>div:nth-child(2n){float: right;}

    .Footer-take{padding: 32px 0;}
    .Footer-takeformbox{width: 300px;}
    .Footer-takeform input{height: 38px;}
    .Footer-takesubmit{width: 58px;height: 38px;line-height: 38px;}
    .Footer-navbarewm {padding: 32px 0 38px 0;}
    .Footer-navbar{width: 100%;}
    .Footer-ewm {width: 100%;border-left: none;padding-left: 0;}
    .Footer-navbar ul li {width: 100%;padding-right: 0;}
    .Footer-navbarwords {margin-top: 4px;}
    .Footer-navbartitle i{display: block;}
    .Footer-navbarwords{display: none;}
    .Footer-navbartitle:after{display: none;}
    .Footer-copyright p{width: 100%;text-align: center;line-height: 22px;}
    .Footer-copyright h6{width: 100%;text-align: center;margin-top: 12px;}
    .Footer-copyright h6 span {margin: 0 14px;}
    .Footer-copyright {padding: 24px 0;}



}




/* --------------------------fullpage-PUB-box------------------------------- */
.fullpage-PUB-box{width: 100%;overflow: hidden;padding: 50px 0 50px 0;}
.fullpage-PUB{width: 100%;font-size: 0;text-align: center;}
.fullpage-PUB a{display: inline-block;width: 35px;height: 35px;line-height: 35px;background-color: #f3f3f3;font-size: 16px;color: #555;margin: 0 6px;
    border-radius: 100%;margin-top: 5px;}
.fullpage-PUB a:nth-child(1) {width: 51px;height: 35px;display: inline-block;background-repeat: no-repeat;
    background-image: url('../images/public/page_left.png');vertical-align: middle;color: #b5b5b5;line-height: 35px;font-family: "宋体"; }
.fullpage-PUB a:nth-last-child(1) {width: 51px;height: 35px;display: inline-block;background-repeat: no-repeat;
    background-image: url('../images/public/page_right.png');vertical-align: middle;color: #b5b5b5;line-height: 35px;font-family: "宋体"; }

.fullpage-PUB a:hover{background-color: #1a8cdd;color: #fff;}
.fullpage-PUB a.on{background-color: #1a8cdd;color: #fff;}
.fullpage-PUB a:hover i{color: #0c669d;background-color:none;}

.fullpage-PUB a:nth-child(1){width: 51px;height: 35px; margin-top: -10px;display: inline-block;border-radius: 0;}
.fullpage-PUB a:nth-child(1):hover{background: none}

.fullpage-PUB a:nth-last-child(1){width: 51px;height: 35px; margin-top: -10px;display: inline-block;border-radius: 0;}
.fullpage-PUB a:nth-last-child(1):hover{background: none}


@media all and (max-width:1000px) {.fullpage-PUB a {width: 35px;height: 35px;line-height: 35px;font-size: 14px;margin: 0 3px;}
.fullpage-PUB-box {padding: 10px 0 34px 0;}}









