.has_bg {
	background: url("../images/body_bg.png") no-repeat 90% 156px;
}
.fl {
	float: left; _display: inline;
}
.fr {
	float: right; _display: inline;
}
.tranistion {
	transition:0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s;
}
.img_center {
	text-align: center;
}
.img_center .img {
	vertical-align: middle;
}
.img_center .span {
	height: 100%; vertical-align: middle; display: inline-block;
}
.center {
	margin: 0px auto;
}
.rel {
	position: relative;
}
.abs {
	position: absolute;
}
.of {
	overflow: hidden;
}
.banner_bg {
	width: 100%; height: 300px; position: relative; z-index: 400;
}
.banner_bg .banner_list {
	left: 0px; width: 100%; height: 300px; display: block; position: absolute; z-index: 400;
}
.banner_bg .banner_point {
	width: 100%; height: 20px; bottom: 0px; position: absolute; z-index: 400;
}
.banner_bg .banner_point a {
	background: rgb(255, 255, 255); height: 20px; margin-right: 3px;
}
.main_box {
	margin: 0px auto; width: 85%; font-family: "Î¢ÈíÑÅºÚ"; font-size: 12px; position: relative;
}
.main_box .big_box {
	height: 712px; margin-top: 4px; position: relative; z-index: 10;
}
.main_box .big_box .index_nav {
	left: 0px; top: 38px; height: 24px; overflow: hidden; position: absolute; z-index: 100;
}
.main_box .big_box .index_nav a {
	transition:0.3s; text-align: center; color: rgb(255, 255, 255); line-height: 24px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 18px; text-decoration: none; margin-left: 65px; float: left; display: inline-block; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s;
}
.main_box .big_box .index_nav a:first-child {
	margin-left: 20px;
}
@media screen and (max-width:720px)
{
.main_box .big_box .index_nav {
	top: 10px;
}
.main_box .big_box .index_nav a:first-child {
	margin-left: 5px;
}
.main_box .big_box .index_nav a {
	font-size: 14px; margin-left: 15px;
}
.main_box .big_box #text_box .min_txt_box {
	top: 40px !important;
}
}
@media screen and (max-width:500px)
{
.main_box .big_box .index_nav {
	top: 5px;
}
.main_box .big_box .index_nav a:first-child {
	margin-left: 2px;
}
.main_box .big_box .index_nav a {
	font-size: 12px; margin-left: 15px;
}
.main_box .big_box #text_box .min_txt_box {
	top: 35px !important;
}
}
.main_box .big_box .index_nav a:hover {
	margin-top: -24px;
}
.main_box .big_box .index_nav a:active {
	margin-top: -24px;
}
.main_box .big_box #img_2 {
	left: 0px; top: 0px; width: 100%; height: 712px; position: absolute; z-index: 2;
}
.main_box .big_box #text_box {
	width: 100%; position: relative; z-index: 10; max-width: 1500px;
}
.main_box .big_box #text_box .min_txt_box {
	top: 74px; width: 340px; height: 481px; right: 47px; position: absolute; z-index: 11;
}
.main_box .big_box #text_box .min_txt_box img {
	position: absolute;
}
.main_box .big_box #text_box .min_txt_box .font_0 {
	left: 113px; top: 0px;
}
.main_box .big_box #text_box .min_txt_box .font_1 {
	left: 197px; top: 28px;
}
.main_box .big_box #text_box .min_txt_box .font_2 {
	left: 192px; top: 91px;
}
.main_box .big_box #text_box .min_txt_box .font_3 {
	left: 259px; top: 96px;
}
.main_box .big_box #text_box .min_txt_box .font_4 {
	left: 137px; top: 179px;
}
.main_box .big_box #text_box .min_txt_box .font_5 {
	left: 238px; top: 179px;
}
.main_box .big_box #text_box .min_txt_box .font_6 {
	left: 0px; top: 292px;
}
.main_box .big_box #text_box .min_txt_box .font_7 {
	left: 24px; top: 372px;
}
.main_box .big_box #text_box .min_txt_box .font_8 {
	left: 238px; top: 438px;
}
@media screen and (max-width:670px)
{
.main_box .big_box #text_box {
	
}
}
#about_box {
	padding: 10px 20px 40px; color: rgb(97, 97, 97); overflow: hidden; font-family: "Î¢ÈíÑÅºÚ";
}
#about_box .item_title {
	padding: 25px 0px; font-size: 18px;
}
#about_box .text {
	line-height: 30px; font-size: 14px;
}
#about_box #animate {
	margin-left: -300px; opacity: 0;
}
#about_box .hover#animate {
	margin-left: 0px; opacity: 1;
}
#about_box .text img {
	max-width: 100%;
}
#team_box {
	padding: 10px 20px 40px; color: rgb(97, 97, 97); overflow: hidden; font-family: "Î¢ÈíÑÅºÚ";
}
#team_box .item_title {
	padding: 25px 0px; width: 100%; font-size: 18px; float: left;
}
#team_box .team_item {
	width: 191px; height: 193px; float: left; position: relative;
}
#team_box .team_item img {
	width: 100%; height: 100%;
}
#team_box .team_item .abs {
	background: url("/images/abs_bg.png"); transition:0.3s; left: 0px; top: 0px; width: 191px; height: 193px; color: rgb(255, 255, 255); overflow: hidden; position: absolute; z-index: -1; opacity: 0; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s;
}
#team_box .team_item .abs div {
	line-height: 24px; padding-left: 30px; font-size: 16px;
}
#team_box .team_item .abs div:first-child {
	margin-top: 36px;
}
#team_box .team_item .abs .abs_line {
	background: rgb(255, 255, 255); margin: 7px 0px 7px 30px; width: 71px; height: 1px;
}
#team_box .team_item:hover {
	z-index: 1; opacity: 1;
}
#team_box .team_item:hover .abs {
	z-index: 1; opacity: 1;
}
@media screen and (max-width:500px)
{
#team_box .team_item .abs div {
	text-align: left;
}
#team_box .item_title {
	text-align: left;
}
#team_box {
	text-align: center;
}
#team_box .team_item {
	float: none; display: inline-block;
}
}
#history_box {
	padding: 10px 20px 40px; color: rgb(97, 97, 97); overflow: hidden; font-family: "Î¢ÈíÑÅºÚ";
}
#history_box .item_title {
	padding: 25px 0px; width: 100%; font-size: 18px;
}
#history_box .history_list {
	background: url("/images/history_line.jpg") repeat-x left; width: 100%; height: 220px; color: rgb(0, 0, 0); overflow: hidden; position: relative; max-width: 1200px;
}
#history_box .history_list .box {
	width: 100000px; height: 220px; position: relative; z-index: 1;
}
#history_box .history_list .arrow {
	top: 50%; right: 0px; margin-top: -6px; position: absolute; z-index: 2; cursor: pointer;
}
#history_box .history_list .history_item {
	width: 400px; height: 110px; padding-top: 17px; position: absolute; box-sizing: border-box;
}
#history_box .history_list :first-child.history_item .point {
	left: 50%; margin-left: 0px;
}
#history_box .history_list :first-child.history_item .date {
	margin-left: 206px;
}
#history_box .history_list :first-child.history_item .name {
	text-align: left; padding-left: 200px;
}
#history_box .history_list .t_ {
	top: 0px;
}
#history_box .history_list .b_ {
	bottom: 0px;
}
#history_box .history_list .history_item .name {
	padding: 0px 20px; text-align: center; font-size: 14px;
}
#history_box .history_list .history_item .point {
	background: rgb(255, 255, 255); border-radius: 6px; border: 1px solid rgb(0, 0, 0); border-image: none; width: 12px; height: 12px; position: absolute; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px;
}
#history_box .history_list .t_ .point {
	left: 50%; top: 104px; margin-left: -6px;
}
#history_box .history_list .b_ .point {
	left: 50%; top: -6px; margin-left: -6px;
}
#history_box .history_list .history_item .date {
	margin: 0px auto 12px; border: 1px solid rgb(0, 0, 0); border-image: none; width: 85px; height: 25px; text-align: center; line-height: 25px; font-size: 14px; position: relative;
}
#history_box .history_list .t_ .date span {
	background: url("/images/date_icon.jpg"); left: 50%; top: 25px; width: 10px; height: 7px; margin-left: -5px; position: absolute;
}
#history_box .history_list .b_ .date span {
	background: url("/images/date_icon_b.jpg"); left: 50%; top: -7px; width: 10px; height: 7px; margin-left: -5px; position: absolute;
}
#links_box {
	padding: 0px 20px 0px 135px; transition:0.3s; color: rgb(97, 97, 97); overflow: hidden; font-family: "Î¢ÈíÑÅºÚ"; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s;
}
#links_box .item_title {
	transition:0.3s; line-height: 42px; font-size: 18px; margin-left: -114px; float: left; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s;
}
#links_box .links_item {
	margin-right: 12px; margin-bottom: 10px; float: left;
}
#links_box .links_item img {
	height: 42px;
}
@media screen and (max-width:680px)
{
#links_box {
	padding-left: 21px;
}
#links_box .item_title {
	width: 100%; margin-left: 0px;
}
}
.p_t {
	line-height: 33px; font-size: 18px; margin-top: 43px;
}
.small_nav {
	height: 31px; margin-bottom: 55px; position: relative; z-index: 11;
}
@media screen and (min-width:1000px)
{
.small_nav dl {
	height: 31px; line-height: 31px; margin-right: 30px; float: left; position: relative;
}
.small_nav dl dt {
	height: 31px; overflow: hidden;
}
.small_nav dl dt a {
	color: rgb(90, 90, 90); font-size: 18px; text-decoration: none; display: inline-block;
}
.small_nav dl dd {
	left: 0px; height: 0px; overflow: hidden; white-space: nowrap; position: absolute;
}
.small_nav dl dd div {
	background: url("../images/dd_a_bg.jpg") no-repeat left; padding: 0px 10px; height: 40px; line-height: 40px; overflow: hidden; display: inline-block;
}
.small_nav dl dd div:first-child {
	background: none;
}
.small_nav dl dd div a {
	color: rgb(90, 90, 90); line-height: 40px; font-size: 14px; text-decoration: none; display: inline-block;
}
.small_nav dl:hover dd {
	height: 40px;
}
.small_nav dl:hover dt a {
	margin-top: -31px;
}
.small_nav dl.hover dt a {
	margin-top: -31px;
}
.small_nav dl dd div:hover a {
	margin-top: -40px;
}
}
@media screen and (min-width:600px)
{
.small_nav {
	margin-bottom: 50px;
}
.small_nav dl {
	height: 31px; line-height: 31px; margin-right: 30px; float: left; position: relative;
}
.small_nav dl dt {
	height: 31px; overflow: hidden;
}
.small_nav dl dt a {
	color: rgb(90, 90, 90); font-size: 18px; text-decoration: none; display: inline-block;
}
.small_nav dl dd {
	background: rgb(255, 255, 255); left: 0px; height: 0px; overflow: hidden; position: absolute;
}
.small_nav dl dd div {
	height: 30px; line-height: 30px; overflow: hidden;
}
.small_nav dl dd div a {
	color: rgb(90, 90, 90); line-height: 30px; font-size: 14px; text-decoration: none; display: inline-block; white-space: nowrap;
}
.small_nav dl:hover dd {
	height: auto;
}
.small_nav dl:hover dt a {
	margin-top: -31px;
}
.small_nav dl.hover dt a {
	margin-top: -31px;
}
.small_nav dl dd div:hover a {
	margin-top: -30px;
}
}
@media screen and (max-width:599px)
{
.small_nav {
	height: auto; margin-bottom: 20px;
}
.small_nav dl dt {
	height: 30px; overflow: hidden;
}
.small_nav dl dt a {
	color: rgb(90, 90, 90); line-height: 30px; font-size: 16px; text-decoration: none; display: inline-block;
}
.small_nav dl dd {
	overflow: hidden;
}
.small_nav dl dd div {
	background: -ms-linear-gradient(rgb(255, 255, 255) 0%, rgb(220, 220, 220) 100%); margin: 0px 1px; padding: 0px 5px; border-radius: 2px; border: 1px solid rgb(225, 225, 225); border-image: none; height: 22px; line-height: 22px; overflow: hidden; float: left; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px;
}
.small_nav dl dd div a {
	text-align: center; color: rgb(90, 90, 90); line-height: 22px; font-size: 12px; text-decoration: none; display: inline-block; white-space: nowrap;
}
.small_nav dl dd div:hover {
	background: -ms-linear-gradient(rgb(220, 220, 220) 0%, rgb(255, 255, 255) 100%);
}
.small_nav dl dd div.hover {
	background: -ms-linear-gradient(rgb(220, 220, 220) 0%, rgb(255, 255, 255) 100%);
}
.small_nav dl dd div:hover a {
	margin-top: -22px;
}
.small_nav dl dd div.hover a {
	margin-top: -22px;
}
.small_nav dl:hover dt a {
	margin-top: -30px;
}
.small_nav dl:active dt a {
	margin-top: -30px;
}
.small_nav dl.hover dt a {
	margin-top: -30px;
}
}
.pro_list_box {
	overflow: hidden; position: relative; z-index: 10; min-height: 500px; max-width: 1500px;
}
.pro_list_box .pro_item .img {
	width: 100%; height: 100%; position: relative; z-index: 10;
}
.pro_list_box .pro_item a {
	background: rgba(0, 0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; color: rgb(255, 255, 255); text-decoration: none; display: block; position: absolute; z-index: 1;
}
.pro_list_box .pro_item a .name_cn {
	padding: 0px 10%; line-height: 22px; font-size: 18px; margin-top: 30px;
}
.pro_list_box .pro_item a .name_en {
	padding: 0px 10%; line-height: 18px; font-family: Arial; font-size: 16px;
}
.pro_list_box .pro_item:hover a {
	background: rgba(0, 0, 0, 0.6); z-index: 30;
}
.pro_list_box .pro_item:active a {
	background: rgba(0, 0, 0, 0.6); z-index: 30;
}
.pro_list_box .pro_item a .icon {
	width: 18px; height: 16px; right: 14px; bottom: 12px; position: absolute;
}
.pro_list_box .pro_item a .tag {
	padding: 0px 10%; left: 0px; bottom: 12px; line-height: 16px; font-family: "ÐÂËÎÌå"; font-size: 12px; text-decoration: underline; position: absolute;
}
@media screen and (min-width:1400px)
{
.pro_list_box .pro_item {
	margin: 0.5%; width: 19%; height: 161px; float: left; position: relative;
}
}
@media screen and (max-width:1399px)
{
.pro_list_box .pro_item {
	margin: 0.5%; width: 24%; height: 161px; float: left; position: relative;
}
}
@media screen and (max-width:1000px)
{
.pro_list_box .pro_item {
	margin: 0.5%; width: 32%; height: 130px; float: left; position: relative;
}
.pro_list_box .pro_item a .name_cn {
	margin-top: 20px;
}
}
@media screen and (max-width:600px)
{
.pro_list_box .pro_item {
	margin: 0.5%; width: 49%; height: 130px; float: left; position: relative;
}
.pro_list_box .pro_item a .name_cn {
	margin-top: 20px;
}
}
@media screen and (max-width:400px)
{
.pro_list_box .pro_item {
	margin: 0.5%; width: 99%; height: 160px; float: left; position: relative;
}
}
#about_box .google {
	color: rgb(90, 90, 90); font-size: 14px;
}
#about_box .google a {
	text-decoration: none;
}
#about_box .google img {
	margin: 0px 3px; vertical-align: middle;
}
.map {
	width: 65%; text-align: center; position: relative; max-width: 761px;
    margin-left:auto;margin-right:auto;margin-top:20px;
}
.map .img_ {
	width: 100%;
}
.map .area {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10;
}
.map .area a.tranistion {
	left: 0px; top: 0px; width: 1.83%; height: 4.85%; display: inline-block; position: absolute; z-index: 1; background-image: url("../img/map_point.jpg"); background-size: 100% 100%;
}
.map .area a.tranistion .ic {
	background: rgb(96, 95, 95); border: 1px solid rgb(123, 123, 123); border-image: none; top: -40px; width: 80px; height: 29px; text-align: center; color: rgb(255, 253, 255); line-height: 29px; position: absolute; z-index: 10;
}
.map .area a.tranistion .ic .s {
	left: 5px; top: 29px; border-top-color: rgb(96, 95, 95); border-right-color: white; border-left-color: white; border-top-width: 9px; border-right-width: 7px; border-left-width: 4px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: absolute;
}
.map .area a.tranistion .abs {
	background: rgb(96, 95, 95); padding: 25px 24px; border-radius: 3px; left: -415px; width: 420px; text-align: left; color: rgb(255, 255, 255); line-height: 14px; font-family: Arial; text-decoration: none; display: none; position: absolute; z-index: 2; -ms-word-break: break-all; -ms-word-wrap: break-word; box-sizing: border-box;
}
.map .area a.tranistion .abs .name_cn {
	line-height: 22px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 18px;
}
.map .area a.tranistion .abs .name_en {
	line-height: 22px; font-size: 16px;
}
.map .area a.tranistion .abs .map_link {
	cursor: pointer;
}
.map_link {
margin-top:10px;
}
#about_box .ma {
	color: rgb(96, 95, 95); line-height: 27px;
}
#about_box .ma .span1 {
	font-size: 16px;
}
#about_box .ma .span2 {
	font-size: 18px;
}
#about_box .ma .img_i {
	text-align: center; line-height: 40px; font-size: 14px; margin-right: 40px; float: left;
}
@media screen and (max-width:1000px)
{
.map .area a.tranistion .abs {
	left: -210px;
}
}
@media screen and (max-width:680px)
{
.map {
	width: 100%;
}
.map .area a.tranistion .abs {
	left: 0px; top: 120px; width: 100%; position: fixed; z-index: 1000;
}
}
.info_cate_box {
	background: url("/images/info_icon.jpg") no-repeat 111px 8px; height: 20px; margin-top: 48px; margin-bottom: 98px;
}
.info_cate_box .info_cate_item {
	padding: 0px 20px; height: 20px; overflow: hidden; margin-right: 1px; float: left;
}
.info_cate_box .info_cate_item a {
	color: rgb(127, 127, 127); line-height: 20px; font-size: 18px; text-decoration: none; display: inline-block;
}
.info_cate_box .hover.info_cate_item a {
	color: rgb(0, 0, 0); margin-top: -20px;
}
.info_cate_box .info_cate_item:hover a {
	color: rgb(0, 0, 0); margin-top: -20px;
}
.info_cate_box .info_cate_item:active a {
	color: rgb(0, 0, 0); margin-top: -20px;
}
.info_list_box {
	overflow: hidden; padding-left: 20px; position: relative; z-index: 10; min-height: 500px; max-width: 1200px; box-sizing: border-box;
}
.info_list_box .info_item {
	background: rgb(247, 247, 247); border: 2px solid rgb(239, 238, 238); border-image: none; width: 23.08%; height: 346px; margin-right: 0.83%; margin-bottom: 15px; float: left;
}
.info_list_box .info_item .img_box {
	margin: 15px auto; width: 91%; height: 161px;
}
.info_list_box .info_item .img_box img {
	width: 100%; height: 100%;
}
.info_list_box .info_item .row {
	padding: 0px 4.88%;
}
.info_list_box .info_item .name {
	height: 28px; overflow: hidden;
}
.info_list_box .info_item .name a {
	color: rgb(0, 0, 0); line-height: 28px; font-size: 14px;
}
.info_list_box .info_item .date {
	height: 12px; color: rgb(0, 0, 0); overflow: hidden; font-family: "ÐÂËÎÌå"; font-size: 12px;
}
.info_list_box .info_item .brief {
	height: 60px; color: rgb(157, 157, 157); line-height: 20px; overflow: hidden; font-family: "ÐÂËÎÌå"; font-size: 12px;
}
.info_list_box .info_item .detail {
	height: 12px; text-align: right; line-height: 12px; overflow: hidden; position: relative;
}
.info_list_box .info_item .detail a {
	transition:0.2s ease-in; display: inline-block; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;
}
.info_list_box .info_item:hover {
	border: 2px solid rgb(156, 156, 156); border-image: none;
}
.info_list_box .info_item:active {
	border: 2px solid rgb(156, 156, 156); border-image: none;
}
.info_list_box .info_item:hover .detail a {
	margin-top: -12px;
}
.info_list_box .info_item:active .detail a {
	margin-top: -12px;
}
@media screen and (max-width:1000px)
{
.info_list_box .info_item {
	width: 31.55%;
}
}
@media screen and (max-width:700px)
{
.info_cate_box {
	margin-bottom: 40px;
}
.info_list_box .info_item {
	width: 48%;
}
.max_700 {
	height: 0px;
}
}
@media screen and (max-width:500px)
{
.info_list_box .info_item .img_box {
	height: auto;
}
.info_list_box .info_item .img_box img {
	height: auto;
}
.info_list_box .info_item .name {
	height: auto;
}
.info_list_box .info_item .brief {
	height: auto;
}
.info_list_box {
	padding-left: 0px;
}
.info_list_box .info_item {
	width: 99%; height: auto; margin-right: 0px;
}
}
.info_detail_box {
	line-height: 30px; padding-left: 20px; font-size: 14px; min-height: 400px; max-width: 1200px; box-sizing: border-box;
}
.info_detail_box * {
	max-width: 100%;
}
.info_detail_box_art {
	line-height: 30px; padding-left: 20px; font-size: 14px; min-height: 400px; max-width: 1100px;
}
.info_detail_box_art table {
	max-width: 100%;
}
.footer_line {
	width: 100%; border-top-color: rgb(212, 212, 212); border-bottom-color: rgb(229, 229, 229); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.footer {
	width: 100%; height: 78px; color: rgb(102, 102, 102); position: relative;
}
.footer a {
	color: rgb(102, 102, 102);
}
.footer .copy {
	left: 0px; top: 5px; width: 60%; line-height: 20px; position: absolute;
}
.footer .logo {
	transition:0.3s; top: 5px; right: 0px; display: inline-block; position: absolute; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s;
}
.footer .logo img {
	max-height: 100%; max-width: 100%;
}
.footer .share .link {
	padding: 0px 10px; color: rgb(102, 102, 102); line-height: 18px; float: left;
}
.footer .share .link a {
	color: rgb(102, 102, 102);
}
.bshare-custom {
	float: left;
}
@media screen and (max-width:640px)
{
#online {
	right: -87px !important;
}
}
