﻿.NewsAndCommnet {
	margin: 30px auto;
}
.Products {
	margin: 30px auto;
}
.Features {
	margin: 30px auto;
}
.PartFour {
	margin: 30px auto;
}
.Cooperate {
	margin: 30px auto;
}
.indexTitle {
	height: 40px; line-height: 40px;
}
.bAS {
	margin: 0px auto; width: 95%; height: 300px; overflow: hidden; position: relative; z-index: 1;
}
.bannerI0 {
	left: 0px; top: -400px;
}
.bannerS0 {
	background: rgb(254, 76, 64); right: -300px; bottom: 100px;
}
.bannerI1 {
	left: 0px; top: -400px; bottom: 0px;
}
.bannerS1 {
	background: rgb(60, 211, 220); right: 0px; bottom: -300px;
}
.bannerI2 {
	right: -400px; bottom: 0px;
}
.bannerS2 {
	background: rgb(248, 155, 24); top: -300px; right: 0px;
}
.bannerI3 {
	left: 0px; top: -400px;
}
.bannerS3 {
	background: rgb(167, 0, 175); right: 0px; bottom: -300px;
}
.bannerI4 {
	left: 0px; top: -400px;
}
.bannerS4 {
	background: rgb(50, 145, 47); right: 0px; bottom: -300px;
}
.Banner {
	height: 600px; overflow: hidden; position: relative; z-index: 3;
}
.bannerLeftBar {
	top: 285px; width: 40px; height: 40px;
}
.bannerRightBar {
	top: 285px; width: 40px; height: 40px;
}
.bannerLeftBar {
	background: url("../image/bigpng.png") -167px 0px;
}
.bannerRightBar {
	background: url("../image/bigpng.png") -167px -40px;
}
.bannerImage {
	opacity: 0;
}
.bannerSlogan {
	padding: 0px 20px; width: 300px; height: 300px; text-align: center; position: absolute; z-index: 2; opacity: 0;
}
.bannerInner {
	height: 600px;
}
.bannerInner h1 {
	color: white; line-height: 30px; font-size: 14pt;
}
.bannerInner h3 {
	color: white; line-height: 30px; font-size: 14pt;
}
.bannerInner h3 {
	text-align: left; line-height: 30px; text-indent: 20px; font-size: 11pt; font-weight: normal; margin-top: 30px;
}
.bannerControl {
	margin: 0px; padding: 0px; right: 0px; bottom: 10px; position: absolute;
}
.bannerControl li {
	background: black; width: 25px; height: 2px; margin-left: 6px; float: left; cursor: pointer; _margin-left: 3px;
}
.bannerIcon {
	position: absolute; z-index: 1;
}
.bannerTitle {
	position: absolute; z-index: 1;
}
.bannerDesc {
	position: absolute; z-index: 1;
}
.bannerButton {
	position: absolute; z-index: 1;
}
.bannerIcon {
	left: -120px; top: 20px; width: 27px; height: 27px;
}
.bannerTitle {
	left: 55px; top: -300px; width: 210px; height: 40px; color: white; line-height: 70px; text-indent: 10px; font-size: 13pt;
}
.bannerDesc {
	left: 300px; top: 90px; width: 275px; text-align: left; color: white; line-height: 30px; font-size: 11pt;
}
.bannerButton {
	width: 100px; right: 450px; bottom: 20px; cursor: pointer;
}
.bannerButton a {
	background: url("404.png") no-repeat right; padding: 5px; width: 160px; height: 25px; color: white; display: block;
}
.Slogan {
	margin: 20px auto; color: rgb(48, 54, 63);
}
.Slogan h1 {
	color: rgb(48, 54, 63); line-height: 30px; font-size: 11pt; font-weight: normal; display: inline;
}
.Slogan a {
	color: rgb(48, 54, 63); line-height: 30px; font-size: 11pt; font-weight: normal; display: inline;
}
.PartFour li {
	margin: 10px; padding: 15px 0px; border: 1px solid rgb(240, 240, 240); width: 228px; height: 230px; float: left; position: relative; cursor: pointer; _margin: 10px 5px;
}
.PartFour span {
	margin: 0px auto; color: rgb(120, 120, 135); line-height: 30px; font-size: 9pt; display: block;
}
.PartFour h3 {
	text-align: center; color: rgb(76, 76, 89); font-size: 11pt; font-weight: bold; margin-top: 5px;
}
.partFourImg {
	width: 80px; height: 80px;
}
.smallP {
	background: rgb(17, 180, 240); left: 115px; top: 0px; width: 0px; height: 90px; position: absolute; z-index: -1;
}
.bottomShadow {
	width: 230px; height: 10px; bottom: -12px; position: absolute; _top: 262px;
}
#fea_spec {
	background: rgb(242, 4, 77); left: 318px; top: 0px; width: 312px; height: 109px; position: absolute; z-index: -1;
}
.Features a {
	margin: 10px; padding: 15px 0px; width: 312px; height: 76px; overflow: hidden; float: left; display: block; position: relative; _margin: 10px 5px;
}
.Features .featuresEnd {
	width: 316px;
}
.Features a:hover {
	background: rgb(17, 180, 240); color: white;
}
.Features dl {
	display: block;
}
.Features dt {
	margin: 5px 10px; width: 66px; height: 66px; float: left; _margin: 5px 5px;
}
.Features h3 {
	line-height: 30px; font-size: 11pt;
}
.Features dd {
	line-height: 22px; font-size: 9pt; margin-right: 6px; _margin-right: 3px;
}
.f1 {
	background: url("../image/sprite.jpg") 0px -152px;
}
.f2 {
	background: url("../image/sprite.jpg") -66px -152px;
}
.f3 {
	background: url("../image/sprite.jpg") -132px -152px;
}
.f4 {
	background: url("../image/sprite.jpg") -198px -152px;
}
.f5 {
	background: url("../image/sprite.jpg") -264px -152px;
}
.f6 {
	background: url("../image/sprite.jpg") -330px -152px;
}
.mlr16 {
	margin: 0px 16px;
}
.mlr27 {
	margin: 10px 27px;
}
.proRow {
	margin-top: 10px;
}
.proRow li {
	background: rgb(255, 255, 255); margin: 10px 10px 0px 5px; width: 320px; height: 250px; overflow: hidden; border-bottom-color: rgb(239, 239, 239); border-bottom-width: 1px; border-bottom-style: solid; float: left; position: relative; cursor: pointer;
}
.proImg {
	width: 320px; height: 220px;
}
.proTitle {
	margin: 0px auto; width: 320px; height: 30px; text-align: center; line-height: 30px;
}
.proBelow {
	background: rgb(250, 250, 250); left: 0px; top: 220px; width: 320px; height: 30px; z-index: 10;
}
.proImg2 {
	left: -320px; top: 0px; position: absolute;
}
.proLink {
	margin: 0px auto; border: 1px solid rgb(239, 239, 239); width: 318px; height: 28px; text-align: center; line-height: 30px;
}
.proLink a {
	font-size: 9pt;
}
.proControl {
	width: 200px; height: 30px; overflow: hidden; margin-top: 10px; cursor: pointer;
}
.proControl a {
	display: inline-block;
}
.proControl .showMore {
	width: 50px; line-height: 30px; font-size: 9pt;
}
.proCUp {
	margin: 0px 5px; width: 30px; height: 30px; float: right;
}
.proCDown {
	margin: 0px 5px; width: 30px; height: 30px; float: right;
}
.proCUp {
	background: url("404.png") no-repeat center;
}
.proCDown {
	background: url("404.png") no-repeat center;
}
.News {
	width: 480px;
}
.newsTitle {
	height: 40px; color: #11b4f0; line-height: 40px;
}
.newsTitle span.l {
	background: rgb(237, 237, 237); border: 1px solid rgb(216, 216, 216); width: 158px; text-align: center; display: block; cursor: pointer;
}
.newsContent {
	border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(216, 216, 216) rgb(216, 216, 216); width: 478px; height: 269px;
}
.news_part {
	height: 290px;
}
.news_part_Content {
	width: 478px; height: 270px;
}
.newsContentInner {
	width: 478px; height: 1500px;
}
.news_part_Content li {
	height: 32px; color: rgb(101, 101, 115); line-height: 32px; font-size: 10pt; _height: 26px; _line-height: 26px;
}
.news_part_Content a {
	display: block;
}
.news_part_Content a:hover {
	background: #11b4f0; color: white;
}
.news_part_Content .l {
	text-indent: 30px;
}
.news_part_Content .r {
	color: rgb(187, 187, 200); margin-right: 26px; _margin-right: 13px;
}
.br3 {
	border-right-color: white; border-right-width: 3px; border-right-style: solid;
}
.Comment {
	border: 1px solid rgb(216, 216, 216); width: 478px;
}
.commentControl {
	top: 20px; right: 23px;
}
.CButtonLeft {
	width: 40px; height: 40px;
}
.CButtonRight {
	width: 40px; height: 40px;
}
.CButtonLeft {
	background: url("../image/bigpng.png") -167px 0px;
}
.CButtonRight {
	background: url("../image/bigpng.png") -167px -40px;
}
.commentTitle {
	height: 60px; color: rgb(87, 87, 87); line-height: 60px; text-indent: 30px; font-size: 12pt;
}
.commentInner {
	width: 476px; height: 245px;
}
.commentLine {
	background: rgb(255, 255, 255); border: 1px solid rgb(237, 237, 237); height: 2px; line-height: 2px; font-size: 2px;
}
.commentLeft {
	padding: 10px 10px 0px 20px; width: 40px;
}
.commentContent {
	width: 360px; color: rgb(82, 82, 82); line-height: 27px; padding-top: 10px; font-size: 11pt;
}
.commentOuter {
	width: 360px; color: rgb(82, 82, 82); line-height: 27px; padding-top: 10px; font-size: 11pt;
}
.commentWriter {
	background: rgb(249, 249, 249); width: 300px; height: 30px; text-align: center; line-height: 30px; font-size: 9pt; margin-top: 10px;
}
.commentContentContainer {
	width: 4000px;
}
.leftCorner {
	left: -1px; width: 29px; height: 27px; bottom: -26px;
}
.titleBesides {
	color: #11b4f0; line-height: 40px; font-size: 9pt;
}
.imgBorder {
	width: 140px; height: 140px; display: block;
}
.cooperateControl {
	top: -5px; right: 0px;
}
.blk_29 {
	overflow: hidden; position: relative; zoom: 1;
}
span.LeftBotton {
	background: rgb(243, 243, 243); width: 40px; height: 40px; display: block; cursor: pointer;
}
span.RightBotton {
	background: rgb(243, 243, 243); width: 40px; height: 40px; display: block; cursor: pointer;
}
.Cont {
	padding-top: 5px;
}
.box {
	margin: 13px; width: 140px; height: 140px; float: left; _margin: 12px 13px;
}
.Cooperate .indexContent {
	padding: 0px 30px; width: 940px; position: relative;
}
.Cooperate .indexContent li {
	margin: 10px 8px; float: left; _margin: 10px 4px;
}
#cooperateLeftButton {
	margin: 40px 0px 0px; width: 32px; height: 65px; position: absolute; cursor: pointer;
}
#cooperateRightButton {
	margin: 40px 0px 0px; width: 32px; height: 65px; position: absolute; cursor: pointer;
}
#pbCaption {
	padding: 4px; font-weight: bold; display: inline-block; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B0000000, EndColorStr=#B0000000); zoom: 1; background-color: rgba(0, 0, 0, 0.7);
}
#pbNav {
	margin: 5px auto auto; width: 200px; height: 65px; display: block;
}
#pbPrevBtn {
	background: url("404.png") no-repeat; width: 70px; height: 65px; text-indent: -9000px; display: inline-block;
}
#pbNextBtn {
	background: url("404.png") no-repeat; width: 70px; height: 65px; text-indent: -9000px; display: inline-block;
}
#pbZoomBtn {
	background: url("404.png") no-repeat; width: 70px; height: 65px; text-indent: -9000px; display: inline-block;
}
#pbPrevBtn {
	background-position: -70px 0px; float: left;
}
.pbgreyed#pbPrevBtn {
	
}
#pbNextBtn {
	background-position: -320px 0px; float: right;
}
.pbgreyed#pbNextBtn {
	background-position: -390px;
}
#pbZoomBtn {
	background-position: -140px 0px; width: 60px; float: left;
}
.pbgreyed#pbZoomBtn {
	background-position: -200px 0px;
}
.pbzoomed#pbZoomBtn {
	background-position: -260px 0px;
}