@charset "utf-8";
@import "animations.css";
/* CSS Document */

/*global css*/
html{width:100%;height:100%; overflow-x:hidden;}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, blockquote, th, td, p, img{margin:0;padding:0;border:0;}
body{color:#333;font-family:Simsun,Arial; width:100%; margin:0 auto;font-size:14px; }
table {border-collapse:collapse;border-spacing:0;}
img {border:0;}
div:after, ul:after, li:after {clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden;}
p{ line-height:20px; color:#333;  font-weight:400;}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
.clear{clear:both; font-size:0; height:0;visibility:hidden;overflow:hidden;*zoom:1;}
a{color:#333;}
a:link,a:visited{color:#333; text-decoration:none;}
a:hover{ color:#f60;}
h1{font-size:16px;}
h2,h3,h4{font-size:14px;}
h6{ text-align:center;}
.white,.white a{color:#fff;}
.white:hover{color:#c00; cursor: pointer;}
.white a:link,.white a:visited,.white a:hover{ color:#fff;}
.fl{ float:left;}
.fr{ float:right;}
#noborder{border:none;}
#nobg{background:none;}
.pt10{padding-top:10px;}
.pt30{padding-top:30px;}
.pt20{padding-top:20px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.red{color:#c00;}
.f14{font-size:14px;}
.red{color:#f00;}
.txtcenter{text-align: center;}
.w1000{width:1000px;margin: 0 auto;*zoom:1;}
.w600{width:600px;}
.w400{width:400px;}
.lh22{ line-height:22px;}

*html{
	background-image:url(about:blank);
	background-attachment:fixed;
}

/*header topbar*/
#header {
  position: relative;
  z-index:111;
}
.topbar_con
{
	width: 1000px;
	margin: 0 auto;
	font-size:12px;
}
#header .topbar {
  height: 31px;
  line-height: 31px;
  border-bottom: solid 1px #ddd;
  background: #F5F5F5;
  overflow:hidden;
}
#header .topbar .menu {
  float: left;
  display: inline;
}
#header .topbar .menu-item {
  float: left;
  display: inline;
  margin-right: 4px;
  _margin-right: 2px;
  color: #444;
}
#header .topbar .menu-item a {
  margin-right: 4px;
  color: #1E376D;
}
#header .topbar .menu-user {
  float: right;
}
#header .topbar .menu-user .menu-item {
  margin-right: 0;
  margin-left: 4px;
  _margin-left: 2px;
}
#header .topbar .menu-user .menu-item a {
  margin-left: 0;
  margin-right: 4px;
}
#logininfo a {
  color: #1E376D;
}
/*banner*/
.banner,.banner_con
{
	width: 100%;
	height: 505px;
	min-width: 1000px;
	overflow: hidden;
	position:relative;
}
.banner .banner_title{
	width:734px;
	height:309px;
	position:absolute;
	left:50%;
	top:87px;
	margin-left:-500px;
	z-index:999;
	
}

.banner_con
{
	position: relative;
}
.banner01
{
	background:url(../images/banner01.jpg) no-repeat center top;
}
.banner02
{
	background: url(../images/banner02.jpg) no-repeat center top;
}
.banner03
{
	background: url(../images/banner03.jpg) no-repeat center top;
}
.banner04
{
	background: url(../images/banner04.jpg) no-repeat center top;
}
.banner_list,.banner_list li,.banner_list li img
{
	width: 100%;
	height: 505px;
	overflow:hidden;
}
.banner_list li
{
	position:absolute;
	top:0;
	left:0;
}
.banner .dot_list
{
	position:absolute;
	left:50%;
	bottom:50px;
	margin-left: 100px;
	width: 300px;
}
.banner .dot_list li
{
	width:57px;
	height:4px;
	font-size: 0;
	background:#a0a0a0;
	float:left;
	margin-left:5px;
	cursor:pointer;
}
.banner .dot_list li.active
{
	background:#0aa892;
}
.banner_font
{
	width: 765px;
	height: 345px;
	background: #ff6400;
	position: absolute;
	top: 135px;
	left: 50%;
	margin-left: -382px;
}
.banner_font img
{
	padding: 44px 0 0 44px;
}
.banner_addr
{
	position: absolute;
	top: 80px;
	left:50%;
	margin-left:80px;
	width: 137px;
	height: 140px;
	background:url(../images/bg-color_03.png) no-repeat center top;
	text-align: center;
	padding-top: 6px;
	font: bold 36px/132px "Microsoft Yahei","黑体";
	color: #000000;
}
.banner_nav
{
	position: absolute;
	border-top: solid 1px #02819c;
	top: 0;
	left: 0;
	width: 100%;
}
.banner_nav .nav_con
{
	width: 700px;
	margin: 0 auto;
}
.banner_nav li
{
	width: 148px;
	height: 40px;
	padding-top: 9px;
	font: bold 18px/40px "Microsoft Yahei","Arial","黑体";
	float: left;
	background: url(../images/gray_bg.png) no-repeat center top;
	margin-left: 50px;
	text-align: center;
}
.banner_nav li:hover{background: url(../images/green_bg.png) no-repeat center top !important;}
.banner_nav li.on
{
	background: url(../images/green_bg.png) no-repeat center top;
}
.banner_nav li.on a{color:#011531;}

.banner_nav li.last
{
	width: 194px;
	background: url(../images/gray_bg.png) no-repeat center top;
}
.banner_nav .last.on
{
	background: url(../images/orange_bg2.png) no-repeat center top;
}
/*nav*/
.nav
{
	height: 60px;
	background: #015b4f;
	width: 100%;
}
.nav li
{
	float: left;
	text-align: center;
	font: 16px/57px "Microsoft Yahei","黑体";
	padding: 0 30px;
}
.nav li a{display:block;}
.nav li.on
{
	border-bottom: solid 3px #0aa892;
}
.nav li.on,.nav li.on a:link,.nav li.on a:visited,.nav li.on a:hover
{
	color: #0aa892;
}
.nav .btn_bm
{
	padding-top: 12px;
}
.nav_fixed
{
	position:fixed;
	top: 0;
	left: 0;
	_left:0;
	_position:absolute;
	_top:expression(eval(document.documentElement.scrollTop));
	z-index:999;
}
.rel
{
	position: relative;
}
.bg_yy
{
	background: url(../images/t2.png) repeat-x center bottom;
}
.bg_yy2
{
	width: 100%;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/t3.png) repeat-x center top;
}
.main_wrapper
{
	margin: 30px auto;
	padding: 20px;
	background: #fff;
	width: 960px;
}
.main,.part1
{
	width: 100%;
	min-width: 1000px;
}
.part1
{
	padding: 50px 0;
}
.w_title
{
	font: 28px/55px "Microsoft Yahei","黑体";
	color: #444;
}
.w_title img
{
	padding-right: 10px;
}
/*介绍*/
.active_info
{
	width: 600px;
}
.active_info p
{
	color: #333;
	line-height: 20px;
	text-indent: 2em;
}
.active_info strong.red
{
	font-weight: bold;
	color: #0aa892;
}
.scroll_note
{
	height: 168px;
	overflow-y: scroll;
}
.pic_list
{
	width: 380px;
	height:401px;
	overflow: hidden;
	position: relative;
	margin-top:85px;
}
.pic_list ul li,.pic_list ul li img
{
	width: 380px;
	height:401px;
}
.pic_list ul li
{
	position:absolute;
	left:0;
	top:0;
	z-index:0;
}
.pic_list ul li .gray_bg
{
	padding: 0 10px;
	width: 380px;
	height:40px;
	position:absolute;
	left:0;
	bottom:0;
	font-weight: bold;
	line-height: 40px;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F333333', endColorstr='#7F333333');
	background:rgba(51,51,51,0.5);
	color: #fff;
}
:root .active ul li .gray_bg
{
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F333333', endColorstr='#7F333333');
}
.dot
{
	position:absolute;
	right:20px;
	bottom:10px;
	z-index:1;
}
.dot span
{
	float:left;
	display:block;
	width:20px;
	height:20px;
	background:#fff;
	line-height: 20px;
	cursor:pointer;
	margin-left: 3px;
	text-align: center;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66EEEEEE', endColorstr='#66EEEEEE');
	background:rgba(238,238,238,0.4);
	color: #fff;
}
:root .dot span
{
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66EEEEEE', endColorstr='#66EEEEEE');
}
.dot span.on
{
	background:#27efff;
}
.jiabin
{
	width: 100%;
	background:  url(../images/t2_bg.gif) repeat-y center top;
}
.jiabin .bg_yy
{
	
	padding: 50px 0;
}
.jiabin_list
{
	*zoom: 1;
	padding-top: 40px;
	*padding-bottom:30px;
	}
.jiabin_list .model
{
	width:160px;
	float: left;
	font-size: 12px;
	text-align:center;
	margin:0 3px 30px 3px;
} 
.jiabin_list .model h6
{
	text-align:center;
}
.jiabin_list .model img
{
	width: 146px;
	height: 146px;
	padding-bottom: 10px;
}
.jiabin_list .model h3,.jiabin_list .model p
{
	line-height:18px;
}
.white_bg
{
	background-color: #fff;
}
.robot_bg_wrap
{
	position: relative;
}
.robot_bg
{
	position: absolute;
	right: -180px;
	bottom: -50px;
	width: 725px;
	height: 599px;
	z-index: 0;
}
.news_list
{
	*zoom: 1;
	position: relative;
	z-index: 99;
}
.news_list li
{
	line-height: 24px;
	background: url(../images/ico_dot.gif) no-repeat left 8px;
	padding-left: 20px;
	color:#fff;
}
.part2 .news_list li{color:#333; background-image:url(../images/ico_dot_black.gif)}
.w450 li
{
 width:1000px;
 overflow:hidden;
}
.w800
{
	width: 780px;
}
.w_table
{
	width: 100%;
	border: solid 1px #027868;
	_width:99.999%;
}
.w_table tr td
{
	padding:5px 5px 5px 20px; 
	border-right: solid 1px #027868;
	border-top: solid 1px #027868;
	line-height: 24px;
}
.w_table .title
{
	background: #5ba59c;
	color: #fff;
	font-size: 18px;
}
.w_table tr td.noborder
{
	border-top: none;
}

.contact_list li
{
	float: left;
	padding-right: 88px;
}
.contact_list li strong
{
	padding-left: 10px;
	border-left:solid 4px #b0aead;
	display:block;
}
.contact_list li p
{
	padding: 20px 0 0 15px;
	line-height: 26px;
}
.black
{
	background: #323232;
}
.logo_list
{
	float: left;
	padding: 10px 0;
	*zoom: 1;
}
.logo_list .logo_name
{
	padding: 3px 6px;
	border: solid 1px #1e6d62;
	font: 14px/18px "Microsoft Yahei","黑体";
	color: #0aa892;
}
.logo_list ul
{
	margin: 0 12px;
	_display:inline;
}
.logo_list ul li
{
	float: left;
	padding-right: 15px;
}
.wh .logo_list ul li
{
	padding-right: 50px;
	margin-bottom:10px;
}
.zz_con
{
	*zoom: 1;
}
.zz_con p
{
	line-height: 26px;
}
.w_table2
{
	width:80%;
	_width:80%;
	border-color: #FB8E47;
}
.w_table2 tr td
{
	border-color: #FB8E47;
}
.w_table2 .title
{
	background: #EB6810;
}
.mx .w_title
{
	font-size: 16px;
}
.mx_list img
{
	padding-left: 20px;
}
.main_left
{
	width: 680px;
	float: left;
}
.main_right
{
	width: 240px;
	float: right;
}
.main_right .w_title
{
	font-size:20px;
}
.map
{
	margin-top: 20px;
	width: 248px;
	height: 200px;
	border: solid 1px #ddd;
}




#g-footer
{
	background: #fff;
	margin: 0;
	height: 270px;
	font-size: 12px;
	padding-top: 30px;
}

/*浮窗*/
.fuchuang,.xufu_weixin
{
	position:fixed;
	_position:absolute;
    _bottom:auto;
    _top: expression(eval(document.documentElement.scrollTop));
    top: 150px;
	_margin-top:150px;
	display: none;
	z-index: 1111;
}
.fuchuang
{
	right:0;
	width:119px;
	height:315px;
	background: url(../images/fuchuang.png) no-repeat center top;
}
.fuchuang .fuchuang_zc,.fuchuang .fuchuang_wb,.fuchuang .fuchuang_traffic,.fuchuang .fuchuang_share,.fuchuang .fuchuang_qq
{
	width:119px;
	height:63px;
	display:block;
	cursor:pointer;
}
.blue{ border-bottom:1px #ffffff solid;}
.fuchuang .fuchuang_zc
{
	background-position:0 0;
}
.fuchuang .fuchuang_wb
{
	background:0 -65px;
}
.fuchuang .fuchuang_qq
{
	background:0 -130px;
}
.fuchuang .fuchuang_share
{
	background:0 -195px;
	position:relative;
}
.fuchuang .fuchuang_traffic
{
	background:0 -260px;
}
.jiathis_style
{
	display:none;
}
.xufu_weixin
{
	left: 0;
	width: 106px;
	padding: 7px;
	background: #0aa892;
	text-align: center;
	font-size: 12px;
}
.xufu_weixin h3,.xufu_weixin p
{
	color: #fff;
}
.xufu_weixin h4,.xufu_weixin h4 img
{
	width: 105px;
	height: 105px;
}
.xufu_weixin p
{
	line-height: 16px;
	padding: 5px 0;
}
.xufu_weixin p img
{
	padding-right: 5px;
}
.xufu_weixin h3
{
	font: bold 15px/22px "Microsoft Yahei","黑体";
	padding-bottom: 5px;
}

.ad-rabot{
	width:728px;
	height:90px;
	overflow:hidden;
	z-index:99999;
  left:50%;
	margin-left:-364px;
	position:fixed;
	bottom:0px;
	_position: absolute;
_bottom: auto;
_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-

(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}



.qiye
{
	/*background:#626569 url(../images/t1_bg.gif) no-repeat center top;*/
	background:#3aa899;
    padding:20px 0 30px;
	position: relative;
	z-index:1;
	*zoom:1;
}
.qiye .w_title{color:#fff;}
.qiye h3.title
{
	font-family:Microsoft Yahei;
	font-size:30px;
	font-weight:normal;
	background: #eeeeee;
	width: 90px;
	text-align: center;
	height:208px;
	padding-top:50px;
	float: left;
	color: #1b1b1b;
}
.qiye .part1_con
{
	padding: 0;
	_position: relative;
	_z-index:1;
}
.qiye_con
{
	width:1000px;
	
	height: 183px;
	overflow: hidden;
	margin-top:30px;
}
.qiye_con ul
{
	float:left;
	padding: 0 0 0 20px;
	width:310px;
}
.qiye_con ul li
{
  color: #fff;
  line-height: 26px;
  font-family: Microsoft Yahei;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
}
.qiye .prev,.qiye .next
{
	position: absolute;
	top: 80px;
	width: 39px;
	height: 70px;
	cursor: pointer; 
}
.qiye .prev
{
	left: 50%;
	margin-left: -580px;
	background: url(../images/prev.png) no-repeat center;
}
.qiye .next
{
	right: 50%;
	margin-right: -580px;
	background: url(../images/next.png) no-repeat center;
}

.join{width:380px; height:46px;  text-align:center; line-height:46px; position:absolute; left:50%; margin-left:-500px; bottom:30px; background:#ffa627;}
.join a{ display:block;font-family:Microsoft YaHei; font-size:30px;color:#ffffff;}


/*回顾*/
.yant {
  overflow: hidden;
  margin: 15px 0;
  padding-bottom: 15px;
  border-bottom: 1px dashed #ccc;
}
.yant .tup {
  float: left;
  margin-right:20px;
}
yant dl {
  margin-left: 286px;
  overflow: hidden;
}
.yant dt {
  font-size: 14px;
  color: #cc0000;
  font-weight: bold;
}
.yant dd {
  padding-top: 5px;
  line-height: 20px;
  overflow: hidden;
}

.main-left{width:580px; float:left; overflow:hidden}
.main-right{width:380px; float:right;}

.bodyText{ line-height:22px; margin-top:15px;}
.bodyText h2{ line-height:24px;}

.green_bg{ background:#3aa899;}
.part2{ padding:30px 0 47px;background:#eceff0;}

.part3 .bd{ line-height:24px;}
.part3 .bd strong,.part3 .bd strong a{ font-weight:bold; font-size:14px;color:#3aa899;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt55{margin-top:55px;}

/** 页眉 **/

/*topbar*/
#g-topbar {
    height: 30px;
    border-bottom: 1px solid #ccc;
    color: #333;
    font: 12px/30px SimSun;
    background: #f7f7f7;
    overflow: visible
}

#g-topbar a {
    color: #333;
    text-decoration: none
}

#g-topbar a:hover {
    text-decoration: underline
}

#g-topbar i {
    font-style: normal;
    color: #999
}

#g-topbar .g-topbar-nav {
    float: left;
    position: relative;
    *position: relative;
    *z-index: 99999;
    color: #999;
    overflow: visible;
    line-height: 30px
}

#g-topbar .g-topbar-dropmenu .g-topbar-menu {
    display: none;
    position: absolute;
    z-index: 99999;
    top: 30px;
    right: -550px;
    float: left;
    line-height: 24px;
    padding: 3px 10px;
    width: 526px;
    text-align: left;
    background: #fff;
    border: 1px solid #ccc
}

#g-topbar .g-topbar-dropmenu .g-topbar-trigger {
    display: block;
    width: 20px;
    height: 30px;
    position: absolute;
    right: -22px;
    top: 0;
    z-index: 11;
    background: url(http://images.ofweek.com/ofweek/images/inco.gif) no-repeat 50% 11px;
    text-decoration: none;
    cursor: pointer
}

#g-topbar .g-topbar-dropmenu:hover .g-topbar-trigger, #g-topbar .g-topbar-dropmenu.g-topbar-drop .g-topbar-trigger {
    width: 18px;
    height: 31px;
    margin-bottom: -1px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #fff;
    background-position: 50% 12px
}

#g-topbar .g-topbar-dropmenu:hover .g-topbar-menu, #g-topbar .g-topbar-dropmenu.g-topbar-drop .g-topbar-menu {
    display: block
}

.g-wrap {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    *zoom:1;overflow: visible;
    height: 30px
}
#g-topbar .g-topbar-loginbar {
    float: right
}

#g-topbar .g-topbar-loginbar li {
    float: left;
    line-height: 30px
}

#g-topbar .g-topbar-weibo a {
    display: inline-block;
    margin-right: 12px;
    padding-left: 20px;
    background: url(http://images.ofweek.com/ofweek/images/weibolg.png) no-repeat 0 50%
}

.redbg {
    background: url(http://www.ofweek.com/images/global-steven/email/red_bg.gif) no-repeat center top;
    width: 50px;
    height: 23px;
    text-align: center;
    display: inline-block;
    float: left;
    line-height: 23px;
    color: #fff;
    margin: 4px 5px 0 0
}

#g-topbar .redbg a:link, #g-topbar .redbg a:visited, #g-topbar .redbg a:hover {
    color: #fff
}

.email {
    display: inline-block;
    background: url(http://www.ofweek.com/images/global-steven/email/ico_email.png) no-repeat center left;
    padding-left: 22px;
    margin-left: 5px
}


/** g-footer **/
#g-footer {
    margin-top: 15px;
    padding: 10px 0;
    border-top: 1px solid #ddd;
    clear: both;
	font-size:12px;
}

#g-footer .g-footer-nav {
    height: 30px;
    line-height: 30px;
    text-align: center
}

#g-footer .g-footer-nav a {
    color: #1a4991;
    text-decoration: none
}

#g-footer .g-footer-nav a:hover {
    color: #f15c00;
    text-decoration: underline
}

#g-footer .g-footer-links {
    color: #666;
    float: left;
    line-height: 25px;
    padding: 5px 0;
    text-align: center;
    width: 100%
}

#g-footer .g-footer-record {
    width: 536px;
    margin: 0 auto 10px;
    overflow: hidden;
}

#g-footer .g-footer-record p {
    border: 1px solid #D2D2D2;
    float: left;
    display: inline;
    font-size: 12px;
    height: 50px;
    line-height: 20px;
    margin: 6px;
    width: 120px;
    overflow: hidden;
}

#g-footer .g-footer-record .fn-fl {
    padding: 3px;
}

#g-footer .g-footer-record .fn-fr {
    padding: 5px 3px 0;
    width: 72px;
}
.fn-fl,.fn-fr{ display:inline;}
.fn-fl{ float:left;}
.fn-fr{ float:right;}
.floatleft{ float:left;}
.floatright{ float:right;}

.pad20 {
	padding-top: 20px;
}
.right_other ul li
{

	padding-bottom:20px;
	margin-top:20px;
	float:left;
}
.right_other ul li h3
{
	font:bold 14px/26px Simsun;
	color:#fff;
	
}
.right_other ul li p
{
	
   color:#fff;
}

.right_other02 
{
	border:none;
	padding-top:20px;
}
.right_other02 ul li
{
	float:left;
	border:none;
}

.right_other02
{
	border-top:solid 2px #0073c3;
}
.right_other02 ul li
{
	border-bottom:solid 1px #ddd;
	padding-bottom:20px;
	margin-top:20px;
}
.right_other02 ul li h3
{
	font:16px/22px "Microsoft Yahei","黑体";
	color:#666;
	padding-bottom:10px;
}

.right_other02 ul li p{color:#000;} 

.title
{
	color: #1da6ff;
	font: 24px/28px "Microsoft Yahei", "黑体";
}


.replay_list{*padding-bottom:3px;}
.replay_list li{ float:left; display:inline; position:relative; height:191px;margin-right:2px;margin-bottom:3px;}
.replay_list li b{width:100%;line-height:30px;position:absolute;background:#000;opacity:0.5;filter:alpha(opacity=50);bottom:0;height:36px;}

.replay_list li span{width:100%; height:36px;line-height:36px;position:absolute;bottom:0;text-align:center; color:#fff;font-size:14px;z-index:10;font-family:'微软雅黑','黑体'; overflow:hidden;}
.part4 p{ margin:12px 0 21px;}


.zcqy_list{ padding:20px 0 30px;}
.zcqy_list li{float:left; display:inline;margin-right:50px; height:50px;}