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

html,
body{ width: 100%; min-width: 1280px; background: #FBFBFB;}

.box{ float: left; margin-top: 24px; margin-bottom: 24px;}
.box .box-tit{ position: relative;}
.box .box-tit .cn{ font-size: 1.5rem; line-height: 1.5; font-weight: bolder; color: #222}
.box .box-tit .en{ font-size: 1rem; line-height: 1.5; font-weight: bold; color: #1D46A1; text-transform: uppercase;}
.box .box-tit a{ position: absolute; top: 0; right: 0; font-size: 0.875rem; line-height: 5; color: #999;}

.header{ width: 100%; height: 240px; background: url('../img/header.png') center center no-repeat #0E37B9;}

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

.nav{ width: 100%; height: 60px; margin: auto; background: #2B57BE;}

.nav-list{ position: relative; width: 1280px; height: 60px; margin: auto;}
.nav-list>li{ position: relative; float: left;}
.nav-list>li:not(:last-child):after{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; height: 1rem; margin: auto; background: #ccc;}
.nav-list>li>a{ display: block; width: 128px; font-size: 18px; line-height: 60px; font-weight: bold; text-align: center; color: #fff;}
.nav-list>li.on>a,
.nav-list>li:hover>a{ color: #fff; background: #1D46A1;  }
.nav-list .sub{ position: absolute; top: 60px; right: 0; width: 100%; z-index: 99; display: none; }
.nav-list .sub li a{ display: block; padding: 15px 10px; text-align: center; font-size: 14px; line-height: 20px; color: #fff; background: #1D46A1; }
.nav-list .sub li a:hover{ background: #2B57BE; }

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

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

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

.slide-news{ position: relative; float: left; width: 628px; height: 470px; }
.slide-news .tempWrap{ height: 100%;}
.slide-news .bd{ height: 100%;}
.slide-news .bd ul{ width: 100%; height: 100%;}
.slide-news .bd ul li{ width: 100%; height: 100%;}
.slide-news .bd ul li a{ position: relative; display: block; width: 100%; height: 100%;}
.slide-news .bd ul li a .thumb{ width: 100%; height: 418px;}
.slide-news .bd ul li a .info{ width: 100%; height: 52px; padding: 10px; font-size: 16px; line-height: 2; color: #fff; background: #2B57BE; }

.slide-news .arrow{ position: absolute; bottom: 0; right: 0; z-index: 3; display: block; width: 52px; height: 52px; text-align: center; background: #1D46A1;}
.slide-news .arrow i{ font-size: 16px; line-height: 52px; color: #fff; }
.slide-news .arrow.prev{ right: 53px;}

.news{ width: 628px;}
.news .box-con{ padding-top: 0.375rem;}
.news .box-con .top{ display: block; padding: 12px; background: #F4F5F8;}
.news .box-con .top span{ display: block; font-size: 1rem; line-height: 1.5; font-weight: bold; color: #1D46A1}
.news .box-con .top i{ display: block; font-size: .75rem; line-height: 1.5; padding: .5em 0; color: #CCA734;}
.news .box-con .top p{ font-size: 0.875rem; line-height: 1.5; color: #666;}
.news .box-con .list{ margin-top: 0.375rem;}
.news .box-con .list a{ position: relative; display: block; width: 100%; line-height: 2.5rem; overflow: hidden;}
.news .box-con .list a span{ position: relative; float: left; width: 80%; padding-left: 1em; font-size: 1rem;}
.news .box-con .list 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;}
.news .box-con .list a i{ float: right; width: auto; font-size: .875rem; color: #999;}

.announcement{ width: 628px;}
.announcement .box-tit .en{ color: #A11D1D;}
.announcement .box-con{ padding-top: 0.375rem;}
.announcement .box-con .top{ display: block; padding: 12px; background: #fff;}
.announcement .box-con .top span{ display: block; font-size: 1rem; line-height: 1.5; font-weight: bold; color: #A11D1D}
.announcement .box-con .top i{ display: block; font-size: .75rem; line-height: 1.5; padding: .5em 0; color: #CCA734;}
.announcement .box-con .top p{ font-size: 0.875rem; line-height: 1.5; color: #666;}
.announcement .box-con .list{ margin-top: 0.375rem;}
.announcement .box-con .list a{ position: relative; display: block; width: 100%; line-height: 2.5rem; overflow: hidden;}
.announcement .box-con .list a span{ position: relative; float: left; width: 80%; padding-left: 1em; font-size: 1rem;}
.announcement .box-con .list a span:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 4px; height: 4px; margin: auto; border-radius: 50%; background: #A11D1D;}
.announcement .box-con .list a i{ float: right; width: auto; font-size: .875rem; color: #999;}

.dynamics{ width: 628px;}
.dynamics .box-con{ padding-top: 0.75rem;}
.dynamics .box-con a{ position: relative; display: block; width: 100%; line-height: 2.5rem; overflow: hidden;}
.dynamics .box-con a span{ position: relative; float: left; width: 80%; padding-left: 1em; font-size: 1rem;}
.dynamics .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: #1D46A1;}
.dynamics .box-con a i{ float: right; width: auto; font-size: .875rem; color: #999;}

.style{ width: 100%; margin-bottom: 24px;}
.style .box-con{ padding-top: .75rem;}
.style .box-con .bd{ position: relative; left: -.75rem; width: 1302px; }
.style .box-con .bd ul li{ float: left; width: 25%;}
.style .box-con .bd ul li a{ display: block; padding: 0 .75rem;}
.style .box-con .bd ul li a .thumb{ width: 100%; height: 200px; overflow: hidden;}
.style .box-con .bd ul li a .info{ padding: .75rem 0; font-size: 16px; line-height: 1.5; text-align: center; }

.link{ width: 100%;}
.link .box-con{ font-size: 0; padding-top: 0.75rem;}
.link .box-con a{ font-size: 16px; line-height: 2.5;white-space: nowrap;}
.link .box-con a:after{  content: ' ｜ '; color: #dedede}
.link .box-con a:last-child:after{ display: none;}
.link .box-con a:hover{ color: #1D46A1}

.footer{ width: 100%; background: #1D46A1;}

.foot{ position: relative; width: 1280px; padding: 1.5rem 0; margin: auto; font-size: 14px; line-height: 2; color: #fff; overflow: hidden;}
.foot .contact{ float: left; }
.foot .copyright{ float: right; }


.bread{ float: left; width: 100%; height: 60px; font-size: 0; background: #fff; padding: 0 25px; margin-bottom: 30px;}
.bread span,
.bread a{ display: inline-block; font-size: 16px; line-height: 60px;}
.bread span:after{ content: ':'; padding: 0 5px;}
.bread a:after{ content: '>'; padding: 0 5px;}
.bread a:last-child:after{ display: none;}

.column-main{ float: left; width:980px; padding: 24px; padding-top: 12px; margin: 24px 0; overflow: hidden; background: #fff;}
.column-main .main-tit{ position: relative; height: 3rem;}
.column-main .main-tit:after{ content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 1px; background: #ededed;}
.column-main .main-tit .cn{ position: relative; z-index: 1; font-size: 1.5rem; line-height: 2; font-weight: bolder; color: #1D46A1; }
.column-main .main-tit .location{ position: absolute; top: 0; bottom: 0; right: 0;}
.column-main .main-tit .location span,
.column-main .main-tit .location a{ display: inline-block; font-size: .875rem; line-height: 3rem; color: #999}
.column-main .main-tit .location span:after{ content: ':'; padding: 0 5px;}
.column-main .main-tit .location a:after{ content: '>'; padding: 0 5px;}
.column-main .main-tit .location a:last-child:after{ display: none;}

.column-main .main-con{ padding-top: 12px;}
.column-main .main-con .list-news a{ position: relative; display: block; width: 100%; line-height: 40px;}
.column-main .main-con .list-news a:after{ content: ''; display: block; clear: both;}
.column-main .main-con .list-news a:nth-child(5n){ margin-bottom: 40px;}
.column-main .main-con .list-news a:nth-child(5n):before{ content: ''; position: absolute; bottom: -20px; right: 0; width: 100%; height: 1px; border-bottom: 1px dashed #ededed;}
.column-main .main-con .list-news a:nth-child(5n):last-child{margin-bottom: 0;}
.column-main .main-con .list-news a:nth-child(5n):last-child:before{ display: none;}
.column-main .main-con .list-news a span{ float: left; width: 80%; padding-left: 1em; font-size: 16px;}
.column-main .main-con .list-news a span:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 4px; height: 4px; margin: auto; border-radius: 50%; background: #1D46A1;}
.column-main .main-con .list-news a i{ float: right; width: auto; font-size: 14px; color: #999;}

.column-main .main-con .page{ padding: 12px 0; margin-top: 24px; background: #fbfbfb}
.column-main .main-con .page>table{ margin: auto}
.column-main .main-con .page *{ font-size: 14px!important; line-height: 1.5!important; font-family: "Microsoft YaHei UI", "Microsoft YaHei UI Light", sans-serif, Arial, "Arial Narrow", "微软雅黑", "宋体"!important;}
.column-main .main-con .page a,
.column-main .main-con .page span,
.column-main .main-con .page input{ display: inline-block!important; border: none!important; height: auto!important; background:#fff!important; padding: .25em .75em!important; margin: 0 .5em!important； height:34px}

.column-right{ float: right; width: 276px; margin: 24px 0; overflow: hidden;}

.column-right .navigation{ width: 100%;}
.column-right .navigation dt{ padding: 6px 0;font-size: 20px; line-height: 2; text-align: center; font-weight: bold; color: #fff; background: #1D46A1;}
.column-right .navigation dd{ background: #fff;}
.column-right .navigation dd a{ position: relative; display: block; font-size: 18px; line-height: 3; text-align: center; }
.column-right .navigation dd a.on{ background: #f4f5f7; color: #1D46A1}
.column-right .navigation dd a:after{ content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 1px; background: #eee;}
.column-right .navigation dd a:last-child:after{ display: none;}

.column-full{ width: 100%;}
.list-pic{ overflow: hidden; width: 1262px; margin-left: -15px;}
.list-pic a{ float: left; width: 390px; height: auto; margin: 15px; overflow: hidden;}
.list-pic a .thumb{ float: left; width: 150px; height: 200px; background: #000;}
.list-pic a .info{ position: relative; float: right; width: 220px; height: 200px; padding: 10px 0;}
.list-pic a .info .name{ font-size: 18px; line-height: 2; font-weight: bold;}
.list-pic a .info .desc{ padding-top: 10px; font-size: 13px; line-height: 1.75; color: #999; text-align: justify;}
.list-pic a .info .detail{ position: absolute; right: 0; bottom: 10px; font-size: 14px; color: #666; text-decoration: underline;}

.article-box{ padding: 24px; margin: 24px 0; overflow: hidden; background: #fff;}

.article-box .article-tit h1{ font-size: 28px; font-weight: bolder; text-align: center; line-height: 1.5; color: #1D46A1; }

.article-box .article-info{ text-align: center; font-size: 14px; color: #666; padding: 24px 0; border-bottom: 1px solid #ededed; }

.article-box .article-con{ padding: 24px 0; font-size: 16px; line-height: 2; text-align: justify; }
.article-box .article-con img{ display: block; width: 600px; }

.article-box .article-btn a{ display: block; width: 140px; height: 40px; margin: auto; line-height: 40px; font-size: 14px; text-align: center; color: #fff; background: #1D46A1; }