@charset "utf-8";

/*通用*/
.w1920{width: 100%;max-width:1920px;min-width:1310px;margin: 0 auto;}
.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: 75%;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:#ff9600;}

/*top*/
.topbox{height: 35px;line-height: 34px;border-bottom: 1px solid #eee;background: #fafafa;color: #666;font-size: 13px;}
.topbox .left{width: 70%;float: left;}
.topbox .right{max-width: 25%;float: right;}
.topbox .right span{font-family: "宋体";font-size: 12px;}

/*head*/
.headbox,.headbox > div{height:120px;}
.headbox .logo{float:left;height:100%;}
.headbox .logo p{padding:15px 15px 15px 0;float: left;}
.headbox .logo p img{height: 90px;}
.headbox .logo span{height: 120px;display: block;padding: 18px 0;float: left;font-size: 14px;color: #787878;}
.headbox .logo span strong{display: block;font-size: 40px;letter-spacing: 4px;color: #067fc9;}

.headbox .tel{height:100%;float: right;padding: 5px 120px 5px 50px;background: url(../nyimages/icon-tel.png) left 52% no-repeat;position: relative;}
.headbox .tel img{position: absolute;right: 0;top: 5px;}
.headbox .tel span{display: block;color: #808080;padding: 30px 0 0 5px;}
.headbox .tel p{font-size: 30px;line-height: 36px;color: #fb3f30;}

/*nav*/
.navbox{height:44px;position:relative;background: #006ba0;z-index: 999999;}
.navbox ul li{width:12.5%;height:44px;float:left;text-align:center;position: relative;}
.navbox ul li a{display:block;overflow:hidden;position: relative;white-space: nowrap;text-overflow: ellipsis;}
.navbox ul li > a{width:100%;height:100%;padding: 7px 5px;font-size:15px;font-weight:600;color:#fff;background: #006ba0;line-height: 2;}
.navbox ul li > i{display:block;width:100%;height:16px;background:url(../images/icon7.png) center top no-repeat;position:absolute;left:0;bottom:0;z-index: -1;}
.navbox ul li > span{display:none;width: 50px;height: 50px;background: url(../nyimages/icon14.png) center no-repeat;position: absolute;top: 0;right: 0;}

.navbox ul li > dl{min-width:100%;background:rgba(0,85,150,.8);padding:0;position:relative;top:150%;left:0;opacity: 0;border-radius: 3px;}
.navbox ul li > dl dd{position: relative;}
.navbox ul li > dl dd > a{width:100%;height:0;padding:0 5px;margin:-5px auto;color:#fff;z-index: 1;}
.navbox ul li > dl dd > div{width:0;padding:0;overflow:hidden;position:absolute;left:100%;top:0;border:0 solid #ff9600;opacity:0;background:#f7f7f7;text-align: left;}
.navbox ul li > dl dd > div a{width:50%;height:0;padding:0 5px;color:#666;display: inline-block;}

.navbox ul li.active > a{background-color:#ff9600;color: #fff;}
.navbox ul li:hover > i{bottom: -15px;}
.navbox ul li:hover > dl{top: 15px;opacity: 1;padding:15px 0;}
.navbox ul li:hover > dl dd > a{height:40px;padding:10px 5px;}
.navbox ul li > dl dd:hover > a{background:#ff9600;z-index: 2;}
.navbox ul li > dl dd:hover > div{width:130%;opacity:1;padding:10px 5px 10px 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:#ff9600;}

/*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;}
.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: 3s ease;transition: 3s ease;}
.bannerbox .swiper-slide-active{-webkit-transform:scale(1);transform:scale(1);opacity: 1;z-index: 999;}

/*search*/
.searchbox{background:#f5f5f5;padding:15px 0;border: 1px solid #e6e6e6;}
.searchbox .right{width:25%;max-width:300px;height: 30px;float: right;position: relative;}
.searchbox .right .tit{width: 100%;height: 30px;float: left;border:1px solid #ddd;padding:5px 10px;background:#fff;}
.searchbox .right .tit input{display: block;width: 100%;height: 18px;border: 0;background: none;line-height: 18px;color: #666;padding:0;}
.searchbox .right .anniu{width: 50px;height: 30px;position: absolute;top: 0;right: 0;background:#067fc9;}
.searchbox .right .anniu input{width: 50px;height: 30px;display:block;border:0;background:url(../nyimages/icon-search.png) center no-repeat;cursor:pointer;}

.searchbox .left{width:70%;height: 30px;float: left;line-height: 30px;color: #333;position:relative;padding-left:6.5em;}
.searchbox .left div{width:6.5em;overflow:hidden;height:30px;position:absolute;left:0;top:0;color:#666;}
.searchbox .left p{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*foot*/
.footbox{background:#006ba0;line-height: 30px;color: #dcf3ff;}
.footbox a{color: #dcf3ff;}
.footbox a:hover{color: #ff9600;}

.foot-nav{text-align:center;padding:30px 10% 20px;}
.foot-nav p{width:12.5%;padding:0 10px;overflow: hidden;margin: 0;float: left;}
.foot-nav a{font-size:15px;font-weight:600;display:block;position: relative;top: 0;}
.foot-nav a:hover{top:-5px;}

.foot-cont{padding:40px 300px;border-top: 1px solid #0083c3;position: relative;min-width: 150px;}
.foot-logo{width: 300px;height:100%;background: url(../images/flogo.png) center no-repeat;position: absolute;left:0;top: 0;}
.foot-txt{width:100%;position: relative;border: 1px solid #0083c3;border-width: 0 1px;padding:10px 5%;}
.foot-ewm{width:300px;position: absolute;right: 0;top: 0;padding: 40px 10px;}
.foot-ewm p{width: 100%;float: left;padding: 10px;text-align: center;}
.foot-ewm p img{max-width: 120px;}

.foot-text{padding: 20px 15px 25px;clear: both;background: #004b71;}
.foot-text p{width: 70%;float: left;}
.foot-text .r-txt{width: 25%;float: right;text-align: right;}