body{background: url(bigtopbgproduct.jpg) repeat-x left top; }

.bigBG{background: url(Productbanner2.jpg) no-repeat center top; margin: 0px auto 0;  overflow:visible; }

.BodyBG{*width: 986px;  _width: 986px;width: 986px; margin: 0px auto 0; }

.Body{background: url(p16.html) repeat-x left top White; border:1px solid #227eb0;  margin-top:10px; margin-bottom:10px;  padding-bottom:10px}

.info{ *width: 955px;  _width: 955px;width:955px;margin: 0px auto 0; overflow:hidden; }

.infoLeft{width:720px; float:left}

.infoRight{width:231px; float:right;padding-top:10px; color:#686868; line-height:24px }



#fromTab{ color:#0c6bbe; margin-top:10px; margin-bottom:10px}

.mestabbtn{background: url(message12.jpg) no-repeat top left; width:53px; height:23px; border:0px; margin-left:220px}

.mestab{ border:1px solid #bfdcf5; background-color:#f2fbff; width:220px}

.mestab2{ border:1px solid #bfdcf5; background-color:#f2fbff; width:570px}

.faq table{ color:#686868; line-height:20px; border-bottom:1px #686868 dotted; padding-bottom:4px}

.QAquestion{ line-height:24px;color:#686868;border-bottom:1px #686868 dotted; margin-right:15px; cursor:pointer}

.QAbody{ padding-left:20px; padding-top:10px}

.QAanswer{ margin:3px;width:670px; border:1px solid #9fd5e5; background-color:#e9faff; padding:4px; line-height:20px; color:#666666; display:none}

.Advantage{	margin:10px 0px 16px 0px;}

.Advantage .Advantage01{background:url(Agent_AdvantageBg01.jpg) no-repeat 0 0;float:left;	width:225px;height:190px;margin:0 16px 0 0;}

.Advantage .Advantage02{background:url(Agent_AdvantageBg02.jpg) no-repeat 0 0;float:left;	width:225px;height:190px;margin:0 16px 0 0;}

.Advantage .Advantage03{background:url(Agent_AdvantageBg03.jpg) no-repeat 0 0;float:left;	width:225px;height:190px;margin:0;}

.Advantage .tit{ line-height:60px;  font-size:16px; color:White; padding-left:20px; font-weight:bold}

.Advantage .AdvantageTxt{margin:8px 10px;	color:#fff;	line-height:18px;	height:90px;}

.Advantage .AdvantageMore a{	color:#FF0;	float:right;	margin:0 50px 0 0;	font-weight:bold;}

.cont{	margin:10px 20px 0px 20px;	line-height:30px;	color:#7a7a7a;}



.infoLeft .Banner{width:700px;	height:343px;	text-align:center;	margin:10px 0 20px 0;	border:1px solid #d5d4d4;	background: url(loading.gif) #fff no-repeat center center; 	position:relative;	overflow:hidden;}

.infoLeft .Banner .index-ad-img {	width: 100%; height: 100%; overflow: hidden; position:absolute; left:0px; top:0px;}

.infoLeft .Banner .index-ad-img img {	display: block;}

.infoLeft .Banner .index-ad-thumgrp {	position: absolute; height: 93px; top: 250px; right: 100px;}

.infoLeft .Banner .index-ad-thumgrp UL.thums {	padding:0 0 0 16px; margin:0; overflow:hidden; height:93px;	background: url(Case_BannerBg01.png); _filter: progid:dximagetransform.microsoft.alphaimageloader(enabled="true",sizingmethod="scale",src="Case_BannerBg01.png"); _background: none;}

.infoLeft .Banner A.index-ad-arrow-left {width: 27px; display: block; background: url(Case_BannerArr02.png) no-repeat 0 0; float: left; height: 93px}

.infoLeft .Banner A.index-ad-arrow-right {width: 27px; display: block; background: url(Case_BannerArr01.png) no-repeat 0 0; float: left; height: 93px}

.infoLeft .Banner .index-ad-thumgrp UL.thums LI.current A {	filter: alpha(opacity=90); opacity: 1;}

.infoLeft .Banner .index-ad-thumgrp UL.thums LI {	margin: 15px 16px 10px 0px; width: 90px; background: #000; height: 60px; overflow: hidden}

.infoLeft .Banner .index-ad-thumgrp UL.thums LI A {	filter: alpha(opacity=30); width: 90px; display: block; height: 60px; overflow: hidden; opacity: .3;cursor: pointer}

.infoLeft .Banner .index-ad-thumgrp UL.thums LI A IMG {	width: 100px; display: block; height: 60px; overflow: hidden;cursor: pointer}

.infoLeft .Banner .index-ad-thumgrp UL.thums {	display: inline; float: left;}

.infoLeft .Banner .index-ad-thumgrp UL.thums LI {	display: inline; float: left;}

.sutracasecont ul{*padding-left:10px;_padding-left:10px; padding-left:15px;}

.sutracasecont ul li{ float:left; padding-bottom:20px; width:125px; height:70px; padding-left:10px }

.cont input,  .cont textarea{	background:#fff;	border:1px solid #bababa;	line-height:18px;	color:#636262;	padding:2px;}

.redTxt{ color:Red}



/*-----helpercentre----*/

.helpercentresearch{background: url(p37.gif) no-repeat top left; width:986px; height:58px;margin-top:10px;}

.helpercentresearch table{ margin-right:30px; margin-top:15px }

.hcinput{background: url(helpercentre02.jpg) no-repeat top left; width:451px; height:22px; border:0px; padding-top:3px}

.hcbtn{background: url(helpercentre03.jpg) no-repeat top left; width:54px; height:23px; border:0px; padding-top:3px}

.right{width:700px; float:right; margin-top:12px;border-top: 1px solid #D6D6D6;line-height: 25px;}

.left{width:231px; float:left;padding-top:10px; color:#686868; line-height:24px }

.hctitle{ text-align:center; color:#db1f1f; font-size:16px; font-weight:bold; border-bottom:1px #d6d6d6 solid; line-height:40px; margin-top:10px; margin-bottom:10px }

.hscont{ color:#424242; line-height:20px}

.listtitle{ text-align:left; color:#004ea6;border-bottom:1px #d6d6d6 solid; line-height:30px; margin:10px 10px 10px 0px}

.listcont{padding:0px 5px 0px 5px}

.connt{line-height:30px;border-bottom:1px #d6d6d6 dotted; height:30px}

.connt .conntList{ float:left}

.connt .conntList  a{ color:#686868}

.connt .conntData{ float:right; margin-right:8px}



.arttit{ color:#f56719; font-size:14px; font-weight:bold; line-height:40px;text-align:center}

.artinfo{ text-align:center; color:#918e8c; line-height:25px;}

.artcont{color:#918e8c; line-height:25px; margin:2px 15px}

.solutionul{ height:inherit;}

.solutionul li{ float:left; width:200px; height:190px; padding-left:20px; padding-right:20px; padding-bottom:40px; padding-top:20px}



.info ul .line{ height:350px; width:300px; color:#d6d6d6; float:left; margin-left:10px; background: url(line.gif) no-repeat center right; margin-right:10px}

.noline{height:350px; width:300px; color:#d6d6d6; float:left; margin-left:10px;}

.info ul li dt{ margin-top:5px}

.info ul li .content{ line-height:22px; color:#7a7a7a; margin:10px; height:250px}

.info ul li .more{ text-align:right} 



/*--download--*/

.mesinput{background: url(input.gif) no-repeat top left; width:152px; height:22px; border:0px; padding-top:3px}

.mesbtn{background: url(btn.gif) no-repeat top left; width:54px; height:23px; border:0px;}

.ContArea{margin:0 auto;font-size:12px;width:705px;padding:20px 0 10px 0;text-align:left;}

.ContArea .DownloadBg_1{border:1px solid #f5a2a2;	border-top:0;	background:#fffdea;	height:300px;	margin:0 0 20px 0;}

.ContArea .DownloadBg_2{border:1px solid #9fc7ec;	border-top:0;	background:#fff;	height:300px;	margin:0 0 20px 0;}

.ContArea .DownloadBg_3{border:1px solid #9fc7ec;	border-top:0;	background:#fff;	height:110px;	margin:0 0 20px 0;}

.ContArea .DownLoadLeft_1{	width:50%;	float:left;	background:url(DownloadDotLine_1.html) no-repeat right center;	height:260px;}

.ContArea .DownLoadLeft_2{	width:50%;	float:left;	background:url(DownloadDotLine_2.html) no-repeat right center;	height:260px;}

.ContArea .DownLoadRight{	float:left;	height:260px;}

.ContArea .DownLoadTxtArea{	padding:0 10px 0 30px;	line-height:30px;	color:#505050;}

.ContArea .DownLoadTitle_1{	color:#d02e2e;	font-size:14px;	font-weight:bold;	line-height:35px;}

.ContArea .DownLoadTitle_2{	color:#545454;	font-size:14px;	font-weight:bold;	line-height:35px;}

.ContArea .DownLoadTxtArea img{	display: inline;}

#materialtlpage{ width:25px; float:right; line-height:20px;}