/*************** 公共样式 ***************/
body{overflow-x: hidden;}
section{width: 100%;overflow: hidden;}
*{box-sizing: border-box;}
.bg-blue{background-color: #019be3;}
.bg-blue2{background-color: #002a8c;}
.bg-gray{background-color: #edf2f6;}
.font-white{color: #fff;}
.font-blue{color: #002a8c;}
.font-bold{font-weight: bold;}
a.hover{transition: .3s ease-in-out;}
a.hover:hover{color:#ffb901 !important;transition: .3s ease-in-out;}
.sec-bg{background-position: center center;background-size: cover;}
.axisy50{position: absolute;width: 100%;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

.more-style1{height: 32px;line-height: 32px;}
.more-style1 a{display: block;float: left;position: relative;color: #002a8c;transition: .4s .4s;}
.more-style1 a span{display: block;transition: .4s;position: relative;z-index: 3;font-size: 16px;}
.more-style1 a::after{display: block;content: '';width: 0;height: 100%;background: #002a8c;position: absolute;left: 0;top: 0;transition: .4s;}
.more-style1 a:hover{transition: .4s;padding: 0 15px;}
.more-style1 a:hover::after{width: 100%;transition: .4s .4s;}
.more-style1 a:hover span{color: #fff;transition: .4s .4s;}
.more-style2{display: block;font-size: 16px;line-height: 38px;text-align: center;width: 132px;transition: .3s ease-in-out;position: relative;}
.more-style2 span{display: block;position: relative;z-index: 3;}
.more-style2 i{position: absolute;width: 0;height: 100%;top: 0;left: 0;transition: .3s ease-in-out;}
.more-style2:hover i{width: 100%;transition: .3s ease-in-out;}
.more-style2.more-pub{background: #fff;color: #002a8c;}
.more-style2.more-pub i{background: #002a8c;}
.more-style2.more-pub:hover{color: #fff;transition: .3s ease-in-out;}
.more-style2.more-blue{background: #002a8c;color: #fff;}
.more-style2.more-blue i{background: #019be3;}
.more-style2.more-gray{background: #fff;color: #002a8c;}
.more-style2.more-gray i{background: #ffb901;}

.tit-style1{text-align: center;position: relative;}
.tit-style1 span{display: inline-block;vertical-align: top;line-height: 1;font-size: 24px;color: #002a8c;}
.tit-style1::after{display: block;content: '';width: 96px;height: 6px;background: rgba(0, 42, 140, .2);position: absolute;bottom: 0;left: 50%;margin-left: -48px;}
.tit-group h2{float: left;line-height: 32px;position: relative;padding-left: 16px;color: #061940;}
.tit-group h2::before{display: block;content: '';width: 4px;height: 24px;background-color: #002a8c;border-radius: 2px;position: absolute;left: 0;top: 50%;margin-top: -12px;}
.tit-group .tit-tab{float: right;height: 32px;border-bottom: 1px solid #b3b3b3;}
.tit-group .tit-tab a{float: left;height: 32px;line-height: 30px;color: #b3b3b3;font-size: 20px;padding: 0 25px;transition: .3s ease-in-out;border-bottom: 2px solid transparent;color: #002a8c;}
.tit-group .tit-tab a.on{color: #002a8c;border-color: #002a8c;}
.tit-group .tit-tab a:hover{transition: .3s ease-in-out;color:  #002a8c;}


.btn-style1{display: inline-block;vertical-align: top;min-width: 120px;text-align: center;line-height: 38px;background: #002a8c;border-radius: 6px;color: #fff;transition: .4s;}
.btn-style1:hover{background: #019be3;transition: .4s;color: #fff;}
.btn-style2{display: inline-block;vertical-align: top;width: 74px;line-height: 32px;text-align: center;color: #fff;box-shadow: 0 5px 10px rgba(0, 42, 140, 0.3);border-radius: 5px;background: #002a8c;background: linear-gradient(180deg, #019be3 0%, #002a8c 100%);}

.text-filter{display: block;width: 100%;height: 80%;bottom: 0;left: 0;position: absolute;z-index: 1;background: linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,.4));}
.public-pagination{text-align: center;height: 4px;}
.public-pagination .swiper-pagination-bullet{vertical-align: top;width: 12px;height: 4px;border-radius: 2px;background: #002a8c;opacity: .4;vertical-align: top;}
.public-pagination .swiper-pagination-bullet-active{opacity: 1;}

@media screen and (max-width: 1440px) {
  .tit-style1 span{font-size: 20px;}
  .tit-style1::after{width: 80px;margin-left: -40px;}
}

@media screen and (max-width: 767px) {
  .tit-group.mb40{margin-bottom: 18px;}
  .tit-group h2{font-size: 20px;}
  .tit-group .tit-tab a{font-size: 14px;padding: 0 10px;}
}


/* header */
.header{position: relative;z-index: 99;}
.top{line-height: 24px;padding: 8px 0;background: #f7f7f7;}

.header-bar{padding: 20px 0;position: relative;z-index: 3;}
.header-bar .hd-logo{line-height: 54px;height: 60px;}
.header-bar .hd-logo img{vertical-align: middle;max-height: 100%;}
.header-bar .hd-select{position: relative;z-index: 11;height: 24px;line-height: 24px;padding: 0 16px 0 6px;background-color: #019be3;border-radius: 4px;margin: 20px 0 0 12px;cursor: pointer;}
.header-bar .hd-select span{display: block;color: #fff;}
.header-bar .hd-select i{display: block;width: 8px;height: 8px;background: url(../img/sj.png) no-repeat center center;position: absolute;right: 4px;top: 50%;margin-top: -4px;transition: .4s;}
.header-bar .hd-select .select-drop{position: absolute;width: 100px;top: 100%;left: 50%;margin-left: -50px;padding-top: 2px;transition: .4s;visibility: hidden;opacity: 0;transform: translateY(10px);}
.header-bar .hd-select .select-drop ul{background-color: #019be3;border-radius: 4px;padding: 5px 0;}
.header-bar .hd-select .select-drop ul li{padding: 4px;line-height: 20px;color: #fff;text-align: center;transition: .4s;}
.header-bar .hd-select .select-drop ul li:hover{background-color: #028bcb;transition: .4s;}
.header-bar .hd-select.on i{transition: .4s;transform: rotate(180deg);}
.header-bar .hd-select.on .select-drop{transition: .4s;visibility: visible;opacity: 1;transform: translateY(0);}
.header-bar .hd-link li{float: left;padding-left: 50px;}
.header-bar .hd-link li a{display: block;text-align: center;}
.header-bar .hd-link li .icon{width: 40px;height: 40px;border: 1px solid #002a8c;border-radius: 100%;margin: 0 auto;transition: .4s;overflow: hidden;}
.header-bar .hd-link li .icon img{display: block;width: 100%;height: 100%;transition: .4s;}
.header-bar .hd-link li p{font-size: 12px;color:#002a8c;line-height: 1;margin-top: 8px;}
.header-bar .hd-link li a:hover .icon{background-color: #002a8c;transition: .4s;}
.header-bar .hd-link li a:hover .icon img{transition: .4s;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);}
.header-bar .hd-link .link-wrap{position: relative;}
.header-bar .hd-link .link-drop{position: absolute;width: 120px;top: 100%;left: 50%;margin-left: -60px;transition: .4s;visibility: hidden;opacity: 0;transform: translateY(10px);padding-top: 10px;}
.header-bar .hd-link .link-drop .drop-inner{background: #fff;border-radius: 4px;box-shadow: 0 0 10px rgba(0, 0, 0, .1);overflow: hidden;}
.header-bar .hd-link .link-drop a{line-height: 20px;padding: 8px 10px;text-align: center;transition: .4s;}
.header-bar .hd-link .link-drop a:hover{background: #f2f2f2;transition: .4s;}
.header-bar .hd-link .link-wrap:hover .link-drop{transition: .4s;visibility: visible;opacity: 1;transform: translateY(0);}
.header-bar .hd-link .link-wrap:hover .icon{background-color: #002a8c;transition: .4s;}
.header-bar .hd-link .link-wrap:hover .icon img{transition: .4s;-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);transform: translateY(-100%);}
.header-bar .hd-img{line-height: 54px;height: 60px;margin-top: -15px;}
.header-bar .hd-rc{line-height:12px;text-align: center;}



@media screen and (max-width: 1440px) {
  .top{padding: 5px 0;}
  .header-bar {padding: 15px 0;}
  .header-bar .hd-logo {height: 50px;line-height: 44px;}
  .header-bar .hd-logo img{height: 44px;}
  .header-bar .hd-select{margin-top: 15px;}
  .header-bar .hd-link li{padding-left: 40px;}
  .header-bar .hd-link li .icon{width: 36px;height: 36px;}
  .header-bar .hd-link li p{margin-top: 6px;}
}

@media screen and (max-width: 1024px) {
  .header{z-index: 101;}
  .header-bar .hd-logo{height: 40px;}
  .header-bar.fixed{position: fixed;width: 100%;top: 0;left: 0;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
}

@media screen and (max-width: 992px) {
  .header-bar .hd-link{display: none;}
  .header-bar .hd-logo{line-height: 40px;}
}

@media screen and (max-width: 767px) {
  .top{font-size: 12px;line-height: 20px;}
  .header-bar {padding: 10px 0;}
  .header-bar .hd-logo {height: 30px;line-height: 26px;}
  .header-bar .hd-logo img{height: 20px;}
  .header-bar .hd-select{margin: 7px 0 0 8px;font-size: 12px;height: 20px;line-height: 20px;}
}


/* nav */
.nav{position: absolute;width: 100%;left: 0;top: 100%;z-index: 1;background-color: rgba(0, 42, 140, 0.7);box-shadow: 0 4px 16px rgba(0, 27, 89, 0.4);transition: background-color 1s;}
.nav.fixed{position: fixed;top: 0;background-color: rgba(0, 42, 140, 0.9);transition: background-color 1s;z-index: 101;}
.search-group{width: 210px;height: 42px;border: 1px solid rgba(255,255,255,.3);border-radius: 4px;position: relative;margin-top: 16px;}
.search-group.focus{border-color: #019be3;box-shadow: 0 0 15px rgba(0,155,227,.3) inset;}
.search-group .search-btn{display: block;width: 40px;height: 40px;position: absolute;left: 0;top: 0;background: url(../img/icon_search.png) no-repeat center center;transition: .4s;}
.search-group .search-btn:hover{background: url(../img/icon_search_blue.png) no-repeat center center;transition: .4s;}
.search-group input{display: block;width: 100%;height: 100%;line-height: 40px;padding: 0 10px 0 40px;color: #fff;}
.search-group input::placeholder{color: rgba(255, 255, 255, .7);}
.search-group input::-moz-placeholder{color: rgba(255, 255, 255, .7);}
.nav-list{width: calc(100% - 210px);}
.nav-list li{float: left;padding:0 2.5%;}
.nav-list li h3 a{display: block;line-height: 74px;font-size: 16px;color: #fff;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.nav-list li.on h3 a,
.nav-list li:hover h3 a{color: #ffb901;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.nav-list li h3 i{display: none;}
.nav .nav-drop{position: absolute;width: 100%;top: 100%;left: 0;z-index: 11;background: #fff;padding-bottom: 80px;display: none;}
.nav .nav-drop .drop-bar{padding: 30px 0 40px;}
.nav .nav-drop .drop-close{display: inline-block;vertical-align: top;width: 20px;height: 20px;background: url(../img/icon_close.png) no-repeat;background-size: contain;}
.nav .drop-list{margin: 0 -50px;}
.nav .drop-list .sub-item{float: left;padding: 0 50px;/*width: 15.2%;*/border-right: 1px solid #d5dfe6;/*min-height: 440px;*/}
.nav .drop-list .sub-item:last-child{border-right: none;}
.nav .drop-list .sub-item.col-2{width: 24%;}
.nav .drop-list .sub-item .sub-tit{margin-bottom: 30px;}
.nav .drop-list .sub-links a{display: block;color: #808080;line-height: 20px;padding: 5px 0;transition: .3s ease-in-out;}
.nav .drop-list .sub-links a:hover{color: #002a8c;text-decoration: underline;transition: .3s ease-in-out;}
.nav .drop-list .sub-item.col-2 .sub-links{width: 42%;}
.nav-btn{display: none;}
.nav-close{display: none;}
.nav-overlay{visibility: hidden;opacity: 0;transition: .4s;}

@media screen and (max-width: 1440px) {
  .search-group{height: 38px;margin-top: 13px;}
  .search-group .search-btn{width: 36px;height: 36px;}
  .search-group input{line-height: 36px;padding-left: 36px;}
  .nav-list li{/*margin-right: 4.5%;*/}
  .nav-list li h3 a{line-height: 64px;font-size: 14px;}
}

@media screen and (max-width: 1024px) {
  .nav{position: fixed;width: 40%;height: 100%;top: 0;left: auto;right: 0;z-index: 101;background-color: rgba(0, 42, 140, 1);height: 100%;transform: translateX(100%);visibility: hidden;transition: .4s;}
  .nav.nav-show{visibility: visible;transform: translateX(0);transition: .4s;}
  .nav.fixed{background-color: rgba(0, 42, 140, 1);transition: .4s;}
  .nav>.wrap{display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;padding: 96px 0 30px;position: relative;height: 100%;width: 100%;}
  .search-group{width: calc(90% - 60px);max-width: 320px;margin: 0;position: absolute;left: 5%;top: 30px;}
  .nav-list{-webkit-box-ordinal-group: 3;order: 2;float: none;width: 100%;height: 100%;overflow-y: auto;padding: 0 5%;}
  .nav-list li{float: none;margin-right: 0;}
  .nav-list li h3{position: relative;border-bottom: 1px solid rgba(255,255,255,.1);padding-right: 48px;}
  .nav-list li h3 a{line-height: 48px;font-size: 16px;}
  .nav-list li h3 i{display: block;width: 48px;height: 48px;position: absolute;right: 0;top: 0;background: url(../img/icon_right.png) no-repeat center center;transition: .4s;}
  .nav-list li.active h3 i{transition: .4s;transform: rotate(90deg);}
  .nav-btn{display: block;float: right;width: 30px;height: 30px;margin: 13px 0 0 5%;position: relative;}
  .nav-btn span{display: block;width: 100%;height: 2px;background: #002a8c;border-radius: 2px;position: absolute;left: 0;top: 50%;margin-top: -1px;}
  .nav-btn span:first-child{transform: translateY(-10px);}
  .nav-btn span:last-child{transform: translateY(10px);}
  .nav-close{display: block;width: 30px;height: 30px;position: absolute;top: 33px;right: 5%;}
  .nav-close span{display: block;width: 100%;height: 2px;background: #fff;border-radius: 2px;position: absolute;left: 0;top: 50%;margin-top: -1px;transition: .4s;}
  .nav-show .nav-close span:first-child{transform: rotate(45deg);transition: .4s .4s;}
  .nav-show .nav-close span:last-child{transform: rotate(-45deg);transition: .4s .4s;}
  .nav .nav-drop{display: none;position: static;background: none;padding-bottom: 0;}
  .nav .nav-drop .wrap{width: 100%;height: auto;}
  .nav .nav-drop .drop-bar{display: none;}
  .nav .drop-list{margin: 0;padding-left: 20px;}
  .nav .drop-list .sub-item{width: 100%;padding: 0;border-right: none;min-height: 0;padding: 20px 0;border-bottom: 1px solid rgba(255,255,255,.1);}
  .nav .drop-list .sub-item.col-2{width: 100%;}
  .nav .drop-list .sub-item .sub-tit{margin-bottom: 6px;}
  .nav .drop-list .sub-item .sub-tit a span{color: rgba(255,255,255,.9);font-size: 15px;}
  .nav .drop-list .sub-item .sub-tit .tit-style1::after{background: rgba(255,255,255,.2);height: 4px;border-radius: 4px;width: 100%;left: 0;margin-left: 0;bottom: 4px;}
  .nav .drop-list .sub-links a{color: rgba(255,255,255,.7);font-size: 13px;}
  .nav-overlay{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 100;background: rgba(0, 0, 0, .5);display: block;}
  .nav-overlay.nav-show{visibility: visible;opacity: 1;transition: .4s;}
}

@media screen and (max-width: 992px) {
  .nav{width: 50%;}
  .nav-btn{margin-top: 6px;}
}

@media screen and (max-width: 767px) {
  .nav{width: 80%;}
  .nav-btn{margin-top: 0;width: 24px;height: 24px;margin: 3px 0 0 2%;}
  .nav-btn span:first-child{transform: translateY(-8px);}
  .nav-btn span:last-child{transform: translateY(8px);}
}

/* 侧栏 */
.right-bar{position: fixed;z-index: 99;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);border-radius: 8px 0 0 8px;width: 100px;right: -100px;visibility: hidden;transition: right .4s;}
.right-bar.show{transition: right .4s;right: 0;visibility: visible;}
.right-bar li{position: relative;}
.right-bar li .bar-item{display: block;height: 96px;text-align: center;padding: 15px 0;position: relative;transition: .4s;background-color: #002a8c;}
.right-bar li .bar-item img{width: 36px;height: 36px;}
.right-bar li .bar-item p{font-size: 14px;color: #fff;line-height: 16px;margin-top: 10px;}
.right-bar li .bar-item::after{display: block;content: '';width: 56px;height: 1px;background: rgba(255, 255, 255, .1);position: absolute;bottom: 0;left: 22%;}
.right-bar li:hover .bar-item{background-color: #019be3;}
.right-bar li:first-child .bar-item{border-radius: 8px 0 0 0;}
.right-bar .back-top{display: block;line-height: 40px;text-align: center;background: #019be3;color: #fff;border-radius: 0 0 0 8px;}
.right-bar .bar-drop{position: absolute;right: 100%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);padding-right: 20px;visibility: hidden;opacity: 0;transition: opacity .4s;}
.right-bar .bar-drop .drop-inner{width: 140px;background-color: #019be3;border-radius: 8px;}
.right-bar .bar-drop .drop-inner a{display: block;text-align: center;line-height: 44px;color: #fff;border-bottom: 1px solid rgba(255,255,255,.1);}
.right-bar .bar-drop .drop-inner a:last-child{border-bottom: 1px solid rgba(255,255,255,0);}
.right-bar .bar-group::after{display: block;content: '';width: 0;height: 0;border-style: solid;border-width: 5px 8px;border-color: transparent #019be3 transparent transparent;position: absolute;left: -16px;top: 50%;margin-top: -5px;visibility: hidden;opacity: 0;transition: .4s;}
.right-bar .bar-group:hover::after{transition: .4s;visibility: visible;opacity: 1;}
.right-bar .bar-group:hover .bar-drop{transition: opacity .4s;visibility: visible;opacity: 1;}

@media screen and (max-width: 1440px) {
  .right-bar{width: 84px;right: -84px;}
  .right-bar li .bar-item{height: 80px;}
  .right-bar li .bar-item img{width: 30px;height: 30px;}
  .right-bar li .bar-item p{font-size: 12px;line-height: 14px;margin-top: 6px;}
}

@media screen and (max-width: 992px) {
  .right-bar{right: 0;visibility: visible;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);top: auto;bottom: 20%;width: 50px;right: 10px;}
  .right-bar.show{right: 10px;}
  .right-bar ul{display: none;}
  .right-bar .back-top span{display: none;}
  .right-bar .back-top{width: 50px;height: 50px;background: #019be3 url(../img/backtop.png) no-repeat center center;background-size: 60% 60%;border-radius: 100%;opacity: .8;outline: none;}
}

@media screen and (max-width: 767px) {
  .right-bar{width: 40px;right: 5px;bottom: 30%;}
  .right-bar.show{right: 5px;}
  .right-bar .back-top{width: 40px;height: 40px;}
}


/* footer */
.footer{font-size: 14px;overflow: hidden;}
.footer .ft-bar{background-color: #d5dfe6;color: rgba(19, 20, 21, .8);}
.footer .ft-bar .ft-img{width: 460px;}
.footer .ft-bar .ft-img img{display: block;width: 100%;}
.footer .ft-nav{width: calc(100% - 460px);}
.footer .ft-nav li{float: right;padding-top: 20px;margin-left: 15%;}
.footer .ft-nav li .icon{width: 46px;height: 46px;background-color: rgba(0, 42, 140, .1);border-radius: 100%;background-repeat: no-repeat;background-position: center center;}
.footer .ft-nav li .icon1{background-image: url(../img/icon_about.png);}
.footer .ft-nav li .icon2{background-image: url(../img/icon_contact.png);}
.footer .ft-nav li .icon3{background-image: url(../img/icon_link.png);}
.footer .ft-nav li h4{font-size: 16px;font-weight: bold;margin: 16px 0 6px;}
.footer .ft-nav li a{display: block;color: rgba(19, 20, 21, .8);padding: 5px 0;line-height: 24px;transition: .3s ease-in-out;}
.footer .ft-nav li a:hover{color:#019be3;transition: .3s ease-in-out;}
.footer .ft-nav li p{padding: 5px 0;line-height: 24px;}
.footer .copyright{color: #fff;color: rgba(255,255,255,.9);line-height: 24px;padding: 24px 0;position: relative;z-index: 3;}
.footer .copyright .ft-link a{color: rgba(255,255,255,.9);}
.footer .copyright .ft-link span{margin: 0 5px;}
.footer .copyright .text span{display: inline-block;vertical-align: top;margin-left: 20px;}
.footer .copyright .text span:first-child{margin-left: 0;}
.footer .copyright .text a{display: inline-block;vertical-align: top;color: #fff;}
.footer .copyright .text{width: 100%;margin-top: 16px;}
.footer .copyright .ft-link{width: 100%;}
.footer .cy-right .erweima{text-align: center;float: left;margin-left: 20px;}
.footer .cy-right .erweima img{width: 90px;}
.footer .cy-right .erweima p{font-size: 12px;line-height: 1;margin-top: 10px;}

@media screen and (max-width: 1440px) {
  .footer .ft-bar .ft-img{width: 400px;}
  .footer .ft-nav{width: calc(100% - 400px);}
  .footer .ft-nav li{padding-top: 0;margin-left: 10%;}
  .footer .copyright .text{margin-top: 8px;}
  .footer .copyright .text span{margin-left: 5px;font-size: 14px;white-space: nowrap;line-height: 18px;}
}

@media screen and (max-width: 992px) {
  .footer .ft-nav{width: 100%;margin-top: 30px;}
  .footer .ft-nav li{float: left;margin: 0 16% 0 0;}
  .footer .cy-left{width: 100%;float: none;text-align: center;}
  .footer .cy-right{float: none;width: 330px;margin: 20px auto 0;}
  .footer .cy-right .erweima{margin: 0 10px;width: 90px;}
}

@media screen and (max-width: 767px) {
  .footer .ft-bar{padding: 20px 0 10px;}
  .footer .ft-bar .ft-img{width: 100%;}
  .footer .ft-nav{display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
  .footer .ft-nav li{margin-bottom: 12px;}
  .footer .ft-nav li:nth-child(2){-webkit-box-ordinal-group: 4;order: 3;}
  .footer .ft-nav li a{display: inline-block;vertical-align: top;margin-right: 10px;}
  .footer .ft-nav li h4{margin: 12px 0 4px;}
  .footer .copyright{line-height: 22px;font-size: 13px;}
  .footer .copyright .text{margin-top: 12px;}
  .footer .copyright .text span{font-size: 13px;}
  .footer .cy-right{width: 270px;}
  .footer .cy-right .erweima{width: 80px;margin: 0 5px;}
  .footer .cy-right .erweima img{width: 100%;}
}

/* 内页banner */
.page-banner .img img{display: block;width: 100%;}
.page-banner .text{padding-top: 74px;color: #fff;}
.page-banner .text h1{font-size: 40px;}

@media screen and (max-width: 1440px) {
  .page-banner .text{padding-top: 64px;}
  .page-banner .text h1{font-size: 36px;}
}

@media screen and (max-width: 1024px) {
  .page-banner .img{height: 300px;}
  .page-banner .img img{height: 100%;object-fit: cover;}
  .page-banner .text{padding-top: 0;}
}

@media screen and (max-width: 767px) {
  .page-banner .img{height:220px;}
  .page-banner .text h1{font-size: 24px;}
  .page-banner .text p{font-size: 12px;}
}


/* 面包屑 */
.crubms{padding: 25px 0;line-height: 30px;}
.crubms .wrap>*{display: inline-block;vertical-align: top;}
.crubms a{color: #777;transition: .3s ease-in-out;}
.crubms a:hover{color: #002a8c;transition: .3s ease-in-out;}
.crubms i{width: 8px;height: 8px;background: url(../img/sj2.png) no-repeat center center;margin: 11px 0 0 0;}

@media screen and (max-width: 1024px) {
  .crubms{padding: 18px 0;}
}

@media screen and (max-width: 767px) {
  .crubms{padding: 12px 0;}
}


.left-menu{float: left;width: 240px;background: #fff;}
.left-menu .menu-tit{padding: 55px 0;text-align: center;background-position: center center;background-repeat: no-repeat;background-size: cover;border-radius: 6px 6px 0 0;overflow: hidden;}
.left-menu .menu-tit h2{font-size: 20px;line-height: 40px;color: #fff;}
.left-menu .menu-tit h2 img{vertical-align: top;width: 32px;height: 32px;margin: 4px 8px 0 0;}
.left-menu .menu-bg1{background-image: url(../img/menu_bg1.jpg);}
.left-menu .menu-bg2{background-image: url(../img/menu_bg2.png);}
.left-menu .menu-list{padding: 18px 0;}
.left-menu .menu-list a{display: block;transition: .4s;}
.left-menu .menu-list a:hover{color: #002a8c;transition: .4s;}
.left-menu .menu-list h2 a{position: relative;padding: 12px 15%;font-size: 18px;}
.left-menu .menu-list h2 a span{display: block;padding-right: 20px;}
.left-menu .menu-list h2 a i{display: block;width: 12px;height: 12px;position: absolute;right: 15%;top: 50%;margin-top: -6px;}
.left-menu .menu-list h2 a i::before{display: block;content: '';width: 0;height: 0;border-style: solid;border-width: 6px 6px;border-color: #727272 transparent transparent transparent;position: relative;top: 3px;}
.left-menu .menu-list .drop{display: none;}
.left-menu .menu-list .drop a{padding: 10px 15%;line-height: 20px;text-indent: 20px;}
.left-menu .menu-list .drop a.active{background: #d0dce3;color: #002a8c;}
.left-menu .menu-list .on h2 a{transition: .4s;color: #002a8c;}
.left-menu .menu-list .on h2 a i{transition: .4s;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.left-menu .menu-list .on h2 a i::before{transition: .4s;border-color: #002a8c transparent transparent transparent;}

@media screen and (max-width: 992px) {
  .left-menu{width: 100%;position: relative;overflow: visible;z-index: 11;}
  .left-menu .menu-tit{padding: 10px 0;}
  .left-menu .menu-list{display: -webkit-box;display: flex;padding: 0;overflow-x: auto;}
  .left-menu .menu-list h2 a{white-space: nowrap;font-size: 16px;padding: 8px 36px 8px 16px;border-right: 1px solid #ddd;}
  .left-menu .menu-list::-webkit-scrollbar{display: none;}
  .left-menu .menu-list .drop{position: absolute;width: 100%;top: 100%;left: 0;background: #fff;box-shadow: 0 6px 10px rgba(0, 0, 0, .15);margin-top: 1px;}
  .left-menu .menu-list .drop a{padding: 10px 5%;}
}

@media screen and (max-width: 767px) {
  .left-menu .menu-tit{padding: 6px 0;}
  .left-menu .menu-tit h2{font-size: 18px;line-height: 36px;}
  .left-menu .menu-tit h2 img{width: 28px;height: 28px;}
  .left-menu .menu-list h2 a{font-size: 14px;padding: 8px 30px 8px 12px;}
  .left-menu .menu-list h2 a i{right: 10px;}
  .left-menu .menu-list h2 a span{padding-right: 0;}
}

.right-con{float: right;width: calc(100% - 270px);background: #fff;border-radius: 6px 6px 0 0;}
.right-con.bg-none{background: none;}
.right-con p{color: #7c7c7c;text-align: justify;line-height: 22px;}
.right-con .right-con-tit{padding: 10px 20px;line-height: 30px;background-color: #019be3;color: #fff;font-size: 20px;border-radius: 6px 6px 0 0;}
.right-con .down-group{position: relative;}
.right-con .down-group a{font-size: 14px;color: #fff;display: block;}
.right-con .down-group .erweima-box{position: absolute;width: 120px;top: 100%;left: 50%;margin-left: -60px;padding-top: 20px;visibility: hidden;opacity: 0;transform: translateY(20px);transition: .4s;}
.right-con .down-group .erweima-box::before{display: block;content: '';width: 0;height: 0;border-style: solid;border-width: 6px;border-color: transparent transparent #fff transparent;box-shadow: 0 2px 5px rgba(255,255,255,.5);position: absolute;top: 8px;left: 50%;margin-left: -6px;}
.right-con .down-group .erweima-box .box-inner{background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .1);text-align: center;padding: 10px 0 4px;}
.right-con .down-group .erweima-box p{font-size: 12px;margin-top: 4px;text-align: center;}
.right-con .down-group:hover .erweima-box{visibility: visible;opacity: 1;transform: translateY(0);transition: .4s;}
.content-menu a{float: left;width: 33.33%;margin-right: 1px;line-height: 60px;text-align: center;background: #fff;transition: .3s ease-in-out;}
.content-menu a:hover{color: #019be3;transition: .3s ease-in-out;}
.content-menu a:last-child{width: calc(33.34% - 2px);margin-right: 0;}
.content-menu a.on{background-color: #019be3;color: #fff;}
.content-menu a.on:hover{color: #fff;}

@media screen and (max-width: 992px) {
  .right-con{width: 100%;margin-top: 30px;}
  .right-con .right-con-tit{font-size: 18px;padding: 6px 15px;}
  .content-menu a{line-height: 40px;}
}

@media screen and (max-width: 767px) {
  .right-con{width: 100%;margin-top: 20px;}
}

.pages{text-align: center;}
.pages>*{display: inline-block;vertical-align: top;line-height: 40px;margin: 5px;background-color: rgba(180,180,180,.1);padding: 0 15px;color: #061a40;font-size: 16px;}
.pages a:hover{color:  #002a8c;transition: .4s;}
.pages a.on{background-color:rgba(0,42,140,.1);}
.pages a.page-btn{background:rgba(0,42,140,1);color: #fff;}
.pages a.page-btn:hover{color: #fff;}

.pages li:hover{color:  #002a8c;transition: .4s;}
.pages li.active{background-color:rgba(0,42,140,.1);}
.pages li:first-child,.pages li:first-child a{background:rgba(0,42,140,1);color: #fff;}
.pages li:first-child:hover,.pages li:first-child:hover a{color: #fff;}
.pages li:last-child,.pages li:last-child a{background:rgba(0,42,140,1);color: #fff;}
.pages li:last-child:hover,.pages li:last-child:hover a{color: #fff;}

@media screen and (max-width: 767px) {
  .pages>*{line-height: 30px;padding: 0 10px;font-size: 14px;margin: 3px;}
}


.mobile-bar{display: none;}

@media screen and (max-width: 992px) {
  .mobile-bar{display: block;height: 60px;position: relative;z-index: 91;}
  .mobile-nav{position: fixed;width: 100%;height: 60px;background: #002a8c;left: 0;bottom: 0;z-index: 91;box-shadow: 0 0 10px rgba(0, 27, 89, 0.2);border-top: 1px solid rgba(255,255,255,.1);}
  .mobile-nav ul{height: 100%;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: stretch;align-items: stretch;}
  .mobile-nav ul li{flex: 0 1 100%;position: relative;}
  .mobile-nav ul li::after{display: block;content: '';width: 1px;height: 30px;background: rgba(255,255,255,.2);position: absolute;right: 0;top: 50%;margin-top: -15px;}
  .mobile-nav ul li .bar-item{height: 100%;opacity: .9;}
  .mobile-nav ul li .bar-item img{width: 28px;}
  .mobile-nav ul li .bar-item p{font-size: 12px;color: #fff;margin-top: 4px;}
  .mobile-nav .bar-drop{position: absolute;width: 120px;bottom: 100%;left: 50%;margin-left: -60px;margin-bottom: 12px;background:#019be3;border-radius: 6px;visibility: hidden;opacity: 0;transform: translateY(-10px);transition: .4s;}
  .mobile-nav .bar-drop.show{visibility: visible;opacity: 1;transform: translateY(0);transition: .4s;}
  .mobile-nav .bar-drop::before{display: block;content: '';width: 0;height: 0;border-style: solid;border-width: 6px 4px;border-color:  #019be3 transparent transparent transparent;position: absolute;left: 50%;bottom: -12px;margin-left: -4px;}
  .mobile-nav .drop-inner a{display: block;text-align: center;line-height: 32px;color: #fff;border-bottom: 1px solid rgba(255,255,255,.1);font-size: 12px;}
  .mobile-nav .drop-inner a:last-child{border: none;}
}

@media screen and (max-width: 767px) {
  .mobile-nav ul li .bar-item img{width: 24px;}
}


.calculation{padding: 40px 0;}
.calculation .tab-wrap{width: 50%;float: left;padding: 0 30px;}
.calculation .part-line{height: 1px;background: #ccc;margin: 40px 0;}
.tab-form.space-30{margin-bottom: 30px;}
.tab-form .form-group{padding: 5px 0;max-width: 500px;}
.tab-form .form-group .label{width: 128px;text-align: right;}
.tab-form .form-group .label.text-gray{color: #999;}
.tab-form .form-group .unit{width: 72px;color: #999;}
.tab-form .form-group .input{width: calc(100% - 210px);margin-right: 10px;}
.tab-form .form-group .input input,
.tab-form .form-group .input select{display: block;width: 100%;height: 34px;border: 1px solid #ccc;border-radius: 3px;line-height: 32px;padding: 0 10px;}
.tab-form .form-group .form-submit{display: block;height: 40px;background: #002a8c;border-radius: 3px;text-align: center;line-height: 40px;color: #fff;}

@media screen and (max-width: 1280px) {
  .calculation .tab-wrap{width: 100%;margin-bottom: 30px;}
  .calculation .tab-wrap:last-child{margin-bottom: 0;}
  .calculation .part-line{margin: 20px 0;}
}

@media screen and (max-width: 767px) {
  .calculation .tab-wrap{padding: 0 4%;}
  .tab-form .form-group .label{font-size: 12px;width: 100px;}
  .tab-form .form-group .unit{font-size: 12px;width: 56px;}
  .tab-form .form-group .input{width: calc(100% - 160px);margin-right: 4px;}
}

.header-bar .hd-login{width: 120px;margin-left: 50px;height: 60px;position: relative;}
.header-bar .login-box{position: absolute;width: 100%;height: 100px;top: 50%;right: 0;margin-top: -50px;}
.header-bar .login-box a{display: block;height: 50%;line-height: 50px;text-align: center;overflow: hidden;}
.header-bar .login-box a span{display: block;height: 100%;color: #fff;font-size: 12px;transition: .4s;transform: translate3d(0,0,0);}
.header-bar .login-box a.btn1{background-color: #002A8C;}
.header-bar .login-box a.btn2{background-color:#019BE3;}
.header-bar .login-box a:hover span{transition: .4s;transform: translate3d(0,-100%,0);}

.header-bar .rczp_other{position: relative;height: 60px;}
.header-bar .rczp_other li{padding-left: 0px;width:100px;height:100px;position:absolute;right:0px;top:50%;margin-top: -50px;text-align: center;}
.header-bar .rczp_other .other_icon{width:65%;margin:10px auto 0;}
.header-bar .rczp_other .other_icon img{width:100%;}

@media screen and (max-width: 1440px) {
  .header-bar .hd-login{width: 108px;}
  .header-bar .login-box{height: 90px;margin-top: -45px;}
  .header-bar .login-box a{height: 45px;line-height: 45px;}

  .header-bar .rczp_other li{height:90px;margin-top:-47px;}
}

@media screen and (max-width: 767px) {
  .header-bar .hd-login{height: 24px;width: 24px;no-repeat;margin-left: 0;background-size: 100% 100%;margin: 3px 10px 0 0;}
  .header-bar .login-box{width: 90px;top: 100%;left: 50%;margin: 5px 0 0 -45px;display: none;box-shadow: 0 0 5px rgba(0,0,0,.2);}
  .header-bar .hd-login:hover .login-box{display: block;}
}