@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:#e52222;}
.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #e52222;}

/*top*/
.topbox{height: 40px;line-height: 40px;border-bottom: 1px solid #e6e6e6;background: #f7f7f7;color: #666;font-size: 13px;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:110px;}
.headbox img{height:100%;}
.headbox > div{height:100%;}
.headbox .logo{float:left;height:100%;max-width: 60%;line-height: 1.4;}
.headbox .logo a{display: block;position: relative;height: 100%;}
.headbox .logo p{top: 0;left: 0;height: 100%;float:left;}
.headbox .logo strong{font-size: 36px;color: #e52222;padding-top: 20px;display: block;}
.headbox .logo span{font-size: 16px;color: #808080;}
.headbox .mlogo{display: none;}
.headbox .mlogo *{height: 100%;}

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

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

.headbox .search{width: 70px;padding: 40px 20px;}
.headbox .search:hover{z-index: 7;}
.headbox .search > *{height: 100%;}
.headbox .search em{width: 100%;height: 100%;position: absolute;display: none;left: 0;top: 0;z-index: 10;}
.headbox .search span{background-image:url(../nyimages/anniu.png);width: 100%;height: 100%;position: relative;}
.headbox .search span input{display: block;width: 100%;height: 100%;border: 0;background: none;cursor: pointer;}
.headbox .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 .search p input{display: block;width: 100%;height: 30px;line-height: 30px;}
.headbox .search:hover p{width:350px;opacity: 1;}
.headbox .search:hover em{height: 0;}

.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:#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);}

/*nav*/
.navbox{height: 50px;background: #bf1d1d;box-shadow: 0 2px 5px rgba(0,0,0,.2);z-index: 999999;}
.navbox ul li{width:12.5%;float:left;text-align:center;position: relative;z-index: 1;}
.navbox ul li a{display:block;overflow:hidden;position: relative;white-space: nowrap;text-overflow: ellipsis;}
.navbox ul li > a{width:100%;height:100%;font-size:15px;color:#fff;line-height: 50px;font-weight: 600;position: relative;z-index: 2;}
.navbox ul li > span{display:none;width: 50px;height: 50px;background: url(../nyimages/icon5.png) center no-repeat;position: absolute;top: 0;right: 0;}
.navbox ul li:first-child > i{display: none;}
.navbox ul li > dl{width:100%;background:#bf1d1d;padding:0;position: absolute;top:150%;left:0;opacity: 0;}
.navbox ul li > dl.cp{width:120%;left: -10%;}
.navbox ul li > dl.w120{width:120%;left:-10%;}
.navbox ul li > dl dd > a{width:100%;height:0;padding:0 10px;margin:-5px auto;color:#fff;z-index: 1;background: url(../images/icon9.png) 120% center no-repeat;}
.navbox ul li > dl dd > div{max-width:0;min-height:100%;padding:0;overflow:hidden;position:absolute;left:100%;top:0;border:0 solid #ff4040;opacity:0;background:#fafafa;text-align: left;margin-left: -1px;}
.navbox ul li > dl dd > div a{height:0;padding:0 5px;color:#666;display: inline-block;}

.navbox ul li.active{z-index: 2;}
.navbox ul li.active > a{background: #ff4040;}
.navbox ul li:hover > dl{top: 100%;opacity: 1;padding:10px 0;}
.navbox ul li:hover > dl dd > a{height:40px;padding:10px;}
.navbox ul li > dl dd:hover > a{background-color:#ff4040 ;z-index: 2;font-weight: 600;}
.navbox ul li > dl.w120 dd:hover > a{background-position-x: right;}
.navbox ul li > dl dd:hover > div{min-width:100%;max-width:250%;opacity:1;padding:10px;border-width: 1px;}
.navbox ul li > dl dd:hover > div a{height:30px;padding:5px;}
.navbox ul li > dl dd > div a:hover{color:#e52222;}

/*banner*/
.bannerbox{z-index: 3;}
.bannerbox.ban-fixed{padding-top: 100px;}
.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;}
.mbannerppt{display: none;}
#nbannerppt{width:100%;height:360px;}
.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;}

/*foot*/
.footbox{background:#2d2d2d;line-height: 30px;color: #999999;padding-top: 45px;}
.footbox a{color: #aaa;}
.footbox a:hover{color: #e52222;}
.footbox .tit{width: 100%;font-size: 18px;color: #fff;margin-bottom: 15px;font-weight: 600;}
.footbox .foot-cont{position: relative;padding: 0 200px 0 230px;min-height: 190px;margin-bottom: 50px;}

.foot-nav{width:230px;height:100%;border-right: 1px solid #454545;padding-right: 10px;position: absolute;left: 0;top: 0;}
.foot-nav p{width:50%;padding-right:10px;float: left;}
.foot-nav p a{display: block;}

.foot-ewm{width:200px;height:100%;position: absolute;right: 0;top: 0;text-align: center;padding-left: 50px;}
.foot-ewm p{width:100%;float: right;background: #fff;}
.foot-ewm p img{width: 100%;}
.foot-ewm span{display: block;width: 100%;float: right;background: #fff;line-height: 1;padding-bottom: 15px;color: #666;}

.foot-cla{width: 50%;float: left;padding: 0 2% 0 5%;}
.foot-cla ul li{width: 50%;float: left;padding-right: 20px;}
.foot-cla ul li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.foot-txt{width:50%;float: left;padding-left: 5%;border-left: 1px solid #454545;}

.foot-text{padding: 20px 15px 25px;clear: both;background: #191919;color: #999;}
.foot-text .f_lx{display: none;}
.foot-text a{color: #ccc;}
.foot-text a:hover{color: #e52222;}
.foot-text p{width: 70%;float: left;}
.foot-text .r-txt{width: 25%;float: right;text-align: right;}

@media only screen and (max-width:1310px){
#bannerppt{height:0;padding-bottom:36%;}
.bannerbox ul{position: absolute;top: 0;left: 0;}
}
@media only screen and (max-width:1250px){
.navbox ul li > dl.cp{width:130%;left: -15%;}
.footbox{padding-top: 35px;}
.footbox .foot-cont{margin-bottom: 40px;padding: 0 180px 0 200px;}
.foot-nav{width:200px;padding-right: 5px;}
.foot-ewm{width:180px;padding-left: 40px;}
.foot-cla ul li{padding-right: 10px;}
}
@media only screen and (max-width:1024px){
.w1280{width: 96%;}
.topbox,
.headbox .logo,
.headbox .tel,
.navbox ul li i{display: none;}
.headbox .mlogo,
.navico,
.navbox ul li span,
.headbox .search em{display:block;}
.headbox{width:100%;height:60px;z-index: 6;position: fixed;left: 0;top: 0;padding: 0;}
.headbox .w1280{width:100%;height: 100%;}
.headbox .mlogo{width:100%;max-width:100%;height:100%;padding:0 2%;background:rgba(25,25,25,.75);z-index:5;position: relative;}
.headbox .mlogo p{padding: 8px 0;}
.headbox .r-btn span{background-color: #e52222;}
.headbox .search{width: 60px;height: 60px;padding: 15px;position: absolute;top: 0;right: 70px;z-index: 7;margin-right: -5px;}
.headbox .search p{width:40px;height: 40px;top: 10px;padding: 4px 14px;}
.headbox .search:hover p{width:250px;}
.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 > a,
.navbox ul li.active > a{height:50px;background: none;color: #fff;padding:10px 15px;border: 0;line-height: 30px;}
.navbox ul li.active > a{color: #e52222;}
.navbox ul li dl{width:calc(100% + 40px);border: 0 solid #555;border-radius: 10px;padding: 0 13px;overflow: hidden;background:#404040;left:10px;position: relative;}
.navbox ul li > dl.cp{width:calc(100% + 40px);;left: 10px;}
.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: #e52222;background:none;}
.navbox ul li:hover dl dd > a{height:35px;line-height:36px;padding:0 15px;}
.navbox ul li dl dd > div{display:none;}
.navbox ul li:hover dl{border-width: 1px;padding: 10px 13px;margin-bottom: 10px;}
.bannerbox,
.bannerbox.ban-fixed{padding-top: 60px;}
.footbox,
.footbox .w1280{padding: 0;}
.footbox .tit,
.foot-cla{display: none;}
.foot-nav{position: relative;width: 100%;border: 0;border-bottom: 1px solid #454545;text-align: center;padding: 25px 0 15px;}
.foot-nav .con p{width: 16.6%;}
.foot-nav .con p a{font-size: 15px;font-weight: 600;color: #fff;padding: 3px 5px;}
.foot-nav .con p a:hover{color: #e52222;}
.foot-txt{width:70%;padding: 25px 2% 20px;border: 0;}
.foot-ewm{border: 0;position: relative;padding: 30px 20px;float: right;}
.foot-text{padding: 15px;line-height: 24px;}
.foot-text .f_lx{display: block;}
}
@media only screen and (max-width:768px){
.headbox{height: 45px;}
.headbox .logo p{padding: 5px 0;}
.navico{width:45px;height:45px;}
.headbox .search{width: 45px;height: 45px;padding: 8px 8px 7px 7px;margin-right: -10px;}
.headbox .search p{height: 34px;right:6px;top: 6px;padding: 1px 9px;}
.navbox ul li:hover dl dd > a{height:30px;line-height:30px;padding:0 7px;}
.bannerbox{padding-top: 45px;}
.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;}
.searchbox{padding:15px 0 10px;}
.searchbox .right{width:100%;max-width: 100%;}
.searchbox .left{width:100%;margin-top:5px;}
.footbox,
.footbox .w1280{background: #191919;}
.foot-cont,
.linkbox{display:none;}
.footbox .foot-text p{width:100%;text-align: center;}
}
@media only screen and (max-width:425px){
.headbox .search{margin-right: -15px;}
}