@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:#C80000;
	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:#C80000;
	color:#ffffff;
	text-shadow:none
}
*::-moz-selection {
	background:#C80000;
	color:#ffffff;
	text-shadow:none
}
@font-face {
	font-family:"Poppins";
	src:url(../fonts/Poppins-L.otf) format('truetype');
	font-weight:normal;
	font-style:normal;
}
.mt60{
	margin-top:60px;
}
.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:#FF9900;
	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:#FF9900;
	opacity:1
}
.header .nav-content {
	width:1260px;
}
.header .logo {
	position:absolute;
	font-size:0px;
	height:30px;
	overflow:hidden;
	display:block;
	text-indent:-20000em;
	width:auto;
	background-size:100% 100%;
	top:50%;
	margin-top:-15px;
}
.header .logo a {
	display:block;
	color:#999;
}
.header .logo .logob {
	display:none
}
.logo img {
	height:30px;
}
.mLogo {
	height:30px;
}
.mLogo .logo {
	display:none
}
.header.opaque {
	padding-top:0px;
}
.header.opaque .header-nav {
	background-color:#FF9900;
	box-shadow:0 0 10px rgba(22,22,22,0)
}
.header.opaque .header-nav.fixed {
	background-color:#FF9900;
	opacity:1;
	box-shadow:0 0 10px rgba(22,22,22,0.1);
}
.header.opaque .navbar a {
	color:#FFFFFF;
	opacity:.7
}
.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:#FFFFFF;
	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:#C80000;
}
.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;
	margin:0;
}
.navbar li {
	display:block;
	float:left;
	margin:0px;
	position:relative;
	min-width:50px;
	text-align:center;
}
.navbar a {
	display:block;
	text-transform:uppercase;
	line-height:80px;
	padding:0px 15px;
	font-size:16px;
	font-weight:300;
	color:#fff;
	-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:#C80000;
}
.navbar li:after {
	background:#C80000;
	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%;
}
/*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(133, 112, 29, 0.96);
}
.inner li#nvabar-item-index a {
	border-top:1px solid #eee;
}
.inner li a:hover {
	background:#C80000;
	color:#fff;
	border-bottom:1px solid #C80000;
}
.navbar li:after {
	background:#C80000;
	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:#C80000;
	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:#FFF;
	display:none;
	position:relative;
	z-index:99
}
.header a:hover.moble-bars {
	color:#C80000
}
.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:#C80000
}
.slide-content {
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
}
.style-banner {
	padding-top:8em;
}
.style-banner h4 {
	color:#fff;
	font-size:2em;
	font-weight:600;
	text-shadow:2px -1px 4px #000;
}
.style-banner h5 {
	font-size:50px;
	color:#ffb100;
	text-shadow:2px -1px 4px #000;
}
.view-buttn a {
	font-size:14px;
	color:#fff;
	text-decoration:none;
	text-transform:capitalize;
	display:inline-block;
	letter-spacing:1px;
	outline:none;
	border-radius:0px;
	background-color:#C80000;
	padding:8px 18px;
	border:1px solid rgba(208,208,208,0);
}
.mt-lg-5,.my-lg-5 {
	margin-top:5rem!important;
}
.mt-md-4,.my-md-4 {
	margin-top:4rem!important;
}
.mt-md-3,.my-md-3 {
	margin-top:1.5rem!important;
}
.mb-lg-3,.my-lg-3 {
	margin-bottom:1rem!important;
}
.two-demo-button p,.info-matter p {
	color:#fff;
	font-weight:700;
	font-size:15px;
	letter-spacing:1px;
}
.view-buttn a:hover,.view-price a:hover,button.btn1:hover,.sent-butnn:hover {
	opacity:0.9;
}
/*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:#C80000;
	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;
	margin-bottom:30px;
}
.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:#999;
	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:400px;
}
.post {
	max-width:1260px;
	margin:10px auto;
	padding:0px;
}
.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:#C80000;
	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;
	background:#fff;
}
.post .PostShow li .tel {
	line-height:16px;
	background-color: #fa6400;
    border: 1px solid transparent;
	width:70%;
	border-radius: .25rem;
	margin:0 auto;
	box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
	box-sizing: border-box;
	color: #fff;
	height:30px;
	line-height: 1.95;
	position: relative;
	text-decoration: none;
	transition: all 250ms;
}
.post .PostShow li .tel a {
	text-align:center;
	color:#FFf;
	font-size:14px;
	padding:5px 3px;
}
.post .PostShow .loading {
	min-height:109px;
}
.post.case .PostShow .loading {
	min-height:212px;
}
.msk {
	background:#C80000;
	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;
	padding:0 10px
}
.post .PostShow li h4 a {
	color:#1c1d1e;
}
.post .PostShow li i,.imgShow i {
	color:#999;
	font-weight:normal;
	display:block;
	font-size:13px;
	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;
	height:250px;
}
.post.case.tags .PostShow li .post-img {
	max-height:290px;
}
.pt-2 {
	height:25px;
}
.pt-2 i {
	text-align:right !important;
	color:#1c1d1e !important;
	position:inherit !important;
	opacity:1 !important;
	font-size:14px !important
}
.post-img {
	float:left;
	height:auto;
	margin-left:0;
	margin-right:2.8169%;
	max-width:290px;
	position:relative;
	width:25%;
}
.case-item {
	background-color:#fff;
	border:1px solid #eee;
	padding:4px !important;
}
.case-item h4 {
	padding-bottom:10px !important;
}
.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;
	font-weight:100;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.post.news li span {
	font-size:14px;
	color:#999;
	margin-right:3px;
}
.post.news li p {
	font-size:14px;
	color:#888
}
.post.news .post-img {
	max-width:135px;
	height:90px;
	object-fit:cover;
	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 #C80000;
	color:#fff
}
.post .more a:after {
	background:#C80000;
	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:#C80000;
	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:#C80000;
	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:#C80000;
	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;
	padding:10px 20px 20px;
	overflow:hidden;
	position:relative;
	min-height:63px;
	text-align:center;
}
.archive-top .archive-title h1 {
	display:block;
	font-size:2.5em;
	font-weight:normal;
	margin-bottom:0;
	width:100%;
	margin-top:25px;
	text-transform:capitalize
}
.archive-top .archive-title span {
	text-transform:uppercase;
	color:#C80000;
	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;
	margin-top:10px;
}
.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:0 auto 10px;
	text-align:center;
	padding:0 20px;
}
.subcate li {
	display:inline-flex;
	margin:0px 3px;
}
.subcate li a {
	padding:4px 10px 4px;
	font-size:16px;
	background:#f0f0f0;
	text-shadow:none;
}
.subcate li a:hover,.subcate li.active a {
	background:#C80000;
	color:#fff;
	filter:alpha(opacity=85);
	opacity:0.85;
}
/*----------- 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:#C80000;
	-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:#C80000;
	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;
}
/*pagination*/
.pagination .jumpto {
	display:inline-block;
	margin-left:2px;
}
.pagination .jumpto input {
	padding:6px;
	line-height:1.42857143;
	color:#2c3e50;
	background-color:#fff;
	border:1px solid #ddd;
	float:left;
}
.pagination .page_number {
	width:45px;
	margin-right:-1px
}
/*social*/
.sidebar {
	max-width:1260px;
	margin:0 auto;
	padding:10px 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:#C80000
}
.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:20px 0 15px;
	border-bottom:1px solid #eee;
}
.article-tit {
	margin-top:5px;
	margin-bottom:0px;
	font-size:22px;
	font-weight:400;
	text-transform:capitalize
}
.article-mt {
	margin-top:10px;
}
.article-mt span {
	font-size:14px;
	color:#999;
	display:inline-block;
	margin-right:15px;
}
.article-mt span a {
	font-size:14px;
	color:#999;
	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:80%;
	height:auto!important;
}
.article-main .tip{
	width:100%;
	float:center;
	text-align:left;
	margin:10px auto;
	border:1px dashed red;
	padding:5px 6px;
}
.article-main .tip strong {
	color:#FF0000;
}
.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 #C80000;
	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;
	margin:0;
}
.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:#C80000;
}
.article-main a:hover {
	color:#C80000;
}
.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:#999;
	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-main .sitemap_area  {
	width:100%;
	list-style: none;
	padding: 0;
	margin: 10px 0 0 10px;
}
.article-main .sitemap_area li {
	width:20%;
	float:left;
}
.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;
}
/*----------- gotop -----------*/
#backTop {
	position:fixed;
	right:0px;
	top:75%;
	transform:translateY(-50%);
	z-index:888;
}
#backTop span {
	cursor:pointer;
	background:rgba(0,0,0,0.8);
	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-tel i {
	background:#C80000;
}
#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;
	white-space:nowrap;
	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:#C80000;
	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;
	max-height:350px;
	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 {
	}.cateBnImg {
	height:150px;
	background-position:center;
	background-size:cover
}
.bnBox.animation {
	margin-top:16px;
}
.bnBox img {
	display:block;
	width:100%
}
/*----------- footer -----------*/
.footer {
	margin-top:30px;
	padding:0px 0 0;
	width:100%;
	background:#000;
	color:rgba(255,255,255,0.48);
	clear:both;
	position:relative;
	font-size:14px;
	line-height:22px;
	float:left;
	text-align:left
}
.footer a {
	color:#fff;
	font-size:14px;
}
.footer-text {
	padding:20px 10px;
	margin:0 auto;
	color:rgba(255,255,255,0.3);
	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:#999
}
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;
}
.lang {
	position:relative;
	float:right;
	padding:0 7px;
	height:25px;
	line-height:25px;
	text-align:center;
	margin-top:27px;
	left:20px;
	-webkit-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	background:rgba(0,0,0,0.3);
	border-radius:15px;
}
.lang:hover {
	color:#fff !important;
	filter:alpha(opacity=100)!important;
	opacity:1!important;
}
.lang .dropdown-toggle {
	color:#fff;
	filter:alpha(opacity=100)!important;
	opacity:1!important;
	font-size:12px;
}
.fixed .lang .dropdown-toggle {
	color:#333;
}
.fixed .lang .dropdown-toggle:hover {
	color:#333 !important;
	filter:alpha(opacity=100)!important;
	opacity:1!important;
}
.fixed .sbtn,.header.noOpaque .sbtn {
	margin-top:9px;
}
.fixed .lang {
	margin-top:18px;
	background:rgba(0,0,0,0.1)
}
.header.noOpaque .lang {
	margin-top:20px;
	color:#333;
	background:rgba(0,0,0,0.1)
}
.header.noOpaque .lang .dropdown-toggle {
	color:#333;
}
.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;
}
.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus {
	background:#C80000
}
/*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:1440px) {
	.style-banner {
		padding-top:13em;
	}
}
@media screen and (max-width:1024px) {
	.header .nav-content {
		width:1024px;
	}
	.navbar a {
		font-size:14px;
		padding:0 10px;
	}
	.lang {
		left:5px;
	}
	.post.team .post-text {
		padding:50px 0px 0 0;
	}
	.PostBox.about .post .postAbout:after {
		width:112%;
	}
	.fweixin {
		display:none
	}
	.style-banner {
		padding-top:15em;
	}
	.style-banner h5 {
		font-size:40px;
	}
	.style-banner h4 {
		font-size:1.5em;
	}
}

@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 {
	height:350px;
	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:15px 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;
}

.tabs-group {
	position: relative;
	overflow-y: hidden;
}
.tabs-group .title {
	float: left;
	padding: 10px 0;
	width: 80px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
.tabs-group .content {
list-style: none;
padding: 0;
margin: 0 0 0 60px;
}
.tabs-group .content > li {
float: left;
padding: 2px 2px;
}
.tabs-group .content > li > a {
display: block;
padding: 5px 10px;
border: none;
-webkit-border-radius: 4px;
-webkit-background-clip: padding-box;
-moz-border-radius: 4px;
-moz-background-clip: padding;
border-radius: 4px;
background-clip: padding-box;
color: #333;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tabs-group .content > li.active > a,
.tabs-group .content > li:focus > a,
.tabs-group .content > li:hover > a {
color: #fff;
}
.tip{
	text-align:left;
	margin:10px auto;
	border:1px dashed red;
	padding:5px;
}
.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;
}
.style-banner {
	padding-top:9em;
}
.style-banner h5 {
	font-size:30px;
}
.style-banner h4 {
	font-size:1em;
}
}

@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%
}
.post .PostShow li img{
	height:200px;
}
.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:768px) {
	.mlang {
	margin:0;
	position:fixed;
	top:20px;
	right:90px;
}
.mlang a.dropdown-toggle {
	font-size:16px;
}
}@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;
	
}
.post .PostShow li img{
	height:160px;
}
.mt60{
	margin-top:10px;
}
.moble {
	height:48px;
	padding:0 10px;
	background:#FF9900;
}
.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
}
.style-banner {
	padding-top:1em;
}
.style-banner h5 {
	font-size:24px;
}
.style-banner h4 {
	font-size:1.2em;
}
.mt-md-4,.my-md-4 {
	margin-top:1rem!important
}
.view-buttn a {
	font-size:13px;
	padding:4px 10px;
}
.mlang {
	margin:0;
	position:fixed;
	top:13px;
	right:70px;
}
.mlang a.dropdown-toggle {
	font-size:16px;
}
}@media screen and (max-width:480px) {
	.post.news li h4 {
	margin:0;
	font-size:1em;
	margin-top:-5px
}

.mt60{
	margin-top:10px;
}
.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;
}
}@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;
}
}