@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li, pre,form,iframe, fieldset, legend, button,input, select, textarea, th, td,img,div{margin: 0;padding: 0;}
body{font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;font-size: 14px;line-height: 24px;}
input,select,textarea,button,hr{border:none;outline: none;border-radius: 0;box-shadow: none}
input::-webkit-input-placeholder{color: #999;}
iframe{display: block;border: 0}
h2,h3{font-weight: normal;}
a{color: #000;text-decoration:none;}
a:hover{color: #1b82d3;text-decoration: none;}
a:focus{color: inherit;text-decoration: none;}
img{border:none;max-width: 100%;}
.img-auto{width: auto}
.img-cover{width: 100%;}
em,i{font-style:normal;}
ul, ol {list-style: none;}
th,td{text-align: center;vertical-align: middle!important;}
.tac{text-align: center;}
.tar{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.block{display: block;}
.pos{position: relative;}
.bgWhite{background: #fff;}
.bgefefef{background: #efefef;}
.bgf3f3f3{background: #f3f3f3;}
.bgBlue{background: #213662;}
.red{color: #d73500}
.white,.white:hover{color: #fff;}
.gray6{color: #666}
.gray{color: #999}
.blue{color: #2d4e72;}
.red{color: #d73500;}
.clear:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.clear{zoom:1;}
.maximg,table{width:100%!important;}
.esp{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.esp_2{display: -webkit-box;-webkit-box-orient: vertical;line-height: 1.4;-webkit-line-clamp: 2;white-space: normal!important;overflow: hidden;text-overflow: ellipsis}
.imgbig{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;/*display: block !important*/}
.imgbig:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.bold{font-weight: bold;}
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz26{font-size: 26px;}
.mgl25{margin-left: 25px;}
.mgt5{margin-top: 5px;}
.mgt10{margin-top: 10px;}
.mgt15{margin-top: 15px;}
.mgt20{margin-top: 20px;}
.mgt30{margin-top: 30px;}
.mgt40{margin-top: 40px;}
.mgb15{margin-bottom: 15px;}
.mgb20{margin-bottom: 20px;}
.mgb25{margin-bottom: 25px;}
.mgb30{margin-bottom: 30px;}
.pdt30{padding-top: 30px;}
/*header*/
header{margin-bottom: 1px;background:url(./bg-top.jpg) center bottom no-repeat;-webkit-background-size: cover;background-size: cover;}
.logo{display: block;padding:9% 0 6%}
.search{float: right;display: flex;justify-content:space-between;align-items: center;width: 290px;height: 34px;line-height: 34px;margin-bottom: 12px;background: #fff;border-radius: 18px;border:1px solid #79b1fd;overflow: hidden;}
.search-input{flex:1;width: 100%;height: inherit;padding: 0 10px;background: none;}
.btn-search{display: flex;justify-content: center;align-items: center;width: 70px;height: inherit;font-size: 16px;color: #fff;cursor: pointer;background: #3885c3;border-radius: 18px;transition: all .3s}
.btn-search:hover{opacity: .9}
/*导航*/
.nav>li>a:focus, .nav>li>a:hover{background: none;}
.container-fluid,.navbar-collapse{padding: 0;}
.navbar-default{min-height:54px;text-align: center;border:none;border-radius:0;margin: 0;background: #1b82d3;}
.navbar-default .nav{position: relative;display: flex;justify-content: space-between;align-items: center;}
.navbar-collapse>.nav>li{flex:auto;position: static;background: #1b82d3;}
.navbar-collapse li a:focus,.news-tab>li>a:focus{background: none;}
.navbar-collapse>.nav>li>a{font-size: 16px;color: #fff;padding: 15px 0;}
.navbar-collapse>.nav>li.active>a,.navbar-collapse>.nav>li:hover>a{position: relative;z-index: 1;background:#eebe01;transform: skew(-15deg);}
.navbar-collapse>.nav>li.active>a>span,.navbar-collapse>.nav>li:hover>a>span{display: block;transform: skew(15deg);}
/*二级菜单*/
.menu-box{display: none;}
.menu{display: flex;justify-content: center;flex-wrap: wrap;background: #d5e5f3;transform: skew(-15deg);}
.menu li{flex: auto;transform: skew(15deg);}
.menu li a{display: block;font-size: 14px;color:#000;padding: 15px 12px 11px;}
.menu li a:hover,.menu li.active a{color:#255fa6}
.navbar-collapse li:hover .menu-box{display: block}
/*焦点图*/
.carousel-inner{overflow: visible;}
.carousel-inner a{display: block;}
.carousel-caption{left: 0;right: 0;bottom: 0;line-height: 20px;font-size: 16px;font-weight: bold;padding-top: 5%;padding-bottom:25px;background-image: linear-gradient(to top, rgba(0,0,0,.8) 20%, rgba(0,0,0,.0001) 100%);}
.carousel-indicators{bottom: 10px;}
.carousel-indicators li{width: 12px;height: 12px;margin: 0;background-color: #ddd;border:none;}
.carousel-indicators .active{width: 12px;height: 12px;background-color: #eebe01;}
.carousel-control{width: 12%;}
.carousel-inner>.item>a>img{width: 100%;}
/*main*/
main{min-height:500px;}
.title1{font-size: 24px;border-bottom: 1px solid #333}
.title1 a{display: inline-block;color: #333;padding-bottom:10px;margin-right: 25px;border-bottom: 4px solid transparent}
.title1 a.active{font-size: 30px;font-weight: bold;border-color: #64a0d8}
.title1 a.more{padding: 0;margin: 0;border: none;}
.title1.fz26{display: flex;justify-content: space-between;align-items: center;}
.title1.fz26 a.active{font-size:26px;}
.title2{font-size: 32px;font-weight: bold;color: #333;text-align: center;padding:40px 0 20px;}
.title2 a{color: #333;}
.title3{position: relative;font-size: 24px;font-weight: bold;margin-bottom:20px;}
.title3 a,.title4 span{position: relative;z-index:1;}
.title3:before{position: absolute;left: 0;bottom: 2px;content: '';width: 47px;height: 7px;background: #eebe01;}
.title4{position: relative;display: inline-block;font-size: 20px;font-weight: bold;}
.title4:before{position: absolute;left: 1em;bottom: 0;content:'';width: 96%;height: 7px;background: #eebe01;}
.more{float: right;font-size: 14px;font-weight: normal;}
.readmore{font-size: 14px;color: #483100;padding: 2px 8px;background: #eebe01;}

.aside{text-align: center;margin-top:15px;}
.menu-block a{display: flex;align-items: center;height: 79px;font-size: 24px;text-align: center;font-weight: bold;color: #fff;margin: 20px 0;}
.menu-block .m1{background: #f2640e;}
.menu-block .m2{background: #3885c2;}
.menu-block a img{height: 100%;margin-right: 7%;}
.menu-block a:hover,.history a:hover{opacity: .9}

.news-list{padding: 0 5px;}
.news-list li{display: flex;justify-content: space-between;align-items: center;line-height:36px;font-size: 16px;}
.news-list li a{flex:1;display: block;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.news-list li:before{content:'•';color: #999;font-size:12px;margin-right:12px;}
.news-list li span{/*font-family: 'Arial';*/color: #444;padding-left: 20px;}

.items-box{background: #30a8fc;}
.items{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding: 30px 0;}
.items a{display: flex;justify-content: center;align-items: center;aspect-ratio: 178 / 168;font-size: 20px;color: #fff;font-weight: bold;text-align: center;background:url(../src/icon3.jpg) no-repeat;-webkit-background-size: contain;background-size: contain;transition: all .3s}
.items a:hover{font-size: 24px;}

/*资讯报道*/
.pic-slide{padding: 10px 0 15px;}
.pic-slide a{display: block;box-shadow: 1px 1.732px 12.6px 5.4px rgba(189, 189, 189, 0.3);background: #fff;overflow: hidden;}
.pic-slide .pic-txt{padding: 15px 20px;}
.pic-slide h3{font-size: 18px;}
.pic-slide p{text-align: right;color: #666;padding-top:5px;}
.imgbox{aspect-ratio: 16/10;overflow: hidden;}
.imgbox img{width: 100%; height: 100%; object-fit: cover}
.swiper-wrapper{position: static;}
.swiper-prev,.swiper-next{left: -80px;top: 40%;width:53px;height:53px;background:url(../src/arrow-triangle.png) no-repeat;}
.swiper-next{left:auto;right: -80px;background-position:-53px 0;}
.pic-list li{margin-top: 10px;}
.pic-list h3{font-size: 16px;padding: 15px;}
/*精彩回顾*/
.review{padding: 45px 0;}
.review h3{font-size: 18px;padding: 20px 15px;}
.icon-video{position: relative;}
.icon-video:before{content: '';position: absolute;left: 25px;bottom: 12px;width: 50px;height: 50px;background:url(../src/icon-video.png) no-repeat;-webkit-background-size: contain;background-size: contain;transition: all .3s}
.icon-video:hover:before{width:55px;height:55px;}

.partner-nav,.sports-tab{display: flex;justify-content: center;align-items: center;text-align: center;flex-wrap: wrap;border-bottom: 1px solid #333}
.partner-nav li{font-size: 24px;font-weight: bold;color: #333;margin: 0 1.8% -2px;padding: 1.2% 0;border-bottom: 4px solid transparent;cursor: pointer;}
.partner-nav li.active{border-color: #64a0d8;}
.medias{display: flex;flex-wrap: wrap;}
.links{display: flex;justify-content: center;text-align: center;flex-wrap: wrap;}
.links li{margin-bottom: 15px;}
/*新闻动态*/
.img-box{position: relative;display: block;}
.img-box h3{position: absolute;left: 0;right: 0;bottom: 0;font-size: 20px;color: #fff;padding: 15px 12px;background: rgba(0,0,0,.6);}
.img-info{line-height: 22px;margin: 15px 12px;}

.breadcrumb{background: none;padding: 5px 5px 10px;border-radius:0;border-bottom:1px solid #ccc;}
.breadcrumb>li+li:before{content: '>';padding: 0 2px;}

/*page*/
.pagination>li{display: inline-block;margin-bottom: 5px;}
.pagination>li.thisclass{color: #1b82d3;font-weight: 700;margin: 0 7px}
.pagination>li>a, .pagination>li>span{float: none;color: #333;}
.pagination select{padding: 3px;border: 1px solid #ddd;width: 50px!important;vertical-align: top;}
.pagination>li>.pageinfo{border:none}

.page_div {font-size: 12px;margin-top: 30px;}
#page_aa{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
#page_aa>span{margin: 0 6px;}
#page_aa>a{border: 1px solid #ddd;padding: 0px 10px;margin: 2px;}
#page_aa>a.thislink{font-size: 14px;color: #1b82d3;font-weight: 700;border: none;}
#page_aa select{padding: 4px;border: 1px solid #ddd;width: 50px!important;margin: 2px;}
#page_aa>a:hover{color: #23527c;background-color: #eee;}
#page_aa>a.thislink:hover{color: #1b82d3;background: none;cursor: default;}

.page-header{border:none;text-align: center;font-weight: bold; margin: 40px 0 20px;}
.page-header h2{font-size: 26px;font-weight: bold;}
.page-header p{color: #666;font-weight: normal;padding-top: 15px;}
.page-main p{font-size: 16px;line-height: 28px;margin: 15px 0;text-align: justify;}

/*运动项目*/
.sports-box{background: #f9f9f9;}
.sports-title{position: absolute;left: 0;top: 0;font-size: 24px;color: #fff;font-weight: bold;text-align: center;padding: 14px 25px 10px;background: rgba(38,96,166,.95);}
.sports-title p{font-size: 16px;font-weight: normal;margin-top: 2px;}
.sports-title:after{position: absolute;top: 0;bottom: 0;right: -40px;content: '';width: 40px;height: 100%;background: url(../src/icon4.png) right top no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;}
.sports-info{padding: 5.5% 3.5% 10px;}
.sports-info p{line-height: 28px;margin: 15px 0;}

.sports-tab li{font-size: 16px;margin: 0 7px 1px;background: #eee;transform: skew(-15deg);}
.sports-tab li a{display: block;padding: 12px 25px;transform: skew(15deg);}
.sports-tab li.active{font-size: 18px;background: #1c4186;}
.sports-tab li.active a{color: #f9f9f9;}
.sports-main{padding: 30px 0;}
.btn-more{display: inline-block;padding: 5px 100px;background: #dedede;transition:all .3s;}
.btn-more:hover{color: #f9f9f9;background: #1c4186;}

table{border: 1px solid #ddd;}
table th,table td{padding: 5px;border: 1px solid #ddd;}
table th{color: #fff;background: #1b82d3;}
table tbody tr:nth-child(even){background: #f2f2f2;}

.history a{display: flex;justify-content: center;text-align: center;align-items: center;font-size:18px;color: #fff;height: 165px;line-height: 22px;padding:15px;margin-bottom: 20px;}
.history li:nth-child(8n+1) a{background: #4eafeb;}
.history li:nth-child(8n+2) a{background: #b8912f;}
.history li:nth-child(8n+3) a{background: #de8243;}
.history li:nth-child(8n+4) a{background: #bfbfbf;}
.history li:nth-child(8n+5) a{background: #fada79;}
.history li:nth-child(8n+6) a{background: #4e73be;}
.history li:nth-child(8n+7) a{background: #5e7f3f;}
.history li:nth-child(8n+8) a{background: #8696ae;}
/*关于航协*/
.about-main{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-box{font-size: 16px;line-height: 28px;padding: 30px 10px 0;}
.about-box p{margin-bottom: 15px;}
.leader,.branch{margin-bottom: 20px;}
.leader dt,.branch dt,.contact dt{width: 90px;font-size: 18px;font-weight: bold;}
.leader dd,.branch dd,.contact dd{flex:1;line-height: 24px;}
.branch dt{width: 210px;}
.branch dd,.contact dd{line-height: 28px;}

.org-list{display: flex;flex-wrap: wrap;}
.org-list li{width: 50%;}


/*航协会员*/
.child-nav {text-align: center;}
.child-nav dt{display: flex;justify-content: center;align-items: center;font-size: 24px;color: #fff;font-weight: normal;padding: 16px 0;background: #265fa7;}
.child-nav dt:before{content:'';width: 49px;height: 29px;margin-right: 6px;background: url(../src/icon-logo.png) center center no-repeat;-webkit-background-size: contain;background-size: contain;}
.child-nav-list a{display: block;font-size: 18px;padding: 15px 0;margin-top: 1px;background: #e8e7e7;}
.child-nav-list .active a{color: #fff;background: #1b82d3;}
/*footer*/
.foot{color: #fff;line-height: 22px;background: #2065ba;}
.foot h3{font-size: 18px;font-weight: bold;}
.foot-box{display: flex;flex-wrap: wrap;padding: 40px 0;background: url(../src/bg-foot.png) right center no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%;}
.foot-logo{display: flex;text-align: center;align-items: center;justify-content: center;}
footer {text-align: center;padding: 30px 0;}

@media screen and (max-width:767px){
  .logo {padding: 15px 0;}
  .logo img{height: 40px;}
  .search{width:100%;}
  .navbar-default{position: absolute;left: 0;right: 0;top: 10px;z-index: 999;height: 40px;background: none;border: none;}
  .navbar-collapse{border:none;}
  .navbar-default .navbar-toggle{background:rgba(255,255,255,.7);}
  .navbar-default .navbar-toggle .icon-bar{background-color:#1c4186;}
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:rgba(255,255,255,.5);}
  .navbar-default .nav{align-items: normal;flex-direction: column;}
  .navbar-collapse>.nav>li.active>a,
  .navbar-collapse>.nav>li:hover>a,
  .navbar-collapse>.nav>li.active>a>span,
  .navbar-collapse>.nav>li:hover>a>span,
  .menu,.menu li{transform: skew(0deg);}
  .menu li a{padding: 10px 15px}
  .carousel-indicators{bottom: 0;}
  .carousel-inner a{display: flex;justify-content: center;overflow: hidden;}
  .carousel-inner>.item>a>img {max-width: none;width: auto;height: 220px;}
  .menu-block{padding-left: 0;}
  .menu-block a{height: 46px;font-size: 18px;margin: 10px 0;}
  .swiper-prev,.swiper-next{display: none}
  .items a{font-size: 16px;line-height: 18px;}
  .partner-nav li{font-size: 18px;}
  .sports-tab li{margin:1px}
  .sports-tab li a{padding: 5px 12px;}
  .history a{height: 100px;font-size: 15px;line-height: 18px;margin-bottom: 15px;}
  .child-nav-list{display: flex;justify-content: space-between;}
  .child-nav-list li{flex:1;}
  .foot-box{background: url(../src/bg-foot.png) center center no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%;}
}
@media screen and (min-width:768px){
  .search{margin-top: 16%;}
  .navbar-collapse>.nav>li>a{font-size: 14px;}
  .menu-box{position: absolute;left: 20px;right: 20px;top:54px;z-index:99;}
  .carousel-caption{font-size: 20px;padding-bottom: 40px;}
  .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev
  {width: 60px;height: 60px;margin-top: -30px;font-size: 60px;}
  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right: -30px;}
  .menu-block{margin-top: 5px;}


}
@media screen and (min-width:992px){
  .navbar-collapse>.nav>li>a{font-size: 16px;}
  .carousel-caption{font-size: 28px;padding-bottom: 50px;}
  .aside{padding-left: 50px;}
  
}
@media screen and (min-width:1200px){
  .aside{padding-left: 100px;}
  .review,.news-box{margin-right: -25px;margin-left: -25px}
  .review .col-sm-4,.news-box .col-md-5,.news-box .col-md-7{padding-right: 25px;padding-left: 25px;}
  .orgs .col-lg-2{width: 20%;}
  .medias {justify-content: center;}
  .medias .col-sm-2{width: 10%;}
  .articleBox{padding:2% 6%;}
  .leader,.branch,.contact{display: flex;}
  .tab-content{padding-left: 6%;}
}

@media screen and (min-width:1400px){
  .container{width: 1310px;}
  .aside{padding-left: 140px;} 
  .orgs .col-lg-2{width: 16.66%;}
}