@charset "utf-8";

/* base */
body,a{color: #333;}
.container .position p{border-bottom-color: #bf3030;}
.page .pcurrent a,
.page a:hover{border-color: #bf3030;color:#bf3030;}
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 svg,
.online_box p:hover span,
.online_box p.r_open:hover{color: #bf3030;}
.navico.nav_open span{background: #fff;}
.navico span,
.navico span::before,
.navico span::after,
.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #bf3030;}

/* top */
.topbox{height: 40px;border-top: 1px solid #115ba6;border-bottom: 1px solid #f5f5f5;background: #fafafa;font-size: 13px;line-height: 38px;color: #808080;}

@media only screen and (max-width:1024px){
.topbox{display: none;}
}

/* headbox */
.headbox{height: 120px;background-color: #fff;box-shadow: 0 3px 6px rgba(128,128,128,.2);z-index: 999999;}
.headbox .w1440{height: 100%;}
.headbox .logo{height: 100%;float: left;}
.headbox .logo a{display: block;padding: 20px 0;height: 100%;}
.headbox .logo a p,
.headbox .logo a img{height: 100%;}
.headbox .logo .mlogo{display: none;}

.headbox .telbox{float: right;padding-left: 60px;position: relative;top: 50%;margin-top: -25px;line-height: 1;height: 50px;overflow: hidden;}
.headbox .telbox span{display: block;width: 100%;color: #808080;padding: 3px 0 5px;}
.headbox .telbox p{font-size: 30px;font-weight: 600;color: #bf1313;}
.headbox .telbox em{width: 50px;height: 50px;border: 2px solid #bf1313;text-align: center;font-size: 25px;line-height: 46px;color: #bf1313;position: absolute;left: 0;top: 0;border-radius: 25px;}
.headbox .telbox em svg{height: 46px;}

@media only screen and (max-width:1200px){
.headbox{height: 100px;}
.headbox .logo a{padding: 10px 0;}
}
@media only screen and (max-width:1024px){
.headbox{height: 60px;position: fixed;left: 0;top: 0;}
.headbox .logo a{padding: 5px 0;}
.headbox .logo .mlogo{display: block;}
.headbox .logo .llogo,
.headbox .telbox{display: none;}
}
@media only screen and (max-width:768px){
.headbox{height: 50px;}
.headbox .logo a{padding: 5px;}
}

/* nav */
.navbox ul li a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;line-height: 40px;color: #fff;}
.navbox ul li dl span{position: absolute;right: 0;top: -50px;width: 50px;height: 50px;color: rgba(255,255,255,.75);display: none;cursor: pointer;text-align: center;}
.navbox ul li dl span svg{height: 50px;line-height: 50px;}
.navbox ul li.on dl span{-webkit-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);transform: rotateZ(90deg);}

@media only screen and (min-width:1025px){
.navbox{background: #115ba6;height: 50px;}
.navbox ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: flex;flex-wrap: nowrap;height: 100%;}
.navbox ul li{width: 12.5%;text-align: center;position: relative;float: left;flex-shrink: 0;}
.navbox ul li > a{font-size: 15px;font-weight: 600;padding: 5px;}

.navbox ul li dl{width: 100%;background: rgba(15,90,165,.9);position: absolute;opacity: 0;left: 50%;top: 100%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.navbox ul li dl a{height: 0;padding: 0 5px;color: #fff;border-top: 0 solid rgba(255,255,255,.2);}
.navbox ul li dl a:hover{background: #bf3030;}

#navcla{width: 180px;}
.navbox ul li.active > a{background: #bf3030;}
.navbox ul li:hover dl{opacity: 1;box-shadow: 0 2px 6px rgba(0,0,0,.2);}
.navbox ul li:hover dl a{height: 50px;border-top-width: 1px;padding: 4px 5px 5px;}
}
@media only screen and (min-width:1201px){
.navbox{height: 56px;}
.navbox ul li > a{font-size: 16px;padding: 8px;}
}
@media only screen and (max-width:1024px){
.navbox{width: 100%;height: 0;overflow: hidden;position:fixed;left: 0;top:0;background:#333;z-index: 99999;}
.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;padding-right: 50px;}
.navbox ul li > a{padding: 5px 10px;font-weight: 600;font-size: 15px;}
.navbox ul li.on{z-index: 6;}
.navbox ul li.active > a{color: #ff4040;}
.navbox ul li dl{width: 100%;position: absolute;left: 0;top: 100%;background: #b32d2d;z-index: 2;}
.navbox ul li dl span{display: block;}
.navbox ul li dl a{height: 0;background: #cc3333;padding: 0 15px;}
.navbox ul li dl a:hover{background: #e55050;}
.navbox ul li.on dl a{height: 40px;margin-top: 1px;}
.navbox ul li.on dl dd:first-child a{margin: 0;}
}
@media only screen and (max-width:768px){
.navbox ul{height:calc(100vh - 120px);top:60px;}
}

/*banner*/
.bannerpic{height: 0;padding-bottom: 450px;}
#swiper{display: none;}
#swiper ul li img{width: 100%;}
#swiper.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 15px;}

#shutter .btn p{background: rgba(0,0,0,.3);}
#shutter .btn p:hover{background: rgba(190,20,20,.7);}

@media only screen and (max-width:1250px){
.bannerpic{padding-bottom:35%;}
}
@media only screen and (max-width:1024px){
.banner{padding-top:60px;}
}
@media only screen and (max-width:768px){
.banner{padding-top:0;display: none;}
.bannerpic{height: auto;padding: 0;}
#shutter{display: none;}
#shutter .btn p{background: rgba(0,0,0,.3);}
}
@media only screen and (max-width:480px){
.banner{padding-top:20px;}
#swiper ul li img{width: 106%;margin-left: -3%;}
#swiper.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px;}
}

/* search */
.searchbox{padding: 20px 0;background: #f5f5f5;}
.searchbox .txt{width: 68%;float: left;padding-left: 90px;position: relative;line-height: 36px;overflow: hidden;color: #666;}
.searchbox .txt .tit{position: absolute;left: 0;top: 0;font-weight: 600;line-height: 36px;}
.searchbox .txt p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.searchbox .search{width: 30%;float: right;overflow: hidden;position: relative;max-width: 360px;}
.searchbox .search p{width: 100%;background: #fff;border: 1px solid #c33;}
.searchbox .search p input{line-height: 24px;padding: 5px 9px;overflow: hidden;display: block;width: 100%;}
.searchbox .search em{width: 60px;position: absolute;right: 0;top: 0;z-index: 3;}
.searchbox .search em input{background: none;width: 100%;height: 36px;cursor: pointer;}
.searchbox .search span{position: absolute;right: 0;top: 0;z-index: 1;height: 36px;color: #fff;text-align: center;background: #c33;width: 60px;}
.searchbox .search span svg{height: 36px;line-height: 36px;font-size: 18px;}

@media only screen and (max-width:1024px){
.searchbox .search em,
.searchbox .search span{width: 50px;}
}
@media only screen and (max-width:768px){
.searchbox{padding: 70px 0 15px;}
.searchbox .txt{width: 100%;height: 35px;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 em,
.searchbox .search span{width: 15%;max-width: 60px;}
}

/* foot */
.footbox{background:#2d2d2d;color: #ccc;line-height: 30px;padding: 55px 0;}
.footbox a{color: #ccc;}
.footbox a:hover{color: #fff;}
.footbox .titl{width: 100%;padding-bottom: 20px;}
.footbox .titl p{font-size: 16px;font-weight: 600;color: #fff;line-height: 35px;}
.footbox .titl span{color: #999;line-height: 1;text-transform: uppercase;}

.footbox .w1440{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: flex;flex-wrap: nowrap;}
.footbox .txt{float: left;flex-shrink: 0;border-right: 1px solid #424242;width: 20%;padding: 0 2% 0 4.5%;}
.footbox .txt .cont,
.footbox .txt .text,
.footbox .txt ul{overflow: hidden;}
.footbox .txt .cont p{width: 50%;float: left;padding-right: 10px;}
.footbox .txt ul li a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.footbox .txt.f_nav{padding-left: 0;width: 18%;}
.footbox .txt.f_cla{width: 24%;}
.footbox .txt.f_new{width: 19%;}
.footbox .txt.f_cta{width: 25%;border: 0;}

.footbox .f_ewm{width: 14%;float: right;}
.footbox .f_ewm .titl{max-width: 150px;float: right;}
.footbox .f_ewm .titl span{text-transform: none;}
.footbox .f_ewm .cont{width: 100%;padding: 5px 0;max-width: 150px;float: right;}
.footbox .f_ewm .cont img{width: 100%;}

.bottombox{background: #191919;text-align: center;color: #aaa;line-height: 30px;}
.bottombox .w1440{padding: 20px 0;}
.bottombox a{color: #aaa;}
.bottombox a:hover{color: #fff;}
.bottombox p{display: inline-block;padding: 0 5px;}
.bottombox .txt2,
.bottombox .txt3{display: inline-block;}

@media only screen and (max-width:1440px){
.footbox{padding: 4% 0;}
}
@media only screen and (max-width:1200px){
.footbox .titl{padding-bottom: 15px;}
.footbox .titl p{font-size: 15px;line-height: 30px;}
.footbox .txt{width: 20%;padding-left: 3%;}
.footbox .txt.f_cla{width: 23%;}
.footbox .txt.f_new{width: 18%;}
.footbox .txt.f_cta{width: 27%;}
}
@media only screen and (max-width:1024px){
.footbox{display: none;}
.bottombox .w1440{padding: 15px 0;}
}
@media only screen and (max-width:768px){
.bottombox .w1440{line-height: 24px;}
}