﻿@media screen and (min-width:721px){
.nav{ float:right; margin-left:250px;  height:80px; }
.nav ul{float:left;}
.nav ul li{ float:left; position:relative; }
.nav ul li a{ display:block;width:135px; text-align:center; font: normal 18px/80px "微软雅黑",Arial; color:#454545;  }
.nav ul li a:hover,.nav ul li a.cur{  color:#EC6C00;}

.nav ul li ul{display:none;position:absolute; left:0; top:80px;width:135px; z-index:11; background-color: rgba(236,108,0,0.85);border-bottom:5px solid rgb(181, 83, 0);}
/*.nav ul li ul li:first-child{  position:absolute; top:-16px; padding-top:16px; 
background:url(../ico/lit_up.png) no-repeat center top;}*/
/*.nav ul li:last-child ul{ right:0; border-radius:0 0 4px 4px;text-align: center; width:135px;}*/
.nav ul li ul li{ float:left;width:100%;}
/*.nav ul li ul li:last-child a{border-bottom:none; }*/
.nav ul li ul li a{ float:left;width:100%; line-height:39px; font-size:13px; color:rgba(255,255,255,0.8);
border-bottom: 1px dashed rgba(255,255,255,0.8); }

.nav ul li ul li a:hover{ color:rgba(255,255,255,1);
border-bottom: 1px dashed rgba(255,255,255,1);  }




.nav ul li ul li ul{ position:absolute; display:none; z-index:12; left:150px; top:0; width: ; background: #ddd;border-radius:4px; }
.nav ul li ul li:last-child ul{  display:none; height:0; width:0; background: none;  }
.nav ul li ul li ul li a{ }
.nav ul li ul li ul li a:hover{ }


.gnbW {position: absolute; z-index:90; width:100%;  top:40px; }
.gnbDiv {width:1050px; margin:0 auto;}
ul.gnbL { position:relative; float:left; margin-left:250px;  border-left:#e5e5e5 1px solid;z-index:99;}
ul.gnbL li{position:relative; float:left;  width:133px; text-align:center; transition:all ease-out 0.3s; 
height:230px; /*二级菜单高度*/}

ul.gnbL li.on { background-color:#4DAB79; color:#FFF;}
ul.gnbL li.on a{ color:#FFF;}
ul.gnbL li a{color:#2E2E2E;}
/*.gnb1{ background-color:#039;}
.gnb1_hight{ background-color:#C60008;}*/
ul.gnbL li a.oneD{font: normal 16px/80px  "微软雅黑","宋体",Arial; text-decoration: none; }
ul.gnbL li a.oneD:hover{text-decoration:underline; color:#FFF; }

.twoD{position:absolute; top:80px; left:0; width:100%;}
.twoD a {display:block; float:left; width:100%; color:#444; font: normal 13px/30px "微软雅黑"; text-align: center; }
.twoD a.on,.twoD a:hover{background: ; color:#0070bd; text-decoration:underline;}
.twoD a.none{background:none ; text-align:center; padding-left:0;}
.gnbBg {width:100%; position:absolute; top:79px; left:0;  height:1px; z-index:1;
background-color:#FFF;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
background-color:rgba(255,255,255,0.98); }









#navMain{
	width:100%;  background:url(../images/bg_top.png) center -76px repeat-x #D6D6D6;
	position:absolute;
	z-index:100;
	top: 0;
	left:0;
}

.cx_tabmenu {WIDTH:980px; height:65px; overflow:hidden;  float:left; margin:50px 0;}

#ddimagetabs {	WIDTH: 980px; float:left;  }
#ddimagetabs A {display: inline; float:left; color:#fff;
	width:244px; margin-right:1px;
	text-align:center;
	text-decoration:none;
	font:bold 14px/35px "微软雅黑",Arial, Helvetica, sans-serif;
	background:#888888;
}
#ddimagetabs A.current {COLOR: #fff ; background: url(../images/ico02.png) center bottom no-repeat #C60008;}


#tabcontentcontainer { float:left;  width:980px;}
.tabcontent {	DISPLAY: none; float:left;  width:980px; background-color:#FBFBFB;}
.tabcontent ul{	float:left;  }
.tabcontent ul li{	float:left;}
.tabcontent ul li a{float:left; COLOR:#333;  padding:0 8px;  font:normal 12px/30px "微软雅黑",Arial, Helvetica, sans-serif; background:url(../images/ico03.gif) right center no-repeat;} 
.tabcontent ul li a.none{background:none; }
.tabcontent ul li a.none{ background: none;}
/*.tabcontent ul li.left{float:left;background:url(../images/bg_er.png) left top no-repeat; width:5px;  height:27px;}
.tabcontent ul li.right{ float:left;background:url(../images/bg_er.png) right top no-repeat; width:5px; height:27px;}*/
.tabcontent ul li a:hover{COLOR: #003399; text-decoration: none; }
.tabcontent ul li a.hover{COLOR: #CC0000; text-decoration: none;}
}
@media only screen and (max-width:720px){
.nav{position:fixed;right:-200px;top:0;bottom:0;z-index:999;width:200px;background:#fff;transition:all ease-out 0.3s;}
.nav.mcin{ right:0;}
.nav span{ float:left; display:block; width:30px; height:34px; padding:15px 10px 11px; cursor:pointer; margin-left:-50px; background:#ec6c00;}
.nav span i{ display:block; width:30px; height:3px; background:#fff; margin-bottom:7px;}
.nav ul{height: 100%;overflow-y: scroll;}
.nav ul li{}
.nav ul li a{ display:block;font:normal 16px/40px "微软雅黑",Arial;padding:0 10px;border-bottom:1px solid #ddd;}
.nav ul li a:hover,.nav ul li a.cur{}
.nav ul li ul{background:#eee;}
/*.nav ul li ul li:first-child{  position:absolute; top:-16px; padding-top:16px; 
background:url(../ico/lit_up.png) no-repeat center top;}*/
/*.nav ul li:last-child ul{ right:0; border-radius:0 0 4px 4px;text-align: center; width:135px;}*/
.nav ul li ul li{}
/*.nav ul li ul li:last-child a{border-bottom:none; }*/
.nav ul li ul li a{line-height:30px; font-size:12px;border-bottom:1px solid #ddd;padding:0 30px;}
.nav ul li ul li a:hover{}




.nav ul li ul li ul{ position:absolute; display:none; z-index:12; left:150px; top:0; width: ; background: #ddd;border-radius:4px; }
.nav ul li ul li:last-child ul{  display:none; height:0; width:0; background: none;  }
.nav ul li ul li ul li a{ }
.nav ul li ul li ul li a:hover{ }


.gnbW {position: absolute; z-index:90; width:100%;  top:40px; }
.gnbDiv {width:1050px; margin:0 auto;}
ul.gnbL { position:relative; float:left; margin-left:250px;  border-left:#e5e5e5 1px solid;z-index:99;}
ul.gnbL li{position:relative; float:left;  width:133px; text-align:center; transition:all ease-out 0.3s; 
height:230px; /*二级菜单高度*/}

ul.gnbL li.on { background-color:#4DAB79; color:#FFF;}
ul.gnbL li.on a{ color:#FFF;}
ul.gnbL li a{color:#2E2E2E;}
/*.gnb1{ background-color:#039;}
.gnb1_hight{ background-color:#C60008;}*/
ul.gnbL li a.oneD{font: normal 16px/80px  "微软雅黑","宋体",Arial; text-decoration: none; }
ul.gnbL li a.oneD:hover{text-decoration:underline; color:#FFF; }

.twoD{position:absolute; top:80px; left:0; width:100%;}
.twoD a {display:block; float:left; width:100%; color:#444; font: normal 13px/30px "微软雅黑"; text-align: center; }
.twoD a.on,.twoD a:hover{background: ; color:#0070bd; text-decoration:underline;}
.twoD a.none{background:none ; text-align:center; padding-left:0;}
.gnbBg {width:100%; position:absolute; top:79px; left:0;  height:1px; z-index:1;
background-color:#FFF;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
background-color:rgba(255,255,255,0.98); }









#navMain{
	width:100%;  background:url(../images/bg_top.png) center -76px repeat-x #D6D6D6;
	position:absolute;
	z-index:100;
	top: 0;
	left:0;
}

.cx_tabmenu {WIDTH:980px; height:65px; overflow:hidden;  float:left; margin:50px 0;}

#ddimagetabs {	WIDTH: 980px; float:left;  }
#ddimagetabs A {display: inline; float:left; color:#fff;
	width:244px; margin-right:1px;
	text-align:center;
	text-decoration:none;
	font:bold 14px/35px "微软雅黑",Arial, Helvetica, sans-serif;
	background:#888888;
}
#ddimagetabs A.current {COLOR: #fff ; background: url(../images/ico02.png) center bottom no-repeat #C60008;}


#tabcontentcontainer { float:left;  width:980px;}
.tabcontent {	DISPLAY: none; float:left;  width:980px; background-color:#FBFBFB;}
.tabcontent ul{	float:left;  }
.tabcontent ul li{	float:left;}
.tabcontent ul li a{float:left; COLOR:#333;  padding:0 8px;  font:normal 12px/30px "微软雅黑",Arial, Helvetica, sans-serif; background:url(../images/ico03.gif) right center no-repeat;} 
.tabcontent ul li a.none{background:none; }
.tabcontent ul li a.none{ background: none;}
/*.tabcontent ul li.left{float:left;background:url(../images/bg_er.png) left top no-repeat; width:5px;  height:27px;}
.tabcontent ul li.right{ float:left;background:url(../images/bg_er.png) right top no-repeat; width:5px; height:27px;}*/
.tabcontent ul li a:hover{COLOR: #003399; text-decoration: none; }
.tabcontent ul li a.hover{COLOR: #CC0000; text-decoration: none;}
}