﻿
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
	.wp{width: 98%;}
 
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    .menuBtn {display: block;}
    #hd {padding: 10px 0;}
    #hd .logo img {height: 40px;}
    #hd .lang {display: none;}
    #nav {display: none;}
    #banner .item {height: 316px;}
    .sidebar {display: none;}
    .container {float: none;width: 100%;}
    #fd {line-height: 24px;}
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    #banner .item {height: 216px;}
    #banner .slick-dots {bottom: 0;}
    #fd p {display: none;}
    .prenext .li-l,.prenext .li-r {float: none;}
}
@media only screen and (max-width: 600px) {
    /*******************************
        -------[=首页]-------
    ********************************/
    .ul-pro-index li {float: none;width: 100%;}
}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    #banner .item {height: 130px;}
    /*******************************
        -------[=首页]-------
    ********************************/
    .ul-pro-index .img {float: none;width: 100%;height: 220px;line-height: 220px;}
    .ul-pro-index .txt {margin-left: 0;width: 100%;}
    /*******************************
        -------[=列表]-------
    ********************************/
    .ul-txt li span {display: none;}
}
