* {
	margin: 0px; padding: 0px;
}
body {
	list-style: none; border: currentColor; border-image: none; text-decoration: none;
}
img {
	list-style: none; border: currentColor; border-image: none; text-decoration: none;
}
ul {
	list-style: none; border: currentColor; border-image: none; text-decoration: none;
}
li {
	list-style: none; border: currentColor; border-image: none; text-decoration: none;
}
a {
	list-style: none; border: currentColor; border-image: none; text-decoration: none;
}
dl {
	list-style: none; border: currentColor; border-image: none; text-decoration: none;
}
dd {
	list-style: none; border: currentColor; border-image: none; text-decoration: none;
}
p {
	list-style: none; border: currentColor; border-image: none; text-decoration: none;
}
.clear {
	width: 0px; height: 0px; line-height: 0px; overflow: hidden; clear: both;
}
body {
	background: rgb(226, 226, 236); font-family: "Microsoft YaHei"; font-size: 14px;
}
.warp {
	margin: 0px auto; width: 960px;
}
.foot_box {
	margin: 0px auto; width: 960px;
}
.font_gray1 {
	color: rgb(54, 59, 77);
}
.font_gray2 {
	color: rgb(139, 149, 162);
}
.font_size1 {
	font-size: 24px;
}
.font_size2 {
	font-size: 16px;
}
.font_size3 {
	font-size: 14px;
}
.font_size4 {
	font-size: 40px;
}
.font_size5 {
	font-size: 50px;
}
.margin_l10 {
	margin-left: 10px;
}
hr.margin_tb20 {
	margin: 20px 0px;
}
.clearfix::after {
	width: 0px; height: 0px; clear: both; font-size: 0px; display: block; content: " ";
}
.clearfix {
	-ms-zoom: 1;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.displayblock {
	display: block;
}
.displaynone {
	display: none;
}
.topbar {
	height: 45px; border-top-color: rgb(30, 172, 225); border-bottom-color: rgb(13, 66, 131); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; box-shadow: 0px 1px 3px #818195; background-color: rgb(12, 86, 179);
}
.top_box {
	margin: 0px auto; width: 1024px; height: 45px; position: relative;
}
.top_btn {
	border-width: 1px; border-style: solid; border-color: rgb(13, 136, 169) rgb(12, 100, 176) rgb(9, 65, 126); padding: 0px 20px; border-radius: 4px; border-image: none; top: 5px; height: 30px; right: 0px; color: rgb(255, 255, 255); line-height: 30px; position: absolute; cursor: pointer; text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(91, 192, 222), rgb(47, 150, 180)); background-repeat: repeat-x; background-color: rgb(73, 175, 205); -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
.top_btn:hover {
	background-position: 0px -15px; transition:background-position 0.1s linear; background-color: rgb(47, 150, 180); -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -o-transition: background-position .1s linear;
}
.top_btn:active {
	border-color: rgb(13, 136, 169) rgb(12, 100, 176) rgb(9, 65, 126); outline: 0px; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15), 0px 1px 2px rgba(0,0,0,0.05); background-image: none; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -ms-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.warp {
	margin: 20px auto; width: 1024px;
}
.warp .content {
	background: rgb(255, 255, 255); border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(214, 215, 224) rgb(190, 192, 201); width: 1022px; margin-top: 20px; box-shadow: 0px 1px 1px #d6d7e0;
}
.warp .content .content_box {
	padding: 25px; width: 972px;
}
.color_line {
	width: 1022px; height: 2px; font-size: 0px;
}
hr {
	background: rgb(221, 221, 229); margin: 10px 0px; border: currentColor; border-image: none; height: 1px; font-size: 0px;
}
.myinfo {
	height: 35px; line-height: 35px;
}
.mybox {
	width: 200px; height: 200px; float: left;
}
.myinfo_box {
	margin-left: 225px;
}
.tab_box {
	width: 972px;
}
.tab_btn_box {
	width: 100%; border-bottom-color: rgb(190, 192, 201); border-bottom-width: 1px; border-bottom-style: solid;
}
.tab_btn_box li {
	padding: 2px 50px 0px; height: 46px; color: rgb(54, 59, 77); line-height: 46px; font-size: 16px; font-weight: 700; float: left; position: relative; cursor: pointer;
}
.tab_btn_select {
	border-width: 2px 1px 1px; border-style: solid; border-color: rgb(44, 150, 214) rgb(190, 192, 201) rgb(255, 255, 255); padding: 0px 49px; top: 1px; line-height: 45px; cursor: default;
}
.tab_con_box {
	width: 100%; padding-top: 10px;
}
.tab_con_item {
	display: none;
}
.btn {
	padding: 6px 20px; border-radius: 2px; color: rgb(41, 157, 224); line-height: 16px; font-size: 16px; border-top-color: rgba(0, 0, 0, 0.1); border-top-width: 1px; border-top-style: solid; cursor: pointer; box-shadow: 0px 1px 2px rgba(0,0,0,0.6); text-shadow: 0px 1px 2px #bcbbbb; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.btn:hover {
	box-shadow: 0px 1px 2px rgba(0,0,0,0.6); text-shadow: 0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.btn:active {
	box-shadow: 0px 1px 2px rgba(0,0,0,0.4), inset 0px 1px 1px rgba(0,0,0,0.1); text-shadow: 0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.list_group {
	
}
.list_group li {
	border: 2px solid rgb(255, 255, 255); border-image: none; text-align: center; color: rgb(255, 255, 255); cursor: default; box-shadow: 0px 1px 4px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .6); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .6); -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .6); -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
}
.group_item {
	border: 2px solid rgb(255, 255, 255); border-image: none; text-align: center; color: rgb(255, 255, 255); cursor: default; box-shadow: 0px 1px 4px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .6); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .6); -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .6); -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
}
.b_blue {
	background: rgb(85, 180, 231);
}
.b_green {
	background: rgb(169, 217, 146);
}
.b_yellow {
	background: rgb(255, 228, 99);
}
.b_orange {
	background: rgb(248, 176, 131);
}
.list_group li:hover {
	box-shadow: 0px 2px 6px rgba(0,0,0,0.7); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .7); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .7); -o-box-shadow: 0 2px 6px rgba(0, 0, 0, .7); -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, .7);
}
.group_item:hover {
	box-shadow: 0px 2px 6px rgba(0,0,0,0.7); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .7); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .7); -o-box-shadow: 0 2px 6px rgba(0, 0, 0, .7); -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, .7);
}
.im_group {
	top: 25px; width: 420px; height: 100px; right: -20px; float: right; position: relative;
}
.im_group li {
	border-radius: 50px; width: 85px; height: 85px; font-size: 18px; margin-left: 10px; float: left;
}
.im_group li b {
	margin-top: 25px; display: block;
}
.im_group li p {
	font-size: 10px; opacity: 0.6;
}
.im_group li:hover p {
	opacity: 1;
}
.mc_group {
	padding: 0px 20px; width: 950px; height: 200px; position: relative;
}
.tool_group {
	padding: 0px 20px; width: 950px; height: 200px; position: relative;
}
.mc_group li {
	border-radius: 175px; width: 175px; height: 175px; font-size: 36px; margin-left: 66px; float: left;
}
.mc_group li:first-child {
	margin-left: 8px;
}
.mc_group li p {
	margin-top: 38px;
}
.mc_group li p.d_t {
	margin-top: 68px;
}
.tool_group li {
	border-radius: 20px; width: 150px; height: 150px; font-size: 36px; margin-left: 90px; float: left;
}
.tool_group li:first-child {
	margin-left: 20px;
}
.tool_group li p {
	margin-top: 30px;
}
.tool_group li p.d_t {
	margin-top: 40px;
}
.time_line_box {
	margin: 10px 100px 10px 40px; padding: 30px 0px 1px; border-left-color: rgb(226, 226, 233); border-left-width: 1px; border-left-style: solid; position: relative;
}
.time_line_box::after {
	background: rgb(226, 226, 233); border-radius: 5px; left: -4px; width: 7px; height: 7px; position: absolute; content: " ";
}
.time_line_box::before {
	background: rgb(226, 226, 233); border-radius: 5px; left: -4px; width: 7px; height: 7px; position: absolute; content: " ";
}
.time_line_box::before {
	top: 0px;
}
.time_line_box::after {
	bottom: 0px;
}
.time_line_box li {
	padding-bottom: 15px; padding-left: 40px; margin-bottom: 15px; cursor: default;
}
.time_line_box .group_item {
	border-radius: 17px; width: 30px; height: 30px; margin-top: -2px; margin-left: -57px; float: left; display: block; position: relative; opacity: 0.8;
}
.time_line_box li:hover .group_item {
	opacity: 1; box-shadow: 0px 2px 6px rgba(0,0,0,0.7);
}
.time_line_box li:hover p {
	opacity: 1;
}
h2 {
	color: rgb(54, 59, 77); line-height: 24px; font-size: 18px; font-weight: 400; margin-bottom: 5px; text-shadow: 0px 2px 3px #b6b6b6;
}
.info_list li {
	color: rgb(54, 59, 77); line-height: 24px; font-size: 18px; font-weight: 400; margin-bottom: 5px; text-shadow: 0px 2px 3px #b6b6b6;
}
.time_line_box p {
	color: rgb(109, 117, 127); line-height: 18px; font-size: 14px; opacity: 0.7;
}
.info_list {
	padding-left: 40px;
}
.info_list li {
	line-height: 30px;
}
.my_project {
	padding: 2px 2px 40px;
}
.project_list {
	
}
.project_list li {
	margin: 1px; width: 320px; height: 270px; float: left; position: relative;
}
.project_box {
	padding: 5px; left: 0px; top: 0px; width: 310px; height: 260px; overflow: hidden; position: absolute; z-index: 1;
}
.project_list li:last-child {
	margin-right: 0px;
}
.p_img {
	background: rgb(255, 255, 255); padding: 4px; width: 300px;
}
.p_img_side {
	border: 1px solid rgb(221, 221, 221); border-image: none; display: block;
}
.group_item.project_box {
	border-width: 5px; border-radius: 4px; text-align: left; margin-top: -5px; margin-left: -5px; z-index: 2;
}
.group_item.project_box .p_img {
	
}
.p_img_side:hover {
	border-color: rgb(99, 178, 217); box-shadow: 0px 1px 4px rgba(0,105,214,0.25); -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.p_img_side:focus {
	border-color: rgb(99, 178, 217); box-shadow: 0px 1px 4px rgba(0,105,214,0.25); -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.p_img_side > img {
	margin-right: auto; margin-left: auto; display: block; max-width: 100%;
}
.project_title {
	height: 24px; line-height: 24px; padding-top: 7px;
}
.project_title span {
	
}
.project_title p {
	color: rgb(109, 117, 127); font-size: 12px;
}
.e_list {
	float: right;
}
.e_list a {
	margin-left: 3px; float: left; display: inline; cursor: default;
}
.my_project h2 {
	margin: 20px 0px;
}
.copyright {
	padding: 0px 0px 20px; text-align: center;
}