@charset "UTF-8";

/* ckBox */
@media all{
    .ckBox video{max-width: 100%;}
    .ckBox strong{padding:0 2px;font-weight: bold;}
    .ckBox a{color:var(--cm2);text-decoration:underline;font-weight:bold; padding:0 2px; word-break: break-all;}
    .ckBox h2 a,.ckBox h3 a,.ckBox h4 a{color:var(--cm2);}
    .ckBox img{display: inline-block;max-width: 100%;}
    .ckBox hr{border-top:1px solid #eee;}
    .ckBox h2{line-height: 1.6; margin: 1rem 0; }
    .ckBox .h2A{position:relative;color: #fff; background-color: #000;  border-radius:.5rem;  padding: .5rem .5rem .5rem 2rem; }
    .ckBox .h2A::before{content: '';position: absolute;top: .9em;left: 12px;border: .5rem solid; border-color: transparent transparent transparent #fff;}
    .ckBox .h2B{position:relative;padding: .5rem .5rem .5rem 1.5rem; border-bottom: 1px solid var(--cm1); }
    .ckBox .h2B::before{content: '▌';position: absolute;left: 0; color: var(--cm1);}
    .ckBox .h2C{position:relative;padding: .5rem .5rem .5rem 1.5rem; color: var(--cm1); border-bottom: 1px solid #eee;text-shadow: 1px 1px 0 #666; }
    .ckBox .h2C::before{content: '✧';position: absolute;left: 0; color: var(--cm1); }
    .ckBox .h2D{position:relative;padding: .5rem .5rem .5rem 1.5rem; color: var(--cm1); border-bottom: 1px solid #eee; }
    .ckBox .h2D::before{content: '✦';position: absolute;left: 0; color: var(--cm1);}
    .ckBox .h2D::after{content: '✦';position: absolute; color: var(--cm1);}
    .Unicode{position: relative; height: 5rem; line-height: 5rem;}
    .Unicode::before{content: '▌◆◇✦✧▲►▶▷➤➢•●○⊙◎◉✖✕✔✓☑▧▨▣□◈♦✰✩★☆✭✯✮✡✪▐';position: absolute; font-size: 2rem;}/*部分参考符号*/
    /* .ckBox ul{padding-left: 1.5rem;} */
    /* .ckBox ul li{list-style: disc;} */
    /* .ckBox ol li{list-style-type: decimal;list-style-position: inside;} */
    /* 表格 */
    .ckBox .tabwrap{display: block; overflow: auto;}
    .ckBox table {border:1px solid #bcaf91;color:#333;width:100%;border-collapse: collapse; font-size: .95rem;}
    .ckBox table caption{font-weight: bold; font-size: 1rem; height: 3.5rem; line-height: 3.5rem;}
	.ckBox table th {border:1px solid #bcaf91;padding: 8px;text-align:center; font-weight: bold;}
	.ckBox table tr {background-color:#e9dbbb;}
	.ckBox table tr td:first-child{font-weight: bold;}
	.ckBox table td {border:1px solid #bcaf91;text-align: center;padding: 8px;}
	.ckBox table thead tr{background-color: #cb7903 !important; color:#fff;}
    /* 引用标签和样式块 */
    .ckBox blockquote{border-left: 5px solid var(--cm1); padding:1rem; margin:1rem; font-style: italic;/* font-family: '宋体';  */ background: #eee; border-radius: 0 1rem 1rem 0;   }
    .ckBox cite,.ckBox cite a{font-style: italic; font-weight: normal;}
    .ckBox samp{font-style: italic;font-weight: bold; padding:0 2px;}
    .ckBox var{font-style: italic;font-weight: bold; padding:0 2px;}
    /* 自定义样式类：digest1-3 */
    .ckBox .digest1{border-top-left-radius:1.2rem;border-bottom-right-radius:1.2rem;background-color:rgba(255,236,216,.5);box-shadow:5px 5px 2px rgba(188,188,188,1);padding:1rem;margin:1rem 0;}
    .ckBox .digest2{border:5px solid var(--cl1);border-top-left-radius:1.2rem;border-bottom-right-radius:1.2rem;background-color:rgba(255,236,216,.5);box-shadow:5px 5px 2px rgba(188,188,188,1);padding:1rem;margin:1rem 0;}
    .ckBox .digest3{ padding:1rem;margin:1rem 0;  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,245,235,.54)),to(rgba(185, 215, 255,.35)));
        background-image: linear-gradient(180deg, rgba(255,245,235,.54), rgba(185, 215, 255, .35)); border-radius: 1.2rem;    }
}

/* ckTemp_ckFullTemp_v6 */
/* ckTemp */
@media all{
    :root{--cktempUnitbgcolor:rgb(254, 255, 242);--cktempImgBoxbgcolor:none;--cktempSwpBtncolor:var(--cm1);}
    .ckTemp{width: 100%;  margin:0 auto;}
    .ckTemp a{padding:0;}
    .modClmn,.modRow{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: stretch;}
    .unitClmn{display: flex; flex-direction: column;; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-bottom: 2rem;background-color: var(--cktempUnitbgcolor);}
    .unitRow{display: flex;flex-direction: row; flex-wrap: wrap;justify-content: space-between; margin-bottom: 2rem;background-color:var(--cktempUnitbgcolor);}
    .flexImgBox{width:100%; position: relative; display: flex; justify-content: center; align-items: center;overflow: hidden;border:1px solid #eee;background-color: var(--cktempImgBoxbgcolor);}
    .flexImgBox a{display: block;width: 100%; height: 100%;}
    .flexImgBox img{width: 100%;height:100% !important;object-fit: cover; filter: brightness(1);display: block !important;transition: all 0.5s ease-in-out;}
    .unitClmn:hover .flexImgBox img, .unitRow:hover .flexImgBox img{transform:scale(1.15,1.15);transition: all 0.5s ease-in-out;}
    .flexImgBox .onImgTitle{display: flex; position: absolute; top:0; width: 100%; height: 100%; flex-direction: column;align-items: center; justify-content: center;text-align: center;font-size: 1.25rem;color:#fff;font-weight: bold;}
    .flexTxtBox{width:100%; display: flex;flex-wrap: nowrap; flex-direction: column; justify-content: center;align-items: center;  padding:2rem; overflow: hidden;}
    .flexTxtBox .txtTitle{text-align: center;font-size: 1.25rem;font-weight: 600;}
    .flexTxtBox .txt{padding-top: 1.5rem;}
    .unitClmn .flexImgBox{height: 450px;}/*统一图片容器高度,或者同一模型使用同尺寸图片*/
    .tempClmn111 .unitClmn{width:100%;}
    .tempClmn221 .unitClmn{width:49%;}
    .tempClmn421 .unitClmn{width:24%;}
    .tempClmn422 .unitClmn{width:24%;}
    .tempClmn331 .unitClmn{width:32%;}
    .tempClmn321 .unitClmn{width:32%;}
    .tempClmn322 .unitClmn{width:32%;}
    .tempRow221 .unitRow{width: 100%;}
    .tempRow221 .unitRow .flexImgBox, .tempRow221 .unitRow .flexTxtBox{width:50%;}
    .tempRow222 .unitRow{width: 100%;}
    .tempRow222 .unitRow .flexImgBox, .tempRow222 .unitRow .flexTxtBox{width:50%;}
    .tempRow421 .unitRow{width: 49%;}
    .tempRow421 .unitRow .flexImgBox, .tempRow421 .unitRow .flexTxtBox{width:50%;}
    .tempRow442 .unitRow{width: 49%;}
    .tempRow442 .unitRow .flexImgBox, .tempRow442 .unitRow .flexTxtBox{width:50%;}

    .tempSwpRow221 .swiper{background-color: var(--cktempUnitbgcolor);}
    .tempSwpRow221 .unitRow{width: 100%;margin-bottom: 0;background-color: unset;border-bottom: none;}
    .tempSwpRow221 .flexImgBox, .tempSwpRow221 .flexTxtBox{width:50%;height:450px;}
    .tempSwpRow221 .swiper-button-next, .tempSwpRow221 .swiper-button-prev{color:var(--cktempSwpBtncolor);}
    .tempSwpRow221 .swiper-pagination-bullet-active{background-color:var(--cktempSwpBtncolor);}
    .tempSwpClmn4321x .swiper-slide{background-color: var(--cktempUnitbgcolor);}
    .tempSwpClmn4321x .unitClmn{background-color: unset;border-bottom: none;}
    .tempSwpClmn4321x .swiper-button-next, .tempSwpClmn4321x .swiper-button-prev{color:var(--cktempSwpBtncolor);}
    .tempSwpClmn4321x .swiper-pagination-bullet-active{background-color:var(--cktempSwpBtncolor);}

    .clmnReverse .unitClmn:nth-child(even){flex-direction: column-reverse;}
    .clmnReverse .flexImgBox,.clmnReverse .flexTxtBox{height: 400px;overflow: hidden;}/* clmnReverse根据需要统一图片和文本容器的高度 */
    .clmnReverse.tempClmn331 .unitClmn{width:33.33%;}
    .tempColFancy .flexImgBox a{display: inline-block;width: 100%;height: 100%; padding:0; margin:0;}
    .rowReverse .unitRow:nth-child(even){flex-direction: row-reverse;}
}
@media all and (max-width:1024px){
    .unitClmn,.unitRow{margin-bottom: 1.5rem;}
    .flexTxtBox{padding: 1.5rem;}
    .flexTxtBox .txtTitle{padding-bottom:1.5rem; }
    .tempClmn221 .unitClmn{width:49%;}
    .tempClmn421 .unitClmn{width:49%;}
    .tempClmn422 .unitClmn{width:49%;}
    .tempClmn331 .unitClmn{width:32%;}
    .tempClmn321 .unitClmn{width:49%;}
    .tempClmn322 .unitClmn{width:49%;}
    .tempClmn111 .unitClmn .flexImgBox{height: auto;}
    .tempClmn221 .unitClmn .flexImgBox{height: 48vw;}
    .tempClmn421 .unitClmn .flexImgBox{height: 48vw;}
    .tempClmn422 .unitClmn .flexImgBox{height: 48vw;}
    .tempClmn321 .unitClmn .flexImgBox{height: 48vw;}
    .tempClmn322 .unitClmn .flexImgBox{height: 48vw;}
    .tempClmn331 .unitClmn .flexImgBox{height: 30vw;}
    .tempRow421 .unitRow{width: 100%;}
}
@media all and (max-width:768px){
    .unitClmn,.unitRow{margin-bottom: 0; border-bottom: 1px solid #f2f2f2;}
    .unitClmn .flexImgBox{height: auto !important;}
    .tempClmn221 .unitClmn{width:100%;}
    .tempClmn421 .unitClmn{width:100%;}
    .tempClmn422 .unitClmn{width:49%;}
    .tempClmn331 .unitClmn{width:100%;}
    .tempClmn321 .unitClmn{width:100%;}
    .tempClmn322 .unitClmn{width:49%;}
    .tempRow221 .unitRow .flexImgBox, .tempRow221 .unitRow .flexTxtBox{width:100%;}
    .tempRow421 .unitRow .flexImgBox, .tempRow421 .unitRow .flexTxtBox{width:100%;}
    .tempRow442 .unitRow{width: 100%;}
    .tempSwpRow221 .swiper{padding-bottom: 20px;}
    .tempSwpRow221 .unitRow{border-bottom: none;}
    .tempSwpRow221 .flexImgBox, .tempSwpRow221 .flexTxtBox{width:100%;height: auto !important;}
    .tempSwpRow221 .swiper-button-next, .tempSwpRow221 .swiper-button-prev{display: none;}
    .clmnReverse .flexImgBox{height: auto !important;}
    .clmnReverse .flexTxtBox{height: auto !important;}
    .clmnReverse .unitClmn:nth-child(even){flex-direction: column;}
    .clmnReverse.tempClmn331 .unitClmn{width:100%;}
}

/* ckFullTemp */
@media all{
    :root{--ckFullTempMaskbgcolor:#eee;}
    .unitBgImg{position:relative; overflow: hidden;}
    .unitBgImg .bgimg{display: flex;justify-content: center;align-items: center;overflow: hidden;filter: brightness(0.85);}
    .unitBgImg .bgimg img{width: 100%; height: 100%; object-fit: cover;transition: all .5s ease-in-out;}
    .unitBgImg:hover .bgimg img{transform: scale(1.05);}
    .unitBgImg .mask{position: absolute;top: 0; left: 0; width: 100%; height: 100%;}
    .unitBgImg .mask .ctain{position: relative;width: 80%;height: 100%;display: flex;justify-content: center;align-items: center; margin: 0 auto;}
    .unitBgImg .mask .ctain .bgimgText{color:#fff;}
    .modText .mainTitle{font-size: 2rem; font-weight: 600;}
    .modText .subTitle{font-size: 1.1rem; font-weight: bold;margin-top: 1.5rem;}
    .modText .subTitle span{color:#fff; background:var(--cm2);padding:5px 15px; border-radius: 2px;display: inline-block;margin-bottom: 5px;}
    .modText .subTitle span:nth-child(n+2){margin-left: 10px;}
    .modText .textCtent{font-size: 1rem; margin-top: 1.5rem;}

    .unitBgColor {background: #fff; padding:2rem 0;}
    .unitBgColor .ctain{display: flex; align-items: center;justify-content: space-between;}
    .ckFullTemp .unitBgColor:nth-child(even){ background:var(--cm1);}
    .ckFullTemp .unitBgColor:nth-child(even) .ctain{flex-direction:row-reverse;}
    .unitBgColor .ctain .imgBox{width:48.5%;height:auto;overflow:hidden;display: flex; align-items: center; justify-content: center;}
    .unitBgColor .ctain .imgBox img{width: 100%;filter: brightness(1);height: auto !important;display: block !important;transition: all 0.5s ease-in-out;object-fit: cover;}
    .unitBgColor:hover .ctain .imgBox img{transform: scale(1.1);}
    .unitBgColor .ctain .bgclrText{width:48.5%}
}
@media all and (max-width:1024px){
    .modText .mainTitle{font-size:1.6rem;}
    .modText .subTitle{margin-top: 1rem;font-weight: normal;}
    .modText .textCtent{ margin-top:1rem;}
}
@media all and (max-width:768px){
    .unitBgImg .bgimg{width: 100%;height: 75vw;filter: brightness(1);}
    .unitBgImg .bgimg img{width: 100%; height: 100%; object-fit: cover;transition: all .5s ease-in-out;}  
    .unitBgImg .mask{position: relative;background: var(--ckFullTempMaskbgcolor);}
    .unitBgImg .mask .ctain{width: 100%;}
    .unitBgImg .mask .ctain .bgimgText{color:#666;}
    .modText{ width: 100% !important; margin: 0 !important; text-align: center !important; padding:2rem 1rem;}
    .modText .mainTitle{font-size:1.4rem; font-weight: 500;}
    .unitBgColor {padding:0 !important;}
    .unitBgColor .ctain{flex-direction: column !important;width: 100%;}
    .unitBgColor .ctain .imgBox{width:100%; background: var(--cm1);}
    .unitBgColor .ctain .bgclrText{width:100%;background: #fff;}
}
