/*初始化*/ *{ margin: 0; padding: 0; list-style: none; font-family: "microsoft yahei"; text-decoration: none; } img{ border: none; } /*top*/ .top{ width: 100%; height: 500px; background: url("/images/3/yst_banner.png") center no-repeat; } /*概述*/ .des_top{ width: 1100px; height: 30px; margin: 0 auto; margin-top: 20px; background: url("/images/3/yst_jj.png") center no-repeat; } .des .des_more{ float: right; margin-top: -5px; color: #333333; } .des_con{ width: 1100px; height: 240px; background: #e5e5e5; margin: 0 auto; margin-top: 20px; } .des_con span{ display: block; width: 1000px; margin: 0 auto; padding-top: 25px; } .des_con span p{ text-indent: 2em; color: #272727; font-size: 15px; line-height: 35px; } .des_con span p a{ color: #d04027; } /*演出交流*/ .jdhg{ width: 1100px; height: auto; margin: 30px auto; } .jdhg_top{ width: 1100px; height: 30px; background: url("/images/3/yst_ycjl.png") no-repeat center; margin-bottom: 20px; } .jdhg_more{ float: right; color: #333333; margin-top: -5px; } .jdhg_con ul{ margin-top: 28px; width: 1120px; } .jdhg_con ul li{ float: left; width: 260px; height: 300px; background: #fff; border: 1px solid #dddddd; margin-right: 18px; } .jdhg_con ul li img{ width: 240px; height: 140px; margin-top: 10px; margin-bottom: 10px; } .jdhg_con ul li strong{ width: 240px; height: auto; color: #333333; padding-left: 10px; font-size: 15px; padding-bottom: 15px; display: block; } .jdhg_con ul li strong:hover{ color: #f51010; } .jdhg_con ul li span{ width: 240px; height: auto; font-size: 13px; color: #666666; padding-left: 10px; display: block; padding-bottom: 15px; } .jdhg_con ul li a{ font-size: 13px; color: #666666; float: right; margin-right: 10px; } /*团员活动*/ .sysx{ width: 1100px; height: auto; margin: 30px auto; } .sysx_top{ width: 1100px; height: 30px; background: url("/images/3/yst_tyhd.png") no-repeat center; margin-bottom: 10px; } .sysx_more{ float: right; margin-top: -5px; color: #333333; } .sysx_con ul{ width: 1120px; height: auto; } .sysx_con ul li{ width: 540px; height: 45px; line-height: 45px; border-bottom: 1px solid #bfbfbf; float: left; margin-right: 20px; } .sysx_con ul li strong{ width: 10px; height: 45px; background: url("/images/3/dian.png") no-repeat 0px 0px; } .sysx_con ul li span{ float: right; font-size: 15px; color: #666666; } .sysx_con ul li a{ float: left; font-size: 15px; color: #333333; } .sysx_con ul li a:hover{ color: #f51010; } /*艺术团建制*/ .ystjz{ width: 1100px; height: 440px; margin: 25px auto; *height:460px; } .ystjz_top{ width: 1100px; height: 30px; margin: 0 auto; margin-top: 20px; background: url("/images/3/ystjz_tit.png") center no-repeat; } .ystjz .ystjz_more{ float: right; margin-top: -5px; color: #333333; } .tab{ max-width: 245px; height: 35px; margin: 25px auto; } .tab .cur{ text-align: center; line-height: 35px; width: 120px; height: 35px; float: left; font-size: 15px; cursor: pointer; color: #fff; background: #d04027; } .tab li{ text-align: center; line-height: 35px; width: 120px; height: 35px; float: left; font-size: 15px; color: #333333; background: #d2d2d2; } .tab .cur a{ font-size: 15px; color: #fff; } .tab li a{ font-size: 15px; color: #fff; } .tab_list{ display: none; width: 1100px; height: 270px; float: left; text-align: center; } .tab_list ul li{ width: 210px; height: 260px; text-align: center; float: left; margin: 0 auto; margin-left: 8px; margin-top: 20px; border: 1px solid #dcdcdc; } .tab_list ul li a{ font-size: 15px; color: #ffffff; } .gdfc_con_bg{ width: 210px; height: 260px; background: #fff; margin-bottom: 15px; } .tab_list ul li img{ width:184px; height: 210px; padding-top: 8px; } .tab_list ul li span{ display: block; padding-top: 5px; color: #333333; } .on{ display: block; width: 1100px; height:270px; float: left; } /*版权*/ .copy{ width: 100%; height: 110px; background: #c8c8c8; float: left; margin-top: 25px; } .copy_logo{ float: left; padding-left:225px; max-width: 55px; margin-top:10px; } .copy_con{ width: 1100px; height: 80px; margin: 0 auto; font-size: 13px; color: #666666; line-height: 30px; text-align: center; } .copy_con .copy_txt{ text-align: center; margin-top: 10px; width: 650px; float: left; } .copy_con .copy_txt span{ padding-top: 5px; max-width: 560px; width: 55%; height: 40px; color: #666666; }