﻿@media screen and (max-width: 1600px){
	#nav li a{font-size: 14px;}
	#bd .wp{
		padding-right: 160px;
	}
	.side-nav{transform: translateX(30%);right: 10px;}
	
}
@media screen and (max-width: 1400px){

	
	#hd .logo{width: 300px;padding-right: 10px;height: 71px;}
	#nav li a{height: 71px;line-height: 71px;}
	#nav{margin-left: 300px;}
	#hd  .logo img{height: 70px;}
	
}
@media screen and (max-width: 1200px){
	.side-nav{transform: translateX(0);right: 10px;}
}


@media screen and (max-width: 1080px){
    .ul-info{padding-left: 20px;}
}




@media screen and (max-width: 1024px){

	.wp{padding: 0 20px;}
	.i-row4 .txt,
	.i-row4 .img{width: 60%;margin: 0 auto;float: none;}
	.i-row4 .txt{margin-top: 30px;}
	.list-sca .img{width: 300px;}
	.list-sca .txt{padding-left: 30px;}
	
	.MagicZoom:before{display: none;}
	.MagicZoom:after{display: block;
}


@media screen and (max-width: 960px){
    .ul-imgtxt li.s1 .txt{padding: 0 30px;padding-top: 0;}
}


@media screen and (max-width: 920px){
    .ul-info li .pic{margin-left: 15px;}
}


@media screen and (max-width: 840px){
    .ul-imgtxt li .pic{float: none;width: 100%;}
    .ul-imgtxt li.s1 .txt,.ul-imgtxt li.s2 .txt{width: 100%;padding: 5% 0;}
}


@media screen and (max-width: 769px){
	.m_nav{display: block;}	
	#hd{display: none;}
	.m_nav .logo {
	    width: 60px;
	}
    .ul-info li .pic{float: none;margin-left: 0;}
    .ul-info li h3 em{display: block;padding-left: 55px;}
    .ul-step li .box dl dd{width: 90%;}
    
    .i-row1 .txt{height: 154px;}
    /*.book-rec-list .item{width: 50%;}*/
    .i-row2-bg{background: #333;}
    .feature-scroll .item{padding-bottom: 0;}
    .more-p{display: none;}
    
    .feature-scroll .slick-current .txt{
    	position: static;
    	background-color: #f8f8f8;
    	color: inherit;
    	height: 140px;
    	padding: 25px;
    }
    .feature-scroll .txt p{color: #afafaf;}
    .feature-scroll .slick-current .txt p{
    	color: #afafaf;
    	height: 4em;
    }
    .feature-scroll .slick-current h3{text-align: left;font-size: 18px;margin-bottom: 10px;}
    .feature-scroll .slick-current a{
    	position: static;
    	width: auto;
    }
    .feature-scroll .slick-list{
    	padding-left: 0;
    }
    .feature-scroll .item{border: 1px solid transparent;}
    .feature-scroll .slick-current .img,
    .feature-scroll .img{height: 260px;}
    .feature-scroll .txt{padding: 25px;height: 140px;}
    .i-row2-bg .wp{padding: 0 50px;}
    .btn-3 a{margin-left: 0;}
    .btn-3 {margin-top: 20px;}
    .btn-3 a{padding: 0 20px;width: auto;height: 40px;line-height: 40px;background: #ff7214;font-size: 16px;}
    .list-sca .pic{width: 100%;float: none;width: 100%;display: block;border: none;}
    .list-sca .img,
    .list-sca .txt{width: 100%;float: none;padding-left: 0;}
    .list-sca{margin-top: -20px;}
    .list-sca li{padding: 20px 0;}
    .load-more{padding: 30px 0;}
    .library-top .pic{display: none;}
    .list-sca .img{padding-top: 58%;}
    
    .ul-floor li .floor-l{float: none;position: static;height: auto;width: 100%;border: 1px solid #d9dad9;border-bottom: none;}
    .ul-floor li{padding-left: 0;}
    #bd .wp{padding-right: 200px;}
    
}


@media screen and (max-width: 640px){
	#bd,
	.new-book-rec{min-height: 1px;}
    .library-top .pic{display: none;}
    .library-top .txt{padding-left: 160px;}
    .ul-step li span{margin-right: 10px;}
    .ul-step li:before{left: 138px;}
    
    .ul-floor li .floor-r{margin-top: 0;}
    .ul-floor li{padding: 0;}
    .ul-info li .txt{padding-right: 10px;}
    
    .book-rec-list .item{margin-bottom: 20px;}
    .i-row2-bg .wp{padding: 0 70px;}
    .i-row4 .txt,
    .i-row4 .img,
    .i-row1 .img,
    .i-row1 .txt{float: none;width: 100%;}
    
    .i-row1 .txt{height: 150px;margin-bottom: 30px;}
    .i-row1 .img{padding-right: 0;}
    .i-row1 .txt{padding-right: 0;}
    .i-row1 h4{display: none;}
    .t1{padding: 30px 0;}
    .t1 img{
    	-webkit-transform: scale(0.7);
    	transform: scale(0.7);
    }
    .feature-scroll .item{border: none;}
    .i-row4{padding-top: 20px;}
    #fd{font-size: 12px;}
    #banner span{padding-top: 55%;}    
    #bd .wp{padding-right: 20px;}
    .side-nav{padding-left: 0;position: static;text-align: left;padding-right: 0;background: none;padding-bottom: 30px;}
    .side-nav h3{float: left;margin-bottom: 14px;margin-top:0;margin-left: 10px;}
    #fd{margin-top: 30px;}
    .side-nav dl{display: none !important;}
    .side-nav li a{padding: 0 10px;background: none;text-align: center;}
    .side-nav ul{clear: both;}
    .article-box{min-height: 1px;}
    
    .ul-floor li .txt,
    .ul-floor li .floor-num{padding: 20px;}
    .floor-num img{width: 24px;}
    
    .floor-l .t-cell{display: block;}
    .ul-floor .pic{padding: 20px 0;}
    
    .ul-info:after{display: none;}
    .ul-info li{padding-bottom: 30px;border: none;}
    .ul-info li .txt,
    .ul-info li h3 em{padding-left: 0;}
    .ul-info li .txt{padding-right: 0;}
    .ul-info li h3{text-align: center;margin-bottom: 20px;}
    .ul-info{padding-left: 0;}
    .ul-info li h3 span{left: 0;margin-right: 5px;
    	-webkit-transform: scale(0.7);
    	transform: scale(0.7);
    }
    .ul-info u{display: none;}
    .ul-info li h3 em{text-align: left;font-size: 14px;line-height: 1.6;margin-top: 10px;}
    .ul-info{margin-bottom: 20px;}
    .library-top .year{position: static;margin: 0 auto;margin-bottom: 20px;}
    .library-top .txt{padding-left: 0;}
    .sc-bar{margin: 20px 0;}
    
    .ul-step li span{float: none;display: block;margin: 0 auto;margin-bottom: 30px;}
    .ul-step li .box dl dd{width: 100%;padding-left: 0;}
    .ul-step li .box{padding-left: 0;}
    .ul-step li:before,
    .ul-step li.s1:before,
    .ul-step li .box dl dd:before{display: none;}
    .ul-step li.s1 .box dl dd{margin-bottom: 20px;}
    .ul-step li.s2{padding-bottom: 0;} 
    
    .artical-main .hd{padding: 20px 0;}
    .artical-main{padding-top: 30px;}
    .artical-main{padding-bottom: 0px;}
    .artical-main .hd h1{font-size: 20px;}
}
