@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;}
.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;}
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:#f4f4f4;height:34px;padding:5px 0;border-bottom:1px solid #ddd;color:#787878;line-height:24px;}
.topbox .left{float:left;max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.topbox .right{float:right;max-width:30%;}

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

.headbox .tel{float:right;height:125px;padding:0 130px 0 65px;background:url(../images/icon1.png) left center no-repeat;position:relative;}
.headbox .tel span{color:#436484;line-height:24px;padding-top:30px;display:block}
.headbox .tel p{color:#436484;font-size:28px;line-height:1.5;}
.headbox .tel p b{font-size:22px;font-weight:normal;display:block;float:left;line-height:42px;margin-right:3px;}
.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:#63809d;overflow:visible;position:relative;z-index:99999;}
.navbox .w1200{overflow:visible;}
.navbox ul li{width:12.5%;height:50px;float:left;text-align:center;}
.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;font-weight:bold;}
.navbox ul li p span{width:50px;height:50px;background:url(../nyimages/icon10.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);}
.navbox ul li dl{width:100%;background:rgba(22,54,86,.8);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:#436484;}
.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:#7a9ec2;}
.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;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;background:#336087;}
.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:#3e5163;}
.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:#436484;color:#c2daf2;line-height:30px;}
.footbox a{color:#c2daf2;}
.footbox a:hover{color:#fff;}

.foot-nav{padding:15px 0;background:#385673;text-align:center;}
.foot-nav a{font-size:15px;font-weight:bold;padding:0 15px;display:inline-block;}
.foot-text .mtext{display:none;padding:20px 0;text-align:center;}
.foot-text .text .txt-top{width:100%;padding:25px 5% 25px 40%;position:relative;line-height:30px;}
.foot-text .ewm{width:120px;height:120px;position:absolute;left:40%;top:25px;margin-left:-140px;}
.foot-text .ewm img{width:120px;}
.foot-text .text .txt-foot{width:100%;border-top:1px solid #567491;padding:15px;overflow:hidden;}
.foot-text .text .txt-foot p{width:75%;float:left;}


@media only screen and (max-width:1250px){
.banner{height:auto;padding-bottom:48%;}
#bannerppt{position:absolute;}
.foot-nav a{padding:0 10px;}
}
@media only screen and (max-width:1024px){
.w1200{width: 96%;}
.topbox,.headbox .tel,.headbox .logo em{display:none;}
.navico,.navbox ul li p span,.navbox ul .nav-tel,.headbox .logo span{display:block;}
.headbox{height:60px;background:rgba(22,54,86,.85);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:#334c66;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 #436484;}
.navbox ul li p{padding-right:60px;}
.navbox ul li dl{border: 0 solid #436484;border-radius: 10px;padding: 0 13px;overflow: hidden;background:#395573;}
.navbox ul li dl dd > a{line-height:34px;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{padding:0;}
.foot-nav{display:none;}
}
@media only screen and (max-width:768px){
.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{line-height:24px;}
.foot-text .text .txt-top{padding:25px 2.5% 25px 27.5%;}
.foot-text .ewm{left:27.5%;}
}