/*通用样式*/

body { background-color: #ebca95; color: #333;margin: 0px;font: 16px/32px "MicroSoft YaHei",'宋体';word-spacing: 5px;letter-spacing:1px;line-height:1.428;}

ul,li,dl,dd,dt{list-style-type: none;margin: 0;padding: 0;}
a{text-decoration: none!important;}
img{border: none;}

.fl-right{float: right;}
.left{float: left;}
.center{padding: 0; display: flex; justify-content: center; align-items: center;}
.img-full{width: 100%;height: auto;}

a:link {color: #754516;text-decoration: none;}
a:visited {text-decoration: none;color: #754516;}
a:hover {text-decoration:none; color:#754516;}
a:active {text-decoration: none;color: #754516;}

.link01,a.link01:link,a.link01:visited,a.link01:hover { color:#fff; vertical-align: middle;}

.clear{ clear:both;}

.ch{width: 100%;height: 0;clear: both;}
.ch10{width: 100%;height: 10px;clear: both;}
.ch15{width: 100%;height: 15px;clear: both;}
.ch20{width: 100%;height: 20px;clear: both;}
.ch30{width: 100%;height: 30px;clear: both;}
.ch40{width: 100%;height: 40px;clear: both;}
.ch50{width: 100%;height: 50px;clear: both;}

.container{
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px; /* or 950px */
}

.m-bg{ background: url(../images/2022xjmkm_bg.gif) no-repeat top; background-size: cover;}
.footer{background: url(../images/2022xjmkm_footer.jpg) no-repeat bottom; background-size: contain;}
.header{ text-align: center;}
.header img{ width: 350px;}
.footer .ztxx{padding: 100px 0; text-align: center; color: #fff;}

/*视频*/ 
.v{ border:#754516 5px solid; background-color: #050404;}

/*丝路乐魂*/
.slyh{ background-color: #fff; border: #754516 8px solid;}
.slyh .tt img{ width: 200px; margin: 15px 0;}
.slyh .list strong{ padding-right: 10px;}
.slyh .list .left{ background: url(../images/2022xjmkm_left.png) 5% center no-repeat;}
.slyh .list .left li{font-weight: bold; margin-top:0.5em; margin-bottom:1em; margin-left: 3em;}
.slyh .list .right{ background: url(../images/2022xjmkm_right.png) 95% center no-repeat;}
.slyh .list .right li{font-weight: bold; margin-top:0.5em; margin-bottom:1em; margin-right: 3em;}


/*前世今生*/
.swiper-wrapper { width: 100%;  padding-bottom: 30px; }
.swiper-wrapper .qsjs{ width: 300px; height: 300px;}

/*保护传承*/
.swiper { width: 100%;  }
.swiper-wrapper .bhcc { text-align: center; background: #a9743e;  }
.swiper-wrapper .bhcc img { display: block; width: 100%; }

/*流派纷呈*/
.slideTxtBox{ width: 100%;  }
.slideTxtBox .hd{  width: 100%; margin-bottom: 20px;}
.slideTxtBox .hd ul img{ width: 200px;}
.slideTxtBox .hd ul li{ float:left; padding:0 15px;}
.slideTxtBox .hd ul li.on img{  width: 220px; }
.slideTxtBox .bd{ width: 100%;}
.slideTxtBox .bd ul{text-align: center; margin-top: 15px;}


/*融合创新*/
.options {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    max-width: 100%;
    height: 300px;
	margin:40px 15px;
}



.options .option {
    position: relative;
    overflow: hidden;
    min-width: 60px;
    margin: 5px;
    background: var(--optionBackground, var(--defaultBackground, #E6E9ED));
	background-size: cover;
    background-position: center;
    cursor: pointer;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}



.options .option.active {
    flex-grow: 10000;
    -webkit-transform: scale(1);
    transform: scale(1);
    max-width: 60%;
    border-radius: 10px;
    background-size: cover;
    /*&:active {
     transform:scale(0.9);
  }*/
}



.options .option.active .label {
    bottom: 30px;
    left: 30px;
}

.options .option.active .label .info>div {
    left: 0px;
    opacity: 1;
}

.options .option:not(.active) {
    flex-grow: 1;
    border-radius: 10px;
}

.options .option:not(.active) .shadow {
    bottom: -40px;
    box-shadow: inset 0 -120px 0px -120px black, inset 0 -120px 0px -100px black;
}

.options .option:not(.active) .label {
    bottom: 10px;
    left: 10px;
}

.options .option:not(.active) .label .info>div {
    left: 20px;
    opacity: 0;
}

.options .option .shadow {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100px;
	padding-bottom: 20px;
	font-size: 1.2em;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
	box-shadow: inset 0 -120px 0px -120px black, inset 0 -120px 0px -100px black;
}

.options .option .label {
    display: flex;
    position: absolute;
    right: 0px;
    height: 40px;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}


.options .option .label .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px;
    color: white;
    font-size: 0.8em;
	width:100%;
}

.options .option .label .info>div {
    position: relative;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95), opacity 0.5s ease-out;
}

.options .option .label .info .main {
    font-weight: bold;
    font-size: 1.5em;
}

.options .option .label .info .main {
    font-weight: bold;
    font-size: 1.5em;
}

.options .option .shadow .main {
    font-weight: bold;
	color:#FFF;
	margin-left:40px;
	margin-top:10px;
	margin-right:30px;
	font-size: 0.8em;
}

.options .option .shadow{
	background-color: rgba(36, 36, 36, 0.4);
}

.options .option .label .info .sub {
    transition-delay: .1s;
	width:90%
}


.options .option .label .icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
   
    background-color: white;
    color: var(--defaultBackground);
	background:url(../images/2022xjmkm_fill.png) no-repeat ;
	background-size: contain;
}








/* 图片 */
.pic {position: absolute; bottom: 0; width: 100%; background-color: rgba(36, 36, 36, 0.5); text-align: center; white-space: nowrap; overflow: hidden; line-height:2em; font-size:0.8em; text-overflow: ellipsis;}
.pic A {z-index: 2; POSITION: relative; COLOR: #fff; text-decoration:none;}
.pic A:hover {COLOR:#FFFFFF}


/*手机版*/
@media (max-width: 540px) {
/*  首页  */
    .ch10-mobile{width: 100%;height: 10px;clear: both;}
    .ch20-mobile{width: 100%;height: 20px;clear: both;}

    .mobile-hidden{display: none;}
    .right-fr{float: none;}
    .left-fl{float: none;}
    .slideTxtBox .hd{margin-bottom: 20px;}

    /*网站信息*/
    .website-xx button{margin-top: 20px;}
    .website-xx{padding-left: 0;}

   /* 关于本站*/
    .copyright{line-height: 30px;text-align: center;margin-top: 15px;}
    .copy-nav li{margin-left: 5px;}
    .copy-nav li a{line-height: 30px;margin-right: 5px;}


/*  ------------   列表页   ----------------     */
    .list-line li a{width: 65%;}


}



 .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding:15px;
}

.zhutu .col-md-4{position: relative; width: 100%; padding:2px; }
.zhutu .col-12{position: relative; width: 100%; padding:2px; }
.zhutu .col-6{position: relative; width: 100%; padding:2px; }
.zhutu .row{position: relative; width: 100%; margin: 0; }
.zhutu img{border-radius: 10px;}
.line{width: 100%; clear: both; margin: 30px 0; border-top: #754516 solid 4px; height: 30px;}