/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
    /*******************************
        -------[=公用]-------
    ********************************/
	.wp{width: 98%;}
    #nav a {padding: 0 20px;}
 
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    #nav {display: none;}
    .menuBtn {display: block;}
    .hd-index {top: 0;bottom: auto;}
    /*******************************
        -------[=首页]-------
    ********************************/
    #banner .txt-hd .p1 {font-size: 30px;}
    #banner .txt-hd .p2 {font-size: 36px;}
    #banner .txt-fd .p1 {font-size: 16px;}
    .section-index.sec1 {padding-top: 0;}
    .section-index.sec1 .txt {float: none;width: 100%;text-align: center;}
    .section-index.sec1 img {margin-top: 20px;float: none;width: 100%;}
    .section-index.sec1 .info {padding: 0;}
    .section-index.sec1 .info:before {left: 50%;margin-left: -40px;}
    .section-index.sec1 .g-btn-1 {margin: 30px auto 0;}
    .book-slide-1 {padding: 20px;}
    .book-slide-1 .img {float: none;width: 100%;}
    .book-slide-1 img {margin: 0 auto;}
    .book-slide-1 .txt {padding: 0 0 30px;float: none;width: 100%;}
    .section-index.sec3 .cont1 .cont-txt {padding-top: 0;float: none;width: 100%;}
    .section-index.sec3 .cont-wb {position: static;padding-top: 20px;width: 100%;}
    .section-index.sec3 .cont-wb img {width: 100%;}
    .section-index.sec3 .cont-wb .mask {position: static;opacity: 1;}
    .section-index.sec3 .cont2 .cont-wb {float: none;width: 100%;}
    .section-index.sec3 .cont2 .txt {padding-top: 120px;padding-right: 0;float: none;width: 100%;}
    .section-index.sec3 .cont1 .tit-m {margin-top: 30px;display: block;}
    .section-index.sec3 .cont1 .tit {display: none;}
    .section-index.sec3 .cont1 .tit2 {text-align: center;}
}



/*Common For Max 480*/
@media only screen and (max-width: 768px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    #fd {padding-top: 50px;}
    #fd .info {padding-bottom: 20px;float: none;width: 100%;border-right: none;text-align: center;}
    #fd .copyright {padding-bottom: 20px;float: none;width: 100%;text-align: center;}
    /*******************************
        -------[=首页]-------
    ********************************/
    .book-slide-1 .tit {font-size: 24px;}
    .section-index.sec3 .cont-wb .mask {padding: 20px;}
    .section-index.sec3 .cont2 .mask {padding: 20px;}
    .section-index.sec3 .cont2 .txt .tit {text-align: center;}
    .section-index.sec3 .cont2 .txt .author {text-align: center;}
    .section-index.sec3 .cont2 .g-btn-1 {margin: 0 auto;}
    .section-index.sec4 {padding-bottom: 30px;}
    
}

@media only screen and (max-width: 600px) {
    /*******************************
        -------[=首页]-------
    ********************************/
    #banner .txt-hd .p2 {font-size: 30px;}
}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    /*******************************
        -------[=首页]-------
    ********************************/
    .book-slide-2 {display: none;}
    .box-partner-2 .item {margin-right: 0;}
    .box-partner .item {width: 50%;}
    .section-index.sec3 .cont-wb .g-btn-1 {float: left;}
    .section-index.sec3 .cont-wb span {display: block;}
}
@media only screen and (max-width: 360px) {
    
}