@charset "utf-8";

/* base */
body,a{color: #333;}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover{background-color: #177ee5;}
.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: #ffcb00;}
.sonar_effect{--color:#1461cc;--colorRgba:rgba(0,95,200,.1);}

/* headbox */
.headbox{height: 130px;background: #fff;box-shadow: 0 2px 10px rgba(0,0,0,.2);z-index: 99999;}
.headbox .w1440{height: 100%;overflow: hidden;}
.headbox .logo{float: left;overflow: hidden;}
.headbox .logo a{padding: 20px 0;display: block;line-height: 1;}
.headbox .logo strong{display: none;font-size: 30px;color: #1461cc;line-height: 50px;}
.headbox .logo p{font-size: 42px;font-weight: 600;color: #1461cc;letter-spacing: 1px;}
.headbox .logo span{font-size: 24px;color: #1461cc;display: block;padding: 5px 0;}
.headbox .logo span i{font-style: normal;position: relative;top: -2px;}
.headbox .logo em{color: #666;display: block;font-style: normal;}

.headbox .telbox{float: right;padding: 35px 0 35px 85px;position: relative;line-height: 30px;}
.headbox .telbox em{width: 50px;height: 50px;position: absolute;left: 20px;top: 50%;margin-top: -26px;background: #1461cc url(../images/icon2.png) center no-repeat;box-shadow: 0 0 10px rgba(128,128,128,.1);border-radius: 3px;}
.headbox .telbox p{font-size: 28px;font-weight: 600;color: #1461cc;}
.headbox .telbox span{font-size: 20px;font-weight: normal;color: #666;float: left;}

.headbox .search{float: right;width: 50px;height: 50px;position: relative;top: 50%;margin-top: -25px;z-index: 1;}
.headbox .search p{width: 350px;height: 100%;overflow: hidden;border: 1px solid #ddd;position: absolute;right: 0;top: 0;z-index: 1;box-shadow: 0 0 10px rgba(128,128,128,.1);border-radius: 3px;}
.headbox .search p input{width: 100%;padding: 14px;line-height: 20px;}
.headbox .search em{position: absolute;width: 100%;height: 100%;right: 0;top: 0;background: #1461cc;z-index: 5;border-radius: 3px;}
.headbox .search em input{width: 100%;height: 100%;display: block;background: url(../images/icon1.png) center no-repeat;cursor: pointer;}
.headbox .search span{position: absolute;width: 100%;height: 100%;right: 0;top: 0;z-index: 10;}
.headbox .search:hover{z-index: 10;}
.headbox .search:hover span{width: 0;}

@media only screen and (max-width:1250px){
.headbox .search p{width: 100%;}
.headbox .search:hover p{width: 350px;}
}
@media only screen and (max-width:1024px){
.headbox{height: 60px;position: fixed;}
.headbox .w1440{width: 100%;}
.headbox .logo{padding-left: 1.5%;}
.headbox .logo a{padding: 5px 0;}
.headbox .logo strong{display: block;}
.headbox .logo p,
.headbox .logo span,
.headbox .logo em,
.headbox .telbox{display: none;}
.headbox .search{height: 30px;width: 30px;margin-top: -15px;}
.headbox .search p,
.headbox .search em,
.headbox .search span{right: 60px;border-radius: 15px;}
.headbox .search p input{padding: 5px 14px 3px;}
.headbox .search em input{background-size: 20px;}
.headbox .search:hover em{width: 60px;}
}
@media only screen and (max-width:768px){
.headbox{height: 50px;}
.headbox .logo a{padding: 0;}
.headbox .search p,
.headbox .search em,
.headbox .search span{right: 55px;}
.headbox .search:hover p{width: 310px;}
}
@media only screen and (max-width:480px){
.headbox .logo{padding-left: 2%;}
.headbox .search p,
.headbox .search em,
.headbox .search span{right: 50px;}
.headbox .search:hover p{right: 5px;}
.headbox .search:hover em{width: 50px;right: 5px;}
}

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

@media only screen and (min-width:1025px){
.navbox{height: 50px;background: #2d2d2d;position: absolute;left: 0;top: 130px;z-index: 999999;}
.navbox ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: flex;flex-wrap: nowrap;}
.navbox ul li{width: 14.285%;float: left;flex-shrink: 0;text-align: center;position: relative;}
.navbox ul li a{padding: 0 5px;position: relative;z-index: 5;}
.navbox ul li > a{font-size: 15px;line-height: 50px;}

.navbox ul li dl{width: 100%;position: absolute;left: 0;top: 100%;margin-top: 1px;box-shadow: 0 2px 10px rgba(0,0,0,.3);opacity: 0;z-index: 1;background: #1461cc;}
.navbox ul li dl a{height: 0;line-height: 44px;background: #1677d9;}
.navbox ul li dl a:hover{background: #ffcb00;}

.navbox ul li.active > a{background: #1461cc;}
.navbox ul li:hover dl{opacity: 1;}
.navbox ul li:hover dl a{height: 44px;margin-bottom: 1px;}

.nav-fixed{top: 0;}
}
@media only screen and (min-width:1201px){
.navbox{height: 54px;}
.navbox ul li > a{line-height: 54px;}
.navbox ul li dl a{line-height: 48px;}
.navbox ul li:hover dl a{height: 48px;}
}
@media only screen and (min-width:1441px){
.navbox{height: 60px;}
.navbox ul li > a{line-height: 60px;font-size: 16px;}
.navbox ul li dl a{line-height: 50px;font-size: 15px;}
.navbox ul li:hover dl a{height: 50px;}
}

@media only screen and (max-width:1024px){
.navbox{width: 100%;height: 0;overflow: hidden;position:fixed;left: 0;top:0;background:#333;z-index: 9999;}
.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: 5;-webkit-transition: .5s;transition: .5s;}
.navbox ul li > a{line-height: 50px;padding: 0 10px;font-size: 15px;}

.navbox ul li.active,
.navbox ul li:hover{z-index: 6;}
.navbox ul li.active > a{color: #fc0;font-weight: 600;}

.navbox ul li dl{width: 100%;position: absolute;left: 0;top: 100%;background: #1461cc;}
.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{line-height: 40px;height: 0;background: #1a8cff;padding: 0 15px;}
.navbox ul li dl a:hover{background: #ffbf00;}

.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: #fff;}
}
@media only screen and (max-width:768px){
.navbox ul{height:calc(100vh - 120px);top:60px;}
}

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

#bannerpic .btn span{background: #aaa;border: 3px solid #fff;}
#bannerpic .btn span.on{border-color: #7fd4ff;}

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

@media only screen and (max-width:1440px){
.banner{padding-top: 54px;}
.bannerpic{padding-bottom:32%;}
}
@media only screen and (max-width:1250px){
.banner{padding-top: 50px;}
}
@media only screen and (max-width:768px){
#bannerpic .btn span.on{border-color: #fff;background: #ffb300;}
}

/* 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 .txt_con{padding: 65px 0;}
.footbox .txt_con .titl{width: 100%;padding-bottom: 20px;}
.footbox .txt_con .titl p{font-size: 16px;font-weight: 600;line-height: 25px;color: #fff;}
.footbox .txt_con .titl span{display: block;line-height: 20px;text-transform: uppercase;}
.footbox .txt_con .list a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.footbox .txt_con .txt{width: 15%;float: left;flex-shrink: 0;border-left: 1px solid rgba(255,255,255,.1);padding: 0 1% 0 3.5%;}
.footbox .txt_con .txt.txt1{width: 11%;padding-left: 0;border: none;}
.footbox .txt_con .txt.txt2{width: 17%;}
.footbox .txt_con .txt.txt5{width: 27%;}
.footbox .txt_con .txt.txt5 .line{width: 100%;height: 65px;line-height: 1;padding-left: 65px;position: relative;color: #fff;overflow: hidden;}
.footbox .txt_con .txt.txt5 .line em{position: absolute;left: 0;top: 0;width: 50px;height: 50px;border: 2px solid #fff;border-radius: 25px;background: url(../images/icon3.png) center no-repeat;}
.footbox .txt_con .txt.txt5 .line span{display: block;width: 100%;float: left;padding: 2px 2px 5px;}
.footbox .txt_con .txt.txt5 .line p{font-size: 30px;font-weight: 600;white-space: nowrap;float: left;}
.footbox .txt_con .txt.txt5 .text{width: 100%;}

.footbox .txt_con .txt.ewm{padding: 2px 0 0;border: none;text-align: center;}
.footbox .txt_con .txt.ewm p{width: 100%;max-width: 150px;padding: 9px 9px 19px;border: 1px solid rgba(255,255,255,.5);position: relative;float: right;}
.footbox .txt_con .txt.ewm p img{width: 100%;}
.footbox .txt_con .txt.ewm p span{display: block;width: 5em;background: #2d2d2d;line-height: 20px;color: #fff;position: absolute;left: 50%;bottom: -10px;margin-left: -2.5em;}

.footbox .bottom{width: 100%;padding: 25px 0;text-align: center;background: #191919;line-height: 25px;}
.footbox .bottom p{display: inline;padding: 0 3px;}

@media only screen and (max-width:1440px){
.footbox .txt_con .txt{width: 14.5%;padding: 0 1% 0 3%;}
.footbox .txt_con .txt.txt5{width: 28.5%;}
}
@media only screen and (max-width:1250px){
.footbox .txt_con{padding: 50px 0;}
.footbox .txt_con .txt{padding: 0 1% 0 2.5%;}
.footbox .txt_con .txt.txt1{width: 10.5%;}
.footbox .txt_con .txt.txt2{width: 16.5%;}
.footbox .txt_con .txt.txt5{width: 30%;}
.footbox .txt_con .txt.txt5 .line{padding-left: 60px;}
.footbox .txt_con .txt.txt5 .line p{font-size: 28px;padding-top: 1px;}
.footbox .txt_con .txt.ewm{width: 14%;}
}
@media only screen and (max-width:1024px){
.footbox .txt_con{display: none;}
.footbox .bottom{padding: 20px 0;}
}
@media only screen and (max-width:768px){
.footbox .bottom{padding: 15px 0;}
.footbox .bottom .txt6{display: inline;}
}