/* Version:1.0  Author: Amy, Carson 
  Create Date:2017-07-27 
  Update Date:2017-11-11 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: Microsoft Yahei, sans-serif; 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;}
.w100{width:100%;}
/* 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;} 
a.linkblue, a.linkblue:hover, a.linkblue:focus{color: #327fe8;} 
a.linkblue:hover, a.linkblue:focus{text-decoration: underline;}

/* Colour */  
.org{color:#ff7f00;}
.orgx{color:#ffffff;-webkit-transition: all ease .5s;}
.la{-webkit-transition: all ease .5s;}
.la:hover{color:#ff7f00;text-decoration:underline}
.orgx:hover{color:#ff7f00;text-decoration:underline}
.black {color: #222;}
.black2 {color: #555;}
.gray{color: #888;}
/*Initialization settings 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{display:none;}
/* mainLayout end */

/* bannerAll begin */
.bannerAll{max-width: 1920px; height: 24vw; text-align: left; padding-top: 8%; padding-left: 10.42%;  color: #fff;}
.bannerAll span{display: block;}
.bannerTitle{margin-bottom: 1.5%;}
/* bannerAll end */

/* from css begin */
.formCon{text-align: center;}
.fromBox{width: 100%;border-bottom: 1px #e8e8e8 solid;}
.fromBox td{border-right: #d8d8d8 1px solid;}
.fromBox td:last-child{border-right: none;}
.fromBox .fromBtn{border-top: 1px #e8e8e8 solid; border-bottom: 1px #e8e8e8 solid; /*border-right: none;*/}
.fromBox .fromBtn p{margin: 5% 24% 5.3% 24%; padding: 2% 3%;background: #327fe8;border-radius: 10px;}
.fromBox p{margin-bottom: 0;padding: 3.5% 5%;line-height: 1.5;}
.fromBox p.crossBar{padding: 1.5%;}
.fromBox span{display: block;}
.fromTitle{margin-bottom: 2%;}
.fromHeader{background: #535353; color: #fff;}
.list4_1{width: 22%;}
.list4_2,.list4_3,.list4_4{width: 26%;}
.fromBox3 p{padding: 2.5% 5%;}
.list3_2{width: 50%;}
.list3_1,.list3_3{width: 25%;}
.bgWhite{background: #fff;}
.bgGray{background: #ececec;}

/* from css end */

/* price css begin */
.priceBox{margin-top: 3%; padding-bottom: 2%;}
.priceBox1{margin-left: 37%;padding-bottom: 0%;}
.priceBox2{margin-left: 26%;}
.priceBox p{float: left; line-height: .8; margin-bottom:0;}
.priceBox p.subScript{margin-left: -22.5%; margin-top: 17%;}
.priceBox p.priceSmall{text-align: left;}
.priceSmall span{display: block;}
.priceSmall .smallNom{margin-bottom: 15%;}
.priceSmall .smallSub{margin-left: 5.8%;font-family: Microsoft Yahei, sans-serif;}
/* price css end */

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

@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;}
/*字体部分结束*/

/* fontSize start */
.title220{font-size: 220px;}
.title140{font-size: 140px;}
.title110{font-size: 110px;}
.title90{font-size: 90px;}
.title70{font-size: 70px;}
.title60{font-size: 60px;}
.title50{font-size: 50px;}
.title42{font-size: 42px;}
.title36{font-size: 36px;}
.title30{font-size: 30px;}
.title24{font-size: 24px;}
.title20{font-size: 20px;}
.title18{font-size: 18px;}
.title16{font-size: 16px;}
/*English Edition*/
.title34{font-size: 34px;}
.title28{font-size: 28px;}
.title22{font-size: 22px;}

.text18{font-size: 18px;}
.text16{font-size: 16px;}
.text14{font-size: 14px;}
.text12{font-size: 12px;}
/* fontSize end */

.btmNotes{padding: 5% 5%; background: #f0f0f0;}
.notesList{margin-left: .9%;}
.notesList li{list-style-type: decimal; line-height: 1.5}
.copyRight{text-align: center; margin-top: 5%;}

@media (max-width:1700px){
    .headerMirrorSearchPart{padding-top:2%;}
	.notesList{margin-left: 1%;}
}

@media (max-width:1600px) {
	/* fontSize start */
	.title220{font-size: 183px;}
    .title140{font-size: 117px;}
    .title110{font-size: 92px;}
    .title90{font-size: 75px;}
	.title70{font-size: 58px;}
	.title60{font-size: 50px;}
	.title50{font-size: 42px;}
	.title42{font-size: 35px;}
	.title36{font-size: 30px;}
	.title30{font-size: 25px;}
	.title24{font-size: 20px;}
	.title20{font-size: 17px;}
	.title18{font-size: 15px;}
    .title16{font-size: 14px;}
	/*English Edition*/
	.title34{font-size: 28px;}
    .title28{font-size: 23px;}
    .title22{font-size: 18px;}
	
	.text18{font-size: 15px;}
    .text16{font-size: 14px;}
	.text14{font-size: 13px;}
	.text12{font-size: 12px;}
	/* fontSize end */    
    
    .hotText{font-size:14px;}
    .headerMirrorSearchText{font-size:20px;}	
}

@media (max-width:1400px){
	/* fontSize start */	
	.title220{font-size: 160px;}
    .title140{font-size: 102px;}
    .title110{font-size: 80px;}
    .title90{font-size: 66px;}
	.title70{font-size: 51px;}
	.title60{font-size: 44px;}
	.title50{font-size: 36px;}
	.title42{font-size: 31px;} 
	.title36{font-size: 26px;}
	.title30{font-size: 22px;}
	.title24{font-size: 18px;}
	.title20{font-size: 16px;}
    .title18{font-size: 14px;}
    .title16{font-size: 13px;}
	/*English Edition*/
	.title34{font-size: 25px;}
    .title28{font-size: 20px;}
    .title22{font-size: 17px;}
	
	.text18{font-size: 14px;}
    .text16{font-size: 13px;}
	.text14{font-size: 12px;}
	.text12{font-size: 11px;}	
	/* fontSize end */
	
    .headerMirrorSearchPart{padding-top: 1.5%;}
    .revisedHeader {padding-top: 0.9%;}    
}

@media (max-width:1300px){
    /* fontSize start */
	.title220{font-size: 11.5vw;}
    .title140{font-size:7.3vw;}
    .title110{font-size: 5.8vw;}
    .title90{font-size: 4.7vw;}
    .title140{font-size: 7.3vw;}
    .title70{font-size: 3.6vw;}
    .title60{font-size: 3.2vw;}
    .title50{font-size: 2.62vw;}
    .title42{font-size: 2.15vw;}
    .title36{font-size: 1.85vw;}
    .title30{font-size: 1.5vw;}
    .title24{font-size: 1.23vw;}
    .title20{font-size: 1.1vw;}
    .title18{font-size: 1vw;}
    .title16{font-size: .9vw;}
	/*English Edition*/
    .title34{font-size: 1.77vw;}
    .title28{font-size: 1.46vw;}
    .title22{font-size: 1.15vw;}

    .text18{font-size: 1vw;}
    .text16{font-size: .9vw;}
    .text14{font-size: .85vw;}
	.text12{font-size: .8vw;}
    /* fontSize end */
	
    .headerBackToTop {height:50px; width:50px;}
    .headerMirrorSearchText {font-size: 1.5vw;}
    .fa-3x {font-size: 2.5em!important;}
    .hotText {font-size: 1vw;}
    .headerMirrorSearch{padding-top:2%;}
	.menu1Block img, .menu2Block img, .menu3Block img, .menu4Block img, .menu5Block img{width: 30%; margin-left: 35%;}
	
	.notesList{margin-left: 1.1%;}
}

/*price position begin*/
@media  (min-width:1801px) and (max-width:1880px){
    .priceBox1{margin-left: 36.3%;}
}
@media  (min-width:1701px) and (max-width:1800px){
    .priceBox1{margin-left: 35.8%;}
}
@media  (min-width:1601px) and (max-width:1700px){
    .priceBox1{margin-left: 34.8%;}
}
@media  (min-width:1501px) and (max-width:1600px){
    .priceBox1{margin-left: 36.7%;}
}
@media  (min-width:1401px) and (max-width:1500px){
    .priceBox1{margin-left: 35.6%;}
}
@media  (min-width:1301px) and (max-width:1400px){
    .priceBox1{margin-left: 36%;}
}
/*price position end*/

@media  (min-width:1001px){
    .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;}	
}

@media (min-width:768px) and (max-width:1000px) {    
    /* mainLayout start */	
	.mainLayout{max-width:1000px; /*padding-top: 14%;*/}
	.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*/
	
	/* bannerAll begin */
    .bannerAll{max-width: 1000px; height: 45vw;  padding-top: 13%; padding-left: 6%;}
	/* bannerAll end */
	
	/* from css begin */
    .fromBox p{padding: 5% 5%;}
    .fromBox p.crossBar{padding: 1.5%;}   
    .fromBox .fromBtn p{margin: 6% 18% 6.3% 18%; padding: 2% 3%;}
    .fromTitle{margin-bottom: 2%;}
    /* from css end */
	
	/* fontSize start */
	.title220{font-size: 20vw;}/* 200px */ /*以767px在1000px分辨率的比例取值，下同*/
    .title140{font-size: 12vw;}/* 120px */
    .title110{font-size: 10vw;}/* 100px */
    .title90{font-size: 8vw;}/* 80px */
	.title70{font-size: 6.0vw;}/* 60px */ 
	.title60{font-size: 5.2vw;}/* 52px */
	.title50{font-size: 4.8vw;}/* 48px */
	.title42{font-size: 3.6vw;}/* 36px */
	.title36{font-size: 3.2vw;}/* 32px */
	.title30{font-size: 2.8vw;}/* 28px */
	.title24{font-size: 2.2vw;}/* 22px */
	.title20{font-size: 1.8vw;}/* 18px */
    .title18{font-size: 1.6vw;}/* 16px */
    .title16{font-size: 1.4vw;}/* 14px */
	/*English Edition*/
	.title34{font-size: 3.0vw;}
    .title28{font-size: 2.6vw;}
    .title22{font-size: 2.0vw;}
	
	.text18{font-size: 1.6vw;}/* 16px */
    .text16{font-size: 1.4vw;}/* 14px */
	.text14{font-size: 1.3vw;}/* 13px */
	.text12{font-size: 1.2vw;}	   
	/* fontSize end */	
	
	.notesList{margin-left: 1.4%;}
    
}

@media (max-width:767px) {    
	/* mainLayout start */	
	.mainLayout{max-width:767px; /*padding-top: 14%;*/}
	.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*/
	
	/* bannerAll begin */
    .bannerAll{max-width: 767px; height: 92vw; text-align: center; padding-top: 9%; padding-left: 5%; padding-right: 5%;}
	/* bannerAll end */
	
	/* from css begin */
    .fromBox p{padding: 6% 8%;}
    .fromBox p.crossBar{padding: 2.5%;}   
    .fromBox .fromBtn p{margin: 10% 10% 10.3% 10%; padding: 2% 3%;}
    .fromTitle{margin-bottom: 3%;}
    /* from css end */
	
    /* price css begin */
    .priceBox{margin-top: 5%;}
	.priceBox1{margin-left: 30.5%;}
	.priceBox2{margin-left: 23.4%;}
	.priceBox3{margin-left: 19%;}
    /* price css end */
	
	/* 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 */
	
    .showM{display:block;}
    .hideM{display:none;}
	.hidePC{display:block;}
    

    .mheadbuttonb:hover{color:white;box-shadow: inset 450px 0 0 #327fe8;}
    .mheadbuttona:hover{color:white;box-shadow: inset 450px 0 0 #327fe8;}

    .btmNotes{padding: 6% 10%;}
	.notesList{margin-left: 1.6%;}
	.copyRight{margin-top: 6.5%;}

}

/*For cellphone horizontal mode*/
@media (max-width:767px) and (min-width:511px){
    .logo img {width: 70%; margin-left: 15%;}
    .toggleM {width: 5%; padding-top: 7%; margin-right: 27.5%;}
    .headerSubM {width: 20%; padding-top: 7%;}
    .revisedHeader {padding-top: 2%;}
    .mobileHeaderBlank {height: 10vw;}
    .mobileHeaderText, .mobileHeaderTextBack, .mobileHeaderText2 {padding-top: 2%; padding-bottom: 2%;}
    .sidenav .closebtn {top: 0; left: 3vw; font-size: 4vw;}
}

@media (max-width:511px){
	/* mainLayout start */
    .mainLayout{/*padding-top: 19%;*//**/}
	/* mainLayout end */
	
	.bannerAll{max-width: 511px; height: 90vw;}
	
}


/* Supplemental public style begin */

/* Sharp text box begin */
.foldBox{margin-top: 1%;}
.foldText{background: #fff; padding: 2.65% 2% 2% 3%; border-radius: 10px; border: #e9e9e9 1px solid;}
.foldText > ul.listNom{margin: 0;padding-left: 2%;}
.bubbleAngle{display: inline-block; width:10px; height:10px; border-width:0 0 1px 1px; border-color:#e9e9e9; border-style:solid; background-color: #fff; transform:rotate(135deg); -webkit-transform:rotate(135deg); margin-left: 4.5%; margin-bottom: -10px;}
/* Sharp text box end */

/* menu styles begin */
.menuCon{margin: 0 auto; width: 54%; padding-top: 1.2%;}
.menuBox{width: 101.1%;}
.menuBox a,.menuBox a:link,.menuBox a:visited{color: #222;}
.menuBtn{float: left; text-align: center; margin-right: 1%; border: 1px solid #327fe8;line-height: 200%;cursor: pointer; box-shadow: inset 0 0 0 0 #327fe8; -webkit-transition: all ease .9s;  -moz-transition: all ease .9s;}
.menuBtn:hover,.selected,.menuBtn:visited{color:white;box-shadow: inset 450px 0 0 #327fe8;}
.menuBox2 .menuBtn{ width: 48.96%;}
.menuBox3 .menuBtn{ width: 32.3%;}
.menuBox4 .menuBtn{ width: 23.97%;}
/* menu styles begin */
 
/* Indicator arrow begin */ 
.btnImgN,.btnImgPer30{cursor: pointer;} 
.btnImgN img,.btnImgPer30 img{display: inline-block;} 
.btnImgN img{margin-left: .8%; width: 1.1%; margin-bottom: .3%;} 
.btnImgPer30 img{margin-left: 2.5%; width: 4.16%; margin-bottom: 1.3%;} 
/* Indicator arrow end */
  
@media  (min-width:768px) and (max-width:1000px){    
    /* Sharp text box begin */
	.foldBox{margin-top: .5%;}
	.foldText{padding: 3.2% 2.2% 2.2% 3.6%;}	
	/* Sharp text box end */
	
	/* menu styles begin */
	.menuCon{width: 100%; margin-top: .8%;}
	.menuBox p{margin-bottom: 0;}
	/* menu styles end */
	
    /* Indicator arrow begin */ 
   .btnImgN img{margin-left: 1.2%; width: 1.4%; margin-bottom: .4%;} 
   .btnImgPer30 img{margin-left: 3%; width: 5.4%; margin-bottom: 1.6%;} 
   /* Indicator arrow end */ 
}
 
@media  (max-width:767px){   
    /* Sharp Text Box */	
	.foldBox{margin-top: .8%;}
	.foldText{padding:5% 4% 2.2% 5%; border-radius: 8px;}	
	.foldText > ul.listNom{margin: 0;padding-left: 5%;}
	.bubbleAngle{margin-bottom: -10px; margin-left: 8.5%;}
     
    /* Menu Styles */
	.menuCon{width: 100%; margin-top: 2%;}	
	.menuBox p{margin-bottom: 0;}
	
    /* Indicator Arrow */ 
   .btnImgN img{margin-left: 1.8%; width: 3%; margin-bottom: 1%;} 
   .btnImgPer30 img{margin-left: 5%; width: 6.5%; margin-bottom: 1.6%;} 

 
}

/* Supplemental public style end */