/*首页section3*/
.section3{ width:100%; margin:0 auto; background:url(menubg3.jpg) no-repeat 50% 0%;  height:auto; padding-top:3rem; padding-bottom:4rem;}
.s3-box{ margin:0 auto; max-width:1800px;}
.menu3{ width:100%; margin:0 auto; text-align:center; font-size:2rem; color:#ffffff; margin-bottom:6rem;}
.xuetuan-item{ float:left; position:relative; display:block; width:23%; margin-left:1.5%; margin-bottom:1.5%; height:20rem; box-shadow: 0 0 10px rgba(0,0,0,0.15);  background-color:#ffffff;}

.xuetuan-item a{ display:block; width:100%; height:auto;}
.xuetuan-item .xt-time{ position:absolute; top:-1.5rem; right:1rem; width:4.75rem; height:3rem; line-height:3rem; font-size:1.25rem; text-align:center; background-color:#ad0d10; color:#ffffff;  font-family:gilroy-bold; z-index:10;}
.xuetuan-item .xt-img{ padding:1px; overflow:hidden;}
.xuetuan-item .xt-img img{ width:100%; height:auto;  transition:all 0.3s ease-out 0s;}
.xuetuan-item .xt-title{ margin:2rem 1rem; line-height:1.5rem; height:3rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:1.125rem;}

.xuetuan-item a:hover .xt-title{ font-weight:700;}
.xuetuan-item a:hover img{
    transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1); transition:all 0.3s ease-out 0s;}
  
.xuetuan-item .xt-sj{ position:absolute; top:-1.5rem; right:1rem; width:4.75rem; height:3rem; line-height:3rem; font-size:1.25rem; text-align:center; background-color:#ad0d10; color:#ffffff;  font-family:gilroy-bold; z-index:10;}
.xuetuan-item .xt-biaoti{margin:4rem 3rem 1rem 1rem; line-height:1.5rem; height:3rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:1.0rem;}
.xuetuan-item .xt-zhaiyao{ margin:1rem 3rem 1.5rem 1rem; line-height:1.5rem; height:7.5rem; overflow:hidden;  font-size:0.875rem; color:#878787;}
.xuetuan-item .line{ margin:0 3rem 2.7rem 1rem; border-top:5px solid #ad0d10;}
.xuetuan-item a:hover .xt-biaoti{ font-weight:700;}
.xuetuan-item a:hover .xt-zhaiyao{ background-color:#f9f9f9;} 
 

.xt-more{ display:block; text-align:center; margin:0 auto; margin-top:5rem;}
.xt-more a{ display:inline-block; width:100px; height:30px; line-height:30px; text-align:center; background-color:#ffffff; border-radius:20px; color:#ad0d10; font-size:0.875rem; transition:all 0.2s ease-out 0s;}
.xt-more a:hover{ background-color:#ad0d10; color:#ffffff; font-weight:700;  transition:all 0.2s ease-out 0s;}
@media screen and (max-width:1800px){
.s3-box{ margin:0 auto; max-width:1600px;}
.xuetuan-item .line{ margin:0 3rem 1.1rem 1rem; border-top:5px solid #ad0d10;}
}  
@media screen and (max-width:1599px){
.s3-box{ margin:0 auto; max-width:1360px;}
.xuetuan-item .line{ margin:0 3rem 0.8rem 1rem; border-top:5px solid #ad0d10;}
}
@media screen and (max-width:1399px){
.s3-box{ margin:0 auto; max-width:1300px;}
.xuetuan-item .xt-zhaiyao{ line-height:1.5rem; height:6rem;}
.xuetuan-item .line{ margin:0 3rem 3.5rem 1rem; border-top:5px solid #ad0d10;}
}
@media screen and (max-width:1299px){
.section3{ width:100%; margin:0 auto; background:url(menubg3_m.jpg) no-repeat 100% 0%;  height:auto; padding-top:3rem; padding-bottom:4rem;}
.s3-box{ width:96%; margin-left:2%; margin-right:2%;}
.xuetuan-item{  width:30%; margin-left:5%; margin-bottom:3rem; height:23rem;}
.xuetuan-item:nth-child(3n+1){ margin-left:0;}
.xuetuan-item .xt-zhaiyao{ line-height:1.5rem; height:7.5rem;}
}
@media screen and (max-width:1024px){
.xuetuan-item{ height:20rem;}
}
@media screen and (max-width:800px){
.xuetuan-item{ height:18rem;}
.xuetuan-item .xt-zhaiyao{margin:1rem 3rem 2.2rem 1rem; line-height:1.5rem; height:4.5rem;}
.xt-more{ margin-top:1rem;}
}
@media screen and (max-width:640px){
.xuetuan-item{ height:16rem;}
.xuetuan-item .xt-zhaiyao{margin:1rem 3rem 1rem 1rem;}
}
@media screen and (max-width:500px){
.section3{  background:url(menubg3_m.jpg) repeat-y 0% 0%;  height:auto; padding-top:3rem; padding-bottom:4rem;}
.xuetuan-item{  width:100%; margin-left:0; margin-bottom:3rem; height:28rem;}
.xuetuan-item .xt-zhaiyao{line-height:1.5rem; height:7.5rem;}
}
@media screen and (max-width:425px){
.xuetuan-item{ height:25rem;}
}