@charset "utf-8";
/* CSS Document */
.fl{ float:left;}
.fr{ float:right;}
/* zkx-mod */
.navbar-brand img{ height: 54px; margin: 3px 0; }
.breadcrumb > li + li:before { color: #121212;}
.langchange{float: left;}
.langchange a{
	display:block;
	/*background-color:#49b42f; */
	color:#49b42f;
	/*border: 0 !important;*/
	/*border-bottom:2px solid #49b42f;*/
	margin: 0 !important;
	/*letter-spacing: 0;*/
	font-size: 14px;
	/*padding: 5px 15px !important;*/
	margin:10px !important;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 20px;
	padding-right: 20px;
	/*text-transform: uppercase;*/
    /*border-radius: 28px;*/	
    margin: 5px 0;
}
.langchange a.cnlang{background: url(../images/t_china.gif) no-repeat right center; background-size: 16px 10px;}
.langchange a.enlang{background: url(../images/t_english.gif) no-repeat right center; background-size: 16px 10px;}
.langchange a:hover{ /*background-color: #6ab42f;*/ color: #288a10; }

  /*nav*/
.navbar-default .nav > li > a {
	display:block;
	color: #49b42f!important;
	/*border: 0 !important;*/
	border-bottom:2px solid #fff;
	margin: 0 !important;
	letter-spacing: 0;
	font-size: 14px;
	padding: 10px 10px !important;
	margin:0 5px !important;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	}  
.navbar-default .navbar-nav .open .dropdown-menu > li > a,.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color:#7ed322 !important; }  
.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > li:hover > a { color:#7ed322 !important; }
.navbar-default .nav > li > a.active{ background-color:#49b42f; color:#ffffff !important; border-bottom:2px solid #49b42f !important;} 
.navbar-default > li.active > a:hover{ background-color:#49b42f; color:#ffffff !important; border-bottom:2px solid #49b42f !important;}

 /*index*/
.lead{ line-height:1.6; }  
.btn{ font-size:16px; padding:12px 20px;}

 /*articlelist*/
.articlelist{ width:100%;/* border-top:2px solid #adadad;*/ background-color:#fff; min-height:600px; padding:3em 10em; margin-top:30px;}
.articlelist ul.articlecol{ padding:0; padding-bottom:2em; list-style-type: none;}
.articlelist ul.articlecol li{ margin:0; padding: 2em 0em 0em 0em; border-top:1px solid #ECECEC; list-style-type: none;}
.articlelist ul.articlecol li:first-child{ padding-top:0; border-top:0;}
.articlelist ul.articlecol li p{ text-align: left; }
.articlelist ul.articlecol li .posted {
	width:100%;
    padding: 0em 0em 0.6em 0em;
    letter-spacing: 1px;
    font-size: 1em;
    color: #A2A2A2;
	float:left;
}

.articlelist ul.articlecol li img {
    float: left;
    margin-right: 20px;
}

.articlelist ul.articlecol li p.text {
    margin-bottom: 1em;
    padding-bottom: 0;
	line-height:1.6;
	font-size:1.2em;
	color:#666;
	float:left;
	font-family:Arial;
}

/*page*/
.page{ display:table; margin:30px auto;}
.page a{ display:block; float:left; padding:2px 12px; margin:0 5px; border-radius:4px; border:1px solid #e6e6e6; background:#fff; color:#666666; cursor:pointer;}
.page .pagination-break{ padding:11px 5px; border:none; cursor:default; float:left; display:inline; color:#666666; font-family: \u5b8b\u4f53,Arial; font-size:14px;}
.page a:hover{ text-decoration:none; color:#7ed322;}
.page a.absolutepage{ background-color:#7ed322; color:#fff; border-color:#7ed322;}

.pagination-container{ width: 100%; }
.pagination-container ul{ display:table; margin:30px auto;}
.pagination-container ul li{ }
.pagination-container ul li a{ display:block; line-height: 28px; padding:2px 12px; margin:0 5px; border-radius:4px; border:1px solid #e6e6e6; background:#fff; color:#666666; cursor:pointer;}
.pagination-container ul li a:hover{ text-decoration:none; background-color: #fff; color:#7ed322;}
.pagination-container ul li.active a{ background-color:#7ed322; color:#fff; border-color:#7ed322;}
.pagination-container ul li.active a:hover{ background-color:#7ed322; color:#fff; border-color:#7ed322;}

/*member*/
.member{  min-height:600px; margin-top:30px; background-color:#fff; padding:10px 0;}
.member .member-row{ width:96%; background:#f5f5f5; box-sizing:border-box; margin:2em auto; box-shadow: 0px 0px 5px #ccc; }
.member .member-row:hover{box-shadow:0 3px 30px #b3b3b3;}
.member .member-row .member-row-column{ padding-left:0; overflow:hidden; width:30%; padding: 0 20px; box-sizing: border-box;}
.member .member-row .member-row-column img{ display:block; width:260px; height: 260px; margin:30px auto; }
.member .member-row .member-about-column{ padding:1em; overflow:hidden; width:70%;}
.member .member-row .member-about-column h3{ font-size:1.4em; font-weight:600; color:#333; text-align:left; padding:0; margin-bottom:0;}
.member .member-row .member-about-column h4{ text-align:left; font-size:1.2em; color:#666; font-weight:400; padding:0; margin:5px 0px;}
.member .member-row .member-about-column p{ text-align:left; width:90%; font-size:1em; line-height:1.5em; color:#999; margin:0 0 0 0;}
.member .member-row .member-about-column h5{ text-align:left; font-size:1.2em; color:#666; font-weight:400; padding:0; margin:0;}
.member .member-row .member-about-column .social{ padding:0; margin:0em 0; list-style:none;}
.member .member-row .member-about-column .social li{ float:left; margin:0 8px;}
.member .member-row .member-about-column .social li i{ font-size:1.5em;}

/*activity*/
.activity{ background-color:#fff; min-height:400px; margin-top:30px; padding:10px 0;}
.activity ul { list-style:none; margin:0; padding:0; margin-top:20px; }
.activity figure { margin:0; }
.activity figure img { display:block; width:100%; }
.activity figcaption h3 { margin:0; padding:0 0 0.3em; }
.activity figcaption p { margin:0; font-size:1.1em; color:#666; padding-bottom:0.2em; }
.activity figcaption time{ display:block; color:#999;}
  /* Grid style */
.grid-wrap { max-width:100%; margin:0 auto; }
.grid {	margin:0 auto; }
.grid li { width:33.33%; float:left; box-sizing:border-box; cursor: pointer;}
.grid li:first-child{ margin-left:0;}
.grid figure { width:100%; padding:15px; box-sizing:border-box; -webkit-transition:opacity 0.2s; transition:opacity 0.2s;}
.grid li:hover figure {opacity: 0.7;}
.grid figcaption { background:#f5f5f5; padding:25px; }
  /* Slideshow style */
.slideshow {
	position: fixed;
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index:999;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

.slideshow-open .slideshow {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.slideshow ul {
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate3d(0,0,150px);
	transform: translate3d(0,0,150px);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.slideshow ul.animatable li {
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.slideshow-open .slideshow ul {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.slideshow li {
	width: 660px;
	height: 560px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -280px 0 0 -330px;
	visibility: hidden;
}

.slideshow li.show {
	visibility: visible;
}

.slideshow li:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.8);
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.slideshow li.current:after {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
	transition: opacity 0.3s, visibility 0s 0.3s;
}

.slideshow figure {
	width: 100%;
	height: 100%;
	background: #fff;
	border: 50px solid #fff;
	overflow: hidden;
}

.slideshow figcaption {
	padding-bottom: 20px;
	position: relative !important; 
}

.slideshow figcaption h3 {
	font-weight: 300;
	font-size: 200%;
}

  /* Navigation */
.slideshow ul li{ z-index:999;}
.slideshow nav{ z-index:999;}
.slideshow nav span { position:fixed; z-index:999; color:#59656c; text-align:center; padding:3%; cursor:pointer; font-size:2.2em;}
.slideshow nav span i{color:#999; }
.slideshow nav span i:hover{color:#ddd; }
.slideshow nav span.nav-prev,.slideshow nav span.nav-next { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.slideshow nav span.nav-next { right:0; }
.slideshow nav span.nav-close { top:0.2em; right:0.2em; padding:0.5em 1em; color:#31373a;}
.slideshow nav span.nav-close i{ font-size:1.5em;}

@media screen and (max-width: 60em) {
	.grid li {
		width: 33.3%;
	}

	.slideshow li {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin: 0;
	}

	.slideshow li figure img {
		width: auto;
		margin: 0 auto;
		max-width: 100%;
	}

	.slideshow nav span,
	.slideshow nav span.nav-close {
		font-size: 1.8em;
		padding: 0.3em;
	}

	.info-keys {
		display: none;
	}

}

@media screen and (max-width: 35em) {
	.grid li {
		width: 50%;
	}
}

@media screen and (max-width: 24em) {
	.grid li {
		width: 100%;
	}
}

/*contact*/
.contact{ width:100%; background-color:#fff; min-height:600px; padding:10px 0; padding-top:2em; margin-top:30px;}
/*.contact h5{ color:#000; text-transform:uppercase; font-size:2em; font-weight:600; margin-bottom: 1em; line-height:1.2; padding-left:1em;}
.contact h5 p{ display:inline-block; text-transform: uppercase; font-family: 'Roboto Slab', serif; padding-bottom: 10px; color: #6aaf08; position: relative;}
.contact h5 p b{ display: block; margin-bottom: 10px; }
.contact h5 p span{ position: absolute; bottom: 0; left: 10%; width: 80%; border-bottom: 2px solid #6ab42f;}*/
.conttit{ margin-bottom:30px; display: block; position:relative;}
.conttit h4{ text-transform: uppercase; font-size: 24px; font-family: 'Roboto Slab', serif; font-weight: 700; padding-bottom: 10px; padding-left:20px; color: #6aaf08;}
.contactleft{ width:50%; padding:15px; box-sizing:border-box; float: left;}
.contactleft ul{ list-style-type: none; }
.contactleft ul li{ padding:10px 0; list-style-type: none;}
.contactleft ul li .conticon{ width:17%; padding:10px 0; box-sizing:border-box; float: left;}
.contactleft ul li .conticon span{ display:block; width:70px; height:70px; line-height:70px; font-size:2em; color:#eee; text-align:center; border-radius:50%; background:#7ed322;}
.contactleft ul li .conticon i{ color:#fff;}
.contactleft ul li .conttext{ width:83%; padding:10px 15px; box-sizing:border-box; text-align: left; float: left;}
.contactleft ul li .conttext h6{ font-size:16px; text-transform: uppercase; color: #000; line-height:20px; margin-bottom:5px;}
.contactleft ul li .conttext p{	display:inline-block; font-size:14px; vertical-align:middle; color:#666; font-size:15px; line-height:1.5;}

.contactright{ width:50%; padding:15px; box-sizing:border-box; float: left;}
.contactright .mapbox{ padding-left:20px; box-sizing:border-box;}
.map{ width:400px; height:300px; border:#ccc solid 1px;}
.map div{ box-sizing:content-box;}
.BMapLabel{ max-width:150px; !important;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

@media screen and (max-width:1024px) {
.contactleft{ width:100%;}
.contactleft ul{}
.contactleft ul li{ width:50%; float:left;}
.contactright{ width:100%;}
.contactright .mapbox{ padding-left:0;}
.contactright .mapbox .map{ width:100%; height:300px; border:#ccc solid 1px;}
}

@media screen and (max-width:768px) {
.contactleft{ width:100%;}
.contactleft ul{}
.contactleft ul li{ width:100%; float:left;}
.contactright{ width:100%;}
.contactright .mapbox{ padding-left:0;}
.contactright .mapbox .map{ width:100%; height:300px; border:#ccc solid 1px;}
}