@font-face{
	font-family: myFirstFont;
	src: url('../font/Gotham-XLight.ttf');
}

@font-face{
	font-family: mySecondFont;
	src: url('../font/MFLangSong_Noncommercial-Regular.ttf');
}

@font-face{
	font-family: aside-nav-header;
	src: url('../font/Gotham-Bold.ttf');
}
@font-face{
	font-family: Gotham-Book;
	src: url('../font/Gotham-Book.ttf');
}
@font-face{
	font-family: GothamMedium;
	src: url('../font/Gotham-Medium.ttf');
}
@font-face{
	font-family: Helvetica;
	src: url('../font/Helvetica CE 35 Thin.ttf');
}

@font-face{
	font-family: ArialBoldMT;
	src: url('../font/ArialBoldMT.ttf');
}

@font-face{
	font-family: Snell;
	src: url('../font/Snell Bold BT.ttf');
}
@font-face{
	font-family: segoesc;
	src: url('../font/segoesc.ttf');
}



.mheader {display: none;}
.ri-Mbig img
{
	display: block; 
	position: absolute;
	right: 110px; 
	top: 184px;" 
	width:88px;
	height:88px;
	animation:Mbig 5s linear 2s infinite alternate;
	-webkit-animation:Mbig 5s linear 2s infinite alternate; /* Safari and Chrome */
}

@keyframes Mbig
{
	0%   {transform:rotate(0deg); right:110px; top: 184px;}
	25%  {transform:rotate(90deg);right:150px; top: 184px;}
	50%  {transform:rotate(180deg);right:150px; top: 224px;}
	75%  {transform:rotate(270deg);right:110px; top: 224px;}
	100% {transform:rotate(360deg);right:110px; top: 184px;}
}

@-o-keyframes Mbig /* Opera */
{
	0%   {transform:rotate(0deg); right:110px; top: 184px;}
	25%  {transform:rotate(90deg);right:150px; top: 184px;}
	50%  {transform:rotate(180deg);right:150px; top: 224px;}
	75%  {transform:rotate(270deg);right:110px; top: 224px;}
	100% {transform:rotate(360deg);right:110px; top: 184px;}
}

@-webkit-keyframes Mbig /* Safari and Chrome */
{
	0%   {transform:rotate(0deg); right:110px; top: 184px;}
	25%  {transform:rotate(90deg);right:150px; top: 184px;}
	50%  {transform:rotate(180deg);right:150px; top: 224px;}
	75%  {transform:rotate(270deg);right:110px; top: 224px;}
	100% {transform:rotate(360deg);right:110px; top: 184px;}
}
@-moz-keyframes Mbig /* Firefox */
{
	0%   {transform:rotate(0deg); right:110px; top: 184px;}
	25%  {transform:rotate(90deg);right:150px; top: 184px;}
	50%  {transform:rotate(180deg);right:150px; top: 224px;}
	75%  {transform:rotate(270deg);right:110px; top: 224px;}
	100% {transform:rotate(360deg);right:110px; top: 184px;}
}


.ri-bott img
{
	display: block; 
	position: absolute;
	right: 144px; 
	bottom: 128px;
	width:56px;
	height:56px;
	animation:ri-bott 5s linear 2s infinite alternate;
	-webkit-animation:ri-bott 5s linear 2s infinite alternate; /* Safari and Chrome */
}

@keyframes ri-bott
{
	0%   {transform:rotate(0deg); right:144px; bottom: 128px;}
	25%  {transform:rotate(90deg); right:144px; bottom: 168px;}
	50%  {transform:rotate(180deg); right:184px; bottom: 168px;}
	75%  {transform:rotate(270deg); right:184px; bottom: 128px;}
	100% {transform:rotate(360deg); right:144px; bottom: 128px;}
}

@-o-keyframes ri-bott /* Opera */
{
	0%   {transform:rotate(0deg); right:144px; bottom: 128px;}
	25%  {transform:rotate(90deg); right:144px; bottom: 168px;}
	50%  {transform:rotate(180deg); right:184px; bottom: 168px;}
	75%  {transform:rotate(270deg); right:184px; bottom: 128px;}
	100% {transform:rotate(360deg); right:144px; bottom: 128px;}
}

@-webkit-keyframes ri-bott /* Safari and Chrome */
{
	0%   {transform:rotate(0deg); right:144px; bottom: 128px;}
	25%  {transform:rotate(90deg); right:144px; bottom: 168px;}
	50%  {transform:rotate(180deg); right:184px; bottom: 168px;}
	75%  {transform:rotate(270deg); right:184px; bottom: 128px;}
	100% {transform:rotate(360deg); right:144px; bottom: 128px;}
}
@-moz-keyframes ri-bott /* Firefox */
{
	0%   {transform:rotate(0deg); right:144px; bottom: 128px;}
	25%  {transform:rotate(90deg); right:144px; bottom: 168px;}
	50%  {transform:rotate(180deg); right:184px; bottom: 168px;}
	75%  {transform:rotate(270deg); right:184px; bottom: 128px;}
	100% {transform:rotate(360deg); right:144px; bottom: 128px;}
}

.ri-mid img
{
	display: block; 
	position: absolute;
	right: 200px; 
	bottom: 315px;
	width:36px;
	height:42px;
	animation:ri-mid 5s linear 2s infinite alternate;
	-webkit-animation:ri-mid 5s linear 2s infinite alternate; /* Safari and Chrome */
}

@keyframes ri-mid
{
	0%   {transform:rotate(0deg); right:200px; bottom: 315px;}
	25%  {transform:rotate(90deg); right:240px; bottom: 315px;}
	50%  {transform:rotate(180deg); right:240px; bottom: 355px;}
	75%  {transform:rotate(270deg); right:200px; bottom: 355px;}
	100% {transform:rotate(360deg); right:200px; bottom: 315px;}
}

@-o-keyframes ri-mid /* Opera */
{
	0%   {transform:rotate(0deg); right:200px; bottom: 315px;}
	25%  {transform:rotate(90deg); right:240px; bottom: 315px;}
	50%  {transform:rotate(180deg); right:240px; bottom: 355px;}
	75%  {transform:rotate(270deg); right:200px; bottom: 355px;}
	100% {transform:rotate(360deg); right:200px; bottom: 315px;}
}

@-webkit-keyframes ri-mid /* Safari and Chrome */
{
	0%   {transform:rotate(0deg); right:200px; bottom: 315px;}
	25%  {transform:rotate(90deg); right:240px; bottom: 315px;}
	50%  {transform:rotate(180deg); right:240px; bottom: 355px;}
	75%  {transform:rotate(270deg); right:200px; bottom: 355px;}
	100% {transform:rotate(360deg); right:200px; bottom: 315px;}
}
@-moz-keyframes ri-mid /* Firefox */
{
	0%   {transform:rotate(0deg); right:200px; bottom: 315px;}
	25%  {transform:rotate(90deg); right:240px; bottom: 315px;}
	50%  {transform:rotate(180deg); right:240px; bottom: 355px;}
	75%  {transform:rotate(270deg); right:200px; bottom: 355px;}
	100% {transform:rotate(360deg); right:200px; bottom: 315px;}
}

.ri-le{
	display: block; 
	position: absolute;
	right: 330px; 
	bottom: 184px;
	width:60px;
	height:56px;
	animation:ri-le 5s linear 2s infinite alternate;
	-webkit-animation:ri-le 5s linear 2s infinite alternate; /* Safari and Chrome */
}

@keyframes ri-le
{
	0%   {transform:rotate(0deg); right:330px; bottom: 184px;}
	25%  {transform:rotate(90deg); right:330px; bottom: 224px;}
	50%  {transform:rotate(180deg); right:370px; bottom: 224px;}
	75%  {transform:rotate(270deg); right:370px; bottom: 184px;}
	100% {transform:rotate(360deg); right:330px; bottom: 184px;}
}

@-o-keyframes ri-le /* Opera */
{
	0%   {transform:rotate(0deg); right:330px; bottom: 184px;}
	25%  {transform:rotate(90deg); right:330px; bottom: 224px;}
	50%  {transform:rotate(180deg); right:370px; bottom: 224px;}
	75%  {transform:rotate(270deg); right:370px; bottom: 184px;}
	100% {transform:rotate(360deg); right:330px; bottom: 184px;}
}

@-webkit-keyframes ri-le /* Safari and Chrome */
{
	0%   {transform:rotate(0deg); right:330px; bottom: 184px;}
	25%  {transform:rotate(90deg); right:330px; bottom: 224px;}
	50%  {transform:rotate(180deg); right:370px; bottom: 224px;}
	75%  {transform:rotate(270deg); right:370px; bottom: 184px;}
	100% {transform:rotate(360deg); right:330px; bottom: 184px;}
}
@-moz-keyframes ri-le /* Firefox */
{
	0%   {transform:rotate(0deg); right:330px; bottom: 184px;}
	25%  {transform:rotate(90deg); right:330px; bottom: 224px;}
	50%  {transform:rotate(180deg); right:370px; bottom: 224px;}
	75%  {transform:rotate(270deg); right:370px; bottom: 184px;}
	100% {transform:rotate(360deg); right:330px; bottom: 184px;}
}


.le-bott img{
	display: block; 
	position: absolute;
	left: 144px; 
	bottom: 54px;
	width:86px;
	height:86px;
	animation:le-bott 5s linear 2s infinite alternate;
	-webkit-animation:le-bott 5s linear 2s infinite alternate; /* Safari and Chrome */
}


@keyframes le-bott
{
	0%   {transform:rotate(0deg); left:144px; bottom: 54px;}
	25%  {transform:rotate(90deg); left:144px; bottom:94px;}
	50%  {transform:rotate(180deg); left:184px; bottom: 94px;}
	75%  {transform:rotate(270deg); left:184px; bottom: 54px;}
	100% {transform:rotate(360deg); left:144px; bottom: 54px;}
}

@-o-keyframes le-bott /* Opera */
{
	0%   {transform:rotate(0deg); left:144px; bottom: 54px;}
	25%  {transform:rotate(90deg); left:144px; bottom:94px;}
	50%  {transform:rotate(180deg); left:184px; bottom: 94px;}
	75%  {transform:rotate(270deg); left:184px; bottom: 54px;}
	100% {transform:rotate(360deg); left:144px; bottom: 54px;}
}

@-webkit-keyframes le-bott /* Safari and Chrome */
{
	0%   {transform:rotate(0deg); left:144px; bottom: 54px;}
	25%  {transform:rotate(90deg); left:144px; bottom:94px;}
	50%  {transform:rotate(180deg); left:184px; bottom: 94px;}
	75%  {transform:rotate(270deg); left:184px; bottom: 54px;}
	100% {transform:rotate(360deg); left:144px; bottom: 54px;}
}
@-moz-keyframes le-bott /* Firefox */
{
	0%   {transform:rotate(0deg); left:144px; bottom: 54px;}
	25%  {transform:rotate(90deg); left:144px; bottom:94px;}
	50%  {transform:rotate(180deg); left:184px; bottom: 94px;}
	75%  {transform:rotate(270deg); left:184px; bottom: 54px;}
	100% {transform:rotate(360deg); left:144px; bottom: 54px;}
}

.le-top img{
	display: block; 
	position: absolute;
	left: 242px; 
	top: 146px;
	width:36px;
	height:40px;
	animation:le-top 5s linear 2s infinite alternate;
	-webkit-animation:le-top 5s linear 2s infinite alternate; /* Safari and Chrome */
}

@keyframes le-top
{
	0%   {transform:rotate(0deg); left:242px; top: 146px;}
	25%  {transform:rotate(90deg); left:242px; top:186px;}
	50%  {transform:rotate(180deg); left:202px; top: 186px;}
	75%  {transform:rotate(270deg); left:202px; top: 146px;}
	100% {transform:rotate(360deg); left:242px; top: 146px;}
}

@-o-keyframes le-top /* Opera */
{
	0%   {transform:rotate(0deg); left:242px; top: 146px;}
	25%  {transform:rotate(90deg); left:242px; top:186px;}
	50%  {transform:rotate(180deg); left:202px; top: 186px;}
	75%  {transform:rotate(270deg); left:202px; top: 146px;}
	100% {transform:rotate(360deg); left:242px; top: 146px;}
}

@-webkit-keyframes le-top /* Safari and Chrome */
{
	0%   {transform:rotate(0deg); left:242px; top: 146px;}
	25%  {transform:rotate(90deg); left:242px; top:186px;}
	50%  {transform:rotate(180deg); left:202px; top: 186px;}
	75%  {transform:rotate(270deg); left:202px; top: 146px;}
	100% {transform:rotate(360deg); left:242px; top: 146px;}
}
@-moz-keyframes le-top /* Firefox */
{
	0%   {transform:rotate(0deg); left:242px; top: 146px;}
	25%  {transform:rotate(90deg); left:242px; top:186px;}
	50%  {transform:rotate(180deg); left:202px; top: 186px;}
	75%  {transform:rotate(270deg); left:202px; top: 146px;}
	100% {transform:rotate(360deg); left:242px; top: 146px;}
}

.le-le img{
	display: block; 
	position: absolute;
	left: 44px; 
	bottom: 190px;
	width:26px;
	height:26px;
	animation:le-le 5s linear 2s infinite alternate;
	-webkit-animation:le-le 5s linear 2s infinite alternate; /* Safari and Chrome */
}

@keyframes le-le
{
	0%   {transform:rotate(0deg); left:44px; bottom: 190px;}
	25%  {transform:rotate(90deg); left:44px; bottom:230px;}
	50%  {transform:rotate(180deg); left:84px; bottom: 230px;}
	75%  {transform:rotate(270deg); left:84px; bottom: 190px;}
	100% {transform:rotate(360deg); left:44px; bottom: 190px;}
}
@-o-keyframes le-le /* Opera */
{
	0%   {transform:rotate(0deg); left:44px; bottom: 190px;}
	25%  {transform:rotate(90deg); left:44px; bottom:230px;}
	50%  {transform:rotate(180deg); left:84px; bottom: 230px;}
	75%  {transform:rotate(270deg); left:84px; bottom: 190px;}
	100% {transform:rotate(360deg); left:44px; bottom: 190px;}
}

@-webkit-keyframes le-le /* Safari and Chrome */
{
	0%   {transform:rotate(0deg); left:44px; bottom: 190px;}
	25%  {transform:rotate(90deg); left:44px; bottom:230px;}
	50%  {transform:rotate(180deg); left:84px; bottom: 230px;}
	75%  {transform:rotate(270deg); left:84px; bottom: 190px;}
	100% {transform:rotate(360deg); left:44px; bottom: 190px;}
}
@-moz-keyframes le-le /* Firefox */
{
	0%   {transform:rotate(0deg); left:44px; bottom: 190px;}
	25%  {transform:rotate(90deg); left:44px; bottom:230px;}
	50%  {transform:rotate(180deg); left:84px; bottom: 230px;}
	75%  {transform:rotate(270deg); left:84px; bottom: 190px;}
	100% {transform:rotate(360deg); left:44px; bottom: 190px;}
}

.le-ri {
	display: block; 
	position: absolute;
	left: 300px; 
	top: 350px;
	width:60px;
	height:58px;
	animation:le-ri 5s linear 2s infinite alternate;
	-webkit-animation:le-ri 5s linear 2s infinite alternate; /* Safari and Chrome */
}

@keyframes le-ri
{
	0%   {transform:rotate(0deg); left:300px; top: 350px;}
	25%  {transform:rotate(90deg); left:300px; top: 390px;}
	50%  {transform:rotate(180deg); left:340px; top: 390px;}
	75%  {transform:rotate(270deg); left:340px; top: 350px;}
	100% {transform:rotate(360deg); left:300px; top: 350px;}
}
@-o-keyframes le-ri /* Opera */
{
	0%   {transform:rotate(0deg); left:300px; top: 350px;}
	25%  {transform:rotate(90deg); left:300px; top: 390px;}
	50%  {transform:rotate(180deg); left:340px; top: 390px;}
	75%  {transform:rotate(270deg); left:340px; top: 350px;}
	100% {transform:rotate(360deg); left:300px; top: 350px;}
}

@-webkit-keyframes le-ri /* Safari and Chrome */
{
	0%   {transform:rotate(0deg); left:300px; top: 350px;}
	25%  {transform:rotate(90deg); left:300px; top: 390px;}
	50%  {transform:rotate(180deg); left:340px; top: 390px;}
	75%  {transform:rotate(270deg); left:340px; top: 350px;}
	100% {transform:rotate(360deg); left:300px; top: 350px;}
}
@-moz-keyframes le-ri /* Firefox */
{
	0%   {transform:rotate(0deg); left:300px; top: 350px;}
	25%  {transform:rotate(90deg); left:300px; top: 390px;}
	50%  {transform:rotate(180deg); left:340px; top: 390px;}
	75%  {transform:rotate(270deg); left:340px; top: 350px;}
	100% {transform:rotate(360deg); left:300px; top: 350px;}
}
* {box-sizing: border-box;}

.content-wrap {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}

.header {
	width: 100%;
	background: #fff;
}
.header-wrap {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	height: 86px;
}
.logo {
	display: block;
	float: left;
	margin-top: 15px;
	width: 170px;
	height: 57px;
}
.header-nav {
	float: right;
	height: 86px;
}
.header-nav li {
	float: left;
	height: 86px;
	background: url(../images/header/li_icon.jpg) no-repeat right 38px;
}
.header-nav li a{
	display: block;
	padding: 35px 27px 30px;
	font-size: 16px;
}
.header-nav li:hover, .header-nav li.curr{
	background: #222484;
}
.header-nav li:hover a, .header-nav li.curr a{
	color: #fff;
}
.header-ri {
	overflow: hidden;
	float: right;
	height: 86px;
	margin-left: 26px;
}
.header-ri .search {
	margin-top: 28px;
	display: inline-block;
}
.header-ri .lanuage {
	margin-left: 4px;
	float: right;
}
.header-ri .en, .header-ri .cn {
	display: inline-block;
	font-size: 14px;
	margin-left: 2px;
	color: #666666;
	margin-top: 36px;
}


/*footer*/
.footer {
	width: 100%;
	height: 70px;
	background-color: #222222;
}
.footer-wrap {
	width: 1100px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.footer-wrap .footer-fl {
	float: left;
	
}
.footer-wrap .footer-fl ul li {
	float: left;
	font-size: 13px;
	line-height: 70px;
	color: #b5b5b5;
	margin-left: 7px;
}
.footer-wrap .footer-fl ul li a{
	color: #b5b5b5;
}
.footer-wrap .footer-fl ul li:hover a{
	color: #fff;
}
.footer-wrap .footer-ri {
	float: right;
	line-height: 70px;

}
.footer-wrap .footer-ri span {
	display: inline-block;
	font-size: 13px;
	color: #b5b5b5;
	margin-right: 10px;
}
.footer-wrap .footer-ri a{
	border-radius: 100%;
	width: 30px;
	height: 30px;
	margin-left: 4px;
	vertical-align: middle;
	display: inline-block;
}
.footer-wrap .footer-ri .wechat {
	background: #676d79 url(../images/footer/wc.svg) no-repeat center;
	background-size: 60%;
}
.footer-wrap .footer-ri .wechat:hover {
	background: #676d79 url(../images/footer/wc-h.svg) no-repeat center;
	background-size: 60%;
}
.footer-wrap .footer-ri .qq {
	background: #676d79 url(../images/footer/qq.svg) no-repeat center;
	background-size: 60%;
}
.footer-wrap .footer-ri .qq:hover {
	background: #676d79 url(../images/footer/qqh.svg) no-repeat center;
	background-size: 60%;
}
.footer-wrap .footer-ri .weibo {
	background: #676d79 url(../images/footer/wb.svg) no-repeat center;
	background-size: 60%;
}
.footer-wrap .footer-ri .weibo:hover {
	background: #676d79 url(../images/footer/wbh.svg) no-repeat center;
	background-size: 60%;
}