/*

Theme ID: ecms45

Author: 懒鸟飞移植/制作

Author QQ：1430826160

Author Email：1430826160@qq.com

Author URL: http://www.lazybirdfly.com/

*/



@charset "utf-8";



html,body,div,span,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,video {

	margin: 0;

	padding: 0;

	outline: 0;

	border: 0;

	background: transparent;

	font-size: 100%;

}



html {

	-webkit-tap-highlight-color: rgba(0,0,0,0)

}



body {

	background: #f0f0f0;

	color: #666;

	font-size: 14px;

	line-height: 1.42857143;

	font-family: "Microsoft YaHei",Helvetica,Arial,sans-serif,Comfortaa;

	font-weight: 300;

	overflow-x: hidden

}







/*html.mac body{font-family:"PingFang SC",Microsoft YaHei,Helvetica,Arial,sans-serif;}*/







*:before,*:after {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}



* {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}



article,hgroup,menu,nav,section,aside,details,figcaption,figure,footer,header {

	display: block;

}



nav ul,ul,li {

	list-style: none;

}



blockquote {

	quotes: none;

}



blockquote:before,blockquote:after {

	content: none;

}



a {

	color: #666;

	vertical-align: baseline;

	text-decoration: none;

	font-size: 100%;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	margin: 0;

	padding: 0;

}



a,input {

	outline: none;

}



a:hover,a:focus {

	color: #006f35;

	text-decoration: none;

	cursor: pointer;

}



img {

	max-width: 100%;

	height: auto;

}



ins {

	color: #323841;

	background-color: #ff9;

	text-decoration: none;

}



mark {

	color: #323841;

	background-color: #ff9;

	font-weight: bold;

	font-style: italic;

}



*::selection {

	background: #006f35;

	color: #ffffff;

	text-shadow: none

}



*::-moz-selection {

	background: #006f35;

	color: #ffffff;

	text-shadow: none

}



@font-face {



	font-family:"Poppins";src: url(../fonts/Poppins-L.otf) format('truetype');font-weight: normal;font-style: normal;

}







/*----------- container -----------*/







.container {

	margin: 0 auto;

	max-width: 1260px;

	padding: 0 20px

}



.container.Wauto {

	padding: 0

}



.containe {

	position: relative;

	max-width: 1260px;

	margin: 0 auto;

	color: #fff;

	padding: 0 20px;

}















/*----------- 头部 -----------*/







.header {

	padding-top: 60px;

}



.header .header-nav {

	position: fixed;

	width: 100%;

	float: left;

	background-color: rgba(255, 255, 255, 1);

	z-index: 886;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	box-shadow: 0 0 10px rgba(22,22,22,0.1);

	top: 0

}



.header .header-nav.fixed {

	background-color: rgba(255, 255, 255,1);

	opacity: 1

}



.header .logo {

	position: absolute;

	font-size: 0px;

	height: 40px;

	overflow: hidden;

	display: block;

	text-indent: -20000em;

	width: auto;

	background-size: 100% 100%;

	top: 50%;

	margin-top: -15px;

}



.header .logo a {

	display: block;

	color: #303030;

}



.header .logo .logob {

	display: none

}



.logo img {

	height: 40px;

}



.mLogo {

	height: 30px;

}



.mLogo .logo {

	display: none

}



.header.opaque {

	padding-top: 0px;

}



.header.opaque .header-nav {

	background-color: rgba(255, 255, 255, 0);

	box-shadow: 0 0 10px rgba(22,22,22,0)

}



.header.opaque .header-nav.fixed {

	background-color: rgba(255, 255, 255,1);

	opacity: 1;

	box-shadow: 0 0 10px rgba(22,22,22,0.1);

}



.header.opaque .navbar a {

	color: #FFFFFF;

	opacity: 0.6

}



.header.opaque .navbar ul {

}



.header.opaque .navbar ul li {

}



.header .navbar ul li a {

	padding-left: 40px;

}



.header.opaque .navbar li.active > a {

	color: #FFFFFF;

	opacity: 1

}



.navbar li.on > a {

	color: #fff;

}



.header.opaque .navbar li:after {

	visibility: hidden;

	opacity: 0

}



.header.opaque .header-nav.fixed .navbar a,.header.opaque .inner .navbar a {

	color: #006f35;

	opacity: 1

}



.header.opaque .inner .navbar a:hover {

	color: #fff;

}



.header.opaque .header-nav.fixed .navbar li:after {

	visibility: visible;

	opacity: 1

}



.header.opaque .header-nav.fixed .navbar li.active > a,.header.opaque .header-nav.fixed .navbar li.on > a {

	color: #006f35;

}



.header.opaque .logo .logoa,.header.opaque .header-nav.fixed .logo .logob {

	display: none

}



.header.opaque .logo .logob,.header.opaque .header-nav.fixed .logo .logoa {

	display: block

}



.header.noOpaque .navbar a {

	line-height: 60px;

}















/*导航栏*/







.navbar {

	float: right;

}



.navbar li {

	display: block;

	float: left;

	margin: 0px;

	position: relative;

	min-width: 50px;

}



.navbar a {

	display: block;

	line-height: 80px;

	padding: 0px 15px;

	font-size: 16px;

	font-weight: 300;

	color: #333;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}



.header-nav.fixed .navbar a {

	line-height: 60px;

}



.header-nav.fixed .navbar>li>ul>li>a {

	line-height: 40px;

}



.navbar li.active>a, .navbar li.on>a {

	color: #006f35;

}



.navbar li:after {

	background: #006f35;

	content: "";

	height: 2px;

	width: 0px;

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	bottom: 0;

	webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}



.navbar li.active:after,.navbar li:hover:after {

	width: 100%;

}







.navbar .btn_submenu{

display: none;

position: absolute;

right: 0;

top: 0;

font-size: 20px;

line-height: 45px;

text-align: center;

cursor: pointer;

width: 70px;

height: 44px;	

}

.navbar .sub_menu{ }





@media screen and (max-width:960px) {

.navbar .btn_submenu{display: block;}

.navbar .sub_menu{display: none;}

}







/*inner*/







.inner {

	display: none;

	position: absolute;

	z-index: 49;

	width: 100%;

	top: 60px;

	left: 0

}



.inner li {

	width: 100%;

	margin: 0;

}



.inner li a {

	display: block;

	font-size: 16px;

	font-weight: 300;

	line-height: 32px;

	padding: 4px 15px;

	border-bottom: 1px solid #eee;

	background-color: rgba(255,255,255,.96);

}



.inner li#nvabar-item-index a {

	border-top: 1px solid #eee;

}



.inner li a:hover {

	background: #006f35;

	color: #fff;

	border-bottom: 1px solid #006f35;

}



.navbar li:after {

	background: #006f35;

	content: "";

	height: 2px;

	width: 0px;

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	bottom: 0;

	webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}



.inner .navbar li.active:after,.inner .navbar li:hover:after {

	width: 0

}



.navbar li>ul>li:before {

	background-color: transparent;

	content: '';

	transition: all 0.3s;

}



.navbar li.active:before, .navbar li.on:before {

	width: 100%;

	left: 0;

}



#navBox>div>ul>li:hover>ul {

	top: 100%;

	filter: alpha(opacity=85)!important;

	opacity: 0.85!important;

	max-height: inherit;

}



#navBox>div>ul>li>ul {

	position: absolute;

	width: 100%;

	top: 130%;

	right: 0;

	ext-align: center;

	padding: 0px 0;

	z-index: 60;

	filter: alpha(opacity=0)!important;

	opacity: 0!important;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	max-height: 0;

	overflow: hidden

}



#navBox>div>ul>li>ul>li a {

	float: none;

	display: block;

	padding: 0px 0px 0px;

	color: #fff;

	background-color: #006f35;

	font-size: 14px;

	text-align: center;

	line-height: 42px;

	opacity: 1

}



#navBox>div>ul>li>ul>li:after {

	display: none

}



#navBox>div>ul>li>ul>li {

	width: 100%;

	padding: 0;

	margin: 0;

	font-size: 14px;

}



#navBox>div>ul>li>ul>.on a {

	color: #fff!important;

	background-color: rgba(0,0,0,0.9);

}



#navBox>div>ul>li>ul>li.active a {

}



#navBox>div>ul>li>ul>li.on>a {

	color: #fff

}



.header .moble-bars {

	padding: 0;

	margin: 15px 0 0;

	font-size: 21px;

	float: right;

	color: #303030;

	display: none;

	position: relative;

	z-index: 99

}



.header a:hover.moble-bars {

	color: #006f35

}



.fixed {

	left: 0;

	opacity: 0.98;

	position: fixed;

	right: 0;

	top: 0;

	width: 100%;

	z-index: 888;

}







/*----------- search-top -----------*/







.searchBox {

	display: none

}



.search-pup {

	margin-top: 8px;

	position: relative;

}



.search-pup form input:focus {

	width: 180px

}



.search-pup form button {

	position: absolute;

	right: 6px;

	top: 4px;

	color: #ddd;

	background: 0 0;

	border: none;

	padding: 0;

	margin: 0;

	line-height: normal;

	font-size: 18px;

	font-weight: 300;

	outline: 0;

	cursor: pointer

}







/*----------- breadcrumb -----------*/	







.breadcrumb {

	max-width: 1220px;

	margin: 0 auto;

	padding: 12px 0;

	clear: both;

	overflow: hidden;

	border-bottom: 1px solid #ddd;

	text-indent: 5px

}



.fa-angle-right,.fa-bullhorn {

	font-size: 16px;

	margin: 0 4px;

}















/*----------- slider -----------*/







#slider {

	z-index: 0

}



.slider {

	margin: 0 auto;

	overflow: hidden;

	padding: 0px;

	background: #fff;

	-webkit-transition: none;

	transition: none;

}



.slider {

	clear: both;

	width: 100%;

	position: relative;

	overflow: hidden

}



.slider img {

	display: block;

	width: 100%;

	height: auto;

	overflow: hidden

}



.slide {

	width: 0

}



.bx-wrapper {

	border: none;

	margin: 0 auto;

	padding: 0;

	overflow: hidden

}



.bx-wrapper .bx-pager {

	position: absolute;

	bottom: 28px;

	z-index: 6;

	text-align: center;

	width: 100%

}



.bx-wrapper .bx-pager.bx-default-pager a {

	background: #fff;

	text-indent: -9999px;

	display: block;

	width: 8px;

	height: 5px;

	margin: 0 5px;

	outline: 0;

	border-radius: 0;

	filter: alpha(opacity=20)!important;

	opacity: .2!important;

	border-radius: 50px;

}



.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus {

	filter: alpha(opacity=60)!important;

	opacity: 0.6!important;

}



.bx-wrapper .bx-pager.bx-default-pager a.active {

	width: 15px;

	height: 5px;

}



.bx-wrapper .bx-prev,.bx-wrapper .bx-next,#slideBox .bx-wrapper .bx-next,#slideBox .bx-wrapper .bx-prev,.bx-wrapper .bx-pager.bx-default-pager a {

	-moz-transition: ease-in-out 0.3s;

	-webkit-transition: ease-in-out 0.3s;

	-o-transition: ease-in-out 0.3s;

	-ms-transition: ease-in-out 0.3s;

	transition: ease-in-out 0.3s;

}



#slideBox .bx-wrapper .bx-next,#slideBox .bx-wrapper .bx-prev {

	margin: -40px 0 0;

	position: absolute;

	top: 50%;

	z-index: 10;

	cursor: pointer;

	filter: alpha(opacity=20);

	opacity: .2;

	padding: 18px 12px;

	font-size: 3.2em;

	background-color: rgba(0, 0, 0, 0.5);

	border-radius: 0;

	width: auto;

	height: auto;

}



#slideBox .bx-wrapper .bx-prev {

	left: 10px

}



#slideBox .bx-wrapper .bx-next {

	right: 10px

}



#slideBox .bx-wrapper:hover .bx-prev {

	left: 0

}



#slideBox .bx-wrapper:hover .bx-next {

	right: 0

}



#slideBox .bx-wrapper .bx-next:hover,#slideBox .bx-wrapper .bx-prev:hover {

	filter: alpha(opacity=100)!important;

	opacity: 1!important;

	color: #fff;

	background: #006f35

}















/*bx-wrapper (NEXT / PREV) */







.slider1 {

	width: auto;

	position: absolute;

}



.bx-wrapper:hover .bx-prev,.bx-wrapper:hover .bx-next {

	filter: alpha(opacity=80)!important;

	opacity: 0.8!important;

}



.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover {

	background-color: rgba(255, 255, 255, .8);

	color: #006f35;

	filter: alpha(opacity=100)!important;

	opacity: 1!important;

}



.bx-wrapper:hover .bx-prev {

	left: 18px;

}



.bx-wrapper:hover .bx-next {

	right: 18px;

}



.bx-wrapper .bx-prev {

	left: 25px;

}



.bx-wrapper .bx-next {

	right: 25px;

}



.bx-wrapper .bx-prev,.bx-wrapper .bx-next {

	width: 30px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	border-radius: 100%;

	background-color: rgba(255, 255, 255, .3);

	position: absolute;

	top: 50%;

	margin: -15px 0 0 0;

	outline: 0;

	z-index: 56;

	cursor: pointer;

	color: #fff;

	font-size: 1.8em;

	filter: alpha(opacity=0)!important;

	opacity: .0!important;

}



.bx-wrapper .bx-loading {

	min-height: 200px;

	background: url(../images/lay.gif) center center no-repeat #fff;

	height: 100%;

	width: 100%;

}



.imgbox .bx-wrapper .bx-prev {

	left: 5px;

}



.imgbox .bx-wrapper .bx-next {

	right: 5px;

}



.bx-wrapper .bx-pager-item {

	display: inline-block;

	*zoom: 1;

	*display: inline;

}



.bx-wrapper .bx-pager-item {

	font-size: 0;

	line-height: 0;

}















/*----------- article  -----------*/







.Wauto {

	width: 100%;

	max-width: none;

	padding: 0;

}



.main {

	width: 100%;

	float: left

}



.w1200 {

	padding: 0;

	text-shadow: 0 1px rgba(255, 255, 255, 0);

	clear: both;

}



.w1200 .article {

	width: 100%;

	margin-right: 0;

}



.PostBox {

	clear: both;

}



.PostBox.back1 {

	background: #fcfcfc

}



.PostBox.back2 {

	background: #f6f6f6

}



.PostBox.back3 {

	position: relative;

	background-color: #111;

	background-position: center center;

	background-attachment: fixed;

	background-size: cover;

}



.PostBox.about {

	background: #f6f6f6;

}



.PostBox.about .post {

	padding: 0;

	max-width: 100%;

	position: relative;

}



.PostBox.about .post .postAbout {

	height: 500px;

	width: 50%;

	float: right;

	position: relative;

	z-index: 1

}



.PostBox.about .post .postAbout:after {

	content: "";

	display: block;

	width: 110%;

	height: 400px;

	background-color: rgba(255, 255, 255, 1);

	position: absolute;

	right: 0%;

	top: 50%;

	z-index: 0;

	box-shadow: 0 6px 40px rgba(128, 128, 128, 0);

	transform: translateY(-50%);

}



.PostBox.about .post .aboutImg {

	height: 500px;

	width: 50%;

	position: absolute;

	top: 0px;

	left: 0px;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover

}



.PostBox.about .post .postTitle {

	padding: 110px 30px 20px 0;

	text-align: left;

}



.PostBox.about .post .postTitle:after {

	display: none

}



.PostBox.about .post .postTitle .title2:after {

	display: none

}



.PostBox.about .post .PostText {

	line-height: 24px;

	color: #303030;

	padding-right: 60px;

	text-align: left;

	position: relative;

	z-index: 2

}



.PostBox.about .post .more {

	position: absolute;

	z-index: 2;

	left: 0;

	bottom: 115px;

}



.article {

	margin-right: 378px;

	min-height: 600px;

}



.post {

	max-width: 1260px;

	margin: 0 auto;

	padding: 80px 10px 80px;

}



.post.list,.post.tags {

	padding: 10px 10px 10px;

}



.post.news.top {

	padding-top: 10px;

	padding-bottom: 10px;

}



.post .postTitle {

	text-align: center;

	padding-bottom: 15px;

	position: relative;

	margin-bottom: 1.5%;

	z-index: 2;

}



.post .postTitle h3 {

	font-size: 2.0em;

	font-weight: normal;

	position: relative;

	text-indent: 2px;

	letter-spacing: 0em;

	display: inline-block;

	margin-bottom: 3px;

}



.post .postTitle h3 i {

	font-size: 0.46em;

	position: absolute;

	top: 12px;

	left: -33px;

	color: #9e9e9e;

	display: none;

}



.post .postTitle span {

	clear: both;

	display: inline-block;

	width: 100%;

	color: #9e9e9e;

	font-size: 14px;

}



.post .postTitle .title1 {

	font-size: 1.6em;

	text-transform: uppercase;

	color: #006f35;

	font-family: "HELVETICANEUELTPRO-THEX","微软雅黑";

	filter: alpha(opacity=80);

	opacity: 0.8;

}



.post .postTitle:after {

	background: #fbfbfb;

	content: "";

	height: 1px;

	width: 80px;

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	margin: 0 auto

}



.post.team .postTitle:after {

	height: 0px;

}



.post .postTitle .title2:after {

	background: #cfcfcf;

	content: "";

	height: 2px;

	width: 80px;

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	margin: 0 auto

}



.PostBox:nth-child(2) .post .postTitle:after {

	background: #fff;

}



.PostBox:nth-child(2) .post .postTitle .title2:after {

	background: #ddd;

}



.post .PostShow {

	position: relative;

}



.post .PostShow ul {

	width: 100%;

	overflow: hidden;

	display: flex;

	flex-wrap: wrap;

}



.post .PostShow li,.imgShow {

	width: 23.5%;

	float: left;

	display: inline;

	margin: 1.5% 0.65% 1.5% 0.85%;

	overflow: hidden;

	-webkit-transition: all 0.5s ease-in-out 0s;

	-o-transition: all 0.5s ease-in-out 0s;

	transition: all 0.5s ease-in-out 0s;

	text-align: center

}



.post .PostShow .loading {

	min-height: 109px;

}



.post.case .PostShow .loading {

	min-height: 212px;

}



.msk {

	background: #006f35;

	box-shadow: 0 0 12px rgba(0, 0, 0, 0);

	position: absolute;

	left: 0px;

	right: 0px;

	top: 0px;

	bottom: 0px;

	z-index: 1;

	-webkit-transition: all 0.5s ease-in-out 0s;

	-o-transition: all 0.5s ease-in-out 0s;

	transition: all 0.5s ease-in-out 0s;

	opacity: 0

}



.post li a:hover .msk,.imgShow a:hover .msk {

	background: #000;

	box-shadow: #000 0 0 8px;

	opacity: 0.5

}



.post .PostShow li h4,.imgShow h4 {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	clear: both;

	margin: 0 0 5px;

	font-size: 16px;

	font-weight: 100;

	padding: 0 10px

}



.post .PostShow li h4 {

	color: #333;

}



.post .PostShow li i,.imgShow i {

	color: #303030;

	display: block;

	font-size: 14px;

	font-style: normal;

	text-align: center;

	line-height: 20px;

	padding: 0 10px;

	height: 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.post .PostShow li i.h2 {

	height: 40px;

	white-space: normal;

}



.post .PostShow li .post-img,.imgShow .post-img {

	width: 100%;

	margin-bottom: 16px;

	overflow: hidden;

}



.post .post-img:hover img {

	transform: none;

}



.post .PostShow li img,.post.team .PicBox li img,.post .PostNews li img {

	-webkit-transition: all 0.5s ease-in-out 0s;

	-o-transition: all 0.5s ease-in-out 0s;

	transition: all 0.5s ease-in-out 0s;

}



.post.case.tags .PostShow li .post-img {

	max-height: 290px;

}



.post-img {

	float: left;

	height: auto;

	margin-left: 0;

	margin-right: 2.8169%;

	max-width: 290px;

	position: relative;

	width: 25%;

}



.post.team {

	width: 100%;

	max-width: none;

	padding: 80px 0;

	text-shadow: none;

}



.post.team .postTitle {

	padding-bottom: 1.5rem;

	color: #fff;

	margin-bottom: 2.5%

}



.post.team .postTitle h3 i {

	color: #585858

}



.post.team .postTitle .title1 {

	color: #766961

}



.post.team .postTitle .title2 {

	color: rgba(255, 255, 255, 0.25);

}



.post.team .postTitle:after {

	background: none;

}



.post.team .postTitle .title2:after {

	background: rgba(255, 255, 255, 0.15);

	width: 60px;

	height: 4px;

}



.post.team .post-img {

	max-width: 200px;

	max-height: 200px;

	overflow: hidden;

	margin: 0 3.5% 0 6.5%;

	border-radius: 1000px;

}



.post.team .post-img img {

	max-width: 100%;

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

	filter: gray;

	vertical-align: bottom;

	overflow: hidden;

	border-radius: 1000px;

}



.post.team .post-img img:hover {

	-webkit-filter: grayscale(0);

	-moz-filter: grayscale(0);

	-ms-filter: grayscale(0);

	-o-filter: grayscale(0);

	filter: grayscale(0);

}



.post.team .post-img:hover img {

	transform: none;

}



.post.team .bx-wrapper {

	position: relative;

}



.post.team .bx-wrapper .bx-loading {

	min-height: auto;

	background: url(../images/lay.gif) center center no-repeat none;

}



.post.team .loading {

	background: rgba(0, 0, 0, 0.3) url(../images/lay.gif) center center no-repeat;

	min-height: auto

}



.post.team .LiBox {

	max-width: 1260px;

	margin: 0 auto;

}



.post.team .LiBox a {

	display: inline-block;

	color: rgba(255, 255, 255, 0.3);

	width: 100%;

	padding: 0 6%;

}



.post.team .LiBox a:hover {

	color: rgba(255, 255, 255, 0.4)

}



.post.team .LiBox .bx-pager {

	text-align: center;

}



.post.team .bx-wrapper .bx-pager {

	position: inherit;

	padding-top: 15px;

}



.post.team .bx-wrapper .bx-pager.bx-default-pager a {

	background: rgba(255, 255, 255, 0.3);

	width: 10px;

	height: 10px;

	border-radius: 1000px;

	filter: alpha(opacity=35)!important;

	opacity: 0.35!important;

}



.post.team .bx-wrapper .bx-prev,.post.team .bx-wrapper .bx-next {

	opacity: 0.2!important;

	background: none;

	font-size: 5em;

	margin-top: -65px;

	height: 40px;

	line-height: 40px;

}



.post.team .bx-wrapper .bx-prev:hover,.post.team .bx-wrapper .bx-next:hover {

	color: #fff;

	filter: alpha(opacity=50)!important;

	opacity: 0.5!important;

}



.post.team .bx-wrapper .bx-prev {

	left: 3px;

}



.post.team .bx-wrapper .bx-next {

	right: 3px;

}



.post.team .bx-wrapper .bx-prev,.post.team .bx-wrapper .bx-next {

	border-radius: 0

}



.post.team .post-text {

	width: 65%;

	float: left;

	padding: 56px 0px 0 0;

	line-height: 24px;

	font-size: 14px;

	-webkit-transition: all 0.5s ease-in-out 0s;

	-o-transition: all 0.5s ease-in-out 0s;

	transition: all 0.5s ease-in-out 0s;

}



.post.team .post-text span {

	font-size: 1.3em;

	margin-bottom: 15px;

	display: block;

}



.post.team .bx-controls {

	max-width: 1260px;

	position: relative;

	margin: 0 auto;

}



.post.team .bx-controls-direction {

	margin-top: -100px;

	position: absolute;

	width: 100%;

	-webkit-transition: all 0.5s ease-in-out 0s;

	-o-transition: all 0.5s ease-in-out 0s;

	transition: all 0.5s ease-in-out 0s;

}



.post.team .bx-wrapper .bx-pager {

	bottom: 0;

}



.post.team .bx-wrapper .bx-pager.bx-default-pager a:hover,.post.team .bx-wrapper .bx-pager.bx-default-pager a.active {

	filter: alpha(opacity=80)!important;

	opacity: 0.8!important;

	background: rgba(255, 255, 255, 0.4);

}























/*news*/







.post.news {

	max-width: 1260px;

}



.post.news li {

	width: 49.5%;

	float: left;

	display: inline;

	margin: 6px 0 6px;

	-webkit-transition: all 0.5s ease-in-out 0s;

	-o-transition: all 0.5s ease-in-out 0s;

	transition: all 0.5s ease-in-out 0s;

	background: rgba(255, 255, 255, 0.4);

	padding: 10px;

	border: 1px solid #fff;

	line-height: 22px;

}



.post.news li:hover {

	background: rgba(255, 255, 255, 0.85);

}



.post.news li:nth-child(odd) {

	float: left;

}



.post.news li:nth-child(even) {

	float: right;

}



.post.news li h4 {

	font-size: 1.2em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
margin-bottom: 5px;
font-weight: 500;
}



.post.news li span {

	font-size: 14px;

	color: #303030;

	margin-right: 3px;

}



.post.news li p {

	font-size: 14px;

	color: #888

}



.post.news .post-img {

	max-width: 135px;

	max-height: 135px;

	width: 30%;

	overflow: hidden;

}



.post.news.tags li {

	width: 100%;

}



.post li a i.fa,.imgShow a i.fa {

	font-family: FontAwesome;

	top: 50%;

	color: #FFF;

	text-align: center;

	position: absolute;

	width: 100%;

	z-index: 2;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	filter: alpha(opacity=0);

	opacity: 0;

	text-shadow: none;

	font-size: 0;

	line-height: 0;

	overflow: visible

}



.post li a:hover i.fa,.imgShow a:hover i.fa {

	font-size: 25px;

	filter: alpha(opacity=100);

	opacity: 1;

}



.post.news li a:hover i.fa {

	font-size: 25px;

}



.post.case .more {

	padding: 0 0 35px 0;

}



.post .more {

	padding: 35px 0 0;

	text-align: center;

	clear: both;

}



.post .more a {

	padding: 8px 30px;

	display: inline-block;

	background: #f6f6f6;

	color: #fff;

	text-shadow: none;

	font-size: 14px;

	filter: alpha(opacity=80);

	opacity: 0.8;

	position: relative;

	border: 1px solid #ddd;

	color: #666

}



.post .more a:hover {

	border: 1px solid #006f35;

	color: #fff

}



.post .more a:after {

	background: #006f35;

	content: "";

	height: 100%;

	width: 0px;

	position: absolute;

	left: 0;

	top: 0;

	webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}



.post .more a:hover:after {

	width: 100%;

}



.msk {

	background: #006f35;

	box-shadow: 0 0 12px rgba(0, 0, 0, 0);

	position: absolute;

	left: 0px;

	right: 0px;

	top: 0px;

	bottom: 0px;

	z-index: 1;

	-webkit-transition: all 0.5s ease-in-out 0s;

	-o-transition: all 0.5s ease-in-out 0s;

	transition: all 0.5s ease-in-out 0s;

	opacity: 0

}



.post .more a span {

	position: relative;

	z-index: 1

}



.navbar li:after {

	background: #006f35;

	content: "";

	height: 2px;

	width: 0px;

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	bottom: 0;

	webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}



.msk {

	background: #006f35;

	box-shadow: 0 0 12px rgba(0, 0, 0, 0);

	position: absolute;

	left: 0px;

	right: 0px;

	top: 0px;

	bottom: 0px;

	z-index: 1;

	-webkit-transition: all 0.5s ease-in-out 0s;

	-o-transition: all 0.5s ease-in-out 0s;

	transition: all 0.5s ease-in-out 0s;

	opacity: 0

}



.post .more a:hover:after {

	width: 100%;

}























/*moble*/







.moble {

	max-width: 1260px;

	margin: 0 auto;

	height: 0px;

	background: #fff;

	width: 100%;

	padding: 0 10px;

	display: none;

	position: fixed;

	top: 0;

	z-index: 889

}



.moble a.moble-bars,.moble a.search-btn {

	-webkit-transition: all .6s ease;

	-o-transition: all .6s ease;

	transition: all .6s ease

}



.archive-top {

	max-width: 1260px;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

	text-align: center;

}



.archive-top .archive-title h1 {

	font-size: 2.5em;

	font-weight: normal;

	margin-top: 25px;

}



.archive-top .archive-title span {

	text-transform: uppercase;

	color: #006f35;

	font-size: 1.8em;

	clear: both;

	font-family: "HELVETICANEUELTPRO-THEX","微软雅黑";

	width: 100%;

	float: left;

	font-style: normal;

	filter: alpha(opacity=80);

	opacity: 0.8;

}



.archive-top .archive-description {

	color: #9e9e9e;

	font-size: 14px;

}



.archive-top.tag {

	text-align: left;

	padding: 40px 20px 10px;

}



.archive-top.tag h1 {

	display: block;

	font-size: 20px;

	font-weight: 400;

	margin-bottom: 5px;

}















/*subcate*/







.subcate {

	max-width: 1260px;

	margin: 10px auto 10px;

	text-align: center;

	padding: 0 20px;

}



.subcate li {

	display: inline-flex;

	margin: 0px 3px;

/*background-image:url(../images/line.gif);*/

	border-radius: 0px;

}



.subcate li a {

	padding: 4px 10px 4px;

	font-size: 16px;

	background: #f0f0f0;

	text-shadow: none;

	border-radius: 0px;

}



.subcate li a:hover,.subcate li.active a {

	background: #006f35;

	color: #fff;

	filter: alpha(opacity=60);

	opacity: 0.6;

}























/*----------- lazy -----------*/







.loading {

	background: #eee url(../images/lay.gif) center center no-repeat;

	min-height: 60px

}



.button.loading {

	min-height: 30px;

}



a:hover .b-lazy.b-loaded {

	filter: alpha(opacity=100);

	opacity: 1

}



.b-lazy {

	max-width: 100%;

	-webkit-transition: opacity 500ms ease-in-out;

	-moz-transition: opacity 500ms ease-in-out;

	-o-transition: opacity 500ms ease-in-out;

	transition: opacity 500ms ease-in-out;

	filter: alpha(opacity=0);

	opacity: 1

}



.b-lazy.b-loaded {

	vertical-align: middle;

	filter: alpha(opacity=100);

	opacity: 1;

}







/*----------- pageNav -----------*/







.pageNav {

	text-align: center;

	padding: 35px 0px;

	display: block;

	clear: both;

}



.pageNav a {

	text-align: center;

	line-height: 38px;

	display: inline-block;

	color: #fff;

	background: #006f35;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px

}



.pageNav a i {

	width: 38px;

	height: 38px;

	line-height: 38px;

	vertical-align: 0px;

}



.pageNav a:hover {

	background: #666;

	color: #fff;

	text-decoration: none;

}



.pageNav .number {

	background: #006f35;

	color: #fff;

	margin: 0 3px;

	display: inline-block;

	line-height: 38px;

	padding: 0 15px;

	text-shadow: none;

	filter: alpha(opacity=60);

	opacity: 0.6;

	vertical-align: 0px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px

}



.pageNav .active {

	background: #666;

	color: #fff;

	text-decoration: none;

}



.post.case .pageNav {

	padding-top: 0;

}























/*social*/







.sidebar {

	max-width: 1260px;

	margin: 0 auto;

	padding: 60px 10px;

	border-bottom: 1px solid rgba(255,255,255,0.1);

	position: relative;

}



.sidebar .addBox {

	padding: 0 5px;

	margin-bottom: 15px;

}



.sidebar .addBox h4 {

	display: none

}



.sidebar .addBox span {

	margin-right: 20px;

	display: inline-block

}



.sidebar .addBox span.tel {

	font-size: 30px;

	padding: 0 0 20px 0;

	display: block;

	font-weight: 300;

	margin-right: 0

}



.sidebar .addBox span.tel a {

	font-size: 30px;

}



.sidebar .addBox span.tel i {

	margin-right: 5px;

}



.social a.socialLink {

	background: rgba(255,255,255,.08);

	border-radius: 1000px;

	-moz-border-radius: 1000px;

	-webkit-border-radius: 1000px;

	color: rgba(255,255,255,.48);

	font-size: 18px;

	display: inline-block;

	width: 46px;

	height: 46px;

	line-height: 46px;

	text-align: center;

	margin: 0 10px 0 0;

}



.social a:hover {

	background: rgba(255,255,255,.2)

}



.social a.socialLink:hover {

	color: rgba(255,255,255,1)

}



.social a.s-weixin .weixin {

	visibility: hidden;

	opacity: 0;

	position: fixed;

	padding: 5px 5px 25px;

	background: #fff;

	z-index: 999;

	line-height: 0;

	border-radius: 0px;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%) scale(0.5);

	-webkit-transition: all 0.2s;

	-o-transition: all 0.2s;

	transition: all 0.2s;

}



.social a.s-weixin .weixin .img {

	width: 260px;

	height: 260px;

}



.social a.s-weixin .weixin img {

	width: 100%;

	height: 100%

}



.social a.s-weixin .weixin p {

	color: #333;

	font-size: 14px;

	margin-top: 5px

}



.social a.s-weixin .weixin.open {

	visibility: visible;

	opacity: 1;

	transform: translate(-50%,-50%) scale(1);

}



.divArchives li,.divBrchives li,.divCrchives li,.divAuthors li,.divCatalog li,.divFavorites li,.divLinkage li,.divNavBar li,.divStatistics li {

	padding: 3px 0;

	margin: 1px 0 3px 0;

}



.divArchives li a,.divAuthors li a,.divBrchives li a,.divCatalog li a,.divFavorites li a,.divLinkage li a,.divMisc li a,.divNavBar li a,.divStatistics li {

	color: #555;

	font-size: 14px;

	margin-right: 24px;

	-o-transition: .3s;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s

}



.divArchives li:hover a,.divBrchives li:hover a,.divAuthors li:hover a,.divCatalog li:hover a,.divFavorites li:hover a,.divLinkage li:hover a,.divNavBar li:hover a,.divStatistics li:hover {

	padding-left: 15px;

	-o-transition: .3s;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s

}



.divBrchives li:hover a {

	color: #006f35

}



.divBrchives li a i.fa,.tbox .fa {

	transform: translate(0px, -1px);

}



.widget-tie h3 {

	margin-bottom: 15px

}



.divTags li {

	float: left;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s;

}















/*----------- article-box panel -----------*/







.article-box {

	padding: 0 20px 20px;

	margin: 20px 0 16px;

	background: rgba(255, 255, 255, 0.65);

	border: 0px solid #eee;

}



.article-top {

	padding: 15px 0px;

	border-bottom: 1px solid #eee;

}



.article-tit {

	margin-top: 5px;

	margin-bottom: 0px;

	font-size: 22px;

	font-weight: 400;

}



.article-mt {

	text-align: center;

}



.article-mt span {

	font-size: 14px;

	color: #303030;

	display: inline-block;

	margin-right: 15px;

}



.article-mt span a {

	font-size: 14px;

	color: #303030;

	display: inline-block;

}



.article-mt span .fa {

	width: 13px;

	display: inline-block;

	margin-right: 4px;

	font-size: 13px;

}



.article-main {

	font-size: 15px;

	line-height: 25px;

	padding: 18px 0;

	word-wrap: break-word;

}



.article-main img {

	margin: 5px 0;

	max-width: 100%;

	height: auto!important;

}



.article-main h2, .article-main h3, .article-main h4, .article-main h5 {

	padding: 0;

	margin: 25px 0;

	color: #333;

	font-weight: 600;

}



.article-main h2 {

	font-size: 20px;

	line-height: 24px;

	font-weight: bold;

	border-left: 5px solid #006f35;

	padding: 0 0 0 10px;

}



.article-main h3 {

	font-size: 18px;

}



.article-main h4 {

	font-size: 16px;

}



.article-main h5 {

	font-size: 14px;

}



.article-main ul, .article-main ol {

	margin: 0 0 18px 42px

}



.article-main ul {

	list-style: disc;

}



.article-main ol {

	list-style: decimal;

}



.article-main li {

	margin-bottom: 6px;

	list-style: inherit;

}



.article-main p {

	margin-bottom: 0px;

	word-wrap: break-word

}



.article-main pre {

	word-wrap: break-word

}



.article-main table {

	width: 100%;

	border-top: solid 1px #ddd;

	border-left: solid 1px #ddd;

	margin-bottom: 18px;

	border-collapse: collapse

}



.article-main table th {

	text-align: center;

	background-color: #f9f9f9;

}



.article-main table td,.article-main table th {

	border-bottom: solid 1px #ddd;

	border-right: solid 1px #ddd;

	padding: 5px 10px

}



.article-main a {

	color: #006f35;

}



.article-main a:hover {

	color: #006f35;

}



.article-main pre,.comment pre {

	margin: 20px 0;

	font: 14px/22px 'courier new';

	background: #272822;

	padding: 10px 16px;

	color: #F8F8D4;

	border: none

}



.article-main blockquote {

	margin: 30px;

	padding: 15px 20px 1px;

	font-size: 16px;

	color: #303030;

	border-left: 6px solid #e4e4e4;

	background: #f0f0f0

}



.article-main blockquote p {

	margin: 0;

	padding: 0;

	margin-bottom: 10px;

}



.article-main embed {

	display: block;

	margin-left: auto;

	max-width: 100%;

	margin-right: auto;

}



.article-copyright {

	margin-top: 42px;

	background-color: #eee;

	padding-right: 30px;

	font-size: 14px;

	padding: 5px 0;

	color: #aaa;

	text-align: center;

}



.article-copyright a, .article-copyright a:hover {

	color: #aaa;

	text-decoration: none;

}























/*----------- tag-a -----------*/







.tag-box .tag-a {

	margin: 10px 0 20px;

}



.tag-box .tag-a a {

	padding: 4px 8px 2px 8px;

	border: 1px solid #e4e4e4;

	margin-right: 6px;

	background: #f9f9f9;

}







/*----------- Post Navigation -----------*/	







.post-nav {

	border: 0px solid #eee;

	padding: 10px 0 10px 0;

	margin: 0px;

	clear: both;

	overflow: hidden;

}



.post-nav div {

	width: 40%;

	color: #303030;

	font-size: 14px;

	position: relative;

	display: block;

}



.post-prev {

	float: left;

}



.post-next {

	float: right;

	text-align: right;

}



.post-nav div span {

	display: none;

	color: #303030;

}



.post-nav div a {

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	position: relative;

}



.post-nav div a i {

	color: #ccc;

	font-size: 50px;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease;

}



.post-nav div a:hover i {

	color: #006f35;

}



.post-prev a {

	padding: 5px 0 5px 38px;

}



.post-next a {

	padding: 5px 38px 5px 0;

}



.post-prev a i {

	left: 0;

}



.post-next a i {

	right: 0;

}















/*----------- Author Widget -----------*/







#writer {

	margin: 20px 0;

	border: 0px solid #eee;

	background: rgba(255, 255, 255, 0.65);

	clear: both;

	overflow: hidden;

}



#writer h3 {

	padding: 10px 20px 8px 20px;

	border-bottom: 1px solid #eee;

	background: rgba(255, 255, 255, 0.2);

}



#writer h3 span {

	float: right;

	min-width: 160px;

	width: 50%;

	text-align: right;

	font-weight: normal;

	font-size: 14px;

	padding-top: 2px;

}



.writer-text {

	clear: both;

	overflow: hidden;

	padding: 10px;

}



.writer-avatar img {

	float: left;

	margin: 10px;

	padding: 4px;

	width: 64px;

	height: 64px;

	border: 1px solid #eee;

	-webkit-border-radius: 37px;

	-moz-border-radius: 37px;

	border-radius: 37px;

	background: #fff;

	-webkit-box-shadow: inset 0 -1px 0 #3333sf;

	box-shadow: inset 0 -1px 0 #3333sf;

	-webkit-transition: 0.4s;

	-webkit-transition: -webkit-transform 0.4s ease-out;

	-moz-transition: -moz-transform 0.4s ease-out;

	transition: transform 0.4s ease-out;

}



.writer-avatar img:hover {

	border: 1px solid #ccc;

	-webkit-box-shadow: 0 0 10px #fff;

	box-shadow: 0 0 10px #fff;

	-webkit-transform: rotateZ(360deg);

	-moz-transform: rotateZ(360deg);

	transform: rotateZ(360deg);

}



.writer-info {

	padding: 10px 10px 0 5px;

	font-size: 14px;

	line-height: 22px;

}



#writer-name {

	display: none;

}



#writer-top .contact {

	width: auto;

}



#writer-top .contact li {

	float: left;

	margin: 0;

	padding: 0;

	width: 28px;

	height: 30px;

	background: none;

}



.nb {

	padding: 10px 0;

	border-bottom: none;

}



.widget .nb li {

	padding: 0;

	width: 30px;

	height: 30px;

	background: none;

}



.widget .nb li.archive,.widget .nb li.donate {

	width: 82px;

}



.widget .nb li.archive a {

	width: 80px;

	height: 26px;

}



.widget .nb li.donate a {

	width: 80px;

	height: 26px;

}







/*----------- contact -----------*/		







.contact {

	padding: 16px 13px 10px;

}



.contact ul li {

	background: none;

}



.contact li a {

	display: block;

	margin-left: 5px;

	width: 24px;

	height: 24px;

	color: #fff;

	line-height: 24px;

	opacity: 0.7;

	text-shadow: none;

}



.contact li a:hover {

	opacity: 1;

}



.contact li.website a {

	background: #F93;

}



.contact li.sina_weibo a {

	background: #f78585;

}



.contact li.qq_weibo a {

	background: #27ccc0;

}



.contact li.email a {

	background: #e66eb6;

}



.contact li.qq a {

	background: #48c3f0;

}



.contact li.archive a {

	width: 78px;

	height: 24px;

	background: #9C3;

	text-indent: 0px;

	color: #fff;

	line-height: 24px;

}



.contact li.donate a {

	width: 78px;

	height: 24px;

}



.contact li {

	display: inline;

	float: left;

	margin-right: 4px;

	height: 24px;

	text-align: center;

	line-height: 190%;

}























/*----------- relates -----------*/







.relates {

	padding: 20px;

	margin-bottom: 16px;

	background: rgba(255, 255, 255, 0.65);

	border: 0px solid #eee

}



.relates.imgRel {

	padding: 10px;

}



.relates.imgRel ul {

	margin: 0;

}



.relates.imgRel .title {

	text-indent: 10px;

	margin-top: 10px;

}



.post.relates.imgRel .PostShow li {

	margin: 1% 0.75% 1% 0.75%;

 /*margin:0;transition:none;*/

}



.title {

	margin-bottom: 10px;

	overflow: hidden;

}



.title h3 {

	font-size: 1.2em;

	font-weight: 500;

	margin: 0;

	float: left

}



.relates ul {

	list-style: disc;

	margin-left: 20px;

	color: #303030

}



.relates li {

	margin-top: 10px;

	list-style: inherit

}



.relates li.nothing {

	width: 100%;

	text-align: left;

}



.relates time {

	font-size: 14px;

	margin-left: 20px;

	color: #bbb

}



.widgetBox {

	position: relative;

	clear: both;

	margin-bottom: 20px;

	background: none repeat scroll 0 0 #fff

}



.userMain {

	overflow: hidden;

	width: 100%;

	border: 1px solid #eee

}



#userLeft {

	float: left;

	padding-bottom: 10px;

	width: 17.9%

}



#userLeft .user-avatar {

	padding: 15px;

	text-align: center

}



#userLeft .user-avatar img {

	padding: 5px;

	max-width: 100px;

	max-height: 100px;

	width: 98%;

	height: auto;

	border: 1px solid #eee;

	-webkit-border-radius: 100px;

	-moz-border-radius: 100px;

	border-radius: 100px;

	-webkit-box-shadow: inset 0 -1px 0 #3333sf;

	box-shadow: inset 0 -1px 0 #3333sf;

	-webkit-transition: .4s;

	-webkit-transition: -webkit-transform .4s ease-out;

	-moz-transition: -moz-transform .4s ease-out;

	transition: transform .4s ease-out

}



#userLeft .user-avatar img:hover {

	border: 1px solid #ccc;

	-webkit-box-shadow: 0 0 10px #fff;

	box-shadow: 0 0 10px #fff;

	-webkit-transform: rotateZ(360deg);

	-moz-transform: rotateZ(360deg);

	transform: rotateZ(360deg)

}



#userMenu li {

	padding: 12px 10px;

	text-align: center

}



#userMenu li.current-menu-item {

	margin: 0 -1px;

	border-left: 5px solid #006f35;

	background: #EEE

}



#userMenu li.current-menu-item a {

	margin-left: -5px;

	color: #006f35

}



#userMenu li i {

	margin-right: 5px

}



#userRight {

	float: left;

	overflow: hidden;

	margin: 0;

	padding: 10px 1.333333%;

	min-height: 600px;

	width: 82%;

	border-bottom: none;

	border-left: 1px solid #E1E1E1;

	background: #fff

}



#userRight #writer-top {

	margin: 0 -15px;

	padding: 10px 15px;

	border-bottom: 1px solid #E1E1E1;

	background: #fff

}



#userRight .post-count {

	padding: 15px 10px;

	border-bottom: 1px solid #eee;

	font-weight: 700

}



#userRight .archive-a h2 {

	font-size: 14px;

	padding-left: 5px;

	line-height: 40px

}



.archive-a h2 {

	display: inline-block;

	overflow: hidden;

	margin: 0;

	width: 60%;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 400;

	font-size: 16px;

	line-height: 28px

}



.archive-a h2 a i {

	margin-right: 5px

}



#writer-top h1 {

	margin-bottom: 10px;

	font-size: 20px

}



#writer-top .rss-cat-icon i {

	color: #F74D4D

}



.widget-main {

	position: relative;

	z-index: 1;

	padding: 10px 15px;

	border-bottom: 1px solid #E1E1E1

}



.archive-a {

	padding: 10px 0;

	border-bottom: 1px solid #eee

}



.archive-a span {

	margin-right: 5px

}



.archive-a p.post-time {

	float: right;

	width: 36%

}



.post-time {

	margin: 10px 0;

	line-height: 20px

}



.post-time span {

	margin-right: 10px;

	color: #303030

}



.post-time span i {

	margin-right: 3px

}















/*----------- commList -----------*/	







.commBox {

	padding: 20px;

	margin-bottom: 20px;

	background: rgba(255, 255, 255, 0.65);

	border: 0px solid #eee;

}



.commBox .title {

	margin-bottom: 15px;

}



.commList .msg {

	padding-top: 10px

}



.commBox .posttop em {

	color: #303030;

	font-style: normal;

}















/*---------------------------引用\评论----------------------------------*/







ul.msg {

	width: 100%;

	margin: 15px 0 15px 0;

	padding: 0px 0;

	text-align: left;

	list-style-position: outside;

	table-layout: fixed;

	word-wrap: break-word;

	background: #fdfdfd;

	border: 1px solid #eee;

	border-radius: 3px;

}



li.msgname {

	padding: 15px 15px 0;

	margin: 0px;

	font-weight: normal;

	font-size: 1em;

}



li.msgname small,small .revertcomment a {

	color: #303030;

	font-size: 14px;

	font-weight: 300

}



li.msgurl {

	text-align: right;

	padding: 2px 10px 2px 10px;

	margin: 0;

	font-size: 1em;

}



li.msggravatar {

	display: block;

	float: left;

	margin-right: 5px;

}



li.msgarticle {

	list-style-position: outside;

	padding: 10px 15px 12px;

	margin: 0;

	line-height: 160%;

	padding-left: 70px;

 /*border-bottom:1px solid #eaeaea;*/

}



li.msgtime {

	padding: 5px 0 0 0;

	font-weight: normal;

	font-size: 0.8em;

}



img.avatar {

	width: 45px;

	height: 45px;

	float: left;

	margin-right: 8px;

	margin-top: -2px;

	border-radius: 50px;

	box-shadow: inset 0 -1px 0 #3333sf;

	-webkit-box-shadow: inset 0 -1px 0 #3333sf;

	-webkit-transition: .4s;

	-webkit-transition: -webkit-transform .3s ease-out;

	transition: transform .3s ease-out;

	-moz-transition: -moz-transform .3s ease-out

}



img.avatar:hover {

	transform: rotateZ(360deg);

	-webkit-transform: rotateZ(360deg);

	-moz-transform: rotateZ(360deg);

	box-shadow: 0 0 10px #fff;

	-webkit-box-shadow: 0 0 10px #fff;

}



ul.msg ul.msg img.avatar {

	width: 40px;

	height: 40px;

	margin-top: 0.12em

}



ul.msg ul.msg {

	padding: 0px 0 0 0;

	margin: 15px 0 0 0;

	border: none;

	border-top: 1px solid #eee;

}



ul.msg ul.msg li.msgarticle {

	padding-bottom: 0px;

	border-bottom: 0px solid #eee;

	padding-left: 52px;

	padding-right: 0;

}



ul.msg ul.msg li {

	padding-right: 0;

	padding-left: 0

}















/************发表评论************/







#divCommentPost {

	width: 100%;

	margin: 0 0 0 0;

	padding: 5px 0 1px 0;

}



#divCommentPost p {

	margin-top: 10px;

}



#divCommentPost label {

	margin-top: 5px;

}



#divCommentPost p.posttop {

	color: #303030;

	padding-left: 0;

	margin-bottom: 5px;

	float: left

}



#divCommentPost.reply-frm p.posttop {

	float: right

}



#divCommentPost.reply-frm p.posttop .u-msg {

	display: none

}



#divCommentPost img {

	margin-bottom: -0.5em;

}



#divCommentPost p.npt {

	margin-top: 0

}



#cancel-reply {

	margin-left: 10px;

	line-height: 36px;

	display: inline-block

}



div.reply-frm {

	background: #fdfdfd;

	margin: 0em 0% !important;

	padding: .3em 0em 0.68em !important;

	border: 0px solid #eee

}



div.reply-frm #saytext {

	border: 1px solid #eee;

	margin-top: 0px;

}



#saypl ul {

	width: 101.6%;

	clear: both

}



#saypl ul li {

	margin-bottom: 5px;

	text-align: left;

	display: inline-block;

	width: 49%

}



#saypl ul li.verify {

	position: relative

}



#saypl ul li.verify img {

	position: absolute;

	top: 4px;

	right: 4px

}



input.text {

	margin-right: 10px;

	position: relative;

	border: none;

	border: 1px

}



input.text {

	margin-right: 10px;

	position: relative;

	border: 1px solid #eee;

	border-radius: 0px;

	height: 38px;

	line-height: 38px;

	padding: 0px 10px;

	outline: 0;

	color: #B3B3B3;

	width: 100%;

	box-shadow: none;

	background: #fdfdfd;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}



#saytext {

	position: relative;

	z-index: 1;

	border: 0;

	border-bottom: none;

	padding-right: 24px;

	overflow: hidden;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	box-shadow: none;

	-webkit-appearance: none;

	overflow: auto;

	padding: 10px;

	min-height: 135px;

	margin: 0;

	resize: none;

	outline: 0;

	width: 100%;

	min-width: 100%;

	background: #fdfdfd;

	font-size: 14px;

	border: 1px solid #eee

}



input.button,#cancel-reply {

	height: 36px;

	width: 100px;

	text-align: center;

	text-shadow: none;

	font-weight: normal;

	border: none;

	color: #FFF;

	background-color: #006f35;

	border-radius: 2px;

	background-image: none;

	box-shadow: none;

	cursor: pointer;

	font-size: 16px;

}



input.button:hover {

	background: #8463A9;

}



#cancel-reply {

	background-color: #d9d9d9;

	vertical-align: 0px;

}















/*----------- search -----------*/ 	







.page-search h1 {

	font-size: 20px;

	font-weight: 400;

	margin-bottom: 5px;

}



.page-search .archive-description {

	font-size: 14px;

	color: #9e9e9e;

}



.page-search,.list-search p {

	margin: 20px 0;

	padding: 10px;

	overflow: hidden;

	border-radius: 2px;

	position: relative;

	line-height: 22px;

	-webkit-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease

}



.list-search p {

	background-color: rgba(255, 255, 255, 0.65);

	padding: 20px;

	color: #888;

	border: 1px solid #fff;

}



.list-search p:hover {

	background-color: rgba(255, 255, 255, 0.95);

}



.list-search p a:first-child {

	font-size: 20px;

	line-height: 28px;

	margin-bottom: 5px;

	margin-top: 0;

}



.list-search p a {

	margin-top: 3px;

	display: inline-block;

}



.list-search p a:hover {

	color: #006f35

}



.list-search p strong {

	color: #006f35;

	font-weight: 100

}







/*----------- gotop -----------*/







#backTop {

	position: fixed;

	right: 0px;

	top: 55%;

	transform: translateY(-50%);

	z-index: 888;

}



#backTop span {

	cursor: pointer;

	background: rgba(0,0,0,0.2);

	width: 50px;

	height: 50px;

	color: #fff;

	display: block;

	position: relative;

	margin: 0px 0;

	right: 0;

}



#backTop span#gttop {

	visibility: hidden;

	-webkit-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease;

	opacity: 0;

}



#backTop span i {

	z-index: 1

}



#backTop span.ft-qq i {

	background: #1ea6e9;

}



#backTop span.ft-wx i {

	background: #46be8a;

}



#backTop span.ft-tel i {

	background: #DA0023;

}



#backTop span small {

	width: 180px;

	height: 180px;

	position: absolute;

	left: -220px;

	top: 0;

	box-shadow: 0 0 9pt rgba(0,0,0,.1);

	visibility: hidden;

	opacity: 0;

	background: #fff;

	z-index: 0;

	-webkit-transition: all .2s ease;

	-o-transition: all .2s ease;

	transition: all .2s ease;

}



#backTop span small.telTop {

	width: auto;

	height: 50px;

	line-height: 50px;

	padding: 0 15px;

	text-align: center;

	font-size: 22px;

	color: #333;

	right: 70%;

	left: auto;

	visibility: hidden;

 /*background: #DA0023; */

}



#backTop span:hover.ft-tel small.telTop {

	visibility: visible;

	opacity: 1;

	right: 100%;

}



#backTop span:hover.ft-wx small.weixin {

	visibility: visible;

	opacity: 1;

	left: -190px;

}



#backTop span i {

	text-align: center;

	color: #fff;

	width: 50px;

	height: 50px;

	font-style: inherit;

	line-height: 50px;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -25px;

	margin-left: -25px;

	font-size: 22px;

}



#backTop span.ft-tel i {

	font-size: 24px;

}



#backTop a {

	color: #fff;

	display: block;

	cursor: pointer

}



#backTop span small b {

	width: 25px;

	height: 35px;

	position: absolute;

	top: 10px;

	right: -22px;

	z-index: 999;

	font-size: 26px;

}















/*browse*/	







#browse {

	padding: 10px 0;

	border-bottom: 1px solid #ddd;

	background: #006f35;

	color: #aa6800;

	text-align: center;

	font-family: arial,sans-serif;

	font-size: 14px

}



#browse a {

	padding: 4px;

	color: #008DFD

}



#browse a:hover {

	text-decoration: underline

}







/*----------- ADS -----------*/	







.bnBox {

	background-color: #fff;

	border: none;

	padding: 10px;

	margin: 0 auto 16px auto;

	overflow: hidden;

	max-width: 1240px;

	position: relative;

}



.bnBox.cateBn {

	margin-bottom: 0;

	padding: 0;

	max-width: 100%;

}



.bnBox.cateBn .text {

	width: 100%;

	text-align: center;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	color: #fff;

}



.bnBox.cateBn .text h3 {

	font-weight: 100;

	font-size: 40px;

}



.bnBox.cateBn .text p {

	font-size: 14px;

	font-weight: 100;

	font-style: normal;

	clear: both;

	opacity: .8

}



.bnBox.cateBn img {

}



.bnBox.animation {

	margin-top: 16px;

}



.bnBox img {

	display: block;

	width: 100%

}







/*----------- footer -----------*/	







.footer {

	margin-top: 0px;

	padding: 0px 0 0;

	width: 100%;

	background: #006f35;

	color: #ccc;

	clear: both;

	position: relative;

	font-size: 14px;

	line-height: 22px;

	float: left;

	text-align: left

}



.footer a {

	color: #ccc;

	font-size: 14px;

}



.footer-text {

	padding: 20px 10px;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

 /*background: #111;*/

	max-width: 1260px

}



.link {

	max-width: 1260px;

	margin: 20px auto 20px auto;

	padding: 0 10px;

	color: rgba(255,255,255,0.3);

}



.link span {

	font-size: 12px

}



.link ul {

	display: inline

}



.link li {

	display: inline;

	padding: 0 6px;

}



.action-like,.article-social {

	text-align: center;

	text-shadow: none

}



.article-main a.action-like {

	color: #fff;

}



.action-like {

	display: inline-block;

	background-color: #FF5E52;

	color: #fff;

	border-radius: 3px;

	padding: 10px 12px 10px 15px;

	font-size: 15px;

	margin: 10px auto 18px;

	min-width: 120px;

	max-width: 100%;

	cursor: pointer;

	opacity: .75

}



.action-like:hover {

	opacity: 1;

	color: #fff

}















/*search-form*/







.search-form {

	height: 35px;

	position: relative;

}



.search-form .s {

	height: 22px;

	border: 1px solid #ddd;

	padding: 5px 35px 5px 5px;

	border-radius: 3px;

	width: 210px;

}



.search-form .s:focus,#login-page .login-form .text:focus {

	border: 1px solid #2689FF;

	box-shadow: 0 0 3px #2689FF;

}



.search-btn,.sbtn,.searchBox {

	position: fixed;

	right: 58px;

	top: 18px;

	color: rgba(255,255,255,0.6);

	background: 0 0;

	border: none;

	padding: 0;

	margin: 0;

	line-height: normal;

	font-size: 19px;

	font-weight: 300;

	outline: 0;

	cursor: pointer;

	z-index: 890;

}



.fixed .sbtn,.fixed .searchBox,.header.noOpaque .sbtn {

	color: #303030

}



a.search-btn {

	display: none;

}



.search-bg,.searchBox {

	position: fixed;

	left: 50%;

	top: 45%;

	z-index: 891;

	height: auto;

	margin: -28px 0 0 -113px;

	display: none;

}



.sbtn {

	position: inherit;

	float: right;

	font-size: 18px;

	background: rgba(0,0,0,.0);

	height: 40px;

	line-height: 40px;

	border-radius: 1000px;

	text-align: center;

	margin-top: 19px;

	margin-left: 10px;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	filter: alpha(opacity=65)!important;

	opacity: 0.65!important;

}



.fixed .sbtn,.header.noOpaque .sbtn {

	margin-top: 9px;

}



.sbtn:hover {

	filter: alpha(opacity=100)!important;

	opacity: 1!important;

}



.searchBox {

	left: 50%;

	margin: -28px 0 0 -100px;

	width: 200px;

	z-index: 900;

}



.search-bg .search-form {

	display: block;

}



.page-bg {

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.7);

	z-index: 890;

	display: none;

}



.search-bg .search-pup {

	margin-top: 0;

	float: none

}



.search-bg .search-pup form input,.searchBox .search-pup form input {

	width: 100%;

	border-radius: 3px;

	border: 1px solid #efefef;

	font-size: 14px;

	padding: 6px 30px 6px 10px;

	background: #fff;

	height: 35px;

	outline: 0

}



.searchBox .search-pup form input {

	max-width: 200px;

}















/*cate*/







.cate li {

	display: inline-block;

	text-align: center;

	float: left;

	position: relative;

}



.cate li a {

	color: #fff;

	font-size: 1em;

	width: 100%;

	height: auto;

	border-radius: 0px;

	float: left;

	opacity: 0.6;

	padding: 15% 0

}



.cate li a:hover {

	opacity: 1

}



.cate li a i {

	font-size: 1.8em;

	clear: both;

	width: 100%;

	float: left;

	-webkit-transition: all .2s ease;

	-o-transition: all .2s ease;

	transition: all .2s ease

}



.cate li a p {

	margin: 0;

	padding: 0;

	font-style: normal;

	float: left;

	width: 100%;

	height: 20px;

	margin-top: 3%

}



.fweixin {

	position: absolute;

	right: 50px;

	top: 35%;

}



.fweixin img {

	width: 150px;

	height: 150px;

}	







/*----------- media -----------*/







@media screen and (max-width:1024px) {







	.post.team .post-text {

		padding: 50px 0px 0 0;

	}



	.PostBox.about .post .postAbout:after {

		width: 112%;

	}



	.fweixin {

		display: none

	}

}



@media screen and (max-width:960px) {







	.header,.header.opaque {

		padding-top: 60px;

	}



	.navbar {

		float: left;

		width: 100%

	}



	.moble {

		display: block;

		height: 60px;

	}



	#navBox {

		display: none;

	}



	nav>ul>li>ul li {

		font-size: 14px;

		text-indent: 0px;

	}



	.header.opaque .navbar li.active > a {

		color: #F00;

	}



	.inner {

		max-height: 600px;

		overflow-y: auto;

	}



	.search-pup,.mLogo .logo,a.search-btn,.header .moble-bars,.header.opaque .header-nav.fixed .logo .logoa,.header.opaque .logo .logoa {

		display: block;

	}



	.header.opaque .logo .logob {

		display: none

	}



	.search-btn,.sbtn,.searchBox {

		color: #aaa;

	}



	.moble {

		padding: 0 20px;

	}



	.post {

		padding: 60px 15px;

	}



	.sidebar {

		padding: 50px 10px;

	}



	.post .postTitle {

		margin-bottom: 25px;

	}



	.post .postTitle h3 {

		font-size: 1.8em

	}



	.post .postTitle .title1 {

		font-size: 1.4em

	}



	.post .postTitle h3 i {

		font-size: 0.4em;

		left: -24px;

		top: 10px;

	}



	.post .PostShow li {

		margin-bottom: 30px;

	}



	.post .PostShow li h4 {

		margin-bottom: 2px;

		font-size: 16px;

	}



	.post .PostShow li .post-img {

		margin-bottom: 12px;

	}



	.post.team {

		padding: 60px 0;

	}



	.post.team .post-img {

		max-width: 180px;

		max-height: 180px;

		margin-top: 20px;

	}



	.post.team .post-text span {

		margin-bottom: 15px

	}



	.post.team .post-text {

		padding: 45px 40px 0 0;

		width: 64%

	}



	.post.team .bx-controls-direction {

		margin-top: -85px;

	}



	.post.news li p {

		margin-top: 0px;

		line-height: 22px;

		height: 46px;

		overflow: hidden;

	}



	.post.team .bx-wrapper .bx-pager {

		padding-top: 10px;

	}



	.post.case .more {

		padding: 20px 0 30px;

	}



	.post .more {

		padding: 25px 0 0 0;

	}



	.PostNews {

		margin-top: 25px;

	}



	.pageNav {

		padding: 30px 0 25px;

	}



	.post.case .pageNav {

		padding-top: 10px;

	}



	.archive-top .archive-title span {

		line-height: 30px;

	}



	.subcate li {

		padding: 5px;

	}



	.subcate li a {

		padding: 4px 16px 3px;

		font-size: 16px;

	}



	.list-search p {

		padding: 16px;

	}



	.page-search, .list-search p {

		margin: 10px 0;

	}



	.PostBox.about .post .postTitle {

		padding: 25% 30px 0.1% 0;

	}



	.PostBox.about .post .more {

		bottom: 110px;

	}



	.PostBox.about .post .PostText {

		padding-right: 40px

	}



	.bnBox.cateBn .text h3 {

		font-size: 36px;

	}



	.bnBox.cateBn .text p {

		font-size: 14px;

	}

}



@media screen and (max-width: 960px) {







	.post.news li p {

		margin-top: 0px;

		line-height: 22px;

		height: 46px;

		overflow: hidden;

	}

}



@media screen and (max-width: 900px) {







	.post.news li p {

		margin-top: 0px;

		line-height: 22px;

		height: 26px;

		overflow: hidden;

	}

}



@media screen and (max-width:800px) {







	.post.team .post-text {

		padding: 30px 40px 0 0;

		width: 60%

	}



	.container {

		padding: 0 12px;

	}



	.bnBox.cateBn .text h3 {

		font-size: 32px;

	}



	.bnBox.cateBn .text p {

		font-size: 14px;

	}



	.archive-top .archive-title h1 {

		font-size: 2.2em

	}

}



@media screen and (max-width:700px) {







	.post.team .post-text {

		padding: 19px 40px 0 0;

	}



	.PostBox.about .post .postAbout:after {

		width: 115%;

	}

}



@media screen and (max-width:640px) {







	.header,.header.opaque {

		padding-top: 48px;

	}



	.moble {

		height: 48px;

		padding: 0 10px;

	}



	.header .moble-bars {

		margin-top: 9px;

	}



	.search-btn {

		top: 12px;

		right: 45px;

	}



	.inner {

		top: 48px;

	}



	.mLogo {

		height: 48px

	}



	.mLogo .logo {

		height: 28px;

		margin-top: -14px;

	}



	.mLogo .logo img {

		height: 28px

	}



	.post.news li p {

		margin-top: 0px;

		line-height: 22px;

		height: 46px;

		overflow: hidden;

	}



	.post {

		padding-left: 5px;

		padding-right: 5px;

	}



	.post.news {

		padding-left: 10px;

		padding-right: 10px;

	}



	.post .PostShow li {

		width: 47%;

		margin: 0 1.46% 25px;

	}



	.post.relates.imgRel .PostShow li {

		width: 47%;

		margin: 5px 1.5% 10px;

/*  margin:0;*/

	}



	.relates.imgRel .title {

		text-indent: 6px;

		margin-top: 6px;

	}



	.post-img {

		max-width: 284px;

	}



	.post.team .post-text span {

		margin-bottom: 12px;

		font-size: 1em

	}



	.post.team .LiBox a {

		text-align: center;

	}



	.post.team .post-img {

		max-width: 200px;

		max-height: 200px;

		margin: 20px auto;

		float: none;

		width: auto

	}



	.post.team .post-text {

		width: auto;

		padding: 20px 20px 10px 20px

	}



	.bx-controls-direction {

		display: none;

	}



	.post.team .post-text p {

		font-size: 14px;

	}



	.post.news li {

		width: 100%;

		margin: 0 0 10px;

	}



	.post.news li:nth-child(even) {

		float: left;

	}



	.post.news li h4 {

		font-size: 1em;

	}



	.post.news li p {

		font-size: 14px;

	}



	.post .postTitle h3 {

		margin-bottom: 0

	}



	.post .postTitle .title1 {

		line-height: 1.2

	}



	.breadcrumb {

		padding: 8px 0;

	}



	.subcate li {

		padding: 5px;

	}



	.subcate li a {

		padding: 4px 10px 3px;

		font-size: 14px;

	}



	.post-nav .post-next a {

		padding-right: 30px;

	}



	.post-nav .post-prev a {

		padding-left: 30px;

	}



	.post-nav div a i {

		font-size: 38px;

	}



	.article-box {

		padding: 0 16px 16px

	}



	.relates,.commBox {

		padding: 16px;

	}



	.search-pup form button {

		top: 7px;

	}



	img.avatar {

		width: 40px;

		height: 40px;

	}



	li.msgarticle {

		padding-left: 15px;

	}



	ul.msg ul.msg li.msgarticle {

		padding-left: 10px;

	}



	ul.msg ul.msg li.msgarticle {

		padding-left: 0px;

	}



	.msgbox {

		padding-left: 51px;

	}



	#saypl ul,#saypl ul li {

		width: 100%

	}



	.bx-wrapper .bx-pager {

		bottom: 18px;

	}



	.bx-wrapper .bx-pager.bx-default-pager a {

		width: 5px;

		height: 3px;

	}



	.bx-wrapper .bx-pager.bx-default-pager a.active {

		width: 10px;

		height: 3px;

	}



	.PostBox.about .post .aboutImg {

		width: 100%;

	}



	.PostBox.about .post .postAbout {

		width: 100%;

	}



	.PostBox.about .post .postAbout:after {

		width: auto;

		right: 5%;

		left: 5%;

	}



	.PostBox.about .post .postTitle {

		text-align: center;

		padding: 100px 30px 0px;

	}



	.PostBox.about .post .PostText {

		text-align: left;

		padding: 0 65px;

	}



	.PostBox.about .post .more {

		left: 50%;

		transform: translateX(-50%);

		bottom: 100px;

	}



	.sidebar .addBox span.add {

		display: block;

		margin-right: 0

	}



	.bnBox.cateBn .text h3 {

		font-size: 28px;

	}



	.bnBox.cateBn .text p {

		font-size: 14px;

	}



	.archive-top .archive-title h1 {

		font-size: 2.0em

	}

}



@media screen and (max-width:480px) {







	.post.news li h4 {

		margin: 0;

		font-size: 1em;

		margin-top: -5px

	}



	.post.news li p {

		margin-top: 0px;

		line-height: 20px;

		height: 40px

	}



	.post.news .post-img {

		max-width: 138px;

		max-height: 138px;

	}



	.post .PostShow .loading {

		min-height: 90px;

	}



	.archive-top .archive-title h1 {

		font-size: 1.8em

	}



	.avatar {

		margin-right: 10px

	}



	.avatar img {

		width: 40px;

		height: 40px;

	}



	.commBody {

		margin-left: 55px;

	}



	.bx-wrapper .bx-pager {

		bottom: 10px;

	}



	#backTop {

		display: none;

	}



	.PostBox.about .post .postTitle {

		text-align: center;

		padding: 90px 50px 0px;

		margin-bottom: 20px;

	}



	.PostBox.about .post .PostText {

		text-align: left;

		padding: 0 50px;

	}



	.PostBox.about .post .more {

		left: 50%;

		transform: translateX(-50%);

		bottom: 90px;

	}



	.bnBox.cateBn .text h3 {

		font-size: 22px;

	}



	.bnBox.cateBn .text p {

		font-size: 10px;

	}

}



@media screen and (max-width:425px) {







	.post.news li h4 {

		white-space: normal;

	}



	.post.news li p {

		display: none

	}

}



@media screen and (max-width:360px) {







	.PostBox.about .post .postTitle {

		padding: 75px 40px 0px;

		margin-bottom: 15px;

	}



	.PostBox.about .post .PostText {

		text-align: left;

		padding: 0 40px;

	}



	.PostBox.about .post .more {

		bottom: 80px;

	}



	.bnBox.cateBn .text h3 {

		font-size: 18px;

	}

}



@media screen and (max-width:320px) {







	.post-img {

		max-width: 100%;

	}



	.post .PostShow li {

		width: 98%;

		margin: 0 1% 20px;

	}



	.post .PostShow .loading {

		min-height: 60px;

	}

}



.ecomment {

	margin-bottom: 12px;

	overflow-x: hidden;

	overflow-y: hidden;

	padding-bottom: 3px;

	padding-left: 3px;

	padding-right: 3px;

	padding-top: 3px;

	background: #FFFFEE;

	padding: 3px;

	border: solid 1px #999;

	margin: 0;

}



.ecommentauthor {

	float: left;

	color: #F96;

	font-weight: bold;

}



.ecommenttext {

	clear: left;

	margin: 0;

	padding: 0;

}



.rwtp {

	float: left;

	width: 48%;

	margin-right: 2%;

}



.rwtp img {

	width: 100%;

	height: auto;

}



.rwjs {

	float: right;

	width: 50%;

	line-height: 2;

}



@media screen and (max-width:998px) {







	.rwtp {

		width: 100%;

		margin-right: 0%;

	}



	.rwjs {

		width: 100%;

	}

}	















/*CSS动画样式*/







.anim {

	visibility: hidden;

}



.animated {

	visibility: visible;

}



.PostShow .animated:nth-of-type(1) {

	animation-delay: 0.1s;

}



.PostShow .animated:nth-of-type(2) {

	animation-delay: 0.15s;

}



.PostShow .animated:nth-of-type(3) {

	animation-delay: 0.2s;

}



.PostShow .animated:nth-of-type(4) {

	animation-delay: 0.25s;

}



.PostShow .animated:nth-of-type(5) {

	animation-delay: 0.3s;

}



.PostShow .animated:nth-of-type(6) {

	animation-delay: 0.35s;

}



.PostShow .animated:nth-of-type(7) {

	animation-delay: 0.4s;

}



.PostShow .animated:nth-of-type(8) {

	animation-delay: 0.45s;

}



.PostShow .animated:nth-of-type(9) {

	animation-delay: 0.5s;

}



.PostShow .animated:nth-of-type(10) {

	animation-delay: 0.55s;

}



.PostShow .animated:nth-of-type(11) {

	animation-delay: 0.6s;

}



.PostShow .animated:nth-of-type(12) {

	animation-delay: 0.65s;

}















/*!







 * animate.css -http://daneden.me/animate







 * Version - 3.5.2







 * Licensed under the MIT license - http://opensource.org/licenses/MIT







 *







 * Copyright (c) 2017 Daniel Eden







 */







.animated {

	animation-duration: 1s;

	animation-fill-mode: both;

}



.animated.infinite {

	animation-iteration-count: infinite

}



.animated.hinge {

	animation-duration: 2s

}



.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {

	animation-duration: .75s

}



@keyframes bounce {



	0%,20%,53%,80%,to {

		animation-timing-function: cubic-bezier(.215,.61,.355,1);

		transform: translateZ(0)

	}



	40%,43% {

		animation-timing-function: cubic-bezier(.755,.05,.855,.06);

		transform: translate3d(0,-30px,0)

	}



	70% {

		animation-timing-function: cubic-bezier(.755,.05,.855,.06);

		transform: translate3d(0,-15px,0)

	}



	90% {

		transform: translate3d(0,-4px,0)

	}

}



.bounce {

	animation-name: bounce;

	transform-origin: center bottom

}



@keyframes flash {



	0%,50%,to {

		opacity: 1

	}



	25%,75% {

		opacity: 0

	}

}



.flash {

	animation-name: flash

}



@keyframes pulse {



	0% {

		transform: scaleX(1)

	}



	50% {

		transform: scale3d(1.05,1.05,1.05)

	}



	to {

		transform: scaleX(1)

	}

}



.pulse {

	animation-name: pulse

}



@keyframes rubberBand {



	0% {

		transform: scaleX(1)

	}



	30% {

		transform: scale3d(1.25,.75,1)

	}



	40% {

		transform: scale3d(.75,1.25,1)

	}



	50% {

		transform: scale3d(1.15,.85,1)

	}



	65% {

		transform: scale3d(.95,1.05,1)

	}



	75% {

		transform: scale3d(1.05,.95,1)

	}



	to {

		transform: scaleX(1)

	}

}



.rubberBand {

	animation-name: rubberBand

}



@keyframes shake {



	0%,to {

		transform: translateZ(0)

	}



	10%,30%,50%,70%,90% {

		transform: translate3d(-10px,0,0)

	}



	20%,40%,60%,80% {

		transform: translate3d(10px,0,0)

	}

}



.shake {

	animation-name: shake

}



@keyframes headShake {



	0% {

		transform: translateX(0)

	}



	6.5% {

		transform: translateX(-6px) rotateY(-9deg)

	}



	18.5% {

		transform: translateX(5px) rotateY(7deg)

	}



	31.5% {

		transform: translateX(-3px) rotateY(-5deg)

	}



	43.5% {

		transform: translateX(2px) rotateY(3deg)

	}



	50% {

		transform: translateX(0)

	}

}



.headShake {

	animation-timing-function: ease-in-out;

	animation-name: headShake

}



@keyframes swing {



	20% {

		transform: rotate(15deg)

	}



	40% {

		transform: rotate(-10deg)

	}



	60% {

		transform: rotate(5deg)

	}



	80% {

		transform: rotate(-5deg)

	}



	to {

		transform: rotate(0deg)

	}

}



.swing {

	transform-origin: top center;

	animation-name: swing

}



@keyframes tada {



	0% {

		transform: scaleX(1)

	}



	10%,20% {

		transform: scale3d(.9,.9,.9) rotate(-3deg)

	}



	30%,50%,70%,90% {

		transform: scale3d(1.1,1.1,1.1) rotate(3deg)

	}



	40%,60%,80% {

		transform: scale3d(1.1,1.1,1.1) rotate(-3deg)

	}



	to {

		transform: scaleX(1)

	}

}



.tada {

	animation-name: tada

}



@keyframes wobble {



	0% {

		transform: none

	}



	15% {

		transform: translate3d(-25%,0,0) rotate(-5deg)

	}



	30% {

		transform: translate3d(20%,0,0) rotate(3deg)

	}



	45% {

		transform: translate3d(-15%,0,0) rotate(-3deg)

	}



	60% {

		transform: translate3d(10%,0,0) rotate(2deg)

	}



	75% {

		transform: translate3d(-5%,0,0) rotate(-1deg)

	}



	to {

		transform: none

	}

}



.wobble {

	animation-name: wobble

}



@keyframes jello {



	0%,11.1%,to {

		transform: none

	}



	22.2% {

		transform: skewX(-12.5deg) skewY(-12.5deg)

	}



	33.3% {

		transform: skewX(6.25deg) skewY(6.25deg)

	}



	44.4% {

		transform: skewX(-3.125deg) skewY(-3.125deg)

	}



	55.5% {

		transform: skewX(1.5625deg) skewY(1.5625deg)

	}



	66.6% {

		transform: skewX(-.78125deg) skewY(-.78125deg)

	}



	77.7% {

		transform: skewX(.390625deg) skewY(.390625deg)

	}



	88.8% {

		transform: skewX(-.1953125deg) skewY(-.1953125deg)

	}

}



.jello {

	animation-name: jello;

	transform-origin: center

}



@keyframes bounceIn {



	0%,20%,40%,60%,80%,to {

		animation-timing-function: cubic-bezier(.215,.61,.355,1)

	}



	0% {

		opacity: 0;

		transform: scale3d(.3,.3,.3)

	}



	20% {

		transform: scale3d(1.1,1.1,1.1)

	}



	40% {

		transform: scale3d(.9,.9,.9)

	}



	60% {

		opacity: 1;

		transform: scale3d(1.03,1.03,1.03)

	}



	80% {

		transform: scale3d(.97,.97,.97)

	}



	to {

		opacity: 1;

		transform: scaleX(1)

	}

}



.bounceIn {

	animation-name: bounceIn

}



@keyframes bounceInDown {



	0%,60%,75%,90%,to {

		animation-timing-function: cubic-bezier(.215,.61,.355,1)

	}



	0% {

		opacity: 0;

		transform: translate3d(0,-3000px,0)

	}



	60% {

		opacity: 1;

		transform: translate3d(0,25px,0)

	}



	75% {

		transform: translate3d(0,-10px,0)

	}



	90% {

		transform: translate3d(0,5px,0)

	}



	to {

		transform: none

	}

}



.bounceInDown {

	animation-name: bounceInDown

}



@keyframes bounceInLeft {



	0%,60%,75%,90%,to {

		animation-timing-function: cubic-bezier(.215,.61,.355,1)

	}



	0% {

		opacity: 0;

		transform: translate3d(-3000px,0,0)

	}



	60% {

		opacity: 1;

		transform: translate3d(25px,0,0)

	}



	75% {

		transform: translate3d(-10px,0,0)

	}



	90% {

		transform: translate3d(5px,0,0)

	}



	to {

		transform: none

	}

}



.bounceInLeft {

	animation-name: bounceInLeft

}



@keyframes bounceInRight {



	0%,60%,75%,90%,to {

		animation-timing-function: cubic-bezier(.215,.61,.355,1)

	}



	0% {

		opacity: 0;

		transform: translate3d(3000px,0,0)

	}



	60% {

		opacity: 1;

		transform: translate3d(-25px,0,0)

	}



	75% {

		transform: translate3d(10px,0,0)

	}



	90% {

		transform: translate3d(-5px,0,0)

	}



	to {

		transform: none

	}

}



.bounceInRight {

	animation-name: bounceInRight

}



@keyframes bounceInUp {



	0%,60%,75%,90%,to {

		animation-timing-function: cubic-bezier(.215,.61,.355,1)

	}



	0% {

		opacity: 0;

		transform: translate3d(0,3000px,0)

	}



	60% {

		opacity: 1;

		transform: translate3d(0,-20px,0)

	}



	75% {

		transform: translate3d(0,10px,0)

	}



	90% {

		transform: translate3d(0,-5px,0)

	}



	to {

		transform: translateZ(0)

	}

}



.bounceInUp {

	animation-name: bounceInUp

}



@keyframes bounceOut {



	20% {

		transform: scale3d(.9,.9,.9)

	}



	50%,55% {

		opacity: 1;

		transform: scale3d(1.1,1.1,1.1)

	}



	to {

		opacity: 0;

		transform: scale3d(.3,.3,.3)

	}

}



.bounceOut {

	animation-name: bounceOut

}



@keyframes bounceOutDown {



	20% {

		transform: translate3d(0,10px,0)

	}



	40%,45% {

		opacity: 1;

		transform: translate3d(0,-20px,0)

	}



	to {

		opacity: 0;

		transform: translate3d(0,2000px,0)

	}

}



.bounceOutDown {

	animation-name: bounceOutDown

}



@keyframes bounceOutLeft {



	20% {

		opacity: 1;

		transform: translate3d(20px,0,0)

	}



	to {

		opacity: 0;

		transform: translate3d(-2000px,0,0)

	}

}



.bounceOutLeft {

	animation-name: bounceOutLeft

}



@keyframes bounceOutRight {



	20% {

		opacity: 1;

		transform: translate3d(-20px,0,0)

	}



	to {

		opacity: 0;

		transform: translate3d(2000px,0,0)

	}

}



.bounceOutRight {

	animation-name: bounceOutRight

}



@keyframes bounceOutUp {



	20% {

		transform: translate3d(0,-10px,0)

	}



	40%,45% {

		opacity: 1;

		transform: translate3d(0,20px,0)

	}



	to {

		opacity: 0;

		transform: translate3d(0,-2000px,0)

	}

}



.bounceOutUp {

	animation-name: bounceOutUp

}



@keyframes fadeIn {



	0% {

		opacity: 0

	}



	to {

		opacity: 1

	}

}



.fadeIn {

	animation-name: fadeIn

}



@keyframes fadeInDown {



	0% {

		opacity: 0;

		transform: translate3d(0,-100%,0)

	}



	to {

		opacity: 1;

		transform: none

	}

}



.fadeInDown {

	animation-name: fadeInDown

}



@keyframes fadeInDownBig {



	0% {

		opacity: 0;

		transform: translate3d(0,-2000px,0)

	}



	to {

		opacity: 1;

		transform: none

	}

}



.fadeInDownBig {

	animation-name: fadeInDownBig

}



@keyframes fadeInLeft {



	0% {

		opacity: 0;

		transform: translate3d(-100%,0,0)

	}



	to {

		opacity: 1;

		transform: none

	}

}



.fadeInLeft {

	animation-name: fadeInLeft

}



@keyframes fadeInLeftBig {



	0% {

		opacity: 0;

		transform: translate3d(-2000px,0,0)

	}



	to {

		opacity: 1;

		transform: none

	}

}



.fadeInLeftBig {

	animation-name: fadeInLeftBig

}



@keyframes fadeInRight {



	0% {

		opacity: 0;

		transform: translate3d(100%,0,0)

	}



	to {

		opacity: 1;

		transform: none

	}

}



.fadeInRight {

	animation-name: fadeInRight

}



@keyframes fadeInRightBig {



	0% {

		opacity: 0;

		transform: translate3d(2000px,0,0)

	}



	to {

		opacity: 1;

		transform: none

	}

}



.fadeInRightBig {

	animation-name: fadeInRightBig

}



@keyframes fadeInUp {



	0% {

		opacity: 0;

		transform: translate3d(0,100%,0)

	}



	to {

		opacity: 1;

		transform: none

	}

}



.fadeInUp {

	animation-name: fadeInUp

}



@keyframes fadeInUpBig {



	0% {

		opacity: 0;

		transform: translate3d(0,2000px,0)

	}



	to {

		opacity: 1;

		transform: none

	}

}



.fadeInUpBig {

	animation-name: fadeInUpBig

}



@keyframes fadeOut {



	0% {

		opacity: 1

	}



	to {

		opacity: 0

	}

}



.fadeOut {

	animation-name: fadeOut

}



@keyframes fadeOutDown {



	0% {

		opacity: 1

	}



	to {

		opacity: 0;

		transform: translate3d(0,100%,0)

	}

}



.fadeOutDown {

	animation-name: fadeOutDown

}



@keyframes fadeOutDownBig {



	0% {

		opacity: 1

	}



	to {

		opacity: 0;

		transform: translate3d(0,2000px,0)

	}

}



.fadeOutDownBig {

	animation-name: fadeOutDownBig

}



@keyframes fadeOutLeft {



	0% {

		opacity: 1

	}



	to {

		opacity: 0;

		transform: translate3d(-100%,0,0)

	}

}



.fadeOutLeft {

	animation-name: fadeOutLeft

}



@keyframes fadeOutLeftBig {



	0% {

		opacity: 1

	}



	to {

		opacity: 0;

		transform: translate3d(-2000px,0,0)

	}

}



.fadeOutLeftBig {

	animation-name: fadeOutLeftBig

}



@keyframes fadeOutRight {



	0% {

		opacity: 1

	}



	to {

		opacity: 0;

		transform: translate3d(100%,0,0)

	}

}



.fadeOutRight {

	animation-name: fadeOutRight

}



@keyframes fadeOutRightBig {



	0% {

		opacity: 1

	}



	to {

		opacity: 0;

		transform: translate3d(2000px,0,0)

	}

}



.fadeOutRightBig {

	animation-name: fadeOutRightBig

}



@keyframes fadeOutUp {



	0% {

		opacity: 1

	}



	to {

		opacity: 0;

		transform: translate3d(0,-100%,0)

	}

}



.fadeOutUp {

	animation-name: fadeOutUp

}



@keyframes fadeOutUpBig {



	0% {

		opacity: 1

	}



	to {

		opacity: 0;

		transform: translate3d(0,-2000px,0)

	}

}



.fadeOutUpBig {

	animation-name: fadeOutUpBig

}



@keyframes flip {



	0% {

		transform: perspective(400px) rotateY(-1turn);

		animation-timing-function: ease-out

	}



	40% {

		transform: perspective(400px) translateZ(150px) rotateY(-190deg);

		animation-timing-function: ease-out

	}



	50% {

		transform: perspective(400px) translateZ(150px) rotateY(-170deg);

		animation-timing-function: ease-in

	}



	80% {

		transform: perspective(400px) scale3d(.95,.95,.95);

		animation-timing-function: ease-in

	}



	to {

		transform: perspective(400px);

		animation-timing-function: ease-in

	}

}



.animated.flip {

	-webkit-backface-visibility: visible;

	backface-visibility: visible;

	animation-name: flip

}



@keyframes flipInX {



	0% {

		transform: perspective(400px) rotateX(90deg);

		animation-timing-function: ease-in;

		opacity: 0

	}



	40% {

		transform: perspective(400px) rotateX(-20deg);

		animation-timing-function: ease-in

	}



	60% {

		transform: perspective(400px) rotateX(10deg);

		opacity: 1

	}



	80% {

		transform: perspective(400px) rotateX(-5deg)

	}



	to {

		transform: perspective(400px)

	}

}



.flipInX {

	-webkit-backface-visibility: visible!important;

	backface-visibility: visible!important;

	animation-name: flipInX

}



@keyframes flipInY {



	0% {

		transform: perspective(400px) rotateY(90deg);

		animation-timing-function: ease-in;

		opacity: 0

	}



	40% {

		transform: perspective(400px) rotateY(-20deg);

		animation-timing-function: ease-in

	}



	60% {

		transform: perspective(400px) rotateY(10deg);

		opacity: 1

	}



	80% {

		transform: perspective(400px) rotateY(-5deg)

	}



	to {

		transform: perspective(400px)

	}

}



.flipInY {

	-webkit-backface-visibility: visible!important;

	backface-visibility: visible!important;

	animation-name: flipInY

}



@keyframes flipOutX {



	0% {

		transform: perspective(400px)

	}



	30% {

		transform: perspective(400px) rotateX(-20deg);

		opacity: 1

	}



	to {

		transform: perspective(400px) rotateX(90deg);

		opacity: 0

	}

}



.flipOutX {

	animation-name: flipOutX;

	-webkit-backface-visibility: visible!important;

	backface-visibility: visible!important

}



@keyframes flipOutY {



	0% {

		transform: perspective(400px)

	}



	30% {

		transform: perspective(400px) rotateY(-15deg);

		opacity: 1

	}



	to {

		transform: perspective(400px) rotateY(90deg);

		opacity: 0

	}

}



.flipOutY {

	-webkit-backface-visibility: visible!important;

	backface-visibility: visible!important;

	animation-name: flipOutY

}



@keyframes lightSpeedIn {



	0% {

		transform: translate3d(100%,0,0) skewX(-30deg);

		opacity: 0

	}



	60% {

		transform: skewX(20deg);

		opacity: 1

	}



	80% {

		transform: skewX(-5deg);

		opacity: 1

	}



	to {

		transform: none;

		opacity: 1

	}

}



.lightSpeedIn {

	animation-name: lightSpeedIn;

	animation-timing-function: ease-out

}



@keyframes lightSpeedOut {



	0% {

		opacity: 1

	}



	to {

		transform: translate3d(100%,0,0) skewX(30deg);

		opacity: 0

	}

}



.lightSpeedOut {

	animation-name: lightSpeedOut;

	animation-timing-function: ease-in

}



@keyframes rotateIn {



	0% {

		transform-origin: center;

		transform: rotate(-200deg);

		opacity: 0

	}



	to {

		transform-origin: center;

		transform: none;

		opacity: 1

	}

}



.rotateIn {

	animation-name: rotateIn

}



@keyframes rotateInDownLeft {



	0% {

		transform-origin: left bottom;

		transform: rotate(-45deg);

		opacity: 0

	}



	to {

		transform-origin: left bottom;

		transform: none;

		opacity: 1

	}

}



.rotateInDownLeft {

	animation-name: rotateInDownLeft

}



@keyframes rotateInDownRight {



	0% {

		transform-origin: right bottom;

		transform: rotate(45deg);

		opacity: 0

	}



	to {

		transform-origin: right bottom;

		transform: none;

		opacity: 1

	}

}



.rotateInDownRight {

	animation-name: rotateInDownRight

}



@keyframes rotateInUpLeft {



	0% {

		transform-origin: left bottom;

		transform: rotate(45deg);

		opacity: 0

	}



	to {

		transform-origin: left bottom;

		transform: none;

		opacity: 1

	}

}



.rotateInUpLeft {

	animation-name: rotateInUpLeft

}



@keyframes rotateInUpRight {



	0% {

		transform-origin: right bottom;

		transform: rotate(-90deg);

		opacity: 0

	}



	to {

		transform-origin: right bottom;

		transform: none;

		opacity: 1

	}

}



.rotateInUpRight {

	animation-name: rotateInUpRight

}



@keyframes rotateOut {



	0% {

		transform-origin: center;

		opacity: 1

	}



	to {

		transform-origin: center;

		transform: rotate(200deg);

		opacity: 0

	}

}



.rotateOut {

	animation-name: rotateOut

}



@keyframes rotateOutDownLeft {



	0% {

		transform-origin: left bottom;

		opacity: 1

	}



	to {

		transform-origin: left bottom;

		transform: rotate(45deg);

		opacity: 0

	}

}



.rotateOutDownLeft {

	animation-name: rotateOutDownLeft

}



@keyframes rotateOutDownRight {



	0% {

		transform-origin: right bottom;

		opacity: 1

	}



	to {

		transform-origin: right bottom;

		transform: rotate(-45deg);

		opacity: 0

	}

}



.rotateOutDownRight {

	animation-name: rotateOutDownRight

}



@keyframes rotateOutUpLeft {



	0% {

		transform-origin: left bottom;

		opacity: 1

	}



	to {

		transform-origin: left bottom;

		transform: rotate(-45deg);

		opacity: 0

	}

}



.rotateOutUpLeft {

	animation-name: rotateOutUpLeft

}



@keyframes rotateOutUpRight {



	0% {

		transform-origin: right bottom;

		opacity: 1

	}



	to {

		transform-origin: right bottom;

		transform: rotate(90deg);

		opacity: 0

	}

}



.rotateOutUpRight {

	animation-name: rotateOutUpRight

}



@keyframes hinge {



	0% {

		transform-origin: top left;

		animation-timing-function: ease-in-out

	}



	20%,60% {

		transform: rotate(80deg);

		transform-origin: top left;

		animation-timing-function: ease-in-out

	}



	40%,80% {

		transform: rotate(60deg);

		transform-origin: top left;

		animation-timing-function: ease-in-out;

		opacity: 1

	}



	to {

		transform: translate3d(0,700px,0);

		opacity: 0

	}

}



.hinge {

	animation-name: hinge

}



@keyframes jackInTheBox {



	0% {

		opacity: 0;

		transform: scale(.1) rotate(30deg);

		transform-origin: center bottom

	}



	50% {

		transform: rotate(-10deg)

	}



	70% {

		transform: rotate(3deg)

	}



	to {

		opacity: 1;

		transform: scale(1)

	}

}



.jackInTheBox {

	animation-name: jackInTheBox

}



@keyframes rollIn {



	0% {

		opacity: 0;

		transform: translate3d(-100%,0,0) rotate(-120deg)

	}



	to {

		opacity: 1;

		transform: none

	}

}



.rollIn {

	animation-name: rollIn

}



@keyframes rollOut {



	0% {

		opacity: 1

	}



	to {

		opacity: 0;

		transform: translate3d(100%,0,0) rotate(120deg)

	}

}



.rollOut {

	animation-name: rollOut

}



@keyframes zoomIn {



	0% {

		opacity: 0;

		transform: scale3d(.3,.3,.3)

	}



	50% {

		opacity: 1

	}

}



.zoomIn {

	animation-name: zoomIn

}



@keyframes zoomInDown {



	0% {

		opacity: 0;

		transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);

		animation-timing-function: cubic-bezier(.55,.055,.675,.19)

	}



	60% {

		opacity: 1;

		transform: scale3d(.475,.475,.475) translate3d(0,60px,0);

		animation-timing-function: cubic-bezier(.175,.885,.32,1)

	}

}



.zoomInDown {

	animation-name: zoomInDown

}



@keyframes zoomInLeft {



	0% {

		opacity: 0;

		transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);

		animation-timing-function: cubic-bezier(.55,.055,.675,.19)

	}



	60% {

		opacity: 1;

		transform: scale3d(.475,.475,.475) translate3d(10px,0,0);

		animation-timing-function: cubic-bezier(.175,.885,.32,1)

	}

}



.zoomInLeft {

	animation-name: zoomInLeft

}



@keyframes zoomInRight {



	0% {

		opacity: 0;

		transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);

		animation-timing-function: cubic-bezier(.55,.055,.675,.19)

	}



	60% {

		opacity: 1;

		transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);

		animation-timing-function: cubic-bezier(.175,.885,.32,1)

	}

}



.zoomInRight {

	animation-name: zoomInRight

}



@keyframes zoomInUp {



	0% {

		opacity: 0;

		transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);

		animation-timing-function: cubic-bezier(.55,.055,.675,.19)

	}



	60% {

		opacity: 1;

		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);

		animation-timing-function: cubic-bezier(.175,.885,.32,1)

	}

}



.zoomInUp {

	animation-name: zoomInUp

}



@keyframes zoomOut {



	0% {

		opacity: 1

	}



	50% {

		opacity: 0;

		transform: scale3d(.3,.3,.3)

	}



	to {

		opacity: 0

	}

}



.zoomOut {

	animation-name: zoomOut

}



@keyframes zoomOutDown {



	40% {

		opacity: 1;

		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);

		animation-timing-function: cubic-bezier(.55,.055,.675,.19)

	}



	to {

		opacity: 0;

		transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);

		transform-origin: center bottom;

		animation-timing-function: cubic-bezier(.175,.885,.32,1)

	}

}



.zoomOutDown {

	animation-name: zoomOutDown

}



@keyframes zoomOutLeft {



	40% {

		opacity: 1;

		transform: scale3d(.475,.475,.475) translate3d(42px,0,0)

	}



	to {

		opacity: 0;

		transform: scale(.1) translate3d(-2000px,0,0);

		transform-origin: left center

	}

}



.zoomOutLeft {

	animation-name: zoomOutLeft

}



@keyframes zoomOutRight {



	40% {

		opacity: 1;

		transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)

	}



	to {

		opacity: 0;

		transform: scale(.1) translate3d(2000px,0,0);

		transform-origin: right center

	}

}



.zoomOutRight {

	animation-name: zoomOutRight

}



@keyframes zoomOutUp {



	40% {

		opacity: 1;

		transform: scale3d(.475,.475,.475) translate3d(0,60px,0);

		animation-timing-function: cubic-bezier(.55,.055,.675,.19)

	}



	to {

		opacity: 0;

		transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);

		transform-origin: center bottom;

		animation-timing-function: cubic-bezier(.175,.885,.32,1)

	}

}



.zoomOutUp {

	animation-name: zoomOutUp

}



@keyframes slideInDown {



	0% {

		transform: translate3d(0,-100%,0);

		visibility: visible

	}



	to {

		transform: translateZ(0)

	}

}



.slideInDown {

	animation-name: slideInDown

}



@keyframes slideInLeft {



	0% {

		transform: translate3d(-100%,0,0);

		visibility: visible

	}



	to {

		transform: translateZ(0)

	}

}



.slideInLeft {

	animation-name: slideInLeft

}



@keyframes slideInRight {



	0% {

		transform: translate3d(100%,0,0);

		visibility: visible

	}



	to {

		transform: translateZ(0)

	}

}



.slideInRight {

	animation-name: slideInRight

}



@keyframes slideInUp {



	0% {

		transform: translate3d(0,100%,0);

		visibility: visible

	}



	to {

		transform: translateZ(0)

	}

}



.slideInUp {

	animation-name: slideInUp

}



@keyframes slideOutDown {



	0% {

		transform: translateZ(0)

	}



	to {

		visibility: hidden;

		transform: translate3d(0,100%,0)

	}

}



.slideOutDown {

	animation-name: slideOutDown

}



@keyframes slideOutLeft {



	0% {

		transform: translateZ(0)

	}



	to {

		visibility: hidden;

		transform: translate3d(-100%,0,0)

	}

}



.slideOutLeft {

	animation-name: slideOutLeft

}



@keyframes slideOutRight {



	0% {

		transform: translateZ(0)

	}



	to {

		visibility: hidden;

		transform: translate3d(100%,0,0)

	}

}



.slideOutRight {

	animation-name: slideOutRight

}



@keyframes slideOutUp {



	0% {

		transform: translateZ(0)

	}



	to {

		visibility: hidden;

		transform: translate3d(0,-100%,0)

	}

}



.slideOutUp {

	animation-name: slideOutUp

}



@-webkit-keyframes goTopapp {



	0% {

		-webkit-transform: scale(.8)

	}



	to {

		-webkit-transform: scale(1)

	}

}



@keyframes goTopapp {



	0% {

		transform: scale(.8)

	}



	to {

		transform: scale(1)

	}

}



@-webkit-keyframes drop {



	0% {

		top: 5px;

		opacity: 0;

	}



	30% {

		top: 10px;

		opacity: 1;

	}



	100% {

		top: 25px;

		opacity: 0;

	}

}



@keyframes drop {



	0% {

		top: 5px;

		opacity: 0;

	}



	30% {

		top: 10px;

		opacity: 1;

	}



	100% {

		top: 25px;

		opacity: 0;

	}

}