body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldest,input,button,p,blockquote,th,td{

	 margin:0;padding:0;

	}

body{

	color:#555;

	line-height:22px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px; 

	}		

h1,h2,h3,h4,h5,h6{

	font-size:100%;

	}

ol,ul{

	list-style:none;

	}



table{

	border-collapse:collapse;border-spacing:0;

	}

caption,th{

	text-align:left;

	}	

fieldset,img{

	border:0;

	}

label{

	cursor:pointer;

	cursor:hand;

	}

input{

	outline:none;

	}		



q:before,q:after{

	content:'';

	}

abbr,acronym{

	border:none;font-variant:normal;

	}

input,button,textarea,select{

	font-family:inherit;

	font-size:inherit;

	font-weight:inherit;

	vertical-align:middle

	}

input,button,textarea,select{

	*font-size:100%;

	}



.clear{clear:both;}

	

a {color:#555; text-decoration:none}

a:hover{ text-decoration:none;}

.left{ float:left;}

.right{float:right;}



#wrapper{}



#header{background:url(../images/topbg.jpg) repeat-x left top; height:130px;}

.top{ height:94px; position:relative; width:1000px; margin:0px auto;}

#logo{ position:absolute; left:6px; top:18px; width:460px;}

.phone{ position:absolute; right:6px; top:43px;}



.sh{ float:right; margin-top:5px;}

.ipnut-text{ color:#AEAEAE; width:113px; height:27px; line-height:27px; float:left; border:none; padding-left:10px; background:url(../images/jdc_16.jpg) no-repeat left top; font-size:12px;}

.sh-bt{width:30px; height:25px;  border:none; cursor:pointer; background:url(../images/sh.jpg) no-repeat left top;}

.chinese{float:right; margin-top:13px; margin-right:6px;}

.chinese a{ margin-left:10px;}

.menu{font-family: 'Arial, Helvetica, sans-serif', "微软雅黑", "宋体"; width:1000px; margin:0px auto; line-height:36px; height:36px;  font-size:14px; font-weight:bold;}

.menu li{float:left; width:102px; text-align:center; background:url(../images/xt.jpg) no-repeat right top;}

.menu li.bgno{ background:none;}

.menu a{ color:#fff;}

.menu li a:hover{ color:#f00;}



#banner{background:url(../images/tp_17.jpg) repeat-x left top; height:419px; overflow:hidden; margin:10px auto;}

.indexbanner{ width:1000px; margin:0 auto;}



#content{width:1000px; margin:10px auto;}



.main-a{background:url(../images/tp_51.jpg) repeat-x left bottom; padding-bottom:20px;}

.pic h2{font-family: 'Arial, Helvetica, sans-serif', "微软雅黑", "宋体"; color:#2C65AA;  font-size:16px; line-height:75px; padding-left:8px;  }

.pic h2 a{ float:right;}

.pic h2 span{ font-size:12px; font-weight:100; color:#666; margin-left:10px;}



.pic{height:310px; width:636px; overflow:hidden; background:url(../images/jdc_28.jpg) no-repeat top left;}



.pic li{float:left; margin:0px 5px 0px 12px; width:168px; padding:5px 5px 10px 5px; background:#F2F2F2; border:1px solid #D8D8D8; }

.pic li h3{ margin-top:5px;}

.pic li p{ line-height:18px;}



.prorct{ width:606px; height:220px; overflow:hidden; margin-left:10px;}

#indemo{ float:left; width:800%;}

#demo1{ float:left;}

#demo2{ float:left;}





.about h2{font-family: 'Arial, Helvetica, sans-serif', "微软雅黑", "宋体"; color:#2C65AA;  font-size:16px; line-height:36px; padding-top:24px; padding-left:8px; border-bottom:1px dashed #585858; }

.about h2 a{ float:right; margin-top:13px; margin-right:10px;}

.about h2 span{ font-size:12px; font-weight:100; color:#666; margin-left:10px;}



.about{ width:352px; overflow:hidden; background:url(../images/jdc_30.jpg) no-repeat top left;}

.about-a img{ float:left; margin-right:12px;}

.about-a{ margin:15px 12px 0px 13px; line-height:20px; }





.main-b{background:url(../images/jdc_38.jpg) no-repeat top left; height:189px; overflow:hidden; margin:20px auto;}



.news h2,.contact h2{font-family: 'Arial, Helvetica, sans-serif', "微软雅黑", "宋体"; color:#2C65AA;  font-size:15px; line-height:36px;}

.news h2 a,.contact h2 a{ float:right; margin-top:13px; margin-right:10px;}

.news h2 span,.contact h2 span{ font-size:12px; font-weight:100; color:#666; margin-left:10px;}



.news{width:350px; overflow:hidden; background:url(../images/tp_20.jpg) repeat-x top left; margin-left:10px; }

.news img{ float:left; margin-right:10px;}

.news ul{ margin-top:8px;}



.contact{ margin-left:12px; width:266px;}

.ct{ margin-top:8px;}



.caselist{ padding:10px;}



.caselist li{ margin:10px 10px 0px 10px; float:left;}



.caselist li span{ display:block; text-align:center; margin-top:5px;}



.cases h2{font-family: 'Arial, Helvetica, sans-serif', "微软雅黑", "宋体"; color:#2C65AA;  font-size:16px; line-height:35px; margin:20px 0px 16px 0px; padding-left:8px; border-bottom:1px dashed #666;}

.cases h2 a{ float:right; margin-top:15px; margin-right:10px;}

.cases h2 span{ font-size:12px; font-weight:100; color:#666; margin-left:10px;}



.cases{height:290px; overflow:hidden; background:url(../images/tp_51.jpg) repeat-x top left;}



.cases li{float:left; text-align:center; margin:0px 5px 0px 12px; width:233px; height:190px; padding:15px 0px 5px 0px;  background:url(../images/tp_43.jpg) no-repeat left top; }

.cases li span{ display:block;  margin-top:6px; font-size:14px;}



.rollBox .Cont{width:937px;overflow:hidden;margin:0 auto; padding-top:8px;}

.rollBox .ScrCont{width:10000000px;}













.rollBox #List1,.rollBox #List2{float:left;}





.cases1 h2{font-family: 'Arial, Helvetica, sans-serif', "微软雅黑", "宋体"; color:#2C65AA;  font-size:16px; line-height:35px; margin:30px 0px 16px 0px; padding-left:8px; border-bottom:1px dashed #666;}

.cases1 h2 a{ float:right; margin-top:10px; margin-right:10px;}

.cases1 h2 span{ font-size:12px; font-weight:100; color:#666; margin-left:10px;}



.cases1{height:290px; overflow:hidden; background:url(../images/tp_51.jpg) repeat-x top left;}



.cases1 li{float:left; text-align:center; margin:0px 5px 0px 12px; width:220px; height:180px; padding:15px 5px 5px 5px;  background:url(../images/tp_43.jpg) no-repeat left top; }

.cases1 li span{ display:block;  margin-top:6px; font-size:14px;}

.cases1 li img{ width:170px; height:143px;}

.rollBox1 .Cont{width:946px;overflow:hidden;margin:0 auto; padding-top:8px;}

.rollBox1 .ScrCont{width:10000000px;}



.rollBox1 #List1,.rollBox #List2{float:left;}





.img1,.img2,.Cont{float:left;}

.img1,.img2{width:15px; height:23px; display:block; cursor:pointer; margin-top:100px;}

.img1{background:url(../images/jt1.jpg) no-repeat center center; margin-right:10px;}

.img2{background:url(../images/jt2.jpg) no-repeat center center; margin-left:10px;}





.linksa{ width:1000px; margin:10px auto;}

.linksa a{ margin-right:10px;}





.footer{ background:url(../images/tp_56.jpg) repeat-x left 46px;}

.footnav{width:980px; margin:0 auto; height:38px; text-align:right; line-height:38px; margin-bottom:10px; background:url(../images/jdc_52.jpg) no-repeat top left; color:#fff; padding-right:20px;}

.footnav a{ margin:0px 10px; color:#fff;}

.footnr{width:1000px; margin:30px auto 0px auto;}

.foot-left{margin-left:6px; width:690px; line-height:20px;}

.foot-right{ width:205px; margin-top:6px;}

.foot-right img{ float:left; margin-right:6px;}



/*neirong*/

.sider{width:226px; float:left; }

.sider-a,.sider-b{background:url(../images/tp_20.jpg) repeat-x top left #F0F0F0; padding-bottom:20px;}

.sider-a h2,.sider-b h2{color:#2C65AA;  font-size:14px; height:30px; padding-left:10px; padding-top:8px; border-bottom:1px dashed #999; }

.sider-a h2 span,.sider-b h2 span{ font-size:12px; font-weight:100; padding-left:8px; color:#666;}

.sider-a li{ font-weight:bold; line-height:25px; background:url(../images/arrs.jpg) no-repeat 13px 10px; text-indent:32px; margin:3px 10px; border-bottom:1px dotted #B3B7BA;list-style:none;}

.sider-a ul{ margin-top:6px;}

.sider-a ul li ul{ margin-top:1px; padding-top:5px; margin-bottom:6px; border-top:1px dotted #B3B7BA;}

.sider-a li ul li{ font-weight:100; line-height:20px; background:none; text-indent:32px; margin:0px; border-bottom:none;}



.nrct{ margin:10px;}



.detail{ background:url(../images/tp_20.jpg) repeat-x top left #F0F0F0; width:762px; float:right; min-height:460px;height:auto!important;height:460px;}

.title{ background:url(../images/tp_25.jpg) repeat-x top left; color:#2C65AA;  font-size:14px; height:30px; padding-left:10px; padding-top:8px; position:relative;  border-bottom:1px dashed #999;}

.title span{color:#666; font-family: Arial, Helvetica, sans-serif; position:absolute; font-weight:100; font-size:12px; top:12px; right:15px; }

.detail-a{ padding:16px 18px; margin-top:1PX; }





/*- newsnei---------------------------*/

.newsnei,.newsnei2{padding:10px 20px 20px 16px;}

.newsnei li{ padding:0px 5px 2px; margin-left:2px; border-bottom:#ccc dotted 1px;}



.newsnei li h3{ font-size:13px; margin:0; line-height:30px; background:url(../images/arrs.jpg) no-repeat left; padding-left:18px;}

.newsnei li h4{ text-align:right; color:#999; font-size:12px; font-weight:normal; margin:0; padding:0;}

.newsnei li span{ margin:5px;}

.nr{ margin:10px;}

.newsnei2 h3{ font-size:14px; text-align:center; border-bottom:#D8DFE9 solid 1px; padding-bottom:10px; margin-bottom:8px;}

.newsnei2 h4{ text-align:center; margin-bottom:8px;}

.newsnei2 span{ margin:8px;} 



.pronei{padding:16px 20px 20px 10px;}

.pronei li{ float:left; margin:2px 5px 6px 8px; height:166px; display:inline;  line-height:22px;width:160px;}

.pronei li img{border:1px solid #DCDCDC; padding:1px;}

.pronei li span{ display:block; margin-top:3px; text-align:center;}



.support{ margin:15px 20px;}

.support li{background:url(../images/ico.jpg) no-repeat left; padding-left:12px; line-height:30px; border-bottom:1px dotted #ddd;}

.support li span a{ color:#C00; margin-right:20px;}

.poofen{ clear:both; padding-top:10px; margin-bottom:12px; text-align:center;}



/*- proo---------------------------*/

.proo{ padding:16px 20px 20px 12px;}

.proo h2{ font-size:14px;}

.proo-al{ float:left;}

.proo-al li{ float:left; margin:10px;}

.proo-al p{ text-align:center; line-height:25px;}



.proo-ar{ float:left; width:260px; margin-left:20px;}

.proo-ar1 li{ border-bottom:#BECCD8 solid 1px; height:35px; line-height:35px;}

.proo-ar1 li.imgg{_padding-top:8px;_height:20px;}

.proo-ar1 li.imgg img{ margin:0 5px;}

.proo-all img{border:#E0E0E0 solid 1px;}

.proo-ar2 li{ padding:8px 0 0; font-weight:700;}

.proo-ar2 li img{ margin-right:5px; margin-bottom:-5px;}



.proo-bl{padding:48px 0 20px;*padding:20px 0 20px;min-height:200px;height:auto!important;height:200px; }

.proo-bl h2,.proo-b h2{font-size:14px; height:26px; border-bottom:#BECCD8 solid 1px; background:url(../images/arrow.gif) left no-repeat; padding-left:16px;}

.proo-d{ margin:12px;}



.proo-b li{ float:left; margin:20px 10px 20px 4px;}

.proo-b span {text-align:center; display:block;}

.proo-b img{ border:1px solid #ccc; width:160px; height:120px;}



.sider-a .protypelist ul  li  { padding-left:15px;font-weight:bold; line-height:25px; background:url(../images/arrs.jpg) no-repeat 13px 10px; text-indent:17px; margin:3px 33px; border-bottom:1px dotted #B3B7BA;}



#phoneCarousel{

	/*	This is the carousel section, it

		contains the stage and the arrows */

	height:390px;

    margin:0 auto;

	position:relative;

	width:1000px;

}





#phoneCarousel .arrow{

	/* The two arrows */

	width:44px;

	height:44px;

	background:url('../img/arrows.png') no-repeat;

	position:absolute;

	top:50%;

	margin-top:-22px;

	left:0;

	cursor:pointer;

}



#phoneCarousel .next{

	/* Individual styles for the next icon */

	background-position:right top;

	left:auto;

	right:0px;

}



/* Hover styles */



#phoneCarousel .arrow:hover{

	background-position:left bottom;

}



#phoneCarousel .next:hover{

	background-position:right bottom;

}





#stage{

	/* The stage contains the animated phone images */

	left:50%;

	margin-left:-350px;

	position:absolute;

	width:700px;

	height:100%;

}



#stage img{

	/* Hiding all the images by default */

	display:none;

}



#stage .default{

	/*	This class is applied only to the iphone img by default

		and it is the only one visible if JS is disabled */

	display:block;

	left:50%;

	margin-left:-135px;

	position:absolute;

}



#stage .animationReady{

	/* This class is assigned to the images on load */

	display:block;

	position:absolute;

	top:0;

	left:0;

}