.header{background-color: #fff; background-image: url(../images/head-bg.png); background-position: center bottom;}
.header .top{background-color: #eaeaea;}
.header .top .bd{margin: auto; padding: 5px 0; width: 1300px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between;}
.header .top .link span{padding-right: 10px;}
.header .head{margin: auto; width: 1300px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center;}
.header .head .logo{padding: 24px 0;}
.header .head .search{background-color: #ffffff; border-radius: 20px; border: 1px solid #dddddd;}
.header .head .search .bd{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;}
.header .head .search input{border: none; outline: none; height: 35px; width: 300px; padding-left: 10px; background-color: transparent;}
.header .head .search button{height: 35px; width: 35px; background-color: transparent; border: none; background: url(../images/search.png) no-repeat center; background-size: 50%;}

.header .nav{width: 100%;}
.header .nav.fixed{position: fixed; top: 0; left: 0; right: 0; z-index: 100000; background: linear-gradient(#1b4fae, transparent);}
.header .nav ul{margin: 0 auto; width: 1300px; padding: 0; height: 45px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify;}
.header .nav ul li.item{list-style: none; font-size: 18px; position: relative; background: url(../images/nav-line.png) right center no-repeat;}
.header .nav ul li .link{color: #333333; width: 100%; text-align: center; line-height: 45px; display: block;padding: 0 18px;}
.header .nav ul li.hover .link,.header .nav ul li:hover .link{color: #1b4fae; font-weight: bold; background: url(../images/menu_hover.png) bottom center no-repeat;}
.header .nav ul li.item .sub{position: absolute; z-index: 999999; left: -25%; top: 45px; width: 150%; padding: 10px 0; background-color: #ffffff; display: none; border-radius: 5px; border-top: 2px solid #FF9912; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}
.header .nav ul li.item .sub a{font-size: 14px; color: #333333; padding: 5px 10px; text-align: center; display: block;}
.header .nav ul li:hover .sub{display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column;}
.header .nav ul li .sub a:hover{color: #1b4fae; font-weight: bold;}
.header .nav.fixed .link{color: #ffffff;}
.header .nav.fixed .link:hover,.header .nav.fixed li.hover .link{color: #ffffff; font-weight: bold;}

.banner{margin: 0 auto; width: 1300px; text-align:center; height: 420px; position: relative;}
.banner .hd{ bottom: 20px; left: 0; right: 0; position: absolute; top: 10;}
.banner .hd ul{width: 100%; margin: 0; padding: 0; text-align: center;}
.banner .hd ul li{cursor:pointer; margin: 0 3px; padding: 0; border-radius: 50%; height: 10px; width: 10px; background: #fff; display: inline-block;}
.banner .hd ul li.on{ background:#f00;}
.banner .bd ul{padding: 0; margin: 0;}
.banner .bd li{ height:420px; text-align: center; padding: 0; margin: 0; overflow: hidden;}
.banner .bd li div{background-size: auto 100%;}

.title-l{background: #1b4fae; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 10px;}
.title-l span{font-size: 20px; font-weight: bold; color: #dddddd;}
.title-l .line{height: 2px; flex: 1; margin: 0 10px;}
.title-l .more{color: #FFFFFF; text-transform: uppercase;}

.home-box{margin: auto; padding: 20px 0; width: 1300px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between;}

.art-list{width: 100%;}
.art-list ul{margin: 0; padding: 0;}
.art-list ul li{list-style: none; border-bottom: 1px dashed #bbbbbb; line-height: 40px; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: row; flex-direction: row;}
.art-list ul li a{color: #333333; background: url(../images/dot.png) no-repeat center left; padding-left: 10px;}
.art-list ul li a:hover{color: #000000;}
.art-list ul li span{color: #888;}

.home-news{width: 100%;}
.home-news .title{margin-bottom: 15px;}
.home-news .bd{display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: row; flex-direction: row;}

.home-news .bd .swiper{width: 565px;}
.home-news .bd .art-list{width: 685px;}

.swiper{width:565px; text-align:center; height: 330px; margin: 0; position: relative;}
.swiper .hd{ bottom: 0; left: 0; right: 0; position: absolute; background: rgba(0, 0, 0, 0.5);}
.swiper .hd ul{width: 100%; margin: 0; padding: 10px; text-align: right;}
.swiper .hd ul li{cursor:pointer; margin: 0 3px; height: 5px; width: 15px; background: #fff; display: inline-block;}
.swiper .hd ul li.on{ background:#f00;}
.swiper .bd ul{padding: 0; margin: 0;}
.swiper .bd li{width:565px; height:330px; text-align: center; padding: 0; margin: 0; overflow: hidden;}
.swiper .bd li div{background-size: 100% 100%;}

.news-nav{display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; padding: 0;}
.news-nav .item{padding: 0 10px; font-size: 20px; font-weight: bold; color: #dddddd; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.news-nav .item:hover,.news-nav .item.hover{color: #ffffff;}

.home-bg{background: url(../images/c-bg.png);}
.notice{width: 840px; background: #ffffff;}
.notice .art-list{padding: 20px;}
.notice-nav{display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; padding: 10px; padding-bottom: 0;}
.notice-nav .item{border: 1px solid #999999; margin: auto 5px; padding: 5px 10px; border-radius: 4px; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.notice-nav .item:hover,.notice-nav .item.hover{border-color: #1b4fae; background: #1b4fae; color: #ffffff;}

.tec-club{width: 380px; background: #ffffff;}
.tec-club .bd{padding: 20px;}
.tec-club ul{margin: 0; padding: 0; padding-top: 4px;}
.tec-club ul li{display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: flex-start; align-items: flex-start; padding: 10px 0; border-bottom: 1px dashed #bbbbbb;}
.tec-club ul li .time{width: 50px; height: 50px; padding: 10px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; background: #1b4fae; -ms-flex-align: center; align-items: center; border-radius: 5px;}
.tec-club ul li .time span{flex: 1; color: #ffffff; font-size: 14px; line-height: 20px;}
.tec-club ul li .time span:first-child{font-size: 18px;}
.tec-club ul li a{color: #333333; font-size: 16px; padding-left: 10px; flex: 1;}

.home-nav{background-color: #1e4da9;}
.home-nav .bd{margin: auto; width: 1300px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center;}
.home-nav .bd .bg{background: url(../images/home-nav-bg.png) no-repeat center; height: 30px; width: 300px;}
.home-nav .bd .bg.right{transform: rotateY(180deg);}
.home-nav .bd .list{ display: -ms-flexbox; display: flex; flex: 1; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center;}
.home-nav .bd .list .item{display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 20px; cursor: pointer;}
.home-nav .bd .list .item span{color: #ffffff; line-height: 34px;}

.content-box{height: 460px; background: url(../images/c-bg.png);}
.content-box .tab-content{margin: auto; width: 1300px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center;}
.content-box .tab-content .box{width: 32%; background: #ffffff; margin: 40px 0; padding: 15px; height: 370px;}

.page-banner{height: 200px; background: url(../images/page-b.png) center;}
.page-banner .content{margin: auto; width: 1300px; padding-top: 120px;}
.page-banner .content .bd{width: 300px; height: 80px; padding: 30px; background: rgba(0, 80, 143, 0.7); display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center;}
.page-banner .content .bd .line{width: 5px; height: 35px; background: #ffffff;}
.page-banner .content .bd .title{flex: 1; padding-left: 10px; font-size: 24px; color: #ffffff;}

.page-box{margin: auto; width: 1300px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: stretch; align-items: stretch;}
.page-box .left-nav{min-height: 600px; background: #f1f5fc; width: 300px;}
.page-box .left-nav ul{margin: 30px 0 0 30px; padding: 0;}
.page-box .left-nav ul li{list-style: none; line-height: 45px;}
.page-box .left-nav ul li span{padding-left: 15px; border-left: 5px solid #f1f5fc; display: block;}
.page-box .left-nav ul li span a{color: #333333; font-size: 16px; font-weight: bold; display: block; background: url(../images/arrow-right.png) no-repeat; background-size: 15px 15px; background-position: calc(100% - 15px) 50%;}
.page-box .left-nav ul li.hover span,.page-box .left-nav ul li:hover span{border-left: 5px solid #1b4fae; background: #ffffff; display: block;}
.page-box .left-nav ul li.hover span a,.page-box .left-nav ul li:hover span a{color: #1b4fae; background: url(../images/arrow-down.png) no-repeat; background-size: 15px 15px; background-position: calc(100% - 15px) 50%;}
.page-box .left-nav ul li .sub{border-left: 5px solid #1b4fae; background: #ffffff; margin: 0; padding: 0; display: none;}
.page-box .left-nav ul li .sub a{margin: 0; padding-left: 30px; display: block; color: #1b4fae;}
.page-box .left-nav ul li.hover .sub,.page-box .left-nav ul li:hover .sub{display: block;}
.page-box .right-box{background: #ffffff; width: 965px; padding-top: 30px;}
.page-box .right-box .head{display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #d7d7d7;}
.page-box .right-box .head .title{font-size: 18px; font-weight: bold; border-bottom: 2px solid #1b4fae; line-height: 45px;}
.page-box .right-box .head .postion span{padding: 0 5px;}
.page-box .right-box .head .postion span::after{content: " > ";}
.page-box .right-box .body{margin: 30px 0;}

.page-content .title{font-size: 24px; font-weight: bold; text-align: center; padding: 20px 0;}
.page-content .art-info{text-align: center;}
.page-content .art-info span{padding: 0 10px;}
.page-content .content{padding-top: 30px;}

.article-list ul,.photo-list ul{margin: 0; padding: 0;}
.article-list ul li,.photo-list ul li{list-style: none; line-height: 45px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; padding: 0 10px;}
.article-list ul li:nth-child(odd){background: #f5f5f5;}
.article-list ul li a{color: #333333; background: url(../images/dot.png) no-repeat center left; padding-left: 10px;}
.article-list ul li span{color: #999999;}

.photo-list ul{display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap;}
.photo-list ul li{-ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; line-height: 35px; padding: 0 10px 10px 10px; width: 20%;}
.photo-list ul li .img{width: 150px; height: 180px; overflow: hidden;}
.photo-list ul li img{width: 150px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; vertical-align: top;}
.photo-list ul li:hover img{-ms-transform: scale(1.15); transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15);}

.page{padding: 30px 0;}
.page .PrevDisabled,.page .Next,.page .Prev,.page .NextDisabled,.page a,.page span.this-page{border: 1px solid #0053a1 !important; padding: 10px 15px !important; height: auto !important; line-height: auto !important;}
.page .defaultButtonStyle{background: #0053a1; padding: 10px 15px !important; color: #ffffff; border: none; height: auto !important; line-height: auto !important;}
.page .defaultInputStyle{border: 1px solid #0053a1 !important; text-align: center; width: 60px !important; padding: 9px 5px !important; height: auto !important; line-height: auto !important; margin-left: 0 !important; margin-right: 10px !important;}

.foot-link{background: #464646;}

.serice-box .title, .contact-box .title{font-size: 16px; font-weight: bold; padding: 10px 0; color: #ffffff;}
.serice-box{width: 45%;}
.serice-box .list{display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: wrap;}
.serice-box .list .item{width: calc(25% - 20px); display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; border-radius: 4px; border: 1px solid #bbbbbb; margin: 10px 0; padding: 10px;}
.serice-box .list .item img{width: 20px; height: 20px;}
.serice-box .list .item span{padding-left: 10px; font-size: 16px; color: #cccccc;}

.contact-box .bd{display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: wrap;}
.contact-box .bd p{padding: 0; padding-bottom: 5px; margin: 0; font-size: 14px; color: #cccccc;}

.wechat-qr{display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;}
.wechat-qr img{width: 120px; height: 120px;}

.footer{background: #1b4fae;}
.footer .bd{margin: auto; width: 1300px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between;}
.footer .bd .copyright{color: #ffffff; line-height: 65px;}
.footer .bd select{background: transparent; outline: none; height: 25px; line-height: 25px; border-radius: 2px; border: 1px solid #ffffff}