@charset "utf-8";

/* ====================公共样式========================= */



.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{height: 32px !important;line-height: normal !important;background: none !important;padding-left: 0 !important;font-size: 18px !important;margin: 0 10px 0 0 !important;line-height: 30px !important;}

.bdshare-button-style0-16 .bds_more{color: #fff !important;}

.bdshare-button-style0-16 .popup_tsina{color: #fff !important;}



/* 头部 */

.Header-wrapper{width: 100%;background: #fff;position: fixed;left: 0;top: 0;z-index: 99999;}

.Header-wrapper:after{content: "";position: absolute;width: 100%;height: 1px;background: #e7e9ec;left: 0;bottom: 0;opacity: 0;transition: all .4s ease-in-out;display: none;}

.Header-container{width: 1360px;height: 88px;margin: 0 auto;}

.Header-logo{float: left;position: relative;z-index: 9995;}

.Header-logo a{height: 88px;line-height: 88px;float: left;}

.Header-logo a img{height: auto;}

.Header-search{float: right;}

.Header-search-click{width: 48px;height: 88px;background: url('../images/search.png') no-repeat center center;cursor: pointer;user-select: none;}

.Header-search-click.ontrue{background: url('../images/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;position: relative;}

.Header-Menu{display: block;height: 88px;line-height: 88px;font-size: 16px;color: #333;padding: 0 4px;transition: all .4s ease-in-out;position: relative;}

.Header-Menu:before{content: "";position: absolute;width: 0;right: 0;height: 3px;background: #309bff;bottom: 0;transition: all .4s ease;}

.Header-navbar ul li.ontrue .Header-Menu{color: #309bff;}

.Header-navbar ul li.ontrue .Header-Menu:before{width: 100%;}

.Header-Menu:hover{color: #309bff;}

.Header-navbar ul li:hover .Header-Menu:before{width: 100%;right: auto;left: 0;}

.Header-sunNav{display: none;position: absolute;left: 50%;top: 88px;min-width: 130px;padding: 16px 0px;background: #fff;background-size: cover;z-index: 991;font-size: 0;transform: translateX(-50%);}

.Header-sunNav a{display: block;line-height: 30px;font-size: 14px;color: #666;text-align: center;}

.Header-sunNav a:hover{color: #309bff;}



.sun-two{background: url('../images/sunnavarr.png') no-repeat right 10px center;}

.sun-two-main{position: relative;width: 100%;}

.suntwo-box{position: absolute;left: 130px;top: 0;min-width: 130px;background-color: #e8f4fa;display: none;}



.Header-search-message{width: 100%;height: 88px;position: absolute;z-index: 9992;background-color: #fff;right: 0;top: 0;display: none;}

.Header-search-message:after{content: "";position: absolute;width: 100%;height: 1px;left: 0;bottom: 0;}

.Header-search-words{width: 1280px;margin: 0 auto;}

.Header-search-wordsform{float: right;height: 88px;line-height: 88px;font-size: 0;}

.Header-search-submit{width: 54px;height: 88px;background: url('../images/search.png') no-repeat center center;cursor: pointer;display: inline-block;vertical-align: middle;}

.Header-search-wordsform input{width: 560px;height: 38px;display: inline-block;vertical-align: middle;outline: none;border: none;border-bottom: 1px solid #e7e9ec;font-size: 16px;color: #393939;font-family: "微软雅黑";margin-right: 20px;}

.Header-search-close{width: 54px;height: 88px;background: url('../images/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: 28px;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: -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); }

}



/* 手机下拉按钮 */

.Header-sunNavClick{display: none;position: absolute;width: 44px;height: 44px;right: 0;top: 0;z-index: 9996;background: url('../images/iconarr.png') no-repeat center center /16px auto;}

.Header-sunNavClick.ontrue{transform: rotate(180deg);}











/* ===== 底部 ===== */

.Footer-wrapper{width: 100%;background: #1b1b1b;}

.Footer-container{width: 1360px;margin: 0 auto;padding: 96px 0 0px 0;}

.Footer-share{width: 19%;float: left;}

.Footer-sharelogo img{max-width: 100%;}

.Footer-share h6{font-size: 22px;color: #fff;font-weight: bold;margin-top: 20px;}

.Footer-shareic{width: 100%;font-size: 0;margin-top: 22px;}

.Footer-shareic a{width: 32px;height: 32px;line-height: 30px;font-size: 16px;color: #fff;display: inline-block;border-radius: 50%;border: 1px solid #fff;margin-right: 16px;transition: all .4s ease-in-out;text-align: center;position: relative;z-index: 1;}

.Footer-shareic a:hover{background: #e77817;border-color: #e77817;color: #fff !important;}



.Footer-navbar{width: 62%;float: left;padding: 0 0 0 4%;position: relative;}

.Footer-navbar:before,.Footer-navbar:after{content: "";position: absolute;top: 0;width: 1px;height: 200px;background: #35343b;}

.Footer-navbar:before{left: 0;}

.Footer-navbar:after{right: 0;}

.Footer-navbar ul li{width: 15.6666666666%;float: left;}

.Footer-navbar ul li:nth-child(2){width: 20.6666666666%;float: left;}

.Footer-navclick{width: 100%;position: relative;height: 40px;}

.Footer-navclick h6{font-size: 18px;color: #fff;}

.Footer-navclick i{width: 40px;height: 40px;display: none;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/iconarrh.png') no-repeat center center /14px auto;}

.Footer-navclick i.ontrue{transform: rotate(180deg);}

.Footer-navwords{width: 100%;overflow: hidden;}

.Footer-navwords a{display: block;padding: 6px 0;font-size: 14px;color: #999;transition: all .3s ease-in-out;}

.Footer-navwords a:hover{color: #e77817;}



.Footer-code{width: 16%;float: left;text-align: center;padding-left: 3%;}

.Footer-code h5{font-size: 14px;color: #999;margin-top: 12px;}

.Footer-code p{font-size: 16px;font-weight: bold;color: #fff;margin-top: 10px;}



.Footer-line{width: 100%;height: 1px;background: #232325;}



.Footer-copyright{width: 100%;text-align: center;font-size: 0;padding: 54px 3%;position: relative;}

.Footer-copyright h6{width: 100%;font-size: 0;}

.Footer-copyright h6 span{display: inline-block;margin: 0 6px;font-size: 12px;color: #515254;}

.Footer-copyright h5{position: absolute;font-size: 12px;color: #515254;padding: 0 20px;border: 1px solid #515254;bottom: 54px;right: 14.5%;}

.Footer-copyright h5 a{display: block;line-height: 34px;}

.Footer-copyright h5:hover{background-color: #e77817; color: #fff;border-color: #e77817;}

/* 友情链接 */
.Footerlink{width: 100%;overflow: hidden;padding: 40px 0 20px 0;}
.Footerlink span{float: left;font-size: 14px;line-height: 24px;color: #999;margin-right: 10px;display: block;}
.Footerlink a{float: left;font-size: 14px;line-height: 24px;color: #999;margin-right: 10px;}
.Footerlink a:hover{color: #e77817;}

/* 中间+共用部分 */

.Container-wrapper{width: 100%;margin-top: 88px;}

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

.center{width: 1280px;margin: 0 auto;}

.pubban{width: 100%;position: relative;}

.pubban .img{width: 100%;}

.pubban .img img{width: 100%;object-fit: cover;min-height: 280px;}

.pubban-text{position: absolute;top: 46%;left: 0;transform: translateY(-50%);text-align: center;width: 100%;padding-bottom: 20px;}

.pubban-text h4{text-align: center;animation: sunbandow 1s ease both;}

.pubban-text h4 img{max-width: 100%;}

.pubban-text h6{font-size: 50px;color: #fff;font-weight: bold;text-align: center;line-height: 60px;padding-bottom: 10px;animation: sunbandow 1s ease both;}

.pubban-text p{font-size: 18px;color: #fff;line-height: 22px;text-align: center;animation: sunbanup 1s ease both;}

.pubban-text i{position: absolute;width: 24px;height: 1px;background-color: #f5f5f5;bottom: 0px;left: 50%;margin-left: -12px;animation: sunbanup 1s ease both;}





@keyframes sunbandow{0%{opacity: 0;transform: translateY(-100px);}100%{opacity: 1;transform: translateY(0px);}}

@keyframes sunbanup{0%{opacity: 0;transform: translateY(60px);}100%{opacity: 1;transform: translateY(0px);}}



/* menu */

.ban-menu{position: absolute;left: 0;width: 100%;bottom: 0;background: rgba(0, 0, 0, .3);z-index: 9;overflow: hidden;}

.ban-menu ul{float: left;}

.ban-menu2 ul{float: left;width:1100px;}

.ban-menu ul li{float: left;}

.ban-menu2 ul li{float: left;height: 60px;}

.ban-menu ul li a{line-height: 70px;font-size: 16px;color: #fff;padding: 0 20px;display: inline-block;text-align: center;}

.ban-menu ul li a:hover{background-color: #ff8a00;}

.ban-menu ul li a.hover{background-color: #ff8a00;}



.ban-menu_right{float: right;font-size: 14px;color: #fff;line-height: 69px;background: url('../images/banlogo2.png') no-repeat right center;padding-right: 20px;}

.ban-menu_right a{font-size: 14px;color: #fff;}

.ban-menu_right a:hover{color: #ff8a00;}

.ban-menu_right span{font-family: "宋体";font-size: 12px;color: #959595;padding: 0 8px;}



/* --------------------------fullpage-PUB-box------------------------------- */

.fullpage-PUB-box{width: 100%;overflow: hidden;padding-top: 40px;}

.fullpage-PUB{width: 100%;font-size: 0;text-align: center;}

.fullpage-PUB a{display: inline-block;width: 42px;height: 42px;line-height: 42px;background-color: #ffffff;font-size: 16px;color: #555;margin: 0 6px;border-radius: 3px;vertical-align: middle;}

.fullpage-PUB a:first-child {background: #ffffff url('../images/page-prev.png') center center no-repeat;}

.fullpage-PUB a:last-child {background: #ffffff url('../images/page-next.png') center center no-repeat;}

.fullpage-PUB a:hover{background-color: #0e8ce4;color: #fff;}

.fullpage-PUB a.on{background-color: #0e8ce4;color: #fff;}

.fullpage-PUB a:first-child:hover {background: #0e8ce4 url('../images/page-prevh.png') center center no-repeat;}

.fullpage-PUB a:last-child:hover {background: #0e8ce4 url('../images/page-nexth.png') center center no-repeat;}

@media all and (max-width:1000px) {.fullpage-PUB a {width: 40px;height: 40px;line-height: 40px;font-size: 14px;margin: 0 3px;}.fullpage-PUB-box{padding-top: 30px;}}



/* -------------------------PC端--------------------------- */

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

    /* 1600 × (900/1024/1200) */

}



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

    /* 1440 × (900/1050) */

    .Header-container{width: 88%;}

    .contain{width: 88%;}

    .Footer-container{width: 88%;}

    .Footer-code {padding-left: 4%;}

    .Footer-share h6{font-size: 20px;}
}



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

    /* 1360 × (768) */

    .Header-container{width: 92%;}

    .Footer-container{width: 92%;}

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



    .Footer-container{width: 92%;padding: 76px 0 0px 0;}

    .Footer-code {padding-left: 3%;}

    .Footer-copyright {padding: 42px 4%;}

    .Footer-navclick h6 {font-size: 16px;}

    .Footer-navbar {padding: 0 1% 0 4%;}

    .contain{width: 92%;}

    .center{width: 92%;}

    .Footer-copyright h5{right: 10px;bottom: 20px;}
	
	.Footer-share h6{font-size: 20px;}

}



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

    /* 1280 × (800/854/1024) */

    .Header-navbar ul li {margin: 0 14px;}

    .Footer-share h6{font-size: 18px;}

    .Footer-container {padding: 60px 0 0px 0;}

    .Footer-code {padding-left: 3%;}

    .Footer-copyright {padding: 36px 3%;}

    .Footer-navbar {padding: 0 1% 0 3%;}



    .pubban-text h6{font-size: 40px;line-height: 50px;}

    .pubban-text p{font-size: 16px;}

}



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

    /* 1152 × (864) */

    .Header-navbar ul li {margin: 0 10px;}


    .Footer-share h6 {font-size: 17px;}


    .Footer-container {padding: 54px 0 0px 0;}

    .Footer-code {padding-left: 0;}

    .Footer-navbar {padding: 0 1% 0 2%;}

}



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

    /* 1024 × (600/768) */

    .Header-navbar ul li {margin: 0 6px;}

    .Footer-share h6 {font-size: 16px;}

    .Footer-navclick h6 {font-size: 14px;}

    .Footer-code p{font-size: 14px;}

}





/* ------------------------手机端-------------------------- */

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

    /* 平板设备 720 适配 */

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



    .Header-wrapper{background: #fff;}

    .Header-container{height: 60px;}

    .Header-logo{height: 60px;}

    .Header-logo a {height: 60px;line-height: 60px;}

    .Header-logo a img{height: 32px;}

    .Header-search-click{height: 60px;line-height: 60px;background: transparent url("../images/search.png") no-repeat center center;}

    .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: 360px;overflow-y: auto !important;padding-bottom: 16px;}

    .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-Menu:before{display: none;}

    .Header-sunNavClick{display: block;}

    .Header-sunNav{position: static;top: 0;left: 0;padding: 8px 0 0 0;background: #fff;overflow: hidden;width: 100%;transform: translateX(0)}

    .Header-sunNav a{display: block;line-height: 40px;font-size: 14px;color: #666;text-align: left;padding: 0 3%;}



    .suntwo-box{position: static;left: 0;padding: 0 3%;line-height: 30px;}



    .Header-search-message{height: 46px;top: 60px;border-top: 1px solid #e7e9ec;border-bottom: 1px solid #e7e9ec;}

    .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/searchh.png") no-repeat center center;}

    .Header-search-wordsform input{width: 100%;margin-right: 0;height: 100%;padding-right: 46px;box-sizing: border-box;border-bottom: none;vertical-align: top;}



    .Footer-container {padding: 38px 0 0px 0;}

    .Footer-share{width: 100%;}

    .Footer-navbar {width: 100%;padding: 0;margin-top: 20px;}

    .Footer-navbar:before, .Footer-navbar:after{display: none;}

    .Footer-navbar ul li{width: 100%;}

	.Footer-navbar ul li:nth-child(2){width:100%;}

    .Footer-navclick h6 {font-size: 18px;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-code{width: 100%;margin-top: 20px;text-align: left;}

    .Footer-copyright {padding: 20px 4% 26px;}

    .Footer-copyright h6 span {display: block;margin: 6px 0;}



    .ban-menu .center{width: 100%;}

    .ban-menu_right{display: none;}

    

    .pubban-text h6 {font-size: 30px;line-height: 40px;}

    .pubban-text p{font-size: 14px;padding: 0 10px;}

    .pubban-text{padding-bottom: 14px;}

    .ban-menu{overflow-x: auto;float: none;}

    .ban-menu ul{width: 2000px;display: block;float: none;}

	.ban-menu2 ul li{height:auto;}

    .ban-menu ul li a{line-height: 50px;padding: 0 16px;font-size: 14px;}    



}

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

    /* 移动终端以上 360 适配 */ 
    .Footerlink{padding: 30px 0 10px 0;}
    .Footerlink span{font-size: 12px;}
    .Footerlink a{font-size: 12px;}

    .pubban-text h6{padding-bottom: 4px;}

    .pubban-text h4 img{max-width: 50%;} 

}