@charset "utf-8";
::-webkit-scrollbar{ display: none;}

html,
body{ width: 100%; min-width: 1170px; background: #fff;}
body{ position: relative;}

.box{ float: left; }
.box .box-tit{ position: relative; height: 60px;}
.box .box-tit .cn{ position: relative; z-index: 0; font-size: 24px; line-height: 1.5; font-weight: bold; color: #002147}
.box .box-tit .en{ position: relative; z-index: 0; font-size: 16px; line-height: 1.5; font-weight: bold; color: #dedede; text-transform: uppercase;}
.box .box-tit a{ position: absolute; z-index: 1; top: 0; bottom: 0; right: 0; font-size: 14px; line-height: 60px; color: #FFA200;}

.index{ position: absolute; z-index: 0; top: 0; right: 0; width: 100%; height: 576px;}
.index .slide{ width: 100%; height: 100%;}
.index .slide .itm{ position: relative; z-index: 0; width: 100%; height: 100%;}
.index .slide .itm .font{ position: absolute; z-index: 1; top: 50%; right: 0; left: 0; width: 1170px; height: 84px; margin: auto; color: #fff; font-family: serif; text-align: right;}
.index .slide .itm .font .cn{ font-size: 40px; line-height: 1.5; font-weight: bolder; transform: translateY(100%); opacity: 0; transition: .8s;}
.index .slide .itm .font .en{ font-size: 16px; line-height: 1.5; text-transform: uppercase; transform: translateY(100%); opacity: 0; transition: 1s;}
.index .slide .itm .thumb{ position: relative; z-index: 0; width: 100%; height: 576px; overflow: hidden;}
.index .slide .itm .thumb .img{ transition: 6s; transform:scale(1.1)}

.index .slide .slick-ani .itm .font .cn{ transform: translateY(0); opacity: 1;}
.index .slide .slick-ani .itm .font .en{ transform: translateY(0); opacity: 1;}
.index .slide .slick-ani .itm .thumb .img{transform:scale(1)}
.index .slide .slick-ani .itm .en{ opacity: 1;}
.index .slide .slick-ani .itm .cn{ opacity: 1;}

.index .slide-num{ position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; width: 1170px; height: 80px; line-height: 80px; margin: auto; text-align: right; color: #fff;}
.index .slide-num span{ font-size: 30px;}
.index .slide-num b{ font-size: 40px; font-weight: normal;}
.index .slide-num b:after{ content: '/';}

.header{ position: relative; z-index: 1; width: 100%; height: 160px}

.head{ width: 1170px; height: 100%; margin: auto; background: url('../img/head.png') center center no-repeat;}

.nav{ position: relative; z-index: 2; width: 1170px; height: 60px; margin: auto; background: rgba(0,0,0,.7);}

.nav-list{ position: relative; float: left; width: auto;}
.nav-list a{ position: relative; transition: .3s;}
.nav-list a.has:after{ position: absolute; top: 0; bottom: 0; right: 0; content: '\e628'; font-family: 'neko'; width: 1.5em; height: 1em; font-size: 16px; line-height: 1; margin: auto;}
.nav-list>li{ position: relative; float: left;}
.nav-list>li>a{ display: block; padding: 0 1.5em; font-size: 18px; line-height: 60px; text-align: center; color: #fff;}
.nav-list>li.on>a,
.nav-list>li:hover>a{ color: #fff; background: #044786;  }

.nav-list li ul{ position: absolute; top: 60px; left: 0; width: 100%; z-index: 99; display: none; }
.nav-list li ul li{ position: relative;}
.nav-list li ul li:after{ content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 1px; background: #fff; opacity: 0.1;}
.nav-list li ul li a{ display: block; padding: 7px 0; text-align: center; font-size: 14px; line-height: 30px; color: #fff; background: #044786; }
.nav-list li ul li a:hover{ background: #002147; }
.nav-list li ul ul{ top: 0; left: 100%;}

.search{ float: right; width: 236px; height: 36px; margin: 12px;}
.search input{ float: left; height: 36px; line-height: 2; font-size: 12px; border: none; background: #fff;}
.search input[type=text]{ width: 200px; padding: 6px; border-radius: 4px 0 0 4px;}
.search input[type=submit]{ width: 36px; border-radius: 0 4px 4px 0; background: #FFAE23; font-family: neko; font-size: 16px; line-height: 36px; text-align: center; color: #fff; cursor: pointer}

.container{ position: relative; z-index: 1; width: 100%;}
.container:after{ content: ''; display: block; clear: both;}

.row{ width: 100%;}
.row:after{ content: ''; display: block; clear: both;}
.row.white{ background: #fff;}

.row.space{ position: relative; z-index: 0; width: 100%; height: calc(576px - 220px)}
.row.space .prev,
.row.space .next{ position: absolute; z-index: 1; top: 0; bottom: 160px; width: calc((100% - 1170px) / 2); min-width: 64px; height: 64px; margin: auto; opacity: 0; cursor: pointer; text-align: center; transition: .5s;}
.row.space .prev{ left: 0;}
.row.space .next{ right: 0;}
.row.space .prev i,
.row.space .next i{ font-size: 64px; line-height: 1; color: #fff;}
.row.space:hover .prev,
.row.space:hover .next{ opacity: 0.5;}
.row.space .prev:hover,
.row.space .next:hover{ opacity: 1;}

.column{ width: 1170px; margin: auto;}
.column:after{ content: ''; display: block; clear: both;}

.notice{ position: relative; z-index: 1; width: 570px; padding: 15px 20px 10px; margin-top: -80px; background: #fff; box-shadow: 0 5px 10px rgba(4,71,134,.08);}
.notice .top{ display: block; padding: 10px; margin: 10px 0; background: #F7F8FA;}
.notice .top span{ display: block; font-size: 18px; line-height: 1.5; font-weight: bold; color: #002147}
.notice .top p{ margin: 10px 0; font-size: 14px; line-height: 20px; color: #999;}
.notice .top i{ display: block; font-size: 12px; line-height: 1.5; color: #666; text-align: right;}
.notice .list a{ position: relative; display: block; width: 100%; line-height: 40px; overflow: hidden;}
.notice .list a span{ float: left; width: 90%; padding-left: 1em;  font-size: 16px; }
.notice .list a span:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 4px; height: 4px; margin: auto; background: #002147;}
.notice .list a i{ float: right; width: auto; font-size: 14px; color: #999;}

.news{ width: 570px;}
.news .box-con{ padding: 10px 0;}
.news .box-con a{ position: relative; display: block; width: 100%; line-height: 40px; overflow: hidden;}
.news .box-con a span{ float: left; width: 85%; padding-left: 1em; font-size: 16px;}
.news .box-con a span:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 4px; height: 4px; margin: auto; background: #002147;}
.news .box-con a i{ float: right; width: auto; font-size: 14px; color: #999;}

.flower{ background: url('../img/left.png') left top no-repeat,url('../img/right.png') right bottom no-repeat #F7F8FA;}

.style{ width: 100%;}
.style .box-con{ width: 1200px; margin-left: -15px; padding-top: 10px;}
.style .box-con a{ position: relative; top: 0; float: left; width: 270px; height: 245px; margin: 0 15px 30px; background: #fff; box-shadow: 0 5px 10px rgba(4,71,134,.08); transition: .3s;}
.style .box-con a:first-child{ width: 570px;}
.style .box-con a .thumb{ width: 100%; height: 205px; overflow: hidden; border: 5px solid #fff;}
.style .box-con a .thumb .img{ transition: .3s;}
.style .box-con a .info{ padding: 5px 10px; overflow: hidden; font-size: 14px; line-height: 25px;}
.style .box-con a .info span{ float: left;}
.style .box-con a .info i{ float: right; color: #999;}
.style .box-con a:hover .thumb .img{ transform: scale(1.1);}
.style .box-con a:hover{ top: -10px;}

.link{ width: 100%;}
.link .box-tit{ float: left;}
.link .box-con{ float: left; height: 60px; padding: 10px;}
.link .box-con a{ float: left; padding: 0 1em; margin: 0 .5em; font-size: 14px; line-height: 40px; white-space: nowrap; background: #F7F8FA; transition: .3s;}
.link .box-con a:hover{ color: #fff; background: #002147;}

.footer{ width: 100%; background: #002147;}

.foot{ position: relative; width: 1170px; padding: 30px 0; margin: auto; overflow: hidden;}
.foot .copyright{float: left; font-size: 14px; line-height: 30px; color: #fff; }
.foot .copyright a{ color: #fff; text-decoration: underline;}
.foot .qrcode{ float: right; }
.foot .qrcode img{ display: block; width: 100px; height: 100px;}
.foot .qrcode span{ display: block; padding: 5px 0; font-size: 12px; line-height: 1.5; text-align: center; color: #fff;}

body.sub{ background: url('../img/sub.jpg') center top no-repeat;}

.location{ position: relative; float: left; width: 100%; margin-top: 30px; }
.location:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 1px; background: #eee;}
.location span,
.location a{ display: inline-block; font-size: 14px; line-height: 50px;}
.location span:after{ content: ':'; padding: 0 5px;}
.location span i{ font-size: 14px; font-weight: bolder; vertical-align: middle; margin-right: 0.5em; color: #002B54}
.location a:after{ content: '>'; padding: 0 5px;}
.location a:last-child:after{ display: none;}

.column-m{ float: left; width: 940px; margin: 20px 0;}

.list-news a{ position: relative; display: block; width: 100%; height: auto; padding-bottom: 25px; margin-bottom: 20px; overflow: hidden;}
.list-news a:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 1px; background: #eee;}

.list-news a .thumb{ float: left; width: 160px; height: 120px; margin-right: 20px; text-align: center; line-height: 160%; background: #fff;}
.list-news a .thumb img{ display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle;}
.list-news a .info{ overflow: hidden; text-align: justify;}
.list-news a .info .tit{ font-size: 16px; line-height: 1.75; font-weight: bold; color: #222;}
.list-news a .info .date{ margin: 5px 0; font-size: 13px; line-height: 1.75; color: #666}
.list-news a .info .date i{ font-size: 13px; line-height: 1.75; vertical-align: middle;}
.list-news a .info .desc{ font-size: 13px; line-height: 1.75; color: #999}

.pagination{ padding: 10px 0; margin-top: 20px;}
.pagination>table{ margin: auto}
.pagination *{ font-size: 14px!important; line-height: 1.5!important; font-family: "Microsoft YaHei UI", "Microsoft YaHei UI Light", sans-serif, Arial, "Arial Narrow", "微软雅黑", "宋体"!important;}
.pagination a,
.pagination span,
.pagination input{ display: inline-block!important; border: none!important; height: auto!important; background: #f4f5f6!important; padding: .25em .75em!important; margin: 0 .5em!important}
.pagination span.this-page{ color: #fff; background: #002B54!important;}

.column-r{ float: right; width: 200px; margin: 20px 0; }

.subnav{ background: #003262; text-align: center;}
.subnav dt{ font-size: 20px; line-height: 2.5; font-weight: bold; color: #fff;}
.subnav dd a{ position: relative; display: block; padding: .5em 0; font-size: 14px; line-height: 2; color: #fff; background: #236FB7;}
.subnav dd a:before{ content: '+'; padding-right: 0.5em;}
.subnav dd a:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 1px; background: #fff; opacity: 0.1;}

.article{ float: left; width: 100%;}
.article .article-tit{ position: relative; padding: 20px 0;}
.article .article-tit:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #eee;}
.article .article-tit h1{ font-size: 20px; line-height: 1.75; color: #002B54}
.article .article-info{ position: relative; padding: 20px 0; font-size: 13px; line-height: 1.5;}
.article .article-info:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #eee;}
.article .article-con{ position: relative; padding: 20px 0; font-size: 16px; line-height: 2; text-align: justify; color: #222;}
.article .article-con:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #eee;}
.article .article-con img{ display: inline-block; max-width:100% }
.article .article-arrow{ padding: 20px 0;}
.article .article-arrow a{ display: block; font-size: 16px; text-align: right; line-height: 1.5;}
.article .article-arrow a:before{ content: '下一篇：'; color: #002B54; font-weight: bold;}