/* CSS Document */
br,p,td{text-align:left;}

form{padding:0px; margin:0px;}
lable{padding:0px; margin:0px;}
a:visited,a:link{color:#666666; text-decoration:none;}
a:active,a:hover{color:#333333;text-decoration:underline;}

p{text-indent:2em;margin:5px 0px;padding:5px 0 0 0px;}

/*  text css  */
.heiti{font-family:"ºÚÌå", "ËÎÌå"; }
.red{color:#FF0000;}
.text_c{text-align:center;}
.text_l{text-align:left;}
.text_r{text-align:right;}
.cyan1{color: #003366;}
/*  size css  */
.px13{font-size:13px;}
.px14{font-size:14px;}
.px16{font-size:16px;}
/*  letter spacing css  */
.spacing1{letter-spacing:1px;}
.spacing2{letter-spacing:2px;}
.spacing3{letter-spacing:3px;}
.spacing4{letter-spacing:4px;}
.spacing5{letter-spacing:5px;}
/*  height css */
.height16{line-height:16px;}
.height18{line-height:18px;}
.height20{line-height:20px;}
.height22{line-height:22px;}
.height24{line-height:24px;}
.height30{line-height:30px;}
/*  float  */
.float_l{float:left;}
.float_r{float:right;}
/*  link css  */
.black,a.black:visited,a.black:link{color:#000000; text-decoration:none;}
a.black,active,a.black:hover{color:#000000;text-decoration:underline;}

.gray,a.gray:visited,a.gray:link{color:#000000; text-decoration:none;}
a.gray:active,a.gray:hover{color:#000000;text-decoration:none}

.ash,a.ash:visited,a.ash:link{color:#333333; text-decoration:none;}
a.ash:active,a.ash:hover{color:#3C3C3C;text-decoration:underline;}

.ash-,a.ash-:visited,a.ash-:link{color:#666666; text-decoration:none;}
a.ash-:active,a.ash-:hover{color:#333333;text-decoration:underline;}

.ash--,a.ash--:visited,a.ash--:link{color:#999999; text-decoration:none;}
a.ash--:active,a.ash--:hover{color:#999999;text-decoration:underline;}

.ash---,a.ash---:visited,a.ash---:link{color:#cccccc; text-decoration:none;}
a.ash---:active,a.ash---:hover{color:#999999;text-decoration:underline;}

.ash-red,a.ash-red:visited,a.ash-red:link{color:#666666; text-decoration:none;}
a.ash-red:active,a.ash-red:hover{color:#FF0000;text-decoration:underline;}

.ash-red-no,a.ash-red-no:visited,a.ash-red-no:link{color:#666666; text-decoration:none;}
a.ash-red-no:active,a.ash-red-no:hover{color:#FF0000;text-decoration:none;}

.ash--red,a.ash--red:visited,a.ash--red:link{color:#999999; text-decoration:none;}
a.ash--red:active,a.ash--red:hover{color:#FF0000;text-decoration:underline;}

.ash--red-no,a.ash--red-no:visited,a.ash--red-no:link{color:#999999; text-decoration:none;}
a.ash--red-no:active,a.ash--red-no:hover{color:#FF0000;text-decoration:none;}

.cyan,a.cyan:visited,a.cyan:link{color:#2497A8; text-decoration:none;}
a.cyan:active,a.cyan:hover{color:#2497A8;text-decoration:underline;}

.cyan_,a.cyan_:visited,a.cyan_:link{color:#AAE6FF; text-decoration:none;}
a.cyan_:active,a.cyan_:hover{color:#AAE6FF;text-decoration:underline;}

.cyan-,a.cyan-:visited,a.cyan-:link{color:#04B3C6; text-decoration:none;}
a.cyan-:active,a.cyan-:hover{color:#04B3C6;text-decoration:underline;}

.houzai,a.houzai:visited,a.houzai:link{color:#14bed1; text-decoration:none;}
a.houzai:active,a.houzai:hover{color:#14bed1;text-decoration:underline;}

.yellow,a.yellow:visited,a.yellow:link{color:#FF9933; text-decoration:none;}
a.yellow:active,a.yellow:hover{color:#FF9933;text-decoration:underline;}

.orange,a.orange:visited,a.orange:link{color:#F37B47; text-decoration:none;}
a.orange:active,a.orange:hover{color:#F37B47;text-decoration:underline;}

.white,a.white:visited,a.white:link{color:#ffffff; text-decoration:none;}
a.white:active,a.white:hover{color:#ffffff;text-decoration:underline;}

.redlink,a.redlink:visited,a.redlink:link{color:#FF0000; text-decoration:none;}
a.redlink:active,a.redlink:hover{color:#FF0000;text-decoration:underline;}

.ytjiajiao,a.ytjiajiao:visited,a.ytjiajiao:link{color:#2497A8; text-decoration:underline;}
a.ytjiajiao:active,a.ytjiajiao:hover{color:#2497A8;text-decoration:underline;}

.sc,a.sc:visited,a.sc:link{color:#e57819; text-decoration:none;}
a.sc:active,a.sc:hover{color:#e57819; text-decoration:underline;}
.sc_,a.sc_:visited,a.sc_:link{color:#e57819; text-decoration:underline;}
a.sc_:active,a.sc_:hover{color:#2497A8; text-decoration:none;}


/*  pad css  */
.top_m_-1{margin-top:-1px;}
.top_m_5{margin-top:5px;}
.top_m_10{margin-top:10px;}
.left_m_5{margin-left:5px;}
.left_m_10{margin-left:10px;}
.right_m_5{margin-right:5px;}
.right_m_6{margin-right:6px;}
.right_m_10{margin-right:10px;}
.bottom_m_5{margin-bottom:5px;}
.bottom_m_8{margin-bottom:8px;}
.bottom_m_10{margin-bottom:10px;}
.bottom_m_15{margin-bottom:15px;}

.top_p_-1{padding-top:-1px;}
.top_p_1{padding-top:1px;}
.top_p_5{padding-top:5px;}
.top_p_10{padding-top:10px;}
.left_p_5{padding-left:5px;}
.left_p_10{padding-left:10px;}
.left_p_20{padding-left:20px;}
.right_p_5{padding-right:5px;}
.right_p_10{padding-right:10px;}
.right_p_20{padding-right:20px;}
.bottom_p_5{padding-bottom:5px;}
.bottom_p_10{padding-bottom:10px;}
/*  img css  */
.border_img,a.border_img:visited,a.border_img:link{border:1px solid #c8c8c8;}
a.border_img:hover,a.border_img:active{border:1px solid #FF0000;}

.border_0{border:0px;}
.border_0_1{border:0px; margin-top:1px}

.t_boarder {border:1px solid #E7E7E7; }
a.t_boarder:visited,a.t_boarder:link{border:0px; cursor:pointer;}
a.t_boarder:hover,a.t_boarder:active{border:0px; cursor:pointer;}

/*  fanye  */
.fanye,a.fanye{padding:3px 7px 2px 7px; text-decoration:none;color:#333333; font-size:12px; background:#FCFCFC; border:solid 1px #E7E6FB;}
a.fanye:link,a.fanye:visited{color:#333333;background:#F2F3FD;border:solid 1px #3399FF;}
a.fanye:hover{color:#000000; background:#FCFCFC;border:solid 1px #C9EFD2;}
a.fanye:active{color:#FF0000;}
.STYLE1 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left:150px;
}

/* style.css */

/* ´¥·¢ÎÄ×ÖÑùʽ */
.trigger-text {
    display: inline-block;
    position: relative;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.8s;
}

/* µ¯³ö²ãÑùʽ */
.popup-layer {
    display: none;
    position: absolute;
    top: calc(100% + 20px);
    right: 0;
    padding: 20px;
    background-color: white;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    z-index: 1000;
    min-width: max-content;
}

.popup-layer:before {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 20px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent white transparent;
}

/* Ëĸöƽ̨ˮƽÅÅÁÐ */
.platform-container {
    display: flex;
    gap: 25px;
}

.platform-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100px;
}

.platform-item img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #eee;
    margin-bottom: 8px;
}

.platform-name {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* »ÃµÆƬÑùʽ - Ç¿ÖƵײã */
.slideshow {
    width: 563px;
    height: 171px;
    margin: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.slides {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 1;
}

.slide.active {
    opacity: 1;
    z-index: 2;
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* »ÃµÆƬµ¼º½ */
.slide-nav {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 8px;
    z-index: 3;
}

.slide-dot {
    width: 12px;
    height: 3px;
    background: rgba(255,255,255,0.5);
    cursor: pointer;
    transition: all 0.3s;
}

.slide-dot.active {
    background: rgba(255,255,255,0.9);
    width: 24px;
}