@charset "utf-8";
/* CSS Document */
/*初始值
----------------------------------------------------------------------------------*/
body{
	margin:0;
	padding:0;
	font:normal normal normal 12px "Lucida Grande", Verdana, Lucida, Arial, Helvetica, "宋体",sans-serif;
	text-align:center;
	line-height:18px;
	background-color:#252525;
	background-image: url(../../newimages/web/webbk.jpg);
	background-repeat: repeat-y;
	background-position: center 200px;
}
div,form,p,img,ul,ol,li,
dl,h1,h2,h3,h4,h5,h6{list-style:none;margin:0;padding:0;border:0;text-align:left;}
li{list-style-position:outside;}
a{color:#000000;}
a:link,a:visited,a:active{text-decoration:none;}
a:hover{text-decoration:underline;}
.clearHide{coverflow:hidden;clear:both;height:0;font-size:0;}
.wi1003{width:1003px;;margin-left:auto;margin-right:auto;}

#layout{width:100%;margin-left:auto;margin-right:auto;}
#header{
	background-color:#242424;
	margin-top:0px;
	padding-top:26px;
	height:55px;
}
#header h1{
	font-size:12px;
	color:#929292;
	font-weight: 400;
	text-align: center;
	margin-top:4px;
	
}
#logo{
	text-align: center;

}
#nav {
padding-left:152px;
padding-top:1px;
	width:851px;
	height:36px;
	background-image: url(../../newimages/web/web-nav-bk.jpg);
	background-repeat: no-repeat;
	background-position: left 1px;
		border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #171717;
}
#nav li{
float:left;
	height:35px;
}
#nav li a{
	float:left;
	padding-left:19px;
	padding-right:20px;
	height:35px;
	display:block;
	line-height: 35px;
	color: #FFFFFF;
	background-image: url(../../newimages/nav_bk.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#nav li a.end{
	float:left;
	padding-left:19px;
	padding-right:20px;
	height:35px;
	display:block;
	line-height: 35px;
	color: #FFFFFF;
	background-image: none;
}
#nav li a:hover{
	float:left;
	padding-left:19px;
	padding-right:20px;
	height:35px;
	display:block;
	line-height: 35px;
	color: #f5dfa9;
	background-image: url(../../newimages/nav_hover.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	text-decoration: none;
}
#nav li a.current{
	float:left;
	padding-left:19px;
	padding-right:20px;
	height:35px;
	display:block;
	line-height: 35px;
	color: #f5dfa9;
	background-image: url(../../newimages/nav_hover.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	text-decoration: none;
}

/*м䲿------------------------------------------------------*/
#bodyer{
width:1003px;
float:left;
}

/*鿴ǵĿͻ--------------------------------------------------------
-------------------------------------------------------------------*/
#client-A{
	height:72px;
	background-image: url(../../newimages/web/client-bk.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:1003px;
}
#client-B{
	background-image: url(../../newimages/web/client-bk.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	width:1003px;
	margin-bottom:30px;
}

#client-A a{
	color:#d0d0d0;
	display:block;
	padding-left:20px;
	background-image: url(../../newimages/web/xiaolian.gif);
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 14px;
	margin-top:30px;
	margin-left:50px;
	float:left;
	display:inline;
}
#client-A a.tel{
	color:#d0d0d0;
	padding-left:10px;
	background-image:none;
	line-height: 14px;
	margin-top:20px;
	margin-left:550px;
	float:left;
	display:inline;

	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
#client-B a{
	color:#d0d0d0;
	display:block;
	padding-left:20px;
	line-height: 14px;
	margin-top:30px;
	margin-left:744px;
	float:left;
	display:inline;
	margin-bottom:30px;
		background-image: url(../../newimages/web/guanbi.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.client-list{
padding:30px 20px 30px 60px; float:left;

}
.client-list-name{
	float:left;
	width:180px;
	color:#d0d0d0;
	margin-left:20px;
	display:inline;
	padding-left:20px;
	background-image: url(../../newimages/web/dian.gif);
	background-position: 4px center;
	background-repeat: no-repeat;
	line-height: 30px;
}
/*------------------------------------------------------*/
.anli-list{
	width:1003px;
	float:left;
	background-image: url(../../newimages/web/anli-bk.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/*------------------------------------------------------*/
.anli-nav{
padding-left:110px;
width:893px;}
.anli-nav li{
margin:14px;
float:left;
}
.anli-nav li a{
	margin-left:14px;
	padding-right:14px;
	height:29px;
	display:block;
	color:#FFFFFF;
	float:left;
	line-height: 29px;
	display:inline;
	font-weight: bold;
}
.anli-nav li a.current{display:block;
	color:#000000;
	margin-left:14px;
	padding-right:14px;
	background-image: url(../../newimages/web/web-nav-bk.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height:29px;
	line-height: 29px;
	float:left;
	display:inline;
		font-weight: bold;
}
.nav-bk2{background-image: url(../../newimages/web/web-nav-bk2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float:left;

}
	
	.nav-bk{
	float:left;
	display:block;
}

/*��*/
.weblist
{
padding-left:80px;
padding-right:70px;

}

.weblistbox{
width:174px;
float:left;
margin-left:50px;
margin-right:50px;
margin-top:40px;
margin-bottom:40px;
display:inline;}
.cartoonlistbox{
width:201px;
float:left;
margin-left:40px;
margin-right:40px;
margin-top:40px;
margin-bottom:40px;
display:inline;}
.weblistbox-pic
{
	padding-left:11px;
	padding-top:10px;
	background-image: url(../../newimages/web/tvbox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:137px;
}
.cartoonlistbox-pic
{
	padding-left:11px;
	padding-top:10px;
	background-image: url(../../newimages/cartoonpicback.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:118px;
}
.weblistbox li
{
	color:#d0d0d0;
	list-style-type: none;
	background-image: url(../../newimages/web/dixian.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	line-height: 22px;
}
.cartoonlistbox li
{
	color:#d0d0d0;
	list-style-type: none;
	background-image: url(../../newimages/web/dixian.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	line-height: 22px;
}
.weblistbox li a
{
	background-image: url(../../newimages/web/chakan.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display:block;
	width:52px;
	height:12px;
	line-height: 14px;
	float:right;
	padding-top:2px;
	margin-top:2px;
	text-align: center;	
}
.cartoonlistbox li a
{
	background-image: url(../../newimages/web/chakan.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display:block;
	width:52px;
	height:12px;
	line-height: 14px;
	float:right;
	padding-top:2px;
	margin-top:2px;
	text-align: center;	
}
.weblistbox li.bottom
{
	color:#d0d0d0;
	list-style-type: none;
	background-image: none;
	line-height: 22px;
	
}
.cartoonlistbox li.bottom
{
	color:#d0d0d0;
	list-style-type: none;
	background-image: none;
	line-height: 22px;
	
}
/*-ҳ--------------------------------------------------*/
.pages{
clear:both;
padding-left:600px;
padding-bottom:70px;
}
.pages a{
	display:block;
	width:53px;
	height:19px;
	background-image: url(../../newimages/web/fanye.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin-left:20px;
	float:left;
	line-height: 19px;
	text-align: center;
}
/*ҳײ----------------------------------------------*/
#footer{
	color:#5e5d5c;
	background-color:#000000;
	text-align: center;
	padding-top:30px;
	padding-bottom:30px;
}
#footer a{
	color:#5e5d5c;

}

/*־б---------------------------------------------*/
.maga-list
{
padding-top:40px;
padding-left:60px;
padding-right:60px;
}
.magazine-list{
	width:882px;
	background-image: url(../../newimages/web/magalist.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-top:30px;
	padding-bottom:30px;
	float:left;
}
.magazine-box{
color:#d0d0d0;
float:left;
padding-left:30px;


}
.magazine-box a{
    float:left;
	display:inline;
	margin-top:40px;
	margin-left:4px;
	color:#9b0000;
	display:block;
	width:94px;
	height:15px;
	line-height: 15px;
	background-image: url(../../newimages/web/huoqu.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-family: "";
}
.magazine-box h1{
margin-top:10px;
}
.magazine-pic{
float:left;
margin-right:10px;
}

/*ǵļʽ----------------------------------------------*/
#tech{
    padding-top:260px;
	width:1003px;
	float:left;
	background-image: url(../../newimages/web/tech.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#tech p{
padding-top:10px;
padding-bottom:10px;
color:#d0d0d0;
width:450px;
padding-left:80px;
float:left;
}
#tech a.tel{
color:#ffffff;
padding-left:150px;
display:block;
float:left;
}
.tech-list
{
padding-left:20px;
padding-right:50px;
padding-top:40px;
padding-bottom:60px;
}
.tech-list-box{
	float:left;
	width:400px;
	margin-top:10px;
	margin-right:0px;
	margin-left:60px;
	display:inline;
}

.tech-list-box h2{
	float:left;
	padding-left:14px;
	padding-right:20px;
	display:block;
	height:25px;
	font-size: 14px;
	line-height: 25px;
	background-image: url(../../newimages/web/techlistbk.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#tech .tech-list .tech-list-box p.list{
	display:block;
width:370px;
padding-left:0px;
padding-top:14px;
	float:left;
}
.tech-list-box a
{
	float:left;
	display:block;
	width:87px;
	height:23px;
	background-image: url(../../newimages/web/chekangengduo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	font-weight: bold;
	color: #FFFFFF;
	padding-left:26px;
	line-height: 23px;
	margin-top:10px;
	margin-left:250px;
	display:inline;
}
#vertical_container {background:url(../../newimages/web/client-bk.jpg) no-repeat left top;}
.accordion_toggle {display:block; height:72px; width:243px; padding:0 10px 0 760px; color:#FFF; font-weight:normal; text-decoration:none; line-height:72px; outline:none; font-size:12px; cursor:pointer; background:url(../../newimages/web/xiaolian.gif) no-repeat 742px 30px;}
.accordion_toggle_active {color:#FFF; background:url(../../newimages/web/guanbi.gif) no-repeat 742px 30px;}
.accordion_toggle a, .accordion_toggle_active a, .accordion_toggle a:visited, .accordion_toggle_active a:visited, .accordion_toggle a:hover, .accordion_toggle_active a:hover {color:#FFF;}   
.accordion_content {color:#444; overflow:hidden;}	




/* sortableList style */
.arrowImageRight, .arrowImageDown{width:120px; height:72px; padding:0 0 0 20px; cursor:pointer; line-height:72px; margin:0 0 0 744px; background:no-repeat 4px 29px;}
.arrowImageRight{ background-image:url(../../newimages/web/xiaolian.gif);}
.arrow_drop a, .arrow_drop a:visited, .arrow_drop a:hover {color:#FFF;}
.arrowImageDown{background-image:url(../../newimages/web/guanbi.gif);}
.content {width:1003px; background:url(../../newimages/web/client-bk.jpg) no-repeat center top}
.sort ul {width:1003px; display:block; clear:both;}
.sort ul li {padding:0; margin:0; list-style:none;}
.sort ul li.content {width:1003px; height:auto; float:left;} 
.sort ul li.dragTD {float:right; display:none;}
.sort ul li.dragTD .dragHandle {display:none;}

/* ImageBox style */
#ImageBoxOverlay {background:#000;}
#ImageBoxCaption {background:#F4F4EC;}
#ImageBoxContainer {width:250px; height:250px; background:#F4F4EC;}
#ImageBoxCaptionText {font-weight:700; padding-bottom:5px; font-size:13px; color:#000;}
#ImageBoxCaptionImages {margin:0;}
#ImageBoxNextImage {background:transparent url(../../newimages/imagebox/spacer.gif);}
#ImageBoxPrevImage {background:transparent url(../../newimages/imagebox/spacer.gif);}
#ImageBoxNextImage:hover {background:url(../../newimages/imagebox/next_image.jpg) no-repeat right top;}
#ImageBoxPrevImage:hover  {background: url(../../newimages/imagebox/prev_image.jpg) no-repeat left bottom;}



/* Contact-us style */
.contact-box {
	width:807px;
	height:342px;
	margin:56px 98px 66px;
	background-image: url(../../newimages/imagebox/contactus.jpg);
	background-repeat: no-repeat;
}
.contact-box h1 {height:43px; padding:80px 0 0; font-size:14px; color:#FFF; line-height:43px;}
.contact-box p {height:22px; color:#FFF; line-height:22px; font-family:"宋体",Arial, Helvetica, sans-serif;}
.contact-box p.contactbox1, .contact-box p.contactbox2 {line-height:normal;}
.contact-box p.contactbox1 {height:24px; line-height:24px;}
.contact-box p.contactbox2 {height:inherit; padding:3px 0 0!important; _padding:4px 0 0;}
*+html .contact-box p.contactbox2 {padding:4px 0 0!important;}

/*在线订单*/
.order-content{
	margin:36px 98px 66px;
	background-image: url(../../newimages/order-online.jpg);
	background-repeat: no-repeat;
}
.order-list{padding-top:56px;padding-left:8px;}
.order-list li{float:left;}
.order-list li a{
	float:left;
	display:inline;
	color:#d0d0d0;
	background-image: url(../../newimages/orderbt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:102px;
	height:23px;
	margin-right:30px;

	line-height: 23px;
	text-align: center;
}
.ordertb{
	font-size:14px;
	color: #FFFFFF;
	font-weight: lighter;
	margin-top: 26px;
}
.ordertb thead th{
padding-bottom:30px;
color:#d1d0d0;}
.ordertb th{
	padding-top:5px;
	padding-bottom:5px;
	font-weight: lighter;
	text-align: left;
}
.ordertb th.bottom{
	padding-top:30px;
	font-weight: lighter;
padding-left:150px;
}
.order-text{
	font-size:14px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../../newimages/order-form.jpg);
	background-repeat: repeat;
	border: 1px solid #686868;
	height: 22px;
	width: 494px;
}
.order-text2{
	font-size:14px;
	font-weight: normal;
	color: #000000;
	background-image: url(../../newimages/order-form.jpg);
	background-repeat: repeat;
	border: 1px solid #686868;
	height: 22px;
	width: 494px;
}
.order-textarea{
	font-size:14px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../../newimages/order-form.jpg);
	background-repeat: repeat;
	border: 1px solid #686868;
	height: 100px;
	width: 494px;
}
.submit-bt{
	background-image: url(../../newimages/formbt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 81px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 30px;
	cursor:hand;
}
/*---公司动态------*/
.news-wall{
	background-image: url(../../newimages/news.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:832px;
	height:733px;
	margin-top:30px;
	margin-left:80px;
	margin-bottom:30px;
}
.news-wall h3{
color:#860000;
font-size:14px;
padding-bottom:5px;
}
.news1{float:left;
width:190px;
height:198px;
margin-top:90px;
margin-left:30px;
display:inline;}
.news2{float:left;
width:190px;
height:198px;
margin-top:176px;
margin-left:90px;
display:inline;}
.news3{float:left;
width:190px;
height:198px;
margin-top:80px;
margin-left:100px;
display:inline;}
.news4{float:left;
width:190px;
height:198px;
margin-top:106px;
margin-left:-10px;
display:inline;}
.news5{float:left;
width:190px;
height:198px;
margin-top:-90px;
margin-left:100px;
display:inline;}
.service-swf{
margin-left:38px;
margin-top:10px;}

/*服务流程*/
.process-box{

padding-top:20px;
padding-left:100px;
padding-right:100px;
}
.process-box p{
	color:#d0d0d0;
	padding-top:10px;
	padding-bottom:10px;
	line-height: 24px;
}
.process-bottom{
	color:#d0d0d0;

	padding-bottom:40px;
	line-height: 24px;
	font-size: 14px;
	padding-left:50px;
	margin-top:30px;
	float:left;
	width:700px;
}
.pro-title{
	clear:both;
	background-image: url(../../newimages/liuchengbk.jpg);
	background-repeat: repeat-x;
	height: 22px;
	padding-left:10px;
	color:#9b0000;
	padding-top:4px;
	font-weight: bold;
}
.pro-step{
	clear:both;
	background-image: url(../../newimages/liuchengline.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	float:left;
	width:800px;
	display:inline;
}
.pro-step p{
padding-top:20px;
	line-height: 40px;
}
.step1-left{
	width:120px;
	height:110px;
	float:left;
	font-size:14px;
	color:#d0d0d0;
	background-image: url(../../newimages/1.jpg);
	background-repeat: no-repeat;
	background-position: 20px 50px;
	padding-left:80px;
	padding-top:70px;
	margin-right:30px;
}
.step2-left{
	width:120px;
	height:110px;
	float:left;
	font-size:14px;
	color:#d0d0d0;
	background-image: url(../../newimages/2.jpg);
	background-repeat: no-repeat;
	background-position: 20px 50px;
	padding-left:80px;
	padding-top:70px;
	margin-right:30px;
}
.step3-left{
	width:120px;
	height:110px;
	float:left;
	font-size:14px;
	color:#d0d0d0;
	background-image: url(../../newimages/3.jpg);
	background-repeat: no-repeat;
	background-position: 20px 50px;
	padding-left:80px;
	padding-top:70px;
	margin-right:30px;
}.step4-left{
	width:120px;
	height:110px;
	float:left;
	font-size:14px;
	color:#d0d0d0;
	background-image: url(../../newimages/4.jpg);
	background-repeat: no-repeat;
	background-position: 20px 50px;
	padding-left:80px;
	padding-top:70px;
	margin-right:30px;
}
.step5-left{
	width:120px;
	height:110px;
	float:left;
	font-size:14px;
	color:#d0d0d0;
	background-image: url(../../newimages/5.jpg);
	background-repeat: no-repeat;
	background-position: 20px 50px;
	padding-left:80px;
	padding-top:70px;
	margin-right:30px;
}
/*提交成功！！
                       ————————————————————————————————*/
.savegoodtb{
padding-top:30px;
color:#d0d0d0;
font-size:14px;
}
/*flash观看---------------------------------------------*/
.cartoon-back{
padding-left:600px;
padding-top:30px;
padding-bottom:30px;
color:#d0d0d0;}
.cartoon-back a{
color:#d0d0d0;
}

.cartoonshow{
margin-left:auto;
margin-right:auto;
width:522px;
}
/*---------------------------------------关于我们-----------*/
/*在线订单*/
.about-content{
	margin:36px 98px 10px;
	background-image: url(../../newimages/aboutus.jpg);
	background-repeat: no-repeat;
	color:#d0d0d0;
}
.about-content p{

	text-indent: 2em;
}
.about-content h1{
padding-top:30px;
padding-bottom:10px;
}
.about-content h3{
padding-top:20px;
padding-bottom:20px;
font-size:14px;
}
.about-content a.more{
	color: #000000;
	line-height: 19px;
	background-image: url(../../newimages/more.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	margin-left:600px;
	text-align: center;
	width:140px;
	margin-top:10px;
margin-bottom:10px;
}
.jiegou{
	padding-top:20px;
	background-image: url(../../newimages/zuzhijiegou.jpg);
	background-repeat: no-repeat;
	background-position: 240px 20px;
	height:500px;
	color:#d0d0d0;
}
.jiegou p.p1{
margin-top:170px;
margin-left:80px;
float:left;
width:150px;
display:inline;
}
.jiegou p.p2{
margin-top:110px;
margin-left:570px;
float:left;
width:160px;
display:inline;
}
.jiegou p.p3{
margin-top:10px;
margin-left:480px;
float:left;
width:160px;
display:inline;
}
.jiegou p.p4{
margin-top:10px;
margin-left:580px;
float:left;
width:160px;
display:inline;
}
.jiegou p.p5{
margin-top:40px;
margin-left:-620px;
float:left;
width:160px;
display:inline;
}
/*加入我们*/
.job-content{
	margin:36px 98px 10px;
	background-image: url(../../newimages/joinus.jpg);
	background-repeat: no-repeat;
	color:#d0d0d0;
}
.job-content h4{
padding-left:16px;
margin-top:30px;
margin-bottom:10px;
	background-image: url(../../newimages/jiontitle.jpg);
	background-repeat: no-repeat;
	color:#870000;
	font-size:12px;
}
.job-content h5{
padding-left:16px;
margin-top:20px;
margin-bottom:20px;

}
.job-content p{
padding-left:16px;
margin-top:10px;
margin-bottom:10px;

}
.job-content p.bottom{
padding-left:16px;
margin-top:30px;
margin-bottom:30px;

}
/*技术查看详情---------------*/
.tech-content{
padding-left:80px;
padding-right:80px;
padding-bottom:50px;
}
.tech-content p{
	color:#d0d0d0;
	width:100%;
	line-height: 22px;
}
.tech-content h2{
color:#d0d0d0;
font-size:14px;
margin-top:30px;
padding-bottom:20px;
}
.tech-content h5{
	color:#d0d0d0;
	font-size:12px;
	font-weight: bold;
	margin-top:10px;
padding-bottom:10px;
}
.yewu-tel a{
	color:#ffffff;
	margin-left:50px;
	margin-top:26px;
	padding-left:10px;
	display:block;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.yewufanwei{
	margin-left:50px;
	padding-left:10px;
	background-image: url(../../newimages/yewufanwei-bj.gif);
	background-repeat: no-repeat;
	background-position: right center;
	width:856px;
}
.vr-context h1{
text-align:center;
font-size:14px;
line-height:30px;
color:#ffff00;
}
.vr-context h2{
color:#ffff00;
font-size:13px;
line-height:26px;
}
.vr-context h3{
font-size:12px;
font-weight:lighter;
color:#ffffff;
line-height:22px;
}