﻿.header{width:100%;height:130px;}
.header_C{width:864px;margin:0 auto;overflow:hidden;}
.logo{width:530px;float:left;}
.header_r{width:280px;float:right;margin-top:25px;}
.nav1{border-top:3px solid #42b3a9;height:55px;}
.nav_l{width:864px;margin:0 auto;line-height:55px;}
.sy1_ul li.sy1_li {float:left;width:14.2%;font-size:16px;font-family:"微软雅黑" ;text-align: center;position:relative;}
.sy1_ul li a{display:block;width:100%;}
.head{height:188px;background:url(/Sites/Uploaded/UserUpLoad/20160526/20160526190721.jpg) no-repeat;background-size:100% 100%;}
.sy1_ul li.sy1_li .sy2_ul{position:absolute;top:55px;left:0;z-index:100;_z-index:1000;*z-index:10000;width:100%; background:#fff}

/*搜索样式*/
.searchbtn{display:block;width: 40px;height: 33px;line-height: 33px;border: 0;background:url(/Sites/Uploaded/UserUpLoad/20160524/20160524134002.png) center no-repeat;cursor: pointer;position:absolute;right:3px;top:1px;_top:3px;}
.searchtxt{width:276px;height:33px;border:1px solid #8fcbcb;border-radius: 5px;text-indent:8px;}
.search form{position:relative;}
.submenu{line-height:24px;overflow:hidden;}
.submenu span{float:right;margin-bottom:20px;color:#666}
.submenu span.line_1{ float:none}
.submenu span a{ color:#666}
.submenu li{float:left;border-right:1px dashed #a3a0a2;font-size:14px;font-family:"微软雅黑" ;line-height:16px;padding:0 10px;}
.submenu li.noline{border-right:none;}
.submenu li a{color:#666666;}


@media only screen and (max-width:768px){ 
 .head{height:auto;background-size:100% 100%;} 
 .header{position: relative;width:100%;padding:0;height:auto;}
 .fr.header_RT{display: none;}
 div.wrap{width:100%;}
 .header_C{width:100%;}
 .logo{width:90%;float:none;margin:0 auto;overflow:hidden;}
 .logo img{display:block;width:70%;margin:0 auto;}
 .header_r{display:none;}
 .menu_header{position:absolute;left:15px;top:30px;}
 .menu-icon{background:#42b3a9;border-radius:10%;display: block;width:30px;height:30px;padding:5px;position:relative;z-index: 10;cursor: pointer;}
 .search-icon{display:block;background:#42b3a9 url(/Content/Areas/News/images/PuWaiXueXi/img_10.png) no-repeat center;width: 40px;height: 40px;border-radius:10%;position:absolute;right:15px;top:30px;cursor:pointer;}
 .menu-icon div{background:#fff;width:30px;height:5px;position:absolute;transition: all 0.3s ease 0s;}
 .line_1{top:7px;} 
 .line_2{top:17px;} 
 .line_3{top:27px;}
 .menu .line_4{transform: rotate(45deg);top:45px; left:10px;}
 .menu .line_5{background:none;top:45px;left:10px;}
 .menu .line_6{transform: rotate(-45deg);top:45px;left:10px;}
 .nav_l{width:98%;line-height:30px;}
 .sy1_ul li.sy1_li{width:auto;text-align:left;float:none;padding-left:10px;background:#40b1a7;border-bottom:1px dashed #fff;}
 .sy1_ul li.sy1_li:hover{background:#ccc;}
 .sy1_ul li a{color:#fff;}
 
 .Search{padding:10px 0;background:#56C3BA;margin:0 auto;}
 .Search form{margin: 0 auto;width: 210px;border-radius: 5px;background: #fff;position:relative;}
 .searchbtn{right:-2px;top:0;}
 .searchtxt{width:210px;height:31px;}


 ul#navs_1{position:fixed;right:20px;bottom:55px;width:40px;height:40px;line-height:40px;list-style-type:none;margin:0;padding:0;text-align:center;color:#fff;cursor:pointer;z-index: 100000
 ;filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;display: block;}
 #navs_1 li,#navs_1 i.fa{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%;background-color:#00A599;}
 #navs_1 li.icon_4 i.fa.fa-za{background: url(/Content/Areas/Hospitals/images/icon_za.png) no-repeat center;background-size: 63%}
 #navs_1 li,i:before{transition:all .6s;-webkit-transition:all .6s;-moz-transition:.6s;}
 #navs_1 a{width:40px;height:40px;display:inline-block;border-radius:50%;-webkit-border-radius:50%;text-decoration:none;color:#fff;font-size:0.8em;} 
 #navs_1 i.fa{line-height: 40px;font-size: 24px;z-index: 20;}
 #navs_1 li.icon_1.open{top:-45px;left:-30px}
 #navs_1 li.icon_2.open{top:-25px;left:-80px}
 #navs_1 li.icon_3.open{top:25px;left:-80px}
 #navs_1 li.icon_4.open{top:45px;left:-30px}
 
}
@media only screen and (max-width:640px){
 div.logo img{}
}
@media only screen and (max-width:580px){
 .menu_header{top:10px;}
 .search-icon{top:10px;}
}
@media only screen and (max-width:470px){
 div.logo img{}

 
}
@media only screen and (max-width:370px){
 div.logo img{}
 .menu_header{top:0;}
 .search-icon{top:0;}

 
}
 