@charset "utf-8";
*{padding:0;margin:0;border:0;}
ul,ol,li{list-style:none;}
input:focus,button:focus{outline:0;}
img{border:0;vertical-align:top;}
var,em{font-weight:normal;font-style:normal;}
html,body{font-family:'Microsoft YaHei',Arial,sans-serif;font-size:14px;color:#333;line-height:1.6;}
a{color:#333;text-decoration:none;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
.clearfix{display:block;*zoom:1;}
.clearfix:after{content:'';overflow:hidden;width:100%;height:0px;font-size:0px;display:block;clear:both;}
.m-mob{display: none;}
.g-wrap{max-width:1920px;margin:0 auto;overflow:hidden;position:relative; background: url(../images/header_xss_20220905.jpg) top center no-repeat;}
.m-mob-header{width:100%;display:none;}
.m-header{height:1023px;}
.m-header .m-wrap{height: 730px;}
body{background:url(../images/bottom_xss_20220905.png) bottom center no-repeat; padding-bottom: 200px;}
.m-left{float: left;}
.m-right{float: right;}
.m-ban{width: 1200px; margin-left: auto; margin-right: auto; text-align: center;}
/* 导语 */
.m-part1{overflow: hidden; clear: both; width: 1007px; height: 164px; margin: 0 auto 60px auto;}
.m-part1 .m-icon{margin-top: 32px;}
.m-part1 .m-con{width: 907px; margin-left: auto; text-indent: 2em; margin-right: auto; font-size: 16px; color:#333333; line-height: 30px; margin-top: 40px;}
/*戏剧家协会*/
.m-part2{ margin: 0 auto 10px auto; overflow: hidden; background: url(../images/part1Bg_xss_20220905.png) top center no-repeat; height: 460px; width: 1260px;}
.m-part2 .m-ban{text-align: center; position: relative; margin-bottom: 52px; width: 1201px; margin: 25px auto 35px auto;}
.m-part2 .m-ban a{position: absolute; right: 0; top: 90px;}
.m-part2 .m-con{width: 1200px; overflow: hidden; margin-left: auto; margin-right: auto; }

.m-part2_1{background: url(../images/part2Bg_xss_20220905.png) top center no-repeat;}

.m_imgList{overflow: hidden; clear: both; margin-right: -20px;}
.m_imgList li{float: left; width: 285px; text-align: center; margin-right: 20px;}
.m_imgList li .m_imgWrap{width: 285px; margin-bottom: 20px; height: 214px; overflow: hidden;}
.m_imgList li .m_imgWrap img{width: 285px; height: 214px; transition: all 0.8s;}
.m_imgList li .m_imgWrap img:hover{transform: scale(1.1);}
.m_imgList li p{color: #333333; font-size: 16px; width: 100%; line-height: 26px;}
.m_imgList li p a{color: #333333; display: block; width: 80%; margin-left: auto; margin-right: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
@media only screen and (max-width:1024px) {
	.g-wrap{background: none;}
    .m-part1{width: 96%; margin-bottom:30px; margin-left: auto; margin-right: auto;}
    .m-left,.m-right{float: none;}
    .m-mob-header{display: block;}
    .m-header{background: none; height: auto;}
    .m-header .m-wrap{height: auto;}
    .m-part1{height: auto;width: 100%;}
	.m-ban,.m-part3 .m-ban,.m-part4 .m-ban{width: 96%; margin-bottom: 5% !important;}
	.m-ban img{width: 170%; margin-left: -35%;}
    .m-part1 .m-icon{float: left; margin-left: 1%; margin-top: 10%;}
    .m-part1 .m-con{width: 80%; float: right; margin-right: 1%; margin-top: 0;}
    .m-part2{width: 100%; height: auto;}
    .m-part2 .m-ban{width: 100%;}
    .m-part2 .m-ban a{right: 22px; top: 20px;}
    .m-part2 .m-ban a img{width: auto;}
    .m-part2 .m-con{width: 100%;}
    .m_imgList{margin-right: 0;}
    .m_imgList li{float: none; margin-left: auto; margin-right: auto; margin-bottom: 5%;}
}