/*
  颜色：#2b8873
*/
.nav{width:100%; height:45px;background:url(/Content/Areas/Common/images/navbg.jpg) top left repeat-x;}
.sy_nav{ width:1000px; height:45px; line-height:45px;margin:0 auto;}
/****一级菜单****/
.sy1_ul{}
.sy1_li{float:left; text-align:center;background:url(/Content/Areas/Common/images/navline.jpg) no-repeat 0px center; display:inline-block; position:relative; z-index:999; width:12.5%;}
.sy1_tit{color:#FFF; font-size:13px;display:block; float:left; width:100%; font-family:'Microsoft YaHei','微软雅黑';}
.syHover .sy1_tit,.sy1_tit:hover{ background:#006862;color:#FFF;text-decoration:none}
.sy1_li.last .sy3_box{left:-150px;}
/****二级菜单****/
.sy2_ul{background:#00968e; width:140px; position:absolute; visibility:hidden; left:-1px; display:block;  top:45px; z-index:100; _zoom:1;}
.sy2_ul .sy2_box{background:#00968e;border-top:none;}
.sy2_li{z-index:0;position:relative; text-align:left;  height:35px; line-height:35px; border-bottom:solid 1px #05736d;border-top:solid 1px #10b5ac; float:left; width:140px;}
.sy2_li a{font-weight:normal; font-size:14px;  color:#fff; position:relative; z-index:3;height:35px; line-height:35px; overflow:hidden; display:block;}
.sy2_li .sy2_tit{ padding:0 0 0 15px;}
.sy2_box li.syHover{background:#006862; color:#fff!important;}
.sy2_box li.syHover a{color:#fff!important}
.sy2_li a:hover{color:#fff!important; background:#006862} 
.sy2_li .sf-sub-indicator {background: url(/Content/Areas/Common/images/sanjiao.png) no-repeat  right center;float: right;height: 35px;margin-right: 10px;width: 6px; *position:absolute; *left:125px; *top:2px}

.sy3_ul .sy3_box{top:-1px;position:absolute; background:#00968e; left:140px; width:150px; border-left:solid 1px #10b5ac; overflow:hidden}
.sy3_li{ line-height:35px; z-index:0; text-align:left;border-bottom:solid 1px #05736d;border-top:solid 1px #10b5ac}
.sy3_ul .sy3_li .sy3_tit{display:block; width:150px; height:35px; line-height:35px; text-indent:15px;*text-indent:0px;}
.sy3_ul .sy3_li .sy3_tit:hover{ background:#006862; text-decoration:none;*background:none; *color:#f60}

.navspan{ font-family:'Microsoft YaHei','微软雅黑';}




.MobileNav{display:none}

@media only screen and (max-width:1024px){
 body .sy_nav{width:100%;}
 .sy1_tit{ font-size:14px;}

  li.last ul.sy2_ul{left:-52px;}
}
@media only screen and (max-width:768px){
.wrap .MobileNav{display:block;background:#1e7cd7;font-size:16px;font-weight:bold;color:#fff;text-align:center;line-height:51px;height:51px;padding:0 20px;position:relative;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#06AEAC',endColorStr='#009593',gradientType='0');
background: -moz-linear-gradient(top, #06AEAC, #009593);
background: -o-linear-gradient(top,#06AEAC, #009593);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#06AEAC), to(#009593)); }
.MobileNav h1{font-size:1.5em;font-weight:100}


.MobileNav .menu-icon { background-color: #fff;  border-radius: 1px; display: block;  height: 4px;  margin: 0 auto; width: 26px; transition: all 0.3s ease 0s; position:absolute;top:20px;}
.MobileNav .menu-icon::after, .MobileNav .menu-icon::before {  background: #fff;  content: ""; display: block; height: 4px; position: absolute; transition: all 0.3s ease 0s; width: 26px; z-index:1;}
.MobileNav .menu-icon::before { top: -8px;}
.MobileNav .menu-icon::after { top: 8px;}
.open.menu-icon{ background:none;}
.open.menu-icon::after { top: 0 !important; transform: rotate(45deg); -webkit-transform: rotate(45deg)}
.open.menu-icon::before { top: 0 !important; transform: rotate(-45deg); -webkit-transform: rotate(-45deg)}


.MobileNav .menu-iconH{}
.wrap .MobileMenu {background:#009593;display: none;left: 0;opacity: 0.9;position: absolute;top: 51px;width: 100%;z-index: 1000;}
.Mobile_login{display:block!important; color:#fff; padding:10px 0px; overflow:hidden;text-align:center;}
.searchTop{color:#fff;text-align:right; padding:0 10px 0 0px;}
.searchBox{ margin: 10px 180px 0 0;}
.Mobile_login a{color:#fff!important}
.phone2_ul{width:87%; overflow:hidden}
.phone1_ul li .phone1_tit { background:#09817B; float:left;color: #fff;display: inline-block;padding: 5px; font-size:16px;  border:solid 1px #AAA; border-radius:5px; margin:5px;}
.phone1_ul li ul li .phone2_tit{ float:left;  color: #d8e7f6;display: inline-block;padding: 10px 12px;}
.phone1_li{ line-height:20px; display:block; clear:both; border-bottom:solid 1px #6FD3D1; font-size:1.2em;border-top:solid 1px  #07817A}
.header{ width:100%;}
.header span,.nav_content,.footer_con,.adsdRgt2{ display:none!important}
div.header .all li span{display:inline-block!important;}
.footer{ width:100%; text-align:center;min-width:100%!important;max-width:100%!important; height:auto!important; padding:20px 10px 10px 10px!important;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.phone_footer{display:block!important;line-height:25px;}
.main_content{padding:0 10px; width:100%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
}

@media only screen and (max-width:640px){
.Mobile_login{ display:block!important; color:#fff; height:30px; line-height:30px; padding:10px 10px; font-size:14px; text-align:center}
.Mobile_login a{color:#fff; margin:0 5px;}
.searchBox{display:none}
.phone2_ul{width:100%}
.phone1_ul{ padding:10px;}
.phone1_ul li .phone1_tit { float:left;color: #fff;display: inline-block;padding:5px; font-size:14px}
.phone1_ul li ul li .phone2_tit{ float:left;  color: #d8e7f6;display: inline-block;padding: 5px 5px;}
.phone1_li{ line-height:20px; display:block; clear:both; border-bottom:solid 1px #6FD3D1; font-size:1.2em;border-top:solid 1px  #07817A}
.phone_footer{display:block!important;line-height:25px;}
.header img{width:100%}
.fastBtn li, .fastBtn_YiWu li{   display: inline;float: left;height: 93px;margin: 5px 3px;overflow: hidden;width: 31.3%;}
} 