@charset "utf-8";

.topbox{background: #00a645;color: #fff;line-height: 30px;padding: 5px 0;}
.topbox .left{width: 50%;float: left;}
.topbox .tel{max-width: 45%;float: right;}
.topbox .tel p{height: 30px;float: left;padding: 2px 0 0 50px;font-size: 16px;white-space: nowrap;position: relative;}
.topbox .tel p *{width: 20px;height: 100%;background: none center no-repeat;position: absolute;left: 20px;top: 0;}
.topbox .tel p i{background-image: url(../images/icon1.png);}
.topbox .tel p em{background-image: url(../images/icon2.png);left: 25px;}

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

/* headbox */
.headbox{height: 120px;position: relative;z-index: 9999;}
.headbox .page_max_box{height: 120px;background: #fff;position: absolute;left: 0;top: 0;box-shadow: 0 5px 15px rgba(0,0,0,.1);}
.headbox .page_main_box{padding-left: 350px;height: 100%;}

.headbox .logo{height: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.headbox .logo a{display: block;height: 100%;padding: 5px 0;}
.headbox .logo p{height: 100%;position: relative;}
.headbox .logo p img{max-height: 100%;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.headbox .logo p.mlogo{display: none;}

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

@media only screen and (min-width:1025px){
.headbox,
.headbox .page_max_box{height: 100px;}
.headbox .page_main_box{padding-left: 320px;}
.headbox .logo p img{max-height: 60px;}
.headbox .navbox{width: 100%;height: 100%;max-width: 750px;float: right;} 
.headbox .navbox ul{height: 100%;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: flex;flex-wrap: nowrap;}
.headbox .navbox ul li{width: 16.66%;height: 100%;float: left;flex-shrink: 0;text-align: center;padding: 0 5px;}
.headbox .navbox ul li > a{font-size: 15px;font-weight: 600;padding: 10px 5px;border-radius: 20px;position: relative;top: 50%;margin-top: -20px;}
.headbox .navbox ul li > em{display: block;position: absolute;width: 100%;height: 0;left: 0;top: 100%;margin-top: 20px;color: #00a645;overflow: hidden;}
.headbox .navbox ul li > em svg{height: 18px;font-size: 16px;}

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

.headbox .navbox 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;}
.headbox .navbox ul li dl dd div a{text-align: left;height: 0;border-top: 0 dotted #ccc;}
.headbox .navbox ul li dl dd div a:first-child{border: none;}
.headbox .navbox ul li dl dd em{width: 0;height: 100%;position: absolute;left: 100%;top: 0;margin-left: 11px;overflow: hidden;z-index: -1;}
.headbox .navbox ul li dl dd em i{width: 20px;height: 20px;background: #00a645;position: absolute;left: 7px;top: 50%;margin-top: -10px;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);transform: rotateZ(45deg);}

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

.headbox .navbox ul li.active > a{color: #fff;background: #00a645;}
.headbox .navbox ul li:hover > em{height: 20px;padding-top: 2px;margin-top: 0px;}
.headbox .navbox ul li:hover dl{opacity: 1;}
.headbox .navbox ul li:hover dl dd > a{padding: 10px 5px;height: 40px;margin-top: 1px;}
.headbox .navbox ul li:hover dl dd:first-child > a{margin: 0;}
}
@media only screen and (min-width:1251px){
.headbox,
.headbox .page_max_box{height: 120px;}
.headbox .page_main_box{padding-left: 350px;}
.headbox .logo p img{max-height: 70px;}
}
@media only screen and (min-width:1025px){
.headbox.nav_fixed,
.headbox.nav_fixed .page_max_box{height: 90px;}
.headbox.nav_fixed .logo p img{max-height: 60px;}
}
@media only screen and (max-width:1024px){
.headbox{height: 60px;}
.headbox .page_max_box{height: 60px;box-shadow: 0 5px 15px rgba(0,0,0,.1);position: fixed;left: 0;top: 0;z-index: 999999;}
.headbox .page_main_box{width: 100%;padding: 0;}
.headbox .logo{padding-left: 15px;width: 100%;background: #fff;}
.headbox .logo p.llogo{display: none;}
.headbox .logo p.mlogo{display: block;}
.headbox .navbox{width: 100%;height: 0;overflow: hidden;position:fixed;left: 0;top:0;background:#292d33;z-index: 0;}
.headbox .navbox.nav_on{height:100%;}
.headbox .navbox ul{width:100%;height:calc(100vh - 130px);overflow-y:auto;position:absolute;left:0;top:70px;padding:0 2%;flex-wrap: wrap;}
.headbox .navbox ul li{width:100%;border-bottom:1px solid rgba(255,255,255,.2);-webkit-transition: .5s;transition: .5s;position: relative;}
.headbox .navbox ul li > a{line-height: 50px;padding: 0 10px;font-size: 15px;color: #fff;}
.headbox .navbox 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;}
.headbox .navbox ul li > span svg{height: 50px;line-height: 50px;}

.headbox .navbox ul li dl{display: block;width: 100%;position: absolute;left: 0;top: 100%;background: #009940;opacity: 0;overflow: hidden;}
.headbox .navbox ul li dl dd{background: #fff;position: relative;}
.headbox .navbox ul li dl dd > a{line-height: 40px;height: 0;background: #08a64a;padding: 0 15px;color: #fff;}
.headbox .navbox ul li dl dd em{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.headbox .navbox ul li dl dd div{width: 100%;padding: 0 5px 0 15px;overflow: hidden;}
.headbox .navbox 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;}
.headbox .navbox ul li dl dd:hover > a{background: #1dbf60;font-weight: 600;}
.headbox .navbox ul li dl dd:hover em{width: 0;}
.headbox .navbox ul li dl dd:hover div{padding: 15px 15px 5px;}
.headbox .navbox ul li dl dd:hover div a{height: 30px;border-width: 1px;margin-bottom: 10px;padding: 4px 14px;}

.headbox .navbox ul li.active > a{color: #1dbf60;font-weight: 600;}
.headbox .navbox ul li.dl_show > span{-webkit-transform: rotateZ(-180deg);-moz-transform: rotateZ(-180deg);transform: rotateZ(-180deg);color: #fff;}
.headbox .navbox ul li.dl_show dl{opacity: 1;}
.headbox .navbox ul li.dl_show dl dd{margin-bottom: 1px;}
.headbox .navbox ul li.dl_show dl dd > a{height: 40px;}
}
@media only screen and (max-width:768px){
.headbox,
.headbox .page_max_box{height: 50px;}
.headbox .logo{padding-left: 10px;}
.headbox .navbox ul{height:calc(100vh - 120px);top:60px;}
}

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

@media only screen and (max-width:1250px){
.bannerpic{padding-bottom:35%;}
}

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

.searchbox .search{width: 30%;max-width: 360px;float: right;position: relative;}
.searchbox .search p{width: 100%;border: 1px solid #00a645;background: #fff;border-radius: 3px;padding: 10px 14px 9px;}
.searchbox .search p input{display: block;width: 100%;line-height: 18px;}
.searchbox .search em{width: 60px;height: 100%;background: #00a645;border-radius: 3px;position: absolute;right: 0;top: 0;z-index: 5;}
.searchbox .search em input{display: block;width: 100%;height: 100%;background: url(../images/icon3.png) center no-repeat;cursor: pointer;}
.searchbox .search span{width: 60px;height: 100%;position: absolute;right: 0;top: 0;z-index: 6;cursor: pointer;}
.searchbox .search:hover span{width: 0;}

@media only screen and (max-width:1024px){
.searchbox{padding-bottom: 10px;}
.searchbox .search{width: 100%;max-width: 100%;}
.searchbox .tdtbox{width: 100%;padding-left: 85px;margin-top: 5px;}
.searchbox .tdtbox p{overflow-x: auto;text-overflow: clip;}
}
@media only screen and (max-width:425px){
.searchbox{padding: 15px 0 5px;}
.searchbox .search p{padding: 8px 10px 7px;}
.searchbox .tdtbox{margin: 0;}
}

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

.footbox .txt{width: 25%;float: left;flex-shrink: 0;}
.footbox .txt .titl{width: 100%;line-height: 1;font-size: 16px;font-weight: 600;color: #fff;padding-bottom: 25px;}
.footbox .txt .list,
.footbox .txt .text{width: 90%;}

.footbox .txt1{width: 20%;}
.footbox .txt1 .list{width: 90%;max-width: 200px;}
.footbox .txt1 .list p{width: 50%;float: left;padding-right: 10px;}

.footbox .txt2{width: 42%;}
.footbox .txt2 .list{max-width: 480px;padding-top: 5px;}
.footbox .txt2 .list p{width: 33.333%;float: left;padding: 0 10px 10px 0;text-align: center;}
.footbox .txt2 .list p a{display: block;padding: 4px;border: 1px solid #666;border-radius: 3px;}
.footbox .txt2 .list p a:hover{border-color: #00a645;background-color: #00a645;color: #fff;}

.footbox .txt3{width: 23%;}
.footbox .ewm{width: 15%;}
.footbox .ewm .con{width: 90%;max-width: 150px;float: right;}
.footbox .ewm .con p{width: 100%;background: #fff;text-align: center;overflow: hidden;}
.footbox .ewm .con p img{width: 100%;}
.footbox .ewm .con p span{color: #00a645;line-height: 20px;margin: -4px 0 10px;display: block;}

.bottombox{line-height: 25px;background: #191919;text-align: center;color: rgba(255,255,255,.6);}
.bottombox .page_main_box{padding: 25px 0;}
.bottombox p{display: inline;padding: 0 3px;}
.bottombox a{color: rgba(255,255,255,.6);}
.bottombox a:hover{color: #fff;}

@media only screen and (max-width:1440px){
.footbox{padding: 60px 1%;}
.footbox .txt2{width: 43%;}
.footbox .txt3{width: 22%;}
}
@media only screen and (max-width:1250px){
.footbox{padding: 55px 1%;}
.footbox .txt1{width: 19%;}
.footbox .txt3{width: 23%;}
}
@media only screen and (max-width:1024px){
.footbox{display: none;}
}
@media only screen and (max-width:768px){
.bottombox .page_main_box{padding: 20px 0;}
.bottombox .txt{display: none;}
.bottombox .p_tech{white-space: nowrap;}
}
@media only screen and (max-width:480px){
.bottombox .page_main_box{padding: 15px 0;}
}