/* contnew.net css sys */
/* author: zmkone */
/* author mail: zmkone@gmail.com */

/*初始化*/
*{
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em, table, td, th { padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, h7 { font-size:14px; font-weight:bold;}
img, table, td, th { border:0;}
ul{list-style-type:none;}
a { color:#333; text-decoration:none;}
a:hover { color:#fc0000; text-decoration:underline;}
body { font:12px Arial, "宋体", Verdana, sans-serif;}

/*头部*/

#head { width:100%; height:105px; background:url(head_bg.gif) top repeat-x;}
    #head #logo { width:950px; height:71px;background:url(logo_bg.gif) left top no-repeat; margin:0 auto;}
	    #head #logo h1 { float:left;}
	    #head #logo p { float:right; margin-top:28px;}
		    #head #logo p a { color:#94a4c2;}
		    #head #logo p a strong { font-weight:normal;}
			#head #logo p em { padding:0 10px;}

			a#header_logo{float:left;width:230px;height:70px;background:url("logo.gif") no-repeat;text-indent:-99999px;}
	#head #menu { width:950px; height:33px; background:url(menu_bg.gif) top repeat-x; white-space:nowrap; margin:0 auto;}
        #menu li { float:left; width:84px; height:33px; background:url(menu_line.gif) right top no-repeat;}
        #menu li.end{background:none;}
		    #menu li a { color:#fff; display:block; font-size:12px; text-align:center;font-weight:bold; text-decoration:none; padding:10px 0;}
			#menu li a.here, #menu li a:hover { background:url(menu_li_hover.gif) left top no-repeat; color:#fff;}
			#menu li#search { width:236px; float:right; background:url(menu_right.gif) right top no-repeat; padding-top:5px; position:relative;}
			    #menu li#search input { width:150px; position:absolute; top:6px; font-size:12px; padding:4px 2px 0 3px; color:#666; border:1px solid #065387; height:16px;}
				#menu li#search input.submit { background:none; position:absolute; top:6px; left:160px; height:21px; border:0; color:#fff; font-weight:600; padding:2px 0 1px 0; width:59px; background:url(search_bg.gif) left 50% no-repeat; cursor:pointer;}
				#menu li a#menu_home { background:url(menu_home_other.gif) left top no-repeat;}
				#menu li a#menu_home.here, #menu li a#menu_home:hover { background:url(menu_home.gif) left top no-repeat;}
				#menu li a#idc { padding:10px 15px;}

	/*菜单*/
	#topnav { width:950px; height:32px; background:url(topnav.gif) top left no-repeat;margin:0 auto;}
	    #topnav p { padding:8px 28px; font-weight:bolder;}
			#topnav p a { text-decoration:none; color:#333; font-weight:normal;}
			#topnav p em { padding:0 8px;}
	
	#main_p{width:950px;height:351px;padding:10px 0 0 0;}

	#topCase{width:950px;height:270px;background:url("bg_portfolio.gif") no-repeat bottom;margin:10px auto;}
	#portfolio_menu{float:left;font-weight:bold;margin-top:10px; margin-left:200px;}
	
	.news_slider{margin-top:0 !important;}
	.portfolio_show{color:#a1a1a1;height:270px;margin-bottom:13px;background:url(portfolio_show_bg.gif);}
	.portfolio_show .left{float:left;width:45px;height:270px;position:relative;background:url(portfolio_show_bg_left.gif);}
	.portfolio_show .right{float:right;width:45px;height:270px;position:relative;background:url(portfolio_show_bg_right.gif);}
	.portfolio_show .left img,.portfolio_show .right img{position:absolute;top:115px;right:7px;}
	.portfolio_show ul{	float:left;width:860px;}
	.portfolio_show ul li{float:left;width:190px;margin:0px 12px;}
	.portfolio_show ul li img{margin:30px 20px}
	.portfolio_show ul li strong{display:block;}
	.item{float:left;width:214px;height:270px;display:inline;	}
	.item img{margin:15px 20px;margin-bottom:5px;}
	.item p{display:block;width:200px;height:100px;text-align:left}
	.bar_title {display:block;color:#a1a1a1;width:190px;height:20px;line-height:20px;padding-top:5px;padding-left:5px;padding-bottom:0;text-align:left;font-weight:bold;	}
	*html .bar_title {padding-top:0;padding-left:0;}
	*+html .bar_title {padding-top:0;padding-left:0;}
	.bar_title a{width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin:0 auto;	text-align:center;color:#e9e9e9 !important;}
	.bar_title a:hover {color:#fff;}
	.bar_title a:visited {color:#a1a1a1;}
	.bar_brief {display:block;width:190px;height:38px;overflow:hidden;color:#afafaf;line-height:14px;padding:5px;text-align:left;font-weight:normal;	}

	#timerange{width:950px;height:55px;background:url("bg_time_range.gif") no-repeat;margin:10px auto;position:relative;}
	#timerange li#time{position:absolute; width:950px;line-height:20px;top:8px;left:28px;}
	#timerange li#time a{padding:0 6px 0 6px;}
	#timerange li#time a:hover{background:#fff;}
	#timerange li#types{position:absolute; width:950px;line-height:20px;top:28px;left:28px;}
	#timerange li#types a{padding:0 6px 0 6px;}
	#timerange li#types a:hover{background:#fff;}

	#main_col{width:950px;height:208px;background:url("bg_client.png") repeat-x;}
	#main_col dl{}
	#main_col dl dt{width:950px;position:relative;height:50px;line-height:30px;}
	#main_col dl dt .main_col_title{font-size:14px;font-weight:bolder;top:20px;left:20px;color:#333;position:absolute;}
	#main_col dl dt .main_col_link{position:absolute;top:20px;right:20px;font-size:12px;font-weight:normal;}
	#main_col dl dt .main_col_link a{padding:0 6px 0 6px;}
	#main_col dl dd{}
	#main_col dl dd ul{padding:10px 0 0 10px;}
	#main_col dl dd ul li{float:left;width:175px;height:170px;background:url("bg_main_colli.gif") top right no-repeat;padding:0;margin:0 0 0 10px;}
	#main_col dl dd ul li.end{background:none;}
	#main_col dl dd ul li .thumb{width:164px;height:83px;text-align:center;background:url("bg_thumb.gif") no-repeat;}
	#main_col dl dd ul li .thumb img{width:155px;height:73px;padding:6px 0 0 0;}
	#main_col dl dd ul li .title{color:#333;line-height:24px;font-weight:bolder;}
	#main_col dl dd ul li .description{width:160px;height:42px;color:#666;overflow:hidden;text-overflow:ellipsis;}

	#content-clients{width:740px;}
	#content-clients ul{}
	#content-clients ul li{float:left;width:175px;height:150px;background:url("bg_main_colli.gif") top right no-repeat;padding:0;margin:0 0 0 10px;}
	#content-clients ul li.end{background:none;}
	#content-clients ul li .thumb{width:164px;height:83px;text-align:center;background:url("bg_thumb.gif") no-repeat;}
	#content-clients ul li .thumb img{width:155px;height:73px;padding:6px 0 0 0;}
	#content-clients ul li .title{color:#333;line-height:24px;font-weight:bolder;}
	#content-clients ul li .description{width:160px;height:42px;color:#666;overflow:hidden;text-overflow:ellipsis;}

	#support{width:950px;margin:10px auto;}
	#support .support_form{width:950px;height:208px;background:url("bg_support_form.jpg") no-repeat;position:relative;}
	#support .support_form .form_text{position:absolute;top:75px;left:36px;color:#333;}
	#support .support_form .form_input{position:absolute;top:100px;left:40px;}
	#support .support_form .form_submit{position:absolute;top:96px;left:223px;}
	#support .support_form .txtFormInput{width:180px;height:20px;border:none;}

	#cases{width:950px;margin:10px auto;position:relative;}
	#cases dl{}
	#cases dt{font-size:22px;font-family:"myriad pro";color:#333;}
	#cases dd{}
	#cases dd ul.caseList{width:936px;margin:0 auto;}
	#cases dd ul.caseList li{float:left;width:288px;height:250px;margin-right:35px;}
	#cases dd ul.caseList li.end{margin:0;}
	#cases dd ul.caseList li .image{width:288px;height:90px;}
	#cases dd ul.caseList li .title{font-family:"Trebuchet MS";width:288px;line-height:50px;font-size:16px;font-weight:bolder;}
	#cases dd ul.caseList li .description{font-family:"Trebuchet MS";width:288px;height:70px;font-size:12px;color:#666;line-height:16px;letter-spacing:0.3mm;}
	#cases dd ul.caseList li .description a{font-family:"Trebuchet MS";color:blue;padding:0 4px 0 4px;}
	#cases dd ul.caseList li .url a{font-family:"Trebuchet MS";width:288px;color:#666;line-height:16px;}

	#client_references{width:950px;height:67px;line-height:67px;background:url("bg_client_references.gif") no-repeat;margin:6px auto;}
	#client_references a{float:left;line-height:67px;padding:0 0 0 6px;}

	#cooperation{width:950px;margin:10px auto;}
	#cooperation h2{color:#DC0000; font-size:16px; padding-left:8px; padding-bottom:10px; border-bottom:1px solid #A8B5BD;}
	#cooperation dd ul{width:940px;margin:10px auto;margin-bottom:10px;background:#FFFFFF;border-left:1px solid #CCCCCC;border-top:1px solid #CCCCCC;}
	#cooperation dd ul li{float:left;font-size:1px;padding:11px 21px;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;}
	
	#product{width:100%; color:#333; background:url("bg_product_main.jpg") top no-repeat;}
	#product .content-head{width:950px;height:68px;line-height:68px;border-bottom:1px solid #ccc;margin:0 auto;text-align:left;position:relative;}
	#product .content-head .product_title{font-size:22px;font-weight:normal;font-family:"myriad pro";position:absolute;top:0;left:40px;}
	#product .content-head .product_link{color:#CB0000;width:400px;margin:0 auto;text-align:right;position:absolute;top:0;right:40px;}
	#product .content-head .product_link a{font-weight:normal;font-family:"myriad pro";padding:0 6px 0 6px;}
	#product .content-head .product_link a.selected{color:#CB0000;}
	#product .content_product_bgmain{width:950px;margin:20px auto;}

#content { width:950px; margin:10px auto; color:#4B5A61;}
	#content #left { float:left; width:740px; padding:5px 0;}
		#left h2 { color:#DC0000; font-size:16px; padding-left:8px; padding-bottom:10px; border-bottom:1px solid #A8B5BD;}
		#left h2 em{font-size:10px;text-transform:uppercase;padding-left:12px;}

	#content #right {float:right; width:201px; padding:5px 0 0 0; background:url(right_bg.jpg) 15px bottom no-repeat;}
	    #right h2 { background:url(right_head.gif) left top no-repeat; height:42px; line-height:42px; font-size:14px; font-weight:bolder; color:#fff; padding-left:14px; position:relative; z-index:2;}
		#right ul { width:201px; background:#FFF url(right_ul_bg.jpg) center top repeat-y; z-index:1;}
		    #right li { background:transparent; background: url("right_ul_bottom.gif") bottom no-repeat;}
			    #right li a { display:block; background: url(right_list_bg.gif) center top repeat-y; border-bottom:1px solid #DDE6EB; padding:12px 30px 8px 14px; width:157px; color:#0097C9; font-size:12px; font-weight:300; text-decoration:none; margin-bottom:1px;}
				#right li a.here, #right li a:hover { background:url(right_list_now.gif) left top repeat-y; color:#DC0000; text-decoration:none;}
			    #right li ul { background:#E9F0F4; margin:0 2px; padding:10px; margin-bottom:1px;}
				#right li li a { background:none; border:0; padding:6px 30px 6px 50px; color:#8EA2A9;}
				#right li li a.here, #right li li a:hover { background:none; color:#53B402;}
		
		#right h3 { font-size:12px; padding-top:10px; padding-left:25px; background:transparent;}

	#content-body p{padding:0 0 12px 0;}
	#content-body ul{}
	#content-body li{padding-left:20px;background:url("bg_li_arrow.gif") no-repeat;}

	.company #content-body,
	.company #company_hr { padding:10px; margin-top:20px; line-height:24px; color:#333;}
	.store   #content-body { padding:10px; margin-top:20px; line-height:24px; color:#333;}

	#content-body table th, #content-body table td { padding:8px 5px; text-align:center; background:#F4F8F9; overflow:hidden; line-height:20px;}
	#content-body table th { text-align:left; padding:8px 10px; background:#E5EDF0; font-weight:normal; width:210px; overflow:hidden;}
	#content-body table td.f_td { background:#F3F4F6 url(../images/service/s_td_bg.jpg) top left repeat-y; text-align:left; padding-left:13px;}

	#content-body table th p { display:none; color:#777; margin-top:10px;}
	#content-body table th p.show { display:block;}
	#content-body table th strong { color:#0197C9; padding:0 3px; cursor:pointer;}
	#content-body table th.s_th { width:100%; font-weight:600;}
	#content-body table th.s_th p { width:90%; font-weight:normal;}

	#content-body dl{
		padding-bottom:12px;
		margin-bottom:12px;
	}
	#content-body dt{font-size:14px;font-weight:bolder;color:#3D3D3D;}
	#content-body dt a{color:#DC0000;}
	#content-body dt a:visited{color:#DC0000;}
	#content-body dd{line-height:24px;color:#666666;}

	#right li p.notes_im{padding:0 12px;margin:0;line-height:22px;}
	#right li p.notes_im span{display:block;padding:12px 0;}
	#right li p.notes_im a {display:block; background: none; padding:0; width:180px; color:#0097C9; font-size:12px; text-decoration:none;}

	ul#cus {padding:6px 0 0 0;}
	ul#cus li { margin-bottom:20px;}
	ul#cus li h1,
	ul#cus li h1 a{ font-size:14px; font-weight:bolder; margin-bottom:10px;}
	ul#cus p {line-height:22px;padding:0 0 10px 0;border-bottom:1px dotted #666;}

	.pager{width:320px;height:27px;line-height:27px;text-align:left;padding:14px 0 14px 0;clear:both;margin:0 auto;}
	.pager a{float:left;font-size:14px;width:24px;height:24px;line-height:24px;text-align:center;font-weight:bolder;margin:0 4px 0 0;font-family:"Trebuchet MS";}
	.pager a.selected,
	.pager a:hover{color:#fff;background:url("bg_pager_ahover.gif") no-repeat;}

	.dotted_hr{height:1px;border:0;border-bottom:1px dotted #333;}

/*底部信息*/

#footer { width:950px; height:70px;margin:0 auto;}
    #footer,
    #footer a{
		font-size:12px;
	}
    #footer div { padding-top:10px;}
	#footer div#copy { float:left;width:50%;font-size:12px;}
	#footer div#copy a{
		padding:0 4px 0 4px;
	}
    #footer div#contnewservices { float:right; text-align:right;}
	#footer em {float:left;font-size:10px;width:200px;padding:0;margin:0; color:#666;}

.clearBoth{clear:both;}
.body_li_title{display:block;}
.txtInput{width:240px;height:22px;line-height:22px;border:1px solid #dedede;}
.txtTextarea{width:100%;height:200px;line-height:16px;border:1px solid #dedede;}
input.submit { background:none; height:21px; border:0; color:#fff; font-weight:600; padding:2px 0 1px 0; width:59px; background:url(search_bg.gif) left 50% no-repeat; cursor:pointer;}

/*统一样式*/

#head, #head #logo, #topnav, #head #menu, #main_p, #main_col{ margin:0 auto;}
#head, #head #logo { overflow:hidden;}
#head #logo p a strong, #foot p#comsenzservice a strong { color:#0097CC;}
#head #logo p a, #foot p#comsenzservice a { text-decoration:none;} 
#foot p#comsenzservice a, #foot p#copy { color:#4c5a62;}