@import url("font-awesome.min_1.css");

*{
	font-family: "微软雅黑",arial;
	font-size:14px;
}
body{
	min-width:1200px;
	background: url("../images/bg.png");
}
.mobile-body,
.mobile-body .container{
	min-width: auto;
}
.container{
	position: relative;
	min-width:1170px;
	padding:0px;
}
ul{
	margin:0px;
	padding:0px;
	list-style: none;
}
a:hover{
	text-decoration: none;
}
a:link,
a:visited,
a[target=_blank]:link,
a[target=_blank]:visited{
	color:#fff!important;
	text-decoration: none;
}


.special-image{
	border-radius:10px;
	box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.4);
}


.westffs-banner{
	position: relative;
	height: 320px;
	overflow: hidden;
	color:#fff;
	text-align: center;
}
.westffs-banner img{
	position: absolute;
	left: 50%;
	top:0px;
	margin-left:-960px;
}
.westffs-banner .banner-content{
	position: absolute;
	top:118px;
	left:50%;
	max-width:80%;
	visibility: hidden;
}
.westffs-banner .banner-content h3{
	margin:0px;
	font-size: 30px;
}
.westffs-banner .banner-content .line-h{
	display: block;
	width: 32px;
	height: 3px;
	margin: 14px auto 16px;
	background-color: #faaf40;
}


.page-content{
	padding:78px 0px 80px;
}


.page-title,
.page-subtitle{
	text-align: center;
}
.page-title{
	font-size:24px;
	color:#fff;
}
.page-subtitle{
	padding:12px 0px 60px;
	margin-bottom:0px;
	font-size:16px;
	color:#bbb;
}
.border-bottom{
	border-bottom: 1px dashed #3a3a3a;
}


.page-second-title{
	position: relative;
	padding-bottom:14px;
	margin-bottom:28px;
	line-height:1.6;
}
.page-second-title span{
	font-size:16px;
	color:#fff;
}
.page-second-title span.page-second-subtitle{
	display: inline-block;
	padding-top:8px;
	font-size:12px;
	color:#888
}
.page-second-title .line-h{
	position: absolute;
	left:0px;
	bottom:0px;
	width:24px;
	height: 1px;
	background-color: #3a3a3a;
}

.page-introduce,
.page-introduce *{
	font-size:12px;
}
.page-introduce{

	color:#bbb;
	line-height:24px;
}
.page-introduce p{line-height:24px;color:#bbb;	margin-top:38px;}
.page-introduce .bold{
  font-weight: bold;
  color:#eaeaea!important;
}
.page-introduce .underline{
  text-decoration: underline;
}
.page-introduce .strong-text,
.page-introduce .strong-text[target=_blank]{
	color:#faaf40!important;
	text-decoration: underline;
}


.westffs-btn{
	position: relative;
	display: inline-block;
	padding:0px 50px;
	line-height:46px;
	color:#fff;
	background-color: #faaf40;
	border-radius:2px;
	cursor: pointer;
	-webkit-transition:border-radius 0.3s;
	transition: border-radius 0.3s;
}
.westffs-btn:hover{
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	border-radius: 23px;
	-webkit-animation: anim-moema-1 0.3s forwards;
	animation: anim-moema-1 0.3s forwards;
}
.westffs-btn::before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	bottom: -20px;
	right: -20px;
	background: inherit;
	border-radius: 50px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform: scale3d(0.8, 0.5, 1);
	display: none \9;
}
.westffs-btn:hover::before {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
	animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}


.section-title{
	position:relative;
	padding-bottom:20px;
	color:#fff;
}
.section-title .title-text{
	margin-right:12px;
	font-size:24px;
}
.section-title .subhead-title{
	font-size:16px;
	color:#bbb;
	
}
.section-title .line-h{
	position: absolute;
	left:0px;
	bottom:0px;
	width:36px;
	height:2px;
	background-color: #faaf40;
}


.section-content{
	max-width:780px;
	color:#bbb;
	font-size:12px;
	line-height:26px;
}


.section-nav{
	color:#888;
	line-height:32px;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.section-nav>li{
	float: left;
	padding:0px 25px;
	font-size:12px;
	border:1px solid #2a2a2a;
	cursor: pointer;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.section-nav>li + li{
	margin-left:6px;
}
.section-nav>li:hover,
.section-nav>li.active{
	color:#faaf40;
}
.section-nav>li i,
.section-nav>li i + span{
	display: inline-block;
	vertical-align: middle;
}
.section-nav>li i{
	margin-right:8px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.section-nav>li .page-nav-tl{
	position: relative;
	padding-bottom: 5px;
	color:#fff;
	font-size:30px;
}
.section-nav>li .page-nav-tl .line-h{
	position: absolute;
	left:0px;
	bottom:0px;
	width: 20px;
	height: 1px;
	background-color:#303030;
}
.section-nav>li .page-nav-ct{
	display: inline-block;
	padding-top: 8px;
	color:#bbb;
}


.page-nav-container{
	border-top:1px solid #303030
}
.page-nav{
	position: relative;
	line-height: 54px;
	color:#bbb;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.page-nav:after{
	content: "";
	display: table;
	clear: both;
}
.page-nav>li{
	float:left;
	cursor: pointer;
}
.page-nav>li+li{
	margin-left:28px;
}
.page-nav>li.active{
	color:#faaf40;
}
.page-nav .page-nav-line{
	position: absolute;
	top:-1px;
	left:0px;
	height: 1px;
	background-color: #faaf40;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.page-nav-content>div{
	display: none;
}
.page-nav-content>div:first-child{
	display: block;
}


.img-container,
.content-container{
	display: table-cell;
	vertical-align: middle;
}
.img-container{
	padding-right:60px;
}


.section-box{
	height: 100%;
	padding:46px 0px;
	margin:0px;
	text-align: center;
	background-color: #202020;
	cursor: default;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.section-box dt,
.section-psn-box dt{
	position: relative;
	height: 50px;
	margin-bottom: 30px;
}
.section-box dd,
.section-psn-box dd{
	max-width: 86%;
	margin: 0px auto;
	color:#bbb;
}
.section-box dd.font-lg,
.section-box dd.font-md,
.section-psn-box dd.font-md{
	margin-bottom:12px;
	
	color:#fff;
}
.section-box dd.font-lg,
.section-box dd.font-lg span{
	font-size:28px;
}
.section-box dd.font-lg sup{
	top:-1em;
	margin-right:4px;
	font-size:12px;
	color:#bbb;
}
.section-box dd.font-md,
.section-psn-box dd.font-md{
	font-size:16px;
}


.section-psn-box{
	position: absolute;
	top:14px;
	left:14px;
	width: 342px;
	height: 276px;
	padding-top:46px;
	margin:0px;
	text-align: center;
	cursor: default;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.section-psn-box dt{
	margin-bottom:76px;
}
.section-psn-box .line-h{
	width: 24px;
	height: 1px;
	margin: 0px auto 16px;
	background-color: #3a3a3a
}
.section-psn-box dd{
	font-size:12px;
	line-height:22px;
}


.section-border{
	height: 276px;
	background: url("../images/hover-border.png") center center no-repeat;
	background-size: contain;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}


.section-opa-container{
	position: relative;
	width:100%;
	height: 100%;
	text-align: center;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.section-opa-container .section-opa-bg{
	height:100%;
	background-color: #202020;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.section-opa-container .section-opa-border{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
}
.opacity-over,
.opacity-over .section-opa-container *{
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.opacity-over:hover{
	transform: scale(0.96,0.96);
	-webkit-transform: scale(0.96,0.96);
	-moz-transform: scale(0.96,0.96);
	-ms-transform: scale(0.96,0.96);
}
.opacity-over:hover .section-opa-container{
	opacity: 0;
	filter: alpha(opacity=0);
}
.opacity-over:hover .section-opa-container *{
	opacity: 0 \9;
	filter: alpha(opacity=0) \9;
}


.section-opa-box{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	padding-top:122px;
}
.section-opa-box .line-h{
	width: 18px;
	height: 1px;
	margin: 14px auto 18px;
	background-color:#faaf40;
}
.section-opa-box dd{
	max-width:76%;
	margin: 0px auto;
	font-size:12px;
	color:#fff;
	line-height: 24px;
}


.section-small-box{
	position: relative;
	width:100%;
	height: 100%;
	margin:0px;
	border:1px solid #303030;
	background-color: #262626;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.section-small-box dt,
.section-small-box dd{
	display: table-cell;
	vertical-align: middle;
}
.section-small-box dt{
	width: 70px;
	height: 86px;
	text-align: center;
}
.section-small-box dt .line-v{
	position: absolute;
	left:70px;
	top:50%;
	height: 16px;
	width:1px;
	margin-top:-8px;
	background-color: #303030;
	vertical-align: middle;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.section-small-box dd{
	padding:0px 12px 0px 20px;
}
.section-small-box dd span{
	line-height: 16px;
	color:#bbb;
	font-size:12px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.section-small-box dd span.title{
	display: inline-block;
	padding-bottom:16px;
	font-size:16px;
	color:#fff;
}


.move-up{
	position:relative;
	top:0px;
	transition: top 0.3s;
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	-ms-transition: top 0.3s;
}
.move-up:hover{
	top:-10px;
}

.move-left{
	position:relative;
	left:0px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.move-left:hover{
	left:-20px;
}
.move-left:hover .section-small-box dt .line-v{
	background-color:#faaf40;
}

.scale:hover .section-box{
	background-color: #1a1a1a;
	transform: scale(0.96,0.96);
	-webkit-transform: scale(0.96,0.96);
	-moz-transform: scale(0.96,0.96);
	-ms-transform: scale(0.96,0.96);
}

.bg-img:hover{
	background: url("../images/hover-bg.jpg") center center no-repeat;
}
.bg-img:hover .section-box{
	transition: transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-ms-transition: -ms-transform 0.3s;
}


.small-scale:hover .section-small-box{
	background-color: #2a2a2a;
	transform: scale(0.996,0.96);
	-webkit-transform: scale(0.996,0.96);
	-moz-transform: scale(0.996,0.96);
	-ms-transform: scale(0.996,0.96);
}

.big-scale:hover .section-small-box{
	background-color: #2a2a2a;
	transform: scale(0.994,0.98);
	-webkit-transform: scale(0.994,0.98);
	-moz-transform: scale(0.994,0.98);
	-ms-transform: scale(0.994,0.98);
}
.big-scale:hover .section-small-box dd span{
	border-left-color:#faaf40;
	color:#fff;
}
.big-scale:hover .section-small-box dt .line-v{
	background-color:#faaf40;
}


.border-bg{
	border:2px solid transparent;
}
.border-bg:hover{
	border:2px solid #faaf40;
	background-color: #202020;
}

.opacity:hover .section-box{
	opacity:0.9;
}

.bgImage{
	position: relative;
}
.bgImage:hover{
	background-color: #2a2a2a;
	box-shadow: 0px 0px 20px 0px #121212;
}
.bgImage:hover .section-border{
	visibility: visible;
	opacity: 1;
}
.bgImage:hover .section-psn-box{
	transform: scale(0.98,0.98);
	-webkit-transform: scale(0.98,0.98);
	-moz-transform: scale(0.98,0.98);
	-ms-transform: scale(0.98,0.98);
}
.bgImage:hover .section-psn-box dd.font-md{
	color:#faaf40
}


.fixed-shadow{
	position: fixed;
	z-index:999999998;
	left:0px;
	top:0px;
	width:100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	display: none;
}
.notice-fixed,
.important-info{
	position: fixed;
	z-index:999999999;
	left:50%;
	top:50%;
	width:680px;
	height: 490px;
	margin:-245px 0px 0px -340px;
	background:url("../images/bg.png");
	border: 2px solid #faaf40;
	display: none;
}
.important-info{
	height: 240px;
	margin-top:-110px;
}
.notice-fixed .notice-content,
.important-info .notice-content{
	height: 100%;
	padding:30px 40px;
	overflow: auto;
}
.notice-fixed .close-btn,
.important-info .close-btn{
	position: absolute;
	top:-20px;
	right:-18px;
	width:35px;
	height: 35px;
	cursor: pointer;
	background:url("../images/close.png");
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.notice-fixed .close-btn:hover,
.important-info .close-btn:hover{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
.notice-fixed .notice-title,
.important-info .notice-title{
	margin-bottom:30px;
	text-align: center;
	font-size:22px;
	color:#faaf40;
}
.notice-fixed  .page-introduce,
.important-info .page-introduce{
	margin-top:12px;
}


.hover3d-container{
	float: left;
}
.hover3d-container:hover .hover3d-animate{
	box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.8);
	-webkit-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.8);
}
.hover3d-animate *{
	pointer-events: none;
}


.account-btn-container{
  position: relative;
  overflow: hidden;
}
.account-btn-container iframe{
  position:absolute!important;
  top:-105px!important;
  left:50%!important;
  width:184px;
  margin-left:-92px!important;
  opacity: 0;
  filter: alpha(opacity=0);
  display: none!important;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.account-btn-container iframe.show{
  display: block!important;
}
.account-btn-container iframe:hover ~ a{
  border-radius:23px;
}


@media screen and (max-width:1199px){
	
	.mobile-body .five-mobile,
	.mobile-body .six-mobile,
	.mobile-body .three-mobile{
		display: flex;
		width: 100%;
		
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.mobile-body .five-mobile>div[class*=detail],
	.mobile-body .five-mobile>div[class*=hover3d]{
		float: none;
		width: 30%;
		margin:3.33% 0px 0px;
	}
	.mobile-body .five-mobile>div[class*=hover3d] .hover3d-animate{
		margin-left: 0px;
	}
	.mobile-body .five-mobile:first-child>div[class*=detail],
	.mobile-body .five-mobile:first-child>div[class*=hover3d]{
		margin-top:0px;
	}
	.mobile-body .six-mobile>div[class*=detail],
	.mobile-body .six-mobile>div[class*=hover3d] .hover3d-animate{
		float: none;
		margin:4% 0px 0px;
	}
	.mobile-body .three-mobile:last-child{
		margin-top:60px;
	}
	.mobile-body .three-mobile>div[class*=detail]{
		float: none;
	}
	
	
	.mobile-body .section-content{
		max-width: 500px;
	}
	
	
	.mobile-body .img-container{
		width:50%;
	}
	.mobile-body .img-container img{
		width: 100%;
	}
	
	
	.mobile-body .section-psn-container{
		height: 290px;
	}
	
	
	.mobile-body .section-psn-box dt{
		margin-bottom:66px;
	}
}


@media screen and (max-width:1023px){
	
	.mobile-body .three-mobile>div[class*=detail],
	.mobile-body .three-mobile>div[class*=hover3d]{
		width: 46%;
	}
	.mobile-body .three-mobile>div[class*=hover3d] .hover3d-animate{
		width: 100%;
	}
	.mobile-body .section-psn-container>div[class*=detail]{
		height: 142px;
	}
	
	
	.mobile-body .section-psn-box{
		width: calc(100% - 28px);
		padding-top:36px
	}
}


@media screen and (max-width:767px){
	
	.mobile-body .container{
		width: 90%;
	}
	
	
	.mobile-body .westffs-banner{
		margin-top:44px;
	}
	
	
	.mobile-body .page-content{
		padding:58px 0px 60px;
	}
	
	
	.mobile-body .img-container,
	.mobile-body .content-container{
		display: block;
	}
	.mobile-body .img-container{
		width:80%;
		margin:0px auto 40px;
		padding-right:0px!important;
	}
	
	
	.mobile-body .move-left{
		top:0px;
	}
	.mobile-body .move-left:hover{
		left:0px;
		top:-10px;
	}
	
	
	.mobile-body .section-psn-box{
		padding-top:28px
	}
	.mobile-body .section-psn-box dt{
		margin-bottom:56px;
	}
	
	
	.mobile-body .section-border,
	.mobile-body .section-psn-box{
		height: 240px;
	}
	
	
	.mobile-body .section-title .title-text{
		font-size:18px;
	}
	
	
	.mobile-body .five-mobile>div[class*=detail],
	.mobile-body .five-mobile>div[class*=hover3d]{
		width:90%;
		max-width:340px;
		margin-top:4% !important;
	}
	.mobile-body .five-mobile>div[class*=hover3d] .hover3d-animate{
		width: 100%;
	}
	
	
	.mobile-body .section-psn-container{
		float:none;
		height:220px;
	}
	.mobile-body .three-mobile:last-child{
		margin-top:0px;
	}
	.mobile-body .section-psn-container:first-child{
		height: auto;
	}
	.mobile-body .three-mobile>div[class*=detail],
	.mobile-body .three-mobile>div[class*=hover3d]{
		width: 90%;
		max-width:336px;
		margin:4% 0px 0px;
	}
	.mobile-body .section-psn-container>div[class*=detail]{
		height: 120px;
	}
	.mobile-body .section-psn-container:first-child>div[class*=detail]{
		margin-bottom:46%;
	}
	
	
	.mobile-body .notice-fixed,
	.mobile-body .important-info{
		width:80%;
		height: 460px;
		margin:-230px 0px 0px -40%;
	}
}


@media screen and (max-height:500px){
	
	.mobile-body .notice-fixed,
	.mobile-body .important-info {
		height:80%;
		margin-top: -22%;
	}
}


@media screen and (max-width:413px){
	
	.mobile-body .section-psn-box{
		padding-top:10px;
	}
	.mobile-body .section-psn-box dt{
		margin-bottom:42px;
	}
	
	
	.mobile-body .section-border,
	.mobile-body .section-psn-box{
		height: 210px;
	}
	
	
	.mobile-body .section-psn-container{
		height: 180px;
	}
	.mobile-body .section-psn-container>div[class*=detail]{
		height: 90px;
	} 
}


@media screen and (max-width:374px){
	
	.mobile-body .section-psn-box dt{
		margin-bottom:26px;
	}
	
	
	.mobile-body .westffs-btn{
		padding:0px 40px;
	}
	
	
	.mobile-body .section-border,
	.mobile-body .section-psn-box{
		height: 176px;
	}
	
	
	.mobile-body .section-psn-container{
		height: 146px;
	}
}
#articeBottom { font-size: 14px; margin: 6px 0 10px; padding-top: 10px; text-align: right; width: 97%;}
#articeBottom span { float: left;}
#articeBottom span a { font-size: 12px;}
#articeBottom span a:hover {color: #0099FF;}