@charset "utf-8";

/* 通用 */
a:hover{color:#1b4db3;}
.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 */
.headbox{z-index: 9999999999;height: 100px;box-shadow: 0 2px 10px rgba(0,0,0,.1);background: #fff;position: fixed;left: 0;top: 0;}
.headbox .w1280{height:100%;}
.headbox .logo{float:left;height:100%;overflow: hidden;}
.headbox .logo a{float:left;position: relative;height: 100%;}
.headbox .logo em{display:block;font-size: 36px;font-weight: 600;font-style: normal;color: #1b4db3;line-height: 40px;position: relative;left: 0;top: 50%;margin-top: -20px;}

@media only screen and (min-width:1025px){
.head-fixed{height:70px;}
.head-fixed .navbox ul li{padding: 15px 5px;}
.head-fixed .navbox ul li:hover > a{padding: 15px 5px;}
}
@media only screen and (max-width:1024px){
.headbox{width:100%;height:60px;background: none;z-index: 6;position: fixed;left: 0;top: 0;padding: 0;}
.headbox .w1280{width:100%;}
.headbox .logo{width:100%;height:100%;padding:0 2%;background:rgba(25,25,25,.75);z-index:5;position: relative;}
.headbox .logo em{color: #e6e6e6;font-size: 30px;font-weight: normal;padding: 0 5px;}
}
@media only screen and (max-width:768px){
.headbox{height:50px;}
.headbox .logo em{font-size: 26px;}
}


.headbox_03 .tel{float: left;padding: 0 25px;line-height: 30px;font-weight: 600;position: relative;top: 50%;margin-top: -30px;}
.headbox_03 .tel a{color: #296ecd;display: block;overflow: hidden;}
.headbox_03 .tel span{font-size: 20px;float: left;padding-right: 10px;}
.headbox_03 .tel em{font-size: 17px;font-style: normal;float: left;}

@media only screen and (max-width:1200px){
.headbox_03 .tel{padding: 0 20px;}
}
@media only screen and (max-width:1100px){
.headbox_03 .tel{padding: 0 15px;}
}
@media only screen and (max-width:1024px){
.headbox_03 .tel{display: none;}
}


/* navbox */
.navbox{position: relative;z-index: 99999999999;float: right;height: 100%;}
.navbox ul li{position: relative;z-index: 1;float:left;text-align:center;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;padding: 30px 5px;min-width: 120px;}
.navbox ul li:hover,
.navbox ul li.active{z-index: 2;}
.navbox ul li a{display:block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 40px;padding: 0 5px;}
.navbox ul li > a{font-size:15px;position: relative;z-index: 2;border-radius: 5px;}
.navbox ul li.active > a{background: #1b4db3;color: #fff;font-weight: 600;}

.navbox 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 ul li > i{display: block;width: 16px;height: 16px;border: 8px solid rgba(0,0,0,0);border-bottom: 0px solid #fff;position: absolute;z-index: 0;bottom: 0;left: 50%;margin-left: -8px;overflow: hidden;}
.navbox ul li:hover > i{border-bottom-width: 8px;z-index: 3;}

.navbox ul li > dl{min-width:100%;position: absolute;top:150%;left:0;opacity: 0;background: #1b4db3;}
.navbox ul li > dl a{height:0;color:#fff;border-top: 0 solid rgba(255,255,255,.3);line-height: 45px;}
.navbox ul li a:hover{background: #ffa500;font-weight: 600;}
.navbox ul li:hover{padding: 0;}
.navbox ul li:hover > a{padding: 30px 5px;border-radius: 0;}
.navbox ul li:hover > dl{top: 100%;opacity: 1;}
.navbox ul li:hover > dl a{height:45px;border-width: 1px;}

@media only screen and (max-width:1200px){
.navbox ul li{min-width: 105px;}
}
@media only screen and (max-width:1100px){
.navbox ul li{min-width: 95px;}
}
@media only screen and (max-width:1024px){
.navbox{width:100%;max-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:hover > a,
.navbox ul li.active > a{height:50px;background: none;color: #fff;padding:0 15px;border: 0;margin: 0;line-height: 50px;font-weight: 600;}
.navbox ul li.active > a{color: #1677d9;}
.navbox ul li > dl{background:#e6e6e6;padding: 0 20px;}
.navbox ul li > dl a{border-color: #ccc;color: #454545;line-height: 45px;}
.navbox ul li > dl dd:first-child a{border: 0;}
.navbox ul li:hover > dl{padding: 5px 20px;}
.navbox ul li:hover > dl a{height: 45px;}
.navbox ul li > dl a:hover{color: #1677d9;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;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:600px;}
#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:45%;}
.bannerbox ul{position: absolute;top: 0;left: 0;}
}
@media only screen and (max-width:1024px){
.bannerbox{padding-top: 60px;}
}
@media only screen and (max-width:768px){
.bannerbox{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;}
}

/*search*/
.searchbox{background: #f7f7f7;padding: 35px 0;}
.searchbox .hot-txt{width: 70%;float: left;position: relative;padding: 5px 5px 5px 6em;line-height: 30px;color: #777;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.searchbox .hot-txt .tit{display: block;position: absolute;left: .5em;top: 5px;font-style: normal;}

.searchbox .sou-txt{width: 29%;float: right;position: relative;max-width: 320px;overflow: hidden;}
.searchbox .sou-txt p{width: 100%;overflow: hidden;}
.searchbox .sou-txt p input{width: 100%;line-height: 24px;border: 1px solid #ddd;padding: 7px 14px;background: #fff;overflow: hidden;}
.searchbox .sou-txt span{width: 25%;max-width: 75px;height: 100%;position: absolute;right: 0;top: 0;background: #1b4db3;}
.searchbox .sou-txt span input{width: 100%;height: 100%;background: url(../nyimages/anniu.png) center no-repeat;cursor: pointer;}

@media only screen and (max-width:1024px){
.searchbox{padding: 25px 0;}
.searchbox .hot-txt{width: 65%;}
.searchbox .sou-txt{width: 34%;}
}
@media only screen and (max-width:768px){
.searchbox{padding-bottom: 15px;}
.searchbox .hot-txt{width: 100%;margin-top: 5px;max-height: 60px;white-space: normal;line-height: 25px;}
.searchbox .sou-txt{width: 100%;max-width: 100%;}
}

/* footbox */
.footbox{line-height: 30px;color: #999;background:#2d2d2d url(../nyimages/bg16.jpg) center no-repeat;background-size: 100% 100%;}
.footbox::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(45,45,45,.75);z-index: 0;}
.footbox .w1280{z-index: 1;position: relative;}
.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: rgba(0,0,0,.5);text-align: center;z-index: 1;}

.linkbox{padding: 25px 0;border-bottom: 1px solid #454545;}
.linkbox ul{padding-left: 90px;position: relative;}
.linkbox ul p{position: absolute;left:10px;top: 0;}
.linkbox ul li{display: inline;padding: 0 5px;}
.linkbox ul li a{white-space: nowrap;}

.foot-box{overflow: hidden;float: left;padding-right: 2%;width: 13%;}

.foot-txt{width: 30%;float: left;text-align: center;line-height: 1;padding-right: 5%;}
.foot-txt a{color: #fff;}
.foot-txt em{font-size: 28px;font-weight: 600;font-style: normal;padding: 15px 0 35px;display: block;}
.foot-txt p{font-size: 30px;font-weight: 600;padding: 10px 0;color: #1677d9;}

.foot-ewm{padding: 0 0 10px;text-align: center;line-height: 1;color: #454545;background: #fff;}
.foot-ewm img{width: 100%;}

@media only screen and (max-width:1024px){
.footbox .foot-cont{padding: 30px 0;}
.footbox .foot-ewm{width:15%;}
}
@media only screen and (max-width:768px){
.foot-cont,
.linkbox{display:none;}
.footbox .foot-text{background: rgba(0,0,0,.25);}
}