@charset "utf-8";

/*通用*/
.w1920{width: 100%;max-width:1920px;min-width:320px;margin: 0 auto;overflow:hidden;}
.w1200{width: 98%;max-width:1200px;margin: 0 auto;overflow:hidden;}
.atm5{-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
li:hover .atm-img{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}

/*top*/
.topbox{background:#f5f5f5;height:40px;padding:10px 0;}
.topbox .left{float:left;max-width:70%;overflow:hidden;color:#666;white-space:nowrap;text-overflow:ellipsis;}
.topbox .right{float:right;max-width:30%;}
.topbox .right span{font-family:"宋体";color:#999;font-size:12px;padding:0 5px;}
.topbox .right a{color:#666;}
.topbox .right a:hover{color:#ff7e00;}

/*head*/
.headbox{height:110px;padding:5px 0;min-width:100%;}
.headbox img{max-height:100%;}
.headbox .logo{float:left;overflow:hidden;}
.headbox .logo a{height:100px;float:left;display:none;}
.headbox .logo span{display:block;float:left;height:100px;}

.headbox .tel{float:right;height:100px;padding:0 100px 0 60px;background:url(../images/icon1.png) left center no-repeat;position:relative;margin-right:-5px;}
.headbox .tel p{color:#787878;padding:23px 0 2px 3px;}
.headbox .tel span{font-size:28px;color:#ff7e00;font-weight:bold;line-height:1.2;}
.headbox .tel img{position:absolute;top:0;right:0;}

.navico{width:60px;height:60px;float:right;display:none;}
.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:#095eb3;overflow:visible;position:relative;z-index:99999;}
.navbox .w1200{overflow:visible;}
.navbox ul li{width:12.5%;height:50px;float:left;background:url(../images/icon2.png) left center no-repeat;text-align:center;}
.navbox ul li:first-child{background:none;}
.navbox ul li a{display:block;width:100%;height:50px;overflow:hidden;color:#fff;}
.navbox ul li p{width:100%;height:50px;position:relative;}
.navbox ul li p a{padding:0 10px;font-size:16px;height:50px;line-height:50px;}
.navbox ul li p span{width:50px;height:50px;background:url(../nyimages/icon9.png) center no-repeat;display:none;position:absolute;top:0;right:0;-webkit-transition:.5s;transition:.5s;}
.navbox ul li:hover p span{transform:rotateZ(90deg);background-image:url(../nyimages/icon10.png);}
.navbox ul li dl{width:100%;background:rgba(0,0,0,.7);padding:0;position:relative;}
.navbox ul li dl dd a{height:0;line-height:40px;padding:0 5px;white-space:nowrap;text-overflow:ellipsis;margin:-5px auto;}
.navbox ul li dl dd div{width:0;overflow:hidden;position:absolute;left:100%;top:5px;border:1px solid #ff7e00;opacity:0;background:#fff;}
.navbox ul li dl dd div a{line-height:30px;color:#666;margin:0;}
.navbox ul li:hover p a{background:#ff7e00;font-weight:bold;}
.navbox ul li:hover dl{padding:10px 0 12px;}
.navbox ul li:hover dl dd > a{height:40px;}
.navbox ul li dl dd:hover > a{background:#ff7e00;}
.navbox ul li dl dd:hover div{width:112%;opacity:1;padding:10px;}
.navbox ul li dl dd:hover div a{height:30px;}
.navbox ul .nav-tel{display:none;}
.navbox ul .nav-tel p{height:auto;padding:15px 0 15px 55px;background:url(../nyimages/icon11.png) 10px center no-repeat;overflow:hidden;}
.navbox ul .nav-tel em{display:block;font-size:16px;height:20px;line-height:20px;float:left;font-style:normal;color:#fff;}
.navbox ul .nav-tel a{width:auto;float:left;padding:0;font-size:18px;height:20px;line-height:20px;}

/*banner*/
.bannerbox,.banner{position:relative;height:600px;overflow:hidden;position:relative;}
#bannerppt,#bannerppt .bannerpic{width:100%;height:100%;position:relative;}
#bannerppt .bannerpic ul{width:100%;height:100%;display:-webkit-flex;display:flex;flex-wrap:nowrap;}
#bannerppt .bannerpic ul li{width:100%;height:100%;float:left;position:relative;overflow:hidden;flex-shrink:0;}
#bannerppt .bannerpic ul li img{height:100%;position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);}
.banner .btn{width: 100%;height: 25px;text-align: center;position: absolute;left:0;bottom: 0;z-index:9;}
.banner .btn span{display:inline-block;width:13px;height: 13px;margin:0 10px;cursor:pointer;background:#fff;border:3px solid #fff;border-radius: 100%;}
.banner .btn span.on{background:#ff4c4c;}

/*search*/
.search{background:#f5f5f5;padding:15px 0;}
.search .right{width:300px;height: 30px;float: right;position: relative;}
.search .right .tit{width: 100%;height: 30px;float: left;border:1px solid #ccc;border-radius:5px;padding:5px 9px;background:#fff;}
.search .right .tit input{display: block;width: 100%;height: 18px;border: 0;background: none;line-height: 18px;color: #666;padding:0;}
.search .right .anniu{width: 50px;height: 30px;position: absolute;top: 0;right: 0;}
.search .right .anniu input{width: 50px;height: 30px;display:block;border:0;background:url(../images/anniu.png) center no-repeat;cursor:pointer;}

.search .left{width:65%;height: 30px;float: left;line-height: 30px;color: #666;position:relative;padding-left:6.5em;}
.search .left div{width:6.5em;overflow:hidden;height:30px;position:absolute;left:0;top:0;color:#095eb3;}
.search .left p{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.search .left p a{color:#666;}
.search .left p a:hover{color:#ff7e00;}

/*底部*/
.footbox{width:100%;background:#191919 url(../images/footbg.jpg) center bottom;color:#aaa;padding-top:35px;position:relative;}
.footbox::after,.footbox::before{content:"";width:50%;height:3px;position:absolute;top:0;}
.footbox::after{right:0;background:#095eb3;}
.footbox::before{left:0;background:#ff7e00;}
.footbox a{color:#aaa;}
.footbox a:hover{color:#fff;}

.footbox .cont{width:29%;overflow:hidden;float:left;padding-bottom:35px;padding-right:7%;}
.footbox .tit{width:100%;height:50px;font-size:18px;line-height:46px;color:#fff;font-weight:bold;border-bottom:1px solid #4a4a4a;}
.footbox .tit p{width:100%;height:48px;overflow:hidden;padding-left:25px;background:url(../images/icon6.png) left center no-repeat;}
.footbox .tit span{display:block;width:50px;height:2px;background:#ff7e00;}
.footbox .txt{width:100%;overflow:hidden;padding-top:20px;}
.footbox .txt a{display:block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}

.footbox .foot-nav{width:23%;}
.foot-nav p{width:105%;}
.foot-nav a{width:50%;float:left;padding:4px 10px 5px 0;}

.foot-pro ul{width:104%;}
.foot-pro ul li{width:50%;float:left;}
.foot-pro ul li a{padding:4px 10px 5px 0;}

.foot-cta .txt p{width:100%;padding:4px 0 5px;}

.footbox .foot-ewm{width:19%;float:right;padding-right:0;}
.foot-ewm .txt{width:108%;margin:0 -4%;}
.foot-ewm .txt p{width:50%;padding:5%;float:left;text-align:center;}
.foot-ewm p img{width:100%;}
.foot-ewm p span{display:block;color:#fff;padding-top:10px;}

.foot-bottom{width:100%;float:left;padding:20px 0 25px;text-align:center;border-top:1px solid #4a4a4a;line-height:30px;}


@media only screen and (max-width:1199px){
.banner{height:auto;padding-bottom:48%;}
#bannerppt{position:absolute;}
}
@media only screen and (max-width:1023px){
.w1200{width: 96%;}
.topbox,.headbox .tel,.headbox .logo span{display:none;}
.navico,.navbox ul li p span,.navbox ul .nav-tel{display:block;}
.headbox{height:60px;background:rgba(0,0,0,.75);padding:0;position:fixed;left:0;top:0;z-index:999999;}
.headbox .logo a{height:60px;display:block;}
.navbox{position:fixed;left:0;top:0;background:#333;height:0;overflow:hidden;}
.navbox.nav_on{height:100%;}
.navbox .w1200{position:relative;height:100%;}
.navbox ul{width:100%;height:calc(100vh - 120px);overflow-y:auto;position:absolute;left:0;top:65px;padding:0 2%;}
.navbox ul li{width:100%;height:auto;background:none;text-align:left;border-bottom:1px solid #666;}
.navbox ul li p{padding-right:60px;}
.navbox ul li dl{border: 0 solid #444;border-radius: 10px;padding: 0 13px;overflow: hidden;background:#353535;}
.navbox ul li dl dd > a{line-height:24px;margin:0;padding:0 7px;float:left;width:auto;}
.navbox ul li dl dd > div{display:none;}
.navbox ul li:hover p a{background:none;}
.navbox ul li:hover dl{border-width: 1px;padding: 10px 13px;margin-bottom: 10px;}
.navbox ul li:hover dl dd a{height:34px;padding:0 7px;}
.navbox ul li dl dd:hover a{background:none;}
.banner{margin-top:60px;}
.search .left{width:calc(100% - 310px);}
.footbox .cont{width:36%;padding-bottom:20px;}
.footbox .txt{padding-top:15px;}
.footbox .foot-cta{width:28%;padding-right:0;}
.footbox .foot-ewm{display:none;}
}
@media only screen and (max-width:767px){
.w1200{width:94%;}
.banner .btn{height:20px;}
.banner .btn span{width:10px;height:10px;border-width:2px;margin:0 5px;}
.search{padding:15px 0 10px;}
.search .right{width:100%;}
.search .left{width:100%;margin-top:5px;}
.footbox{padding-top:25px;background-size: auto 100%;}
.footbox::after,.footbox::before{height:2px;}
.footbox .foot-nav{width:53.5%;}
.footbox .foot-pro{width:46.5%;}
.footbox .foot-cta{width:53.5%;padding-right:7%;}
.footbox .foot-ewm{display:block;width:46.5%;}
.foot-bottom{padding:15px 0;line-height:1.5;}
}
@media only screen and (max-width:560px){
.footbox .cont{width:100%;padding-right:0;}
.footbox .foot-nav a{width:25%;}
.footbox .foot-pro li{width:33.33%;}
.foot-ewm .txt{margin:0 -10px;}
.foot-ewm .txt p{width:140px;padding:10px;}
}
@media only screen and (max-width:320px){
.footbox .foot-pro li{width:50%;}
}