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

html,
body{ width: 100%; min-width: 1180px;}

.box{ float: left; margin-top: 20px;}
.box .box-tit{ position: relative; overflow: hidden;}
.box .box-tit .cn{ float: left; width: 100%; height: 60px; padding: 30px 0 0 55px; font-size: 24px; line-height: 30px; font-weight: bolder; color: #222}
.box .box-tit a{ position: absolute; bottom: 0; right: 0; z-index: 1; font-size: 14px; line-height: 30px; color: #999;}

.header{ width: 100%; height: 160px; background: url('../img/header.png') center top no-repeat #00396C; background-size: auto 100%;}

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

.language{ position: absolute; top: 40px; right: 0; text-align: right;}
.language a{ display: block; margin: 5px 0; font-size: 14px; line-height: 20px; color: #fff; text-transform: uppercase;}
.language a:hover{ text-decoration: underline;}


.navigation{ width: 100%; height: 50px; background: #002B54;}

.nav{ width: 1180px; height: 50px; margin: auto;}

.nav-list{ position: relative; float: left; width: auto;}
.nav-list>li{ position: relative; float: left;}
.nav-list>li>a{ display: block; padding: 0 2em; font-size: 16px; line-height: 50px; font-weight: bold; text-align: center; color: #fff;}
.nav-list>li.on>a,
.nav-list>li:hover>a{ background: #236FB7;  }
.nav-list .sub{ position: absolute; top: 50px; right: 0; width: 100%; z-index: 99; display: none; }
.nav-list .sub li a{ display: block; padding: 15px 5px; text-align: center; font-size: 14px; line-height: 20px; color: #fff; background: #236FB7; }
.nav-list .sub li a:hover{ background: #002B54; }

.search{ float: right; width: 280px; height: 36px; margin: 7px 0;}
.search input{ float: left; height: 36px; line-height: 20px; font-size: 14px; border: none; background: #eee;}
.search input[type=text]{ width: 244px; padding: 8px; border-radius: 4px 0 0 4px;}
.search input[type=submit]{ width: 36px; border-radius: 0 4px 4px 0; background: #003262; font-family: neko; font-size: 16px; line-height: 36px; text-align: center; color: #fff; cursor: pointer;}

.container{ width: 100%;}
.container:after{ content: ''; display: block; clear: both;}

.row{ position: relative; width: 100%;}
.row:after{ content: ''; display: block; clear: both;}
.row.gray{ background: #f4f5f7;}
.row.gray{ background:url('../img/bg.jpg') center center no-repeat; background-size: cover;}

.row.blue:before{ content: ''; position: absolute; top: 0; right: 0; z-index: -1; width: 100%; height: 90px; background: #003262;}

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

.banner{ position: relative; float: left; width: 100%; height: 460px; }
.banner .tempWrap{ height: 100%;}
.banner .bd{ height: 100%;}
.banner .bd ul{ width: 100%; height: 100%;}
.banner .bd ul li{ width: 100%; height: 100%;}
.banner .bd ul li a{ position: relative; display: block; width: 100%; height: 100%;}
.banner .bd ul li a .thumb{ position: relative; z-index: 1; width: 100%; height: 460px;}

.banner .hd{ position: absolute; z-index: 2; bottom: 20px; right: 50%; transform: translateX(50%);}
.banner .hd ul{ font-size: 0; text-align: center;}
.banner .hd ul li{ display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #fff; text-indent: -999999px;}
.banner .hd ul li.on{ background: #c00;}

.banner .arrow{ position: absolute; top: 50%; z-index: 3; display: block; width: 40px; height: 40px; color: #fff; transform: translateY(-50%);}
.banner .arrow i{ font-size: 40px; line-height: 1;}
.banner .arrow.prev{ left: 40px;}
.banner .arrow.next{ right: 40px;}

.quick{ position: relative; width: 100%; overflow: hidden;}
.quick:after{ content: ''; position: absolute; top: 0; right: 0; display: block; width: 1px; height: 100%; background: #ADADAD;}
.quick dl{ float: left; border-left: 1px solid #ADADAD;}
.quick dl dd{ overflow: hidden;}
.quick dl dd a{ position: relative; float: left; width: 168px; height: 90px; padding: 10px 0; text-align: center; color: #fff;}
.quick dl dd a:nth-child(2n):last-child:before{ content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #33567B;}

.quick dl dd a i{ position: relative; top: 0; display: block; font-size: 40px; line-height: 1; transition: .3s;}
.quick dl dd a span{ display: block; font-size: 16px; line-height: 30px;}
.quick dl dd a:hover i{ top: -5px;}
.quick dl dd a:hover span{ text-decoration: underline;}

.quick dl dt{ position: relative; height: 40px; text-align: center; line-height: 40px; font-size: 14px; background: #CFCFCF;}
.quick dl dt:before{ content: ''; position: absolute; top: -6px; left: 50%; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #CFCFCF; transform: translateX(-50%);}

.news{ width: 880px; height: 445px;}
.news .box-tit .cn{ background: url('../img/news.png') left top no-repeat;}

.news .box-con{ padding-top: 10px; overflow: hidden;}
.news .box-con a{ float: left; width: 280px;}
.news .box-con a .thumb{ width: 100%; height: 210px;}
.news .box-con a .info{ padding: 10px 0;}
.news .box-con a .info .date{ font-size: 12px; line-height: 20px; color: #666;}
.news .box-con a .info .tit{ height: 50px; margin: 5px 0; font-size: 16px; line-height: 25px; font-weight: bold; color: #222;}
.news .box-con a .info .desc{ height: 60px; font-size: 12px; line-height: 20px; color: #999;}
.news .box-con a:not(:last-child){ margin-right: 20px;}

.announcement{ width: 280px; height: 465px; padding: 10px; background: #003262;}
.announcement .box-tit .cn{ background: url('../img/announcement.png') left top no-repeat; color: #fff;}
.announcement .box-tit a{ color: #fff;}

.announcement .box-con a{ position: relative; display: block; width: 100%; height: 85px; margin-top: 10px; overflow: hidden;}
.announcement .box-con a:not(:last-child):after{ content: ''; position: absolute; right: 0; bottom: 0; display: block; width: 100%; height: 1px; background: #1A4672;}
.announcement .box-con a span{ display: block; width: 100%; height: 50px; font-size: 16px; line-height: 25px; color: #fff;}
.announcement .box-con a i{ display: block; width: 100%; margin-top: 5px; font-size: 12px; line-height: 20px; color: #6684A0; text-align: right;}

.download{ width: 280px; height: 295px; padding: 10px; background: #fff;}
.download .box-tit .cn{ background: url('../img/download.png') left top no-repeat;}

.download .box-con{ padding-top: 5px;}
.download .box-con a{ position: relative; display: block; width: 100%; line-height: 40px; overflow: hidden;}
.download .box-con a span{ float: left; width: 100%; padding-left: 1em; font-size: 16px;}
.download .box-con a span:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 4px; height: 4px; margin: auto; border-radius: 50%; background: #002B54;}

.policy{ width: 580px; height: 295px; padding: 10px; background: #fff;}
.policy .box-tit .cn{ background: url('../img/policy.png') left top no-repeat;}

.policy .box-con{ padding-top: 5px;}
.policy .box-con a{ position: relative; display: block; width: 100%; line-height: 40px; overflow: hidden;}
.policy .box-con a span{ float: left; width: 80%; padding-left: 1em; font-size: 16px;}
.policy .box-con a span:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #002B54; margin: auto;}
.policy .box-con a i{ float: right; width: auto; font-size: 14px; color: #999;}

.road{ float: none; width: 280px; height: 545px; padding: 10px; background: #fff; overflow: hidden;}
.road .box-tit .cn{ background: url('../img/road.png') left top no-repeat;}

.road .box-con a{ position: relative; display: block; width: 100%; height: 85px; margin-top: 10px; overflow: hidden;}
.road .box-con a:not(:last-child):after{ content: ''; position: absolute; right: 0; bottom: 0; display: block; width: 100%; height: 1px; background: #e5e5e5;}
.road .box-con a span{ display: block; width: 100%; height: 50px; font-size: 16px; line-height: 25px; color: #222;}
.road .box-con a i{ display: block; width: 100%; margin-top: 5px; font-size: 12px; line-height: 20px; color: #999; text-align: right;}

.searchbox{ float: none; width: 280px; height: 50px; padding: 7px; background: #fff; overflow: hidden;}
.searchbox input{ float: left; height: 36px; line-height: 20px; font-size: 14px; border: none; background: #f6f6f6;}
.searchbox input[type=text]{ width: 230px; padding: 8px; border-radius: 4px 0 0 4px;}
.searchbox input[type=submit]{ width: 36px; border-radius: 0 4px 4px 0; background: #003262; font-family: neko; font-size: 16px; line-height: 36px; text-align: center; color: #fff; cursor: pointer;}

.slidenews{ position: relative; width: 880px; height: 300px; background: #fff;}
.slidenews .tempWrap{ height: 100%;}
.slidenews .bd{ height: 100%;}
.slidenews .bd ul{ width: 100%; height: 100%;}
.slidenews .bd ul li{ width: 100%; height: 100%;}
.slidenews .bd ul li a{ position: relative; display: block; width: 100%; height: 100%;}
.slidenews .bd ul li a .thumb{ float: left; z-index: 1; width: 600px; height: 300px;}
.slidenews .bd ul li a .info{ float: right; width: 280px; height: 300px; padding: 40px 20px;}
.slidenews .bd ul li a .info .tit{ font-size: 16px; line-height: 25px; color: #222; font-weight: bold;}
.slidenews .bd ul li a .info .desc{ margin: 5px 0; font-size: 12px; line-height: 20px; color: #999;}
.slidenews .bd ul li a .info .date{ font-size: 12px; line-height: 20px; color: #666; text-align: right;}
.slidenews .bd ul li a .info .more{ position: relative; display: inline-block; margin-top: 5px; font-size: 14px; line-height: 30px; color: #002B54;}
.slidenews .bd ul li a .info .more:after{ content: ''; position: absolute; bottom: 0; right: 0; display: block; width: 100%; height: 1px; background: #003262;}

.slidenews .arrow{ position: absolute; bottom: 0; right: 0; z-index: 3; display: block; width: 30px; height: 30px; font-size: 16px; line-height: 30px; text-align: center; color: #fff; background: #003262;}
.slidenews .arrow.prev{ right: 31px;}

.link .box-tit{ float: left; width: 180px;}
.link .box-tit .cn{ background: url('../img/link.png') left top no-repeat;}
.link .box-con{ float: right; width: 1000px; height: 60px; padding: 15px 0;}
.link .box-con a{ float: left; font-size: 16px; line-height: 30px; margin: 0 1em;}
.link .box-con a:hover{ text-decoration: underline;}

.footer{ width: 100%; background: #0A2140;}

.foot{ position: relative; width: 1180px; height: 180px; margin: auto;}
.foot .copyright{ position: absolute; top: 40px; left: 0; font-size: 14px; line-height: 2; color: #fff; }
.foot .copyright a{ color: #fff; text-decoration: underline;}
.foot .qrcode{ position: absolute; top: 40px; right: 0;}
.foot .qrcode img{ float: left; width: 100px; height: 100px; margin-left: 20px;}

.row.subbg{ background: url('../img/bg2.png') center top no-repeat; background-size: 100% auto;}

.location{ position: relative; float: left; width: 100%; }
.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: 900px; margin: 20px 0;}

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

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

.subnav{ background: #003262; text-align: center;}
.subnav dt{ font-size: 24px; line-height: 2.5; font-weight: bold; color: #fff;}
.subnav dd a{ position: relative; display: block; padding: .5em 0; font-size: 16px; 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;}