.banner img { width: 100%; min-width: 1200px; }
.xt-major{
    width: 1200px;
    margin: 0 auto;
}
.mj_title{
	
    text-align: center;
     justify-content: space-between;
     align-items: flex-end;
     margin-bottom: 8px;
 }
 .mj_title h1{
     font-size: 39px;
     font-weight: 600;
     color: #333333;
     letter-spacing: 10px;
     margin-bottom: 7px;
 }
 .mj_title h2{
     font-family: my_font;
     font-size: 24px;
     color: #333333;
     /* font-weight: 600; */
 }
 .mj_title p{
     font-size: 14px;
     color: #999999;
 }
 .mj_list{
     display: flex;
     flex-wrap: wrap;
     justify-content:left;
     margin-top: -25px;
 }
 .mj_list li{
     width: 390px;
     height: 486px;
     background-color: #fff;
     overflow: hidden;
     margin-top: 45px;
     position: relative;
     transition: all 0.3s linear 0s;
     margin-right: 14px;
 }
 .mj_list li:nth-child(3n){
     margin-right: 0px;
 }
 .mj_list li:hover{
     box-shadow: 0px 5px 30px #999;
     margin-top: 34px;
     /* transform: translate3d(0,-6px,0) ; */
 }
 .mj_list li:hover .mj_img{
     transform: scale(1.05) translateZ(0);
 }
 .mj_list li:hover .list_font{
     margin-top: 0;
     color: #999;
 }
 .mj_list li:hover .list_btn a{
     display: flex;
 }
 .mj_list li .mj_img{
     width: 100%;
     transition: .2s linear !important;
 }
 .mj_list li .x-hot {
     position: absolute;
     width: 110px;
     height: 110px;
     left: -60px;
     top: -60px;
     background: #fe3509;
     color: #fff;
     font-size: 24px;
     font-weight: 400;
     font-family: my_font;
     text-transform: uppercase;
     z-index: 5;
     line-height:187px;
     text-align: center;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }
 .mj_list li .list_tex{
     padding: 0 13px;
     height: 215px;
     position: relative;
 }
 .mj_list li .list_name{
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-top: 32px;
     margin-bottom: 25px;
 }
 .list_name h1{
     font-size: 18px;
     font-weight: 600;
     color: #333333
 }
 .list_name p font{
     display: inline-block;
     padding: 3px 9px;
     border-radius: 5px;
     font-size: 12px;
    
 }
 .list_name p .year{
     color: #ff0000;
     background-color: rgba(255,229,229.7);
 }
 .list_name p .book{
     color: #0066ff;
     background-color:rgba(216,240,252,.7);
 }
 .list_name p .scl{
     color: #248c00;
     background-color: rgba(217,237,210,.7); 
 }
 .list_name p .jy{
     color: #7053E3;
     background-color: rgba(229,225,245,.7); 
 }
 .list_font{
     font-size: 14px;
     line-height: 24px;
     color: #333;
     margin-top: 53px;
     transition: .3s linear;
 }
 .list_btn {
     display: flex;
     justify-content: space-between;
     position: absolute;
     left: 0 ;
     right: 0;
     margin: 0 auto;
     bottom:0;
     padding: 0 34px;
 }
 .list_btn a{
     display: none;
     width: 127px;
     height: 38px;
     background-image: linear-gradient(
         #ee7600, 
         #ee7600), 
     linear-gradient(
         #3b3b3b, 
         #3b3b3b);
     background-blend-mode: normal, 
         normal;
     border-radius: 5px;
     font-size: 16px;
     color: #ffffff;
     justify-content: center;
     align-items: center;
 }
 .list_btn a:nth-child(2){
     background: none;
     border: solid 1px #d0cfcf;
     color: #3b3b3b;
 }
 .animated{
     animation-duration: 2s;
     
 }
 
 .marg{
     margin-top:145px; 
 }
 .icon-suoyou{
     font-size: 18px !important;
 }