body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;padding: 0;}
html {overflow-y: scroll;overflow-x: hidden;}
html, body {font-size: 16px;color: #666;font-family: "SourceHanSerifCN",arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 2;}
a {color: #666;text-decoration: none;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
a:hover {color: #0057ff;text-decoration: none;}
img {border: 0 none; max-width: 100%;}
ol, ul, li {list-style: none;}
div, ul, li {margin: 0px;padding: 0px;list-style-type: none;}
input[type="submit"], input[type="reset"] {cursor: pointer;}
textarea{font-family: arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.ov {overflow: hidden;}
input, textarea, select {outline: none;}
i,em{font-style: normal;}
h1,h2,h3,h4,b{font-weight: normal;}
@media (min-width: 1600px){
    html, body{font-size: 16px;}
}
@media (min-width: 991px) and (max-width: 1599px){
    html, body{font-size: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    html, body{font-size: 14px;}
}
@media (max-width: 767px){
    html, body{font-size: 14px;}
}
@font-face{
    font-family: 'SourceHanSerifCN'; 
    src:url("https://www.bayoudesigns.com/statics/fonts/SourceHanSerifCN.eot");
    src:url("https://www.bayoudesigns.com/statics/fonts/SourceHanSerifCN.woff") format('woff'),
        url("https://www.bayoudesigns.com/statics/fonts/SourceHanSerifCN.ttf") format('truetype'),
        url("https://www.bayoudesigns.com/statics/fonts/SourceHanSerifCN.svg") format('svg');
}

/*头部*/

.header{background: url("https://www.bayoudesigns.com/__xh__/img.sjzmchospital.cn/sjzmchospital/statics/images/gdindexbg_01.jpg") center center no-repeat; background-size: cover;}
.nav_top .logo{float: left; max-width: 66%;}
.nav_topr{float: right;}
.nav_toprbiao{text-align: right;}
.nav_toprbiao li{display: inline-table; background: #4c7eef; color: #fff; line-height: 2;}
.nav_toprbiao li.biao em{background: url("https://www.bayoudesigns.com/__xh__/img.sjzmchospital.cn/sjzmchospital/statics/images/gdindex_06.png") center center no-repeat; display: block; width: 100%; height:100%;}
.nav_toprbiao li.line{width: 4px;}
.nav_toprbiao li a{display: block; color: #fff; padding:0px 10px;}

.nav_toprtel_en li{display: inline-table; overflow: hidden; border:2px #4c7eef solid;}

.nav_toprtel_en li span,.nav_toprtel_en li a{display: block;}
.nav_toprtel_en li span{background: url("https://www.bayoudesigns.com/__xh__/img.sjzmchospital.cn/sjzmchospital/statics/images/gdindex_10.png") center left no-repeat; padding-left: 40px;}
.nav_toprtel_en li.en{background: #4c7eef;}
.nav_toprtel_en li a{color: #fff; padding: 0px 15px;}

.navbar .navbar-nav{width: 100%; text-align: center;  font-weight: bold;}


@media (min-width: 1600px){
	.nav_top{padding:25px 0px;}
	.nav_top .logo{max-width: 66%;}
    .nav_toprbiao li{font-size: 20px;}
    .nav_toprbiao li.biao{width: 65px;}
    .nav_toprtel_en{font-size: 24px; margin-top: 28px;}
    .nav_toprtel_en li{line-height: 48px; border-radius: 25px;}
    .nav_toprtel_en li.tel{padding: 0px 20px;}
    .navbar{}
    .navbar .navbar-nav,.dropdown-menu{font-size: 24px;}
    .navbar .navbar-nav .nav-item{line-height: 50px;}
}
@media (min-width: 1200px) and (max-width: 1599px){
	.nav_top{padding:20px 0px;}
	.nav_top .logo{max-width: 66%;}
    .nav_toprbiao li{font-size: 18px;}
    .nav_toprbiao li.biao{width: 65px;}
    .nav_toprtel_en{font-size: 20px; margin-top: 20px;}
    .nav_toprtel_en li{line-height: 40px; border-radius: 22px;}
    .nav_toprtel_en li.tel{padding: 0px 18px;}
    .navbar{}
    .navbar .navbar-nav,.dropdown-menu{font-size: 20px;}
    .navbar .navbar-nav .nav-item{line-height: 50px;}
}
@media (min-width: 992px) and (max-width: 1199px){
	.nav_top{padding:15px 0px;}
	.nav_top .logo{max-width: 66%;}
    .nav_toprbiao li{font-size: 16px;}
    .nav_toprbiao li.biao{width: 65px;}
    .nav_toprtel_en{font-size: 18px; margin-top: 12px;}
    .nav_toprtel_en li{line-height: 34px; border-radius: 20px;}
    .nav_toprtel_en li.tel{padding: 0px 10px;}
    .navbar{}
    .navbar .navbar-nav,.dropdown-menu{font-size: 18px;}
    .navbar .navbar-nav .nav-item{line-height: 50px;}
}
@media (max-width: 991px){
    .nav_top{display: none;}
    .navbar-collapse{background: rgba(76,126,239,0.9); padding: 2em 4%; position: fixed; left: 0px; width: 100%; z-index: 999;}
    .navbar-toggler{background: url("https://www.bayoudesigns.com/__xh__/img.sjzmchospital.cn/sjzmchospital/statics/images/icon_nav.png") center center no-repeat; background-size: 100%; font-size: 1.6rem;}
    .navbar-nav .nav-item a{border-bottom: 1px #eee solid; padding: 0.5rem 2%; color: #fff; display: block; font-size: 1.4em;}
    .navbar-toggler{padding: 0.25rem 0.25rem;}
    .navbar-nav .dropdown{position: relative; }
    .navbar-nav .dropdown .dropdown-menu{border-width: 0px; padding: 0px; background: none;text-indent: 5%;}
    .navbar-nav .dropdown span{display: inline-table; content: ""; width: 20px; height: 20px; background: url("https://www.bayoudesigns.com/__xh__/img.sjzmchospital.cn/sjzmchospital/statics/images/jiafff.png") center center no-repeat; background-size: 100% 100%; position: absolute; right: 2%; top: 18px; transform: translate(0,-50%);}
}
@media (min-width: 768px) and (max-width: 991px){
    .header_height{height: 72px;}
    .navbar-brand img{height: 46px;}
    .navbar-collapse{ top: 68px;}
}
@media (max-width: 767px) {
    .header_height{height: 72px;}
    .navbar-brand img{height: 36px;}
    .navbar-collapse{ top: 68px;}
}
@media (min-width: 992px){
    .navbar-brand{display: none;}
	.navbar{background: #4c7eef; color: #fff; padding: 0px;}
	.navbar a{color: #fff;}
    .navbar li.nav-item{width: 12.5%;}
	.navbar li.nav-item>a {background: url("https://www.bayoudesigns.com/__xh__/img.sjzmchospital.cn/sjzmchospital/statics/images/index_19.jpg") center left no-repeat;}
	.navbar li.nav-item:first-child>a{background: none;}
    .dropdown-menu{left: 50%; width: 100%; border-radius: 0px; transform: translate(-50%,0);  background: rgba(76,126,239,0.9); text-align: center;}
    .dropdown-menu a{display: block;}
    .navbar-nav .nav-item:hover,.navbar-nav .nav-item.active{background: #0057ff;}
    .navbar-nav .nav-item:hover .dropdown-menu{display: block;}
    .dropdown-menu a:hover{background: #0057ff;}
}



/******底部****/

.footer{background: #4c7eef; color: #fff; line-height: 2;}

.footer a{color: #fff; display: inline-table;}

.foot_top li h3{line-height: 2;}
.foot_top .flogo{text-align: left;}

.foot_top .ferweima{float: right;  text-align: center;}
.foot_top .ferweima .img{max-width: 23%; margin: 0px 1%; float: left;}
.foot_bottom{border-top:1px #fff solid; text-align: center;}

.foot_top{}

@media (min-width: 1600px){
    .foot_top{padding: 50px 0px;}
    .foot_top li h3{font-size: 30px;}
    .foot_top .fcontact{font-size: 22px;}
    .foot_top .fcontact p{margin-top: 5px;}

    .foot_bottom{font-size: 18px;}
}
@media (min-width: 1200px) and (max-width: 1599px){
    .foot_top{padding: 40px 0px;}
    .foot_top li h3{font-size: 24px;}
    .foot_top .fcontact{font-size: 18px;}
    .foot_top .fcontact p{margin-top: 4px;}

    .foot_bottom{font-size: 16px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .foot_top{padding: 30px 0px;}
    .foot_top li h3{font-size: 20px;}
    .foot_top .fcontact{font-size: 14px;}
    .foot_top .fcontact p{margin-top: 2px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .foot_top{padding: 30px 0px;}
    .foot_top li h3{font-size: 22px;}
    .foot_top .flogo{width: 40%;}
    .foot_top .fcontact{font-size: 15px; float: right; max-width: 50%;}
    .foot_top .fcontact p{margin-top: 2px;}
    .foot_top .ferweima{width: 100%; padding-top: 30px;}
}
@media (max-width: 767px) {
    .foot_top{padding: 30px 0px;}
    .foot_top li h3{font-size: 18px;}
    .foot_top .flogo{text-align: center; margin-bottom: 1em;}
    .foot_top .flogo img{max-width: 80%;}
    .foot_top .fcontact{}
    .foot_top .fcontact p{margin-top: 8px;}
    .foot_top .ferweima{float: none; width: 100%; margin: 1em auto;}
    .foot_bottom{padding: 0.6em 0px;}
}
@media (min-width: 992px){
    .foot_top .flogo{width: 26%;}
    .foot_top .fcontact{width: 28%; margin: 0px 4%;}
    .foot_top .ferweima{width: 38%;}
}
@media (min-width: 768px){
	.foot_top li{float: left;}
    
    .foot_bottom{padding: 10px 0px;}
}