a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

/*This Part for Cleaning Default Template*/
#home_logo, #sideMenu { display:none; }
html{width:100%;height:100%;background:white; list-style:none;}
#globalWrapper,#HQ_page,#bodyContent,#mw-content-text{height:100%;}
#sideMenu, #top_title, .patrollink  {display:none;}
#content { margin-left:0px; margin-top:0px; padding:0px; width:100%;height:100%;}
body {background-color:white;height:100%;}
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }

/* Normalizes margin,padding */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0;padding:0}
/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size:100%}
/* Removes list-style from lists */
ol,ul { list-style:none }
/* Normalizes font-size and font-weight to normal */
address,caption,cite,code,dfn,em,strong,th,var { font-size:normal; font-weight:normal }
/* Removes list-style from lists */
table { border-collapse:collapse; border-spacing:0 }
/* Removes border from fieldset and img */
fieldset,img { border:0 }
/* Left-aligns text in caption and th */
caption,th { text-align:left }
/* Removes quotation marks from q */
q:before,q:after { content:''}

/* Eric Meyer CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need ‘cellspacing=”0″‘ in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
.luanhaixin ul {
    margin: 0 0; 
    padding: 0;
}
.luanhaixin a:visited{
    color:#000;
}
.luanhaixin {
 position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
overflow-y: scroll;
}

/*滚动条样式*/
::-webkit-scrollbar {
    width: 5px !important;
    height: 6px !important;
    background: transparent !important;
    cursor: pointer !important;
}
::-webkit-scrollbar-thumb {
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 0 5px rgba(223, 217, 216, 1) !important;
    background: rgba(131, 165, 200, 1) !important;
    cursor: pointer !important;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(223, 217, 216, 1) !important;
    border-radius: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
}
table.tablesorter thead tr .header{
	width: auto !important;
	text-align: left !important;
    padding: 10px !important;
    color: #fff  !important;
    font-size: 13px  !important;
}
table.pgrouptable td {
    padding: 10px !important;
    background-color: #fff !important;
    font-size: 12px!important;
}
table.pgrouptable thead th {
    background-color: #3d96ff !important;
}
#groupparts a{
	border: 0px solid #eee  !important;
}
#groupparts a:hover{
	border: 0px solid #eee  !important;
}
#groupparts{
 width: 100% !important;
}

@keyframes configure-clockwise {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes configure-xclockwise {
  0% {
    transform: rotate(45deg);
  }
  25% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(-135deg);
  }
  75% {
    transform: rotate(-225deg);
  }
  100% {
    transform: rotate(-315deg);
  }
}

/* GRID STYLING */
* {
  box-sizing: border-box;
}
#pre__loader__C{
    position: fixed;
    width: 100%;
    height: 100%;
  top:0px;
    background:linear-gradient( to top, #4e6beb 0, #41a7e8 100%);
  display: flex;
      justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    z-index: 99999999;
}
.spinner-box {
  width: 300px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  transform: translate(0px,-70px);
}

/* X-ROTATING BOXES */
.configure-border-1 {
  width: 115px;
  height: 115px;
  padding: 3px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  border:3px solid  #e7b0b1;
  animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
}
.configure-border-2 {
  width: 115px;
  height: 115px;
  padding: 3px;
  left: -115px;
  display: flex;
  justify-content: center;
  align-items: center;
   border:3px solid  #7ecef4;
  transform: rotate(45deg);
  animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
}
.configure-core {
  width: 100%;
  height: 100%;
}
.configure-logo {
  position: absolute;
  z-index: 999;
}
.configure-text {
  position: absolute;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  z-index: 999;
  transform: translate(0px,120px);
  color: #fff;
  font-size: 30px;
  font-weight: 300;
}
.configure-logo2 {
  position: absolute;
  z-index: 999;
  bottom: 15px;
}

#nav_c {
    width: 100%;
    height: 67px;
    position: fixed;
    top: 17px;
    z-index: 99999;
    left: 0px;
    box-shadow: 0 0 5px #fff;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
    'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
}
.nav_warp {
    width: 100%;
    height: 100%;
    position: relative;
}
.nav_warp_cen {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #4d8ae3;
    background-image: linear-gradient(1deg, #4d8ae3 0%, #435eb8 86%);
    z-index: -2;
}
.nav_warp_r {
    width: 300px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-image: url("../../ziyuan/T--Jilin_China--Navbar--3.png");
    background-size: cover;
    z-index: 20;
    opacity: 0.7;
}
.nav_item {
    width: calc(100% - 250px);
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    color: #fff;
    z-index: 30;
}
.nav_parent {
    width: 130px;
    font-size: 18px;
    height: 100%;
    transition: 0.5s;
    float: left;
    text-align: center;
    cursor: pointer;
}
.nav_p_t {
    padding-top: 20px;
    display: block;
    position: relative;
}
.nav_item_c {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    transition: 0.5s;
}
.nav_warp_l {
    width: 530px;
    height: calc(100% + 21px);
    position: absolute;
    left: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-image: url("../../ziyuan/T--Jilin_China--Navbar--2.png");
    background-size: contain;
    transition: 0.5s;
}
.nav_warp_l img {
    transition: 0.5s;
}

@media (max-width: 1030px) {
    .nav_warp_l {
        background-position-x: -35px;
    }
    .nav_item {
        width: calc(100% - 215px);
    }
    .nav_warp_l img {
        height: 42px;
        top: 24px !important;
        left: 25px !important;
    }
}
@media (max-width: 960px) {
    .nav_warp_l {
        background-position-x: -90px;
    }
    .nav_item {
        width: calc(100% - 160px);
    }
    .nav_warp_l img {
        height: 38px;
        top: 24px !important;
        left: 17px !important;
    }
}
@media (max-width: 900px) {
    .nav_warp_l {
        background-position-x: -300px;
    }
    .nav_item {
        width: 100%;
    }
    .nav_warp_l img {
        display: none;
    }
}
@media (max-width: 720px) {
    .nav_warp_l {
        background-position-x: -130px;
    }
    .nav_warp_l img {
        display: block;
        height: 30px;
        top: 35px !important;
        left: 15px !important;
    }
    #nav_c {
        top: -2px;
    }
}
@media (max-width: 1300px) {
    .nav_parent {
        width: 110px;
    }
}
@media (max-width: 1150px) {
    .nav_parent {
        width: 95px;
        font-size: 15px;
    }
}
@media (max-width: 1000px) {
    .nav_parent {
        width: 90px;
        font-size: 15px;
    }
}
@media (max-width: 900px) {
    .nav_parent {
        width: 12.5%;
    }
    .nav_item_c {
        width: 100%;
    }
}
@media (max-width: 720px) {
    .nav_item_c {
        display: none;
    }
}

.nav_child_c {
    width: 100%;
    height: 0px;
    position: relative;
    top: 25px;
    display: none;
}
.nav_child {
    width: 100%;
    height: 50px;
    cursor: pointer;
    margin-top: 2px;
    background-image: url("../../ziyuan/T--Jilin_China--Navbar--4.png");
    background-size: 130px 100px;
    background-repeat: no-repeat;
    opacity: 0;
    transition: 0.3s ease-in;
    transform: rotateY(90deg);
    z-index: 999;
}
.nav_child:hover {
    background-image: url("../../ziyuan/T--Jilin_China--Navbar--4.png");
    background-position: 0px -53px;
    background-size: 130px 100px;
    background-repeat: no-repeat;
    transition: 0s;
}
.nav_c_t {
    padding-top: 13px;
    display: block;
    position: relative;
    font-size: 15px;
}
.nav-child-act {
    background-image: url("../../ziyuan/T--Jilin_China--Navbar--4.png");
    background-position: 0px -53px;
    background-size: 130px 100px;
    background-repeat: no-repeat;
}
#nav_c a{
    text-decoration:none;
    color: #fff;
    padding-right:0px !important;
}

#body_warp {
    position: fixed;
    z-index: -33;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url("../../ziyuan/T--Jilin_China--bgg--bgg.png");
    background-position: center top;
}

html {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
body {
    width: 100%;
    height: 100%;
    margin: 0 0;
    padding: 0 0;
    overflow: hidden;
}
.banner {
    width: 100%;
    height: 100%;
    max-height: 800px;
    position: relative;
    top: 0px;
    left: 0px;
}
.banner0 {
    width: 80%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.banner0_0 {
    width: 100%;
    height: calc(100% - 80px);
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner0_0_0 {
    width: 95%;
    height: 85%;
    position: relative;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner_corner0 {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -15px;
    left: -15px;
}
.banner_corner0_0 {
    width: 40px;
    height: 4px;
    background-color: white;
    position: absolute;
    top: 0px;
    left: 0px;
}
.banner_corner0_1 {
    width: 4px;
    height: 40px;
    background-color: white;
    position: absolute;
    top: 0px;
    left: 0px;
}
.banner_corner1 {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: -18px;
    right: -18px;
    overflow: hidden;
}
.banner_corner1_0 {
    width: 40px;
    height: 4px;
    background-color: white;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.banner_corner1_1 {
    width: 4px;
    height: 40px;
    background-color: white;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.banner0_0_0_0 {
    width: 82%;
    height: 90%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: skewX(-7deg);
    background-color: pink;
    overflow: hidden;
    box-shadow: 8px 8px 0px 0px #0008;
}
.banner0_0_0_0p {
    width: 82%;
    height: 90%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: skewX(-7deg);
}
.banner0_0_0_0_0 {
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url("../../ziyuan/pb1.png");
    transform: skewX(7deg) scale(1.2, 1.2);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.banner0_topbar {
    height: 15px;
    width: 100%;
    position: absolute;
    top: 0px;
    transform: skewX(7deg);
}
.banner0_topbar0 {
    height: 100%;
    width: 5%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
    background-color: #fff;
}
.banner0_topbar1 {
    height: 100%;
    width: 90%;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 999;
    background-color: #fff;
}
.banner1 {
    width: 60%;
    height: 100%;
    background-color: transparent;
    position: absolute;
    top: 0px;
    right: 0px;
}
.banner1_0 {
    width: 900px;
    height: calc(100% - 80px);
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner1_0_0 {
    width: 95%;
    height: 85%;
    position: relative;
    background-color: transparent;
}
.banner1_0_0_0 {
    width: 100%;
    height: 125px;
    position: absolute;
    bottom: 10%;
    right: 60px;
    background-image: url("../../ziyuan/T--Jilin_China--Navbar--5.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
}
.banner1_0_0_0p {
    font-size: 120px;
    font-weight: bold;
    height: 100%;
    transform: skewX(-8deg);
    right: 10px;
    position: absolute;
}
.banner1_0_0_0pn {
    position: absolute;
    bottom: 30px;
    right: 30px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
    'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
    line-height:normal;
}
.banner1_0_0_0p0 {
    color: #fff;
    z-index: 10;
}
.banner1_0_0_0p1 {
    color: #7ecef4;
    z-index: 5;
    bottom: 30px;
    right: 23px;
}
.banner1_0_0_0p2 {
    color: #e7b0b1;
    z-index: 3;
    bottom: 35px;
    right: 25px;
}
#banner canvas {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

@media (max-width: 720px) {
    .banner0 {
        display: none;
    }
    .banner {
        height: 220px;
        top: 70px;
    }
    .banner1 {
        width: 100%;
        transform: scale(0.8, 0.8);
    }
    .banner1_0 {
        left: calc(50% - 600px)
    }
    .banner1_0_0 {
        width: 100%;
    }
    .banner1_0_0_0 {
        right: 0px;
    }
}
@media (max-width: 600px) {
    .banner1 {
        transform: scale(0.7, 0.7);
    }
    .banner1_0_0_0 {
        right: 0px;
    }
}
@media (max-width: 500px) {
    .banner1 {
        transform: scale(0.6, 0.6);
    }
    .banner1_0_0_0 {
        right: 0px;
    }
    .banner {
        height: 180px;
        top: 70px;
    }
}
@media (max-width: 400px) {
    .banner1 {
        transform: scale(0.5, 0.5);
    }
    .banner1_0_0_0 {
        right: 0px;
    }
    .banner {
        height: 160px;
        top: 70px;
    }
}

#text_c {
    width: 100%;
    position: relative;
    display: flex;
    top: 100px;
    flex-wrap: wrap;
    box-sizing: border-box;
}
#text_menu {
    width: 300px;
    position: sticky;
    display: block;
    top: 150px;
    height: 500px;
    background-color: transparent;
}
#text_cont {
    width: calc(100% - 300px);
    position: relative;
    right: 0px;
    top: 0px;
    align-items: flex-end;
    background-color: transparent;
}

@media (max-width: 1300px) {
    #text_menu {
        width: 270px;
        transform: scale(0.9, 0.9);
        transform-origin: left top;
        max-height: 500px;
    }
    #text_cont {
        width: calc(100% - 270px);
    }
}
@media (max-width: 1150px) {
    #text_menu {
        width: 240px;
        transform: scale(0.8, 0.8);
        transform-origin: left top;
    }
    #text_cont {
        width: calc(100% - 240px);
    }
}
@media (max-width: 1000px) {
    #text_menu {
        width: 210px;
        transform: scale(0.7, 0.7);
        transform-origin: left top;
    }
    #text_cont {
        width: calc(100% - 210px);
    }
}
@media (max-width: 720px) {
    #text_menu {
        width: 210px;
        transform: scale(0.7, 0.7);
        transform-origin: left top;
        left: -210px;
        position: absolute;
    }
    #text_cont {
        width: 100%;
    }
}

.text_item {
    width: 225px;
    height: 80px;
    background-color: transparent;
    margin-bottom: 10px;
    background-image: url("../../ziyuan/T--Jilin_China--TextContent--m2.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.text_item_act {
    width: 270px;
    height: 90px;
    background-color: transparent;
    margin-bottom: 10px;
    background-image: url("../../ziyuan/T--Jilin_China--TextContent--m1.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    position: relative;
}
.menu_m_t {
    color: #fff;
    display: block;
    width: 155px;
    height: auto;
    position: relative;
    left: 26px;
    font-size: 12px;
    z-index: 999;
}
.text_item_act .menu_m_t {
    color: #fff;
    display: block;
    width: 200px;
    height: auto;
    position: relative;
    left: 35px;
    font-size: 14px;
}
#myContainer canvas {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 0;
}
#text_warp {
    width: 98%;
    position: relative;
    left: 5px;
    background-color: #5a80ed;
    background-image: linear-gradient(270deg, #4b7ce3 0%, #4b83e6 50%, #4d78dd 100%);
    box-shadow: inset 0px 0px 4px 0.1px #fff;
    height: calc(100% + 30px);
    background-size: contain;
    background-repeat: no-repeat;
}
.text_point {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.textPD {
    width: 15px;
    height: 15px;
    position: absolute;
    background-color: #fff;
    opacity: 0.8;
}
.textPD1 {
    top: 0;
    left: 0;
}
.textPD2 {
    top: 0;
    right: 0;
}
.textPD3 {
    bottom: 0px;
    left: 0px;
}
.textPD4 {
    bottom: 0px;
    right: 0px;
}
#HXTC {
    width: calc(100% - 30px);
    position: relative;
    margin: 0 auto;
    top: 15px;
    background-color: #fff;
    z-index: 99;
}
#HXT {
    width: 90%;
    position: relative;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fff;
}

@media (max-width: 550px) {
    #text_warp {
        width: 100%;
        left: 0px;
        height: calc(100% + 16px);
    }
    #text_cont {
        width: 100%;
    }
    #HXTC {
        width: calc(100% - 16px);
        top: 8px;
        left: 8px;
        margin: 0 0;
    }
}
@media (max-width: 450px) {
    #text_warp {
        width: 100%;
        left: 0px;
        height: calc(100% + 6px);
    }
    #text_cont {
        width: 100%;
    }
    #HXTC {
        width: calc(100% - 6px);
        top: 3px;
        left: 3px;
        margin: 0 0;
    }
}
@media (max-width: 720px) {
    #text_c {
        top: 90px;
    }
}
@media (max-width: 500px) {
    #text_c {
        top: 80px;
    }
}
@media (max-width: 400px) {
    #text_c {
        top: 60px;
    }
}

@charset "UTF-8";
.max1 {
    max-width: 10%;
}
.max2 {
    max-width: 20%;
}
.max3 {
    max-width: 30%;
}
.max4 {
    max-width: 40%;
}
.max5 {
    max-width: 50%;
}
.max6 {
    max-width: 60%;
}
.max7 {
    max-width: 70%;
}
.max8 {
    max-width: 80%;
}
.max9 {
    max-width: 90%;
}
.max10 {
    max-width: 100%;
}
::selection {
    color: #fff;
    background-color: #222;
}
a::selection {
    color: #222;
    background-color: transparent;
}
#HXT a::before {
    display: inline-block;
    padding-right: 2px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 4px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#HXT {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 600px;
}
#HXT a {
    padding: 2px 5px;
    margin: 0px 4px;
    text-decoration: none;
    color: #222;
    font-size: 13px;
    font-weight: bold;
    border: 2px solid #eee;
    border-radius: 5px;
    cursor: pointer;
}
#HXT a:hover {
    color: #3b3b3b;
    font-size: 13px;
    border: 2px solid #eee;
}
#HXT :first-child{
    margin-top: 0px;
}
#HXT a.normal::before {
    content: "\f0c1";
}
#HXT a.anchor::before {
    content: "\f13d";
}
#HXT a.file::before {
    content: "\f15b";
}
#HXT a.reference::before {
    font-size: 5px;
}
#HXT a.reference {
    vertical-align: super;
    font-size: 12px;
}
#HXT a.vocabulary::before {
    content: "\f02d";
}
.sup {
    vertical-align: super;
    font-size: 8px;
}
.sub {
    vertical-align: sub;
     font-size: 5px;
}
.ita {
    font-style: italic;
}
.udl {
    text-decoration: underline;
}
.bod {
    font-weight: bold;
}
.text-align-l{
    text-align:left;
}
.text-align-r{
    text-align:right;
}
.text-align-c{
    text-align:center;
}
.text-align-j{
    text-align:justify;
}
#HXT p {
    word-wrap: break-word;
    display: block;
}
#HXT img {
    margin: 0 auto;
    padding: 10px 0px;
    width: 100%;
     position: relative;
    margin:0 auto;
    height: auto;
}
#HXT .wellBlock  {
    width: 98%;
    margin-left: 20px;
}
#HXT .wellBlock:first-child {
    margin-left: 0px;
}
.outerBlock {
    width: 100%;
    height: auto;
    min-height: 30px;
    border: 0px solid #000;
    display: flex;
    position: relative;
    align-items: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
}
.outerBlock p {
    margin: 5px 0px;
}
.wellBlock {
    position: relative;
    display: flex;
    align-items: center;
}
.tfb {
    height: 30px;
    background-color: transparent;
    position: absolute;
    display: block;
    left: 1px;
    font-size: 30px;
    text-align: center;
    cursor: pointer;
}
.textindent{
    text-indent: 45px !important;
}
.maintext p,
.blank p {
    line-height: 170%  !important;
}
.t1 p {
    width: 100%;
}
.t2 p {
    width: 100%;
}
.t3 p {
    width: 100%;
}
.t4 p {
    width: 100%;
}
.maintext1 p {
    width: 100%;
}
.maintext2 p {
    width: 100%;
}
.maintext3 p {
    width: 100%;
}
.maintext4 p {
    width: 100%;
}
.maintext1 p {
    margin-top: 5px;
}
.maintext2 p {
    margin-top: 5px;
}
.maintext3 p {
    margin-top: 5px;
}
.maintext4 p {
    margin-top: 5px;
}
.t1 {
    margin-top: 25px;
    margin-bottom: 10px;
}
.t2 {
    margin-top: 12px;
    margin-bottom: 5px;
}
.t3 {
    margin-top: 10px;
}
.t4 {}
.ed-checked {
    box-shadow: 0 0 4px #2b2b2b !important;
}
.edd-checked {}
.cellBlock{
    position: relative;
    width: 100%;
    height: 100%;
}

@charset "UTF-8";
.blank{
	font-size: 20px;
}
.t1{
	font-size: 30px;
	text-indent: 0px;
	color: #222;
	font-weight: bold;
}
.t2{
	font-size: 23px;
	text-indent: 0px;
	color: #222;
	font-weight: bold;
}
.t3{
	font-size: 20px;
	text-indent: 0px;
	color: #222;
}
.maintext{
	font-size: 18px;
	color: #345;
}
.blank{
	color: #345;
}
.maintext1{
	font-size: 18px;
}
.maintext2{
	font-size: 17px;
	padding-left:0px;
}
.maintext3{
	font-size: 16px;
}

@charset "UTF-8";
.btn1 {
  position: relative;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: white;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0px 0px 5px rgba(0, 123, 255, 0.58);
}
.btn1 .ring {
  position: absolute;
  top: -5px;
  left: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border-radius: 50%;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.btn1:focus {
  outline: none;
}
.btn1 > span {
  height: 6%;
  border-radius: 24%;
  background: #007bff;
  z-index: 1;
  width: 40%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  position: absolute;
}
.btn1 > span:nth-child(1) {
	width: 0px;
	opacity: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.hxt2-conp-0 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    border: 0px solid black;
    overflow:hidden;
    margin:15px 0px !important;
}
.cellBlock .hxt2-conp-0 > img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    padding:0 0 !important;
    display: none;
}
.hxt2-conp-0 img:first-child {
    display: block;
}
.hxt2-conp-0 ul {
    width: auto;
    height: 25px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
.hxt2-conp-0 ul li {
    width: 12px;
    height: 12px;
    margin-top: 5px !important;
    background-color: #fff;
    border-radius: 50%;
    margin-left: 6px;
    margin-right: 6px;
    float: left;
}
.hxt2-conp-0 ul .li_1 {
    background-color: #08B;
}
.hxt2-conp-0 .span-r {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    right: 2%;
    top: 45%;
    background-color: rgba(255, 255, 255, 0.5);
}
.hxt2-conp-0 .span-r span {
    width: 100%;
    height: 100%;
    color: rgba(0, 0, 0, 0.5);
    font-size: xx-large;
    font-weight: 700;
    line-height: 50px;
    margin-left: 15px;
    cursor: pointer;
}
.hxt2-conp-0 .span-l {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    left: 2%;
    top: 45%;
    background-color: rgba(255, 255, 255, 0.5);
}
.hxt2-conp-0 .span-l span {
    width: 100%;
    height: 100%;
    color: rgba(0, 0, 0, 0.5);
    font-size: xx-large;
    font-weight: 700;
    line-height: 50px;
    margin-left: 15px;
    cursor: pointer;
}
.hxt2conp1 {
    width: 95%;
    height: 100%;
    min-height:120px;
    margin: 0 auto;
    position: relative;
    border: 0px solid black;
    overflow: hidden;
    margin:15px 0px !important;
    color: #222;
}
.hxt2conp1 a {
    text-decoration: none;
    padding: 0px 0px!important;
    margin: 0px 0px!important;
    text-decoration: none!important;
    color: #222!important;
    font-weight: normal!important;
    border: 0px solid #eee!important;
    border-radius: 0px!important;
    cursor: pointer!important;
    line-height: 100% !important;
}
.hxt2conp1 a:hover {
    text-decoration: none;
    color: #222;
}
.h2c1_out_c {
    width: 100%;
    height: 100%;
    position: absolute;
}
.h2c1_in_img {
    width: 70px;
    height: 80px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;
}
.h2c1_in_textc {
    width: calc(100% - 20px);
    height: calc(100% - 15px);
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-radius: 5px;
}
.h2c1_in_text {
    width: 40px;
    height: 25px;
    position: absolute;
    font-size: 13px;
    border-radius: 5px;
    text-align: center;
    line-height: 15px !important;
}
.h2c1_in_text_0 {
    width: calc(100% - 65px);
    height: calc(100% - 30px);
    position: absolute;
    top: 6px;
    right: 10px;
    border: 0px solid #007fc2;
    border-radius: 5px;
    font-size: 15px;
}
.h2c1_in_text_1 {
    bottom: 0px;
    left: 55px;
    color: #555;
    text-align: left;
}
.h2c1_in_text_2 {
    bottom: 0px;
    right: 50px;
    cursor: pointer;
}
.h2c1_in_text_3 {
    bottom: 0px;
    right: 5px;
    cursor: pointer;
}
.h2c1_in_text_4 {
    width: 65px;
    height: 35px;
    bottom: 30px;
    right: 0px;
    cursor: pointer;
    position: absolute;
    font-size: 13px;
    border-right: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0 0 2px #777;
    transition: 0.5s;
    text-align: center;
}
.h2c1_ck_out {
    transform: translate(100%, 0px);
}
.h2c1_ck_in {
    transform: translate(0%, 0px);
}
.h2c1_in_text_4_in {
    text-align: center;
    line-height: 16px !important;
}

@media only screen and (min-width: 620px) {
  .custom-controls .transcript-link {
    margin-top: -44px;
  }
}
.transcript-single {
  border-bottom: 2px solid black-thirty;
}
.transcript-single.hidden {
  display: none;
}
.session--watch {
  margin-bottom: HalfLineHeight;
}
.session--watch .button {
  background: black-sixty;
  margin-top: QuarterLineHeight;
}
.session--watch .button:hover,
.session--watch .button:active,
.session--watch .button:focus {
  background: black-seventy;
}
.sr-only {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.hide {
  display: none;
}
.show-inline {
  display: inline-block;
}
.px-video-container {
  overflow: hidden;
  min-width: 300px;
}
.px-video-img-captions-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.px-video {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  width: 100%;
  height: 100%;
}
.px-video-img-captions-container * {
  box-sizing: border-box;
}
.px-video-img-captions-container {
  position: relative;
}
.px-video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  z-index: 1;
}
.px-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.progress-bar {
  width: 85%;
}
@media only screen and (min-width: 480px) {
  .progress-bar {
    width: 89%;
  }
}
@media only screen and (min-width: 970px) {
  .progress-bar {
    width: 95%;
  }
}
@media only screen and (min-width: 1795px) {
  .progress-bar {
    width: 97.5%;
  }
}
.px-video-controls {
  margin-bottom: 10px;
  margin-top: 10px;
}
.px-video-controls:after {
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  visibility: hidden;
}
.px-video-progress {
  display: block;
  width: 100%;
  height: 10px;
}
.px-video-progress[value] {
  -webkit-appearance: none;
  border: none;
}
.px-video-progress[value]::-webkit-progress-bar {
  background-color: #e6e6e6;
}
.px-video-progress[value]::-webkit-progress-value {
  background-color: #009cdf;
}
.px-video-time {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  float: right;
  line-height: 30px;
  margin-top: -30px;
  font-size: 14px;
}
.px-video-captions {
  box-sizing: border-box;
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  padding: 0.5em;
  min-height: 2.5em;
  background-color: #000;
  color: #fff;
  font-size: 1.1em;
  text-align: center;
  opacity: 0.75;
  z-index: 2;
}
.px-video-playback-buttons {
  float: left;
  line-height: 20px;
  min-width: 145px;
}
@media only screen and (min-width: 620px) {
  .px-video-playback-buttons {
    float: none;
    left: 50%;
    margin-left: -120px;
    min-width: 200px;
    position: absolute;
    width: 200px;
  }
}
.px-video-controls button {
  border: 1px transparent solid;
  background: transparent;
  padding: 0;
  margin: 0 5px;
  width: 25px;
  height: 25px;
  overflow: hidden;
  background: no-repeat url("../../ziyuan/T--Jilin_China--Team--conp2--px-video-sprite.svg");
}
@media only screen and (min-width: 620px) {
  .px-video-controls button {
    background-size: 150%;
    width: 40px;
    height: 40px;
  }
}
.px-video-controls button:focus {
  border: 1px #999 dotted;
  outline: none;
}
.px-video-controls button {
  cursor: pointer;
}
.px-video-controls button.px-video-restart {
  background-position: -9px -331px;
}
.px-video-controls button.px-video-restart:hover,
.px-video-controls button.px-video-restart:focus {
  background-position: -9px -295px;
}
@media only screen and (min-width: 620px) {
  .px-video-controls button.px-video-restart {
    background-position: -9px -523px;
  }
}
@media only screen and (min-width: 620px) {
  .px-video-controls button.px-video-restart:hover,
  .px-video-controls button.px-video-restart:focus {
    background-position: -9px -466px;
  }
}
.px-video-controls button.px-video-rewind {
  background-position: -9px -187px;
}
.px-video-controls button.px-video-rewind:hover,
.px-video-controls button.px-video-rewind:focus {
  background-position: -9px -151px;
}
@media only screen and (min-width: 620px) {
  .px-video-controls button.px-video-rewind {
    background-position: -9px -295px;
  }
}
@media only screen and (min-width: 620px) {
  .px-video-controls button.px-video-rewind:hover,
  .px-video-controls button.px-video-rewind:focus {
    background-position: -9px -238px;
  }
}
.px-video-controls button.px-video-play {
  background-position: -8px -43px;
}
.px-video-controls button.px-video-play:hover,
.px-video-controls button.px-video-play:focus {
  background-position: -8px -7px;
}
@media only screen and (min-width: 620px) {
  .px-video-controls button.px-video-play {
    background-position: -8px -67px;
  }
}
@media only screen and (min-width: 620px) {
  .px-video-controls button.px-video-play:hover,
  .px-video-controls button.px-video-play:focus {
    background-position: -8px -10px;
  }
}
.px-video-controls button.px-video-pause {
  background-position: -9px -115px;
}
.px-video-controls button.px-video-pause:hover,
.px-video-controls button.px-video-pause:focus {
  background-position: -9px -79px;
}
@media only screen and (min-width: 620px) {
  .px-video-controls button.px-video-pause {
    background-position: -9px -182px;
  }
}
@media only screen and (min-width: 620px) {
  .px-video-controls button.px-video-pause:hover,
  .px-video-controls button.px-video-pause:focus {
    background-position: -9px -124px;
  }
}
.px-video-controls button.px-video-forward {
  background-position: -10px -259px;
}
.px-video-controls button.px-video-forward:hover,
.px-video-controls button.px-video-forward:focus {
  background-position: -10px -223px;
}
@media only screen and (min-width: 620px) {
  .px-video-controls button.px-video-forward {
    background-position: -10px -409px;
  }
}
@media only screen and (min-width: 620px) {
  .px-video-controls button.px-video-forward:hover,
  .px-video-controls button.px-video-forward:focus {
    background-position: -10px -352px;
  }
}
.px-video-fullscreen-btn-container {
  float: left;
  width: 25px;
}
.px-video-fullscreen-btn-container label {
  display: inline-block;
  width: 25px;
  height: 20px;
  margin-top: 3px;
  margin-left: 1px;
  background: no-repeat url("../../ziyuan/T--Jilin_China--Team--conp2--px-video-sprite.svg");
  background-position: -6px -943px;
}
@media only screen and (min-width: 540px) {
  .px-video-fullscreen-btn-container label {
    margin-top: 5px;
  }
}
.px-video-fullscreen-btn-container input[type="checkbox"]:focus+label {
  outline: 1px #999 dotted;
  background-position: -6px -907px;
}
.px-video-fullscreen-btn-container input[type="checkbox"]:hover+label {
  background-position: -6px -907px;
  cursor: pointer;
}
.px-video-fullscreen-btn-container input[type="checkbox"]:focus+label {
  outline: 1px #999 dotted;
  background-position: -6px -907px;
}
.px-video-fullscreen-btn-container input[type="checkbox"]:checked+label {
  background-position: -6px -979px;
}
.px-video-fullscreen-btn-container input[type="checkbox"]:checked:hover+label {
  background-position: -6px -1015px;
}
.px-video-captions-btn-container {
  float: left;
}
@media only screen and (min-width: 540px) {
  .px-video-captions-btn-container {
    clear: none;
    margin-top: 1px;
    margin-left: 10px;
  }
}
.px-video-captions-btn-container label {
  display: inline-block;
  width: 25px;
  height: 20px;
  margin-top: 3px;
  background: no-repeat url("../../ziyuan/T--Jilin_China--Team--conp2--px-video-sprite.svg");
  background-position: -6px -835px;
}
@media only screen and (min-width: 540px) {
  .px-video-captions-btn-container label {
    margin-top: 4px;
  }
}
.px-video-captions-btn-container input[type="checkbox"]:focus+label {
  outline: 1px #999 dotted;
  background-position: -6px -799px;
}
.px-video-captions-btn-container input[type="checkbox"]:hover+label {
  background-position: -6px -799px;
  cursor: pointer;
}
.px-video-captions-btn-container input[type="checkbox"]:focus+label {
  outline: 1px #999 dotted;
  background-position: -6px -799px;
}
.px-video-captions-btn-container input[type="checkbox"]:checked+label {
  background-position: -6px -871px;
}
.px-video-volume-controls {
  float: right;
  overflow: hidden;
  min-width: 133px;
}
@media only screen and (min-width: 540px) {
  .px-video-volume-controls {
    margin-top: 1px;
  }
}
.px-video-mute-btn-container {
  float: left;
  width: 26px;
}
.px-video-mute-btn-container label {
  display: inline-block;
  width: 25px;
  height: 20px;
  margin-top: 3px;
  background: no-repeat url("../../ziyuan/T--Jilin_China--Team--conp2--px-video-sprite.svg");
  background-position: -6px -476px;
}
@media only screen and (min-width: 540px) {
  .px-video-mute-btn-container label {
    margin-top: 6px;
  }
}
.px-video-mute-btn-container input[type="checkbox"]:focus+label {
  outline: 1px #999 dotted;
  background-position: -6px -440px;
}
.px-video-mute-btn-container input[type="checkbox"]:hover+label {
  background-position: -6px -440px;
  cursor: pointer;
}
.px-video-mute-btn-container input[type="checkbox"]:focus+label {
  outline: 1px #999 dotted;
  background-position: -6px -440px;
}
.px-video-mute-btn-container input[type="checkbox"]:checked+label {
  background-position: -6px -692px;
}
.px-video-mute-btn-container input[type="checkbox"]:checked:hover+label,
.px-video-mute-btn-container input[type="checkbox"]:checked:focus+label {
  background-position: -6px -656px;
}
.px-video-volume-slider {
  float: left;
  width: 80px;
}
@media only screen and (min-width: 540px) {
  .px-video-volume-slider {
    width: 95px;
  }
}
.px-video-controls input[type='range'] {
  -webkit-appearance: none;
  height: 6px;
  width: 70px;
  margin-top: 9px;
  margin-right: 0;
  margin-left: 5px;
  background-color: #e6e6e6;
  outline: none;
}
@media only screen and (min-width: 540px) {
  .px-video-controls input[type='range'] {
    margin-top: 12px;
    width: 85px;
  }
}
.px-video-controls input[type='range']:focus::-webkit-slider-thumb {
  outline: 1px #999 dotted;
}
.px-video-controls input[type='range']::-moz-range-track {
  -moz-appearance: none;
  height: 6px;
  background-color: #e6e6e6;
  border: none;
}
.px-video-controls input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  height: 10px;
  width: 6px;
  background-color: #666;
}
.px-video-controls input[type='range']::-moz-range-thumb {
  background-color: #666;
  border: none;
  height: 12px;
  width: 8px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .px-video-controls input[type='range'] {
    position: relative;
    padding: 0;
    height: 8px;
    top: -3px;
  }
  .px-video-controls .px-video-time {
    margin-top: 4px;
  }
  .px-video-controls .px-video-captions {
    padding: 8px;
    min-height: 36px;
  }
}
.px-video-controls {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.progress-bar {
  flex-grow: 1;
  width: 75%;
}
@media only screen and (min-width: 480px) {
  .progress-bar {
    width: 75%;
  }
}
@media only screen and (min-width: 590px) {
  .progress-bar {
    width: 85%;
  }
}
@media only screen and (min-width: 970px) {
  .progress-bar {
    width: 85%;
  }
}
@media only screen and (min-width: 1795px) {
  .progress-bar {
    width: 85%;
  }
}
.px-video-progress {
  margin-top: 10px;
  width: 100%;
}
.px-video-time {
  flex-grow: 0;
  flex-shrink: 0;
  padding-left: 10px;
  margin-top: 0;
}
.px-video-playback-buttons {
  flex-grow: 1;
  min-width: auto;
}
@media only screen and (min-width: 620px) {
  .px-video-playback-buttons {
    left: auto;
    margin-left: auto;
    min-width: auto;
    position: relative;
    width: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: no-wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding-left: 96px;
  }
}
@media only screen and (min-width: 620px) {
  .has-captions .px-video-playback-buttons {
    padding-left: 130px;
  }
}
.px-video-controls button {
  margin: 0 5px;
}
.px-video-volume-controls {
  min-width: auto;
}
@media only screen and (min-width: 540px) {
  .px-video-volume-controls {
    margin-top: 0;
  }
}

/*foot*/
#footer {
    width: 100%;
    height: 280px;
    background-color: transparent;
    position: relative;
    top: 100px;
}
.footerz{
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: relative;
    overflow: hidden;
}
.footer0 {
    width: 100%;
    height: 50px;
    background-color: transparent;
    position: relative;
    top: 92px;
}
.footer1 {
    width: 100%;
    height: 120px;
    position: relative;
    top: 102px;
}
.footer0_0 {
    width: 100%;
    height: 20px;
    background-color: transparent;
    position: absolute;
    right: 0px;
    width: 200px;
    top: 0px;
}
.footer0_1 {
    width: 100%;
    height: 25px;
    background: -moz-linear-gradient(right, #4e6beb 0, #41a7e8 100%);
    background: -webkit-linear-gradient(right, #4e6beb 0, #41a7e8 100%);
    background: linear-gradient(to left, #4e6beb 0, #41a7e8 100%);
    position: relative;
    top: 25px;
}
.f00_icon {
    float: right;
    color: #fff;
    display: block;
    margin-right: 10px;
}
.f01_span {
    width: auto;
    height: 100%;
    color: #fff;
    float: left;
    margin-right: 20px;
    position: absolute;
    white-space: nowrap;
}
.f01_span_c {
    width: auto;
    height: 100%;
    display: block;
}
.footer1_0 {
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left, #4b7de3 0, #4e6beb 100%);
    background: -webkit-linear-gradient(left, #4b7de3 0, #4e6beb 100%);
    background: linear-gradient(to right, #4b7de3 0, #4e6beb 100%);
    position: absolute;
    top: 0px;
    left: 0px;
}
.footer1_1 {
    width: 200px;
    height: 100%;
    background-color: transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
}
.footer1_2 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: absolute;
    top: 0px;
    left: 0px;
}
.f11_block {
    width: 150px;
    height: 150px;
    position: absolute;
}
.f11_block_left,
.f11_block_right {}
.f11_block_left {
    top: -40px;
    left: -27px;
    transform: rotate(45deg) scale(1.3);
}
.f11_block_right {
    top: 10px;
    left: 110px;
    transform: rotate(45deg) scale(1.1);
}
.f11_block_0 {
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
}
.f11_block_1 {
    width: 126px;
    height: 126px;
    position: absolute;
    top: 12px;
    left: 12px;
}
.f11_block_2 {
    width: 126px;
    height: 126px;
    position: absolute;
    top: 12px;
    left: 12px;
}
.f11_block_2 img {
    width: 90px;
    height: 89px;
    position: absolute;
    top: 15px;
    left: 15px;
    transform: rotate(-45deg);
}
.f11_block_left .f11_block_1_0 {
    width: 126px;
    height: 126px;
    background-color: #4e6beb;
}
.f11_block_right .f11_block_1_0 {
    width: 126px;
    height: 126px;
    background-color: #3a9cf3;
}
.f11_b_1s {
    width: 126px;
    height: 126px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.f11_b_1s_bar0 {
    width: 30px;
    height: 2px;
    background-color: #fff9;
    position: absolute;
}
.f11_b_1s_bar1 {
    width: 2px;
    height: 30px;
    background-color: #fff8;
    position: absolute;
}
.f11_b_1s_point {
    width: 7px;
    height: 7px;
    background-color: #fff;
    position: absolute;
}
.f11_b_11_bar0,
.f11_b_11_bar1,
.f11_b_11_point {
    left: 0px;
    top: 0px;
}
.f11_b_12_bar0,
.f11_b_12_bar1,
.f11_b_12_point {
    right: 0px;
    top: 0px;
}
.f11_b_13_bar0,
.f11_b_13_bar1,
.f11_b_13_point {
    left: 0px;
    bottom: 0px;
}
.f11_b_14_bar0,
.f11_b_14_bar1,
.f11_b_14_point {
    right: 0px;
    bottom: 0px;
}
.f12_logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    position: absolute;
    background-image: url(../../ziyuan/T--Jilin_China--Footer--f3.png);
    background-size: cover;
    background-repeat: no-repeat;
    top: 10px;
    margin-right: 10px;
    cursor: pointer;
}
.f12_logo0 {
    background-image: url(../../ziyuan/T--Jilin_China--Footer--f1.png);
}
.f12_logo1 {
    background-image: url(../../ziyuan/T--Jilin_China--Footer--f3.png);
}
.f12_logo a {
    width: auto;
    height: auto;
    left: 12px;
    display: block;
    position: absolute;
}
.f12_logo img {
    width: 60px;
    height: auto;
    display: block;
    position: relative;
}
.f10_bars {
    width: 600px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
}
.f10_bar {
    width: 15px;
    height: 80px;
    position: relative;
    float: right;
    right: 40px;
    top: 20px;
    margin-left: 35px;
    background-color: #fff4;
    transform: skewX(30deg);
    opacity: 0;
}
.footer2 {
    width: auto;
    position: absolute;
    display: none;
    background-color: #4b7de3;
    bottom: 200px;
    right: 0px;
    padding: 20px;
    z-index: 9999;
    background-repeat: no-repeat;
    background-image: url(../../ziyuan/T--Jilin_China--Navbar--3.png);
    background-size: cover;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../../ziyuan/T--Jilin_China--All--fontawesome.eot');
  src: url('../../ziyuan/T--Jilin_China--All--fontawesome.otf') format('embedded-opentype'),  url('../../ziyuan/T--Jilin_China--All--fontawesome.woff') format('woff'), url('../../ziyuan/T--Jilin_China--All--fontawesome.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
/* 注意：此处省略了Font Awesome的完整图标定义，因为内容过长 */
/* 实际使用时请保留完整的Font Awesome CSS */

.viewer-zoom-out::before {
  width: 20px;
}
.viewer-zoom-out::before {
  background-position: -20px 0;
  content: 'Zoom Out';
background-image: url('../../ziyuan/T--Jilin_China--ALL--viewer.png');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}
.viewer-zoom-in::before {
  background-position: 0px 0;
  content: 'Zoom In';
background-image: url('../../ziyuan/T--Jilin_China--ALL--viewer.png');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}
.viewer-one-to-one::before {
  background-position: -40px 0;
  content: 'One to One';
background-image: url('../../ziyuan/T--Jilin_China--ALL--viewer.png');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}
.viewer-reset::before {
  background-position: -60px 0;
  content: 'Reset';
background-image: url('../../ziyuan/T--Jilin_China--ALL--viewer.png');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}
.viewer-prev::before {
  background-position: -80px 0;
  content: 'Previous';
background-image: url('../../ziyuan/T--Jilin_China--ALL--viewer.png');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}
.viewer-play::before {
  background-position: -100px 0;
  content: 'Play';
background-image: url('../../ziyuan/T--Jilin_China--ALL--viewer.png');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}
.viewer-next::before {
  background-position: -120px 0;
  content: 'Next';
background-image: url('../../ziyuan/T--Jilin_China--ALL--viewer.png');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}
.viewer-rotate-left::before {
  background-position: -140px 0;
  content: 'Rotate Left';
background-image: url('../../ziyuan/T--Jilin_China--ALL--viewer.png');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}
.viewer-rotate-right::before {
  background-position: -160px 0;
  content: 'Rotate Right';
background-image: url('../../ziyuan/T--Jilin_China--ALL--viewer.png');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}
.viewer-flip-horizontal::before {
  background-position: -180px 0;
  content: 'Flip Horizontal';
background-image: url('../../ziyuan/T--Jilin_China--ALL--viewer.png');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}
.viewer-flip-vertical::before {
  background-position: -200px 0;
  content: 'Flip Vertical';
background-image: url('../../ziyuan/T--Jilin_China--ALL--viewer.png');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}
.viewer-fullscreen::before {
  background-position: -220px 0;
  content: 'Enter Full Screen';
background-image: url('../../ziyuan/T--Jilin_China--ALL--viewer.png');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}
.viewer-fullscreen-exit::before {
  background-position: -240px 0;
  content: 'Exit Full Screen';
background-image: url('../../ziyuan/T--Jilin_China--ALL--viewer.png');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}
.viewer-close::before {
  background-position: -260px 0;
  content: 'Close';
background-image: url('../../ziyuan/T--Jilin_China--ALL--viewer.png');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}
.viewer-container {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  z-index:99999999 !important;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.viewer-container::-moz-selection,
.viewer-container *::-moz-selection {
  background-color: transparent;
}
.viewer-container::selection,
.viewer-container *::selection {
  background-color: transparent;
}
.viewer-container img {
  display: block;
  height: auto;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.viewer-canvas > img {
  height: auto;
  margin: 15px auto;
  max-width: 90% !important;
  width: auto;
}
.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}
.viewer-navbar {
  background-color: rgba(0, 123, 255, 0.2);
  overflow: hidden;
}
.viewer-list {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}
.viewer-list > li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 50px;
  line-height: 0;
  opacity: 0.5;
  overflow: hidden;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  width: 30px;
}
.viewer-list > li:hover {
  opacity: 0.75;
}
.viewer-list > li + li {
  margin-left: 1px;
}
.viewer-list > .viewer-loading {
  position: relative;
}
.viewer-list > .viewer-loading::after {
  border-width: 2px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
}
.viewer-list > .viewer-active,
.viewer-list > .viewer-active:hover {
  opacity: 1;
}
.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.viewer-player > img {
  left: 0;
  position: absolute;
  top: 0;
}
.viewer-toolbar > ul {
  display: inline-block;
  margin: 0 auto 5px;
  overflow: hidden;
  padding: 3px 0;
}
.viewer-toolbar > ul > li {
  background-color: #007bff;
  border-radius: 50%;
  border: 2px solid #fff;
  cursor: pointer;
  float: left;
  height: 24px;
  overflow: hidden;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 24px;
}
.viewer-toolbar > ul > li:hover {
  background-color:  #0043ff;
}
.viewer-toolbar > ul > li + li {
  margin-left: 7px;
}
.viewer-toolbar > ul > .viewer-small {
  height: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 18px;
}
.viewer-toolbar > ul > .viewer-small::before {
  margin: -1px;
}
.viewer-toolbar > ul > .viewer-large {
  height: 30px;
  margin-bottom: -3px;
  margin-top: -3px;
  width: 30px;
}
.viewer-toolbar > ul > .viewer-large::before {
  margin: 3px;
}
.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}
.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin: 0 5% 5px;
  max-width: 90%;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  white-space: nowrap;
}
.viewer-title:hover {
  opacity: 1;
}
.viewer-button {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 80px;
}
.viewer-button:focus,
.viewer-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.viewer-button::before {
  bottom: 15px;
  left: 15px;
  position: absolute;
}
.viewer-fixed {
  position: fixed;
}
.viewer-open {
  overflow: hidden;
}
.viewer-show {
  display: block;
}
.viewer-hide {
  display: none;
}
.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.viewer-invisible {
  visibility: hidden;
}
.viewer-move {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.viewer-fade {
  opacity: 0;
}
.viewer-in {
  opacity: 1;
}
.viewer-transition {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@-webkit-keyframes viewer-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes viewer-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.viewer-loading::after {
  -webkit-animation: viewer-spinner 1s linear infinite;
  animation: viewer-spinner 1s linear infinite;
  border: 4px solid rgba(255, 255, 255, 0.1);
  border-left-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1;
}
@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}
@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}
@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}

#HXT p {
    white-space: pre-line;
}
/* 页脚 logo 条幅：XJEP / XJEP-BLUE 无缝无限轮换 */
.f12_track {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    width: max-content;
    animation: f12marquee 26s linear infinite;
    will-change: transform;
}
.f12_cell {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;
    margin: 0 14px;
    background-size: cover;
    background-repeat: no-repeat;
}
.f12_cell img {
    width: 46px;
    height: 46px;
    object-fit: contain;
    display: block;
}
@keyframes f12marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}