@CHARSET "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, fieldset, form, label, input, button, select, textarea, img, table, th, td, article, aside, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, p{ padding:0; margin:0; border: 0 none; color:#ffffff; outline: none; font-family: 'Open Sans', '黑体－简', sans-serif;font-weight: 400;font-size: 16px; list-style:none;}
a{text-decoration: none;
  -moz-transition: background 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  -webkit-transition: background 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  -o-transition: background 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  -ms-transition: background 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  transition: background 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;;}
*{box-sizing: border-box;}
.clr{clear: both;}
body{background: url(/images/bg.jpg) no-repeat;background-size: cover}
::-webkit-scrollbar {display: none;}


.mar{margin: 64px 0 32px;}
.menu-card{width: 250px;height: 148px;transition: all 0.3s ease;margin: 64px 48px 0;}
.one{background: url(/images/img_menu_01.png) no-repeat;}
.two{background: url(/images/img_menu_02.png) no-repeat;}
.three{background: url(/images/img_menu_03.png) no-repeat;}
.four{background: url(/images/img_menu_04.png) no-repeat;}
.menu-card .all{padding: 12px;width: 250px;height: 148px;}
.menu-card .all .tit{font-size: 32px;font-weight: 600;margin: 32px 0 0;text-align: center;text-shadow: 0 0 10px rgba(77,221,255);}
.menu-card .all .fzs{font-size: 21px;height: 48px;line-height: 48px;}
.menu-card .all .con{text-align: center;padding: 10px 0 0;font-size: 18px;}
.box{width: calc(50% - 160px);height: 450px;transition: all 0.3s ease;margin: 0 32px;background: rgba(107,187,255,0.25);border: 1px solid rgba(255,255,255,0.3);box-shadow: 0 10px 16px rgba(0,19,86,0.5);}
.box .title{color: #1CEDFF;padding: 20px 0 0 18px;font-size: 18px;}
.box2{width: calc(100% - 256px);height: 450px;transition: all 0.3s ease;margin: 0 32px;background: rgba(107,187,255,0.25);border: 1px solid rgba(255,255,255,0.3);box-shadow: 0 10px 16px rgba(0,19,86,0.5);}
.box2 .title{color: #1CEDFF;padding: 20px 0 0 18px;font-size: 18px;}
.content{width: calc(50% - 160px);margin: 0 32px;padding: 0 75px;}
.content ul{margin: 80px 0 0;}
.content ul li{padding: 24px 0 0 24px;}
.content ul li i{display: inline-block;width: 24px;height: 24px;position: relative;top: 3px;}
.content ul li i.on{display: inline-block;background: url(/images/icon_01.png) center center no-repeat;}
.content ul li i.tw{background: url(/images/icon_02.png) center bottom no-repeat;}
.content ul li i.th{background: url(/images/icon_03.png) center center no-repeat;}
.content ul li span{display: inline-block;font-size: 21px;font-weight: 300;color: #1CEDFF;}
.content ul li span.c{padding: 0 42px 0 0;}
.content ul li span.h{font-weight: 400;color: #FFFFFF;padding: 0 0 0 10px;}
.content .point{margin: 24px 0 0;width: 100%;background: rgba(107,187,255,0.25);border: 1px solid rgba(255,255,255,0.3);box-shadow: 0 10px 16px rgba(0,19,86,0.5);height: 80px;}
.content .point span{font-size: 21px;font-weight: 300;color: #1CEDFF;line-height: 80px;display: inline-block;}
.content .point span.t{padding: 0 0 0 30px;}
.content .point span.r{font-weight: 400;color: #FFFFFF;padding: 0 0 0 10px;}
.content .point a{background: linear-gradient(135deg, #FF9810, #FFC238);color: #FFFFFF;text-align: center;padding: 5px 10px;border-radius: 5px;margin: 23px 24px;float: right;display: block;}
.tab{width: calc(100% - 256px);transition: all 0.3s ease;background: rgba(107,187,255,0.25);border: 1px solid rgba(255,255,255,0.3);box-shadow: 0 10px 16px rgba(0,19,86,0.5);}
.tab .title{color: #1CEDFF;padding: 20px 0 0 18px;font-size: 18px;}
table{width: calc(100% - 120px);margin: 32px 60px 0;}
th, td{text-align: left;border-left: 1px solid rgba(14,127,226,0.75);text-align: center;border-right: 1px solid rgba(14,127,226,0.75);height: 60px;}
th{background-color: rgb(25,157,241,0.3);}
tr:nth-child(even){background-color: rgb(25,157,241,0.1);}
td{font-weight: 300;}
td a{background: linear-gradient(135deg, #FF9810, #FFC238);color: #FFFFFF;text-align: center;padding: 5px 10px;border-radius: 5px;}
.layer{background: rgba(0,0,0,0.5);position: fixed;margin: auto;z-index: 99;top: 0;bottom: 0;left: 0;right: 0;background-size: cover;}
.layer .cbg{max-height: calc(100vh - 256px);width: calc(100% - 360px);transition: all 0.3s ease;background: #FFFFFF;box-shadow: 0 10px 16px rgba(0, 19, 86, 0.5);margin: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;min-height: calc(100vh - 256px);display: flex;flex-direction: column;}
.layer .cbg h4{color: #000;padding: 24px 36px;font-size: 24px;font-weight: 600;}
.layer .cbg .date{width: calc(100% - 70px);margin: auto;}
.layer .cbg .date .lef{float: left;}
.layer .cbg .date .rig{float: right;}
.layer .cbg .date span{color: #000000;}
.layer .cbg .date span:first-child{font-weight: 600;padding: 0 10px 0 0;}
.layer .cbg .data-area {flex:1; overflow: auto;margin: 32px 35px;}
.layer .cbg .data-area table{width: 100%;margin: 0;background: #F2F2F5;border: 12px solid #F2F2F5;}
.layer .cbg .data-area table th, .layer .cbg .data-area table td{border: 0;color: #000000;}
.layer .cbg .data-area table th{background-color: #F2F2F5;color: #000000;}
.layer .cbg .data-area table tr:nth-child(odd){background-color: #FFFFFF;}
.layer .cbg .data-area table tr:nth-child(even){background-color: #F2F2F5;}
.layer .cbg .data-area table td span{color: #39C2FF;}
.layer .cbg .btn{position: absolute;top: 0;right: 0;}
.layer .cbg .btn a{padding: 16px;display: block;}


@media (max-width: 1480px) {
.content{width: calc(100% - 60px);} 
.content ul{margin: 32px 0 0;}  
.box_p{width: calc(100% - 256px);} }

@media (max-width: 768px) {
.box{width: calc(100% - 60px);margin: 0 32px 24px;}
.box2{width: calc(100% - 60px);margin: 0 32px 24px;}
.tab{width: calc(100% - 60px);}
.menu-container {flex-direction: column;align-items: center;}
.menu-card {margin-bottom: 1rem;margin: 12px 32px;}
.mar{margin: 32px 0;}
.content ul{margin: 0;}
.content ul li i{display: inline-block;width: 16px;height: 16px;}
.content ul li i.on{background-size: 16px;}
.content ul li i.tw{background-size: 15px;}
.content ul li i.th{background-size: 16px;}
.content ul li span{display: inline-block;font-size: 14px;}
.content ul li span.c{padding: 0 28px 0 0;}
.content .point{margin: 24px 0 0;width: 100%;height: 48px;}
.content .point span{font-size: 14px;line-height: 48px;}
.content .point span.t{padding: 0 0 0 29px;}
.content ul li span.h{display: block;margin: 0 0 0 10px}
.content .point a{padding: 2px 8px;margin: 10px 24px;font-size: 14px;}
.layer .cbg{width: calc(100% - 60px);}
table, thead, tbody, th, td, tr {display: block;}
table{width: calc(100% - 40px);margin: 32px 20px 0;}
thead tr {position: absolute;top: -9999px;left: -9999px;}
tr {margin-bottom: 32px;}
td {border: none;position: relative;padding-left: 25%;line-height: 36px;height: 36px;font-size: 12px;}
tr{background-color: rgb(25,157,241,0.1);}
td:nth-child(even){background-color: rgb(25,157,241,0.1);}
td:before {content: attr(data-label);position: absolute;left: 0;width: 45%;padding-left: 10px;font-weight: bold;text-align: left;}
.layer .cbg .date .rig{float: left;}
.layer .cbg .data-area table{background: #d4d4d9;border: 12px solid #d4d4d9;}
.layer .cbg .data-area table td:nth-child(even){background-color: #FFFFFF;}
.layer .cbg .data-area table td:nth-child(odd){background-color: #F2F2F5;}  
.layer .cbg .data-area table tr{background-color: #FFFFFF;}
}


@media (max-width: 400px) {
.box_p{width: calc(100% - 60px);margin: 0 30px;}
.content{width: 100%;margin: 0;}  }