@charset "utf-8";

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

/* headbox */
.headbox{width: 100%;height: 130px;box-shadow: 0 2px 10px rgba(0,0,0,.2);left: 0;top: 0;z-index: 999999;background: #fff;position: relative;}
.headbox .w1440{height: 100%;width: 97%;}
.headbox .logo{height:100%;overflow: hidden;float: left;position: relative;z-index: 3;}
.headbox .logo a{height: 100%;padding: 20px 0 20px 150px;display: block;position: relative;line-height: 1;}
.headbox .logo p{position: absolute;left: 0;top: 50%;margin-top: -50px;}
.headbox .logo strong{width: 520px;display: block;font-size: 35px;color: #1461cc;padding: 10px 0;}
.headbox .logo span{display: none;font-size: 36px;color: #1461cc;line-height: 50px;font-weight: 600;text-transform: uppercase;}

.headbox .tel{height: 100%;float: right;position: relative;padding: 38px 90px 38px 70px;}
.headbox .tel em{position: absolute;width: 60px;height: 60px;border-radius: 30px;border: 2px solid #1461cc;left: 0;top: 50%;margin-top: -30px;background: url(../images/icon1.png) center no-repeat;}
.headbox .tel span{display: block;background: #1461cc;font-size: 15px;color: #fff;line-height: 25px;width: 100%;text-align: center;border-radius: 2px;text-transform: uppercase;}
.headbox .tel p{font-size: 30px;line-height: 1;padding-top: 4px;font-weight: 600;color: #1461cc;}
.headbox .tel img{width: 90px;position: absolute;right: -5px;top: 50%;margin-top: -45px;}

@media only screen and (max-width:1200px){
.headbox .tel{padding-right: 85px;}
}
@media only screen and (max-width:1150px){
.headbox .logo strong{width: 490px;font-size: 32px;color: #1461cc;padding: 10px 0;line-height: 36px;}
.headbox .tel{padding-right: 0;}
.headbox .tel img{display: none;}
}
@media only screen and (max-width:1024px){
.headbox{height: 60px;position: fixed;}
.headbox .w1440{width: 100%;}
.headbox .logo{left: 15px;}
.headbox .logo a{padding: 5px 0;}
.headbox .logo span{display: block;}
.headbox .logo p,
.headbox .logo strong,
.headbox .logo em,
.headbox .tel{display: none;}
}
@media only screen and (max-width:768px){
.headbox{height: 50px;}
.headbox .logo a{padding: 0;}
.headbox .logo span{font-size: 30px;}
}

/* nav */
.navbox{position: absolute;left: 0;top: 130px;z-index: 99999;}
.navbox ul li a{width: 100%;line-height: 30px;color: #fff;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;}

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

.navbox ul li dl{width: 100%;position: absolute;left: 0;top: 100%;opacity: 0;}
.navbox ul li dl em{display: block;position: absolute;width: 100%;height: 0;overflow: hidden;left: 0;bottom: 100%;color: #fff;}
.navbox ul li dl dd{position: relative;}
.navbox ul li dl dd > a{height: 0;padding: 0 5px;line-height: 40px;background: rgba(10,85,190,.9);font-size: 13px;}
.navbox ul li dl dd > a:hover{background: #f20c0c;}
.navbox ul li dl div{position: absolute;left: 100%;margin-left: 1px;top: 0;background: #fff;border-radius: 3px;box-shadow: 0 2px 10px rgba(0,0,0,.2);border: 0 solid #e6e6e6;padding: 0 10px;overflow: hidden;opacity: 0;}
.navbox ul li dl div a{color: #666;height: 0;text-align: left;padding: 0 5px;}
.navbox ul li dl div a:hover{color: #1461cc;padding: 0 0 0 10px;}
.navbox ul li dl dd:hover div{border-width: 1px;padding: 10px;opacity: 1;}
.navbox ul li dl dd:hover div a{height: 30px;}

.navbox ul li:hover dl{opacity: 1;box-shadow: 0 2px 10px rgba(0,0,0,.2);}
.navbox ul li:hover dl dd > a{height: 40px;margin-top: 1px;}
.navbox ul li:hover dl em{height: 10px;}
.navbox ul li.active > a{background: #1461cc;}
}

@media only screen and (max-width:1024px){
.navbox{height: 0;overflow: hidden;position:fixed;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 2%;}
.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{display: block;width: 100%;color: #fff;overflow: hidden;position: relative;z-index: 1;}
.navbox ul li > a{line-height: 50px;padding: 0 10px;font-size: 14px;}

.navbox ul li.active,
.navbox ul li:hover{z-index: 6;}
.navbox ul li.active > a{color: #33aaff;}

.navbox ul li dl{width: 100%;position: absolute;left: 0;top: 100%;background: #0077cc;z-index: 2;}
.navbox ul li dl div{display: none;}
.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 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: #178fe5;padding: 0 15px;}
.navbox ul li dl a:hover{background: #ff4040;}
.navbox ul li.dl_show{z-index: 10;}
.navbox ul li.dl_show dl a{height: 40px;margin-bottom: 1px;}
.navbox ul li.dl_show dl span{-webkit-transform: rotateZ(-180deg);-moz-transform: rotateZ(-180deg);transform: rotateZ(-180deg);}
}
@media only screen and (max-width:768px){
.navbox ul{height:calc(100vh - 120px);top:60px;}
}

/*banner*/
.banner{padding-top: 50px;}
.bannerpic{height: 0;padding-bottom: 500px;}

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

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

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

.searchbox .search{width: 30%;float: right;overflow: hidden;position: relative;max-width: 350px;}
.searchbox .search p{width: 100%;}
.searchbox .search p input{line-height: 20px;padding: 7px 14px;overflow: hidden;display: block;width: 100%;background: #fff;border-radius: 20px;border: 1px solid #ddd;}
.searchbox .search em{width: 50px;position: absolute;right: 0;top: 0;height: 100%;padding: 2px;overflow: hidden;}
.searchbox .search em input{background: #fff url(../images/icon2.png) center no-repeat;width: 100%;height: 100%;cursor: pointer;border-radius: 20px;}
.searchbox .search em input:hover{background-image: url(../images/icon3.png);}

@media only screen and (max-width:1024px){
.searchbox{padding: 20px 0 15px;}
.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%;}
}

/* foot */
.footbox{background:#2d2d2d;color: rgba(255,255,255,.5);line-height: 30px;}
.footbox a{color: rgba(255,255,255,.5);}
.footbox a:hover{color: #fff;}

.footbox .txt_con{padding: 70px 0;flex-wrap: wrap;}
.footbox .txt_con .txt{width: 20%;float: left;flex-shrink: 0;padding: 0 2.5% 0 4%;border-left: 1px solid #454545;}
.footbox .txt_con .titl{font-size: 18px;color: #fff;line-height: 20px;padding-bottom: 20px;}
.footbox .txt_con .list a{display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;padding-left: 10px;}
.footbox .txt_con .list a::after{content: "-";width: 10px;line-height: 26px;position: absolute;left: 0;top: 0;}

.footbox .txt_con .txt.txt1{width: 12%;padding-left: 0;border: none;}
.footbox .txt_con .txt2{width: 24%;}
.footbox .txt_con .txt3,
.footbox .txt_con .txt4{width: 17%;}
.footbox .txt_con .txt.ewm{width: 30%;padding: 0;border: none;}
.footbox .txt_con .cont{width: 100%;max-width: 320px;float: right;text-align: center;border-right: 1px solid #555;}
.footbox .txt_con .cont p{width: 50%;float: left;border: 1px solid #555;padding: 14px 14px 0;border-right: 0;}
.footbox .txt_con .cont p img{width: 100%;}
.footbox .txt_con .cont p span{display: block;width: 8em;color: #fff;margin: 5px auto -15px;background: #2d2d2d;}

.footbox .bottom{width: 100%;padding: 25px 2% 30px;text-align: center;background: #191919;line-height: 25px;}

@media only screen and (max-width:1440px){
.footbox .txt_con{padding: 60px 0;}
}
@media only screen and (max-width:1200px){
.footbox .txt_con{padding: 50px 0;}
.footbox .txt_con .txt{padding: 0 1.5% 0 2.5%;}
.footbox .bottom{padding: 20px 2% 25px;}
}
@media only screen and (max-width:1024px){
.footbox .txt_con{display: none;}
.footbox .bottom{padding: 15px 2%;}
}
@media only screen and (max-width:768px){
.footbox .bottom p{display: inline;padding: 0 3px;}
}