@charset "UTF-8";
@font-face { font-family: DINR; src: url("https://r1.kmszpt.com/ksh/common/font/DINPro-Regular.ttf") format("truetype"); }
@font-face { font-family: DINM; src: url("https://r1.kmszpt.com/ksh/common/font/DINPro-Medium.ttf") format("truetype"); }
* { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; }

a, a:active, a:focus, a:hover, a:visited { text-decoration: none; }

img { border: 0; vertical-align: top; }

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

i { font-style: normal; }

.clearfix:after { clear: both; display: block; overflow: hidden; height: 0; content: ''; }

.fl { float: left; }

.fr { float: right; }

.oe1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.flex-box { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.flex-direction-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

.flex-direction-column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.flex-wrap-nowrap { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap; }

.flex-wrap-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }

.flex-justify-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }

.flex-justify-between { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }

.flex-align-item-start { -webkit-box-align: start; -moz-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.flex-align-item-center { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }

.flex1 { -webkit-flex: 1; -ms-flex: 1; flex: 1; }

/*html { margin: 0 auto; width: 100vw; height: 100vh;
}*/
body { /*    !* 设置缩放比例 *! transform: scale(1.8958, 2.02); !* 设置缩放的基点为页面的左上角 *! transform-origin: top left; !* 保持宽度和高度以覆盖整个视口 *!*/ position: relative; margin: 0 auto; width: 1920px; height: 1080px; background: #01081d url(../img/main_bg.jpg?t=011230032) no-repeat 0 0; background-size: 100% 100%; color: #ffffff; font: 12px/1 'Microsoft YaHei', Arial, Verdana, Helvetica, sans-serif; -webkit-text-size-adjust: none; }

.header { position: absolute; left: 0; top: 0; width: 100%; height: 86px; background: url(../img/header_tt.png?t=00123005) no-repeat center 0; }

.down_select { position: relative; }
.down_select .item_con { position: relative; }
.down_select .has { width: 160px; height: 34px; line-height: 32px; border: 1px solid #2a5a94; padding: 0 12px; background: url(../img/down_icon.png?t=00123003) no-repeat right center; cursor: pointer; border-radius: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; color: #fff; }
.down_select .has.on { color: #fff; }
.down_select .no_sel { color: #98a0a6; }
.down_select .cho { display: none; position: absolute; top: 33px; left: 0; padding: 4px 0; width: 100%; max-height: 262px; line-height: 36px; border: 1px solid #2a5a94; background-color: rgba(8, 24, 55, 0.9); box-shadow: 0 5px 10px rgba(33, 40, 68, 0.15); box-sizing: border-box; overflow-y: auto; z-index: 9999999999999999999999999; }
.down_select .cho p { text-indent: 12px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.down_select .cho p:hover, .down_select .cho p.on { background-color: #919b9e; color: #fff; }

.nav { position: absolute; left: 0; bottom: 0; width: 100%; height: 81px; background: url(../img/nav_bg.png?t=00123003) no-repeat center 0; }
.nav ul { position: absolute; bottom: 20px; left: 50%; margin-left: -392px; width: 800px; }
.nav li { position: relative; top: 0; margin: 0 15px; width: 112px; text-align: center; transition: top 0.3s ease; }
.nav li.cur, .nav li:hover { top: -10px; }
.nav li.cur .icon, .nav li:hover .icon { background-position-y: -100px; }
.nav li.cur .ico, .nav li:hover .ico { background-position-x: -50px; }
.nav a { font-size: 14px; font-weight: 700; color: #ffffff; }
.nav .icon { padding-top: 8px; padding-right: 2px; width: 110px; height: 87px; background: url(../img/nav_item_bg.png?t=00123003) no-repeat 0 0; }
.nav .line { position: absolute; left: 50%; margin-left: -25px; width: 50px; height: 50px; }
.nav .line i { position: absolute; top: 40px; width: 17px; height: 29px; background: url(../img/nav_line.png?t=00123003) no-repeat 0 0; opacity: 0; }
.nav .line .x1 { left: -6px; animation: dotAnimation 2.2s 1.4s infinite; }
.nav .line .x2 { left: 18px; animation: dotAnimation 1.6s 0.8s infinite; }
.nav .line .x3 { left: 38px; animation: dotAnimation 2.8s 1.6s infinite; }
.nav .ico { margin: 0 auto; width: 50px; height: 50px; background: url(../img/nav_icon.png?t=00123003) no-repeat 0 0; }
.nav .ico2 { background-position-y: -50px; }
.nav .ico3 { background-position-y: -100px; }
.nav .ico4 { background-position-y: -150px; }
.nav .ico5 { background-position-y: -200px; }

.sub_nav { padding-top: 56px; }
.sub_nav a { margin: 0 8px; width: 120px; height: 38px; line-height: 35px; text-align: center; background: url(../img/sub_nav_bg.png?t=001230035) no-repeat 0 0; font-size: 14px; font-style: italic; color: #ffffff; }
.sub_nav a.cur, .sub_nav a:hover { background-position-y: -40px; }

.main_box { padding: 70px 52px 0; height: 1080px; box-sizing: border-box; overflow: hidden; }
.main_box .main_tt { position: relative; left: -9px; padding-left: 36px; width: 409px; height: 38px; background: url(../img/main_tt.png?t=00123001) no-repeat 0 0; line-height: 30px; font-size: 14px; font-weight: bold; color: #e5efff; box-sizing: border-box; }
.main_box .sub_tt { position: relative; padding-left: 12px; font-size: 14px; font-weight: bold; }
.main_box .sub_tt:before { content: ''; position: absolute; left: 0; width: 4px; height: 14px; border-radius: 4px; background-color: #2ee2f3; }

.popup_sample { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 9999; }
.popup_sample .popup_bg { width: 100%; height: 100%; }
.popup_sample .popup_con { position: relative; width: 500px; height: 590px; background: url(../img/sample_box.png?t=00123003?1106) no-repeat 0 0; }
.popup_sample .popup_con h2 { padding-top: 6px; font-size: 18px; font-weight: 700; text-align: center; line-height: 70px; }
.popup_sample .popup_con ul { padding: 0 40px; }
.popup_sample .popup_con li { margin-bottom: 6px; }
.popup_sample .popup_con a { display: block; position: relative; padding-left: 42px; height: 54px; line-height: 54px; font-size: 16px; color: #ffffff; background: linear-gradient(to right, rgba(50, 137, 255, 0.1), rgba(50, 137, 255, 0.05)); }
.popup_sample .popup_con a:before { content: ''; position: absolute; top: 50%; left: 20px; margin-top: -2px; width: 4px; height: 4px; border-radius: 50%; background-color: #ffffff; opacity: 0.6; }
.popup_sample .popup_con a:hover { background: linear-gradient(to right, rgba(50, 137, 255, 0.3), rgba(50, 137, 255, 0.2)); }

.popup_department { position: fixed; width: 100%; height: 100%; left: 100%; top: 0; background: rgba(0, 0, 0, 0.6); z-index: 999; }
.popup_department.popup_action { left: 0; }
.popup_department.popup_action .box { transform: scale(1); }
.popup_department .box { position: relative; transform: scale(0); transition: all .5s ease; width: 1118px; }
.popup_department .box .close { position: absolute; right: -3px; top: 22px; width: 32px; height: 32px; background: url(../img/popup/close.png?t=00123003) no-repeat 0 0; cursor: pointer; }
.popup_department .box .tit { padding: 9px 0 25px; height: 92px; line-height: 58px; color: #fff; font-size: 20px; font-weight: bold; text-align: center; box-sizing: border-box; background: url(../img/popup/bgt_s.png?t=00123003) no-repeat center 0; }
.popup_department .box .con { padding: 10px 79px 0; height: 580px; background: url(../img/popup/bgm_s.png?t=00123003) repeat-y center 0; }
.popup_department .box .btm { height: 64px; background: url(../img/popup/bgb_s.png?t=00123003) no-repeat center 0; }
.popup_department .article { font-size: 14px; line-height: 24px; }
.popup_department .article p { margin-bottom: 14px; }
.popup_department .article .name { color: #2ee2f3; }

.popup_limit { position: fixed; width: 100%; height: 100%; left: 100%; top: 0; background: rgba(0, 0, 0, 0.6); z-index: 999; }
.popup_limit.popup_action { left: 0; }
.popup_limit.popup_action .box { transform: scale(1); }
.popup_limit .box { position: relative; transform: scale(0); transition: all .5s ease; width: 658px; height: 318px; background: url(../img/popup/limit_bg.png?t=00123003) no-repeat 0 0; }
.popup_limit .box .con { padding-left: 275px; padding-top: 88px; }
.popup_limit .box h3 { font-size: 20px; font-weight: 700; line-height: 40px; }
.popup_limit .box p { font-size: 14px; line-height: 22px; }
.popup_limit .box .button { margin-top: 28px; width: 110px; height: 40px; line-height: 40px; border-radius: 4px; background-color: #3486ff; font-size: 16px; text-align: center; cursor: pointer; }

@keyframes dotAnimation { 0% { opacity: 0; top: 40px; }
  25% { opacity: 0.25; }
  50% { opacity: 1; }
  100% { opacity: 0; top: -15px; } }

/*# sourceMappingURL=base.css.map */