@charset "utf-8";
/* css reset */
	
/******************** css sprite ********************/
	.logo , .menu , .header .nav a , .ps_box .pics_switch_clients ul li span , .firmIntro .txt_1 , .firmIntro .shares a , #case span em , .firmIntro .more , #home .case_box .shead , #service_type ul li .icon , #about .big_pic .txt_3 a , .item_detail .pages span { background:url(images/iov-studio.png) left top; overflow:hidden;}
 	.logo { background-position:-376px -3px;}

	#service_type ul li .txt { background:url(images/dot_y.gif) right top repeat-y;}

	#about .big_pic { background:url(images/about_banner.jpg) center top no-repeat;}


/******************** home ********************/
	/**/
	.pics_switch { position:relative; width:1440px; margin:auto; height:430px; background:#1b1c24; overflow:hidden;}
	.pics_switch .pb { height:397px;}
	.pics_switch .pic_box { /*position:absolute; left:0; top:0;*/ float:left; width:1440px; height:397px; overflow:hidden;}
	.pics_switch .pic_box a { margin:auto; display:block; width:1440px; height:397px;}
	
	/*左右翻页箭头*/
	.viewArrows { display:block; width:50px; height:50px; line-height:50px; cursor:pointer; text-indent:-99999999px; position:absolute; text-align:center; }
	.prev { left:200px; background:url(images/prev.png) center center no-repeat; top:200px;}
	.next { right:200px; background:url(images/next.png) center center no-repeat; top:200px;}

	.pics_switch .pic_box a.pic_banner_001 { background-image: url(../images/pz_07.jpg); background-repeat: no-repeat; background-position: center top; }
	.pics_switch .pic_box a.pic_banner_002 { background-image: url(../images/pz_07.jpg); background-repeat: no-repeat; background-position: center top; }
	/*.pics_switch .pic_box a.pic_banner_003 { background-image: url(../images/banner01.jpg); background-repeat: no-repeat; background-position: center top; }
*/
	.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:180px; 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:30px; height:5px; 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;}
	/**/
	
	.pics_switch { height:397px;}
	
	
/******************** 响应式 ********************/
    @media all and (max-width: 1030px) {
		.ps_box { overflow:hidden;}
		.pics_switch { height:430px;}
		.prev { top:200px;}
		.next { top:200px;}
    }

    /* Default wide-screen styles */
    @media all and (max-width: 1024px) {
		.ps_box { overflow:hidden;}
		.pics_switch { height:430px;}
		.header .inner_header { width:960px; height:90px;}
		.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a { width:1024px;}
		.prev { left:25px; top:269px;}
		.next { right:25px; top:269px;}
		
    }


    @media all and (max-width: 960px) {
	
		.ps_box { overflow:hidden;}
		.pics_switch { height:350px;}
		.pics_switch .pb { height:350px;}
		.pics_switch .pic_box a { height:350px; background-size:1300px 350px !important;}
		.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a { width:960px;}
		.prev { left:25px; top:150px;}
		.next { right:25px; top:150px;}

    }


    @media all and (max-width: 768px) {
		
		.ps_box { overflow:hidden;}
		.pics_switch { height:300px;}
		.pics_switch .pb { height:300px;}
		.pics_switch .pic_box a { height:300px; background-size:1150px 300px !important;}
		.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a { width:768px;}
		.case_box { overflow:hidden;}
		.case_box ul { width:740px;}
		.case_box, .case_box .tabs { width:700px;}
		.case_box .ul_box { width:740px;}
		.case_box ul li .cover { width:218px;}
		.prev { left:25px; top:125px;}
		.next { right:25px; top:125px;}
	
    }
	
    @media all and (max-width: 640px) {
		.prev { left:20px; top:100px;}
		.next { right:20px; top:100px;}
		.ps_box { margin-bottom:30px; overflow:hidden;}
		.pics_switch { height:220px;}
		.pics_switch .pb { height:220px;}
		.pics_switch .pic_box a { height:250px; background-size:820px 220px !important;}
		.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a { width:640px;}

    }
	
	
	@media all and (max-width: 480px) {
	
		.prev { left:10px; top:50px;}
		.next { right:10px; top:50px;}
		
		.ps_box { margin-bottom:25px; overflow:hidden;}
		.ps_box .pics_switch_clients { height:30px;}
		.ps_box .pics_switch_clients ul { margin:0 auto;}
		.ps_box .pics_switch_clients ul li { padding:15px 0;}
		.pics_switch { width:480px; height:160px;}
		.pics_switch .pb { height:160px;}
		.pics_switch .pic_box a { height:160px; background-size:560px 160px !important;}
		.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a { width:480px;}
		
		.lang { display:none; }
	
	}

	
    @media all and (max-width: 320px) {

		.prev { left:10px;  top:100px;}
		.next { right:10px;  top:100px;}
		
		.ps_box { margin-bottom:15px; overflow:hidden;}
		.ps_box .pics_switch_clients { height:30px;}
		.ps_box .pics_switch_clients ul { margin:0 auto;}
		.ps_box .pics_switch_clients ul li { padding:15px 0;}
		.pics_switch { width:320px; height:200px;}
		.pics_switch .pb { height:20px;}
		.pics_switch .pic_box a { height:200px; background-size:568px 200px !important;}
		.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a { width:320px;}
		.lang { display:none; }
    }
	
    @media all and (max-width: 240px) {
		.lang { display:none; }
    }


/* scrollleft */
.scrollleft{width:1000px; margin:20px auto;}
.scrollleft li{float:left;margin-right:7px;display:inline;width:220px;text-align:center;line-height:19px}
