@charset "utf-8";

/* 通用 */
.w1920{width: 100%;max-width:1920px;margin: 0 auto;position: relative;}
.w1280{width: 98%;max-width:1280px;margin: 0 auto;}
.atm3{-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
.atm5{-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.atm8{-webkit-transition: .8s;-moz-transition: .8s;-ms-transition: .8s;-o-transition: .8s;transition: .8s;}
.atm-img{width: 100%;padding-bottom: 100%;position: relative;overflow: hidden;display: block;}
.atm-img img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.atm-img:hover{-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
a:hover{color:#29a668;}
.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #29a668;}

/* top */
.topbox{height: 40px;line-height: 40px;border-bottom: 1px solid #e6e6e6;background: #f5f5f5;color: #666;font-size: 12px;position: relative;z-index: 9999999;}
.topbox .left{width: 70%;float: left;}
.topbox .right{max-width: 25%;float: right;}
.topbox .right > *{display: block;float: left;}
.topbox .right span{font-family: "宋体";font-size: 12px;padding: 0 10px;}

/* head */
.headbox{height:100px;background: #fff;}
.headbox > div{height:100%;}
.headbox .logo{float:left;height:100%;line-height: 1;}
.headbox .logo a{display: block;height: 100%;padding: 25px 0;position: relative;padding-left: 295px;}
.headbox .logo p{height: 60px;position: absolute;left: 0;top: 20px;}
.headbox .logo img{height:100%;}
.headbox .logo strong{font-size: 24px;padding: 3px 0 3px 14px;border-left: 1px solid #ddd;display: block;font-weight: normal;color: #333;}
.headbox .logo span{font-size: 16px;color: #666;padding: 3px 0 1px 14px;border-left: 1px solid #ddd;display: block;}

.headbox .tel{padding: 25px 0 25px 65px;position: relative;background: url(../images/icon1.png) left center no-repeat;float: right;line-height: 1;height: 100%;}
.headbox .tel span{display: block;color: #808080;padding: 1px 0;}
.headbox .tel p{font-size: 30px;color: #29a668;margin-left: -3px;padding-top: 6px;}

.navico{width:60px;height:60px;position: absolute;top: 0;right: 1%;display:none;z-index: 6;}
.navico p{width:100%;height:100%;position:relative;}
.navico span,
.navico span::before,
.navico span::after{width:26px;height:3px;position:absolute;background:#29a668;display:block;border-radius:1.5px;-webkit-transition: .3s;transition: .3s;}
.navico span{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.nav_open span{background:transparent;}
.navico span:before,
.navico span:after{content:"";left:0;}
.navico span:before{-webkit-transform:translateY(-300%);transform:translateY(-300%);}
.nav_open span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.navico span:after{-webkit-transform:translateY(300%);transform:translateY(300%);}
.nav_open span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

/* nav */
.navbox{height: 55px;background: #29a668;box-shadow: 0 2px 5px rgba(128,128,128,.3);z-index: 999999;}
.navbox ul li{width:12.5%;float:left;text-align:center;position: relative;z-index: 1;background: url(../images/icon2.png) left center no-repeat;}
.navbox ul li:first-child{background: none;}
.navbox ul li a{display:block;overflow:hidden;position: relative;white-space: nowrap;text-overflow: ellipsis;}
.navbox ul li > a{width:94%;height:100%;font-size:15px;color:#fff;line-height: 55px;font-weight: 600;position: relative;z-index: 2;left: 4%;}

.navbox ul li dl{width:94%;background:#29a668;position: absolute;top:100%;left:4%;opacity: 0;}
.navbox ul li dl a{width:100%;height:0;padding:0 5px;color:#fff;line-height: 50px;}
.navbox ul li dl a:hover{background-color:#29cc7a;}

.navbox ul li.active{z-index: 2;}
.navbox ul li.active > a{background: #29cc7a;}
.navbox ul li.active > a.on{background: #29a668;}
.navbox ul li:hover dl{opacity: 1;}
.navbox ul li:hover dl a{height:50px;}

/* banner */
.bannerbox{z-index: 3;}
#bannerppt{width:100%;height:0;padding-bottom: 650px;}
#nbannerppt{width:100%;height:0;padding-bottom: 450px;}
.bannerbox .swiper-wrapper{position: absolute;left: 0;top: 0;}
.bannerbox .swiper-slide{-webkit-transform:scale(1.2);transform:scale(1.2);opacity: 0;z-index: 99;-webkit-transition: 2s ease;transition: 2s ease;}
.bannerbox .swiper-slide img{height: 100%;position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.bannerbox .swiper-slide-active{-webkit-transform:scale(1);transform:scale(1);opacity: 1;z-index: 999;}
.bannerbox .swiper-pagination-bullet{margin:0 5px;}

/* search */
.searchbox{background: #f5f5f5;padding: 15px 0 14px;}
.searchbox .text{width: 65%;float: left;padding-left: 90px;position: relative;line-height: 36px;}
.searchbox .text .tit{position: absolute;left: 0;top: 0;}
.searchbox .text p{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.searchbox .search{width: 30%;float: right;max-width: 300px;height: 36px;background: #fff;border: 1px solid #ddd;position: relative;border-radius: 18px;}
.searchbox .search p{width: 100%;height: 34px;}
.searchbox .search p input{width: 100%;height: 100%;display: block;padding: 5px 15px;line-height: 24px;}
.searchbox .search span{display: block;width: 50px;height: 34px;position: absolute;right: 0;top: 0;}
.searchbox .search span input{display: block;width: 100%;height: 100%;cursor: pointer;background: #fff url(../images/icon3.png) center no-repeat;}

/* foot */
.footbox{background:#2d2d2d;line-height: 30px;color: #bbb;padding-top: 45px;}
.footbox a{color: #ccc;}
.footbox a:hover{color: #29a668;}
.footbox .tit{width: 100%;font-size: 18px;color: #fff;margin-bottom: 15px;font-weight: 600;}

.foot-nav{width: 18%;max-width: 220px;float: left;padding-right: 10px;}
.foot-nav .con p{width: 50%;padding-right: 10px;float: left;}
.foot-nav .con p a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.foot-cla{width: 33%;max-width: 400px;float: left;border-left: 1px solid #565656;padding: 0 3.5%;}
.foot-cla ul li{float: left;padding-right: 15px;min-width: 33.33%;}

.foot-cta{width: 35%;float: left;border-left: 1px solid #565656;padding: 0 3.5%;}

.foot-ewm{width: 13%;float: right;max-width: 150px;text-align: center;}
.foot-ewm p{width: 100%;}
.foot-ewm img{width: 100%;margin-bottom: 5px;}

.foot-txt{width: 100%;float: left;border-top: 1px solid #565656;margin-top: 45px;text-align: center;padding: 15px 0 25px;}

@media only screen and (max-width:1310px){
#bannerppt{padding-bottom: 49.62%;}
#nbannerppt{padding-bottom: 34.35%;}
}
@media only screen and (max-width:1250px){
.foot-cla,
.foot-cta{padding: 0 3%;}
}
@media only screen and (max-width:1024px){
.w1280{width: 96%;}
.topbox,.headbox .logo strong,.headbox .logo span,.headbox .tel,.foot-nav,.foot-cla,.foot-cta,.foot-ewm{display: none;}
.navico{display:block;}
.headbox{width:100%;height:60px;z-index: 6;position: fixed;left: 0;top: 0;padding: 0;z-index: 5;box-shadow: 0 2px 5px rgba(128,128,128,.2);}
.headbox .logo a{padding: 0;}
.headbox .logo p{position: relative;top: 0;padding: 10px 0;}
.navbox{width:100%;position:fixed;left:0;top:0;background:#333;height:0;overflow:hidden;padding: 0;z-index: 4;}
.navbox.nav_on{height:100%;}
.navbox ul{width:100%;height:calc(100vh - 120px);overflow-y:auto;position:absolute;left:0;top:70px;padding:0 3.5%;}
.navbox ul li{width:100%;text-align:left;border-bottom:1px solid #555;padding: 0 60px 0 0;background: none;}
.navbox ul li > a,
.navbox ul li.active > a,
.navbox ul li.active > a.on{width:100%;left: 0;height:50px;background: none;padding:10px 15px;border: 0;line-height: 30px;}
.navbox ul li.active > a{color: #29cc7a;}
.navbox ul li dl{width:calc(100% + 40px);border: 0 solid #555;border-radius: 10px;padding: 0 13px;background:#404040;left:10px;position: relative;opacity: 1;font-size: 14px;}
.navbox ul li dl::before{content: "\e662";position: absolute;width: 60px;height: 50px;color: rgba(255,255,255,.7);right: -10px;bottom: 100%;line-height: 50px;text-align: center;}
.navbox ul li dl::after{content: "";display: block;width: 100%;height: 0;clear: both;}
.navbox ul li.active dl{top: 0;}
.navbox ul li > dl dd > a{width:auto;margin:0;float:left;color:#ddd;background: none;}
.navbox ul li dl dd:hover > a{color: #29cc7a;background:none;}
.navbox ul li:hover dl dd > a{height:35px;line-height:36px;padding:0 15px;}
.navbox ul li:hover dl{border-width: 1px;padding: 10px 13px;margin-bottom: 10px;}
.bannerbox{padding-top: 60px;}
.footbox{padding: 0;}
.foot-txt{margin: 0;border: 0;padding: 15px 0 20px;}
}
@media only screen and (max-width:768px){
.headbox{height: 50px;}
.headbox .logo p{padding: 5px 0;height: 50px;}
.navico{width:50px;height:50px;}
.navbox ul li:hover dl dd > a{height:30px;line-height:30px;padding:0 7px;}
.bannerbox{padding-top: 50px;}
#bannerppt .swiper-pagination{bottom: 3px;}
#bannerppt .swiper-pagination-bullet{margin:0 3px;}
.bannerbox .swiper-button-next,
.bannerbox .swiper-button-prev{width:30px;height:60px;margin-top:-30px;font-size:30px;}
.searchbox{padding:15px 0 6px;}
.searchbox .search{width:100%;max-width: 100%;}
.searchbox .text{width:100%;margin-top:3px;}
}
@media only screen and (max-width:480px){
.footbox{line-height: 24px;}
}