@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; background:#1f2a34; width:100%; height:auto; font-family:Arial, Helvetica, sans-serif;}

#warp{ width:100%; height:auto; background: url(images/about-bg.png) repeat-x;}
.head{ width:936px; height:74px; margin:0 auto; padding:31px 44px 0 59px; overflow:hidden;}
.logo a{ width:306px; height:50px; float:left; background:url(images/Logo.png) no-repeat; display:block;}
.clr{ clear:both;}

.nav{ float:right; margin:4px 0 0 0; padding:0;}
.nav ul{ width:335px; height:41px; margin:0; padding:0; list-style:none;}
.nav ul li{ margin:0; padding:0; float:left;}
.home{ display:block; width:111px; height:41px; background:url(images/tag-home.png) no-repeat;}
.home:hover{ background:url(images/tag-home1.png) no-repeat;}
.home1{background:url(images/tag-home1.png) no-repeat;display:block; width:111px; height:41px; }
.features{ display:block; width:111px; height:41px; background:url(images/tag-feature.png) no-repeat;}
.features:hover{ background:url(images/tag-feature1.png) no-repeat;}
.features1{background:url(images/tag-feature1.png) no-repeat;display:block; width:111px; height:41px; }
.about{ display:block; width:113px; height:41px; background:url(images/tag-about.png) no-repeat;}
.about:hover{ background:url(images/tag-about1.png) no-repeat;}
.about1{background:url(images/tag-about1.png) no-repeat;display:block; width:113px; height:41px; }

.crumb{width:936px; height:28px; margin:0 auto; padding:0 44px 0 59px; font-size:12px; color:#fff; line-height:28px;}
.crumb a{ text-decoration:none; color:#8dd11c;}
.crumb a:hover{ text-decoration:underline;}

.content-sub{width:936px; height:auto; margin:0 auto; padding:25px 44px 30px 59px; }
h2{ margin:0; padding:0;font-size:26px; color:#0d87bc; font-weight:lighter; line-height:30px;}
.content-sub p{ margin:0; padding:0 0 20px 0; font-size:14px; color:#fff; line-height:22px;}
.content-sub p span{ font-size:11px; color:#b2b2b2;}

.bottom{ background:#1f2a34; padding:20px 0 0 0;width:980px; margin:0 auto; height:43px; background:url(images/foot-shadow.png) no-repeat; text-align:center;}
.bottom p{ margin:0; padding:0; color:#61b7ff; font-size:12px;}


/*-------------------features--------------------------*/

.content-sublft{ float:left; width:585px; height:auto; margin:0 50px 0 0;}
.content-sublft ul{ margin:0; padding:0; list-style:none;}
.content-sublft ul li{ margin:0 0 30px 0; padding:0;}
.content-sub p img{border:5px solid #273542;}


.content-subrit{ float:left; width:240px; height:auto;}



.content{width:1004px; height:240px; margin:0 auto; padding:19px 0px 50px 20px;}
.content div span{ display:block;}
.tab-red{
	position:absolute;
	background:url(images/lab.png) no-repeat;
	width:84px;
	height:85px;
	margin:0;
	padding:0;
	left: 180px;
	z-index:100;
	overflow:hidden;
}
.sub-content{ height:240px; float:left; margin:0 5px 0 0;}
.sub-content-lft{ width:8px; height:240px; float:left; background:url(images/contentbg-left.png) no-repeat;}
.sub-content-mid{ width:257px; height:223px; float:left; background:url(images/contentbg-mid.png) repeat-x; margin:0; padding:17px 25px 0 11px;}
.sub-content-mid p{ margin:0 0 13px 0; padding:0; font-size:11px; color:#fff; line-height:14px;}
.sub-content-mid p a { color:#61b7ff; text-decoration:none;}
.sub-content-mid p a:hover {text-decoration:underline;}
h1{ margin:0 0 13px 0; padding:0; color:#61b7ff; font-size:21px; font-weight:lighter;}
h1 img { margin: 0px 15px 0px 0px ;}
.content-btn{ margin:20px 0 0 0;}
.content-btn span{ display:block;}
.green{ font-size:10px; color:#8dd11c; float:left; margin:14px 0 0 0;}
.btn-black{ float:right; margin:10px 0 0 0;}
.btn-green{ float:left;}

.sub-content-rit{ width:8px; height:240px; float:left; background:url(images/contentbg-right.png) no-repeat;}
.feature-btn{ margin:0 auto; width:200px; height:54px; padding:0 0 14px 0;}
.feature-box{ width:224px; margin:0 auto; padding:0;}
.feature-top{ width:224px; height:10px; background:url(images/featurebg-top.png) no-repeat;}
.feature-mid{ width:202px; height:auto; background:url(images/featurebg-mid.png) repeat-y; padding:7px 0 15px 22px;}
.feature-mid ul{ margin:10px 0 0 0; padding:0; list-style:none;}
.feature-mid ul li{ margin:8px 0; padding:0 0 0 20px; background:url(images/feature-icon2.png) no-repeat 0 3px ;}
.feature-mid ul li a{ font-size:14px; color:#fff; text-decoration:none;}
.feature-mid ul li a:hover{ text-decoration:underline;}
.feature-bottom{ width:224px; height:10px; background:url(images/featurebg-bottom.png) no-repeat; margin:0 0 20px 0;}
.features-ad{ margin:0 auto; width:176px; height:auto; padding:0;}
.features-ad img{border:5px solid #273542; margin:10px 0; padding:0;}