/************************首页************************/
.title-bg{ width:92%; margin:0px auto; height:45px;  background:url(/assets/mobile_new/image/title-bg.png) no-repeat bottom; background-size:100%;}
.title-bg strong{ float:left; margin-top:12px; font-size:20px;  color:#6A3906; margin-left: 35px;}
.title-bg strong span{ color:#6A3906;}
.title-bg em{ float:left; font-size:12px; color:#6A3906; margin-left:10px; margin-top:23px;}
.attribute{ display:block; border-top:1px solid #ebebeb; height:40px; line-height:40px;}
.attribute span{ display:inline-block; margin-left:8px; margin-right:2px; color:#555; font-size:12px;}
.attribute span i{ vertical-align:middle; margin-right:2px;}
.attribute span i.icon-fenxiang{ font-size:12px;}
.switch{ width:92%; margin:15px auto; text-align:center; position:relative;}
.switch a{display:inline-block; border:1px solid #C5612C; color: #895C36; height:28px; line-height:28px;  border-radius:50px; padding:0 8px;  margin:0 2px; font-size:14px;}
.switch a.active{border:1px solid #fff; color:#fff;background-image: linear-gradient(to right, #D99774 ,#C5612C);}
.switch-set{position:absolute; top:0; right:0; z-index:1;}
.switch-set select{border:1px solid #6A3906; background:#fff; border-radius: 50px; color:#6A3906; height:28px; line-height:28px; padding:0 5px;}





/*搜索*/
.search-box{ width:100%; border-top:1px solid #eee; padding:20px 0; position:relative;}
.search-box input{height:33px; line-height:33px; width:92%; margin:0px auto; display:block; border:none; background:#fff;  font-size:13px; border-radius:5px; box-shadow:0px 5px 20px 0px rgba(220, 88, 18, 0.5); text-indent:15px;}
.search-box a{position:absolute; top:19px; right:16px; z-index:1;height:33px;  padding:0 5px;}
.search-box a i{font-size:22px; margin-top:2px;color:#444;}


/*轮播图*/
.main_visual{height:200px;overflow:hidden;position:relative;}
.main_image{height:200px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;}
.main_image li span{display:block;width:100%;}
.main_image li a{display:block;width:100%;}
.main_image li img{ width:100%; }
div.flicking_con{position:absolute;bottom:1px;z-index:999;width:100%;text-align:center;}
div.flicking_con a{display:inline-block;width:10px;height:10px;margin:0;padding:0; background:#ccc; border-radius:100px; margin:0 5px; text-indent:-1000px}
div.flicking_con a.on{background:#6A3906;}

/*前言、快讯*/
.preface-bg{ width:100%;  background:url(/assets/mobile_new/image/preface-bg.jpg) top; background-size:100%; overflow:hidden;}
.preface-box{ width:92%; margin:0px auto;}
.preface-content{width:100%; padding-bottom:15px;  background: url(/assets/index_new/image/earth-bg.png) no-repeat;background-size:100%; border-radius:5px;box-shadow:0px 5px 20px 0px rgba(220, 88, 18, 0.3);}
.preface-title{ width:90%; margin:0px auto; overflow:hidden; border-bottom:1px solid #fff; padding:15px 0 10px 0; margin-bottom:10px; color:#6A3906;}
.preface-title strong{ font-size:20px; margin-right:5px;}
.preface-title em{ font-size:12px;}
.preface-content_two{ color:#fff; width:100%; height: 150px; margin:0px auto; font-size:14px; line-height:25px;
    overflow-y: scroll;
    text-align:justify;}
.preface-title a{ float:right; color:#6A3906; margin-top:5px; font-size:12px;}
.preface-title a i{ font-size:12px;}
.preface-content p{ color:#000; width:90%; margin:0px auto; font-size:12px; line-height:20px;}
.preface-content p.last{ margin-top:10px;}
.latest-information{  width:100%; margin:0px auto; background:#fff; box-shadow:0px 5px 20px 0px rgba(220, 88, 18, 0.3); border-radius:5px; margin:20px 0; padding-bottom:15px;}
.information-title{ width:90%; margin:0px auto; border-bottom:1px solid #eee; padding:15px 0 10px 0;}
.information-title strong{ font-size:20px; color:#6A3906;}
.information-title strong span{ color:#6A3906;}
.information-title em{ color:#6A3906; margin-left:10px; font-size:12px;}
.information-content{ width:90%; margin:0px auto; overflow:hidden; margin-top:20px;}
.information-l{ width:100%; overflow:hidden;}
.information-l ul li{ float:left; width:47%; margin-bottom:10px; overflow:hidden;}
.information-l ul li:nth-child(2){ float:right;}
.information-l ul li img{width:100%; height:80px; border-radius:6px;}
.information-r{ width:100%; }
.information-r ul li{ display:block; display:flex;}
.information-r ul li em{float:left; margin-top:5px; width:14px; height:14px; margin-right:10px;}
.information-r ul li a{ float:left; flex:1; height:30px; line-height:30px; overflow:hidden; font-size:13px; white-space: nowrap;text-overflow: ellipsis;}



/*活动资讯*/
.activity-information{width:100%; background:url(/assets/mobile_new/image/activity-bg.jpg) #fff center; background-size:100%;  }
.activity-list{width:92%; margin:0px auto; overflow:hidden;padding-bottom:10px;}
.activity-list ul li{ float:left; width:48%;  background:#fff;box-shadow:0px 5px 10px 0px rgba(220, 88, 18, 0.3); margin-bottom:17px;border-radius:5px; }
.activity-list ul li:nth-child(2n){ float:right;}
.activity-list ul li a{display:block;}
.activity-pic{ display:block;height:150px;overflow:hidden;width:100%;}
.activity-pic img{width:100%; display:block; border-top-left-radius:5px; border-top-right-radius:5px;}
.activity-title{width:90%; margin:0px auto; padding:10px 0;}
.activity-title p.title{display:block; font-size:16px;  }
.activity-title p.title a{color:#000; width:100%;height:30px; line-height:30px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.activity-title p.title a:hover{color:#0A61B1;}
.activity-title p.describe{width:100%;height:20px; line-height:20px; font-size:12px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;  color:#666}


/*云上画展*/
.huazhan-bg{display: block;overflow: hidden;background: url(/assets/index_new/image/td-bg.jpg) #FFF5E7 no-repeat center;background-size: 100% 100%;}
.exhibition-list{ width:92%; margin:0px auto; overflow:hidden}
.exhibition-list ul li{ float:left; width:48%;  background:#fff; margin-bottom:15px;border-top-left-radius:5px; border-top-right-radius:5px;}
.exhibition-list ul li:nth-child(2n){ float:right;}
.exhibition-pic{ display:block;height:150px;overflow:hidden;width:100%;}
.exhibition-pic img{ width:100%; display:block; border-top-left-radius:5px; border-top-right-radius:5px;}
.exhibition-content{width:90%; margin:0px auto; padding:5px 0;}
.exhibition-content p.title a{color:#000; display:block; width:90%;height:30px; line-height:30px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px;}
.exhibition-content p.title a:hover{color:#0A61B1;}
.exhibition-content p.prize{ display:block; margin-top:3px; font-size:12px; color:#0C62B1; margin-bottom:5px;}
.exhibition-author{ display:block; border-top:1px solid #ebebeb; overflow:hidden; font-size:12px; color:#666; height:40px; line-height:40px;}
.exhibition-author span{ float:left; margin-left:10px; height:40px; width:60%; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.exhibition-author em{ float:right; margin-right:10px;}


/*视频展播*/
.video-bg{ width:100%; background:url(/assets/mobile_new/image/video-bg.jpg) #fff center; background-size:100% 100%;}
.video-list{width:92%; margin:0px auto; position:relative;}
.video-list ul li{width:80%; margin:0px auto; background:#fff;box-shadow:0 1px 12px rgba(0,162,154,0.2); border-top-left-radius:5px; border-top-right-radius:5px;}
.video-pic{ display:block;}
.video-pic img{width:100%; display:block; height:300px;border-top-left-radius:5px; border-top-right-radius:5px;}
.video-title{width:90%; margin:8px auto;height:30px; line-height:30px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px; color:#000;}
.video-more{width:90%; margin:0px auto; padding-bottom:15px;}
.video-more em{ display:inline-block; height:20px; line-height:18px; border:1px solid #0B61B1; color:#0B61B1; border-radius:50px; padding:0 15px; font-size:13px;}
.video-l-arrow{ position:absolute; top:170px; left:-10px; z-index:1;  width:50px; height:50px; text-align:left; line-height:40px; }
.video-l-arrow i{ font-size:22px; color:#999; margin-left:5px;}
.video-r-arrow{ position:absolute; top:170px; right:-10px; z-index:1;width:50px; height:50px; text-align:right; line-height:40px;}
.video-r-arrow i{ font-size:22px; color:#999; margin-right:5px;}
.switch-line{ display:block; text-align:center; padding:20px 0;}
.switch-line a{ display:inline-block; width:20px; height:5px; border-radius:100px; background:#DFE1F1; margin:0 5px;}
.switch-line a:hover{ background:#4AC9B6;}
.switch-line a.active{ background:#4AC9B6;}



















/*美育大咖*/
.daka-bg{background: url(/assets/index_new/image/yl-bg.jpg) #FFF5E7 no-repeat center;background-size: 100% 100%;}
.world-list{width:92%; margin:0px auto;overflow:hidden;}
.world-list ul li{ float:left; width:48%; margin-bottom:17px; border-radius: 5px;  background:#fff;box-shadow: 0px 5px 10px 0px rgba(220, 88, 18, 0.3);border-top-left-radius:5px; border-top-right-radius:5px;}
.world-list ul li:nth-child(2n){float:right; margin-right:0px;}
.world-list ul li a{ display:block;}
.world-pic{ height:160px;overflow:hidden;width:100%; }
.world-pic img{ display:block; width:100%; border-top-left-radius:5px; border-top-right-radius:5px;}
.world-content{width:90%; margin:0px auto; padding:15px 0;}
.world-content h5{display:block; font-size:16px; color:#6A3906; margin-bottom:5px;}
.world-content p{width:100%;height:25px; line-height:25px; font-size:12px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;  color:#666}




/*友情链接*/
.lianjie-bg{width:100%; background: url(/assets/index_new/image/lj-bg.jpg) #FFF5E7 no-repeat center;background-size: 100% 100%; padding-bottom: 30px;}
.friendly-link{width:92%; margin:0px auto; overflow:hidden; background: #fff; padding: 10px; border-radius: 5px; margin-top: 30px;box-shadow: 0px 5px 20px 0px rgba(220, 88, 18, 0.3);}
.friendly-link ul li{float:left; width:30%; margin-right:5%;  margin-bottom:5px; text-align:center;}
.friendly-link ul li:nth-child(3n){ margin-right:0px;}
.friendly-link ul li p{display:block;  border:1px solid #FFEACE; background:#fff; padding:2px 0;}
.friendly-link ul li p img{width:100%; height:36px; display:block;}
.friendly-link ul li span{display:block; font-size:12px; color:#555; padding-top:5px; height:30px; line-height:30px; overflow:hidden;}


/*合作单位*/
.cooperation{width:100%; background:url(../image/cooperation-bg.jpg) #F0CDBB top no-repeat   ; background-size: 100%;  padding:30px 0;}
.cooperation-box{ width:92%; margin:0px auto; position:relative; height:350px; overflow-y:auto; margin-top: 50px;}
.cooperation-box dl{ display:block; overflow:hidden; font-size:14px; color:#fff; line-height:20px; margin-bottom:20px;}
.cooperation-box dl:last-child{ margin-bottom:0px;}
.cooperation-box dl strong{ display: block; font-weight:bold; font-size:14px; color: #6A3906; padding: 3px 0;}
.cooperation-box dl p{ display:block; font-size:12px; color: #4d4d4d;}
.cooperation-box dl dt{ float:left; width:300px}
.cooperation-box dl dd{ float:left;}