body, div, dl, 
dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,select,img {margin: 0;padding: 0;}
a{color:#333;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover{color:#e60012;text-decoration: none;}
a:active {text-decoration: none;}
ul,li {list-style-type: none;}
img {border: 0;}
input{outline: none;border: none;}
.left{float:left;}
.right{float:right;}
.clearfix:after { content: " "; display: block; height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;}
body{margin:0px auto;max-width:1920px;overflow-x:hidden;}
.bodybg{width:100%;}
.banner{position:relative;}
.banner .con{width:72%;margin:0 auto;position:absolute;top:0;left:0;right:0;bottom:0;}
.banner .con img.left{width:4.96rem;height:3.75rem;position:absolute;left:0.23rem;top:3.07rem;animation: up-down 5s 1s infinite both;}
.banner .con img.right{width:2.65rem;height:3.53rem;position:absolute;right:0.53rem;top:4.75rem;animation: up-down 4s 1s infinite both;}
@font-face {
     font-family: almmshFont;
     src: url('/themes/cyol/assets/fonts/ailimamasht.ttf') format('truetype');           
}
@font-face {
    font-family: almmthinFont;
    src: url('/themes/cyol/assets/fonts/ailimmthin.ttf') format('truetype');           
}

/*右侧导航*/
.rnav{width:1.94rem;height:6.45rem;background:url("/themes/cyol/assets/images/hdzt/keji/keji_2026piao.png") center top no-repeat;position:fixed;background-size:100%;/*position:absolute;top:6.04rem;*/top:50%;margin-top:-3.225rem;right:0.5rem;z-index:99999999999;}
.rnav ul{margin-top:0.28rem;}
.rnav ul li a{display:block;width:100%;height:0.7rem;;margin-bottom:0.18rem;}
.rnav ul li.to-top{margin-top:1.86rem;}
/*layA*/
.bg1{background:url("/themes/cyol/assets/images/hdzt/keji/keji_2026bg1.jpg") center top no-repeat;height:7.1rem;background-size:100%;}
.bg2{background:url("/themes/cyol/assets/images/hdzt/keji/keji_2026bg2.jpg") center top no-repeat;height:7.94rem;background-size:100%;}
.bg3{background:url("/themes/cyol/assets/images/hdzt/keji/keji_2026bg3.jpg") center bottom no-repeat;/*height:929px;*/height:12.19rem;background-size:100%;}
.bg4{background:url("/themes/cyol/assets/images/hdzt/keji/keji_2026bg4.jpg") center top no-repeat;height:6.5rem;background-size:100%;}
.bg5{background:url("/themes/cyol/assets/images/hdzt/keji/keji_2026bg5.jpg") center top no-repeat;height:9.5rem;overflow:hidden;background-size:100%;}

.layA{width:9.2rem;margin:0 auto;    padding-top:1.6rem;position:relative;}
.layA p{font-size:22px;text-align:center;line-height:28px;color:#0f415d;margin-bottom:20px;}
.layA .worda{width:7.49rem;display:block;margin:0 auto;}

.layA .wrj{position:absolute;right:-2.08rem;bottom:-2.48rem;}
.layA .wrj img{width:4.33rem;height:2.38rem;animation: up-down1 3s 1s infinite both;}
/*layC节目专家*/
.bg2 dt img{width:100%;}
.layC{width:13.72rem;margin:0 auto;}
.layC dd{width:13.63rem;height:5.36rem;margin: 0 auto;background:url("/themes/cyol/assets/images/hdzt/keji/keji_k1.png") center top no-repeat;background-size:100%;}
/* 横向手风琴图片切换样式 */
 .container {max-width: 13.02rem;  margin: 0 auto;}
.section {/*padding-top: 20px;*/ padding-top:0.48rem;}
.accordion-container { width: 100%; overflow-x: auto; padding: 0.10rem 0;scroll-behavior: smooth; scrollbar-width: none; /* Firefox */  -ms-overflow-style: none; /* Internet Explorer 10+ */        }
.horizontal-accordion { width: max-content;/* height: 466px;*/height: 4rem;display: flex; gap: 5px;    transition: all 0.5s ease;    }
 .accordion-item {width: 1.4rem; height: 100%; position: relative;border-radius: 0.10rem; overflow: hidden;cursor: pointer; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);  flex-shrink: 0; }
.accordion-item.active {/*width: 712px;*/width: 7.10rem;}
.accordion-item.active .accordion-img{/*object-fit: fill;*/}
.accordion-img {width: 100%;height: 100%; object-fit: cover;transition: transform 0.3s ease;}
.accordion-item:hover .accordion-img { transform: scale(1.05); }
.accordion-title { position: absolute; bottom: 0; left: 0; right: 0;background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); color: white; padding: 0.30rem 0.1rem 0.10rem;transform: translateY(0);/*transform: translateY(100%);*/transition: transform 0.3s ease;text-align:center;font-family: almmthinFont;}
/*.accordion-item.active .accordion-title {  transform: translateY(0);}*/
.accordion-item.active .accordion-title{text-align:left;}
.accordion-item .accordion-title .guide { display:none;}
.accordion-item.active .accordion-title .guide { display:block;}

.accordion-item.active .mark{display:none;} 
.accordion-title h3{    display: inline-block;font-size:0.30rem;line-height:0.34rem;margin-bottom:0.1rem;margin-right:0.15rem;}
.accordion-title h3 a{color:#eaf5f9;text-decoration:none;}
.accordion-title p{    display: inline-block;font-size:0.18rem;line-height:0.26rem;font-family:almmthinFont;}
.accordion-title .guide{font-size:0.18rem;line-height:0.26rem;margin-bottom:0.10rem;font-family:almmthinFont;}
.controls { display: flex;  gap: 10px;  margin-bottom: 0.15rem;flex-wrap: wrap;}
.mark{position: absolute;  left: 0;   right: 0;   top: 0;   bottom: 0;   background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));}

.btn { background: linear-gradient(135deg, #667eea, #764ba2);  color: white;border: none;  padding: 8px 16px; border-radius: 5px; cursor: pointer; transition: all 0.3s ease; }
        
.counter { color: #667eea;  font-weight: bold;font-size: 1.1rem;font-family:almmshFont;}

/*layB观看视频*/
.layB{width:14.32rem;margin:0 auto;}
.layB dt.caidan{text-align:center;height:1.78rem;background:url("/themes/cyol/assets/images/hdzt/keji/keji_shipin.png") center top no-repeat;background-size:100%;}

.layB dt .titBtn{width:7.84rem;margin-right:0.82rem;height:0.66rem;display:inline;padding-top:0.70rem;    display: flex;    flex-wrap: nowrap;    align-items: center;    justify-content: space-between;}
.layB dt .titBtn li{width:0.7rem;height:0.66rem;/*float:left;margin-right:0.42rem;*/font-size:0.36rem;color:#21c8ce;cursor:pointer;background:url("/themes/cyol/assets/images/hdzt/keji/keji_off.png") center top no-repeat;    letter-spacing: 0.04rem;background-size:100%;    display: flex;    justify-content: center;    align-items: center;line-height: normal;     /* 避免冲突 */
  font-family:SimHei;-webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;font-weight:bold;}
.layB dt .titBtn li.on{background:url("/themes/cyol/assets/images/hdzt/keji/keji_on.png") center top no-repeat;color:#b1faff;background-size:100%;}
/* itemBox */
.shipin{position:relative; background:url("/themes/cyol/assets/images/hdzt/keji/keji_k2.png") center top no-repeat;  width:100%; height:9.18rem;overflow:hidden;background-size:100%;}
.itemBox {width: 11.94rem;height:6.74rem;overflow: hidden;margin: 0 auto;position: relative;margin-top:1.04rem;border-radius:0.2rem;}
.itemBox .prism-player{width: 11.94rem;height:6.74rem;}
.itemBox .item{display:none;position:absolute;right:0;top:0;width:0px;height:6.74rem;z-index: 99;}
.itemBox .item .icon{width: 0.33rem;position:absolute;left:-0.33rem; height: 0.71rem;border-top-left-radius: 0.10rem;top: 2.98rem;border-bottom-left-radius: 0.10rem;overflow: hidden;cursor:pointer;}
.itemBox .item .icon .img1{display:block;width: 100%;}
.itemBox .item .icon .img2{display:none;width: 100%;}
.itemBox .item .shipinList{width:0px;height:6.74rem;background:#2e2e38;overflow:hidden;}
.itemBox .item .shipinList li{width:3.20rem;margin:0.10rem auto;margin-top:0.18rem;cursor:pointer;}
.itemBox .item .shipinList li img{float:left;width:1.30rem;height:0.7rem;}
.itemBox .item .shipinList li h3{width:1.8rem;float:right;font-size:0.17rem;line-height:0.2rem;color:#858587;    font-weight: normal;    margin-left: 0.06rem;}
.itemBox .item .shipinList li a{color:#858587;display: flex;    align-items: center;font-family:almmshFont;}
.itemBox .item .qidai{font-size:0.5rem;color:#00a8cf;display:none;font-weight:bold;text-align:center;position:absolute;width: 2.35rem; left: -7.05rem;top: 2.70rem;font-family:almmthinFont;}
.itemBox .item .shipinList li.active{background:#000;}
.itemBox .item .shipinList li.active h3{color:#fff;}

.shipin .kanbtn{position:absolute;bottom:-0.56rem;left:4.50rem;}
.shipin .yuan{position:absolute;bottom:-1.75rem;right:-0.80rem;}
/*layD关于猿编程*/
.layD{width:13.71rem; margin: 0 auto;text-align:left;position:relative;}
.layD img.imgjl{margin-left:0.02rem;width:100%;}
.layD img.imgyfd{margin-left:0.06rem;width:100%;}
.layD .plant{position:absolute;top:0.14rem;right:3.30rem;}
.layD .plant img{width:2.08rem;animation: up-down 3s 1s infinite both;}

.layD .ip{position:absolute;top:1.84rem;right:-1.68rem;}
.layD .ip img{width:3.85rem;animation: up-down 3s 1s infinite both;}

.layD p{color:#2937e1;font-size:0.24rem;line-height:0.46rem;font-family: SimHei;}

@keyframes up-down {
		0%{
            margin-top:-0.08rem;            
        } 
                 
        50%{
            margin-top:0.08rem;
        }
        100%{
        	margin-top:-0.08rem;
        }
}
@keyframes up-down1 {
		0%{
            margin-bottom:0.10rem;            
        } 
                 
        50%{
            margin-bottom:0px;
        }
        100%{
        	margin-bottom:0.10rem;
        }
}