/*=======================================nav==========================================*/
.head-v3{position:relative;z-index:100;min-width:1100px}
.head-v3 .navigation-inner{margin:0 auto;width:1100px;position:relative}
.navigation-up{height:80px;}
.navigation-up .navigation-v3{margin-left:30px;float:left;_margin-left:10px}
.navigation-up .navigation-v3 ul{float:left}
.navigation-up .navigation-v3 li{float:left;font:normal 12px/59px "microsoft yahei"; list-style:none;}
.navigation-up .navigation-v3 .nav-up-selected{background:#00abbd ;}
.navigation-up .navigation-v3 .nav-up-selected a{color:#FFF}

.navigation-up .navigation-v3 .nav-up-selected-inpage{}
.navigation-up .navigation-v3 li h1{font-weight:normal;padding:0;margin:0}

.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:10px 15px;color:#545454; font-size:16px;display:inline-block;height:80px;font-family:"microsoft yahei"}
.navigation-up .navigation-v3 li h2 a:hover{color:#ffffff;background:#00abbd ;padding:10px 15px; font-size:16px;display:inline-block;height:80px;font-family:"microsoft yahei"}

.navigation-down{position:absolute;top:80px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#eaeaea;border-top:1px solid #ccc;position:absolute;top:0px;filter:alpha(opacity=95);-moz-opacity:0.95;-khtml-opacity: 0.9;opacity: 0.95;}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.navigation-down .menu-1 dl{margin:20px 80px 25px 0}
.navigation-down .menu-1 dt{font:normal 12px "microsoft yahei";color:#6e6e6e;padding-bottom:10px;border-bottom:1px solid #fff;margin-bottom:0px}
.navigation-down .menu-1 dd a{color: #333; font:normal 16px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#bfbfbf}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#545454;font:normal 16px "microsoft yahei"}

/* ============================= 响应式 CSS ============================= */

.desktops-section { display:block; }

.mobile-section { display:none; }






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

	.desktops-section { display:none; }

	.mobile-section { display:block; }

	

	

}


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

	.desktops-section { display:none; }

	.mobile-section { display:block; }

	

	

}


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

		.desktops-section { display:none; }

	.mobile-section { display:block; }

	

}





@media screen and (max-width:480px) {
	.desktops-section { display:none; }

	.mobile-section { display:block; }

	
	

}





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

		

	

}