﻿@charset "utf-8";
/* css reset */
	* { margin:0; padding:0;}
	p { text-align:left; line-height:20px;}
	img { border:none;}
	li{ list-style-type: none;}
	a { color:#888888; text-decoration:none;}
	a:link { color:#888888;}
	a:visited { color:#888888;}
	a:active { color:#888888;}
	.fl { float:left;}
	.fr { float:right;}
	.clearf { zoom:1;} 
	.clearf:after { content:'\20'; display:block; clear:both;}
 
/******************** css sprite ********************/
	  	
	.menu { display:none;}

	#service_type ul li .txt { background:url(/images/dot_y.gif) right top repeat-y;}

	#service .big_pic {}
	#about .big_pic { background:url(/images/about_banner.jpg) center top no-repeat;}
 
	#wrapper {}
	#inner_wrapper {}
	#i_inner_wrapper {}
	.header { width:960px;}
	.container {}
	.main {}
	.content {}
	



/******************** home ********************/
	/**/
	.ps_box { margin-bottom:44px;width:100%;min-width:1000px;}
	.pics_switch { position:relative; width:1600px; margin:auto; height:450px; background:#1b1c24; overflow:hidden;}
	.pics_switch .pb { height:580px;}
	.pics_switch .pic_box { /*position:absolute; left:0; top:0;*/ float:left; width:1600px; height:580px; }
	.pics_switch .pic_box a { margin:auto; display:block; width:1210px; height:580px;text-align:center;min-width:817px;}
 .pics_switch .pic_box a img{
 margin-left:-8px;
     width:817px;
     height:450px;
 }
	/*左右翻页箭头*/
	.viewArrows { display:block; width:50px; height:50px; line-height:50px; cursor:pointer; text-indent:-99999999px; position:absolute; top:179px;}
	.prev { left:300px; background:url(/images/prev.png) center center no-repeat;}
	.next { right:320px; background:url(/images/next.png) center center no-repeat;}
     
	.pic_box_style_1 { background:#000000;}
	.pic_box_style_2 { background:#1b55d7;}
	.pic_box_style_3 { background:#4264a9;}
	.pic_box_style_4 { background:#000000;}
	.pic_box_style_5 { background:#101117;}
	.pic_box_style_6 { background:#1e1e20;}
	/**/
	.ps_box .pics_switch_clients { display:; width:100%; height:80px; position:absolute; left:0; bottom:0; overflow:hidden;}
	.ps_box .pics_switch_clients ul { margin:20px auto 0; width:95px; height:auto; overflow:hidden;}
	.ps_box .pics_switch_clients ul li { float:left; padding:20px 0; cursor:pointer; }
	.ps_box .pics_switch_clients ul li span { display:block; margin-right:5px; width:20px; height:1px; text-indent:-999999px; background:#FFF;}
	.ps_box .pics_switch_clients ul li.li_1 span { background-position:0 -124px;}/*normal*/
	.ps_box .pics_switch_clients ul li.li_2 span { background-position:-159px -124px;}
	.ps_box .pics_switch_clients ul li.li_3 span { background-position:-318px -124px;}
	.ps_box .pics_switch_clients ul li.li_4 span { margin-right:0; background-position:-477px -124px;}
	.ps_box .pics_switch_clients ul li.li_5 span { background-position:-636px -124px;}
	.ps_box .pics_switch_clients ul li.li_6 span { background-position:-795px -124px;}
	.ps_box .pics_switch_clients ul li.li_1 .hover { background-position:0 -185px;}/*hover*/
	.ps_box .pics_switch_clients ul li.li_2 .hover { background-position:-159px -185px;}
	.ps_box .pics_switch_clients ul li.li_3 .hover { background-position:-318px -185px;}
	.ps_box .pics_switch_clients ul li.li_4 .hover { background-position:-477px -185px;}
	.ps_box .pics_switch_clients ul li.li_5 .hover { background-position:-636px -185px;}
	.ps_box .pics_switch_clients ul li.li_6 .hover { background-position:-795px -185px;}
	.ps_box .pics_switch_clients ul li.li_1 .current { background-position:0 -185px;}/*current*/
	.ps_box .pics_switch_clients ul li.li_2 .current { background-position:-159px -185px;}
	.ps_box .pics_switch_clients ul li.li_3 .current { background-position:-318px -185px;}
	.ps_box .pics_switch_clients ul li.li_4 .current { background-position:-477px -185px;}
	.ps_box .pics_switch_clients ul li.li_5 .current { background-position:-636px -185px;}
	.ps_box .pics_switch_clients ul li.li_6 .current { background-position:-795px -185px;}
	/**/
	
	
	
	
/******************** 响应式 ********************/
    

    /* Default wide-screen styles */
    @media all and (max-width: 1024px) {
		.header .inner_header { width:960px; height:90px;}
		.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a { width:1024px;}
		.prev { left:205px;}
		.next { right:205px;}
		
    }
     