.main{}


/*banner*/
.banner{ width: 100%; height: auto; padding-top: 38%; overflow: hidden; position: relative; background-position: center top; background-size: 100% auto; background-repeat: no-repeat;}


/*分区*/
.section{ width: 100%; height: auto; margin-top: 60px; overflow: hidden; position: relative;}
.section .st_main{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden; position: relative;}
.st_title{ width: 100%; height: 40px; position: relative; text-align: center;}
.st_title a.title{ display: inline-block; width: 150px; height: 40px; position: relative; border: 4px double #000; font-size: 18px; line-height: 34px;}
.st_title a.title:hover{ border-color: #C2103E;}
.st_title a.more{ /*float: right;*/ width: auto; height: 40px; position: absolute; top: 0; right: 0; font-size: 14px; line-height: 40px;}
.st_list{ margin-top: 40px;}

/*公共活动-列表*/
/*.st_list.gghd ul{ display: flex; justify-content: space-between; width: 100%; height: auto; position: relative;}*/
.st_list.gghd ul{ display: flex; width: 100%; height: auto; position: relative;}

/*.st_list.gghd ul li{ width: 390px; height: auto;}*/
.st_list.gghd ul li{ width: 390px; height: auto;margin: 0 20px 0 0}
.st_list.gghd ul li .date{ border-bottom: 2px solid rgba(0,0,0,0.3); font-size: 20px; line-height: 200%;}
.st_list.gghd ul li .title{ margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;width: 100%}
.st_list.gghd ul li .title a{ font-size: 18px; line-height: 200%;}
.st_list.gghd ul li .img{ width: 100%; height: 226px; overflow: hidden;}
.st_list.gghd ul li .img img{ display: block; width: 100%; height: 100%; transition: all .2s ease-out 0s;}
.st_list.gghd ul li .img img:hover{ transform: scale(1.1);}

/*画室-列表*/
.st_list.hs{ width: 100%; height: auto;}
.mySwiper1{ width: 100%; height: 694px; position: relative;}
.mySwiper1 .swiper-slide{ width: 100%; height: 100%;}
.mySwiper1 .swiper-slide img{ display: block; width: 100%; height: 100%;}
.mySwiper1 .swiper-pagination-bullet{ width: 10px; height: 10px; background: #fff; opacity: .5;}
.mySwiper1 .swiper-pagination-bullet-active{ opacity: 1;}
.mySwiper1.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 8px;}


/*学术研究-列表*/
.st_list.xsyj{ width: 100%; overflow: hidden; position: relative;}
.st_list.xsyj .img{ float: left; width: 415px; height: 235px;}
.st_list.xsyj .img img{ display: block; width: 100%; height: 100%;}
.st_list.xsyj ul{ float: right; width: 735px; height: auto; padding-top: 5px; position: relative;}
.st_list.xsyj ul li{ width: 100%; height: auto; overflow: hidden;}
.st_list.xsyj ul li a{ float: left; font-size: 14px; line-height: 200%;}
.st_list.xsyj ul li span{ float: right; display: inline-block; font-size: 14px; line-height: 200%;}


/*悲鸿讲堂-列表*/
.st_list.bhjt ul{ display: flex; justify-content: space-between; width: 100%; height: auto; position: relative;}
.st_list.bhjt ul li{ width: 390px; height: auto;}
.st_list.bhjt ul li .img{ width: 390px; height: 226px; overflow: hidden;}
.st_list.bhjt ul li .img img{ display: block; width: 100%; height: 100%; transition: all .2s ease-out 0s;}
.st_list.bhjt ul li .img img:hover{ transform: scale(1.1);}
/*.st_list.bhjt ul li .title{ padding: 0 10px; white-space: nowrap; text-overflow: ellipsis;width: 100%;overflow: hidden}*/
.st_list.bhjt ul li .title{overflow: hidden;width: 100%}
.st_list.bhjt ul li .title a{  padding:0 0 0 10px;font-size: 18px; line-height: 48px;margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;display: block}
.st_list.bhjt ul li .title:hover{ background-color: rgba(0,0,0,0.7);}
.st_list.bhjt ul li .title:hover a{ color: #fff;}


/*志愿者之家-列表*/
.st_list.zyzzj{ padding-bottom: 45px;}
.st_list.zyzzj .zyzzj_main{ width: 100%; height: 485px; background: url(../images/img17.jpg) center center / 100% 100% no-repeat; line-height: 485px; text-align: center;}
.st_list.zyzzj .zyzzj_main a{ display: inline-block; width: 360px; height: 80px; border: 1px solid #fff; font-size: 30px; line-height: 78px; text-align: center; color: #fff;}
.st_list.zyzzj .zyzzj_main a:hover{ background-color: #fff; color: #000;}