@charset "utf-8";

/* base */
body,a{color: #333;}
.container .position p{border-bottom-color: #0270bf;}
.page .pcurrent a,
.page a:hover{border-color: #e52e2e;color:#e52e2e;}
a:hover{color: #e52e2e;}
.container .position p span,
.foot-button em,
.foot-button i,
.foot-button a:hover span,
.foot-button a.active span{color: #0270bf;}
.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: #0270bf;}
.online_box p:hover,
.online_box p:hover span{background-color: #e52e2e;}

/* head */
.headbox{height: 120px;}
.headbox .w1440{height: 100%;width: 98%;}
.headbox .logo{height: 100%;float: left;}
.headbox .logo a{display: block;height: 100%;padding-left: 175px;position: relative;line-height: 1;}
.headbox .logo p{width: 164px;height: 64px;position: absolute;left: 0;top: 50%;margin-top: -32px;border-right: 1px solid #ddd;padding: 2px 0;}
.headbox .logo p img{max-height: 100%;}
.headbox .logo p .mlogo{display: none;}
.headbox .logo strong{display: block;font-size: 34px;color: #1f1a17;padding: 30px 0 10px;letter-spacing: .5px;}
.headbox .logo span{display: block;font-family: Arial;color: #666;text-transform: uppercase;font-size: 16px;}

.headbox .tel{height: 50px;float: right;padding-left: 60px;position: relative;top: 50%;margin-top: -25px;}
.headbox .tel em{width: 40px;height: 40px;position: absolute;left: 10px;top: 5px;line-height: 25px;font-size: 25px;text-align: center;border-radius: 3px;background: #f22424;box-shadow: 0 2px 10px rgba(0,0,0,.1);}
.headbox .tel em svg{height:40px;color: #fff;}
.headbox .tel p{line-height: 25px;font-size: 24px;color: #fe0007;}
.headbox .tel p span{font-size: 14px;color: #666;float: left;}

.headbox .search{width: 50px;height: 50px;float: right;position: relative;z-index: 10;top: 50%;margin-top: -25px;}
.headbox .search p{position: absolute;right: 5px;top: 5px;border: 1px solid #ddd;overflow: hidden;border-radius: 3px;z-index: 1;background: #fff;}
.headbox .search p input{width: 320px;height: 38px;display: block;padding: 9px;line-height: 20px;}
.headbox .search em{position: absolute;right: 5px;top: 5px;z-index: 2;width: 40px;height: 40px;background: #f22424;border-radius: 3px;text-align: center;box-shadow: 0 2px 10px rgba(0,0,0,.1);}
.headbox .search em input{display: block;width: 100%;height: 100%;background: none;position: relative;z-index: 2;cursor: pointer;}
.headbox .search em span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;font-size: 22px;line-height: 40px;color: #fff;}
.headbox .search em svg{height: 40px;}

.headbox .search:hover p{box-shadow: 0 2px 10px rgba(0,0,0,.1);}

@media only screen and (max-width:1440px){
.headbox .logo a{padding-left: 145px;}
.headbox .logo p{width: 137px;height: 54px;margin-top: -27px;}
.headbox .logo strong{padding: 36px 0 5px;font-size: 30px;letter-spacing: normal;}
.headbox .logo span{font-size: 14px;}
.headbox .tel{padding-left: 55px;}
.headbox .tel em{left: 5px;}
}
@media only screen and (max-width:1200px){
.headbox{height: 100px;margin-bottom: 50px;}
.headbox .logo strong{padding-top: 26px;}
.headbox .search p{opacity: 0;}
.headbox .search p input{margin-right: -300px;}
.headbox .search em span{z-index: 20;}
.headbox .search:hover p{opacity: 1;}
.headbox .search:hover p input{margin-right: 0;}
.headbox .search:hover em span{z-index: 1;}
}
@media only screen and (max-width:1024px){
.headbox{height: 60px;position: fixed;z-index: 99999999;background: #fff;box-shadow: 0 2px 6px rgba(0,0,0,.2);}
.headbox .logo a{padding: 0;}
.headbox .logo p{position: relative;top: 0;margin: 0;height: 100%;padding: 10px;border: 0;width: auto;}
.headbox .logo p .mlogo{display: block;}
.headbox .logo p .llogo,
.headbox .logo strong,
.headbox .logo span,
.headbox .tel{display: none;}
.headbox .search{position: absolute;right: 60px;}
.headbox .search p,
.headbox .search em{height: 36px;border-radius: 18px;top: 7px;}
.headbox .search p{min-width: 36px;}
.headbox .search p input{padding: 7px 14px;height: 34px;}
.headbox .search em{width: 36px;}
.headbox .search em span svg{height: 36px;line-height: 36px;font-size: 18px;}
}
@media only screen and (max-width:768px){
.headbox{height: 50px;}
.headbox .logo p{padding: 5px;}
.headbox .search{right: 50px;}
.headbox .search p,
.headbox .search em{height: 30px;border-radius: 15px;top: 10px;}
.headbox .search p{min-width: 30px;}
.headbox .search p input{padding: 4px 14px 4px;height: 28px;}
.headbox .search em{width: 30px;}
.headbox .search em span svg{height: 30px;line-height: 30px;}
}
@media only screen and (max-width:425px){
.headbox .logo p{padding: 7px;}
.headbox .search{right: 45px;}
.headbox .search p input{width: 303px;}
.headbox .search:hover{right: 0;}
}

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

@media only screen and (min-width:1025px){
.navbox{background: #0a64bf;top: 100px;}
.navbox .w1440{width: 98%;}
.navbox ul{flex-wrap: nowrap;}
.navbox ul li{width: 11.11%;text-align: center;float: left;flex-shrink: 0;}
.navbox ul li > a{font-size: 14px;font-weight: 600;padding: 10px 5px;}
.navbox ul li dl{width: 100%;position: absolute;left: 0;top: 100%;opacity: 0;z-index: 2;}
.navbox ul li dl a{height: 0;padding: 0 5px;background: rgba(0,100,190,.9);}
.navbox ul li dl a:hover{background: #fe0007;font-weight: 600;}
.navbox ul li dl em{display: block;width: 100%;height: 0;overflow: hidden;color: #fff;position: absolute;left: 0;bottom: 100%;}
.navbox ul li:hover dl{opacity: 1;box-shadow: 0 2px 6px rgba(0,0,0,.2);}
.navbox ul li:hover dl a{height: 40px;padding: 5px;margin-top: 1px;}
.navbox ul li:hover dl em{height: 10px;}
.navbox ul li.active > a{background: #e52e2e;}
}
@media only screen and (min-width:1201px){
.navbox{top: 120px;}
.navbox ul li > a{font-size: 15px;}
}
@media only screen and (max-width:1024px){
.navbox{height: 0;overflow: hidden;position:fixed;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%;flex-wrap: wrap;}
.navbox ul li{width:100%;border-bottom:1px solid #555;padding: 0;position: relative;z-index: 1;-webkit-transition: .5s;transition: .5s;flex-shrink: 0;}
.navbox ul li > a{padding: 10px;font-size: 15px;padding-right: 50px;}
.navbox ul li dl{width: 100%;position: absolute;left: 0;top: 100%;background: #333;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: rgba(255,255,255,.5);font-size: 16px;z-index: 0;}
.navbox ul li dl span svg{height: 50px;line-height: 50px;}
.navbox ul li dl a{line-height: 40px;height: 0;background: #0270bf;padding: 0 15px;}
.navbox ul li dl a:hover{background: #178fe5;}
.navbox ul li.active{z-index: 6;}
.navbox ul li.active > a{color: #178fe5;font-weight: 600;}
.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);color: #178fe5;}
}
@media only screen and (max-width:768px){
.navbox ul{height: calc(100vh - 120px);top: 60px;}
}

/*banner*/
.banner{padding-top:50px;}
.bannerpic{padding-bottom: 550px;}
#shutter .btn p{background: rgba(0,0,0,.3);}
#shutter .btn p:hover{background: rgba(0,100,190,.7);}

@media only screen and (max-width:1440px){
.bannerpic{padding-bottom:38.2%;}
}
@media only screen and (max-width:1024px){
.banner{padding-top:60px;}
#shutter .btn p{opacity: .5;}
#shutter .btn p:hover{opacity: 1;}
}
@media only screen and (max-width:768px){
.banner{padding-top:50px;}
}

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

.footbox .w1440{padding: 50px 0;overflow: hidden;}
.footbox .list{width: 16%;float: left;border-left: 1px solid #454545;padding: 0 2% 0 4%;flex-shrink: 0;}
.footbox .titl{width: 100%;font-size: 15px;font-weight: 600;color: #fff;margin-bottom: 20px;line-height: 20px;}

.footbox .list.list1{width: 12%;padding-left: 0;border: 0;}
.footbox .list.list2{width: 27%;}
.footbox .list2 p{width: 50%;float: left;padding-right: 10px;}
.footbox .list2 p a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.footbox .list.list4{width: 30%;}
.footbox .list4 .tel{width: 100%;position: relative;padding-left: 60px;color: #fff;line-height: 1;margin-bottom: 20px;}
.footbox .list4 .tel em{width: 50px;height: 50px;position: absolute;border: 2px solid #fff;border-radius: 25px;left: 0;top: 0;text-align: center;line-height: 46px;}
.footbox .list4 .tel em svg{height: 46px;font-size: 25px;}
.footbox .list4 .tel span{display: block;padding: 2px;}
.footbox .list4 .tel p{height: 30px;line-height: 35px;font-size: 30px;font-weight: 600;}

.footbox .ewm{width: 15%;float: right;text-align: center;flex-shrink: 0;}
.footbox .ewm p{width: 100%;max-width: 150px;float: right;}
.footbox .ewm p img{width: 100%;}
.footbox .ewm p span{display: block;color: #fff;padding-top: 5px;}

.bottombox{width: 100%;padding: 25px 0;background: #191919;line-height: 25px;text-align: center;}
.bottombox .txt{width: 98%;max-width: 1440px;margin: 0 auto;}
.bottombox .txt p{display: inline-block;padding: 0 3px;}
.bottombox .txt2{display: none;}

@media only screen and (max-width:1440px){
.footbox .list{padding-left: 3.5%;width: 15%;}
.footbox .list.list1{padding-left: 1%;}
.footbox .list.list4{width: 31%;}
}
@media only screen and (max-width:1200px){
.footbox .w1440{padding: 45px 0;}
.footbox .list{width: 14%;padding: 0 1% 0 2.5%;}
.footbox .titl{margin-bottom: 15px;}
.footbox .list.list1{padding-left: .5%;}
.footbox .list.list2{width: 26%;}
.footbox .list.list4{width: 33%;}
.bottombox{padding: 20px 0;}
}
@media only screen and (max-width:1024px){
.footbox .list.list1{width: 13%;}
.footbox .list.list2{width: 32%;}
.footbox .list.list3{width: 15%;}
.footbox .list.list4{width: 40%;padding-right: 0;}
.footbox .ewm{display: none;}
}
@media only screen and (max-width:768px){
.footbox .w1440{display: none;}
.bottombox{padding: 15px 0;}
.bottombox .txt2{display: block;}
}