@charset "utf-8";

/* top */
.topbox-abac58{background: #f5f5f5;line-height: 25px;color: #808080;border-bottom: 1px solid #f0f0f0;z-index: 99;}
.topbox-abac58 .left-4c9e0e{width: 48%;float: left;padding: 7px 0;}
.topbox-abac58 .right-d2a7aa{max-width: 48%;float: right;}
.topbox-abac58 .right-d2a7aa span{float: left;padding: 7px 0 7px 25px;font-size: 15px;background: none left center no-repeat;}
.topbox-abac58 .right-d2a7aa span.tdh-e7e583{background-image: url(../images/icon1.png);}
.topbox-abac58 .right-d2a7aa span.tyx-f1f9c6{background-image: url(../images/icon2.png);}
.topbox-abac58 .right-d2a7aa a{float: left;padding: 7px 0;}
.topbox-abac58 .right-d2a7aa em{float: left;width: 25px;height: 39px;background: #999;border: 12px solid #f5f5f5;}

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

/* head */
.headbox-94f5c2{width: 100%;max-width: 1920px;height: 0;margin: 0 auto 100px;position: relative;z-index: 9;}
.headbox-94f5c2 .page_max_box-61f07c{height: 100px;background: #fff;position: absolute;left: 0;top: 0;box-shadow: 0 5px 15px rgba(0,0,0,.1);}
.headbox-94f5c2 .page_main_box-432133{padding-left: 280px;height: 100%;}

.headbox-94f5c2 .logo-793e76{height: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.headbox-94f5c2 .logo-793e76 a{display: block;height: 100%;padding: 10px 0;}
.headbox-94f5c2 .logo-793e76 a p{height: 60px;position: relative;top: 50%;margin-top: -30px;}
.headbox-94f5c2 .logo-793e76 a p img{height: 100%;}

@media only screen and (min-width:1025px){
.headbox-94f5c2.nav_fixed-01c067,
.headbox-94f5c2{margin-bottom: 90px;}
.headbox-94f5c2.nav_fixed-01c067 .page_max_box-61f07c,
.headbox-94f5c2 .page_max_box-61f07c{height: 90px;}
}
@media only screen and (min-width:1251px){
.headbox-94f5c2{margin-bottom: 100px;}
.headbox-94f5c2 .page_max_box-61f07c{height: 100px;}
}
@media only screen and (min-width:1441px){
.headbox-94f5c2{margin-bottom: 110px;}
.headbox-94f5c2 .page_max_box-61f07c{height: 110px;}
}
@media only screen and (max-width:1024px){
.headbox-94f5c2{margin: 0;}
.headbox-94f5c2 .page_max_box-61f07c{height: 60px;position: fixed;left: 0;top: 0;z-index: 999999;}
.headbox-94f5c2 .page_main_box-432133{width: 100%;}
.headbox-94f5c2 .logo-793e76{width: 100%;padding-left: 15px;background: #fff;box-shadow: 0 5px 15px rgba(0,0,0,.1);}
.headbox-94f5c2 .logo-793e76 a p{height: 100%;top: 0;margin: 0;}
}
@media only screen and (max-width:768px){
.headbox-94f5c2 .page_max_box-61f07c{height: 50px;}
.headbox-94f5c2 .logo-793e76{padding-left: 10px;}
.headbox-94f5c2 .logo-793e76 a{padding: 5px 0;}
}


/* nav */
.navbox-4ae0cb ul li{position: relative;z-index: 1;}
.navbox-4ae0cb ul li a{display: block;width: 100%;line-height: 20px;padding: 0 5px;overflow: hidden;white-space: nowrap;}
.navbox-4ae0cb ul li.active{z-index: 5;}

@media only screen and (min-width:1025px){
.navbox-4ae0cb{width: 100%;max-width: 850px;height: 100%;float: right;}
.navbox-4ae0cb ul{height: 100%;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: flex;flex-wrap: nowrap;}
.navbox-4ae0cb ul li{width: 13.285%;height: 100%;float: left;flex-shrink: 0;text-align: center;padding: 0 5px;}
.navbox-4ae0cb ul li > a{font-size: 15px;padding: 8px 5px;border-radius: 20px;position: relative;top: 50%;margin-top: -18px;font-weight: 600;}
.navbox-4ae0cb ul li > em{display: block;position: absolute;width: 100%;height: 0;left: 0;bottom: -5px;margin-top: 20px;color: #1b73b3;overflow: hidden;}
.navbox-4ae0cb ul li > em svg{height: 18px;font-size: 16px;}

.navbox-4ae0cb ul li dl{width: 140px;border-radius: 5px;box-shadow: 0 2px 10px rgba(0,0,0,.2);position: absolute;left: 50%;top: 100%;margin: 5px 0 0 -70px;opacity: 0;z-index: 1;}
.navbox-4ae0cb ul li dl dd{position: relative;z-index: 1;}
.navbox-4ae0cb ul li dl dd > a{height: 0;color: #fff;background: rgba(10,90,150,.9);}
.navbox-4ae0cb ul li dl dd:first-child > a{border-radius: 5px 5px 0 0;}
.navbox-4ae0cb ul li dl dd:last-child > a{border-radius: 0 0 5px 5px;}

.navbox-4ae0cb ul li dl dd div{min-width: 150px;padding: 0 10px;background: #fff;border: 0px solid #ddd;border-radius: 5px;box-shadow: 0 2px 10px rgba(0,0,0,.1);position: absolute;left: 100%;top: 0;margin-left: 10px;opacity: 0;}
.navbox-4ae0cb ul li dl dd div a{text-align: left;height: 0;border-top: 0 dotted #ccc;}
.navbox-4ae0cb ul li dl dd div a:first-child{border: none;}
.navbox-4ae0cb ul li dl dd em{width: 0;height: 100%;position: absolute;left: 100%;top: 0;margin-left: 11px;overflow: hidden;z-index: -1;}
.navbox-4ae0cb ul li dl dd em i{width: 20px;height: 20px;background: #1b73b3;position: absolute;left: 7px;top: 50%;margin-top: -10px;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);transform: rotateZ(45deg);}

.navbox-4ae0cb ul li dl dd:hover{z-index: 5;}
.navbox-4ae0cb ul li dl dd:hover > a{background: #c34;}
.navbox-4ae0cb ul li dl dd:hover div{padding: 4px 14px;border-width: 1px;opacity: 1;}
.navbox-4ae0cb ul li dl dd:hover div a{height: 35px;padding: 7px 5px;border-top-width: 1px;}
.navbox-4ae0cb ul li dl dd:hover em{width: 11px;margin-left: 0;}

.navbox-4ae0cb ul li.active > a{background: #1b73b3;color: #fff;}
.navbox-4ae0cb ul li:hover > em{height: 20px;padding-top: 2px;margin-top: 0px;}
.navbox-4ae0cb ul li:hover dl{opacity: 1;top: 100%;}
.navbox-4ae0cb ul li:hover dl dd > a{padding: 10px 5px;height: 40px;margin-top: 1px;}
.navbox-4ae0cb ul li:hover dl dd:first-child > a{margin: 0;}
}
@media only screen and (min-width:1251px){
.navbox-4ae0cb ul li > a{padding: 10px 5px;margin-top: -20px;}
.navbox-4ae0cb ul li dl{width: 160px;margin-left: -80px;}
}
@media only screen and (max-width:1024px){
.navbox-4ae0cb{width: 100%;height: 0;overflow: hidden;background:#292d33;position:fixed;left: 0;top:0;z-index: 0;}
.navbox-4ae0cb.nav_on-08cf53{height:100%;}

.navbox-4ae0cb ul{width:100%;height:calc(100vh - 130px);overflow-y:auto;position:absolute;left:0;top:70px;padding:0 2%;flex-wrap: wrap;}
.navbox-4ae0cb ul li{width:100%;border-bottom:1px solid rgba(255,255,255,.2);-webkit-transition: .5s;transition: .5s;position: relative;}
.navbox-4ae0cb ul li > a{line-height: 50px;padding: 0 10px;font-size: 15px;color: #fff;}
.navbox-4ae0cb ul li > span{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;text-align: center;line-height: 50px;color: rgba(255,255,255,.5);font-size: 16px;z-index: 0;}
.navbox-4ae0cb ul li > span svg{height: 50px;line-height: 50px;}

.navbox-4ae0cb ul li dl{display: block;width: 100%;position: absolute;left: 0;top: 100%;background: #0f6099;opacity: 0;overflow: hidden;}
.navbox-4ae0cb ul li dl dd{background: #fff;position: relative;}
.navbox-4ae0cb ul li dl dd > a{line-height: 40px;height: 0;background: #1b73b3;padding: 0 15px;color: #fff;}
.navbox-4ae0cb ul li dl dd em{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.navbox-4ae0cb ul li dl dd div{width: 100%;padding: 0 5px 0 15px;overflow: hidden;}
.navbox-4ae0cb ul li dl dd div a{width: auto;height: 0;line-height: 20px;padding: 0 14px;background: #fafafa;border: 0 solid #ddd;border-radius: 3px;float: left;margin-right: 10px;}
.navbox-4ae0cb ul li dl dd:hover > a{background: #c34;font-weight: 600;}
.navbox-4ae0cb ul li dl dd:hover em{width: 0;}
.navbox-4ae0cb ul li dl dd:hover div{padding: 15px 15px 5px;}
.navbox-4ae0cb ul li dl dd:hover div a{height: 30px;border-width: 1px;margin-bottom: 10px;padding: 4px 14px;}

.navbox-4ae0cb ul li.active > a{color: #218cd9;font-weight: 600;}
.navbox-4ae0cb ul li.dl_show-c403bd > span{-webkit-transform: rotateZ(-180deg);-moz-transform: rotateZ(-180deg);transform: rotateZ(-180deg);color: #fff;}
.navbox-4ae0cb ul li.dl_show-c403bd dl{opacity: 1;}
.navbox-4ae0cb ul li.dl_show-c403bd dl dd{margin-bottom: 1px;}
.navbox-4ae0cb ul li.dl_show-c403bd dl dd > a{height: 40px;}
}
@media only screen and (max-width:768px){
.navbox-4ae0cb ul{height:calc(100vh - 120px);top:60px;}
}

/*banner*/
.bannerpic-4cb5d2{padding-bottom: 450px;}

@media only screen and (max-width:1250px){
.bannerpic-4cb5d2{padding-bottom: 24%;}
}
@media only screen and (max-width:1024px){
.banner-92379e{padding-top: 60px;}
}
@media only screen and (max-width:768px){
.banner-92379e{padding-top: 50px;}
}

/* search */
.searchbox-4ae284{padding: 20px 0;background: #f5f5f5;}
.searchbox-4ae284 .txtbox-1791e3{width: 68%;padding: 10px 0 10px 100px;position: relative;float: left;line-height: 20px;}
.searchbox-4ae284 .txtbox-1791e3 .tit-948651{position: absolute;left: 0;top: 50%;margin-top: -10px;}
.searchbox-4ae284 .txtbox-1791e3 p{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.searchbox-4ae284 .search-58d278{width: 30%;max-width: 400px;float: right;position: relative;}
.searchbox-4ae284 .search-58d278 p{width: 100%;border: 1px solid #1b73b3;background: #fff;border-radius: 20px;padding: 11px 15px 9px;}
.searchbox-4ae284 .search-58d278 p input{display: block;width: 100%;line-height: 18px;}
.searchbox-4ae284 .search-58d278 em{width: 80px;height: 100%;background: #1b73b3;border-radius: 20px;position: absolute;right: 0;top: 0;z-index: 5;}
.searchbox-4ae284 .search-58d278 em input{display: block;width: 100%;height: 100%;background: url(../images/icon3.png) center no-repeat;cursor: pointer;}
.searchbox-4ae284 .search-58d278 span{width: 80px;height: 100%;position: absolute;right: 0;top: 0;z-index: 6;cursor: pointer;}
.searchbox-4ae284 .search-58d278:hover span{width: 0;}
.searchbox-4ae284 .search-58d278 em:hover{background: #c34;}

@media only screen and (max-width:1440px){
.searchbox-4ae284 .txtbox-1791e3{padding: 8px 0 8px 100px;}
.searchbox-4ae284 .search-58d278 p{padding: 8px 15px;}
.searchbox-4ae284 .search-58d278 em,
.searchbox-4ae284 .search-58d278 span{width: 70px;}
}
@media only screen and (max-width:1024px){
.searchbox-4ae284{padding-bottom: 10px;}
.searchbox-4ae284 .search-58d278{width: 100%;max-width: 100%;}
.searchbox-4ae284 .search-58d278 em,
.searchbox-4ae284 .search-58d278 span{width: 80px;}
.searchbox-4ae284 .txtbox-1791e3{width: 100%;padding-left: 85px;margin-top: 5px;}
.searchbox-4ae284 .txtbox-1791e3 p{overflow-x: auto;text-overflow: clip;}
}
@media only screen and (max-width:425px){
.searchbox-4ae284{padding: 15px 0 5px;}
.searchbox-4ae284 .search-58d278 p{padding: 8px 15px 6px;}
.searchbox-4ae284 .search-58d278 em,
.searchbox-4ae284 .search-58d278 span{width: 65px;}
.searchbox-4ae284 .txtbox-1791e3{margin: 0;}
}

/* foot */
.footbox-4b5fe3{color: rgba(255,255,255,.65);line-height: 30px;background:#282b2e url(../images/bg6.jpg) center top no-repeat;}
.footbox-4b5fe3 a{color: rgba(255,255,255,.75);}
.footbox-4b5fe3 a:hover{color: #fff;}

.footbox-4b5fe3 .txt_con-7539ef{padding: 60px 0 70px;}
.footbox-4b5fe3 .txt_con-7539ef .titl-6bafac{width: 100%;padding-bottom: 25px;color: #fff;font-size: 18px;line-height: 20px;}
.footbox-4b5fe3 .txt_con-7539ef .list-e8abed a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.footbox-4b5fe3 .txt_con-7539ef .txt-f5a937{width: 16%;float: left;flex-shrink: 0;padding: 0 1.5% 0 4%;position: relative;}
.footbox-4b5fe3 .txt_con-7539ef .txt-f5a937::before{content: "";width: 1px;height: 20px;background: #fff;position: absolute;left: 0;top: 0;z-index: 5;}
.footbox-4b5fe3 .txt_con-7539ef .txt-f5a937::after{content: "";width: 1px;height: 100%;background: rgba(255,255,255,.2);position: absolute;left: 0;top: 0;}

.footbox-4b5fe3 .txt_con-7539ef .txt-f5a937.txt1-bfcffe{width: 12%;padding-left: 0;}
.footbox-4b5fe3 .txt_con-7539ef .txt-f5a937.txt1-bfcffe::before,
.footbox-4b5fe3 .txt_con-7539ef .txt-f5a937.txt1-bfcffe::after{content: none;}
.footbox-4b5fe3 .txt_con-7539ef .txt2-5b1ca6{width: 20%;}

.footbox-4b5fe3 .txt_con-7539ef .ewm-0fce51{width: 36%;float: left;flex-shrink: 0;}
.footbox-4b5fe3 .txt_con-7539ef .ewm-0fce51 .con-549434{float: right;padding-left: 170px;position: relative;max-width: 100%;}
.footbox-4b5fe3 .txt_con-7539ef .ewm-0fce51 .con-549434 .pic-e1be67{width: 150px;position: absolute;left: 0;top: 0;}
.footbox-4b5fe3 .txt_con-7539ef .ewm-0fce51 .con-549434 .pic-e1be67 em{display: block;width: 100%;}
.footbox-4b5fe3 .txt_con-7539ef .ewm-0fce51 .con-549434 .pic-e1be67 em img{width: 100%;}
.footbox-4b5fe3 .txt_con-7539ef .ewm-0fce51 .con-549434 .pic-e1be67 span{display: block;text-align: center;}
.footbox-4b5fe3 .txt_con-7539ef .ewm-0fce51 .con-549434 .text-283f3e{padding-bottom: 15px;border-bottom: 1px solid rgba(255,255,255,.5);font-size: 15px;}
.footbox-4b5fe3 .txt_con-7539ef .ewm-0fce51 .con-549434 .text-283f3e span{display: block;line-height: 24px;}
.footbox-4b5fe3 .txt_con-7539ef .ewm-0fce51 .con-549434 .text-283f3e em{font-size: 30px;font-style: normal;line-height: 40px;color: #fff;white-space: nowrap;display: block;margin: 0 0 10px -4px;}
.footbox-4b5fe3 .txt_con-7539ef .ewm-0fce51 .con-549434 .text-283f3e p{white-space: nowrap;}

.footbox-4b5fe3 .bottom-755d14{width: 100%;padding: 25px 0;line-height: 25px;text-align: center;background: #191919;}
.footbox-4b5fe3 .bottom-755d14 p{display: inline;padding: 0 3px;}
.footbox-4b5fe3 .bottom-755d14 .p_tech-737f77{white-space: nowrap;}

@media only screen and (max-width:1440px){
.footbox-4b5fe3 .txt_con-7539ef{padding: 60px 1% 65px;}
}
@media only screen and (max-width:1250px){
.footbox-4b5fe3 .txt_con-7539ef{padding: 50px 1% 55px;}
.footbox-4b5fe3 .txt_con-7539ef .titl-6bafac{padding-bottom: 15px;}
.footbox-4b5fe3 .txt_con-7539ef .txt-f5a937{padding-left: 3%;}
.footbox-4b5fe3 .txt_con-7539ef .txt-f5a937.txt1-bfcffe{width: 13%;}
.footbox-4b5fe3 .txt_con-7539ef .ewm-0fce51{width: 35%;}
.footbox-4b5fe3 .txt_con-7539ef .ewm-0fce51 .con-549434{padding-left: 145px;}
.footbox-4b5fe3 .txt_con-7539ef .ewm-0fce51 .con-549434 .pic-e1be67{width: 130px;}
.footbox-4b5fe3 .txt_con-7539ef .ewm-0fce51 .con-549434 .text-283f3e{padding-bottom: 10px;font-size: 14px;}
.footbox-4b5fe3 .txt_con-7539ef .ewm-0fce51 .con-549434 .text-283f3e em{margin-bottom: 5px;}
.footbox-4b5fe3 .txt_con-7539ef .ewm-0fce51 .con-549434 .text-283f3e p{line-height: 25px;}
}
@media only screen and (max-width:1024px){
.footbox-4b5fe3 .txt_con-7539ef{display: none;}
.footbox-4b5fe3 .bottom-755d14 .txt2-5b1ca6{display: block;}
}
@media only screen and (max-width:768px){
.footbox-4b5fe3 .bottom-755d14{padding: 20px 0;}
.footbox-4b5fe3 .bottom-755d14 .txt1-bfcffe{display: inline;}
.footbox-4b5fe3 .bottom-755d14 .txt2-5b1ca6{display: none;}
}
@media only screen and (max-width:480px){
.footbox-4b5fe3 .bottom-755d14{padding: 15px 0;}
}