/* css reset */
* { margin: 0; padding: 0; }
p { text-align: left; line-height: 20px; }
img { border: none; }
li { list-style-type: none; }
a { color: #000; text-decoration: none; }
a:link { color: #000; }
a:visited { color: #000; }
a:hover { text-decoration: underline; }
a:active { color: #000; }
.fl { float: left; }
.fr { float: right; }
.clearf { zoom: 1; }
.clearf:after { content: '\20'; display: block; clear: both; }
html { overflow: scroll; overflow-x: hidden }
.clear { clear: both; }
/******************** css sprite ********************/
body { font: normal 14px "", Arial, Helvetica, sans-serif; color: #333333; background: #ffffff; }
.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: -495px -106px; }
.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; }
body { text-align: center; }
#wrapper { }
#inner_wrapper { }
#i_inner_wrapper { }
.header { width: 960px; }
.container { }
.main { }
.content { }
/******************** public class ********************/
	/*header*/
.header { width: 100%; position: absolute; top: 0; left: 0; z-index: 99; background: #FFF;}
.header .inner_header { margin: auto; width: 1030px; height: 90px; background: #FFF; }
.header .logo { float: left; display: block; margin: 10px 0 0 30px; width: 310px; height: 69px; text-indent: -999999px; overflow: hidden; }
.header .nav { float: right; margin: 30px 10px 0 0; height: 30px; }
.header .nav a { float: left; display: block; width: 85px; height: 36px; text-indent: -999999px; overflow: hidden; }
.header .nav span { display: block; float: left; margin: 14px 10px 0; width: 1px; height: 12px; background: #545455; }
/*ҳ*/
.header .nav a.nav_home { background-position: -0 -496px; }
/**/
.header .nav a.nav_about { background-position: -85px -496px; }
/*ҵ̬*/
.header .nav a.nav_news { background-position: -170px -496px; }
/*Ʒչʾ*/	
.header .nav a.nav_product { background-position: -255px -496px; }
/**/	
.header .nav a.nav_honour { background-position: -340px -496px; }
/*ɹ*/
.header .nav a.nav_case { background-position: -425px -496px; }
/*ϵ*/
.header .nav a.nav_job { background-position: -510px -496px; }

.header .nav a.nav_contact { background-position: -595px -496px; }

#home .header .nav a.nav_home { background-position: -0 -538px; }
#about .header .nav a.nav_about { background-position: -85px -538px; }
#news .header .nav a.nav_news { background-position: -170px -538px; }
#product .header .nav a.nav_product { background-position: -255px -538px; }
#honour .header .nav a.nav_honour { background-position: -340px -538px; }
#case .header .nav a.nav_case { background-position: -425px -538px; }
#job .header .nav a.nav_job { background-position: -510px -538px; }
#contact .header .nav a.nav_contact { background-position: -595px -538px; }
/* footer */
.footer { width: 100%; height: 100px; }
.footer .inner_footer { margin: auto; padding-top: 28px; width: 1030px; }
.footer p { color: #999999; line-height: 26px; font-size: 10px; font-family: Verdana, Geneva, sans-serif;/*chrome 12px hack*/ -webkit-text-size-adjust: none; }
.footer p.pm a { color: #888888; text-decoration: underline; }
.footer p.pm a:hover { color: #666666; text-decoration: underline; }
.footer p.pb { }
.footer p.pb a { display: block; float: left; margin-right: 4px; width: 20px; height: 20px; text-indent: -999999px; background: url(../images/shareIcons.png) left top no-repeat; overflow: hidden; }
.footer p.pb a.icon_1 { background-position: 0 0; }
.footer p.pb a.icon_2 { background-position: -1px -20px; width: 16px; }
.footer p.pb a.icon_3 { background-position: 0 -40px; }
.footer p.pb a.icon_4 { background-position: 0 -60px; }
.footer p.pb a.icon_5 { background-position: 0 -80px; }
.footer p.pb a.icon_1:hover { background-position: -20px 0; }
.footer p.pb a.icon_2:hover { background-position: -21px -20px; }
.footer p.pb a.icon_3:hover { background-position: -20px -40px; }
.footer p.pb a.icon_4:hover { background-position: -20px -60px; }
.footer p.pb a.icon_5:hover { background-position: -20px -80px; }
.sel_portfolio_detail .footer p.pb a { background: url(../images/shareIcons_.png) left top no-repeat; }
.sel_portfolio_detail .footer p.pb a.icon_1 { background-position: 0 0; }
.sel_portfolio_detail .footer p.pb a.icon_2 { background-position: -1px -20px; width: 16px; }
.sel_portfolio_detail .footer p.pb a.icon_3 { background-position: 0 -40px; }
.sel_portfolio_detail .footer p.pb a.icon_4 { background-position: 0 -60px; }
.sel_portfolio_detail .footer p.pb a.icon_5 { background-position: 0 -80px; }
.sel_portfolio_detail .footer p.pb a.icon_1:hover { background-position: -20px 0; }
.sel_portfolio_detail .footer p.pb a.icon_2:hover { background-position: -21px -20px; }
.sel_portfolio_detail .footer p.pb a.icon_3:hover { background-position: -20px -40px; }
.sel_portfolio_detail .footer p.pb a.icon_4:hover { background-position: -20px -60px; }
.sel_portfolio_detail .footer p.pb a.icon_5:hover { background-position: -20px -80px; }
/******************** home ********************/

.ps_box { margin-bottom: 50px; }
.pics_switch { width: 1600px; height: 580px; background: #1b1c24; overflow: hidden; }
.pics_switch .pb { height: 580px; }
.pics_switch .pic_box { float: left; overflow: hidden; }
.pics_switch .pic_box a { display: block; height: 580px; width: 1600px; }
.viewArrows { display: block; width: 50px; height: 50px; line-height: 50px; cursor: pointer; text-indent: -99999999px; position: absolute; top: 269px; }
.prev { left: 200px; background: url(../images/prev.png) center center no-repeat; }
.next { right: 200px; background: url(../images/next.png) center center no-repeat; }
.pics_switch .pic_box a.pic_banner_001 { background: url(../images/portfolio_pic_1_banner.jpg) center center no-repeat; }
.pics_switch .pic_box a.pic_banner_002 { background: url(../images/portfolio_pic_2_banner.jpg) center center no-repeat; }
.pics_switch .pic_box a.pic_banner_003 { background: url(../images/portfolio_pic_3_banner.jpg) center center no-repeat; }
.pics_switch .pic_box a.pic_banner_004 { background: url(../images/jiayu.jpg) 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; }
/**/
.firmIntro { display: none; margin: 0 auto 20px; padding-bottom: 10px; width: 960px; position: relative; }
.firmIntro .txt_1 { height: 66px; text-indent: -999999px; background-position: 0 -302px; }
.firmIntro .txt_2 { display: none; width: 100%; height: 20px; color: #666; font-size: 16px; background: url(../images/dot.gif) left 10px repeat-x; overflow: hidden; }
.firmIntro .txt_3 { text-align: right; position: absolute; right: 0; top: 50px; }
.firmIntro .more { padding: 0 0 6px 20px; font-size: 11px; color: #000; background-position: 0 -446px; }
.firmIntro .more:hover { color: #2D6EA8; text-decoration: none; }
.firmIntro .shares { position: absolute; right: 0; top: 0; display: none; }
.firmIntro .shares a { display: block; float: left; margin-left: 10px; width: 20px; height: 20px; text-indent: -999999px; }
.firmIntro .shares a.sina { background-position: 0 -378px; }
.firmIntro .shares a.flickr { background-position: -7px -8px; display: none; }
.firmIntro .shares a.tencent { background-position: -22px -378px; }
#home .case_box .ul_box { display: none; height: 300px; border: 1px solid #DCDCDC; overflow: hidden; }
#home .case_box .shead { display: none; margin-bottom: 10px; width: 100%; height: 23px; text-indent: -999999px; background-position: 0 -408px; }
#service_type { margin: 0 auto 20px; width: 1030px; }
#service_type ul { }
#service_type ul li { float: left; width: 480px; }
#service_type ul li .icon { display: block; float: left; margin-right: 10px; width: 32px; height: 32px; overflow: hidden; }
#service_type ul li .txt { float: left; padding-right: 25px; width: 450px; overflow: hidden; }
#service_type ul li .txt h4 { margin-bottom: 5px; font-size: 14px; color: #1660a3; text-align: left; white-space: nowrap; word-spacing: normal;/*chrome 12px hack*/ -webkit-text-size-adjust: none; font-size:18px;}
#service_type ul li .txt p { color: #666; font-size: 90%; line-height: 1.8em; ;/*chrome 12px hack*/ -webkit-text-size-adjust: none; font-size:18px;}
#service_type ul li.st_1 { }
#service_type ul li.st_1 .icon { background-position: -374px -422px; }
#service_type ul li.st_2 { margin: 0 30px; }
#service_type ul li.st_2 .icon { background-position: -448px -420px; }
#service_type ul li.st_3 { margin-left: 15px; }
#service_type ul li.st_3 .icon { background-position: -522px -420px; }
#service_type ul li.st_3 .txt { background: none; }
/******************** portfolio ********************/
	/**/
.case_box { margin: 0 auto 20px; width: 1030px; position: relative; }
.case_box .tabs { position: relative; width: 1030px; height: 0px; }	/* height: 40px;*/
.case_box .tabs .inner_tabs { position: absolute; left: 0; top: 0; z-index: 21; width: 100%; color:#127AE9; }	
.case_box .tabs .t_line { width: 100%; height: 1px; position: absolute; left: 0; top: 40px; background: #dcdcdc; overflow: hidden; }
.case_box .tabs span { float: left; padding-left: 16px; height: 40px; cursor: pointer; border: 1px solid #dcdcdc;  background: #f9f9f9;font-size:18px; }
.case_box .tabs span.three {/* border-right:1px solid #dcdcdc;*/ }
.case_box .tabs span.four {/* border-right: 1px solid #dcdcdc; */}
.case_box .tabs span b { display: inline-block; padding-right: 16px; height: 39px; line-height: 39px; font-size: 18px; }
.case_box .tabs span.current { height: 40px; border-top-color: #C5C5C5; background: #FFF; color:#f00; }
.case_box .tabs span.current b { height: 40px; line-height: 39px; overflow: hidden; color:#f00;}
.case_box .tabs .more { float: right; margin: 10px 0 0 0; padding: 0; color: #666; text-decoration: none; width: 48px; height: 22px; line-height: 22px; font-size: 16px; font-weight: bold; text-align: center; border: none; background: none; }
.case_box .tabs .more:hover { color: #000; }
.case_box .ul_box { width: 1030px; /*height:670px; border:1px solid #dcdcdc; border-top:none;*/ background: #FFF; overflow: hidden; }
.case_box .addLoadingIcon { background: #fff url(../images/loading.gif) center center no-repeat; }
.case_box .inner_ul_box { margin:0 1px; width:1030px; height:100%; background:#fff; overflow:hidden; }
.case_box ul { margin-left: 0; padding-bottom: 20px;}
.case_box ul li { float: left; display: inline; overflow: hidden; text-align: left; margin:0 18px; /*-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#fff;*/ overflow: hidden; }
.case_box ul li .cover { display: block; width: 304px; height: 260px; text-align: left; position: relative; }
.case_box ul li .cover:hover { text-decoration: none; }
.case_box ul li .cover .hoverMask { width: 300px; height: 200px; position: absolute; left:0; top: 0; z-index: 90; background: url(../images/cover_hover.png) left top no-repeat; }
.case_box ul li .cover img { position: absolute; left: 0; top: 0; }
.case_box ul li .cover h2 { position: absolute; left: 0; top: 210px; }
.case_box ul li .cover span { position: absolute; left: 0; top: 168px; }
.case_box ul li img { display: block; width: 300px; height: 200px; border:2px solid #59a2ef; }
.case_box ul li h2 { padding: 7px 0 3px 0; font-size: 14px;/*chrome 12px hack*/ -webkit-text-size-adjust: none; color: #333; text-align: left; background: #FFF; }
.case_box ul li span { display: block; color: #7f7f7f; font-size: 11px;/*chrome 12px hack*/ -webkit-text-size-adjust: none; font-weight: normal; background: #FFF; }
.case_box ul li .video { position: relative; }
.case_box ul li .video .play_icon { background: url(../images/video_button.png) center center no-repeat; }
.case_box ul li .video .play_icon_hover { background: url(../images/video_button_hover.png) center center no-repeat; }
.case_box ul li.mr0 { margin-right: 0; }
#picHtml_2, #picHtml_3, #picHtml_4, #picHtml_5, #picHtml_6, #picHtml_7 { display: none; }
.view_more { margin: 40px auto; text-indent: -99999999px; display: block; width: 1030px; height: 60px; background: #000 url(../images/view_more.png) no-repeat; }
/*portfolio_detail*/
.item_detail { margin: 80px auto 0; width: 960px; text-align: left; padding: 20px 40px 0; background: #FFF; }
.item_detail .item_info { float: left; width: 960px; }
.item_detail .item_info .shead { font-size: 14px; font-weight: bold; position: relative; }
.item_detail .item_info .shead h1 { margin: 10px 0; font-size: 30px; color: #333; font-family: "΢ź", Verdana, Geneva, sans-serif; font-weight: normal; }
.item_detail .cate_page { }
.item_detail .pb0 { padding-bottom: 0; }
.item_detail .sinaWeiboshare { }
.item_detail .cate_page .cate { }
.item_detail .item_info .itemIntro { line-height: 160%; color: #333; }
.item_detail .item_info .itemIntro p { font-weight: normal; margin-bottom: 0; font-size: 12px; color: #666666; overflow: hidden; }
.item_detail .item_info .itemIntro p.tags { margin-bottom: 20px; height: auto; }
.item_detail .item_info .itemIntro p.tags span { padding: 0 5px; background: url(../images/tags_line.gif) center center no-repeat none; }
.item_detail .item_info .itemIntro a { color: #000; text-decoration: underline; }
.item_detail .item_info .itemIntro a:hover { color: #F00; }
.item_detail .item_info .itemIntro p.visitWebsite { height: auto; text-align: right; }
.item_detail .pages { }
.item_detail .pages span { display: block; float: left; width: 40px; height: 28px; line-height: 28px; text-align: center; cursor: pointer; color: #333; font-size: 10px; font-weight: bold; font-family: Verdana, Geneva, sans-serif; overflow: hidden; }
.item_detail .pages span:hover { text-decoration: none; }
.item_detail .pages span { display: block; width: 50px; height: 50px; text-indent: -999999px; }
.item_detail .pages span.prev { position: fixed; left: 0; top: 50%; z-index: 10; background-position: -286px -246px; }
.item_detail .pages span.prev_disabled { display: none; cursor: default; background-position: -490px -246px; }
.item_detail .pages span.return_list { display: none; background-position: -592px -246px; }
.item_detail .pages span.next { position: fixed; top: 50%; right: 0; z-index: 10; margin-left: 0px; background-position: -337px -246px; }
.item_detail .pages span.next_disabled { display: none; margin-left: 0px; cursor: default; background-position: -541px -246px; }
.item_detail ul { margin: auto; *margin-bottom:25px;
padding-bottom: 20px; width: 960px; overflow: hidden; }
.item_detail ul li { float: left; margin: 20px 0; background: #eee; overflow: hidden; }
.item_detail ul li img { display: block; width: 960px; height: auto; }
#portfolio #service_type { display: none; }
#portfolio .footer { /*background:none;*/ }
#portfolio_detail .footer { background: none; }
.sel_portfolio_detail { background: #000000; }
.sel_portfolio_detail .header { width: 100%; height: 50px; position: fixed; top: 0; left: 0; z-index: 90; background: #FFFFFF; overflow: hidden; }
.sel_portfolio_detail .footer { }
.sel_portfolio_detail .footer .inner_footer { width: 1040px; }
.sel_portfolio_detail .header .inner_header { width: 1040px; }
.sel_portfolio_detail .header .inner_header .logo { margin: 10px 0 0 0; }
.sel_portfolio_detail .header .inner_header .nav { margin: 8px 0 0 0; }
.sel_portfolio_detail .detail_banner { height: 100px; background: #000; }
.sel_portfolio_all .header { }
.sel_portfolio_all .case_box { margin: 40px auto 0; }
.sel_portfolio_all .case_box .ul_box { }
.p_banner { width: 100%; height: 300px; background: #000000; }
.p_banner a { display: block; width: 960px; height: 100px; }
/******************** service ********************/
#service .content { background: #000; }
#service .inner_content { margin: auto; width: 960px; }
#service .big_pic { height: 400px; background-repeat: no-repeat; }
#service .big_pic p { padding: 190px 60px 0; color: #FFF; text-align: center; filter: alpha(opacity=60); opacity: 0.6; }
#service #service_type { display: none; }
/******************** about ********************/
#about .content { }
#about .inner_content { margin: auto; width: 100%; }
#about .big_pic { height: 580px; position: relative; }
#about .big_pic .txt { display: none; position: absolute; left: 600px; top: 155px; width: 350px; overflow: hidden; /*filter:alpha(opacity=80); opacity:0.8;*/ }
#about .big_pic .txt_2 { top: 240px; }
#about .big_pic .txt_2 p { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; }
#about .big_pic .txt_3 { top: 400px; display: none; }
#about .big_pic .txt_3 a { display: block; width: 41px; height: 26px; background-position: -162px -246px; }
#about .big_pic .txt_3 a:hover { background-position: -204px -246px; }
#about .big_pic .txt p { color: #cccccc; }
#about .big_pic .txt p span.myname { padding-left: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
#about .big_pic .txt p span.teamwork { font-weight: bold; color: #CCC; }
#about .big_pic .txt p span.contact { padding-left: 15px; font-size: 11px; color: #ccc; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#about .big_pic .txt p span.contact em { font-style: normal; font-weight: bold; color: #FFF; }
#about .about_timeline { width: 100%; margin: auto; padding-top: 40px; height: 300px; background: #ffffff url(images/about_timeline.jpg) center 40px no-repeat; }
/******************** solution ********************/
#solution .content { background: #000; }
#solution .inner_content { margin: auto; width: 960px; }
#solution .big_pic { height: 400px; background-repeat: no-repeat; }
#solution .big_pic p { padding: 190px 60px 0; color: #FFF; text-align: center; filter: alpha(opacity=60); opacity: 0.6; }
/******************** news *******************
#news .content { background: #000; }
#news .inner_content { margin: auto; width: 960px; }
#news .big_pic { height: 400px; background-repeat: no-repeat; }
#news .big_pic p { padding: 190px 60px 0; color: #FFF; text-align: center; filter: alpha(opacity=60); opacity: 0.6; }*/
/******************** item_style ********************/
.item_style { }
.item_style_001 { }
.item_style_001 .item_detail { }
.item_style_001 .item_detail .item_info .itemIntro p { }
.item_style_002 { }
.item_style_002 .item_detail { }
#newslist { text-align: left; width:1000px; margin:0 auto;}
#newslist ul{ width:800px; margin-left:20px;}
#newslist ul li { line-height:30px; border-bottom:1px dashed #999; padding:0 5px;}
#newslist ul li a { color:#333;}
#newslist ul li a:hover { color:#f00;}
#newslist ul li span{ float:right; color:#999;}
#newslist ul li div { font-size:12px; padding-left:10px; line-height:20px;text-indent: 2em;}
#newslist ul li div a { color:#666;}
#newslist ul li div a:hover { color:#333; text-decoration:none;}
#newsc { width:960px; margin:0 auto; padding-top:10px;}
.npage{ font-size:12px; line-height:30px;}
.npage span { margin:0 5px;}
.npage a { margin:0 5px; color:#333;}