/* Version:1.0  Author: Amy
  Create Date:2019-03-29
  Update Date:2019-04-25 Amy
  Desc : All Common CSS */  
 
 
/*Initialization settings begin*/ 
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{overflow-y:scroll; -webkit-text-size-adjust: none;}
body {font-family: 'Noto Sans SC', sans-serif; font-weight: 300; background-color: #fff; color: #222; height:100%; margin: 0; padding:0; overflow: hidden; transition: margin-left .5s, margin-right .5s;}
ul,ol,li{list-style-type:none;}
input[type="text"]{-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
img{border:none; display:block;}
img[usemap], map area{ outline: none;}
.trans{opacity:0;}
.opacity {filter: alpha(opacity=75); -moz-opacity: .75; -khtml-opacity: .75; opacity: .75;}
input:focus{ outline:none;}
.scroll{height:auto!important;}
/* Clear Fix */  
.clearfix::before,.clearfix::after { display: table;line-height: 0; content:"";}
.clearfix::after{clear:both;}
.clearfix{zoom:1;}

/* Hyperlink */  
a, a:hover, a:focus{ text-decoration:none;}
a.linkOrange, a.linkOrange:hover, a.linkOrange:focus{color: #ff7f00;} 
a.linkOrange:hover, a.linkOrange:focus{text-decoration: underline;} 
a.linkWhite, a.linkWhite:hover, a.linkWhite:focus{color: #fff;} 

/* Colour */  
.org{color:#ff7f00;}
.bl{color:#327fe8;}
.black {color: #222;}
.black2 {color: #555;}
.gray{color: #777;}
/*Initialization settings end*/ 

/* back-to-top begin */ 
#back-to-top {display: none; position: fixed; text-align: center; color: white; width: 60px; height: 60px; bottom: 10%; right: 1%; z-index: 50; background-color: #327fe8; padding: 0.5%; opacity: 0.8; border: 1px solid white; cursor: pointer; transition: all, 0.5s; border-radius: 15%; outline: none;}
#back-to-top:hover {background: #fff; border: 1px solid #327fe8;}    
#back-to-top img{width:100%; display:block;}
/* back-to-top end */ 

/*Begin Mailchimp Signup Form*/ 
.signupBox{background: #ff7f00; padding-top: 1.5%; padding-bottom: 1.6%;}
#mc_embed_signup{padding-left: 4%}
#mc_embed_signup label{margin-top: 0; margin-bottom: 0;	color: #fff;}
#mc_embed_signup input.email, #mc_embed_signup .clear input{line-height: 2;	padding-top: 0.5%; padding-bottom: 0.5%; border: none;}
#mc_embed_signup input.email{width: 30%; padding-left: 2%; margin-left: 2%; border-radius: 20px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
#mc_embed_signup .clear{display: inline;}
#mc_embed_signup .clear input{padding-left: 3%; padding-right: 3%; color: #ff7f00; font-weight: bold; background: #fff; border-radius: 0px; box-shadow:inset 0 0 0 0 #327fe8; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s;}
#mc_embed_signup .clear input:hover{color: #fff; box-shadow: inset 450px 0 0 0 #327fe8;}
/*End Mailchimp Signup Form*/ 

/* Suspended begin */ 
#Suspended{width:100%;text-align:center;}
.topSuspended{padding-top: 1.1%; padding-bottom: 1.3%; padding-left: 5%; padding-right: 5%; background:#fff; opacity: 0.95; margin:0 auto; border:solid 1px #ccc;zoom:1; box-shadow:0 1px 6px rgba(0,0,0,0.1); z-index: 20;}
.topSuspended .topBtn{margin:0 auto; width: 12.5%; line-height: 1.6; padding-bottom: 0.1%; background-color: #327fe8; color: #fff; border-radius: 10px;}
.topSuspended h3,.topSuspended h4{margin: 0; padding: 0;}
.topSuspended h3{margin-bottom: 1%;}
.topSuspended_scroll{position:fixed;width:100%;margin:0;left:0;top:0; text-align:center}
.topSuspended:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
/* Suspended end */ 

/* mainLayout begin */
.mainLayout{max-width:1920px; width:100%; margin:0 auto; /*padding-top: 9%;*/}
.mainMgnTop{margin-top: 3%;}
.titleMgnBtm{margin-bottom: 1%;}
.lineOrange{height:0; border-bottom: .4vw solid #ff7f00; -khtml-border-bottom: .4vw solid #ff7f00;}
.lineBlue{height:0; border-bottom: .4vw solid #327fe8; -khtml-border-bottom: .4vw solid #327fe8;/* margin-top: 7%;*/}
.hidePC,.showipad,.showM,.showTopbr{display:none;}
/* mainLayout end */

/*字体部分*/
.fwb{font-weight: 700;}
.fwn{font-weight: normal;}

.title30{font-size: 30px;}
.titleEN20{font-size: 20px;}
/*@font-face {
    font-family: 'pingfang';
    src: url('../fonts/pingfang/PingFang-Regular.woff') format('woff'),
         url('../fonts/pingfang/PingFang-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pingfang';
    src: url('../fonts/pingfang/PingFang-Bold.woff') format('woff'),
         url('../fonts/pingfang/PingFang-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'pingfang';
    src: url('../fonts/pingfang/PingFang-Light.woff') format('woff'),
         url('../fonts/pingfang/PingFang-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'avenir';
    src: url('../fonts/Avenir/Avenir-Medium.woff') format('woff'),
         url('../fonts/Avenir/Avenir-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avenir';
    src: url('../fonts/Avenir/Avenir-Bold.woff') format('woff'),
    url('../fonts/Avenir/Avenir-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
.avenir{font-family: 'avenir', Arial, sans-serif;}
.sans{font-family: 'open sans', Arial, sans-serif;}
.pin{font-family: 'pingfang', Microsoft Yahei, sans-serif;}
.mic{font-family: Microsoft Yahei, sans-serif;}*/
/*字体部分结束*/

@media (max-width:1800px){
	.title30{font-size: 28px;}
	.titleEN20{font-size: 18px;}
}

@media (max-width:1700px){
    .title30{font-size: 26px;}
	.titleEN20{font-size: 17px;}
}

@media (max-width:1600px) {    
	.title30{font-size: 25px;}
	.titleEN20{font-size: 16px;}
}

@media (max-width:1500px) {    
	.title30{font-size: 23px;}
	.titleEN20{font-size: 15px;}
}

@media (max-width:1400px) {    
	.title30{font-size: 22px;}
	.titleEN20{font-size: 13px;}
}

@media (max-width:1300px) {
	#back-to-top {height:50px; width:50px;} 
	.title30{font-size: 1.55vw;}	
}

@media (max-width:1200px) {
	#back-to-top {position: fixed; bottom: -20%}
	.signupBox{padding-top: 2.2%; padding-bottom: 2.2%;}
	#mc_embed_signup{padding-left: 12.2%;}
	#mc_embed_signup label.title30{font-size: 2vw}
	
}
@media (max-width:1200px) {
	.showTopbr{display: block;}
	
}

@media (max-width:1100px) {    
	
}

@media  (min-width:1201px){	
    .mainMgn320{margin: 0 auto;width: 66.7%;}
	.mainMgn200{margin: 0 auto;width: 79.2%;}
	.mainMgn100{margin: 0 auto;width: 89.5%;}
}

@media  (max-width:1000px){
    .showPC{display: none;}		
	.topSuspended h3{line-height: 1.3;}
}

@media (min-width:768px) and (max-width:1000px) {    
    /* mainLayout start */	
	.mainLayout{max-width:1000px;}
	.mainMgnTop{margin-top: 3.5%;}
	.titleMgnBtm{margin-bottom: 1.6vw;}
	.lineOrange{height:0; border-bottom: .6vw solid #ff7f00;}
	.lineBlue{height:0; border-bottom: .6vw solid #327fe8;}
	.showipad{display: block;}
	/* mainLayout end*/
	#mc_embed_signup{padding-left: 11.5%;}	
}

@media (max-width:767px) {
	/* mainLayout start */	
	.mainLayout{max-width:767px;}
	.mainMgnTop{margin-top: 5%;}
	.titleMgnBtm{margin-bottom: 3vw;}
	.lineOrange{height:0; border-bottom: .9vw solid #ff7f00;}
	.lineBlue{height:0; border-bottom: .9vw solid #327fe8;}
	/* mainLayout end*/
	
	.signupBox{padding-top: 3.4%; padding-bottom: 5.2%;}
	#mc_embed_signup{padding-left: 8%;}
	#mc_embed_signup label{display: block; text-align: center;}
	#mc_embed_signup label.title30{font-size: 3.6vw;}
	#mc_embed_signup input.email{margin-left: 0; margin-top: 2%; padding-left: 5%; width: 67.3%;}
	#mc_embed_signup .clear input{padding-left: 7%; padding-right: 7%;}
	
	/* fontSize start */
	.mTitle162{font-size: 21.12vw;}
	.mTitle78{font-size: 10.17vw;}
	.mTitle68{font-size: 8.87vw;}
	.mTitle60{font-size: 7.8vw;}
	.mTitle50{font-size: 6.52vw;}
	.mTitle46{font-size: 6vw;}
	.mTitle44{font-size: 5.74vw;}
	.mTitle42{font-size: 5.48vw;}
	.mTitle38{font-size: 4.95vw;}
	.mTitle36{font-size: 4.69vw;}
	.mTitle32{font-size: 4.17vw;}
	.mTitle30{font-size: 3.91vw;}
	.mTitle28{font-size: 3.65vw;}
	.mTitle26{font-size: 3.39vw;}
	.mTitle24{font-size: 3.13vw;}
	.mTitle22{font-size: 2.87vw;}
	.mTitle20{font-size: 2.61vw;}
	.mTitle18{font-size: 2.35vw;}
	.mTitle16{font-size: 2.01vw;}	
	.mText28{font-size: 3.65vw;}
	.mText26{font-size: 3.39vw;}
	.mText24{font-size: 3.13vw;}
	.mText22{font-size: 2.87vw;}
	.mText20{font-size: 2.61vw;}
	.mText18{font-size: 2.35vw;}
	.mText16{font-size: 2.09vw;}
	.mText14{font-size: 1.83vw;}
	.mText12{font-size: 1.57vw;}	
	/* fontSize end */   
	
}

@media (max-width:511px){
	
}