@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; font-family:"微软雅黑",arial;}
.layout{width:1024px; margin:0 auto}
#footer {
	/*background:url(images/bg_copy.gif) repeat-x;*/
	background-color:#303030;
	height:100px; text-align:center; 
}
#db_nav {
	text-align:center;
	color:#919191;
	font-size:12px;
	line-height:20px;
	padding-top:20px;
}



.unity-banner{width:100%; background:url(../images/unity_play.jpg) no-repeat center top; height:514px;}
.unity-speed{ height:370px; background:url(../images/unity_bg01.jpg) repeat;width:100%;}
.unity-speed .unity-speed-con{ width:950px; margin:0 auto; height:370px;}
.unity-speed .unity-speed-con .unity-speed-conl{ width:400px;padding-top:30px; float:left}
.unity-speed .unity-speed-con .unity-speed-conl h3{color:#15b1c1; font-size:44px; font-weight:normal; line-height:60px;margin-top:10px;}
.unity-speed .unity-speed-con .unity-speed-conl h3 span{ color:#f04141; font-weight:bold}
.unity-speed .unity-speed-con .unity-speed-conl p{color:#a7acb3; font-size:14px; line-height:26px;padding-top:30px;}
.unity-speed .unity-speed-con .unity-speed-conr{ float:right;padding-top:80px;}
.hot-area{ width:100%; height:520px; text-align:center; background:url(../images/unity_tri.jpg) no-repeat center top  #e8e2d4;padding-top:40px;}
.hot-area h3{ line-height:110px; color:#2d3238; font-size:44px; }
.hot-area .unity-what{width:950px;margin:0 auto; text-align:left;padding-top:20px;}
.hot-area .unity-what dl{ float:left; width:430px;}
.hot-area .unity-what dl dt{ color:#f04141; font-size:36px; font-weight:bold; line-height:75px; border-bottom:1px solid #2d3238}
.hot-area .unity-what dl  dd{color:#2d3238; line-height:30px; font-size:14px;padding:10px 0}
.hot-area .unity-what dl  dd.hot{ background:#f04141;color:#fff; font-size:16px; text-align:center;padding:0; line-height:37px;}
.hot-area .unity-what img{ display:block; float:right;margin-top:40px}
.spread{ height:320px;}
.spread .spread-l{ float:left; width:35%;  color:#fff; height:320px; background:url(../images/spread-l.jpg) no-repeat right top #ef3e3e}
.spread .spread-r{ float:right; width:65%;  background:url(../images/spread-r.jpg) no-repeat left top #fff; height:320px;}
.spread .spread-l .spread-l-con{ float:right;width:220px; text-align:center;padding-top:35px;padding-right:25px;}
.spread .spread-l span{ font-size:30px; font-weight:bold; text-align:center; }
.spread .spread-l  strong{ font-size:52px;font-weight:bold; line-height:95px;text-align:center; }
.spread .spread-l p{ line-height:20px; font-size:12px; border-top:1px solid #d2eaf1;text-align:center;padding-top:10px;}
.spread-r-con dl{ width:245px; text-align:center; float:left;margin-top:85px; border-right:1px solid #f04141;padding-top:75px;}
.spread-r-con dl dt{ font-size:52px; color:#f04141; font-weight:bold;}
.spread-r-con dl dd{ font-size:18px; color:#868686;margin-top:45px}
.unity-3d{ background:#e8e2d4}
.unity-3d dl{ width:430px; float:left;margin-top:138px;}
.unity-3d dl dt{ color:#f04141; font-size:30px; font-weight:bold; border-bottom:1px solid #2d3238; line-height:45px;}
.unity-3d dl dd{ color:#2d3238; font-size:14px; line-height:30px;padding-top:10px;}
.unity-3d img{ display:block; float:right; margin-top:60px;}
.unity-3d-con{ width:910px;margin:0 auto;  clear:both;padding:1px; height:420px;}
.hot-why{ background:url(../images/unity_bg02.jpg) repeat; height:365px;}
.hot-why .hot-why-con{ width:935px; margin:0 auto; background:url(../images/unity_msbg.jpg) no-repeat center bottom; height:365px;}
.hot-why .hot-why-con h3{ color:#fff; font-size:30px; padding-top:57px;  width:380px; float:left}
.hot-why .hot-why-con p{ float:right; width:430px; color:#fff; font-size:14px; line-height:30px;padding-top:50px;}
.unity3d-con{ background:#e8e2d4}
.unity3d-content{ width:945px;  margin:0 auto;padding-bottom:45px; }
.unity3d-content .unity3d-tit{ color:#f04141; font-size:30px; line-height:100px; border-bottom:1px solid #2d3238; font-weight:bold}
.unity3d-content dl{padding-top:27px; overflow:hidden}
.unity3d-content dl dt{width:110px; float:left;padding-left:50px;}
.unity3d-content dl dd{ float:left; width:780px;}
.unity3d-content dl dd p{ text-align:center; float:left;padding-right:15px; font-size:14px; color:#666; line-height:24px;}
.unity3d-content p{  font-size:14px; color:#2d3238; line-height:30px;}
.xinz .xinzl{ float:left}
.xinz .xinzr{ float:right}
.xinz{ overflow:hidden;padding-top:50px;padding-bottom:20px;}
.zhuc{ background:url(../images/unity_grow.jpg) no-repeat center top; height:340px;padding-top:105px; color:#fff}
.zhuc dl dt{  font-weight:bold; font-size:30px;padding-bottom:20px;padding-top:10px;}
.zhuc dl dd{ font-size:14px; line-height:30px;padding-top:10px;}
.zhuc dl dd strong{font-size:16px; line-height:35px;}
.zhuc dl{ width:545px; padding-right:395px; margin:0 auto}
.unity3d-content table{ background:#7d7976}
.unity3d-content table td{ background:#e8e2d4; padding:10px}
.unity3d-content table th{ background:#ca4240; color:#fff; font-weight:bold; line-height:35px; font-size:14px;}
.unity3d-content table .table-tit td{ background:#3f3a39; color:#fff; font-size:14px;}
 dl dd.intro{padding-right:20px;}
dl dd img{ float:left;margin-right:7px;margin-left:8px; border-bottom:3px solid #e34443;margin-top:20px;}
 dl dd{ font-size:14px;}
#yx02{ position:relative;margin-top:20px;}
#yx02 dt,#yx02 dd.intro{width:260px;}
#yx02 .img-show{ position:absolute; top:0; right:-156px}
.grap{ background:url(../images/unity_bg03.jpg) repeat; height:280px; }
.grap .grap-con{ background:url(../images/unity_light.jpg) left top no-repeat;width:940px; margin:0 auto;height:280px;}
.grap .grap-con p{ color:#f04141; font-size:36px; font-weight:bold; line-height:55px;padding-top:40px;  background:url(../images/unity_arrow.jpg) no-repeat 456px 120px; height:280px ; position:relative}
.grap .grap-con p a{ position:absolute;right:50px; top:180px }
.grap .grap-con p span{position:absolute;right:55px; top:120px; color:#CCC; font-size:20px }
.adv{background:url(../images/advbg.gif) center top no-repeat;padding:110px 0; height:453px;}
.adv-con{ width:980px;margin:0 auto}
.adv-con dl{ width:198px; float:left;margin-left:12px; padding:0 15px;padding-top:120px;}
.adv-con dl dt{color:#ef3e3e; font-size:14px}
.adv-con dl dd{padding-top:45px; font-size:12px; color:#fff; line-height:17px;}]



*{margin:0;padding:0}
body{font-family:"Microsoft YaHei","Verdana";font-size:12px;color:#333;background:#fff; line-height:24px;}
.fl{ float:left}
.fr{ float:right}
.header{ background:#333434; height:75px;}
.header .logo_area{padding-left:5px;margin-top:15px;width:510px;}
.header .logo_area h1{ width:141px; height:47px; background:url(../images/logo.jpg) no-repeat 18px 7px; float:left; overflow:hidden; text-indent:1000em;padding-left:15px; border-right:#B4B3B3 1px solid; float:left;white-space:nowrap;}
.header .logo_area a{margin-left:15px;}
.header .logo_area   strong{  color:#B4B3B3;font-size:14px; display:block; float:left;padding-left:15px;}
.header .logo_area  span{  color:#fff;font-size:16px;}
.header   p{ float:right; color:#fff;margin-top:30px; line-height:35px; height:35px;}
.header  p span{color:#DCDDDD; font-size:14px;padding-left:35px; display:block; height:35px; float:left;padding-right:20px;}
.header  p  .tel{ background:url(../images/dianhua.png) no-repeat 0 0;}
.header  p  .hour24{ background:url(../images/shouji.jpg) no-repeat 0 0; }

.header p{margin-top:5px}
.header p.fr{ position:relative;width:500px;}
.header p.fr .tel{ position:absolute; top:5px; left:50px;}
.header p.fr .hour24{position:absolute;top:30px; left:50px; background:none}
.header p.fr .tous{position:absolute;top:10px; left:290px; text-align:center; line-height:25px;}
.navigation ul li{width:115px;}

.message{
	overflow: hidden;
	padding:20px;
	background-color: #E8E2D4;
	padding-bottom: 30px;
}
.message-cont p>span{
	color: #f04141;
	clear: both;
	font-size: 30px;
	line-height: 100px;
	border-bottom: 1px solid #2d3238;
	font-weight: bold;
}
.message-cont{
	width:960px;
	margin:auto;
	overflow: hidden;
	margin-top:15px;
}
.message-cont .mess{
	width:45%;
	float: left;
	font-size: 16px;
}
.message-cont .mess.fir{
	margin-right:30px;
	padding-right: 50px;
	border-right: 1px dashed #aaa;
}
.message-cont .mess li{
	padding-left: 50px;
	font-size: 16px;
	list-style: none;
}
.message-cont .mess li a{
	display:block;
	color:#333;
	font-size: 16px;
	text-decoration:none;
}
.message-cont .mess li a:hover{
	color:#f00;
}
.message-cont .mess span{
	display: inline-block;
	width:40px;
	height:40px;
	background:url("../images/num.png");
	position: relative;
	text-align: center;
	line-height:40px;
	color:#fff;
	margin-right:20px;
}
.message-cont .mess li a:hover span{
	background:url("../images/nums.png");
}