@charset "utf-8";
/* CSS Document */

/*main */
*{padding: 0; margin: 0;}


html{}
body {background:#fff  url("../images/bgFooter.jpg") repeat-x left bottom;
	   font:12px Verdana, sans-serif;color:#444444;
}
.bgM{ background:url("../images/bgTop2.jpg") no-repeat center top;overflow: auto; }
.bg{background:transparent url("../images/bgTop.jpg") repeat-x center top;
	 }

a {
	text-decoration: none;color:#444444;}
a:link {
	text-decoration: none;color:#444444;}

a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color:#444;
}
a:active {
	text-decoration: none;
	
}
a img{ border:0px;}
 /* body*/
#mainBody {width:900px;padding-top:115px; height:auto; margin:0px auto; /* Right and left margin widths set to "auto" */text-align:left; /* Counteract to IE5/Win Hack */} 

#content{float:left; width:900px; height:auto;}
#header  {width:900px;height:auto;float:left;}
.headerTop{float:left; height:283px; background: url("../images/logo.jpg") no-repeat left bottom; width:900px;}

#menu{width:520px;height:42px;float:right; text-transform:uppercase; text-align:right; padding:20px 100px 0 100px; font-weight:bold;
}
#menu a{ color:#444;}
#menu a:hover{ color:#74b8ff; text-decoration:none;}
#menu ul{list-style:none; }
#menu li{ display:inline; }
#menu .menuBr {	border-left:  1px solid #444; margin:0 6px 0 7px; 	width:2px; 	height:15px;}
#menu-source {padding:146px 100px 0 100px;}
.banr{ float:right; height:199px; width:629px; background:url("../images/bnr.jpg") no-repeat top right; }
.banr .buttonM{float:right; background:url("../images/buttonM.jpg") repeat-x top ; height:44px; margin:145px  0 0 20px;}
.banr .buttonR{ background:url("../images/buttonR.jpg") no-repeat top right;height:44px;}
.banr .buttonL{background:url("../images/buttonL.jpg") no-repeat top left;height:44px;}
.banr .buttonL div { padding:15px;  text-transform:uppercase; font-weight:bold; text-align:center; }
.buttonL a{color:#fff;}
.buttonL  a:hover{ color:#74b8ff; text-decoration:none; }
 
.headerBottom{float:left;  height:auto; width:900px;}
.headerCont{ background:url("../images/HBottomBg1.jpg") repeat-x bottom left; }
.headerCont .right{background:url("../images/shadeR.jpg") no-repeat bottom right;}
.headerCont .left{background:url("../images/shadeL.jpg") no-repeat bottom left; width:900px;height:300px;}
.headerLeft{ float:left; width:570px; font-size:14px;}
.titleHeader{float:left;  background:url("../images/titeleHeaderM.jpg") repeat-x top left; height:44px; margin-top:20px;  }
.titleHeader .right{ background:url("../images/titleHeaderR.jpg") no-repeat top right;height:44px;}
.titleHeader .left{background:url("../images/titleHeaderL.jpg") no-repeat top left;height:44px;padding-top:10px; padding-left:180px;width:340px;}
.titleHeader .left .title{float:left; color:#eb8300; text-align:right; font-weight:bold; font-size:18px; white-space:nowrap; }
.rootsParaImg{ float:left; background:url("../images/paraImg.jpg") no-repeat top left;width:129px; height:108px;}
.ParaText{float:right; width:420px; padding-top:40px; padding-left:10px; text-align:left;}
.blue{color:#74b8ff;}
.orange{color:#eb8300;}
.blue{color:#64abce; }
.red {color:#d32222; }
.grey{color:#666; text-align:right;}
.headerRight{float:right;  margin-top:90px;margin-right:20px; }
 .bottom{ background:url("../images/bottomComent.png") no-repeat bottom;width:255px; height:30px;}
.top{ background:url("../images/topComent.jpg") no-repeat top; width:255px; height:auto; overflow:auto;padding-top:5px;}
.mid{background:url("../images/midComent.jpg") repeat-y top; }
.coment{padding:10px;}
.headerBottomImg{float:left;background:url("../images/HBottomBg2.jpg") repeat-x bottom center; height:42px; width:900px;}
.headerBottomImg1{float:left;background:url("../images/HBottomBg22.png") repeat-x bottom center; height:42px; width:900px;}
.centerText{ float:left; width:900px; height:auto; margin-top:40px;}
.contentLeft{float:left; width:570px;}
.para{height:auto; float:left; width:570px;}
.text{ float:left; width:450px; font-size:14px;}
.textTitl{ float:left; text-align:left; width:400px;padding-top:60px; padding-left:20px;padding-bottom:21px}
.textTitl2{ float:left; text-align:left; width:400px;padding-top:38px; padding-left:50px;padding-bottom:21px}
.line{float:left; width:450px; hight:1px; border-bottom:1px dotted #444; padding-top:20px; margin-bottom:20px;}
.conten-title {
	font-family: verdana;
	font-weight:bold;
	font-size:11px;
}
.conten-title .orange {
	font-family: verdana;
	font-weight:bold;
	font-size:19px;
}
.conten-title .blue {
	font-family: verdana;
	font-weight:bold;
	font-size:19px;
}
.conten-bot {
	font-family: verdana;
	font-weight:bold;
	font-size:9px;
	float:left;
	padding:40px 0px 4px 0px;
}
.conten-bot span {
	font-size:11px;
}
.text-about {
	font-family: verdana;
	font-size:14px;
	width:450px;
}
.text-about h1 {
	font-size:15px;
	color:#000000;
}
.text-about h2 {
	font-size:14px;
	font-weight:bold;
	color:#8b8b8b;
}

.box {
	width:270px;
	float:left;
	padding-top:40px;
	padding-bottom:20px;
}
.box-right {
	padding-left:30px;
	float:left;
}
.box-top {
	background:url("../images/box_bg.jpg") no-repeat top;
	height:67px;
	position:relative;
}
.box-top img {
	padding-left:16px;
	position:absolute;
	top:-25px;
	width:86px;
	height:99px;
	background:no-repeat;
}
.box-top-title {
	font-size:16px;
	font-weight:bold;
	width:150px;
	padding:12px 0px 0px 110px;
}
.box ul {
	padding:15px 0px 0px 42px;
	color:#ff7200;
}
.box li span {
	color:#444444;
}
.box-bot {
	background:url("../images/box_bot.jpg") no-repeat bottom;
	height:64px;
}
.line3 {
	border-bottom: 1px dotted #a3a3a3;
	width:567px;
	padding:5px 0px;
	margin-bottom:15px;
	float:left;
}
.corparet-text {
	float:left;
	width:195px;
	padding-top:40px;
}
.corparet-text .mail {
	color:#3399cc;
}
.corparet-text span {
	font-weight:bold;
}
.corp-img {
	float:left;
	padding-left:25px;
}
.conten-bot .contact-title{
	padding:0px 0px 40px 0px;
	font-size:16px;
}
.conten-bot .blue {
	font-size:19px;
}
.send {
	float:left;
	padding-bottom:50px;
}
.send .text{
	float:left;
	width:135px;
	font-weight:bold;
	font-size:12px;
}
.send input{
	float:left;
	width:200px;
}
.send textarea{
	float:left;
	width:200px;
}
.send .buttonSUb{
	width:50px;
	margin:20px 68px 0px 35px;
	padding:0;
}

.send .name{
	padding-bottom:25px;
}
.send .but{
	padding-left:100px;
	display:inline;
	float:left;
}
.send-source {
	float:left;
	margin-top:5px;
}
.send-source .text{
	float:left;
	width:102px;
	font-weight:bold;
	padding-top:4px;
}
.send-source input{
	float:left;
	width:150px;
	margin-bottom:5px;
}
.send-source .buttonSUb{
	width:50px;
	margin:0px 0px 0px 206px;
	padding:0;
}
.section-top {
	width:567px;
}
.section-top img {
	float:left;
}
.section-top-title { 
	float:left;
	font-size:19px;
	padding:25px 10px 10px 10px;
}
.section span {
	float:left;
	font-size:14px;
	padding-top:30px;
	padding-left:3px;
}
.open-source-bun {
	float:left;
	margin:65px 0px 25px 12px;
}
.contentRight-source span {
	font-size:14px;
	font-weight:bold;
	float:left;
	margin-bottom:10px;
}
.RaveParaImg{float:left; width:113px; height:131px; padding:5px; background: url("../images/rave.jpg") no-repeat;}
.ExperParaImg{float:left; width:92px; height:105px; padding:5px;background: url("../images/exp.jpg") no-repeat;}
.contentRight{float:right; width:300px;}
.download{float:right;}
.download p{ padding:20px 20px 20px 30px;  font-weight:bold;text-align:center; font-size:16px;}
.download p a,.download p a:hover{color:#4271a7; }
.downloadText{float:right; background:url("../images/downM.jpg") repeat-y top right; width:300px;}
.downloadText .bottom{background:url("../images/downB.jpg") no-repeat  right bottom ;  width:300px;height:80px; float:right; width:250px; padding-right:3px; padding-top:20px; text-align:center; font-weight:bold; padding-left:30px;}


.line2{float:left; width:250px; hight:1px; border-bottom:1px dotted #444; padding-top:70px; margin-bottom:20px; margin-left:53px;}
.blog{float:right; width:300px;padding-top:50px;}
.blogIco{float:left; background:url("../images/blogIco.jpg") no-repeat left top; height:33px; width:40px; }
.blogTitle{ float:right;border-bottom:1px dotted #444;width:250px;padding-top:20px;}
.blogLinks ul{ float:right; list-style: outside url("../images/li.jpg") square ; width:250px; padding-top:20px;margin-left: 4px;
padding-left: 4px;}
.blogLinks li{padding-bottom:10px; margin-left:20px;}
.news{float:right; width:300px;padding-top:50px;}
.newsIco{float:left; background:url("../images/newsIco.jpg") no-repeat left top; height:49px; width:45px; }
.newsTitle{ float:right;border-bottom:1px dotted #444;width:250px;padding-top:35px;}
.subscribe{float:right;padding-top:20px; width:270px; }
.buttonSUb{border:1px solid #444; background-color:#fff; margin-left:10px; padding:0 5px 0 5px;}
.news .text{ font-size:12px; color:#666; float:right;width:270px; }
.footer{float:left; height:180px; width:900px; margin-top:100px;}
.raws{ float:left; padding-left:35px; width:250px;}
.raws .links a{ text-transform:uppercase; color:#c3d9ff; font-weight:bold;}
.rights{font-size:8px;float:left; color:#fff; padding-top:45px;}
.footer .title{float:right;text-transform:uppercase; color:#c3d9ff; font-weight:bold;width:200px;}
.aboutIco{float:left; background:url("../images/abooutIco.png") no-repeat top left;
 width:36px;height:34px;}
.contactIco{float:left; background:url("../images/contactIco.png") no-repeat top left;width:36px;height:34px;}
.text2{float:right;width:210px; padding-top:20px;color:#fff;}