[v-cloak] { display: none; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, code, form, fieldset, legend, blockquote { margin: 0; padding: 0; }

*, *:before, *:after { -moz-box-sizing: border-box; box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

a { text-decoration: none; background-color: transparent; }

a:active, a:hover { outline: 0; }

b, strong { font-weight: bold; }

sub, sup { position: relative; vertical-align: baseline; }

em { font-style: normal; }

img { max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

button, select { text-transform: none; }

button, input { line-height: normal; padding: 0; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { box-sizing: content-box; }

textarea { overflow-y: auto; resize: vertical; }

:focus { outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

th { font-weight: normal; }

ul, ol { list-style: none outside none; }

body { min-width: 1240px; font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,STXihei,sans-serif; font-size: 14px; line-height: 1.5; color: #333; }

input, textarea, select, button { font-size: 100%; font-family: inherit; color: inherit; }

button { border: 0; }

b { font-weight: normal; }

a { color: #ffff00; text-decoration: none; cursor: pointer; }

a:hover { text-decoration: underline; }

.c-lighten { color: #ffff00; }

.pn-in { margin: 0 auto; zoom: 1; width: 1240px; }

.pn-in:before, .pn-in:after { content: " "; display: table; }

.pn-in:after { clear: both; }

.wrapper { margin: 0 auto; zoom: 1; width: 1200px; }

.wrapper:before, .wrapper:after { content: " "; display: table; }

.wrapper:after { clear: both; }

.site-nav { height: 100px; background: #fff; }

.site-nav .w { width: 1240px; height: 100px; }

.site-nav .logo { float: left; margin: 15px 14px 0; }

.navList { float: left; height: 100px; }

.navList li { float: left; width: 95px; position: relative; }

.navList li:hover .links { color: #d0b261; }

.navList li:nth-child(1):hover .links { border: none; }

.navList .hot { position: absolute; top: 10px; -webkit-animation: beat .5s infinite linear; animation: beat .5s infinite linear; }

.navList .i2, .navList .i1 { position: absolute; top: 10px; -webkit-animation: beat .5s infinite linear; animation: beat .5s infinite linear; }

.navList img.i1 { right: -20px; }

.navList img.i2 { right: -27px; }

.navList .links { text-align: center; position: relative; display: inline-block; width: 66px; height: 92px; line-height: 92px; border-bottom: 3px solid transparent; color: #777; font-size: 16px; font-weight: 700; }

.navList .links.select { color: #d0b261; border-bottom: 3px solid #d0b261; }

.navList .dropmenu { display: none; z-index: 10; position: absolute; left: 45%; top: 90px; margin-left: -126px; background: rgba(3, 3, 3, 0.71); border-top: 3px solid #d0b261; width: 260px; padding: 10px 20px; }

.navList .dropmenu a { color: #fffffe; font-size: 14px; display: inline-block; width: 110px; float: left; height: 30px; line-height: 30px; position: relative; text-align: center; }

.navList .dropmenu a:hover { color: #d0b261; background: #544d3f; }

.navList .dropmenu .arrow { position: absolute; left: 49%; top: -13px; margin-left: -5px; width: 0; height: 0; overflow: hidden; border-width: 5px; border-style: dashed dashed solid dashed; border-color: transparent transparent #d0b261 transparent; }

.navList .dropmenu img { top: -15px; right: -11px; }

.navList .mainlevel { text-align: center; }

.navList .mainlevel.drop-arrow:after { content: ''; position: absolute; left: 50%; bottom: 0; margin-left: -5px; width: 0; height: 0; overflow: hidden; border-width: 5px; border-style: dashed dashed solid dashed; border-color: transparent transparent #d0b261 transparent; }

.dropmenu-index { position: absolute; display: none; left: 13px; width: 1210px; font-size: 14px; z-index: 999; }

.dropmenu-index .dropdown-nav { overflow: hidden; padding: 40px 4px 40px 14px; border-top: 3px solid #d0b261; border-left: 1px solid #d0b261; border-right: 1px solid #d0b261; background-color: rgba(0, 0, 0, 0.6); color: #fff; }

.dropmenu-index .dropdown-nav .mod-nav { width: 287px; float: left; margin-right: 10px; height: 234px; }

.dropdown-nav .mod-nav .hd { border-bottom: 1px solid #d0b261; }

.dropdown-nav .mod-nav .hd .tit { position: relative; display: inline-block; height: 25px; line-height: 25px; background-color: #d0b261; font-size: 16px; font-weight: bold; }

.dropdown-nav .mod-nav .hd .tit h2 { padding: 0 10px; z-index: 10; }

.dropdown-nav .mod-nav .hd .tit:before { content: ''; position: absolute; top: 0; right: -26px; width: 0; height: 0; border-width: 13px; border-style: solid; border-color: transparent transparent #d0b261 #d0b261; }

.dropdown-nav .mod-nav .bd { padding-top: 10px; }

.dropdown-nav .mod-nav .bd .title { margin-bottom: 5px; }

.dropdown-nav .mod-nav .bd .title h3 { float: left; width: 50%; height: 28px; }

.dropdown-nav .nav-list li { float: left; width: 50%; height: 28px; }

.dropdown-nav .nav-list li:hover { background: #544d3f; }

.dropdown-nav .nav-list li:hover a { text-decoration: none; cursor: pointer; color: #d0b261; }

.dropdown-nav .nav-list li a { line-height: 28px; color: #fff; font-size: 14px; }

.dropdown-nav .nav-list .hot { position: absolute; top: -12px; right: 55px; }

.footer { padding: 20px 0; }

.footer .cp { text-align: center; color: #fff; }

.theme-bg { padding-top: 500px; min-height: 2750px; background: #3765c3 url(../images/bg.jpg) top center no-repeat; }

.mod-tabs .hd {}

.mod-tabs .tabs { zoom: 1;  margin:20px 0 0 10px; font-size: 22px; color: #fff; }

.mod-tabs .tabs:before, .mod-tabs .tabs:after { content: " "; display: table; }

.mod-tabs .tabs:after { clear: both; }

.mod-tabs .tabs > li { float: left; margin: 0 0 10px 10px; width: 223px; text-align: center; cursor: pointer; }

.mod-tabs .tabs > li > .tit { height: 75px; line-height: 70px; border: 2px solid #fff; border-radius: 12px; background-image: -webkit-linear-gradient(#0e9aed, #335dbf); background-image: linear-gradient(#0e9aed, #335dbf); box-shadow: -8px 0 15px rgba(0, 0, 0, 0.3) inset; }

.mod-tabs .tabs > li.active > .tit {background: #1e7fd9; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3) inset; }

.mod-tabs .tabs > li.dropdown { position: relative; }

.mod-tabs .tabs > li.dropdown:before { content: ''; position: absolute; top: 36px; right: 20px; width: 19px; height: 11px; background: url(../images/arrow1-1.png); }

.mod-tabs .tabs > li.dropdown .tit i { display: inline-block; display: inline; zoom: 1; overflow: hidden; vertical-align: middle; width: 30px; height: 30px; margin-bottom: 2px; margin-right: 10px; }

.mod-tabs .tabs > li.dropdown .tit i.icon-1 { background: url(../images/icon_1.png); }

.mod-tabs .tabs > li.dropdown .tit i.icon-2 { background: url(../images/icon_2.png); }

.mod-tabs .tabs > li.dropdown .tit i.icon-3 { background: url(../images/icon_3.png); }

.mod-tabs .tabs > li.dropdown .tit i.icon-4 { background: url(../images/icon_4.png); }

.mod-tabs .tabs > li.dropdown .tit i.icon-5 { background: url(../images/icon_5.png); }

.mod-tabs .tabs > li.dropdown .tit i.icon-6 { background: url(../images/icon_6.png); }

.mod-tabs .tabs > li.dropdown .tit i.icon-7 { background: url(../images/icon_7.png); }

.mod-tabs .tabs > li.dropdown .tit i.icon-8 { background: url(../images/icon_8.png); }

.mod-tabs .tabs > li .span { width:20px; height:20px; display:block; float:left; position: relative; top:5px; left:5px; background: url(../images/icon_important.png); }

.mod-tabs .tabs > li.dropdown .tit { padding-right: 40px; }

.mod-tabs .tabs > li.dropdown ul { border-top: 1px solid #4c9ae2; text-align: left; }

.mod-tabs .tabs > li.dropdown ul li { position: relative; border-bottom: 1px solid #4c9ae2; }

.mod-tabs .tabs > li.dropdown ul li .tit i { display: inline-block; display: inline; zoom: 1; overflow: hidden; vertical-align: middle; margin-bottom: 2px; margin-right: 10px; width: 30px; height: 30px; }

.mod-tabs .tabs > li.dropdown ul li .tit i.icon-1 { background: url(../images/icon_1.png); }

.mod-tabs .tabs > li.dropdown ul li .tit i.icon-2 { background: url(../images/icon_2.png); }

.mod-tabs .tabs > li.dropdown ul li .tit i.icon-3 { background: url(../images/icon_3.png); }

.mod-tabs .tabs > li.dropdown ul li .tit i.icon-4 { background: url(../images/icon_4.png); }

.mod-tabs .tabs > li.dropdown ul li a { display: block; padding-left: 5px; font-size: 18px; line-height: 2.2; color: #fff; }

.mod-tabs .tabs > li.dropdown ul li a:hover { text-decoration: none; color: #f7f7f7; }

.mod-tabs .tabs > li.dropdown ul li:after { position: absolute; content: ''; right: 5px; top: 50%; margin-top: -5px; width: 6px; height: 11px; background: url(../images/arrow2-1.png); }

.mod-tabs .tabs > li.dropdown .dropdown-menu { display: none; position: absolute; top: 100%; left: 0; right: 0; padding: 0 5px 12px; background: #1e7fd8; border-width: 0 2px 2px 2px; border-style: solid; border-color: #fff; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; box-shadow: 0 -8px 15px rgba(0, 0, 0, 0.3) inset; z-index:999 }

.mod-tabs .tabs > li.dropdown.active:before { background: url(../images/arrow1-2.png); }

.mod-tabs .tabs > li.dropdown.active > .tit { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) inset; border-bottom-left-radius: 0;border-bottom-right-radius:0; border-bottom-width:0}

.mod-tabs .tabs > li.dropdown.active .dropdown-menu { display: block; }

.dropdown-menu li { font-size: 16px; line-height: 40px; padding-left: 5px; }

.mod-tabs .tabs > li.dropdown .dropdown-menu .active { color: #ffff00; font-size: 16px; line-height: 40px; }

.mod-tabs .tab-content { border: 2px solid #fff; border-style: solid; border-width: 2px; border-color: #fff; border-radius: 12px; background: #8d0e6a; box-shadow: 0 -15px 15px rgba(0, 0, 0, 0.3) inset; }

.mod-tabs .main-content > div, .mod-tabs .dropdown-content div { display: none; padding: 20px; text-align: center; }

.mod-tabs .main-content > div:first-child, .mod-tabs .dropdown-content div:first-child { display: block; text-align: left; }

.mod-tabs .dropdown-content div { color: #fff; }

.search-box { margin-bottom: 16px; padding: 11px 15px 0; width: 1196px; height: 75px; background: url(../images/search_bg.png); }
.search-box label { float: left; line-height: 47px; font-size: 24px; color: #fff; width: 198px; text-align: center; }
.search-box .input-text { float: left; width: 747px; height: 47px; }
.search-box .input-text input { padding: 0 20px; width: 100%; height: 47px; border: none; background-color: transparent; font-size: 18px; color: #fff; }
.search-box .input-text ::-webkit-input-placeholder { color: #b7278f; }
.search-box .input-text ::-moz-placeholder { color: #b7278f; }
.search-box .input-text :-ms-input-placeholder { color: #b7278f; }
.search-box .input-text :-moz-placeholder { color: #b7278f; }
.search-box .btns { float: right; }
.search-box .btns .btn-search { display: block; width: 209px; height: 52px; border: none; background: url(../images/btn_search_bg.png); cursor: pointer; }

.article article { padding-bottom: 20px; font-size: 16px; color: #fff; }
.article article .p { margin-bottom: 34px; line-height: 1.8; font-size: 24px; }
.article article h1 { padding: 30px 0; text-align: center; }
.article article h3 { margin-bottom: 10px; padding-top: 20px; font-weight: bold; color: #ffff00; }
.article article p { line-height: 1.8; }
.article article p span, .article article p a { color: #ffffff; }
.article .table { width: 100%; text-align: center; font-size: 16px; color: #fff; }
.article .table th, .article .table td { border: 1px solid #ca36a1; }
.article .table th { background: #69094f; font-size: 22px; }
.article .table.table1 { margin-bottom: 27px; }
.article .table.table1 th { font-size: 22px; }
.article .table.table1 tr:nth-child(even) { background: #8d0e6a; }
.article .table.table1 tr:nth-child(odd) { background: #ac1883; }
.article .table.table1 th, .article .table.table1 td { height: 50px; }
.article .table.table2 { margin-top: 10px; margin-bottom: 10px; }
.article .table.table2 th { font-size: 16px; color: #ffff00; }
.article .table.table2 th, .article .table.table2 td { height: 45px; }

.modal { position: fixed; z-index: 10000; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }

.modal .pop-box { left: 50%; top: 18%; width: 1048px; margin-left: -524px; min-height: 400px; max-height: 750px; overflow: auto; background-color: #fff; border-radius: 10px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 50px; position: relative; z-index: 10001; }

.modal .pop-box .close { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; cursor: pointer; background: url(../images/close.png); }

.modal .pop-box .title { font-size: 24px; text-align: center; font-weight: bold; color: #8d0e6a; padding-bottom: 22px; margin-bottom: 30px; border-bottom: 3px solid #C3CDD0; }

.modal .pop-box table th { border: 1px solid #C3CDD0; }

.modal .pop-box table td { border: 1px solid #C3CDD0; }

.modal .pop-box .page-nav { text-align: right; }

.modal .pop-box .page-nav li { font-size: 14px; display: inline-block; }

.modal .pop-box .page-nav li a { padding: 0 10px; display: inline-block; color: #38424e; line-height: 2.2; border: 1px solid #D2D2D2; }

.modal .pop-box table { margin-bottom: 20px; width: 100%; border-collapse: collapse; }

.modal .pop-box table th { text-align: center; padding: 1px 2px; vertical-align: middle; font-size: 14px; color: #353f4b; font-weight: normal !important; line-height: 35px !important; border: 1px solid #DCDEDD; background-color: #EFF0F2; }

.modal .pop-box table td { text-align: center; line-height: 32px; padding: 2px 2px; vertical-align: middle; font-size: 14px; color: #353f4b; border: 1px solid #DCDEDD; background-color: #fff; }

.layui-laypage a:hover { color: #8d0e6a; }
.layui-box.layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #8d0e6a; }

@-webkit-keyframes beat { 0% { -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); }
  50% { -webkit-transform: translate3D(0, 5px, 0); transform: translate3D(0, 5px, 0); }
  100% { -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); } }
@keyframes beat { 0% { -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); }
  50% { -webkit-transform: translate3D(0, 5px, 0); transform: translate3D(0, 5px, 0); }
  100% { -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); } }

  .announcement-box {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    width: 100%;
    height: 100%;
  }
  .announcement-box .wrap-bg {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  .announcement-box .wrap {
    position: relative;
    z-index: 100000;
    max-width: 90%;
    max-height: 90%;
  }
  .announcement-box .wrap .close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 24px;
  }
  .announcement-box .wrap a {
    display: block;
  }
  .announcement-box .wrap .img {
    max-height: 100%;
    max-width: 100%;
  }