/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
	.wp{width: 98%;}
    
    /*
    -----------------[首页]--------------*/
    .box-news .txt {
        padding: 0 2.83% 0 2.5%;
    }
    .box-news .txt h4 {
        margin-bottom: 20px;
    }
    .box-news .txt .a-btn1 {
        margin-top: 20px;
    }
    .ul-list3 li {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .ul-list3 li a {
        margin-bottom: 10px;
    }

    /*
    -----------------[新闻资讯-详情]--------------*/
    .box-news-det p{
        margin-bottom: 10px;
    }


    /*
    -----------------[耀佳医疗-产品列表]--------------*/
    .ul-list2-1 li {
        padding: 0 5px 20px;
    }

    /*
    -----------------[耀佳医疗-关于我们]--------------*/
    .box-about p{
        padding-bottom: 10px;
    }


    /*
    -----------------[耀佳医疗-产品详情]--------------*/
    .m-pro-inf1 {
        padding: 0 5px 20px 10px;
    }
    .m-pro-inf2 p {
        margin-bottom: 12px;
    }
    .m-pro-inf1 .txt {
        width: 50.97%;
        padding-left: 2.5%;
         padding-top: 0; 
    }
    .m-pro-inf1 .txt .tit{
        margin-bottom: 0;
    }
    .m-pro-inf1 .txt p {
        margin-bottom: 15px;
    }
    .a-back-1{
        margin-right: 6px;
    }
    .m-pro-inf2 {
        margin: 0 5px 30px;
    }

}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {

    /*
    -----------------[首页]--------------*/
    .box-ind {
        padding: 30px 0;
    }
    .ul-list1 li i {
        margin-bottom: 15px;
    }
    .ul-list1 li p {
        font-size: 16px;
    }
    .box-pro {
        padding: 20px 0;
    }
    .ul-list2 {
        overflow: hidden;
        margin: 20px 0 0;
    }
    .ul-list2 li {
        padding: 0 5px 15px;
    }
    .ul-list2 li .pic {
        margin-bottom: 15px;
    }
    .ul-list2 li .pic span{
        background-size: 49px auto;
    }
    .box-news{
        padding: 20px 0 30px;
    }
    .box-news .m-tit1 {
        margin-bottom: 20px;
    }


    /*
    -----------------[新闻资讯-列表]--------------*/
    .side-col {
        float: none;
        width: 100%;
        padding-bottom: 5px;
    }
    .main-col {
         margin-left: 0;
    }
    .side-col .gt1{
        line-height: 50px;
    }
    .snav {
        margin-bottom: 20px;
    }
    .snav li .v1 {
        line-height: 45px;
    }
    .ul-list4 {
        padding: 5px 21px 30px;
    }
    .ul-list4 li{
        line-height: 50px;
    }
    .ul-list4 li span {
        margin-right: 4%;
    }
    .m-cur2 {
        line-height: 40px;
    }

    /*
    -----------------[新闻资讯-详情]--------------*/
    .box-news-det {
        padding: 20px 20px 0;
    }


    /*
    -----------------[耀佳医疗-产品列表]--------------*/
    .ul-list2-1{padding: 0 0 15px;}
    .box-pro-center {
        padding-bottom: 30px;
    }

    
    /*
    -----------------[耀佳医疗-关于我们]--------------*/
    .box-about{
        padding: 30px 10px 0;
    }
    .box-about h4{
        margin-bottom: 20px;
    }


}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
    #ban{height: auto;padding-top: 20.83%;margin-bottom: 10px;}
    .f-nav dl dd .pic-code{
        margin: 10px auto;
    }

    /*
    -----------------[首页]--------------*/
    .m-tit1 {
        font-size: 20px;
    }
    .ul-list1 li i {
        height: 46px;
        margin-bottom: 15px;
        background-size: auto 46px;
    }
    .ul-list1 li p {
        font-size: 14px;
    }
    .ul-list2 li {
        width: 50%;
        padding: 0 5px 10px;
    }
    .ul-list2 li .pic {
        margin-bottom: 10px;
    }
    .ul-list2 li .txt {
        font-size: 14px;
    }
    
    .box-news {
        padding: 20px 0 10px;
    }
    .box-news .pic, .box-news .txt, .box-news .news {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
    .box-news .txt{padding: 0;}
    .ul-list3 li a{font-size: 14px;}

    /*
    -----------------[新闻资讯-详情]--------------*/
    .box-news-det {
        padding: 20px 5px 0;
    }
    .box-news-det h1{
        padding-bottom: 10px;
    }
    .box-news-det .time-source{
        line-height: 35px;
        margin-bottom: 10px;
    }
    .box-news-det p{
        padding-left: 0;
        margin-bottom: 0;
        font-size: 14px;
    }
    .box-news-det p.s1 {
        margin-bottom: 10px;
    }

    
    /*
    -----------------[耀佳医疗-关于我们]--------------*/
    .box-about h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .box-about {
        padding: 20px 5px 0;
    }
    .box-about p {
        padding: 0;
        margin-bottom: 0;
        font-size: 14px;
    }

    .side-col .gt1{
        background: transparent;
        color: #008ce5;
        margin-bottom: 0;
        position: relative;
        padding-left: 10px;
    }
    .side-col .gt1:after{
        content: '';
            position: absolute;
            right: 5px;
            top: 50%;
            width: 0;
            height: 0;
            border-width: 5px;
            border-style: solid solid solid solid;
            border-color: #008ce5 transparent transparent transparent;
    }
    /*.snav{display: none;}*/
    .snav li .v1,.snav li.on .v1, .snav li .v1:hover{
        padding-left: 20px;background: none;
    }

    .m-dow,.m-rec{display: none;}
    .m-dow-about,.m-rec-about{display: block;}


    

    /*
    -----------------[耀佳医疗-产品详情]--------------*/
    .m-pro-inf1 {
        padding: 0 5px 20px;
    }
    .m-pro-inf1 .pic {
    float: none; 
    width: 100%;
    margin-bottom: 15px;
    }
    .m-pro-inf1 .txt {
        width: 100%;
        padding-left: 0;
    }
    .m-pro-inf2{
        margin: 0 5px 20px;
        padding-bottom: 10px;
    }
    .m-pro-inf2 p{
        margin-bottom: 0;
    }
    .m-pro-inf2 p.s1{
        margin-bottom: 10px;
    }
    .m-pro-inf2 .img {
        margin: 0 auto 10px;
    }
    .m-rel-pro{
        margin: 0 5px;
    }
    .m-rel-pro .tit {
        font-size: 18px;
        margin-bottom: 20px;
    }


}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {

    /*
    -----------------[首页]--------------*/
    .box-ind {
        padding: 20px 0;
    }
    .ul-list1 li {
        float: left;
        width: 50%;
        margin-bottom: 10px;
    }
    .ul-list1 li p {
        font-size: 12px;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .m-tit1 {
        font-size: 18px;
    }
    .ul-list2 li {
        width: 100%;
        padding: 0 0 10px;
    }


    /*
    -----------------[新闻资讯-列表]--------------*/
    .m-cur1 {
        line-height: 40px;
    }
    .side-col .gt1{font-size: 18px;}
    .snav {
        margin-bottom: 15px;
    }
    .snav li .v1{font-size: 14px;}
    .m1 .txt {
        margin-left: 125px;
    }
    .m1 .txt .tit {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .m-cur2 {
        font-size: 14px;
    }
    .ul-list4 {
        padding: 5px 5px 20px;
    }
    .ul-list4 li {
        line-height: 40px;
        font-size: 12px;
    }

    
    /*
    -----------------[新闻资讯-详情]--------------*/
    .box-news-det h1{font-size: 16px;}
    .box-news-det .time-source span{
        display: block;
        line-height: 24px;
        font-size: 12px;
    }
    .box-news-det .time-source .s1{margin: 0;}
    .box-news-det p{
        font-size: 12px;
    }
    .m-share {
        font-size: 12px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .m-share .bdsharebuttonbox a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 1px;
    }
    .m-page-turning {
        padding: 11px 0 20px;
    }
    .m-page-turning a {
        padding: 10px 0;
        font-size: 14px;
    }
    .a-back{
        margin: auto;
    }


    /*
    -----------------[耀佳医疗-关于我们]--------------*/
    .box-about h4 {
        font-size: 16px;
        text-align: center;
    }
    .box-about {
        padding: 20px 5px 0;
    }
    .box-about p {
        font-size: 12px;
    }


    /*
    -----------------[耀佳医疗-产品详情]--------------*/
    .m-pro-inf1 .txt .tit{
        font-size: 16px;
        text-align: center;
    }
    .m-pro-inf1 .txt p{
        font-size: 12px;
    }
    .m-pro-inf2 p{
        font-size: 12px;
    }


    /*
    -----------------[耀佳医疗-产品详情]--------------*/
    .m-rel-pro .tit{
        font-size: 16px;
    }
}