@charset "utf-8";

/* 通用 */
a:hover{color:#2a6b63;}
.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #ffa500;}

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

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



/* headbox 01 */
.headbox img{max-height:100%;}
.headbox_01{height:110px;}
.headbox_01 > div{height:100%;}
.headbox_01 .logo{float:left;height:100%;max-width: 60%;line-height: 1.4;}
.headbox_01 .logo a{display: block;position: relative;height: 100%;}
.headbox_01 .logo p{top: 0;left: 0;height: 100%;float:left;}
.headbox_01 .logo strong{font-size: 36px;color: #2a6b63;padding-top: 20px;display: block;}
.headbox_01 .logo span{font-size: 16px;color: #808080;}
.headbox_01 .mlogo p{padding: 8px 0;height: 100%;}

.headbox_01 .r-btn{height: 100%;float: right;position: relative;z-index: 1;}
.headbox_01 .r-btn span{display: block;border-radius: 50%;background:#2a6b63 center no-repeat;z-index: 2;}

.headbox_01 .tel{padding: 25px 110px 25px 50px;position: relative;max-width:400px;}
.headbox_01 .tel span{background-image:url(../nyimages/tel.png);width: 30px;height: 30px;position: absolute;left: 0;top: 50%;margin-top: -15px;}
.headbox_01 .tel em{font-style: normal;}
.headbox_01 .tel p{font-size: 30px;color: #e52222;white-space: nowrap;line-height: 36px;margin-left: -3px;}
.headbox_01 .tel img{width: 110px;position: absolute;right: -10px;top: 0;}

.headbox_01 .search{width: 70px;padding: 40px 20px;}
.headbox_01 .search:hover{z-index: 7;}
.headbox_01 .search > *{height: 100%;}
.headbox_01 .search em{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;}
.headbox_01 .search span{background-image:url(../nyimages/anniu.png);width: 100%;height: 100%;position: relative;}
.headbox_01 .search span input{display: block;width: 100%;height: 100%;border: 0;background: none;cursor: pointer;}
.headbox_01 .search p{width:50px;border: 1px solid #ddd;right:10px;opacity: 0;height: 50px;background: #fff;border-radius: 25px;position: absolute;z-index: 1;top: 30px;padding: 9px 19px;}
.headbox_01 .search p input{display: block;width: 100%;height: 30px;line-height: 30px;}
.headbox_01 .search:hover p{width:350px;opacity: 1;}
.headbox_01 .search:hover em{height: 0;}


/* headbox 02 */
.headbox_02{height:90px;background: rgba(25,25,25,.75);z-index: 9999999999;position: fixed;}
.headbox_02 .logo{float:left;height:100%;}
.headbox_02 .logo a{height: 100%;padding: 10px 15px;float: left;}
.headbox_02 .logo p{height: 100%;}
.headbox_02 .logo img{position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.headbox_02 .right{float: right;padding: 0 10px;}
.headbox_02 .r-btn{height: 100%;float: left;position: relative;z-index: 1;padding: 30px 15px;}
.headbox_02 .r-btn::after{content: "";width: 1px;height: 16px;background: #999;position: absolute;left: 0;top: 50%;margin-top: -8px;}
.headbox_02 .r-btn span,
.headbox_02 .r-btn em{display: block;width: 100%;height: 100%;cursor: pointer;}
.headbox_02 .r-btn em,
.headbox_02 .r-btn p{position: absolute;right: 0;top: 0;}
.headbox_02 .r-btn p{top: 100%;background: #fff;box-shadow: 0 2px 20px rgba(0,0,0,.1);height: 0;overflow: hidden;padding: 0 14px;line-height: 30px;}
.headbox_02 .r-btn.on em{height: 0;}
.headbox_02 .r-btn.on p{height: 50px;padding: 9px 14px;border: 1px solid #ddd;}

.headbox_02 .ewm.on p{height: auto;padding: 0;}
.headbox_02 .ewm p img{height: 0;}
.headbox_02 .ewm.on p img{height: 200px;}
.headbox_02 .tel p{width: 330px;font-size: 30px;color: #e52222;}
.headbox_02 .tel p b{font-size: 15px;float: left;color: #666;line-height: 36px;}

.headbox_02 .search p{width: 330px;}
.headbox_02 .search p input{display: block;width: 100%;height: 100%;overflow: hidden;}

.headbox_02.head-fixed{height:70px;}
.headbox_02.head-fixed .r-btn{padding: 20px 15px;}
.headbox_02.head-fixed .logo a{padding: 5px 15px;}
.headbox_02.head-fixed .navbox ul li > a{margin: 15px 0;}

@media only screen and (min-width:1025px){
.headbox_01 .mlogo,
.headbox_01 .search em{display: none;}
}
@media only screen and (max-width:1200px){
.headbox_01 .tel{padding-right: 0;}
.headbox_01 .tel img{display: none;}
.headbox .r-btn::after{content: none;}
.headbox .r-btn.tel,
.headbox .r-btn.ewm{display: none;}
}
@media only screen and (max-width:1024px){
.headbox{width:100%;height:60px;z-index: 6;position: fixed;left: 0;top: 0;padding: 0;background: none;}
.headbox_01 .mlogo,
.headbox_02 .logo{width:100%;height:100%;padding:0 2%;background:rgba(25,25,25,.75);z-index:5;position: relative;}
.headbox .r-btn{width: 60px;height: 60px;padding: 15px;position: absolute;top: 0;right: 70px;z-index: 7;margin-right: -5px;}

.headbox_01 .logo,
.headbox_01 .tel{display: none;}
.headbox_01 .w1280{width:100%;}
.headbox_01 .search p{width:40px;height: 40px;top: 10px;padding: 4px 14px;}
.headbox_01 .search:hover p{width:250px;}
.headbox_02 .logo a{padding: 5px 0;}

.headbox_02.head-fixed{height:60px;}
.headbox_02.head-fixed .logo a{padding: 5px 0;}
.headbox_02.head-fixed .r-btn{padding: 15px;}
.headbox_02.head-fixed .navbox ul li > a{margin: 0;}
}
@media only screen and (max-width:768px){
.headbox{height: 50px;}
.headbox .r-btn{width: 50px;height: 50px;padding: 10px;margin-right: -10px;}
.headbox_01 .mlogo p{padding: 5px 0;}
.headbox_01 .search p{height: 34px;right:7px;top: 8px;padding: 1px 9px;}
.headbox_02.head-fixed{height:50px;}
.headbox_02.head-fixed .r-btn{padding: 10px;}
}
@media only screen and (max-width:425px){
.headbox .r-btn{margin-right: -15px;}
}



/* navbox 01 */
.navbox_01{height: 50px;background: #246bb3;box-shadow: 0 2px 5px rgba(0,0,0,.2);z-index: 999999;overflow: visible;}
.navbox_01 ul li{width:16.5%;float:left;text-align:center;position: relative;z-index: 1;}
.navbox_01 ul li a{display:block;overflow:hidden;position: relative;white-space: nowrap;text-overflow: ellipsis;line-height: 50px;}
.navbox_01 ul li > a{width:100%;height:100%;font-size:15px;color:#fff;font-weight: 600;position: relative;z-index: 2;}
.navbox_01 ul li > span{width: 50px;height: 50px;position: absolute;top: 0;right: 0;color: #fff;font-size: 15px;text-align: center;line-height: 50px;}
.navbox_01 ul li > dl{width:100%;background:#246bb3;position: absolute;top:150%;left:0;opacity: 0;}
.navbox_01 ul li > dl a{width:100%;height:0;padding:0 5px;color:#fff;z-index: 1;border-top: 0 solid #2a6b63;}
.navbox_01 ul li.active{z-index: 2;}
.navbox_01 ul li.active > a{background: #419ad9;}
.navbox_01 ul li:hover > dl{top: 100%;opacity: 1;}
.navbox_01 ul li:hover > dl a{height:50px;border-top-width: 1px;}
.navbox_01 ul li > dl a:hover{background-color:#419ad9 ;z-index: 2;font-weight: 600;}


/* navbox 02 */
.navbox_02{height: 100%;z-index: 999999;float: right;padding: 0 10px;}
.navbox_02 ul li{float:left;text-align:center;position: relative;z-index: 1;min-width: 120px;}
.navbox_02 ul li a{display:block;overflow:hidden;position: relative;white-space: nowrap;text-overflow: ellipsis;color: #fff;line-height: 40px;padding: 0 5px;}
.navbox_02 ul li > a{font-size:15px;color:#fff;font-weight: 600;position: relative;z-index: 2;border-radius: 3px;margin: 25px 0;}
.navbox_02 ul li > i{display: block;width: 16px;height: 16px;border: 8px solid rgba(0,0,0,0);border-bottom: 0px solid #2a6b63;position: absolute;z-index: 0;bottom: 0;left: 50%;margin-left: -8px;overflow: hidden;}
.navbox_02 ul li > span{width: 50px;height: 50px;position: absolute;top: 0;right: 0;color: #ccc;font-size: 15px;text-align: center;line-height: 50px;}
.navbox_02 ul li > dl{min-width:100%;background:#2a82c7;position: absolute;top:150%;left:0;opacity: 0;padding: 0;}
.navbox_02 ul li > dl a{height: 0;border-top: 0 solid #2d70b3;}
.navbox_02 ul li > dl dd:first-child a{border: 0;}
.navbox_02 ul li > dl a:hover{background: #ffa500;font-weight: 600;}
.navbox_02 ul li:hover > i{border-bottom-width: 8px;}
.navbox_02 ul li:hover > dl{top:100%;opacity: 1;}
.navbox_02 ul li:hover > dl a{height: 40px;border-width: 1px;}

.navbox_02 ul li.active{z-index: 2;}
.navbox_02 ul li.active > a{background: #2a6b63;}

@media only screen and (max-width:1200px){
.navbox_02{padding: 0;}
.navbox_02 ul li{min-width: 110px;}
}
@media only screen and (max-width:1024px){
.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:65px;padding:0 3.5%;}
.navbox ul li{width:100%;height:auto;text-align:left;border-bottom:1px solid #555;padding: 0 60px 0 0;}
.navbox ul li > i{display: none;}
.navbox ul li > a,
.navbox ul li.active > a{height:50px;background: none;color: #fff;padding:0 15px;border: 0;margin: 0;line-height: 50px;}
.navbox ul li.active > a{color: #2a6b63;}
.navbox ul li > dl{background:#fafafa;padding: 0 20px;}
.navbox ul li > dl a{border-color: #ddd;color: #454545;line-height: 45px;}
.navbox ul li:hover > dl{padding: 5px 20px;}
.navbox ul li:hover > dl a{height: 45px;}
.navbox ul li > dl dd:first-child a{border: 0;}
.navbox ul li > dl a:hover{color: #2a6b63;background: none;}
}



/* navico */
.navico{width:60px;height:60px;position: absolute;top: 0;right: 1%;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:#fff;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);}

@media only screen and (min-width:1025px){
.navbox ul li span,
.navico{display: none;}
}
@media only screen and (max-width:768px){
.navico{width:50px;height:50px;}
}



/*banner*/
.bannerbox{z-index: 3;}
.bannerbox .swiper-slide img{height: 100%;position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
#bannerppt{width:100%;height:500px;}
#bannerppt .swiper-pagination-bullet{margin:0 5px;}
.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-active{-webkit-transform:scale(1);transform:scale(1);opacity: 1;z-index: 999;}

@media only screen and (max-width:1310px){
#bannerppt{height:0;padding-bottom:32%;}
.bannerbox ul{position: absolute;top: 0;left: 0;}
}
@media only screen and (max-width:1024px){
.bannerbox{padding-top: 60px;}
.bannerbox_02{padding-top: 0;}
}
@media only screen and (max-width:768px){
.bannerbox{padding-top: 50px;}
.bannerbox_02{padding-top: 50px;}
.insidebanner{display: none;}
#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;}
}
/* @media only screen and (max-width:480px){
.bannerbox_02{padding-top: 25px;background: #191919;}
} */



/* footbox */
.footbox{background:#2d2d2d;line-height: 30px;color: #999;}
.footbox a{color: #aaa;}
.footbox a:hover{color: #fff;}
.footbox .foot-cont{padding: 45px 0;}
.footbox .tit{width: 100%;font-size: 18px;color: #fff;margin-bottom: 15px;font-weight: 600;}
.footbox .con{width: 100%;overflow: hidden;}
.footbox .foot-text{padding: 20px 15px 25px;clear: both;background: #191919;text-align: center;}

/*footbox 01*/
.footbox_01 .con{padding-right: 10%;}

.footbox_01 .foot-cla{width: 25%;float: left;padding-left: 1%;}
.footbox_01 .foot-cla ul li{width: 50%;float: left;padding-right: 10px;}
.footbox_01 .foot-cla ul li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.footbox_01 .foot-nav,
.footbox_01 .foot-new,
.footbox_01 .foot-txt{width:18%;border-left: 1px solid #454545;float: left;padding-left: 5%;}

.footbox_01 .foot-ewm{width:13%;text-align: center;float: right;}
.footbox_01 .foot-ewm p{width:100%;float: right;background: #fff;}
.footbox_01 .foot-ewm p img{width: 100%;}
.footbox_01 .foot-ewm span{display: block;width: 100%;float: right;background: #fff;line-height: 1;padding-bottom: 15px;color: #666;}


/* footbox 02 */
.footbox_02 .foot-txt{width:32%;float: left;}
.footbox_02 .foot-txt .flogo{width: 100%;overflow: hidden;margin-top: -15px;}
.footbox_02 .foot-txt .flogo a{float: left;width: 80%;max-width: 250px;}
.footbox_02 .foot-txt .flogo img{max-width: 100%;}
.footbox_02 .foot-txt .con .gsm{font-size: 16px;font-weight: bold;color: #fff;padding: 5px 0;}

.footbox_02 .foot-nav,
.footbox_02 .foot-new,
.footbox_02 .foot-cla{width: 16%;float: left;padding-left: 4%;border-left: 1px solid #454545;}
.footbox_02 .foot-nav p a,
.footbox_02 .foot-new p a,
.footbox_02 .foot-cla ul li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.footbox_02 .foot-ewm{width:13%;float: right;text-align: center;}
.footbox_02 .foot-ewm p{width:100%;float: right;background: #fff;}
.footbox_02 .foot-ewm p img{width: 100%;}
.footbox_02 .foot-ewm span{display: block;width: 100%;float: right;background: #fff;line-height: 1;padding-bottom: 15px;color: #666;}


@media only screen and (max-width:1200px){
.footbox_01 .foot-cla{width: 27%;}
.footbox_02 .foot-txt{width:35%;}
}

@media only screen and (max-width:1024px){
.footbox .foot-cont{padding: 30px 0;}
.footbox .foot-ewm{width:15%;}
.footbox_01 .con{padding-right: 5%;}
.footbox_01 .foot-cla{width: 28%;}
.footbox_01 .foot-nav,
.footbox_01 .foot-new,
.footbox_01 .foot-txt{width:18%;padding-left: 3%;}
.footbox_02 .foot-txt{display: none;}
.footbox_02 .foot-nav,
.footbox_02 .foot-new{width: 20%;}
.footbox_02 .foot-cla{width: 36%;}
.footbox_02 .foot-cla ul li{width: 50%;float: left;padding-right: 10px;}
.footbox_02 .foot-text p{display: block;}
}
@media only screen and (max-width:768px){
.foot-cont,
.linkbox{display:none;}
.footbox .foot-text p{width:100%;text-align: center;}
}