@media screen and (min-width: 1440px) and (max-width: 1600px) {

    .banner{height: 680px;}



}


@media screen and (min-width: 1280px) and (max-width: 1366px) {

    .w1200{width: 94%}
	.w1366{width: 94%;}
	
	.banner{height: 620px;}
	
	.header .logo{margin-left: 20px;}
	
	.header_ico{width: 220px;}
	
	.nav .nav_bar li a{padding: 0 20px;}
	
	.right_top{top: 34%; right: 10px;}



}


@media screen and (min-width: 1024px) and (max-width: 1279px) {
	
	.w1200{width: 94%}
	.w1366{width: 94%;}
	
	
	.banner{height: 520px;}
	
	.header .logo{margin-left: 0;}
	
	.header_ico{display: none}
	
	.nav .nav_bar li a{padding: 0 20px;}
	
	.right_top{right: 10px;}
	.right_top .right_ico{width: 40px; height: 40px; margin-bottom: 4px; font-size: 28px; line-height: 40px;}
    .right_top .right_ico .p{font-size: 12px; line-height: 16px; padding: 4px 2px 0 4px;}
	.right_top .right_ico span{line-height: 16px; padding: 4px; font-size: 12px;}

    .right_top .k h3{padding: 10px 0}
    .right_top .r_rwm{left: -120px; width: 110px; height: 110px;}
    .right_top .k{width: 160px; height: 260px; left: -170px}
	
	
	
	.list_3 .list3_con .photo{width: 220px; height: 220px; margin: 20px 40px;}
	.list_3 .list3_con .con{width: 620px; margin-top: 60px; margin-right: 40px;}
	
	
	.list_4 .list4_ul li{height: 354px;}
	
	
	.list_2_bg{height: 320px; margin-top: 80px;}
	.list_2_bg .bg_con{height: 320px;}
	.bg_ul{padding-top: 80px;}
	
	
	.list_2 .list_2_con .li02 .li02_con{padding: 40px 50px}
	.list_2 .list_2_con .li03 .li03_con{padding: 50px}
	
	
	.page_banner{height: 180px;}
	.page_banner .img{background-size: cover}
	
	
	.page_doctors .doctors_ul li .name{height: 160px; padding: 10px 0 0 0;}
	.page_doctors .doctors_ul li .sy{padding: 10px}
	
	.page_medical .medical_con p img{max-width: 800px;}
	
	
	.page_news .news_ul li .img{width: 94%; height: 180px; margin: 10px 3% 0 3%;}
	.page_news .news_ul li .text{padding: 12px;}
	
	
}



@media screen and (max-width: 479px) {

    .w1200{width: 94%}
	.w1366{width: 94%;}

    /*----header----*/
    .header{height: 60px}
	.header .header_fix{display: none}
    .header .logo{width: 200px; height: 50px; margin: 5px 0 0 0}

    .nav{position: fixed; top: 0; left: -260px; width: 260px; height: 100%; margin-top: 60px; background: #fff; transition: all ease-out .4s; -webkit-transition: all ease-out .4s}
    .nav .nav_bar{list-style: none; padding-top: 40px;}
    .nav .nav_bar li{float: none; margin-right: 0; margin-bottom: 2px;}
    .nav .nav_bar li a{line-height: 60px; padding: 0 24px}
    .nav.mobile-left{left: 0}


    .header_ico{display: none}
    .header_down{visibility: hidden}

    #button{display: block}
	
	.footer{padding-bottom: 20px;}
	.footer .add{width: 100%;}
	
	.footer .copy{width: 100%; float: left; text-align: left}
	.footer .copy p a{margin-left: 0; margin-right: 10px;}
	

    .right_top{top: 40%; right: 10px}
    .right_top .sj{display: none}
    /*--------index-page--------*/

    /*----banner----*/
    .top_end{height: 60px}
    .banner{height: 260px; padding-top: 60px;}

    /*----list_1----*/
    .list_1{padding-bottom: 20px}
    .list_1 .list_1_top{padding: 40px 0 30px 0}
    .title h3{font-size: 16px; margin-bottom: 4px}
    .title p{font-size: 14px}

    .list_1 .list_1_top .list{display: none}

    .list_1 .list_ul{margin-right: -2%}
    .list_1 .list_ul li{float: left; width: 48%; margin-right: 2%}
    .list_1 .list_ul li .ks{padding: 10px 6px; position: relative}
    .list_1 .list_ul li .ks h3{font-size: 14px}
    .list_1 .list_ul li .ks p{display: none}
    .list_1 .list_ul li .ks span{display: none}
    .list_1 .list_ul li:hover .ks h3{color: #666}


    /*----list_3----*/
    .list_3 .list3_list{display: none}
    .list_3 .list3_li{display: none}
    .list_3 .list3_list_mob{display: block; height: auto}

    .list_3 .list3_list_mob .list3_con{position: relative; padding-top: 30px}
    .list3_list_mob .list3_con .photo{width: 50%; height: 150px; margin: 0; padding: 0 10px; border-radius: 0; background: transparent}

    .list_3 .list3_con .con{width: 50%; padding: 20px 0 0 10px; margin: 0;}
    .list_3 .list3_con .con h3{font-size: 20px}
    .list_3 .list3_con .con h4{font-size: 13px; margin-bottom: 40px}

    .list_3 .list3_con .mark01{width: 92%; margin: 20px auto}
    .list_3 .list3_con .mark01 p{font-size: 12px; color: #f0f0f0; line-height: 22px}



    /*----list_4----*/
	.list_4{margin-top: 30px;}
    .list_4 .list4_ul{margin-right: 0}
    .list_4 .list4_ul li{float: none; width: 100%; height: auto; margin-right: 0; margin-bottom: 16px; box-shadow: 0 0 10px 0 #e0e0e0}

    .list_4 .list4_ul li .img{height: 160px}

    .list_4 .list4_ul .li01_ul{padding: 20px 10px 0 10px}
    .list_4 .list4_ul .li01_ul li:last-child{border-bottom: none}
    .list_4 .list4_ul .li01_ul li a h3{font-size: 12px; color: #666}


    /*----list_2----*/
    .list_2{margin: 40px 0}
    .list_2 .list_2_con .li{width: 100%; height: 260px; float: none}

    .list_2 .list_2_con .li01 .li01_con .img{width: 100%; height: 260px; background-repeat: no-repeat; background-size: cover}

    .list_2 .list_2_con .li02{display: none}

    .list_2 .list_2_con .li03 .li03_con{padding: 20px 20px}
    .list_2 .list_2_con .li03 .li03_con p{font-size: 12px; margin-bottom: 6px;}

    .list_2 .list_2_con .li04{display: none}

    .list_2 .list_2_con .link{width: 120px; margin: 30px 0 0 0; padding: 10px 20px; border: 1px solid #fff; text-align: center; color: #fff; transition: all .3s; -webkit-transition: all .3s}
    .list_2 .list_2_con .link:hover{transform: scale(.9); -webkit-transform: scale(.9) }

    .list_2 .list_2_con .li .slick-prev, .list_2 .list_2_con .li .slick-next{background: #333; opacity: .6}
    .list_2 .list_2_con .li01 .slick-prev{opacity: 0}
    .list_2 .list_2_con .li04 .slick-next{opacity: 0}

    /*----list_2_bg----*/
    .list_2_bg{height: 220px; margin-top: 40px}
    .list_2_bg .bg_con{height: 220px}
    .bg_ul{width: 100%; padding-top: 60px}
    .bg_ul li{width: 21%; margin: 0 2%; float: left;}
    .bg_ul li:last-child{display: none}
    .bg_ul li .sz{background-repeat: no-repeat; background-position: center top; padding: 70px 0 0 0; text-align: center;}
    .bg_ul li .sz h3{font-size: 18px}
    .bg_ul li .sz p{color: #f0f0f0}
    .list_2_bg .mark{width: 100%; height: 100%; background: rgba(0,0,0,.4) url("../image/makr_bg.png") repeat; position: absolute; top: 0; left: 0; z-index: 1}



    /*--------page--------*/

    .content{padding-top: 50px}

    .page_banner{height: 180px}
    .page_banner .img{height: 180px; background-repeat: no-repeat; background-position: right; background-size: cover}

    .page_top span{display: block; float: left; font-size: 13px; color: #666; margin-right: 5px}
	
	.page_top .d_list{display: none}

    /*----page-Department----*/
    .page_department{position: relative; padding-bottom: 40px}

    .page_department h3{font-size: 24px; color: #333; text-align: center; margin-bottom: 40px}

    .page_department .department_list .ul_list{margin-right: -2%}
    .page_department .department_list .ul_list .title h2{font-size: 16px}

    .page_department .department_list .ul_list li{width: 48%; margin-bottom: 12px; margin-right: 2%}

    .page_department .department_list .ul_list_con{margin-right: -1%}
    .page_department .department_list .ul_list_con li{float: left; height: 190px; margin-right: 1%; margin-bottom: 16px; position: relative}
    .page_department .department_list .ul_list_con li.li01{width: 100%}
    .page_department .department_list .ul_list_con li.li02{width: 100%; box-shadow: 0 0 10px rgba(0,0,0,.2); overflow: hidden}
    .page_department .department_list .ul_list_con li .img{width: 100%; height: 190px;  overflow: hidden}
    .page_department .department_list .ul_list_con li .img img{width: 100%; float: none; transition: all ease-out .6s; -webkit-transition: all ease-out .6s}
    .page_department .department_list .ul_list_con li .txt{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.2);}
    .page_department .department_list .ul_list_con li .txt h3{text-align: center; font-size: 22px; line-height: 190px; color: #fff; vertical-align: middle}
    .page_department .department_list .ul_list_con li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}


    /*----page-department-show----*/
    .page_department_show .img{width: 100%;}
    .page_department_show .img img{width: 100%}

    .page_department_show .con{width: 100%; padding: 30px 0 0 0}
    .page_department_show .con h3{font-size: 24px; color: #333; margin-bottom: 20px}
    .page_department_show .con span{display: block; width: 100%; height: 14px; margin-bottom: 30px; background: url("../image/doc_bg.png") repeat-x}
    .page_department_show .con p{font-size: 13px; color: #666; line-height: 26px}

    .department_show_list{width: 94%; margin: 0 auto}
    .department_show_list li{width: 100%; margin-right: 0; float: none}


    /*----page-doctors----*/
    .page_doctors .doctors_ul{list-style: none; margin-right: 0}
    .page_doctors .doctors_ul li{width: 100%; height: auto; float: none; margin-right: 0; margin-bottom: 20px}
    .page_doctors .doctors_ul li .img{width: 32%; float: left; overflow: hidden}
    .page_doctors .doctors_ul li .img img{width: 100%; padding-top: 10px}

    .page_doctors .doctors_ul li .name{width: 60%; height: auto; margin: 0 4%; position: relative; float: left; padding: 20px 0 0 0; background: none}
    .page_doctors .doctors_ul li .name h3{font-size: 18px}
    .page_doctors .doctors_ul li .name h4{font-size: 13px}
    .page_doctors .doctors_ul li .name h5{font-size: 13px; margin-bottom: 0}

    .page_doctors .doctors_ul li .sy{padding: 20px 10px}
    .page_doctors .doctors_ul li .sy p{font-size: 12px}

    /*----page-news----*/
    .page_news{padding-bottom: 40px}
    .page_news .news_ul{list-style: none; margin-bottom: 40px }
    .page_news .news_ul li{width: 100%; float: none; margin-bottom: 12px}
    .page_news .news_ul li .img{width: 95%; height: 160px; margin: 10px 2.5% 0 2.5%}

    .page_news .news_ul li .text{width: 100%; padding: 20px 10px;}
    .page_news .news_ul li .text h3{font-size: 14px}
    .page_news .news_ul li .text h6{font-size: 12px}
    .page_news .news_ul li .text p{font-size: 12px}

    /*----page-newsshow----*/
    .page_newsshow{padding-bottom: 40px}
    .page_newsshow .con img{width: 100% !important; height: auto !important}
	.page_newsshow .con a{display: inline-block; color: #666} 
	.page_newsshow .con a strong{font-weight: normal}

    /*----page-about----*/
    .about_con{padding-bottom: 40px}
    .about_con .img{width: 100%; float: none;}
    .about_con .about_txt{width: 100%; position: relative; margin-top: 20px}

    .about_con01{padding-bottom: 40px;}
    .about_con01 h3{margin-bottom: 20px}
    .about_con01 p{font-size: 12px}

    .about_con02{padding-bottom: 40px}
    .about_con02 .ry_ul{margin-right: -2%;}
    .about_con02 .ry_ul li{width: 48%}


    /*----page-contact----*/
    .page_contact{padding-top: 20px; padding-bottom: 60px}
    .page_contact .contact_left{width: 100%; margin-bottom: 30px;}
    .page_contact .contact_left .img{display: none}

    .page_contact .contact_right{width: 100%}


    /*----page-medical----*/
    .page_medical{position: relative; padding-bottom: 60px}
    .page_medical h3{font-size: 24px; color: #333; text-align: center; margin-bottom: 40px}

    .page_medical .medical_li .ul li{width: 32.3333%; margin-bottom: 5px}
    .page_medical .medical_li .ul li .li{height: 100px}
    .page_medical .medical_li .ul li .li i{font-size: 30px; color: #fff; padding-top: 20px; padding-bottom: 10px}
    .page_medical .medical_li .ul li .li h3{font-size: 14px}


    .page_medical .medical_con{margin: 40px auto 0 auto; padding: 40px 20px;}
    .page_medical .cz .img{display: none}
    .page_medical .cz .img_mob{display: block}
    .page_medical .cz .img_mob img{width: 100%; height: auto; float: none}
    .page_medical .medical_con h3{font-size: 18px; color: #333}
    .page_medical .medical_con h4{font-size: 14px; font-weight: bold; color: #555; margin-top: 8px}
    .page_medical .medical_con .span{display: block; width: 100%; height: 14px; margin: 20px auto 40px auto; background: url("../image/doc_bg.png") repeat-x}
    .page_medical .medical_con p{font-size: 12px}
    .page_medical .medical_con .jylc{width: 100%}
    .page_medical .medical_con img{width: 100%; float: none}
    .page_medical .yy img{width: 129px; float: none}




    .right_top .right_ico{width: 40px; height: 40px; margin-bottom: 4px; font-size: 28px; line-height: 40px;}
    .right_top .right_ico .p{font-size: 12px; line-height: 16px; padding: 4px 2px 0 4px;}
	.right_top .right_ico span{line-height: 16px; padding: 4px; font-size: 12px;}

    .right_top .k h3{padding: 10px 0}
    .right_top .r_rwm{left: -120px; width: 110px; height: 110px;}
    .right_top .k{width: 160px; height: 260px; left: -170px}














}