@charset "utf-8";

/* base */
body,a{color: #333;}
.container .position p{border-bottom-color: #bf1321;}
.page .pcurrent a,
.page a:hover{border-color: #004099;color:#004099;}
a:hover,
.container .position p span,
.foot-button em,
.foot-button i,
.foot-button a:hover span,
.foot-button a.active span,
.online_box p:hover::after,
.online_box p:hover svg,
.online_box p span:hover,
.online_box p.r_open:hover{color: #bf1321;}
.navico.nav_open span{background: #fff;}
.navico span,
.navico span::before,
.navico span::after,
.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #004099;}

/* headbox */
.headbox{background: #fff;}
.headbox .logo{float: left;height: 100%;}
.headbox .logo a{display: block;padding: 25px 0 25px 75px;overflow: hidden;position: relative;line-height: 1;}
.headbox .logo p{position: absolute;left: 0;top: 50%;margin-top: -35px;}
.headbox .logo strong{font-size: 36px;color: #191919;display: block;letter-spacing: 1px;padding: 5px 0;}
.headbox .logo span{color: #666;display: block;padding: 5px 0;}
.headbox .logo em{font-style: normal;font-size: 30px;line-height: 40px;font-weight: 600;color: #0059b3;display: none;position: relative;top: 50%;margin-top: -20px;float: left;}

.headbox ul{position: absolute;right: 24%;top: 50%;margin-top: -30px;width: 30%;max-width: 390px;text-align: center;}
.headbox ul li{float: left;border-left: 1px solid #ddd;padding: 0 5px;width: 33.33%;}
.headbox ul li:first-child{border-left: none;}
.headbox ul li p{width: 100%;padding: 5px 0;}
.headbox ul li span{display: block;line-height: 20px;color: #666;}

.headbox .telbox{position: absolute;right: 0;top: 50%;margin-top: -25px;padding-left: 50px;line-height: 1;}
.headbox .telbox em{position: absolute;width: 40px;height: 40px;background: #bf1321;border-radius: 20px;left: 0;top: 5px;color: #fff;text-align: center;}
.headbox .telbox em svg{height: 40px;line-height: 40px;font-size: 24px;}
.headbox .telbox span{display: block;color: #808080;padding: 1px 3px 5px;}
.headbox .telbox p{font-size: 30px;color: #bf1321;}

@media only screen and (max-width:1440px){
.headbox ul{width: 26%;}
}
@media only screen and (max-width:1200px){
.headbox .logo a{padding: 20px 0 20px 75px;}
.headbox ul{display: none;}
}
@media only screen and (max-width:1024px){
.headbox{position: fixed;left: 0;top: 0;box-shadow: 0 2px 5px rgba(0,0,0,.1);height: 60px;z-index: 999999;}
.headbox .w1440{height: 100%;}
.headbox .logo a{height: 100%;padding: 0;}
.headbox .logo p{position: relative;float: left;padding: 5px 0;height: 100%;top: 0;margin: 0;}
.headbox .logo p img{height: 100%;}
.headbox .logo strong,
.headbox .logo span,
.headbox .telbox{display: none;}
.headbox .logo em{display: block;}
}
@media only screen and (max-width:768px){
.headbox{height: 50px;}
.headbox .logo p{padding: 3px 0;}
}

/* navbox */
.navbox{width: 100%;position: relative;z-index: 99999;}
.navbox ul li a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;}

@media only screen and (min-width:1025px){
.navbox{background: #004099;height: 50px;}
.navbox ul li{width: 11.111%;float: left;text-align: center;padding: 10px 5px;position: relative;}
.navbox ul li > a{font-size: 15px;font-weight: 600;max-width: 120px;margin: 0 auto;border-radius: 15px;line-height: 30px;}
.navbox ul li dl{width: 100%;position: absolute;left: 0;top: 100%;background: #004099;}
.navbox ul li dl span{display: none;}
.navbox ul li dl em{position: absolute;left: 0;bottom: 100%;text-align: center;color: #fff;height: 0;text-align: center;overflow: hidden;width: 100%;}
.navbox ul li dl a{padding: 0 5px;height: 0;background: #0059b3;line-height: 40px;}
.navbox ul li dl a:hover{background: #e51728;}

.navbox ul li #navcla{width: 120%;left: -10%;}

.navbox ul li.active > a{background: #fff;color: #e51728;}
.navbox ul li:hover dl em{height: 8px;}
.navbox ul li:hover dl a{height: 40px;margin-bottom: 1px;}
}
@media only screen and (min-width:1201px){
.navbox{height: 60px;}
.navbox ul li{padding: 15px 5px;}
.navbox ul li dl a{line-height: 44px;}
.navbox ul li #navcla{width: 110%;left: -5%;}
.navbox ul li:hover dl em{height: 10px;}
.navbox ul li:hover dl a{height: 45px;}
}
@media only screen and (max-width:1024px){
.navbox{height: 0;overflow: hidden;position:fixed;left: 0;top:0;background:#333;}
.navbox.nav_on{height:100%;}
.navbox ul{width:100%;height:calc(100vh - 130px);overflow-y:auto;position:absolute;left:0;top:70px;padding:0 3%;}
.navbox ul li{width:100%;border-bottom:1px solid #555;padding: 0;position: relative;z-index: 5;-webkit-transition: .5s;transition: .5s;}
.navbox ul li > a{line-height: 50px;padding: 0 10px;font-size: 15px;position: relative;z-index: 1;font-weight: 600;}
.navbox ul li > a em{font-style: normal;padding-right: 10px;}
.navbox ul li.active,
.navbox ul li:hover{z-index: 6;}
.navbox ul li.active > a{color: #ffbf00;}

.navbox ul li dl{width: 100%;position: absolute;left: 0;top: 100%;background: #0059b3;z-index: 2;}
.navbox ul li dl span{display: block;width: 50px;height: 50px;position: absolute;top: -50px;right: 0;text-align: center;line-height: 50px;color: #ccc;font-size: 16px;z-index: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.navbox ul li dl em{display: none;}
.navbox ul li dl span svg{height: 50px;line-height: 50px;}
.navbox ul li dl a{display: block;width: 100%;line-height: 40px;height: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;font-size: 14px;background: #007ed9;padding: 0 15px;}
.navbox ul li dl a:hover{background: #fa0;}
.navbox ul li dl a.on{height: 40px;margin-bottom: 1px;}
.navbox ul li dl span.on{-webkit-transform: rotateZ(-180deg);-moz-transform: rotateZ(-180deg);transform: rotateZ(-180deg);}
}

/*banner*/
.bannerpic{height: 0;padding-bottom: 450px;}

#shutter .btn p{background: rgba(0,65,150,.3);}
#shutter .btn p:hover{background: rgba(255,160,25,.75);}

@media only screen and (max-width:1440px){
.bannerpic{padding-bottom: 31.25%;}
}
@media only screen and (max-width:768px){
#bannerpic .btn span.on{border-color: #fff;background: #fa0;}
}

/* search */
.searchbox{padding: 20px 0;background: #f5f5f5;}
.searchbox .txt{width: 73%;float: left;padding-left: 110px;position: relative;line-height: 30px;overflow: hidden;}
.searchbox .txt .tit{position: absolute;left: 0;top: 0;background: #f5f5f5;font-weight: 600;}
.searchbox .txt .tit span{color: #bf1321;font-size: 16px;}
.searchbox .txt p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.searchbox .search{width: 25%;float: right;overflow: hidden;position: relative;max-width: 300px;}
.searchbox .search p{width: 100%;background: #fff;border: 1px solid #bf1321;border-radius: 15px;background: #fff;overflow: hidden;}
.searchbox .search p input{line-height: 20px;padding: 4px 10px;overflow: hidden;display: block;width: 100%;}
.searchbox .search span,
.searchbox .search em{display: block;width: 20%;height: 30px;position: absolute;right: 0;top: 0;background: #bf1321;border-radius: 15px;text-align: center;line-height: 30px;color: #fff;}
.searchbox .search span svg{height: 30px;font-size: 18px;}
.searchbox .search em{background: none;}
.searchbox .search em input{width: 100%;height: 100%;cursor: pointer;background-size: auto 100%;background: none;}

@media only screen and (max-width:1200px){
.searchbox{padding: 15px 0;}
}
@media only screen and (max-width:1024px){
.searchbox .txt{width: 68%;}
.searchbox .search{width: 30%;}
}
@media only screen and (max-width:768px){
.searchbox{padding-bottom: 10px;}
.searchbox .txt{width: 100%;height: 34px;padding-top: 5px;}
.searchbox .txt .tit{top: 5px;}
.searchbox .txt p{overflow-x: auto;text-overflow: unset;}
.searchbox .search{width: 100%;max-width: 100%;}
.searchbox .search span,
.searchbox .search em{max-width: 60px;}
}

/* foot */
.footbox{color: rgba(255,255,255,.5);line-height: 30px;background:#003580 url(../images/bg2.jpg) center no-repeat;background-attachment: fixed;}
.footbox::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,50,128,.6);z-index: 1;}
.footbox a{color: rgba(255,255,255,.6);}
.footbox a:hover{color: #fff;}

.footbox .textcon{padding: 45px 0;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: flex;flex-wrap: nowrap;z-index: 5;}
.footbox .tit{width: 100%;font-size: 15px;font-weight: 600;color: #fff;padding-bottom: 10px;}
.footbox .list{float: left;width: 25%;padding: 0 2% 0 3%;border-right: 1px solid #225398;flex-shrink: 0;}
.footbox .list .con{overflow: hidden;}
.footbox .list .con p{width: 50%;padding-right: 2%;float: left;max-width: 120px;}

.footbox .list1{width: 20%;padding-left: 2%;}
.footbox .list3{width: 23%;}
.footbox .list4{width: 32%;border: 0;}

.bottombox{border-top: 1px solid #225398;text-align: center;line-height: 24px;padding: 15px 0 25px;position: relative;z-index: 5;}

@media only screen and (max-width:1200px){
.footbox .textcon{padding: 35px 0;}
.footbox .list{padding: 0 2%;}
.footbox .list1{padding-left: 1%;width: 18%;}
.footbox .list2{width: 28%;}
.footbox .list3{width: 20%;}
.footbox .list4{width: 34%;padding-right: 0;}
}
@media only screen and (max-width:1024px){
.footbox .textcon{display: none;}
.bottombox{border-top: 0;line-height: 24px;padding: 15px 0;}
}