* {
    font-size: 0;
    margin: 0;
    padidng: 0;
    text-decoration: none;
    list-style: none;
    font-family: Arial,'Times New Roman','Microsoft YaHei',SimHei; 
    box-sizing: border-box;
    color: #333333;
}
section{
    position: relative;
}


.guidepage{
	width:100%;height:100%;
    background-size:100% 100%;
	position:absolute;
	top:0;left:0;
	z-index:9999;
}
.guidepage .count>div{
    display: inline-block;
    position: relative;
    right: -6rem;
    top: 0.36rem;
}
.guidepage .count span{
    font-size: 0.25rem;
    color: #ffffff;
    position: absolute;
    left: 13px;
    top: 16px;
}
.guide-mask{width:100%;height:100%;max-height:100%; position:fixed; top:0; left:0; z-index:9998; background: #000; opacity: 0.8; -moz-opacity:0.8; filter: alpha(opacity=80);}
.guide-step {position:fixed;top:0; left:0;width:100%; height:100%;z-index:9999; }
.guide-step div.guide-1{ top:0; left:0;z-index:9999; width:100%; height:100%;background:url('wap_guide01.png') no-repeat;}
.guide-step div.guide-2{vertical-align: middle;width:100%; height:100%;position:fixed;top:100px;; left:0; z-index:9999;background:url('wap_guide02.png') center no-repeat;}


body>div{
	-moz-transition:ease-out 0.3s;
    -o-transition:ease-out 0.3s;
    -webkit-transition:ease-out 0.3s;
     transition:linear 0.3s;
}
/*aside开始*/
aside {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 101;
	background: rgba(0, 0, 0, 0);
	left: 0;
	top: 0;
}

aside>div {
	width: 4.7rem;
	background: rgba(255, 255, 255, 1);
	height: 100%;
	position: fixed;
	z-index: 102;
	left: -4.7rem;
	-moz-transition:ease-out 0.5s;
    -o-transition:ease-out 0.3s;
    -webkit-transition:linear 0.3s;
     transition:linear 0.3s;
}

aside ul {
	padding-left: 0;
}
aside li {
	width: 100%;
	height: 1.15rem;
}

aside li:first-child {
	height: 1.08rem;
	background: url("aside_left_english.png") no-repeat;
	background-size: cover;
	background-color: #2e7edd;
}


aside img.aside_left {
	width: 0.44rem;
	margin-left: 0.24rem;
	margin-top: 0.38rem;
}

aside ul li p {
	font-size: 0.34rem;
	text-indent: .4rem;
	line-height: 1.15rem;
}

aside .iconfont {
    font-family:"iconfont" !important;
    font-size:18px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #999999;
	width: 18px;
    height: 18px;
    margin-right: 10px;
    float: left;
}
aside li.act {background: rgba(46, 126, 221, 0.1);}
aside li.act p,aside li.act p>* {color: #2e7edd;}
aside li.act p:before {content: '';display: inline-block;width: 0.06rem;height: 1.15rem;background: #2e7edd;float: left;}
aside {	display: none;}
 .icon-index:before { content: "\e601"; }
 .icon-go:before { content: "\e619"; }
 .icon-ca:before { content: "\e60e"; }
 .icon-id:before { content: "\e9b7"; }
 .icon-be:before { content: "\e60e"; }
 .icon-sa:before { content: "\e6ce"; }

aside .language>a {
	display: inline-block;
	color: #ff6600;
	font-size: 0.3rem;
	line-height: 0.54rem;
	padding: 0 0.2rem;
	border-radius: 0.27rem;
	background: #ffecdf;
	margin-right: 0.3rem;
}

aside .language>a.act {
	color: #fff;
	background: #ff6600;
}

aside .language {
	position: absolute;
	bottom: 0;
	margin-left: 0.3rem;
	margin-bottom: 0.2rem;
}
.container>img {width: 3.2rem}
.top_fixed {
	position: absolute;
}
.top_fixed i{
	width: .58rem;height: .58rem; border-radius:50%;  color: #fff;font-size: 0.35rem;  display:inline-block; margin-right: .2rem; padding: .1rem;
}
.top_fixed p{font-size: 0.4rem; font-family:arial;display:inline-block; color: #666}
.mt2 { margin-top: 1.8rem;}
.AssistiveMenu {
    position:absolute;
    z-index:99;
    top:2.14rem;
	margin-left: 6.5rem;
    display:inline-block;
    width:0.8rem;
    height:0.8rem;
	
}
.AssistiveMenu>div {
    display:inline-block;
    vertical-align:top
}
.AssistiveMenu>div:first-child {
    width:0.8rem;
    height:0.8rem;
    border-radius:50%;
    text-align:center
}
.AssistiveMenu>div:first-child i {
    margin-top:0.2rem;
    display:inline-block;
    width:0.43rem;
    height:0.43rem;
    background:url("en_AssistiveMenu_ico.png") no-repeat right;
    background-size:auto 100%
}
.AssistiveMenu .secNavList{
    width:3.76rem;
    background:#f5e9ea;
	padding: 0.3rem;
    border-radius: 0.2rem;
    position:relative;
    left:-3.7rem;
    top:0;
	display: none;
}
.AssistiveMenu .secNavList li {
    padding:0.1rem 0;
	border-bottom: 1px #fff solid; border-bottom-color: rgba(255,255,255,0.5)
}
.AssistiveMenu .secNavList li a:before {
    content:'•';
    display:inline-block;
    vertical-align:top;
    font-size:0.3rem;
    color:#f1545d;
    margin:0 0.14rem 0 0.2rem
}
.AssistiveMenu .secNavList li a {
    display:inline-block;
    width:100%;
    font-size:0.3rem;
    color:#666666;
	padding: 0.15rem 0;
}
.AssistiveMenu .secNavList li:last-child{border-bottom: none;}
.AssistiveMenu .secNavList li a:before {color:#fff;}
.AssistiveMenu .secNavList li a { color:#fff;}

section div>h3 {
    background: #f1545d;
    font-size: 0.3rem;
    line-height: 0.7rem;
    padding-left: 0.24rem;
    padding-right: 0.58rem;
    display: inline-block;
    font-weight: bold;
    border-top-right-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    color: #ffffff;
    margin: 0.2rem 0;
}
section img{width: 100%;}
section div.treeTitle{text-align: center;}
section div.treeTitle b{font-weight: normal; font-size: 0.28rem; color: #4b99e2; line-height: 0.35rem; border-radius: 0.63rem; background: rgba(75,153,226,0.3); display: inline-block; padding: 0.2rem 0.6rem; margin: 0.3rem 0;}
section .treeStruct {padding:0 0.24rem; margin-top:0.1rem;}
section .treeStruct>ul {border-left:1px dashed #e49004}
section .treeStruct>ul>li {margin-top:-0.2rem;margin-left:-0.1rem;display:inline-block; padding-bottom:0.42rem;width: 100%}
section .treeStruct>ul>li:last-child { padding-bottom:0}
section .treeStruct>ul>li>p {font-size:0.28rem;color:#e49004; vertical-align:middle;margin-bottom:0.17rem}
section .treeStruct>ul>li>p:before {content:'';display:inline-block;width:0.16rem; height:0.16rem; border-radius:50%; background:#f09803; box-shadow:0 0 0 4px rgba(240, 152, 3, 0.5); margin-right:0.2rem; vertical-align:middle}
section>div .treeStruct>ul>li>p>span {
    font-size: 0.28rem;
    color: #e49004;
    margin-bottom: 0.17rem;
    display: inline-block;
    width: 90%;
    vertical-align: top;
}
section .treeStruct>ul>li>span { font-size:0.22rem; color:#999999;line-height:0.37rem; margin-left:0.27rem;display:inline-block}
section .treeStruct>ul>li>div { margin-left:0.27rem;background:#f1f1f1;border-radius:0.15rem; padding:0.2rem;}
section .treeStruct>ul>li>div li:before {content:'';display:inline-block;width:0.12rem; height:0.12rem; margin-right:0.2rem; background:#f9ba50; border-radius:50%; vertical-align:top;margin-top:0.15rem}
section .treeStruct>ul>li>div li p {font-size:0.3rem;display:inline-block;width: 93%; }

/* index css */
.index {
	position: relative;
    background:url("en_index_bg.jpg") no-repeat;
    background-size:100% 100%;
    height:100%;
}
.index section {
	position: absolute;
	bottom: 0;
    background:url("en_index_section_bg.png");
    height:5.25rem;
    width:100%;
    background-size:100% 100%
}
.index section>div {
    position:relative;
    width:100%;
    left:0.5rem;
    top:1.6rem
}
.index section>div ul {
    position:fixed
}
.index section>div li {
    position:absolute;
    left:0;
    top:0;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    width:1.49rem;
    height:1.49rem;
    text-align:center;
    background:#5ccc80
}
.index section>div li a {
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    display:inline-block;
    margin-left:-0.3rem;
    margin-top:0.1rem
}
.index section>div li a img {
    width:0.4rem
}
.index section>div li p {
    font-size:0.24rem;
    font-family:Arial;
    color:#ffffff;
    line-height:0.28rem;
    margin-top:0.1rem
}
/* index css end */

.go .mt2{margin-top: 2.2rem;}
.go .top_fixed i{background-color: #5ccc80;}
.go .top_fixed p{color: #5ccc80;}
.go section>img {margin-top: 0.25rem; margin-bottom: 0.2rem;}
.go section h3{ 
	font-size: 0.32rem;
    color: #FFFFFF;
    display: inline-block;
    background: #5ccc80;
    border-top-right-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    line-height: 0.81rem;
    padding: 0 0.57rem 0 0.34rem;
}
.go section p,.go section li{font-size: .3rem; padding: 0.2rem;}
.go section p{line-height: .5rem;}
.go section ul{ margin-left: 0.2rem}
.go section li{font-size: .3rem; list-style: none;}
.go section li::before{content: "•";color:#5ccc80; margin-right:0.2rem;  }

.ca .top_fixed i{background-color: #f1545d;}
.ca .top_fixed p{color: #f1545d;}
.ca .mt2 { margin-top: 1.8rem;}
.ca .AssistiveMenu>div:first-child {background:rgba(241, 84, 93, 0.5);}
.ca .AssistiveMenu .secNavList{ width:4.5rem; background:#f1545d; left:-4.5rem;}
.ca .AssistiveMenu .secNavList li:first-child,.ca .AssistiveMenu .secNavList li.cur{}
.ca section {margin-top: 0.1rem}
.ca section>div{ display: none; width: 100%;}
.ca section *{ font-size: 0.3rem;}
.ca section>div:first-child, .ca section>div.cur{display: block;}
.ca section>div p {line-height: 0.44rem;}
.ca section div>h3 {
    background: #f1545d;
    font-size: 0.3rem;
    line-height: 0.7rem;
    padding-left: 0.24rem;
    padding-right: 0.58rem;
    display: inline-block;
    font-weight: bold;
    border-top-right-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    color: #ffffff;
    margin: 0.2rem 0;
}
.ca section>div .treeStruct>ul>li>p{color:#f1545d}
.ca section>div .treeStruct>ul{border-color: #f1545d}
.ca section>div .treeStruct>ul>li>p:before{background: #f1545d;box-shadow:0 0 0 4px rgba(241,84,93,0.5);}
.ca section>div .treeStruct>ul>li>div li:before{content: '';background: #f1545d;}
.ca section .treeStruct>p{ background: #f1545d;}
.ca .ca-lf li>p:first-child{ text-align: center;}
.ca .ca-lf li p>b {
    font-size: 0.3rem;
    color: #f1545d;
    line-height: 0.63rem;
    border-radius: 0.63rem;
    background: #FFDDDF;
    display: inline-block;
    padding: 0 0.6rem;
    margin-bottom: 0.3rem;
}

.id .top_fixed i{background-color: #4b99e2;}
.id .top_fixed p{color: #4b99e2;}
.id .AssistiveMenu>div:first-child {background:rgba(75,153,226, 0.5);}
.id .AssistiveMenu .secNavList{ width:4rem; background:#4b99e2; left:-4rem;}
.id section.mt2{margin-top: 1.8rem;}
.id section>div{ display: none; width: 100%;}
.id section *{ font-size: 0.3rem;}
.id section>div:first-child, .id section>div.cur{display: block;}
.id section>div p {line-height: 0.44rem;}
.id section div>h3{background: #4b99e2;}
.id section div.treeTitle b{color: #4b99e2; background: rgba(75,153,226,0.3);}
.id section>div .treeStruct>ul>li>p{color:#1a528b}
.id section>div .treeStruct>ul{border-color: #1a528b}
.id section>div .treeStruct>ul>li>p:before{background: #1a528b;box-shadow:0 0 0 4px rgba(26,82,139,0.2);}
.id section>div .treeStruct>ul>li>div li:before{content: '';background: #4b99e2;}
.id section .treeStruct>p{ background: #4b99e2;}
.id section>div .treeStruct>ul>li>p>span {color: #1a528b;}


.be .top_fixed i{background-color: #f9ba50;}
.be .top_fixed p{color: #f9ba50;}
.be .AssistiveMenu>div:first-child {background:rgba(249,186,80,0.5);}
.be .AssistiveMenu .secNavList{ width:4rem; background:#f9ba50; left:-4rem;}
.be section.mt2{margin-top: 1.8rem;}
.be section>div{ display: none; width: 100%;}
.be section *{ font-size: 0.3rem;}
.be section>div:first-child,.be section>div.cur{display: block;}
.be section>div p {line-height: 0.44rem;}
.be section div>h3{background: #f9ba50;}
.be section p.title{font-size: 0.3rem; font-weight: 600;color: #f9ba50;}
.be section p.title::before{content: "•";color:#f9ba50; margin-right:0.2rem; }
.be section div.remark{background-color: #f1f1f1;padding: 0.15rem; border-radius: 0.2rem;}
.be section div.treeTitle b{color: #f9ba50; background: rgba(75,153,226,0.3);}
.be section>div .treeStruct>ul{border-color: #e49004;margin-top: 0.2rem;}
.be section>div .treeStruct>ul>li>p{color:#e49004}
.be section>div .treeStruct>ul>li>p:before{background: #f09803;box-shadow: 0 0 0 4px rgba(240,152,3,0.5);;}
.be section>div .treeStruct>ul>li>div {margin-top: 0.2rem}
.be section>div .treeStruct>ul>li>div li:before{content: '';background: #f9ba50;}
.be section .treeStruct>p{ background: #f9ba50;}
.be section>div .treeStruct>ul>li>p>span {color: #1a528b;}
.be section>div .treeStruct>ul>li>div li {margin-bottom: 0.2rem}
.be section>div .treeStruct>ul>li>div li p {font-size: 0.28rem;}


.sa .top_fixed i{background-color: #ffa175;}
.sa .top_fixed p{color: #ffa175;}
.sa section.mt2{margin-top: 1.8rem;}
.sa section>div{ display: none; width: 100%;}
.sa section *{ font-size: 0.3rem;}
.sa section img{width: auto}
.sa section>div.cur{display: block;}
.sa section>div p {line-height: 0.44rem;}
.sa section div>h3{background: #ffa175;}
.sa section p.title{font-size: 0.3rem; font-weight: 600;color: #ffa175;}
.sa section p.title::safore{content: "•";color:#ffa175; margin-right:0.2rem; }
.sa section div.remark{background-color: #f1f1f1;padding: 0.15rem; border-radius: 0.2rem;}
.sa section div.treeTitle b{color: #ffa175; background: rgba(75,153,226,0.3);}
.sa section>div .treeStruct>ul>li>p{color:#1a528b}
.sa section>div .treeStruct>ul{border-color: #1a528b}
.sa section>div .treeStruct>ul>li>p:safore{background: #1a528b;box-shadow:0 0 0 4px rgba(26,82,139,0.2);}
.sa section>div .treeStruct>ul>li>div li:safore{content: '';background: #ffa175;}
.sa section .treeStruct>p{ background: #ffa175;}
.sa section>div .treeStruct>ul>li>p>span {color: #1a528b;}
.sa section>div{display: block;}
.sa section div.item {padding: 0 0.24rem}
.sa section div.item li {
	margin-top: 0.5rem;
	border-radius: 0.14rem;
	border: 2px solid #ffe6da;
	border-top: none;
	padding-bottom: 0.39rem
}

.sa section div.item li p:first-child {
	line-height: 0.4rem;
	font-size: 0.28rem;
	border-top-left-radius: 0.14rem;
	border-top-right-radius: 0.14rem;
	padding: 0.1rem 0;
	padding-left: 0.23rem;
	background: #ffe6da;
	margin-bottom: 0.28rem;
}

.sa section div.item li p span {
	font-size: 0.28rem;
	color: #ff7737;
	vertical-align: top;
	display: inline-block;
	width: 86%;
	line-height: 0.45rem
}

.sa section div.item li p span b {
	font-size: 0.28rem !important;
	font-weight: normal
}

.sa section div.item li p img {
	width: 0.25rem;
	margin: 0 0.23rem;
	margin-top: 0.1rem;
	vertical-align: top
}



.AssistiveTouch{
	width: 1.2rem;
    height: 1.2rem;
    /*background-image: url(AssistiveTouch.png);*/
    background-size: cover;
	background-color: #000;
	opacity:0.1;
    text-align: center;
    position: fixed;
    top: 80%;
	left:82%;
    font-size: 0.3rem;
	border-radius:0.3rem;
	z-index: 9997;
	display: none;
}