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

html,
body{ width: 100%; min-width: 1280px; background: #FBFBFB;}
body{ background: url('../img/bg.png') center top no-repeat #FBFBFB;}

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

.header{ width: 100%; height: 300px}

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

.nav{ width: 1280px; height: 60px; margin: auto; background: #fff;}

.nav-list{ position: relative; float: left; width: auto;}
.nav-list>li{ position: relative; float: left;}
.nav-list>li>a{ display: block; padding: 0 1.5em; font-size: 18px; line-height: 60px; font-weight: bold; text-align: center; color: #222;}
.nav-list>li.on>a,
.nav-list>li:hover>a{ color: #fff; background: #700005;  }
.nav-list .sub{ position: absolute; top: 60px; right: 0; width: 100%; z-index: 99; display: none; }
.nav-list .sub li a{ display: block; padding: 10px; text-align: center; font-size: 14px; line-height: 30px; color: #fff; background: #700005; }
.nav-list .sub li a:hover{ background: #B61412; }

.search{ float: right; width: 236px; height: 36px; margin: 12px;}
.search input{ float: left; height: 36px; line-height: 2; font-size: 12px; border: none; background: #eee;}
.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: #0e0e0e; font-family: neko; font-size: 16px; line-height: 36px; text-align: center; color: #fff; cursor: pointer}

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

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

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

.slide-news{ position: relative; float: left; width: 100%; height: 425px; }
.slide-news:after{display:none; content: ''; position: absolute; bottom: 0; right: 8%; z-index: 1; width: 84%; height: 60px; background: #B61412;}
.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{ position: relative; z-index: 1; width: 100%; height: 425px; box-shadow: 0 16px 16px -8px rgba(172,6,6,.1);}
.slide-news .bd ul li a .info{ display:none; position: absolute; bottom: 0; right: 8%; z-index: 2; width: 84%; height: 60px; padding: 15px; font-size: 20px; line-height: 1.5; color: #fff; }

.slide-news .arrow{ position: absolute; top: 180px; right: 0; z-index: 3; display: block; width: 60px; height: 60px; text-align: center; color: #fff;}
.slide-news .arrow i{ font-size: 36px; line-height: 60px;}
.slide-news .arrow.prev{ left: 0; right: auto;}

.notice{ width: 628px; padding: 24px; margin-right: 24px; background: #fff; box-shadow: 0 16px 16px -8px rgba(172,6,6,.1);}
.notice .top{ padding: 12px 0;}
.notice .top span{ display: block; font-size: 18px; line-height: 2; font-weight: bold; color: #B61412}
.notice .top i{ display: block; font-size: 12px; line-height: 1.5; padding: .5em 0; color: #999;}
.notice .top p{ font-size: 14px; line-height: 1.5; color: #999;}
.notice .list a{ position: relative; display: block; width: 100%; line-height: 40px; overflow: hidden;}
.notice .list a span{ float: left; width: 80%; font-size: 16px;}
.notice .list a i{ float: right; width: auto; font-size: 14px; color: #999;}


.news{ width: 628px;}
.news .box-con a{ position: relative; display: block; width: 100%; line-height: 40px; overflow: hidden;}
.news .box-con a span{ float: left; width: 80%; 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; border-radius: 50%; background: #D60000;}
.news .box-con a i{ float: right; width: auto; font-size: 14px; color: #999;}

.banner{ float: left; width: 100%; height: 130px; margin: 24px 0;}
.banner a{ display: block; width: 100%; height: 100%;}

.style{ width: 100%; margin-bottom: 24px;}
.style .box-con{ padding-top: 12px;}
.style .box-con .bd{ position: relative; left: -12px; width: 1302px; }
.style .box-con .bd ul li{ float: left; width: 25%;}
.style .box-con .bd ul li a{ display: block; padding: 0 12px;}
.style .box-con .bd ul li a .thumb{ width: 100%; height: 180px; overflow: hidden; border: 4px solid #fff; box-shadow: 0 16px 16px -8px rgba(172,6,6,.1);}
.style .box-con .bd ul li a .info{ padding: 12px 0; font-size: 16px; line-height: 2.5; text-align: center; font-weight:bold;}

.link{ width: 100%;}
.link .box-con{ font-size: 0;}
.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;}

.footer{ width: 100%; height: 170px; background: #700005;}

.foot{ position: relative; width: 1280px; height: 170px; margin: auto;}
.foot .copyright{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: 14px; line-height: 2; color: #fff; }
.foot .copyright a{ color: #fff; text-decoration: underline;}
.foot .qrcode{ position: absolute; top: 25px; right: 0; }
.foot .qrcode img{ display: block; width: 100px; height: 100px;}
.foot .qrcode span{ display: block; padding: 5px 0; font-size: 12px; line-height: 20px; text-align: center; color: #fff;}


.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:880px; padding: 24px; overflow: hidden; background: #fff; box-shadow: 0 16px 16px -8px rgba(172,6,6,.1);}
.column-main .main-tit{ position: relative; height: 3.375rem;}
.column-main .main-tit .cn{ position: relative; z-index: 1; font-size: 1.5rem; line-height: 1.5; font-weight: bolder; color: #B61412; }
.column-main .main-tit .en{ position: absolute; z-index: 0; bottom: 0; left: 0; font-size: 2.25rem; line-height: 1.33333; font-weight: bold; color: #eee; text-transform: uppercase;}
.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: 3.375rem; 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 a{ position: relative; display: block; width: 100%; line-height: 40px;}
.column-main .main-con a:after{ content: ''; display: block; clear: both;}
.column-main .main-con a:nth-child(5n){ margin-bottom: 40px;}
.column-main .main-con 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 a:nth-child(5n):last-child{margin-bottom: 0;}
.column-main .main-con a:nth-child(5n):last-child:before{ display: none;}
.column-main .main-con a span{ float: left; width: 80%; padding-left: 1em; font-size: 16px;}
.column-main .main-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: #D60000;}
.column-main .main-con 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: 376px; overflow: hidden;}

.column-right .right-box{ width: 100%; padding: 24px; background: #fff; box-shadow: 0 16px 16px -8px rgba(172,6,6,.1);}
.column-right .right-box .box-tit{ position: relative; height: 3.375rem;}
.column-right .right-box .box-tit .cn{ position: relative; z-index: 1; float: left; font-size: 1.5rem; line-height: 1.5; font-weight: bolder; color: #B61412}
.column-right .right-box .box-tit .en{ position: absolute; z-index: 0; bottom: 0; left: 0; font-size: 2.25rem; line-height: 1.33333; font-weight: bold; color: #eee; text-transform: uppercase;}
.column-right .right-box .box-tit a{ position: absolute; top: 0; bottom: 0; right: 0; font-size: 0.875rem; line-height: 3.375rem; color: #999;}
.column-right .right-box .box-con a{ position: relative; display: block; width: 100%; line-height: 40px; overflow: hidden;}
.column-right .right-box .box-con a span{ float: left; width: 80%; padding-left: 1em; font-size: 16px;}
.column-right .right-box .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: #D60000;}
.column-right .right-box .box-con a i{ float: right; width: auto; font-size: 14px; color: #999;}


.article-box{ padding: 24px; overflow: hidden; background: #fff; box-shadow: 0 16px 16px -8px rgba(172,6,6,.1);}

.article-box .article-tit h1{ font-size: 28px; font-weight: bolder; text-align: center; line-height: 1.5; color: #c00; font-family: system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Helvetica, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol!important;}

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

.article-box .article-con{ padding: 24px 0; font-size: 14px; line-height: 1.75; text-align: justify; font-family: '宋体'; }
.article-box .article-con img{ display: block; width: 600px; margin: auto }

.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: #c00; }
#vsb_content p{margin: 5px 0;line-height: 110%;  text-indent:0em;font-size:14px;}