@charset "utf-8";

html,body{font-family: "Microsoft YaHei","Arial";}

/*hide scroll*/

/* html,body{-ms-overflow-style: none;} */

/* ::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;}

::-webkit-scrollbar {width:0px;height:0px;}

::-webkit-scrollbar-thumb {background:#dddddd;background-clip:padding-box;min-height:28px;}

::-webkit-scrollbar-thumb:hover {background:#bbb;} 

::-webkit-scrollbar-button {

    width: 1.0416666666666667vw;

    height: 1.0416666666666667vw;

}



::-webkit-scrollbar-button:vertical:single-button:start {  

    background:url(../images/scrollbar_top.jpg) no-repeat;

    background-size: cover;

    cursor: pointer;

}

::-webkit-scrollbar-button:vertical:single-button:end {

    background:url(../images/scrollbar_btm.jpg) no-repeat;

    background-size: cover;

    cursor: pointer;

   

}

::-webkit-scrollbar-button:horizontal:single-button:start {

    background:url(../images/scrollbar_top_hover.jpg) no-repeat;

    background-size: cover;

    cursor: pointer;

}

::-webkit-scrollbar-button:horizontal:single-button:end {

    background:url(../images/scrollbar_btm_hover.jpg) no-repeat;

    background-size: cover;

    cursor: pointer;

}

*/

:root {

    --mainColor: #039ced;

    --mainBg: #f2f4f7;

    --fontColora:#aaaaaa;

    --fontColorb:#bbbbbb;

    --fontColorc:#cccccc;

    --fontColord:#dddddd;

    --fontColore:#eeeeee;

    --fontColorf:#ffffff;

    --fontColor0:#000000;

    --fontColor1:#111111;

    --fontColor2:#222222;

    --fontColor3:#333333;

    --fontColor34:#343434;

    --fontColor4:#444444;

    --fontColor5:#555555;

    --fontColor54:#474747;

    --fontColor6:#666666;

    --fontColor7:#777777;

    --fontColor8:#888888;

    --fontColor9:#999999;

    --lineColor: #00bdea;

    --lineColor2:#f79606;

}

a{color: var(--mainColor);}



.box {

    display: -webkit-flex;

    display: flex;

    width: 100%;

}



.box_con {

    box-sizing: border-box;

    max-width: 1280px;

    margin: 0 auto;

}



/*头部样式*/

header{margin:0 auto;position: absolute;top:0;left:0;right:0;z-index: 99;text-align: center;transition: all .5s;background: #ebeef3;}



.head_top{justify-content: space-between;align-items: center;}

.head_top h1{line-height: 120px;max-width: 360px;}

.head_right p{text-align: right;margin-bottom: 20px;}

.head_right p a{display: inline-block;margin-left:24px;position: relative;font-size: 14px;color: var(--fontColor3);}

.head_right p a::before{content: "";display: block;width: 1px;height: 10px;background: var(--fontColorc);position: absolute;left: -12px;top: 50%;margin-top: -5px;}

.head_right p a:nth-child(1):before{display: none;}

.search{width: 295px;height: 40px;display: inline-flex;border-radius: 5px;}

.search input{width: 100%;height: 40px;line-height: 40px;border:none;font-size: 12px;padding-left: 10px;box-sizing: border-box;}

.search button{background: var(--mainColor);border:none;line-height: 40px;width: 50px;}



.nav{background: var(--fontColorf);height: 60px;}

.nav ul{justify-content: space-between;}

.nav ul li{width: 11.1%;}

.nav ul li a{display: block;line-height: 45px;color: var(--fontColor54);margin: 7.5px auto;border-radius: 4px;}

.nav ul li.active a,

.nav ul li:hover a{background: var(--lineColor);color: var(--fontColorf);font-weight: 550;}



/*底部样式*/

footer{margin: 0 auto;background: url(../images/footer_bg.jpg) no-repeat top center;background-size: cover;overflow: hidden;}

.foot_con{justify-content: space-between;align-items: center;padding: 30px 0;}

.foot_left p{font-size: 12px;line-height: 24px;color: var(--fontColorf);opacity: 0.45;}

.foot_left p strong{font-size: 12px;font-weight: bold;}

.foot_left p span{display: inline-flex;margin-right: 20px;}

.foot_left p a{color: var(--fontColorf);margin-left: 20px;}

.foot_right p span{display: inline-block;width: 66px;height: 66px;}





.box_shadow{box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);border-radius: 4px;overflow: hidden;}



.lg_wrap{padding-top: 180px;background: var(--mainBg);}



/*banner样式*/

.swiper-container-banner{position: relative;height:450px;}

.swiper-container-banner .swiper-slide a{display: block;height: 100%;}

.swiper-container-banner .swiper-slide-active a{transform: scale(1);transition: ease-in 4.5s;}

.swiper-container-banner .swiper-button-prev,

.swiper-container-banner .swiper-button-next{background: rgba(251, 2, 2, 0.33);width: 64px;height: 64px;border-radius: 4px;}

.swiper-container-banner .swiper-button-prev::after,

.swiper-container-banner .swiper-button-next::after{color: var(--fontColorf);font-weight: lighter;font-size: 24px;}





.boxs{padding:50px 0 0;}



.box_tit{margin: 14px auto;}

.box_tit h3{font-size: 26px;color: var(--fontColor34);position: relative;z-index: 2;}

.box_tit p{font-size: 28px;font-weight: bold;font-family: Arial;text-transform: uppercase;color: var(--mainColor);opacity: 0.08;margin-top: -16px;}

.box_tit a{float: right;font-size: 14px;line-height: 30px;color: var(--fontColor3);margin-top: -40px;position: relative;z-index: 2;}

.box_tit a:hover{color: var(--mainColor);}



.box1_con{justify-content: space-between;}

.box1_left{background: var(--mainColor);width: 505px;height: 425px;padding: 20px;box-sizing: border-box;}

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

.box1_left .items ul li{width: 50%;height: 155px;padding: 20px;box-sizing: border-box;}

.box1_left .items ul li a{justify-content: space-around;align-items: center;height: 100%;}

.box1_left .items ul li span{width: 85px;height: 85px;overflow: hidden;border-radius: 50%;margin: 0 auto;background: rgba(2, 94, 193, 0.15);transition: ease-in-out 0.5s;}

.box1_left .items ul li p{width: 90px;text-align: left;font-size: 18px;line-height: 26px;color: var(--fontColorf);font-weight: bold;}

.box1_left .items ul li:nth-child(1){background: rgba(255, 255, 255, 0.12);}

.box1_left .items ul li:nth-child(2){background: rgba(2, 94, 193, 0.1);}

.box1_left .items ul li:nth-child(3){background: rgba(2, 94, 193, 0.15);}

.box1_left .items ul li:nth-child(4){background: rgba(255, 255, 255, 0.09);}

.box1_left .items ul li:hover span{transform: translateY(5px);transition: ease-in-out 0.5s;}



.box1_right{width: 760px;display: inline-flex;flex-direction: column;justify-content: space-between;}

.box1_right .box1_right_top{width:100%;height: 235px;background: var(--fontColorf);padding: 20px;box-sizing: border-box;}

.box1_right .box1_right_top .items ul li{width: 25%;text-align: center;}

.box1_right .box1_right_top .items ul li a span{display: block;width: 66px;height: 66px;overflow: hidden;margin: 10px auto;transition: ease-in-out 0.5s;}

.box1_right .box1_right_top .items ul li a p{font-size: 16px;color: var(--fontColor34);}

.box1_right .box1_right_top .items ul li:hover a span{transform: translateY(5px);transition: ease-in-out 0.5s;}

.box1_right .box1_right_btm{width:100%;height: 175px;background: var(--fontColorf);padding: 20px;box-sizing: border-box;}

.box1_right .box1_right_btm .box_tit{margin: 0 auto;}

.box1_right .box1_right_btm .items ul{justify-content: space-between;}





.box2_left{width: 850px;height: 385px;background: var(--fontColorf);padding: 20px;box-sizing: border-box;}

.box2_left .tab .tab_tit ul{display: inline-flex;width: 85%;}

.box2_left .tab .tab_tit ul li{cursor: pointer;font-size: 18px;color: var(--fontColor0);margin-right: 20px;border-bottom: 2px solid var(--fontColorf);box-sizing: border-box;padding-bottom: 10px;}

.box2_left .tab .tab_tit ul li.active{font-weight: bold;color: var(--mainColor);border-bottom: 2px solid var(--mainColor);box-sizing: border-box;}

.box2_left .tab .tab_tit span{float: right;}

.box2_left .tab .tab_tit span a{font-size: 14px;line-height: 36px;color: var(--mainColor);}

.box2_left .tab .tab-con{margin-top: 20px;}

.tab-con-item{display: none;}

.tab-con-item ul li a{justify-content: space-between;font-size: 14px;line-height: 36px;color: var(--fontColor54);}

.tab-con-item ul li a p{width: 78%;}

.tab-con-item ul li a p::before{content: "";display: inline-block;vertical-align: middle;width: 6px;height:6px;border-radius: 6px;background: var(--mainColor);margin-right: 10px;}

.tab-con-item ul li a span{width: 22%;text-align: right;}

.tab-con-item ul li:hover a p{color: var(--mainColor);}



.box2_right{width: 415px;}

.department ul li{width: 100%;height: 95px;border-radius: 5px;margin-top: 10.5px;}

.department ul li:nth-child(1){margin-top: 0;}

.department ul li a{align-items: center;justify-content: space-between;padding: 0 20px;box-sizing: border-box;height: 100%;}

.department ul li a .ico{width: 55px;height: 55px;overflow: hidden;}

.department ul li a .tct{width: 310px;}

.department ul li a .tct h3{font-size: 24px;color: var(--fontColorf);}

.department ul li a .tct p{font-size: 18px;font-family: Arial;color: var(--fontColorf);text-transform: uppercase;opacity: 0.3;}



.link{padding: 40px 0;margin-top: 50px;}

.link_list ul{flex-wrap: wrap;}

.link_list ul li{width: 25%;}

.link_list ul li a{display: inline-block;font-size: 14px;line-height: 30px;color: var(--fontColor3);}

.link_list ul li a:hover{color: var(--mainColor);}



.ban{height: 440px;overflow: hidden;}

.ban_wz{flex-direction: column;height: 100%;justify-content: center;}

.ban_wz h3{font-size: 42px;font-weight: bold;color: var(--fontColorf);}

.ban_wz p{font-size: 24px;font-weight: bold;color: var(--fontColorf);opacity: 0.4;text-transform: uppercase;font-family: Arial;}



.mains_text p{font-size: 16px;line-height: 2;color: var(--fontColor3);margin-bottom: 20px;}
.mains_text table{margin:0 auto;}


.main{padding: 60px 0;justify-content: space-between;}

.main_left{width: 260px;}

.main_tit{height: 80px;background: url(../images/main_tit_bg.jpg) no-repeat center;border-radius: 5px;position: relative;overflow: hidden;}

.main_tit::before{content: "";display: block;width: 40px;height: 40px;background: var(--lineColor2);transform: rotate(45deg);left: -25px;position: absolute;top: 50%;margin-top: -20px;}

.main_tit h3{line-height: 80px;text-indent: 1.5em;font-size: 28px;color: var(--fontColorf);font-weight: 550;}

.main_menu{padding: 20px;box-sizing: border-box;background: var(--fontColorf);border-bottom: 4px solid var(--mainColor);border-radius: 0 0 4px 4px;}

.main_menu>ul>li{position: relative;padding-right: 20px;}

.main_menu>ul>li::before,

.main_menu>ul>li::after{content: "";display: block;width: 14px;height: 2px;background: var(--fontColor3);position: absolute;right: 0;top: 0%;margin-top: 22px;cursor: pointer;}

.main_menu>ul>li::after{transform: rotate(90deg);}

.main_menu ul li a{display: block;font-size: 20px;line-height: 45px;color: var(--fontColor3);}

.main_menu>ul>li.active>a,

.main_menu>ul>li:hover>a{color: var(--mainColor);}

.main_menu>ul>li.active::before,

.main_menu>ul>li:hover::before{background: var(--mainColor);}

.main_menu>ul>li.active::after,

.main_menu>ul>li:hover::after{display: none;}

.main_menu ul li ul{display: none;}

.main_menu ul li.active ul{display: block;}

.main_menu ul li ul li{position: relative;padding: 5px 0;}

.main_menu ul li ul li::before{content: "";display: block;width: 10px;height: 10px;border:1px solid var(--fontColor3);position: absolute;left: 0px;top: 0%;margin-top: 12px;}

.main_menu ul li ul li a{font-size: 16px;line-height: 24px;color: var(--fontColor3);padding-left: 1.5em;}

.main_menu ul li ul li.active::before,

.main_menu ul li ul li:hover::before{background: var(--mainColor);border:1px solid var(--mainColor);}

.main_menu ul li ul li.active a,

.main_menu ul li ul li:hover a{color: var(--mainColor);}





.main_right{width: 990px;padding: 20px;box-sizing: border-box;background: var(--fontColorf);}

.crumb{justify-content: space-between;padding-bottom: 20px;border-bottom: 1px solid var(--fontColord);box-sizing: border-box;}

.crumb_left{position: relative;}

.crumb_left h3{font-size: 28px;color: var(--fontColor3);line-height: 40px;font-weight: bold;}

.crumb_left h3::before{content: "";display: block;width: 200px;height: 1px;background: var(--mainColor);position: absolute;left: 0;bottom: -21px;}

.crumb_right dl{line-height: 40px;}

.crumb_right dl dt{padding-right: 3px;}

/* .crumb_right dl dt img{display: inline-flex;} */

.crumb_right dl dd{color: var(--fontColor9);display: inline-flex;padding-left: 3px;}

.crumb_right dl dd a{display: block;font-size: 16px;color: var(--fontColor9);padding-right: 3px;}

.crumb_right dl dd:last-child a{color: var(--fontColor3);}



.children_menu{padding: 30px 0;}

.children_menu ul{text-align: center;}

.children_menu ul li{display: inline-flex;width: auto;margin: 0 15px;}

.children_menu ul li a{display: block;font-size: 20px;color: var(--fontColor3);width: 100%;border:1px solid var(--fontColor9);text-align: center;box-sizing: border-box;line-height: 58px;padding: 0 15px;}

.children_menu ul li.active a,

.children_menu ul li:hover a{background: var(--mainColor);color: var(--fontColorf);border: 1px solid var(--mainColor);}



.children_tit{margin: 30px 0;}

.children_tit h3{font-size: 24px;font-weight: bold;color: var(--fontColor3);position: relative;}

.children_tit h3::before{content: "";display: block;width: 3px;height: 20px;background: var(--mainColor);position: absolute;top: 50%;margin-top: -10px;left: -20px;}

.children_tit h3 a{font-size: 14px;color: var(--mainColor);font-weight: normal;line-height: 30px;}



.children_list{margin: 20px auto 0;}

.children_list ul li a{font-size: 16px;line-height: 38px;color: var(--fontColor3);}

.children_list ul li p{width: 85%;padding-left: 15px;box-sizing: border-box;position: relative;}

.children_list ul li p::before{content: "";display: block;width: 5px;height: 5px;border-radius: 5px;background: var(--mainColor);position: absolute;left: 0;top: 50%;margin-top: -2.5px;}

.children_list ul li p i{font-size: 12px;color: #ea361e;font-family: Arial;text-transform: uppercase;padding-left: 5px;}

.children_list ul li span{width: 15%;text-align: right;}



.children_list ul li:hover p,

.children_list ul li:hover span,

.teaching_list .item .item_list ul li:hover p,

.teaching_list .item .item_list ul li:hover span{color: var(--mainColor);}



.expert ul{flex-wrap: wrap;justify-content: space-between;}

.expert ul li{width: 220px;margin-bottom: 30px;}

.expert ul li .pic{width: 100%;height: 260px;overflow: hidden;border-radius: 3px;}

.expert ul li .pic img{transition: ease-in 0.5s;}

.expert ul li .tct h3{font-size: 18px;line-height: 32px;color: var(--fontColor3);padding-top: 10px;}

.expert ul li .tct span{font-size: 14px;line-height: 32px;color: var(--fontColor3);}

.expert ul li .tct p{font-size: 14px;line-height: 24px;color: var(--fontColor6);}

.expert ul li:hover .pic img{transition: ease-in 0.5s;transform: scale(1.1);}

.expert ul li:hover .tct h3{color: var(--mainColor);}



.news_tit{text-align: center;padding: 30px 0; background: url(../images/news_tit_bg.jpg) repeat-x bottom;margin-bottom: 30px;}

.news_tit h3{font-size: 32px;color: var(--fontColor3);}

.news_tit p{font-size: 14px;color: var(--fontColor6);padding-top: 20px;}

.news_tit p span{margin: 0 15px;}



.lg_fy_con2{margin: 40px auto;}

.lg_fy_con2 dl{padding-top: 40px;border-top: 1px solid #cbcbcb;}

.lg_fy_con2 dl dt{float: right;font-size: 16px;color:#575757;width: 190px;border:1px solid #333;line-height: 50px;box-sizing: border-box;font-size: 16px;text-indent: 2em;background: url(../images/news_info_icon_03.jpg) 140px center no-repeat;border-radius: 5px;}

.lg_fy_con2 dl dt a,

.lg_fy_con2 dl dd a{display: block;color: var(--fontColor3);}

.lg_fy_con2 dl dd{float: left;width: 120px;line-height: 50px;text-align: center;background: #f5f5f5;margin-right: 10px;font-size: 16px;overflow: hidden;border-radius: 5px;}

.lg_fy_con2 dl dd:hover a{background: var(--mainColor) ;color:var(--fontColorf);}

.lg_fy_con2 dl dt:hover{background: var(--mainColor) url(../images/news_info_icon_03.png) no-repeat 140px center;border:1px solid var(--mainColor)}

.lg_fy_con2 dl dt:hover a{color:var(--fontColorf);}



.teaching_list{flex-wrap: wrap;justify-content: space-between;}

.teaching_list .item{width: 460px;margin: 20px 0;}

.teaching_list .item .item_tit{border-bottom: 1px solid var(--fontColord);padding-bottom: 10px;margin-bottom: 10px;}

.teaching_list .item .item_tit h3{font-size: 24px;line-height: 32px;font-weight: bold;color: var(--fontColor3);padding-left: 20px;box-sizing: border-box;position: relative;}

.teaching_list .item .item_tit h3::before{content: "";display: block;width: 3px;height: 20px;background: var(--mainColor);position: absolute;left: 0;top: 50%;margin-top: -10px;}

.teaching_list .item .item_tit h3 a{font-size: 14px;color: var(--mainColor);float: right;font-weight: normal;}

.teaching_list .item .item_list ul li{line-height: 38px;}

.teaching_list .item .item_list ul li a{font-size: 16px;color: var(--fontColor3);}

.teaching_list .item .item_list ul li p{width: 85%;padding-left: 15px;box-sizing: border-box;position: relative;}

.teaching_list .item .item_list ul li p::before{content: "";display: block;width: 5px;height: 5px;border-radius: 5px;background: var(--mainColor);position: absolute;left: 0;top: 50%;margin-top: -2.5px;}

.teaching_list .item .item_list ul li span{opacity: 0.8;width: 15%;text-align: right;}

.teaching_list .item .item_pic{margin-top: 15px;height: 90px;overflow: hidden;border-radius: 4px;}



.teaching_list .items{height: 280px;}

.swiper-container-teaching{overflow: hidden;position: relative;}

.swiper-container-teaching .swiper-slide{position: relative;width: 100%;height: 280px;}

.swiper-container-teaching .swiper-slide .pic{width: 100%;height: 280px;}

.swiper-container-teaching .swiper-slide .pic img{object-fit: cover;width: 100%;height: 100%;transition: ease-in 0.5s;}

.swiper-container-teaching .swiper-slide .tct{background: rgba(0, 0, 0, 0.4);position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;height: 50px;padding: 0 20px;}

.swiper-container-teaching .swiper-slide .tct p{line-height: 50px;font-size: 16px;color: var(--fontColorf);width: 85%;}

.swiper-container-teaching .swiper-button-next::after,

.swiper-container-teaching .swiper-button-prev::after{font-size: 20px;color: var(--fontColorf);}

.swiper-pagination-teaching{position: absolute;right: 20px;bottom: 15px;z-index: 2;left: auto;width: 15%;text-align: right;font-size: 16px;color: var(--fontColorf);font-weight: bold;}

.swiper-container-teaching .swiper-slide:hover .pic img{transform: scale(1.1);transition: ease-in 0.5s;}



.clinical_contact ul{justify-content: space-between;}

.clinical_contact ul li{background: #f5f5f5;width: 300px;padding: 50px 30px;box-sizing: border-box;text-align: center;}

.clinical_contact ul li .icon{width: 30px;height: 30px;margin: 0 auto;}

.clinical_contact ul li p{font-size: 18px;line-height: 32px;color: var(--fontColor3);padding: 10px 0;}

.clinical_contact ul li p b{font-size: 26px;font-family: Arial;}

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