@charset "utf-8";
body{margin:0;padding:0;}
header,div.hTopBar{font-family:Verdana, Arial,'微软雅黑','宋体';font-size:12px;}
header *,div.hTopBar *{margin:0;padding:0;}
header img,div.hTopBar img{border:none;}
header a,div.hTopBar a{outline-style:none;color:#323232;text-decoration:none}
header a:hover,div.hTopBar a:hover{color:#c00;text-decoration:underline;}
header li,div.hTopBar li{list-style:none;}
.hTopBottom{width:100%;height:50px;_height:10px;overflow:hidden;}
div.hTopBar{position:fixed;z-index:999;width:100%;height:40px;line-height:40px;background:#AC0909;color:#323232;min-width:1024px;}

div.hTopBar  a{color:#E8B0B0;font-weight:bold}
div.hTopBar  a:hover{color:#FFF;text-decoration:none;}
div.hTopBar .hLogo{float:left;position:relative;top:-1px;padding:0 10px 0 20px;width:165px;height:40px;text-align:left;}
div.hTopBar .hLogo img{position:absolute;left:20px;top:10px;}
div.hTopBar nav{float:left;width:409px;height:40px;}
div.hTopBar nav ul li{list-style:none;float:left;padding:0 8px;font-size:12px;height:40px;font-size:14px;}

div.hTopBar nav ul li.hMenu{position:relative;padding:0 8px;height:40px;border-left:solid 1px #AC0909;border-right:solid 1px #AC0909;cursor:pointer;text-shadow:none;color:#E8B0B0;font-weight:bold;}
div.hTopBar nav ul li.Arial{font-family:Arial;}
div.hTopBar nav ul li.hMenu:hover{background:#FFF;border-left:solid 1px #E8E8E8;height:40px;border-right:solid 1px #E8E8E8;color:#000;cursor:pointer;}
div.hTopBar nav ul li.hMenu ol li a{color:#5C5C5C;font-size:12px;}
div.hTopBar nav ul li.hMenu img.hArrow{margin-left:5px;_margin-top:19px;}

div.hTopBar div.hRegLogin{float:right;padding-right:20px;width:194px;height:40px;overflow:hidden;}
div.hTopBar div.hRegLogin iframe{width:194px;height:40px;}
div.hTopBar div.hRegLogin ul li{margin-left:20px;float:right;}

.hAd{margin:0 auto;width:998px;height:90px;background:#F7F7F7;border:solid 1px #D6D6D6;overflow:hidden;}
.hAd img{width:998px;height:90px;}
.hLogoLocationSearch{margin:0 auto;margin-top:10px;width:1000px;height:40px;border-bottom:solid 1px #DDD;overflow:hidden;}

.hLogoLocationSearch .cT{float:left;margin-right:10px;}
.hLogoLocationSearch .cT h2{float:left;line-height:56px;display:block;height:40px;line-height:45px;font-size:24px;font-weight:bold;}

.hLogoLocationSearch .hLocation{float:left;line-height:56px;color:#999999}
.hLogoLocationSearch .hLocation a{color:#999999;}
.hSearch{float:right;width:206px;height:40px;}	
.hSearch form{float:left;padding:0 5px;margin-top:7px;border: 1px solid #D08686;background:#B50000;}
.hSearch form input.sBox{height:25px;width:143px;line-height: 25px;border: none;outline:medium;float:left;padding:0 0 0 5px;color:#DF9292;background:#B50000;}
.topSearchBtn {height: 25px;width: 24px;border: 0;background: #fff url(../images/searchBtn_24x48.png) no-repeat left top;cursor: pointer;float: left;}
.topSearchBtn:hover{background:url(../images/searchBtn_24x48.png) no-repeat left -24px;}

div#hDesignMenu,div#hCommunityMenu,div#hCommunityMMenu,div#hMoreProMenu{position:absolute;left:-1px;top:40px;padding:15px 20px;padding-bottom:0;border:solid 1px #E8E8E8;display:none;overflow:hidden;opacity:1;filter:alpha(opacity:100);background:#FFF;}
/* 技术汇*/
#hCommunityMMenu{width:660px;}
#hCommunityMMenu .logo ul{}
#hCommunityMMenu .logo li{float:left;margin-bottom:10px;padding:0 5px;width:122px;height:auto;text-align:center;}
#hCommunityMMenu .logo li a em{display:block;width:120px;height:42px;border:solid 1px #CCC;overflow:hidden;}
#hCommunityMMenu .logo li a img{width:120px;height:42px;vertical-align:top;filter:alpha(opacity:100);opacity:1;
-webkit-transition:500ms;
-moz-transition:500ms;
-o-transition:500ms;
-khtml-transition:500ms;
-ms-transition:500ms;
-rim-transition:500ms;
transition:500ms;
}
#hCommunityMMenu .logo li a:hover img{filter:alpha(opacity:100);opacity:1;
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
-khtml-transform:scale(1.2);
-ms-transform:scale(1.2);
-rim-transform:scale(1.2);
transform:scale(1.2);
}
#hCommunityMMenu .logo li a span{display:block;height:20px;line-height:20px;font-weight:normal;color:#666;font-size:12px;}
#hCommunityMMenu .logo li a:hover span{color:red;}

#hCommunityMMenu .cTxt li{padding-left:15px;background:red;height:28px;width:137px;background:url(../images/icon_arrow_4x7.gif) 5px 17px no-repeat;}
#hCommunityMMenu .cTxt li a{color:#666;font-weight:normal;font-size:12px;}
#hCommunityMMenu .cTxt li a:hover{color:red;}


#hCommunityMenu{width:660px;height:40px;}
#hMoreProMenu{width:660px;height:40px;}
#hMoreProMenu .cTxt li{float:left;padding-left:15px;height:40px;line-height:40px;}
#hMoreProMenu .cTxt li a{color:#666;font-weight:normal;font-size:12px;}
#hMoreProMenu .cTxt li a span{float:left;overflow:hidden;width:40px;height:40px;text-align:center;margin-right:3px;
-webkit-transform-style:preserve-3d;-webkit-perspective:100px;
-moz-transform-style:preserve-3d;-moz-perspective:100px;
-o-transform-style:preserve-3d;-o-perspective:100px;
-khtml-transform-style:preserve-3d;-khtml-perspective:100px;
-ms-transform-style:preserve-3d;-ms-perspective:100px;
-rim-transform-style:preserve-3d;-rim-perspective:100px;
transform-style:preserve-3d;perspective:100px;
}
#hMoreProMenu .cTxt li a span img{padding:4px;width:30px;height:30px;border:solid 1px #CCC;border-radius:50%;transition:2s;}
#hMoreProMenu .cTxt li a:hover span img{
-webkit-transform:rotateX(360deg);
-moz-transform:rotateX(360deg);
-o-transform:rotateX(360deg);
-khtml-transform:rotateX(360deg);
-ms-transform:rotateX(360deg);
-rim-transform:rotateX(360deg);
transform:rotateX(360deg);

}
#hMoreProMenu .cTxt li a:hover{color:red;}

@-webkit-keyframes domove
{
	0%
	{
		top:0;left:0;
	}
	25%
	{
		top:5px;left:0;
	}
	50%
	{
		top:0;left:0;
	}
	75%
	{
		top:5px;left:0;
	}
	100%
	{
		top:0;left:0;
	}
}
@-moz-keyframes domove
{
	0%
	{
		top:0;left:0;
	}
	25%
	{
		top:5px;left:0;
	}
	50%
	{
		top:0;left:0;
	}
	75%
	{
		top:5px;left:0;
	}
	100%
	{
		top:0;left:0;
	}
}
@-o-keyframes domove
{
	0%
	{
		top:0;left:0;
	}
	25%
	{
		top:5px;left:0;
	}
	50%
	{
		top:0;left:0;
	}
	75%
	{
		top:5px;left:0;
	}
	100%
	{
		top:0;left:0;
	}
}
@-khtml-keyframes domove
{
	0%
	{
		top:0;left:0;
	}
	25%
	{
		top:5px;left:0;
	}
	50%
	{
		top:0;left:0;
	}
	75%
	{
		top:5px;left:0;
	}
	100%
	{
		top:0;left:0;
	}
}
@-ms-keyframes domove
{
	0%
	{
		top:0;left:0;
	}
	25%
	{
		top:5px;left:0;
	}
	50%
	{
		top:0;left:0;
	}
	75%
	{
		top:5px;left:0;
	}
	100%
	{
		top:0;left:0;
	}
}
@-rm-keyframes domove
{
	0%
	{
		top:0;left:0;
	}
	25%
	{
		top:5px;left:0;
	}
	50%
	{
		top:0;left:0;
	}
	75%
	{
		top:5px;left:0;
	}
	100%
	{
		top:0;left:0;
	}
}
@ keyframes domove
{
	0%
	{
		top:0;left:0;
	}
	25%
	{
		top:5px;left:0;
	}
	50%
	{
		top:0;left:0;
	}
	75%
	{
		top:5px;left:0;
	}
	100%
	{
		top:0;left:0;
	}
}

#hCommunityMenu{width:660px;height:40px;}
#hCommunityMenu .cTxt li{float:left;padding-left:20px;height:40px;line-height:40px;}
#hCommunityMenu .cTxt li a{color:#666;font-weight:normal;font-size:12px;}
#hCommunityMenu .cTxt li a span{position:relative;float:left;overflow:hidden;width:40px;height:45px;text-align:center;margin-right:3px;
-webkit-transform-style:preserve-3d;-webkit-perspective:100px;
-moz-transform-style:preserve-3d;-moz-perspective:100px;
-o-transform-style:preserve-3d;-o-perspective:100px;
-khtml-transform-style:preserve-3d;-khtml-perspective:100px;
-ms-transform-style:preserve-3d;-ms-perspective:100px;
-rim-transform-style:preserve-3d;-rim-perspective:100px;
transform-style:preserve-3d;perspective:100px;
}
#hCommunityMenu .cTxt li a span img{padding:4px;width:30px;height:30px;border:solid 1px #CCC;
-webkit-border-radius:50%;-webkit-transition:1s;
-moz-border-radius:50%;-moz-transition:1s;
-o-border-radius:50%;-o-transition:1s;
-khtml-border-radius:50%;-khtml-transition:1s;
-ms-border-radius:50%;-ms-transition:1s;
-rm-border-radius:50%;-rm-transition:1s;
border-radius:50%;transition:1s;
}
#hCommunityMenu .cTxt li a:hover span img{position:absolute;left:0;top:0; 
-webkit-animation:1s domove infinite linear;
-moz-animation:1s domove infinite linear;
-o-animation:1s domove infinite linear;
-khtml-animation:1s domove infinite linear;
-ms-animation:1s domove infinite linear;
-rm-animation:1s domove infinite linear;
-animation:1s domove infinite linear;
}

#hCommunityMenu .cTxt li a:hover{color:red;}
#hDesignMenu{width:660px;}
#hDesignMenu .cTxt li{padding-left:15px;background:red;height:28px;width:137px;background:url(../images/icon_arrow_4x7.gif) 5px 17px no-repeat;}
#hDesignMenu .cTxt li a{color:#666;font-weight:normal;font-size:12px;}
#hDesignMenu .cTxt li a:hover{color:red;}
/*#hCommunityMenu li{float:left;width:140px;padding:0;padding-left:10px;background:url(../images/icon_arrow_4x7.gif) 0 11px no-repeat;height:28px;line-height:28px;text-align:left;}
#hCommunityMenu .cTxt li a{color:#999;font-weight:normal;}*/

/*div#hDesignMenu li,div#hCommunityMenu li,div#hCommunityM,div#hCommunityMMenu li,div#hMoreProMenu li{float:left;width:140px;padding:0;padding-left:10px;background:url(../images/icon_arrow_4x7.gif) 0 11px no-repeat;height:28px;line-height:28px;text-align:left;}div.hTopBar ol#hDesignMenu li a,ol#hCommunityMenu li a,ol#hCommunityM a,ol#hCommunityMMenu li a,ol#hMoreProMenu li a{font-weight:normal;}
div.hTopBar ol#hDesignMenu li a:hover,ol#hCommunityMenu li a:hover,ol#hCommunityM a:hover,ol#hCommunityMMenu li a:hover,ol#hMoreProMenu li a:hover{color:#c00;font-weight:normal;}
ol#hCommunityMenu,ol#hCommunityMMenu{width:450px;}
#hCommunityMMenu{position:absolute;left:0;top:35px;width:300px;padding:10px;border:solid 1px black;display:none;opacity:0;filter:alpha(opacity:0);overflow:hidden;cursor:auto;}
#hMoreProMenu{position:absolute;left:0;top:35px;width:300px;padding:10px;border:solid 1px black;display:none;opacity:0;filter:alpha(opacity:0);overflow:hidden;cursor:auto;}	*/

.clear{clear:both;}