@charset "gb2312";

body{ padding:0; margin:0 ; font:12px Arial, Helvetica, sans-serif;  color:#888888; line-height:22px;background:#fff;}
form{ margin:0; padding:0;}
select,input{color:#888888;}
.header{ width:100%; height:97px; background:#0C0C0C;}
.yl_header{ width:100%; height:163px; background-image:url(../images/main_top_bj.gif);}
.top{ width:912px; height:100%; margin:0 auto; }
.yl_top{ width:912px; height:100%; margin:0 auto; background-image:url(../images/main_top_img.gif); background-position:right; background-repeat:no-repeat;}
.logo{ width:auto; height:100%; background-image:url(../images/ind_04.jpg); background-repeat:no-repeat;}
.top_line{ width:auto; height:auto; padding-left:238px; float:left; display:none;}
.top_phone{ width: 65%; height:auto; float:right; text-align:right; padding-top:44px; }

.nav1{ width:100%; height:41px; background-image:url(../images/ind_07.jpg);}
.yl_nav1{ width:100%; height:41px; background-image:url(../images/main_nav_bj.gif);}
.nav_line{ width:100%; height:15px; background-color:#EFEFEF; display:none;}
.nav_box{ width:924px; height:auto; margin:0 auto;}
.nav_box_ind{ width:66px; line-height:41px; float:left; background:url(../images/ind_09.jpg) repeat-x; list-style:none; text-align:center;}
.nav_box_li{ width:92px; line-height:41px; float:left; list-style:none; text-align:center;}
a.nav_a:link{ color:#FFFFFF; font-size:13px;}
a.nav_a:visited{ color:#FFFFFF; font-size:13px;}
a.nav_a:hover{ color:#FFFFFF; font-size:13px;}
a.nav_a:active{ color:#FFFFFF; font-size:13px;}
.nav_box imgs{ margin-right:20px;}
.nav_img{ margin-left:26px;}


.banner{ width:943px; height:280px; margin:0 auto;}
.case_title{ width:962px; height:38px; background:url(../images/main_case_title.gif) no-repeat; margin:0 auto; text-align:right; padding-top:21px;}
.case_box{ width:962px; height:154px; margin:0 auto;}
.case_left{ width:462px; height:154px; float:left; background:url(../images/main_case_left.gif) no-repeat;} 
.case_list{ width:444px; height:154px; float:right; background:url(../images/main_case_right.gif) no-repeat; background-position:right;}
.case_bj{ width:423px; height:154px; background-image:url(../images/main_case_bj.gif);}
.case_img{ width:220px; height:117px; margin-top:19px; float:left;}
.case_text{ width:192px; height:117px; float:right; border-left:1px dashed #CCCCCC; margin-top:19px; padding-left:5px;}

.case_right{ width:462px; height:154px; float:right; background:url(../images/main_case_left.gif) no-repeat;}
.center_line{ width:962px; height:21px; background-image:url(../images/main_center_line.gif); margin:0 auto;}

.center_box{ width:962px; height:277px; background:url(../images/main_new_left.gif) no-repeat; margin:0 auto;}
.center_list_box{ width:938px; height:277px; float:right; background:url(../images/main_new_right.gif) right no-repeat;}
.center_bj{ width:913px; height:277px; background-image:url(../images/main_new_bj.gif);}

.server_box{ width:447px; height:247px; background:url(../images/main_new_line.gif) right no-repeat; margin:25px 0 0 5px; float:left;}
.server_title{ height:19px;}
.server_list{ width:95%; height:auto; margin-top:20px; }
.server_list_left{ width:200px; height:49px; float:left;}
.server_img{ float:left; margin-right:5px; margin-top:4px;}


.center_box2{ width:944px; height:350px; margin: auto; padding-top:20px;}
.server_box2{ width:610px; height:340px;  float:left;}
.server_list2{ width:99%; height:80px; margin-top:20px; }
.server_list_left2{ width:300px; height:auto; float:left;}
.server_list_right2{ width:300px; height:auto; float:right;}
.news_box2{ width:320px; height:340px;  float:right;}
.newlist2{ width:auto; height:92px; border-bottom:1px dashed #CCCCCC; padding-top:5px;}



.news_box{ width:428px; height:247px; margin-top:25px; float:right;}
.news_list{ width:98%; height:auto; margin-top:13px;}

.down_line{ width:100%; height:7px; padding-top:20px; clear:both;}
.down_title{ width:100%; height:38px; background-image:url(../images/main_down_bj01.gif);}
.down_address{ width:711px; background:url(../images/main_down_message.gif) right no-repeat; margin:0 auto;}
.yl_down_bj{
	width:100%;
	background-image:url(../images/main_down_bj02.gif);
	background-color: #222222;
	background-repeat: repeat-x;
}
.down_bj{
	width:100%;
	background-color: #0C0C0C;
}
.address_bj{ width:711px; background:url(../images/main_down_02.gif) right no-repeat; margin:0 auto;}
.address_box{ width:920px;  padding-top:10px; margin:0 auto;}
.adress_left{width:610px; height:152px;  float:left;}
.adress{ width:388px; height:auto; float:left; color:#868686;}
.adress_img{ float:right; margin-right:20px;}
.design_skill{ float:right;}
.tao_help{
	clear:both;
	padding:8px;
}
.copyright{
	clear:both;
	padding:8px;
	border-top:solid 1px #262626;
	text-align:center;
}
.message2{color:#888888; line-height:25px; width:100px; height:auto;}
.message{ width:280px; height:auto; float:right; line-height:20px; color:#868686;}
.message_button{ width:240px; text-align:right; padding-top:10px;}

.STYLE1 {font-size: 14px; font-weight:bold; color:#333333;}
.STYLE2 {color: #0066CC}
.STYLE3 {color: #00CC00}

.newlist{ width:auto; height:20px; border-bottom:1px dashed #CCCCCC; padding-top:5px;}

a { color:#888888; background: inherit; text-decoration:none;}
a:hover {color: #008CDC;background: inherit;}
a.title {color: #FA028E;background: #FFF;}
.input {color: #FFFFFF; border:1px solid #666666;}   
img{ border:0;}






/*     case.asp   css */

.work_title_box{ width:937px; height:116px; background:url(../images/work_contact.gif) right top no-repeat; margin:0 auto;}
.work_line{ height:30px; background:url(../images/work_line.gif) bottom no-repeat; margin-top:30px;}

.case_button { width:749px; height:97px;  float:right;}
.case_button2{ margin-top:30px; text-align:right;}

.work_container{ width:965px; height:1280px;  margin:0 auto; padding-right:11px;}
.work_list{ width:100%; height:245px; margin-top:20px ; clear:both;}
.work_left_box{ width:455px; float:left; padding-left:22px; padding-bottom:20px}
.work_right_box{ width:455px; float:right;}
.work_title{ height:30px; background-color:#EEEEEE; color:#000000; font-weight:bold; padding-left:20px; line-height:30px; }
.work_title2{ height:20px; border-bottom:1px solid #CCCCCC; font:10px Arial, Helvetica, sans-serif; padding-left:20px; line-height:20px;}
.work_title3{ height:28px; border-bottom:1px solid #CCCCCC; text-align:right; line-height:28px;}
.work_text{ height:146px; margin-top:10px;}
.work_img{ float:left; margin-right:10px;}
.work_page{ height:20px; margin-top:50px; clear:both; padding-left:5px; text-align:center;}
.work_page ul{ margin:0; padding:0;}
.work_page li{ list-style:none; float:left; margin-left:10px; text-align:center;}
.work_page li a{ display:block; width:auto; padding:2px 5px; height:22px; line-height:22px;  border:1px solid #E5E5E5;}
.work_page li a:hover,.page0{ width:auto; padding:2px 5px; height:22px; line-height:22px; background:#D8D8D8; border:1px solid #E5E5E5; color:#66CC00; }





/*     contact.asp   css */
.cont_top{ width:940px; height:37px; margin:0 auto;}
.cont_center{ width:940px; height:auto;  margin:0 auto;}
.cont_down{ text-align:center;}
.cont_title{ padding-left:38px;}
.cont_text{ padding:20px 20px 20px 38px; line-height:30px;}
.cont_img{ float:right;}
.cont_title2{n width:866px;  padding-top:20px; margin:auto; border-top:1px dashed #CCCCCC;  padding-left:38px;}







/*     news.asp   css */
.new_box{ width:940px; height:auto; margin:0 auto; padding-top:30px;}
.new_left{ width:273px; float:left; }
.new_title{ padding-bottom:20px;}


.new_right { width:606px; float:right; height:auto;}
.new_text_box{ width:606px; height:auto; padding-bottom:20px;}
.new_right_title{ height:35px; background:#E8E8E8; line-height:35px; padding-left:10px; font-weight:bold; color:#333333;}
.new_data{ height:24px; border-bottom:1px solid #CCCCCC; line-height:24px; padding-left:10px;}
.new_text{ padding-left:10px; padding-top:10px;}
.new_text{ word-wrap:break-work;word-break:break-all;}  /*edit by river*/
.new_page{height:20px; clear:both; padding-top:25px;}
.new_page ul{ margin:0; padding:0;}
.new_page li{ list-style:none; float:left; margin-left:10px; text-align:center;}
.new_page li a{ display:block; width:auto; padding:2px 5px; height:22px; line-height:22px;  border:1px solid #E5E5E5;}
.new_page li a:hover,.new0{ width:auto; padding:2px 5px; height:22px; line-height:22px; background:#D8D8D8; border:1px solid #E5E5E5; color:#CC0000; }

.faq_more{ padding-top:15px; text-align:right;}


/*     webdesign.asp   css    */
.web_box1{ width:909px; height:290px; margin:0 auto; background:url(../images/web_title1.gif) left top no-repeat; }
.web_top_img{ width:100%; height:auto; padding-top:40px;}
.web_img_style { border:1px solid #CCCCCC; padding:2px; margin-right:20px; }
.web_text1{ padding-top:20px; background:url(../images/web_bj.gif) right top no-repeat;}
.web_text2{ padding-top:20px; padding-left:18px; background:url(../images/web_bj.gif) right top no-repeat;}
.web_box2{ width:906px; height:127px;  margin:0 auto; padding-bottom:20px;}
.web_left_img{ width:6px; float:left;}
.web_text3{ width:894px; height:148px; background:url(../images/web_c_bj.gif); float:left; line-height:25px;}
.webdesign_img{ float:left; margin:20px;}
h3{ font-size:14px; color:#0066FF; margin:0; padding-top:18px;}
.web_youshi_box{ width:909px; height:220px; background:url(../images/web_title2.gif) left top no-repeat; padding-top:40px; margin:0 auto;}
.web_youshi_box2{ width:909px; height:205px; border:1px solid #E4E4E4;}
.web_1st{ width:300px; height:205px; border-right:1px solid #E4E4E4; float:left;}
.web_1st_text{ margin:1px; background:url(../images/web_1st.gif) left top no-repeat; padding-top:50px; padding-left:50px;}

.web_youshi_right{ width:602px; height:100%; float:left;}
.web_2nd{ width:300px; height:205px; float:left; border-right:1px solid #E4E4E4;}
.web_2nd_text{ margin:1px; background:url(../images/web_2nd.gif) left top no-repeat; padding-top:50px; padding-left:53px;}
.web_3rd{ width:300px; height:205px; float:right;}
.web_3rd_text{ margin:1px; background:url(../images/web_3rd.gif) left top no-repeat; padding-top:50px; padding-left:50px;}

.web_sub_line{ background:url(../images/web_line.gif) top no-repeat; width:901px; margin:auto; padding:0 20px;}
.web_sub_text{ padding:15px 20px; text-align:center; font-size:16px; font-family:"΢ÈíÑźÚ"; color:#333;}

/*     service.asp   css    */

.service_banner{ width:878px; height:255px; background:url(../images/service_banner.gif) no-repeat; margin:0 auto;padding-bottom:20px;}
.sv_box{ width:908px; height:186px; margin:0 auto; }
.service_bj1{ background:url(../images/service_bj1.gif) no-repeat;}
.service_bj2{ background:url(../images/service_bj2.gif) no-repeat;}
.service_bj3{ background:url(../images/service_bj3.gif) no-repeat;}
.service_bj4{ background:url(../images/service_bj4.gif) no-repeat;}
.service_bj5{ background:url(../images/service_bj5.gif) no-repeat;}
.service_bj6{ background:url(../images/service_bj6.gif) no-repeat;}
.service_bj_text{  padding:75px 0 0 25px; float:left; width:210px;}
.service_button{ float:left; padding:129px 0 0 10px;}

.service_down_box{ width:908px; height:153px; margin:0 auto; background:url(../images/service_xq_left.gif) left no-repeat;} 
.service_xq_bj{ width:723px; height:153px; margin-left:75px; background:url(../images/service_xq_right.gif) right no-repeat;}
.service_xq_box{ width:714px; height:153px; background:url(../images/service_xq_bj.gif);}
.service_xq_text{ padding:40px 0 0 20px;}



/*     about.asp   css    */

.about_banner{ width:984px; height:150px; background:url(../images/about_top.gif) left no-repeat; margin:0 auto; padding-bottom:20px;}
.about_text{ width:650px; height:auto; float:right;}
.about_photo{ width:100%; height:90px; background:url(../images/about_photo.gif) center no-repeat ;}
.about_team{ width:984px; height:200px; background: url(../images/about_team1.gif) left top no-repeat; margin:0 auto; padding-left:20px; border-bottom:1px dashed #CCCCCC;}
.about_img{ float:right;}
.about_culture{ width:984px; height:200px; background:url(../images/about_culture2.gif) left bottom no-repeat; margin:0 auto; border-bottom:1px dashed #CCCCCC;}
.culture_text{ width:626px; height:auto; float:right;}
.zizhi{ width:984px; height:200px; margin:0 auto;}

.ind_td_bb{ border:solid 1px #E1E1E1; background:#f2f2f2;}
.ind_td_bw{ border:solid 1px #E1E1E1;}
.ind_td_tit{ height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#555555; border-bottom:dashed 1px #CCCCCC; }
.ind_td_bor{ border:solid 3px #CCCCCC;}
.QQbox {
	Z-INDEX: 1000; POSITION: absolute; WIDTH: 170px; TOP: 145px; RIGHT: 3px
}
.QQbox .press {
	BORDER-BOTTOM: medium none; POSITION: absolute; BORDER-LEFT: medium none; WIDTH: 26px; HEIGHT: 136px; BORDER-TOP: medium none; CURSOR: pointer; RIGHT: 0px; BORDER-RIGHT: medium none
}
.QQbox .Qlist {
	WIDTH: 170px; LEFT: 0px
}
.QQbox .Qlist .b {
	WIDTH: 170px; FLOAT: right; HEIGHT: 6px; FONT-SIZE: 1px
}
.QQbox .Qlist .infobox {
	TEXT-ALIGN: center; PADDING-BOTTOM: 5px; LINE-HEIGHT: 14px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: url(../images/siderIM_infobox.gif) #bdc5cb no-repeat; COLOR: red; FONT-SIZE: 12px; FONT-WEIGHT: 700; PADDING-TOP: 5px
}
.QQbox .Qlist .t {
	BACKGROUND: url(../images/siderIM_title.gif); HEIGHT: 34px
}
.QQbox .Qlist .b {
	BACKGROUND: url(../images/siderIM_bottom.gif); HEIGHT: 9px; OVERFLOW: hidden
}
.QQbox .Qlist .con {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; BACKGROUND: url(../images/siderIM_bg.gif); PADDING-TOP: 10px
}
.QQbox .Qlist .con UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; ZOOM: 1; DISPLAY: block; PADDING-TOP: 0px
}
.QQbox .Qlist .con UL LI {
	TEXT-ALIGN: center; FONT-SIZE: 12px
}
.QQbox .Qlist .con UL LI B {
	FONT-FAMILY: Arial; COLOR: red; FONT-SIZE: 14px; FONT-WEIGHT: bold
}
.zijiren_t1{ width:938px; background:url(../images/zijiren_t1.gif); height:31px; margin:0 auto;}
.zijiren_text{ width:938px; padding:20px 0 10px 0; background:url(../images/zijiren_works.gif) 97% 70% no-repeat; margin:0 auto;}
.zijiren_case{
	width:938px;
	height:370px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.box1{ width:887px; height:319px; margin:0 auto; padding-top:15px; background:url(../images/zijiren_line1.gif) 44% 100% no-repeat;}
.zijiren_service{ width:390px; height:281px; padding-top:30px; background:url(../images/zijiren_service_img.gif) 95% bottom no-repeat; float:left;}

.zijiren_service_text{ height:215px; background:url(../images/zijiren_service1.gif) left bottom no-repeat;}
.zijiren_service2{ width:476px; height:263px; padding-top:41px; float:right;}
.zijiren_service2_list{ width:476px; height:65px; line-height:20px;}
.zijiren_service2_left{ width:220px; float:left;}
.zijiren_service2_right{ width:220px; float:right;}
.zijiren_searvice_img{ float:left; margin-right:10px;}
.zijiren_line{ width:938px; height:28px; background:url(../images/zijiren_line2.gif); margin:0 auto;}

.box2{ width:887px; height:276px; margin:0 auto; background:url(../images/zijiren_line1.gif) 44% 100% no-repeat;}
.zijiren_about{ width:390px; height:150px; padding-top:100px; background:url(../images/zijiren_about.gif) left top no-repeat; float:left;}
.zijiren_news{ width:370px; height:276px;  float:left;}
.zijiren_news ul{ margin:0; padding:0; list-style:none;}
.zijiren_news li{ list-style:none; margin-top:15px; word-break:break-all}

.zijiren_news2{ width:470px; height:276px;  float:right;}
.zijiren_news2 ul{ margin:0; padding:0; list-style:none;}
.zijiren_news2 li{ list-style:none; margin-top:15px; word-break:break-all}


.jjfa_title{ width:900px; height:100px; margin:0 auto; background:url(../images/jjfa_title.gif) left center no-repeat;}
.jjfa_img{ width:900px; height:203px;  margin:0 auto;}
.jjfa_img2{ width:900px; height:203px;  margin:0 auto;}
.jjfa_title2{ width:900px; height:95px; background:url(../images/jjfa_img3.gif) left bottom no-repeat; margin:0 auto;}
.jjfa_text{ width:900px; height:212px; margin:0 auto; background:url(../images/jjfa_img4.gif) left bottom no-repeat; padding:25px 0 0 0;}
.jjfa_text2{ width:550px; float:right; padding-right:50px;}


/* focus */
#focus {width:780px; height:380px; overflow:hidden; position:relative;}
#focus ul {height:380px; position:absolute;}
#focus ul li {float:left; width:780px; height:380px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:780px; height:40px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:770px; height:24px; left:0; bottom:8px; padding-left:10px;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:24px; height:24px; line-height:24px; text-align:center; font-size:20px; font-family:"Microsoft YaHei",SimHei; margin-right:10px; cursor:pointer; color:#fff;}
#focus .btn span.on {background:#000; color:#fcc;}