@charset "utf-8";



.Header-wrapper{width: 100%;background: transparent;position: fixed;left: 0;top: 0;z-index: 99999;transition: all .4s ease;}
.Header-wrapper.onHover{background: #fff;}
.Header-wrapper.onScroll{background: #fff;}
.Header-wrapper:after{content: "";width: 100%;height: 1px;background: #979797;opacity: .2;position: absolute;left: 0;bottom: 0;z-index: -1;}
.Header-container{width: 1360px;height: 85px;margin: 0 auto;}
.bodyontrue .Header-navbarbox{display: block !important;}
.winter .Header-navbarbox{display: block !important;}

.Header-logo{float: left;position: relative;z-index: 9995;}
.Header-logo a{height: 85px;line-height: 82px;float: left;}
.Header-logo a img{height: 51px;line-height: 51px;display: inline-block;vertical-align: middle;}

.Header-search{float: right;}
.Header-search-click{width: 48px;height: 85px;background:transparent url('../images/public/search.png') no-repeat center;cursor: pointer;user-select: none;}
.Header-search-click.ontrue{background:transparent url('../images/public/icon-close.png') no-repeat center /18px auto;}
.Header-search-sele{display: block;height: 85px;line-height: 80px;padding: 0 2px;transition: all .4s ease;position: relative;}
.Header-search-sele select{font-size: 16px;color: #555;}

.Header-navbar{float: right;font-size: 0;margin-right: 18px;}
.Header-navbar ul li{display: inline-block;margin: 0 36px;position: relative;}
.Header-navbar ul li.Header-pro{position: static;}
.Header-navbar ul li:first-child{margin-left: 0;}
.Header-menu{display: block;height: 85px;line-height: 85px;font-size: 16px;color: #555;padding: 0 2px;transition: all .4s ease;position: relative;}
.Header-navbar ul li.ontrue .Header-menu, .Header-menu:hover{color: #2e3192;}
.Header-menu i{position: absolute;right: -12px;width: 6px;height: 100%;top: 0;background-image: url('../images/public/menuArr.png');background-repeat: no-repeat;background-position: center;z-index: -1;transition: all .4s ease;}
.Header-menu:hover i, .Header-navbar ul li.ontrue .Header-menu i{background-image: url('../images/public/menuArrH.png');}
.Header-menu:before{content: "";width: 0;left: auto;right: 0;height: 3px;bottom: 0;background: #2e3192;position: absolute;transition: all .4s ease;}
.Header-menu:hover:before, .Header-navbar ul li.ontrue .Header-menu:before{width: 100%;left: 0;right: auto;}

.Header-search-message{width: 100%;height: 85px;position: absolute;z-index: 9990;background: #fff;right: 0;top: 0;display: none;}
.Header-search-words{width: 1360px;margin: 0 auto;}
.Header-search-wordsform{float: right;height: 85px;line-height: 85px;font-size: 0;}
.Header-search-submit{width: 54px;height: 85px;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: #555;font-family: "微软雅黑";margin-right: 40px;border-bottom: 1px solid #dadada;}
.Header-search-close{width: 54px;height: 85px;background: url('../images/public/icon-close.png') no-repeat center center /18px auto;cursor: pointer;display: inline-block;vertical-align: middle;user-select: none;}


.Header-pull{width: 180px;position: absolute;top: 85px;left: 50%;margin-left: -90px;background: #fff;padding: 10px 0 20px;display: none;}
.Header-pull a{display: block;width: 100%;height: 54px;line-height: 54px;font-size: 14px;color: #444;text-align: center;}
.Header-pull a.ontrue, .Header-pull a:hover{background: #f6f6f6;color: #2e3192;}
.Header-pro .Header-pull{width: 100%;left: 0;margin-left: 0;background: #f6f6f6;padding: 32px 0 24px;display: block;user-select: none;visibility: hidden;}
.Header-pullpro{width: 1200px;margin: 0 auto;overflow: hidden;}
.Header-proscroll{width: 100%;overflow: hidden;}
.Header-promenu{width: 210px;height: 130px;float: left;text-align: center;border-right: 1px solid #dbdbdb;}
.Header-promenu:last-child{border-right: none;}
.Header-promenu a{display: block;width: 100%;height: auto;line-height: normal;font-size: 0;}
.Header-promenu h6{width: 100%;height: 116px;line-height: 110px;}
.Header-promenu h6 img{max-width: 100%;max-height: 100%;transition: all .4s ease;}
.Header-promenu p{font-size: 14px;color: #444;transition: all .4s ease;}
.Header-promenu:hover p{color: #2e3192;}
.Header-promenu:hover h6 img{transform: scale(.94);}
.Header-proscroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{height: 6px;margin: 6px auto;border-radius: 0px;background: #2e3192;position: relative;}
.Header-proscroll .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {height: 1px;margin: 8px 0;background: #dedede;}
.Header-proscroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:before{content: "";width: 1px;height: 2px;background: #fff;position: absolute;left: 50%;top: 50%;margin-left: -40px;margin-top: -1px;}
.Header-proscroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after{content: "";width: 1px;height: 2px;background: #fff;position: absolute;left: 50%;top: 50%;margin-left: 40px;margin-top: -1px;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger:after{content: "";width: 1px;height: 2px;background: #fff;position: absolute;left: 50%;top: 50%;margin-left: -0.5px;}


.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: #555;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: #555;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%;overflow: hidden;background: #f1f1f1;}
.Footer-contain{width: 1360px;margin: 0 auto;}
.Footer-link{width: 100%;overflow: hidden;padding: 30px 0 28px;}
.Footer-link h6{float: left;font-size: 12px;color: #888;}
.Footer-link p{float: right;font-size: 14px;color: #555;transition: all .4s ease;}
.Footer-link p:hover{color: #2e3192;}


.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: 126px;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: #545454;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: #2e3192;opacity: 1;}
.sideBar-wrapper ul li.relQq:hover{left: -70px;}
.sideBar-wrapper ul li.relDh:hover{left: -116px;}
.sideBar-wrapper-ewm{position: absolute;top: -65px;left: -120px;background: url('../images/public/side-arr.png') no-repeat bottom right;width: 116px;height: 124px;padding-bottom: 9px;display: none;}
.sideBar-wrapper-ewm img{display: block;background-color: #fff;width: 116px;height: 116px;}
.sideBar-wrapper ul li.relEwm:hover .sideBar-wrapper-ewm{display: block;}



.contain{width: 1260px;margin: 0 auto;}

.PUBtitle{width: 100%;text-align: center;}
.PUBtitle h6{font-size: 28px;color: #222;font-weight: bold;padding-bottom: 18px;position: relative;}
.PUBtitle h6:after{content: "";position: absolute;width: 30px;height: 2px;background: #f7941d;bottom: 0;left: 50%;margin-left: -15px;}
.PUBtitle-white h6{color: #fff;}
.PUBtitle-white h6:after{background: #fff;}

.PUBban{width: 100%;overflow: hidden;position: relative;}
.PUBban img{width: 100%;object-fit: cover;min-height: 300px;}
.PUBban-tit{position: absolute;width: 1260px;z-index: 2;top: 50%;transform: translateY(-50%);left: 50%;margin-left: -630px;}
.PUBban-tit h6{font-size: 40px;color: #666;font-weight: bold;margin-bottom: 18px;opacity: 0;animation: PUBtoleft 1.2s ease both 200ms;}
.PUBban-tit p{font-size: 18px;color: #959595;opacity: 0;animation: PUBtoleft 1.2s ease both 400ms;width: 500px;line-height: 24px;}
@keyframes PUBtoleft{from{opacity: 0;transform: translateX(240px);}to{opacity: 1;transform: translateX(0px);}}

.PUBban-menu{transform-origin: left bottom;animation: PUBtoli 1.2s ease both 400ms;position: absolute;width: 1260px;z-index: 2;bottom: 0;left: 50%;margin-left: -630px;padding: 20px 20px 0;background: #fff;}
.PUBban-mline{width: 100%;padding-bottom: 20px;border-bottom: 1px solid #f4f1f1;overflow: hidden;}
.PUBban-mlist{float: left;font-size: 0;}
.PUBban-mlist a{display: inline-block;vertical-align: middle;height: 50px;line-height: 50px;padding: 0 32px;background: #f5f5f5;font-size: 16px;color: #555;text-align: center;transition: all .4s ease;margin-right: 16px;}
.PUBban-mlist a:hover, .PUBban-mlist a.ontrue{background: #2e3192;color: #fff;}
.PUBban-mhint{float: right;font-size: 0;}
.PUBban-mhint a, .PUBban-mhint span{display: inline-block;vertical-align: middle;height: 50px;line-height: 50px;font-size: 12px;color: #777;transition: all .4s ease;}
.PUBban-mhint span{margin: 0 8px;font-family: "宋体","\5B8B\4F53";}
.PUBban-mhint a:hover{color: #2e3192;}
@keyframes PUBtoli{from{transform: rotateX(100deg) skewX(-10deg);}to{transform: rotateX(0deg) skewX(0deg);}}

.PUBpaging{width: 100%;overflow: hidden;font-size: 0;text-align: center;}
.PUBpaging a{display: inline-block;vertical-align: middle;width: 48px;height: 48px;text-align: center;line-height: 48px;background: #f4f4f4;font-size: 16px;color: #555;margin: 0 3px;user-select: none;transition: all .4s ease;}
.PUBpaging a:first-child, .PUBpaging a:last-child{background: #f4f4f4 url('../images/gather/PUBlr.png') no-repeat center;line-height: normal;}
.PUBpaging a:last-child{transform: rotate(180deg);}
.PUBpaging a:hover, .PUBpaging a.on{background: #2e3192;color: #fff;}
.PUBpaging a:first-child:hover, .PUBpaging a:last-child:hover{background: #2e3192 url('../images/gather/PUBlrh.png') no-repeat center;}









@media all and (max-width:1700px) {

}

@media all and (max-width:1599px) {

    .PUBban-tit h6 {font-size: 36px;margin-bottom: 14px;}
    .PUBban-mlist a, .PUBban-mhint a, .PUBban-mhint span{height: 46px;line-height: 46px;}
}

@media all and (max-width:1439px) {

    .Header-container,.Header-search-words{width: 92%;}
    .Footer-contain{width: 92%;}
}

@media all and (max-width:1359px) {

    .contain{width: 92%;}
    .PUBban-tit, .PUBban-menu {width: 92%;left: 4%;margin-left: 0px;}
    .PUBban-menu{padding: 16px 16px 0;}
    .PUBban-mline {padding-bottom: 16px;}
    .PUBban-mlist a, .PUBban-mhint a, .PUBban-mhint span {height: 40px;line-height: 40px;}
    .PUBban-mlist a{padding: 0 28px;}
    .PUBban-tit h6 {font-size: 32px;margin-bottom: 14px;}
    .PUBban-tit p{font-size: 16px;}
}

@media all and (max-width:1279px) {

    .Header-pullpro{width: 92%;}
    .PUBtitle h6{font-size: 26px;}
}

@media all and (max-width:1151px) {

    .Header-navbar ul li {margin: 0 20px;}
    .Header-search-wordsform input{width: 480px;}
    .PUBtitle h6{font-size: 24px;padding-bottom: 16px;}
    .PUBban-tit h6 {font-size: 30px;margin-bottom: 12px;}
}



@media all and (max-width:1000px) {

    .Container-wrapper{margin-top: 60px;}

    .Header-wrapper{background: #fff !important;}
    .Header-container{height: 60px;}
    .Header-logo{height: 60px;}
    .Header-logo a {height: 60px;line-height: 58px;}
    .Header-logo a img{height: 40px;}
    .Header-search-click{height: 60px;line-height: 60px;background: url("../images/public/search.png") no-repeat center;}
    .Header-navclick{display: block;}
    .Header-navbarbox{display: none;width: 100%;background: #fff;position: absolute;top: 60px;left: 0;padding: 8px 0 6px;}
    .Header-navbar{float: left;width: 100%;margin-right: 0;height: auto;overflow-y: auto !important;padding-bottom: 20px;}
    .Header-navbar ul li{display: block;width: 100%;position: relative;margin: 0;}
    .Header-menu{width: 100%;height: 44px;line-height: 44px;padding: 0 4%;z-index: 2;}
    .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: #2e3192 url("../images/public/searchH.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-menu:hover:before, .Header-navbar ul li.ontrue .Header-menu:before{display: none;}
    .Header-menu i {right: 0;width: 44px;z-index: 4;display: block;}
    .Header-menu:hover{color: #555;}
    .Header-menu i{transition: all 0s ease;}
    .Header-menu i.ontrue{transform: rotate(-180deg);}
    .Header-pull {width: 100%;position: static;top: 0;left: 0%;margin-left: 0px;padding: 0 4%;}
    .Header-pull a {height: 36px;line-height: 36px;text-align: left;}
    .Header-pro .Header-pull {background: #fff;padding: 8px 4% 10px;display: none;opacity: 1;visibility: visible;}
    .Header-promenu{width: 120px;}
    .Header-promenu a{height: auto;line-height: normal;text-align: center;}
    .Header-pullpro{width: 100%;overflow-x: auto;}

    .Footer-link {padding: 20px 0 18px;}
    .Footer-link h6{width: 100%;text-align: center;line-height: 22px;}
    .Footer-link p{width: 100%;text-align: center;margin-top: 14px;}
}
@media all and (max-width:640px) {

    .sideBar-wrapper{display: none;}
    .PUBban-mlist a {padding: 0 12px;font-size: 14px;margin-right: 6px;height: 36px;line-height: 36px;}
    .PUBban-mlist{width: 100%;overflow: hidden;}
    .PUBban-mhint{display: none;}
    .PUBban-tit h6 {font-size: 28px;margin-bottom: 12px;}
    .PUBban-tit p{line-height: 24px;}
    .PUBban-tit{top: 42%;}
    .PUBpaging a{width: 40px;height: 40px;line-height: 40px;}
}