﻿@charset "utf-8";

.sj_menu{display: none;}

.fixeds header{position: fixed;top: 0;transition: ease-in 0.5s;}

.fixeds .head_top h1{max-width: 200px;line-height: 65px;}

.fixeds .head_right p{margin-bottom: 3px;}

.fixeds .search{height: 30px;}

.fixeds .search input,

.fixeds .search button{height: 30px;line-height: 30px;}

.fixeds .nav{box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);}



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

    

}

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

    

    

}

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

    

}

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

   

}

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

  

}

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

  .box_con{width: 92%;}

  .box1_left{width: 450px;}

  .box1_right{width: 700px;}

  .box2_left{width: 780px;}

  .box2_right{width: 370px;}



  .link_list ul li{width: 33%;}

  .main_left{width: 22%;}

  .main_right{width: 76%;}

  .expert ul li{width: 23%;}

  .teaching_list .item{width: 48%;}





}

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

    body,

    html {

        overflow-x: hidden !important;

    }



    .pt-100,

    .pt-90,

    .pt-80,

    .pt-70,

    .pt-60,

    .pt-50,

    .pt-40,

    .pt-30 {

        padding-top: 20px;

    }



    .pb-100,

    .pb-90,

    .pb-80,

    .pb-70,

    .pb-60,

    .pb-50,

    .pb-40,

    .pb-30 {

        padding-bottom: 20px;

    }

    

}

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

    

    

}

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

    

    .sj_menu{display: block;position: fixed;right: 0;top: 60%;width: 40px;line-height: 70px;text-align: center;background: var(  --mainColor);color: var(--fontColorf);border-radius: 5px 0 0 5px;box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);font-size: 14px;}

    .head_top h1,

    .fixeds .head_top h1{max-width: 140px;line-height: 65px;}

    .search{width: 180px;height: 30px;}

    .search input,

    .search button{height: 30px;line-height: 30px;}

    .head_right p{margin-bottom: 5px;}

    .head_right p a{margin-left: 2px;}

    .head_right p a::before{display: none;}

    .nav{width: 100%;height:auto;float: right;transform: translateX(100%);transition: ease-in 0.5s;position: absolute;top: 65px;right: 0;}

    .nav ul{flex-wrap: wrap;}

    .nav ul li{display: block;width: 50%;}

    .nav ul li a{line-height: 30px;margin: 3px auto;}

    .son .nav{transform: translateX(0%);transition: ease-in 0.5s;}



    .lg_wrap{padding-top: 65px;}



    .swiper-container-banner{height: 180px;}

    .swiper-container-banner .swiper-button-prev, .swiper-container-banner .swiper-button-next{width: 30px;height: 30px;}

    .swiper-container-banner .swiper-button-prev::after, .swiper-container-banner .swiper-button-next::after{font-size: 14px;}



    .boxs{padding: 20px 0 0;}

    .box1_con{flex-wrap: wrap;}

    .box1_left,

    .box1_right,

    .box2_left,

    .box2_right{width: 100%;height: auto;}



    .box_tit h3{font-size: 20px;}

    .box_tit p{font-size: 16px;margin-top: -5px;}



    .box1_left,

    .box1_right .box1_right_top{margin-bottom: 20px;}

    

    .box1_left .items ul li{height: 140px;}

    .box1_left .items ul li a{flex-wrap: wrap;}

    .box1_left .items ul li span{width: 40px;height: 40px;padding: 5px;}

    .box1_left .items ul li p{font-size: 16px;width: 100%;text-align: center;}

    .box1_right .box1_right_top,

    .box1_right .box1_right_btm{height: auto;}

    .box1_right .box1_right_top .items ul,

    .box1_right .box1_right_btm .items ul{flex-wrap: wrap;}

    .box1_right .box1_right_top .items ul li{width: 50%;margin: 10px auto;}

    .box1_right .box1_right_top .items ul li a span{width: 40px;height: 40px;}

    .box1_right .box1_right_btm .items ul li{width: 30%;margin: 10px auto;}



    .box2_left .tab .tab_tit ul{width: 100%;flex-wrap: wrap;}

    .box2_left .tab .tab_tit ul li{margin-right: 12px;}

    .box2_left .tab .tab_tit span{float: none;display: block;text-align: right;}



    .department ul li a .tct h3{font-size: 18px;}

    .department ul li a .tct p{font-size: 14px;}

    .department ul li a .ico{width: 40px;height: 40px;margin-right: 10px;}

    

    .link{margin-top: 20px;}

    .link_list{padding-bottom: 20px;}

    .link_list ul li{width: 100%;}



    .ban{height: 180px;}

    .ban_wz h3{font-size: 22px;}

    .ban_wz p{font-size: 16px;}



    .main{flex-wrap: wrap;padding: 20px 0;}

    .main_left,

    .main_right{width: 100%;}

    .main_tit{background-size: cover;height: 40px;}

    .main_tit h3{font-size: 20px;line-height: 40px;}

    .main_tit::before{left: -38px;}

    .main_menu ul li a{line-height: 30px;padding: 7.5px 0;font-size: 16px;}



    .main_menu ul li ul li a{padding: 0 0 0 1.5em;}



    .crumb{display: none;}

    .children_tit{margin: 0 auto 20px;}    

    .children_tit h3{font-size: 20px;}



    .expert ul li{width: 48%;margin-bottom: 20px;}

    .expert ul li .pic{height: 190px;}



    .page{padding: 0;}



    .children_list ul li a,

    .teaching_list .item .item_list ul li a{font-size: 15px;}

    .children_list ul li p,

    .teaching_list .item .item_list ul li p{width: 75%;}

    .children_list ul li span,

    .teaching_list .item .item_list ul li span{width: 25%;}



    .children_menu{padding: 0 0 20px;}

    .children_menu ul li{width: 100%;margin: 0 auto;}

    .children_menu ul li a{padding: 0 15px;line-height: 30px;font-size: 16px;}



    .clinical_contact ul{flex-wrap: wrap;}

    .clinical_contact ul li{padding: 20px;margin: 10px auto;}

    .clinical_contact ul li p{font-size: 16px;}

    .clinical_contact ul li p b{font-size: 20px;}



    .teaching_list .item{width: 100%;margin: 10px auto;}

    .teaching_list .items,

    .swiper-container-teaching .swiper-slide,

    .swiper-container-teaching .swiper-slide .pic{height: auto;}

    .teaching_list .item .item_tit h3{font-size: 20px;}

    .teaching_list .item .item_pic{height: auto;}



    .news_tit{padding: 0 0 20px;margin-bottom: 20px;}

    .news_tit h3{font-size: 20px;}

    .news_tit p span{display: block;}



    .lg_fy_con2{margin: 20px auto;}

    .lg_fy_con2 dl{padding-top: 20px;}

    .lg_fy_con2 dl dd{width: 85px;line-height: 40px;}

    .lg_fy_con2 dl dt{width: 100px;text-indent: 0;text-align: center;line-height: 40px;}



    .foot_con{padding: 20px 0;flex-wrap: wrap;}

    .foot_left,

    .foot_right{width: 100%;}

    .foot_left p span,

    .foot_left p a{display: block;margin: 0 auto;}

    .foot_right p{text-align: center;padding-top: 10px;}

    



}

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

   

    

}

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

    

}

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

    .expert ul li .pic{height: 165px;}

}

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

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

    

}