@charset "utf-8";
/* CSS Document */
.wrapper{width:980px;min-width:980px;margin:0 auto;background:#fff;position:relative;}

/*top*/
.top{line-height:34px;overflow:hidden;font-size:12px;}
.top_links{float:left;}
.top a,.top_links em{margin-left:1.5em;display:inline-block;font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei",Verdana,"\5B8B\4F53","SimSun";font-size:12px;line-height:34px;}
.top_menu{float:right;overflow:hidden;font: 12px/26px Verdana,Arial,sans-serif; }
.top_menu a{margin-right:1.5em;margin-left:0;}
.top_menu i{font-style:normal;margin-right:1.5em;}

/*header*/

.header_area{overflow:hidden;clear:both;margin:0 1.5em;border-bottom:3px solid #a71e32;}
.header{border:1px solid #dadada;border-radius:5px;box-shadow:0 2px 6px #eeeeee;background:#fff;}
.logo{float:left;width:175px;height:49px;display:inline;margin:23px 0 0px 0;padding-bottom:19px;}
.logo a{background:url(boc2013_ovs_logo.png) no-repeat;display:block;width:175px;height:49px;}
.header_info{float:right;height:29px;margin-top:46px;font-size:13px; width:420px;margin-right:15px;}
.phone{float:left;line-height:29px;margin: 0px;color: #535353;}
.phone p{background:url(boc2013_ovs_tel.gif) no-repeat left 6px;padding-left:26px;}
.phone span{color:#a71e32;padding-right:4px;}
#tel{height:29px;line-height:29px;overflow:hidden;float:right;}
#tel li{height:29px;}
.search_bar{width:218px;height:27px;border:1px solid #dadada;border-radius:3px;float:right;}
.search_ipt{width:186px;border:0;height:27px;vertical-align:middle;background:none;margin:0;padding:0 0 0 4px;float:left;}
.search_btn{background:url(boc2013_ovs_search1.png) no-repeat center 5px;width:28px;height:27px;;border:0;cursor:pointer;padding:0;margin:0;}
.ipt_focus{color:#000;}
/*nav*/
.nav_2013{height:58px;position:relative;z-index:10;line-height:58px;font-size:16px;color:#000;clear:both;}
.menu li.li_2013{float:left;display:inline;/*padding:0 1%;*/position:relative;font-family:"Microsoft YaHei","微软雅黑",Verdana, Arial, sans-serif;}
.menu li.li_2013 a{display:block;padding:0 46.8px;color:#000000;height:42px;margin-top:16px;line-height:25px;text-align:center;}
.menu li.current a{color:#a71e32;}
.sub_menu{position:absolute;left:0;top:58px;visibility:hidden;width:99.8%;background:#f9f8f9;border:1px solid #dadada;border-width:1px 1px 1px 1px;border-radius:0 0 5px 5px;z-index:13;box-shadow:inset 1px 0px 6px #eeeeee;}
.sub_menu i{background:url(boc2013_ovs_a_hover.png) no-repeat;width:14px;height:10px;position:absolute;top:-7px;}
.sub_area{padding:20px;line-height:32px;font-size:14px;color:#535353;}
.sub_area .sub_nav{width:30%;padding-left:30px;list-style:none;float:left;}
.sub_area .sub_nav li.li_2013 {background:url(boc2013_ovs_dot_icon.png) no-repeat 0 -80px;line-height:1.25em;padding-left:10px;margin-bottom:12px;}
.sub_area .sub_nav li.li_2013 a{color:#535353;font-size:14px;display:inline-block;}
.sub_pic{padding-left:3.75em;width:40%;float:left;}
.sub_area .sub_pic a{display:block; font-family:Verdana,Arial,sans-serif;font-size:14px;line-height:32px;color:#535353;}
.sub_area .sub_pic li.li_2013 span{cursor:pointer;width:35%;margin-right:20px;background:url(boc2013_ovs_dot_icon.png) no-repeat 0 -72px;font-family:Verdana,Arial,sans-serif;color:#535353;font-size:14px;line-height:32px;padding-left:14px;display:inline-block;line-height:24px;}
.sub_area .last{background:none;}
.sub_area .sub_nav li.li_2013 a:hover,.sub_area .sub_pic a:hover,.sub_area .sub_pic li.li_2013 span:hover{color:#ff6633;}
.sub_pic img,.sub_area .sub_ad img{vertical-align:top;margin:0px 0 10px 0px;border:1px solid #dadada;border-radius:5px;}
.sub_area .sub_ad{background:none;}
.sub_area .sub_ad li.li_2013{background:none;padding:0;}
#layer1 i{left:25%;}
#layer2 i{left:49%;}
#layer3 i{left:70%;}
#layer4 i{left:88%;}
.sub_line{background:url(boc2013_ovs_dot_liney.gif) repeat-y 0 0;position:absolute;width:1px;height:1px;height:69%;top:15%;*height:90px;*top:50%;*margin-top:-45px;}
.line1{left:34%;}
.line2{left:65.7%;}

/*footer*/
em,i{font-style:normal;}
.footer{clear:both;font-family:Verdana, Arial;}
.footer_phone{height:34px;padding:74px 20px 9px 20px;overflow:hidden;font-size:12px;color:#535353;}
.footer_phone p.fl{background:url(boc2013_ovs_tel.gif) no-repeat 0 0px;padding-left:24px;font-size:12px;margin-top:10px;font-family:"Microsoft YaHei","微软雅黑",Verdana,Arial;}
.footer_phone p span{color:#a71e32;font-size:12px;}
.footer_phone p em{font-weight:700;font-size:12px;}
.footer_phone .fr img{margin-bottom:6px;}
.footer_copy{border-top:2px solid #999999;line-height:22px;padding:14px 20px 0px;font-size:12px;overflow:hidden; }
.footer_area{color:#535353;margin-right:7px;font-size:12px;width: 70%;}
.footer_area i{margin:0 8px; font-size:12px;}
.footer_area p{
	font-size:12px;
}
.footer_area a{
	color:#535353;
	font-size:12px;
	text-decoration:none;
}
.footer_area a:hover{
	color:#ff6633;
}
.footer_sp{margin-left:20px;}
.footer_area p,.footer_area a{white-space:nowrap;}
/*cramb*/
.cramb{padding:8px 20px 0;}
.cramb span{color:#cccccc;}

.content{float:left;width:718px;display:inline;/*margin-right:2%;*/overflow:hidden;}
.slider{float:right;width:242px;display:inline;}

/* iPhone Smartphone portrait nav */
#tel li a,.footer_phone span a{color:#a71e32;cursor:text;}
@media only screen and (max-width:320px) {
#layer3 i{left:71%;}
#layer4 i{left:90%;}
}
/* iPhone Smartphone landscape nav */
@media only screen and (min-width:321px) and (max-width:480px) {
#layer3 i{left:71%;}
#layer4 i{left:90%;}
}
/* iPad Tablet portrait nav */
@media only screen and (min-width:481px) and (max-width:768px) {
#layer3 i{left:71%;}
#layer4 i{left:90%;}
}
/* iPad Tablet landscape nav */
@media only screen and (min-width:769px) and (max-width:1024px) {
#layer3 i{left:71%;}
#layer4 i{left:90%;}
}