.mobile{ position:fixed; z-index:999; width:100%; top:0; left:0; display:none;}
.phone_logo{ position:absolute; width:100%; text-align:center; padding:8px 0; z-index:1;}
.phone_logo a{ display:inline-block;}
.phone_logo img{ max-height:34px; vertical-align: middle;}
.mobile-inner-header{ background-color:#FF4623; width: 100%; height: 50px;}
.mobile-inner-header-icon{color: #ffffff; height: 50px; font-size:25px; text-align: center; float:right; width: 50px; position: relative;  z-index:2;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2); top:calc((100% - 1px) / 2);width: 25px;height: 1px;background-color: rgba(255,255,255,1);}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click{ background:rgba(0,0,0,0.1)}
	
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}

.accordion-desc ul.subsite_nav{ border-bottom:1px #ccc solid; padding-bottom:15px;}
.accordion-desc ul.subsite_nav li{ float:left; width:calc(33.33% - 15px); padding-left:0; margin-right:15px;}
	
@keyframes clickfirst {
  0% {transform: translateY(4px) rotate(0deg); }
  100% {transform: translateY(0) rotate(45deg);}
}	
@keyframes clicksecond {
  0% {transform: translateY(-4px) rotate(0deg);}
  100% {transform: translateY(0) rotate(-45deg);}
}	

.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}

@keyframes outfirst {
  0% {transform: translateY(0) rotate(-45deg);}
  100% {transform: translateY(-4px) rotate(0deg);}
}	
@keyframes outsecond {
  0% {transform: translateY(0) rotate(45deg);}
  100% {transform: translateY(4px) rotate(0deg);}
}

.mobile-inner-nav{
	background-color: rgba(0,0,0,0.8);
	width: 100%; height:100%;
	position: fixed;
	top: 50px;
	left: 0px;
	padding-top: 30px;
	padding-bottom: 80px;
	display: none; overflow:auto;
}
.mobile-inner-nav a{
	display: inline-block;
	line-height: 50px;
	text-decoration: none;
	width: 80%;
	margin-left: 10%;
	color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:300;
}
.mobile-inner-nav a:hover{border-bottom: solid 1px rgba(255,255,255,0.2);}

@-webkit-keyframes resize {
	from, 60%, 75%, 90%, to 
	{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
	0% {opacity: 0;-webkit-transform: scale(5,5);transform: scale(5,5);}
	100% {opacity: 1;-webkit-transform: scale(1,1);transform: scale(1,1);
	} 
}

@keyframes resize {
	from, 60%, 75%, 90%, to 
	{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
	0% {opacity: 0;-webkit-transform: scale(5,5);transform: scale(5,5);}
	100% {opacity: 1;-webkit-transform: scale(1,1);transform: scale(1,1);}
}

.phone_cover_bg{ background:rgba(0,0,0,0.7); position: fixed; left:0; top:50px; width:100%; height:100%;}

.mobile-inner-nav a{
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: returnToNormal;
		animation-name: returnToNormal;
	}
.mobile-inner-nav a.language{ width:40px; height:40px; border-radius: 100%;
    border: 1px #fff solid;
    text-align: center;
    line-height: 40px; margin-top:30px; margin-left:15px;}	
.mobile-inner-nav a.language.chinese{ margin-left:10%;}
.mobile-inner-nav a.language.active{ background:#e54444; border-color:#e54444;}
			
	@-webkit-keyframes returnToNormal {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}

	@keyframes returnToNormal {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}
	
	.accordion{ position:relative;}
	.accordion:after{ content:"\f107"; font-family:FontAwesome; position:absolute; top:0; right:0;}
	.accordion-desc ul{ margin:0; padding:0; list-style:none; margin-left:2em;}