/* top */
.Stahead-box{ padding:.2rem 0; box-shadow:0 0 .03rem rgba(0,0,0,0.1); position: relative; z-index:13;}
.Stahead-box .logo{ width:2.41rem;}
.Stahead-box .language{ position: relative; /*background: url(../images/silk/top-icon1.png) no-repeat right center;*/ padding-right:.15rem; border-left:solid 1px #dedede; padding-left:.4rem; background-size:.1rem;}
.Stahead-box .language .default{ cursor: pointer; padding-left:.3rem; background: url(../images/silk/language-icon1.png) no-repeat left center; color: #333333; background-size:.18rem; min-width:.5rem; text-align: center;}
.Stahead-box .language .drop-down{ width: 100%; display: none; position: absolute; padding-top:.05rem; padding-left:.3rem; padding-right:.15rem;}
.Stahead-box .language:hover .drop-down{ display: block;}
.Stahead-box .top-nav{ padding-right:.2rem;}
.Stahead-box .top-nav li{ position: relative; padding:0 .12rem;font-size:.14rem;}
.Stahead-box .top-nav li:hover a,
.Stahead-box .top-nav li.active a{ color: #7f341f;}
.Stahead-box .top-nav dl{ display: none; padding-top:.4rem; text-align: center; position: absolute; top:100%; left:50%; width: max-content; transform: translateX(-50%);}
.Stahead-box .top-nav dl dd{ background: #fff; padding:.1rem .2rem; border-bottom:dashed 1px #e7e7e7;}
.Stahead-box .top-nav dl dd a{ color: #333!important;}
.Stahead-box .top-nav li:hover dl{ display: block;}
.Stahead-box .top-nav dl dd a:hover{ color: #b81b35!important;}

/* 手机菜单按钮 */
.mobile-but{ display: none; position: relative; width:36px; height:30px; background-color:rgba(230,230,230,0.7); z-index:15;}
.mobile-but span{ display:block; height:2px; background-color:#7d331f; position:absolute; top:13px; transition:0.5s; }
.mobile-but .openMenu{ width:30px; left:3px; }
.mobile-but .closeMenu{ left:3px; width:0; }
.mobile-but span:active{ width:0; }
.mobile-but span:before,
.mobile-but span:after{ content:""; display:block; width:30px; height:2px; background-color:#7d331f; position:absolute; transition:0.4s; }
.mobile-but .openMenu:before { top:-8px; }
.mobile-but .openMenu:after { top:8px; }
.mobile-but .closeMenu:before { top:0rem; transform:rotate(45deg); }
.mobile-but .closeMenu:after { top:0rem; transform:rotate(-45deg); }
@media (max-width:1024px) {
.Stahead-box .logo{ max-width:1.5rem;}
.Stahead-box .top-nav li{ padding:0 .1rem; font-size:.16rem;}
.Stahead-box .language .default{ font-size:.16rem;}
}

@media (max-width:768px) {
.Stahead-box .top-nav{ background: #fff; position: fixed; top:0; right:-100%; height:100vh; padding-top:1.1rem; z-index:11; transition: all .5s;}
.Stahead-box .top-nav .ul{ height:96%; overflow: auto; display: block;}
.Stahead-box .top-nav li{ font-size:.2rem; padding:.1rem .2rem;}
.Stahead-box .top-nav li.on::before{ content: '>'; position: absolute; right:0; display: block; font-family:'宋体'; font-weight: bold;}
.Stahead-box .top-nav.active{ right:0;}
.Stahead-box .language{ margin-right:.2rem; padding-right:0; border-left:none; padding-left:0; z-index:11;}
.Stahead-box .language .default{ padding-right:.18rem; background-size:.2rem;}
.Stahead-box .fr-box{ align-items: center;}
.mobile-but{ display: block; width:30px;}
.mobile-but .openMenu{ width:25px;}
.mobile-but span:before,
.mobile-but .openMenu:after{ width:25px;}
.mobile-but .closeMenu{ width:0; }
}
@media (max-width:640px) {
.Stahead-box .top-nav li{ font-size:.24rem;}
.Stahead-box .top-nav dl{ padding-top:0;}
}


/* 置顶 */
.icon-zhiding{ cursor: pointer; position: fixed; right:5%; bottom:20%; width:.46rem; height:.46rem; background: url(../images/silk/scroll_top2.jpg) no-repeat center; z-index:11; background-size:cover; display: none;}
@media (max-width:1024px) {
.icon-zhiding{ width:.4rem; height:.4rem; right:1%;}
}

/* banner */
.banner{ position: relative; text-align: center;}
.banner img{ width:100%;}
.banner .swiper-pagination-bullet{ width:.7rem; height:.04rem; background: #fff; border-radius:.01rem; transition: all .5s;}


/* 底部 */
.silkfooter{ background: url(../images/silk/footer-back.jpg); padding-top:.7rem; position: relative;  z-index:10;}
.silkfooter p{ margin:0; font-family:'微软雅黑'; color:rgba(255,255,255,.3);}
.silkfooter .silkfooter-one{ width:65%;}
.silkfooter .silkfooter-nav em:last-child{ display: none;}
.silkfooter-tle{ padding-top:5em;}
.silkfooter-tle h4{ font-weight: 500; margin:0; font-size:.3rem; line-height:.4rem; color: #fff;}
.silkfooter-tle p{ padding:.5em 0; color:rgba(255,255,255,.3);}
.silkfooter-nav a{ color: #fff;}
.silkfooter-nav em{ color: #999999; opacity:.4; font-style: normal;}
.silkfooter-other{ width:1.17rem; text-align: center;}
.silkfooter-other .pic{ overflow: hidden; border-radius:8px;}
.silkfooter-other p{ padding:1em 0;}
.silkfooter-two{ color:rgba(255,255,255,.3); margin-top:5em; padding:.3rem 0; border-top:solid 1px rgba(255,255,255,.1);}
.silkfooter-two a{ color:rgba(255,255,255,.3);}
.silkfooter-two .item{ padding:0 .2rem; position: relative;}
.silkfooter-two .item::before{ position: absolute; top:50%; right:0; margin-top:-.06rem; content: ''; display: block; height:.12rem; width:1px; background:rgba(255,255,255,.3);}
.silkfooter-two .item:last-child{ padding-right:0;}
.silkfooter-two .item:last-child:before{ display:none;}
.silkfooter a:hover{ color: #fff}
@media (max-width:768px) {
.silkfooter .silkfooter-one{ font-size:.16rem;}
.silkfooter-other p{ font-size:.16rem;}
.silkfooter-tle{ padding:.3rem 0;}
.silkfooter-two{ margin-top:.3rem; font-size:.16rem;}
}
@media (max-width:640px) {
.silkfooter .silkfooter-one{ width:100%;}
.silkfooter-two .fr-box{ margin-top:.1rem;}
.silkfooter-two .item:first-child{ margin-left:0; padding-left:0;}
}

/* 栏目页菜单 */
.back-color1{ background-color:#f8f9fa;}
.silk-menu .item{ text-align: center; margin-right:.4rem;}
.silk-menu .item:last-child{ margin-right:0;}
.silk-menu .item a{ display:block; color: #666666; padding:.15rem 0; transition: all .5s; border-bottom:solid 2px #f8f9fa;}
.silk-menu .item.active a,
.silk-menu .item a:hover{color: #7d331f; border-color:#7d331f;}


/* 当前位置 */
.current-box{ font-size: .14rem; background: url(../images/silk/current-icon.png) no-repeat left center; padding-left:.3rem; color: #999999;}
.current-box em{ padding:0 .15rem; font-size: .12rem;}
.current-box a{ color: #999999;}
.current-box a:hover{color: #7d331f;}
@media(max-width:640px){
.current-box{ margin:.2rem 0; padding-left:.4rem; background-size:.25rem;}
}

/* 首页 */
.index-main .index-title{ font-size: .28rem; color: #333333;}
.index-about{ padding:.8rem 0; background:#f8f9fa;}
.index-about .index-title{ margin-bottom:.2rem;}
.index-about .fl-box{ width:63%;}
.index-about .fl-box .txt{ color: #666666; line-height:1.9;}
.index-about .fl-box .txt p{ margin:0 auto;}
.index-about .fr-box{ width:29.5%;}
.index-news{ padding:.8rem 0;}
.index-news .index-title{ margin-bottom:.3rem;}
.index-news .fl-box{ width:35%;}
.index-news .con-wzi a{ position: relative;}
.index-news .con-wzi .txt{ padding:.2rem; position: absolute; left:0; bottom:0; width:100%; color: #fff;}
.index-news .fr-box{ width:61%;}
.index-news dl dd{ width:48.1%;}
.index-news dl dd .txt{ padding:.15rem 0; color: #333333;}
.index-news dl dd:hover .txt{ color: #7d331f;}
.index-news ul{ margin-top:.3rem; width:100%;}
.index-news ul li{ border-top:solid 1px #ededed; padding:.19rem 0; font-size:.16rem;}
.index-news ul li .iuo{ min-width:.8rem; line-height:.25rem; text-align: center; font-size: .12rem; color: #fff; background: #7d331f;  border-radius:20px;}
.index-news ul li .Introd{ width:75%;}
.index-news ul li .time{ color: #999999;}
.index-news .pic{ overflow: hidden; height:260px;}
.index-news .con-wzi .pic{ overflow: hidden; height:600px;}
.index-news img{ transition: all .5s;}
.index-news a:hover .pic img{ transform: scale(1.1);}
@media (max-width:768px) {
.index-about .fr-box,
.index-about .fl-box{ width: 100%;}
.index-about .fr-box{ margin-top:.3rem;}
.index-news .fl-box{ width:25%;}
.index-news .fr-box{ width:72%;}
.index-news ul li{ line-height:2;}
.index-news ul li .Introd{ width:70%;}
.index-news ul li .iuo{ width:1.1rem; line-height:2;}
.index-news .con-wzi .txt{ font-size:.16rem;}
.index-news dl dd .txt{ font-size:.16rem;}
}
@media (max-width:640px) {
.index-news .fl-box{ width:100%;}
.index-news .fr-box{ margin-top:.3rem; width:100%;}
.index-news ul li .Introd{ width:60%;}
.index-news ul li .iuo{ width:1.3rem;}
}

/* 首页活动预告 */
.SuspenEvents{ display: none; cursor: pointer; padding:10px; background:#fff; text-align: center; position: fixed; bottom:31%; right:5%; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:8px; z-index:11;}
.SuspenEvents .icon{ margin:0 auto; width:.27rem; height:.27rem; background: url(../images/silk/silkroadweek_icon1.png) no-repeat center;}
.SuspenEvents .wezi{ margin-top:.05rem; font-size: .12rem; color: #7d331f;}
.calendar-box{ display: none; position: fixed; top:0; right:0; width:100%; height:100%; background-color: rgba(0,0,0,.5); z-index:12;}
.calendar-con{ position: absolute; top:50%; left:50%; padding:.4rem; max-width:10rem; width: 100%; background-color:#fff; transform: translate(-50%,-50%);}
.calendar-box .close{ cursor: pointer; position: absolute; right:-.6rem; top:-.5rem; width:.45rem; height:.45rem; background:rgba(0,0,0,.2) url(../images/silk/close.png) no-repeat center; background-size:.19rem;}
#calendar .title{ padding:.3rem 0 .4rem; font-size:0; color:#333333; text-align: center;}
#calendar .title label{ margin:0 .05rem; display: inline-block; vertical-align: middle; font-size:.2rem;}
#calendar #calendar-pre,
#calendar #calendar-next{ cursor: pointer; display: inline-block; vertical-align: middle; width:.3rem; height:.3rem; font-size:0; background-position: center; background-repeat: no-repeat;}
#calendar #calendar-pre{ margin-right:1.5rem; background-image: url(../images/silk/arrow-icon2.png);}
#calendar #calendar-next{ margin-left:1.5rem; background-image: url(../images/silk/arrow-icon1.png);}
#calendar .calendar-table{ width:100%;}
#calendar .calendar-table th{ padding:.2rem 0; font-weight:500; color: #7d331f; font-size:.18rem; background-color:#f7f0ed;}
#calendar .calendar-table td{ font-size:0; padding:.2rem 0; text-align: center;}
#calendar .calendar-table td span{ width:.35rem; height:.35rem; line-height:.35rem; font-size: .16rem; display: inline-block; vertical-align: middle; border-radius:50px; overflow: hidden;}
#calendar .calendar-table td span.active{ background:#d71703; color: #fff;}
@media (max-width:768px) {
.SuspenEvents{ right:1%;}
}
@media (max-width:640px) {
.calendar-con{ width:90%;}
.calendar-box .close{ right:0; top:0;}
#calendar #calendar-pre{ margin-right:1rem;}
#calendar #calendar-next{ margin-left:1rem;}
#calendar .calendar-table td span{ width:.45rem; height:.45rem; line-height:.45rem;}
}

/* 新闻 */
.InnerNews-box{ padding-bottom:.6rem;}
.news-list{ padding-top:.4rem; margin-bottom:.6rem;}
.news-list li{ border-bottom:solid 1px #eeeeee; padding:.3rem 0;}
.news-list li a{ direction: rtl;}
.news-list li .text{ width:71.5%; direction: ltr;}
.news-list li .text .time{ padding:.1rem 0; width:.8rem; border:solid 1px #eeeeee}
.news-list li .text .time span{ text-align: center; display: block;}
.news-list li .text .time span.day{ line-height:1; font-size: .4rem; color: #7d331f;}
.news-list li .text .time span.yae{ line-height:1.5; color: #999999; font-size:.12rem;}
.news-list li .text .txt{ width: calc(100% - 1.8rem);}
.news-list li .pic{ width:21.5%; overflow: hidden;}
.news-list li .pic img{ transition: all .5s;}
.news-list li .title{ transition: all .5s; margin-bottom:.2rem; font-size: .2rem; color: #333333;}
.news-list li .Introd{ transition: all .5s; line-height:2; font-size: .16rem; color: #999999;}
.news-list li:hover .pic img{ transform: scale(1.1);}
.news-list li:hover a .title,
.news-list li:hover a .Introd{ color: #7d331f;}

/* 分页 */
.Pages{ text-align:center; padding:1% 0 .6rem;color:#666666;}
.Pages *{ vertical-align:middle;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total{ display:none;}
.Pages a{ display:inline-block; width:50px; line-height:50px; background-color: #eef0f1; color:#666666; margin-left:5px;}
.Pages a:hover,
.Pages a.a_cur{ color:#fff; background-color:#7d331f;}
.Pages em{ font-style:normal; display:inline-block; vertical-align:middle;}
.Pages .i_text{ width:50px; height:50px; line-height:50px;border:1px solid #ceced5;}
.Pages .i_button{ cursor:pointer; background:none; width:50px; height:50px;border:1px solid #ceced5;}
.Pages .p_jump b{font-weight:normal; margin:0 5px;}
.Pages .a_prev,.Pages .a_next{ font-family:'宋体'; font-weight: bold; color: #7d331f;}
@media(max-width:1000px){
.Pages em{ display:none;}
}
@media(max-width:640px){
.Pages a.a_first,
.Pages a.a_end{ display:none;}
.Pages a{ padding:0; width:45px; height:45px; line-height:45px; margin:0 5px;}
}


/* 丝路周简介 */
.InnerAbout-box{ margin:.8rem 0; padding:.8rem 0 0;}
.InnerAbout-box .fl-box{ width:54%; padding:0 .8rem;}
.InnerAbout-box .fl-box .title{ padding:.4rem 0; font-size: .28rem; color: #333333;}
.InnerAbout-box .ul{ line-height:1.8; margin-bottom:.4rem;}
.InnerAbout-box .ul li{ margin:.15rem 0; padding-left:.15rem; position: relative;}
.InnerAbout-box .ul li span{ display: block;}
.InnerAbout-box .ul li::after{ background-color:#7d331f; position: absolute; left:0; top:50%; margin-top:-.02rem; content: ''; display: block; height:.04rem; width:.04rem; border-radius:20px;}
.InnerAbout-box .Introd p{ margin:0 auto; line-height:2;}
.InnerAbout-box .auto-inner{ position: relative;}
.InnerAbout-box .auto-inner::after{ background-color:#f8f9fa; content: ''; display: block; width:90%; height:100%; position: absolute; top:0; left:0; z-index:-1;}
.InnerAbout-box .fr-box{ font-size:.16rem; width:46%;}
.InnerAbout-box .fr-box .pic{ transform: translateY(-.8rem);}
@media(max-width:1024px){
.InnerAbout-box .fl-box .title{padding:.2rem 0;}
.InnerAbout-box .ul{ line-height:1.5;}
.InnerAbout-box .fl-box{ padding:0 .4rem;}
}
@media(max-width:768px){
.InnerAbout-box .fr-box,
.InnerAbout-box .fl-box{ width:100%; padding:.4rem;}
.InnerAbout-box .fr-box{ padding-top:0;}
.InnerAbout-box .fr-box .pic{ transform: translateY(0);}
.InnerAbout-box .auto-inner::after{ width:100%;}
}

/* 缘起 */
.origin-box{padding:1.25rem 0;}
.origin-one #gallery{ margin:0 auto .5rem; max-width:90%;}
.origin-one #gallery .txt{ width: 50%; padding-right:1.4rem;}
.origin-one #gallery .txt .title{ font-size:.28rem; color: #333333; transform: translateY(-.6rem); margin-bottom:-.3rem;}
.origin-one #gallery .txt .wenz{ line-height:1.8; font-size:.16rem;}
.origin-one #gallery .txt .tiem{ font-weight: bold; font-family:'宋体'; line-height:.8; font-size:1.5rem; color: #f7f7f7;}
.origin-one .boxsx{ position: relative;}
.origin-one #thumbs{ padding-top:.2rem;}
.origin-one #thumbs::after{ content:''; display: block; height:1px; width:96%; position: absolute; top:0.27rem; left:2%; background:#eeeeee;}
.origin-one #thumbs .item{ padding-top:.5rem; text-align: center; position:relative;}
.origin-one #thumbs .item::after{ content:''; display: block; border:solid 3px rgba(255,255,255); position: absolute; top:0; left:50%; margin-left:-.05rem; width:.15rem; height:.15rem; background:#cccccc; border-radius:50%;}
.origin-one #thumbs .item span{ line-height:.4rem; font-size:.18rem; color: #999999;}
.origin-one #thumbs .swiper-slide-thumb-active .item::after{ background-color:#fff; border-color:#7d331f;}
.origin-one #thumbs .swiper-slide-thumb-active .item span{ font-size:.24rem; color: #7d331f;}
.origin-one .boxsx{ margin-bottom:1.3rem;}
.origin-one .boxsx .swiper-button-prev,
.origin-one .boxsx .swiper-button-next{ cursor: pointer; background:#f8f5f4; text-align: center; width:.5rem; height:.5rem; border-radius:50%; overflow: hidden; transition: all .5s;}
.origin-one .boxsx .swiper-button-next:after,
.origin-one .boxsx .swiper-button-prev:after{ cursor: pointer; font-weight:bold; font-size:.16rem; color: #7d331f; line-height:.5rem; transition:all .5s;}
.origin-one .boxsx .swiper-button-prev{top:.2rem; left:-.5rem;}
.origin-one .boxsx .swiper-button-next{top:.2rem; right:-.5rem;}
.origin-one .boxsx .swiper-button-prev:hover,
.origin-one .boxsx .swiper-button-next:hover{ background-color:#7d331f; }
.origin-one .boxsx .swiper-button-next:hover:after,
.origin-one .boxsx .swiper-button-prev:hover:after{ color: #fff;}
.origin-two{ background: url(../images/silk/origin-back.jpg) no-repeat center; background-size:cover; padding:.7rem; box-shadow:0 0 10px rgba(0,0,0,.06);}
.origin-two .title{ margin-bottom:.4rem; text-align: center; color: #333333; font-size:.28rem;}
.origin-two p{ margin:0 auto; color: #666666;}
.origin-two .Introd{ min-height:4.4rem; line-height:1.8;}
@media(max-width:1024px){
.origin-one #gallery .txt{ padding-right:1rem;}
.origin-two{ padding:.5rem;}
.origin-one .boxsx{ margin-bottom:.8rem;}
}
@media(max-width:768px){
.origin-two .Introd{ font-size:.2rem;}
.origin-one .boxsx .swiper-button-next,
.origin-one .boxsx .swiper-button-prev{ top:.35rem; width:.4rem; height:.4rem; line-height:.4rem;}
.origin-one .boxsx .swiper-button-prev{ opacity:1; left:0; z-index:10;}
.origin-one .boxsx .swiper-button-next{ opacity:1; right:0; z-index:10;}
.origin-one .boxsx .swiper-button-next:after,
.origin-one .boxsx .swiper-button-prev:after{ font-size:.14rem;}
.origin-box{ padding-top:.8rem;}
}
@media(max-width:640px){
.origin-one .boxsx .swiper-button-next,
.origin-one .boxsx .swiper-button-prev{top:.45rem; }
.origin-one #gallery .item{ flex-wrap: wrap;}
.origin-one #gallery .txt{ margin-bottom:.2rem; width:100%; padding-right:0;}
.origin-one #thumbs .item::after{ height:.14rem; width:.14rem; border:solid .05rem rgba(255,255,255);}
.origin-two{ padding:.5rem .3rem;}
.origin-two .Introd{ font-size:.24rem;}
.origin-two .title{ font-size:.3rem; margin-bottom:.2rem;}
}

/* 组织架构 */
.Organization-box{ margin:.75rem 0;}
.Organization-box .itle{ font-size: .28rem; color: #333333;}
.Organization-one{ background:#f8f9fa; margin-bottom:.3rem; text-align: center;}
.Organization-one .itle{ padding:.25rem 0; border-bottom:solid 1px #eeeeee;}
.Organization-one .item{ font-size: .16rem; color: #666666;}
.Organization-one .oial{ padding:.3rem 0;}
.Organization-one .oial .item{ color: #666666; min-width:1.65rem;}
.Organization-two .item{ padding:.2rem 0; background: url(../images/silk/Organization-back.png) no-repeat center; background-size: cover; width:24%; text-align: center;}
.Organization-two .item dt{ padding:.25rem 0; margin-bottom:.22rem; font-size: .28rem; color: #333333; border-bottom:solid 1px #eee;}
.Organization-two .item dd{ padding:.07rem 0; color: #666666;}
.Organization-two .item dd span{ display: block;}
@media(max-width:1024px){
.Organization-two .item dd{ font-size:.14rem;}
.Organization-two .item dt{ line-height:1; font-size:.22rem;}
}
@media(max-width:640px){
.Organization-two .item{ width:100%; margin-bottom:.2rem;}
}

/* 常见问题 */
.Problem-box{ padding:.8rem 0;}
.Problem-box .auto-inner{ direction: rtl;}
.Problem-box .fl-box{ width:71.5%; direction: ltr;}
.Problem-box .fr-box{ width:25%; direction: ltr;}
.Problem-box .fr-box .tishi{ color: #7d331f; padding:.25rem .35rem; background:#f8f9fa;}
.Problem-box .from-con{ padding:.15rem .35rem .35rem; box-shadow:0 10px 10px rgba(0,0,0,.1);}
.Problem-box .from-con .input{ padding:.2rem 0 .1rem; border-bottom:solid 1px #e4e5ea;}
.Problem-box .from-con .input input{ line-height:2; width: 100%; display: block; border:none; font-size: .16rem; color: #999999;}
.Problem-box .from-con .textarea{ padding:.3rem 0 .1rem; border-bottom:solid 1px #e4e5ea; margin-bottom:.4rem;}
.Problem-box .from-con .textarea textarea{min-height:.8rem; width:100%; display:block; border:none; font-size:.16rem; color: #999999;}
.Problem-box .from-con .but{ cursor: pointer; text-align: center; color: #fff; padding:.15rem 0; background-color:#7d331f;}
.Problem-box .item{ margin-bottom:.3rem;}
.Problem-box .ti-oi{ position: relative; cursor: pointer; padding:.25rem .35rem; background: #f8f9fa; transition: all .5s;}
.Problem-box .ask{ padding-right:.35rem; font-size: .22rem; color: #7d331f;}
.Problem-box .ti-oi .iutl{ color: #333333;}
.Problem-box .ti-oi::after{ position: absolute; right:.35rem; content:'next'; font-family: swiper-icons; color: #686868; font-size: var(--swiper-navigation-size); text-transform: none!important; font-size:.16rem; font-weight: bold; letter-spacing:0; text-transform: none; font-variant: initial; line-height: 1; transform:rotate(90deg); transition: all .5s;}
.Problem-box .Introd-con{ line-height:2; display: none; padding:.35rem; background: #f8f9fa;}
.Problem-box .item.active .ti-oi{ background-color: #7d331f;}
.Problem-box .item.active .ti-oi .iutl,
.Problem-box .item.active .ti-oi .ask{ color: #fff;}
.Problem-box .Introd-con .ask{ line-height:1.4;}
.Problem-box .Introd-con .Introd{ padding-right:.3rem;}
.Problem-box .item.active .ti-oi::after{ color: #fdfdfc; transform:rotate(-90deg);}

@media(max-width:1024px){
.Problem-box .fl-box{ width:62%;}
.Problem-box .fr-box{ width:33%;}
.Problem-box .fr-box .tishi{ font-size:.16rem; padding:.2rem;}
.Problem-box .from-con{ padding:.15rem .2rem .3rem;}
.Problem-box .from-con .but{ font-size:.16rem;}
.Problem-box .ti-oi{ padding:.15rem .2rem;}
.Problem-box .ti-oi .iutl{ font-size:.18rem;}
.Problem-box .Introd-con{ padding:.2rem;}
.Problem-box .Introd-con .Introd{ font-size:.16rem;}
.Problem-box .ask{ padding-right:.2rem;}
}
@media(max-width:640px){
.Problem-box .fl-box{ width:100%;}
.Problem-box .fr-box{ margin-top:.2rem; width:100%;}
.Problem-box .fr-box .tishi,
.Problem-box .from-con{ padding:.3rem;}
}


/* 展览 */
.Exhibit-box{ margin:.8rem 0 .3rem;}
.Exhibit-top{ margin-bottom:.8rem; background-color: #f8f9fa;}
.Exhibit-top .pic{ width:49%;}
.Exhibit-top .text{ width:51%; padding:0 .75rem;}
.Exhibit-top .text .title{ font-size: .28rem; color: #333333;}
.Exhibit-top .text .Introd{ line-height:2; margin:.3rem 0;}
.Exhibit-top .text .tiem{ color: #999999;}
.Exhibit-list{ margin-bottom:.3rem;}
.Exhibit-list li{ width:23.33%; margin-right:2.22%; margin-bottom:2.22%;}
.Exhibit-list li:nth-child(4n){ margin-right:0;}
.Exhibit-list li .txt{ margin-top:.2rem;}
.Exhibit-list li .title{ font-size: .16rem; color: #333333;}
.Exhibit-list li .addr{ margin:.1rem 0; font-size: .14rem; color: #666666;}
.Exhibit-list li .tiem{ font-size: .14rem; color: #999999;}
.Exhibit-list li .pic{max-height:207px; overflow:hidden;}
.Exhibit-list li .pic img{width:100%;}
@media(max-width:640px){
.Exhibit-top{ margin-bottom:.5rem;}
.Exhibit-top .pic{ width:100%;}
.Exhibit-top .text{ padding:.3rem; width:100%;}
.Exhibit-top .text .Introd{ margin:.2rem 0;}
.Exhibit-list li{ width:48%; margin-right:4%; margin-bottom:4%;}
.Exhibit-list li:nth-child(2n){ margin-right:0;}
}


/* 丝路人物 */
.figure-box{ padding:.8rem 0 .4rem;}
.figure-box li{ text-align: center; width:19.43%; margin-right:7.41%; margin-bottom:6%;}
.figure-box li .pic{ position: relative;}
.figure-box li .pic .back{ position: absolute; top:0; left:0; background: url(../images/silk/figure-back.png) no-repeat center; background-size:cover; width:100%; height:100%;}
.figure-box li .title{ font-size: .24rem; color: #333333; margin-top:.35rem;}
.figure-box li:nth-child(4n){ margin-right:0;}
@media(max-width:640px){
.figure-box li{ width:48%; margin-right:4%; margin-bottom:4%;}
.figure-box li .title{ margin:.2rem 0; font-size: .26rem;}
.figure-box li:nth-child(2n){ margin-right:0;}
}

/* 丝路人物-详情 */
.figure-info{padding:.8rem 0;}
.figure-info .fl-box{ color: #333333; text-align: center; width:18%;}
.figure-info .fl-box .txt{ margin-top:.25rem; font-size: .24rem;}
.figure-info .fr-box{ font-size: .16rem; color: #666666; line-height:1.8; width:75%;}
.figure-info .fr-box .iow{ margin-bottom:.2rem; font-size: .24rem; color: #333333;}
.figure-info .fr-box p{ margin:0 auto;}
@media(max-width:640px){
.figure-info .fl-box{ width:50%;}
.figure-info .fl-box .txt{ margin:.25rem 0;}
.figure-info .fr-box{ width:100%;}
.figure-info .fr-box .iow{ font-size:.3rem;}
}

/*详情*/
.contInfo{padding:5% 0 7%;}
.contInfo .titBox{ text-align: center; border-bottom:1px solid #E1E1E1;margin-bottom:3%;}
.contInfo .titBox h1{ font-size:.24rem; font-weight:normal;}
.contInfo .titBox .tvBox{margin:.15rem 0;}
.contInfo .titBox span{display: inline-block;vertical-align: middle; color:#999;margin-right:.3rem;}
.contInfo .contBox{ line-height:.3rem;}