.container {width: 90%;max-width: 980px;margin: 0 auto;}
.top{line-height:40px;background-color:#fff;font-size:14px;color:#666}
.top p{display:inline-block;vertical-align:middle;margin-right:25px}
.top a{display:inline-block;/*vertical-align:middle;padding-right:6px;margin-right:5px;*/position:relative}

.top a:nth-child(3){padding-right:0;margin-right:0}
.top a:nth-child(3)::after{display:none}
.ban-txt{display:block;margin:0 auto 35px;padding-top: 50px;}
.ban-search{float:right;margin-top:10px}
.ban-search .select{float:left;background:none;outline:none;border:none;-webkit-appearance:none;width:90px;height:22px;line-height:22px;font-size:12px;border:1px solid #d3d3d3;padding-left:0px;background:url(../images/jt1.png) center right 8px no-repeat;-webkit-background-size:6px;-moz-background-size:6px;-o-background-size:6px;background-size:6px;margin-right:10px}
.ban-search .select option{text-align:center;text-align-last:center;font-size:12px;color:#333}
.ban-search .select option{text-align:center;text-align-last:center;font-size:12px;color:#333}
.ban-search .inp{float:left;font-size:14px;color:#333;border:1px solid #d3d3d3;margin-right:10px}
.ban-search .inp input{line-height:22px;padding:0 10px;font-size:12px;height:22px;display:block;width:100%;border: 0;box-sizing: border-box;}
.ban-search .sub{width:48px;line-height:24px;text-align:center;background-color:#a60d0f;color:#fff;font-size:12px;float:left;border: 0;}

/* banner */
.banner{
    height:270px;
    background:url("../images/banner.png") no-repeat center top;
    margin-bottom: 38px;
}
.banner .container{
    height:100%;
    position: relative;
}

.bannerText{
   width:100%;
   height:100%;
   display: flex;
   justify-content: flex-start;
   align-items: center;
}
.bannerText img{
    max-width:100%;
    margin: 5px 0 0 -10px;
}


/* 文字列表 */
.list li {
    box-sizing: border-box;
    font-size: 14px;
    padding-left:10px;
    position: relative;
  }
  .list li a {
    display: block;
    height: 30px;
    line-height: 30px;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
    width: 100%;
    color:#3f3f3f;
  }
  .list li a:hover{
    color:#d61e18;
    
  }
  .list li:before{
    content:"";
    width:4px;
    height:4px;
    background-color: #8e4300;
    position: absolute;
    left:1px;
    top:0;
    bottom:0;
    margin:auto;
  }
.row{
    display: flex;
    justify-content: space-between;
}
.box{
    border: 1px solid #e5dfd5;
}
.boxHd{
    border-bottom: 3px solid #d61e18;
    display: flex;
    justify-content: space-between;
    height:40px;
    line-height:40px;
    position: relative;
    padding:5px 9px 0 14px;
}
.boxHd:before{
    content:"";
    width:101px;
    height:3px;
    background-color: #f3884a;
    position:absolute;
    left:0;
    bottom:-3px;
}
.boxHd h2{
    font-size: 20px;
    color:#d61e18;
    color:#d61e18;
    font-weight: bold;
}
.boxHd .more{
    color:#d61e18;
    font-size: 14px;
}
.books{
    width:588px;
}
.booksBd{
padding:18px 19px;
position:relative;

}


.authors{
    width:358px;
}
.authorsBd{
    padding:10px 21px 24px 20px;
}
.authorsInfo{
    padding-bottom: 15px;
    border-bottom: 1px dashed #e5e5e5;
}
.authorsInfo dt{
    font-weight: bold;
    font-size: 16px;
    line-height:42px;
   
}
.authorsInfo dt,.authorsInfo dt a{
    color:#454545;
}
.authorsInfo dd{
    font-size: 12px;
    line-height:20px;
  
}
.authorsInfo dd{
    color:#666;
}
.authorsInfo dd a{
    color:#d61e18;
}
.authorsList{
    line-height:30px;
  padding-top: 9px;
  overflow: hidden;
    
}
.authorsList li{
    float:left;
    width:25%;
    position: relative;
    padding-left: 18px;
    box-sizing: border-box;
   
}
.authorsList li:before{
    content:"";
    width:6px;
    height:6px;
    position: absolute;
    left:4px;
    bottom:0;
    top:0;
    margin:auto;
    background-color:#d61e18;
}
.authorsList li,.authorsList li a{
    color:#454545;
}
.authorsList li a:hover{
    text-decoration: underline;
}
.focusImg{
    width:590px;
    height:263px;
    position: relative;
}
.focusImg p{
    position: absolute;
    left:0;
    bottom:0;
    background:rgba(0,0,0,0.69);
    width:100%;
    height:46px;
    font-size: 16px;
    color:#fff;
    line-height:46px;
    text-indent:17px;
}   
.focusImg p,.focusImg p a{
    color:#fff;
}
.focusSide{
    width:358px;
    height:261px;
    
}
.focusSideBd{
    padding:12px 20px 0;
}
.focusSide .boxHd{
    padding-left:2px;
}
.focusSideTab{
   
    display: flex;
    background:url("../images/line2.png") no-repeat center center;
}
.focusSideTab a{
    margin: 0 10px;
    color:#454545;
}
/* .focusSideTab .line{
    width:2px;
    background:url("../images/line2.png") no-repeat center center;
    margin:0 9px;
} */

.focusSideTab a.active{
    color:#d93a36;
}
.focusTabcont{
    display: none;
}
.focusTabcont.active{
    display: block;
}
.practice{
    margin-top:35px;
    margin-bottom: 34px;
}
.row2TabHd{
    overflow: hidden;
    height:42px;
    padding-left:12px;
    margin:10px 0;
    position: relative;
}
.row2TabHd ul{
    display: flex;
}
.row2TabHd li{

    font-size: 18px;
    color:#1a1a1a;
    line-height:42px;
    padding:0 32px 0 31px;
    position: relative;
}

.row2TabHd li.active a{
    color:#d61e18;
}

.row2Tab .content-panel{
    display: none;
    /* animation: fadeIn 0.5s ease; */

}
.row2Tab  .content-panel.active{
    display: block;
}
/* @keyframes fadeIn {
    0% { opacity: 0.6; }
    100% { opacity: 1; }
} */

.row2Tab  .nav-btn {
    position: absolute;
    top: 0;  
    width: 20px;
    height: 100%;
    border: none;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 10;
    display: none; 
    color: #374151;
    font-size: 16px;
    font-weight: 300;
    background: url("../images/mo-next1.png") no-repeat center center;
    background-size: 20px 20px;
    font-size: 0;
  }
  .row2Tab  .nav-btn:disabled {
    opacity: 0.6;
  }
  .row2Tab  .nav-btn#scrollLeftBtn {
    left: 10px;
    transform: rotateY(180deg);
  }
  
  .row2Tab  .nav-btn#scrollRightBtn{
    right: 10px;
    
  }
  .row2Tab  .nav-btn.disabled {
    opacity: 0.6;
    pointer-events: none;
    box-shadow: none;
}
.tab-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;
    flex: 1;
}
.tab-scroll::-webkit-scrollbar {
    display: none;
}
.practiceBd{
    padding:14px 43px 29px 29px;
    display: flex;
    justify-content: space-between;
}

.practicePic{
    width:120px;
    height:170px;
}
.practiceText{
    width:420px;
}
.practiceText h3{
    line-height:26px;
    font-size: 18px;
    margin-bottom: 13px;
    
}
.practiceText h3,.practiceText h3 a{
    color:#666;
}
.practiceText h3,.practiceText h3 a:hover{
    color:#d61e18;
    
  }
.practiceText p{
    font-size:14px;
    line-height:24px;
    color:#666;
}
.practiceText span{
    color:#d61e18;
}
.practiceText .more{
    display: block;
    padding-top: 15px;
    line-height:19px;
    color:#d61e18;
}
.practiceText .more:hover{
    text-decoration: underline;
}
.practiceList{
    width:320px;
}
.practiceList .more{
    display: block;
    line-height:30px;
    color:#d61e18;
    text-indent:10px;
}

.practiceList .list li a{
    height: 27px;
    line-height: 27px;
}
.practiceLeft{
    flex:1;
    display: flex;
    justify-content: space-between;
    padding-right: 25px;
}
/* footer */
.footer {margin-top: 41px;padding: 23.5px 0;font-size: 14px;color: #666;line-height: 1.71;border-top: 3px solid #d61e18;overflow: hidden}

.footer .container {padding: 0 40px}
.footer .pic {float:left;margin: 4px 24px 0 0;width: 90px;overflow: hidden}
.footer .pic img {display: block;width: 100%}
.footer .cont {overflow: hidden;}
.footer .cont img {margin: -2px 2px 0 0;display: inline-block;vertical-align: middle}
.footer a {font-size: 14px;color: #666}

.bannerLogo img{
    width:100%;
}
    
.row2TabHd li:after{
    content:"";
    width:2px;
    height:100%;
    background:url("../images/line.png") no-repeat right center;
    position: absolute;
    right:0;
    top:0;
}
.row2TabHd li:last-child:after{
    display: none;
}
@media only screen and (min-width: 1500px) {
    .bannerLogo{
        width:196px;
        height:66px;
        position: absolute;
        top:30px;
        left:-248px;
    }

}

@media only screen and (max-width: 1500px){
    .bannerLogo{
     width:100px;
        position: absolute;
        top:10%;
        left:0;
    }
    .bannerText img{
        margin:0;
    }
   
}


@media only screen and (max-width: 1100px) {
    .row2TabHd li{
        padding:0;
       width:50%;
        text-align: center;
        flex-shrink: 0;
    }
    .row2TabHd{
        padding:0 40px;
        background-color: #d61e18;
    }
    .row2TabHd li:after{
        display: none;
    }
    .row2TabHd li a{ color:#fff;}
    .row2TabHd li.active{
        background-color: #f3884a;
       
    }
    .row2TabHd  li.active a{
        color:#fff;
    }
 
    .row2Tab  .nav-btn{
        display: block;
    }

    
    .focusImg{
        height:auto;
    }
    .focusImg,.focusImg img{
        width:100%;
    }

    .row{
        flex-direction: column;
    }
	.focusImg,.books{
        margin-bottom: 3%;
    }
    .box{
        width: 100%!important;
    }

    .practiceBd{
        flex-wrap: wrap;
    }
    .practiceList{
        width:100%;
        margin-top: 3%;
    }
    .practiceLeft{
        width:100%;
        padding-right: 0;

    }
    .practiceText{
        flex:1;
        padding-left: 23px;
      
    }
    .bannerLogo{
        left:0;
        top:20px;
    }
    .booksBd .swiper-slide{
        text-align: center;
    }
    .booksBd .swiper-slide img{
        width:80%;
    } 
    
}

@media only screen and (max-width: 767px) {
    .banner{
        height:180px;
    }
    .top{line-height: 25px;margin-top: 10px;padding-bottom: 10px;}
    .ban-search{float: initial;}

    .practiceLeft{
        flex-direction: column;
        
    }
  .practiceText{
      padding-left: 0;
      width:100%;
  }
  .practicePic{
      margin:0 auto;
      margin-bottom: 5%;
  }
  .footer .pic{
      float:none;
      margin:0 auto 24px;
  }

	
	.footer {padding: 20px 0;}
	.footer .container {padding: 0 15px}
	/* .footer .pic {width: 40px} */

	.mo-login,.mo-search,.mo-top{display:block}
	.mo-top{overflow:hidden;padding:8px 0}
	.mo-top .logo{width:135px;display:block}
	.mo-top .logo img{display:block;width:100%}
	  .mo-top{position:fixed;left:0;top:0;width:100%;background-color:#fff;z-index:99;-moz-box-shadow:0 0 10px rgba(0,0,0,.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}
    
    .practiceBd{
        padding:14px 5% 5%;
    }

  
.booksBd .swiperBox{
    margin:0 10px;
    
}
.booksBd .swiper-container{
    overflow: hidden;
}

.booksBd .swiper-button-next{
    right:5px!important;
}
.booksBd .swiper-button-prev{
    left:5px!important;
}
.booksBd .swiper-slide{
    text-align: center;
}

    
}
@media only screen and (max-width:576px) {
    .bannerLogo{
        width:80px;
    }
    .focusImg p{
        font-size: 12px;
    }
}