* {
    margin: 0;
    padding: 0;
	letter-spacing:2px;
}

html,body {
    font: 16px/1.8 "Microsoft Yahei",;
	width:100%;
	max-width:640px;
	margin:0 auto;
	overflow:hidden;
	letter-spacing:2px;
}
.fa{font-weight:500;}
.toop{
	position:relative;
	width:100%;
	height:50px;
	padding-bottom:5px;
	border-bottom:1px solid #dc2821;
	background:#fff;
	
}
.toop01{
	position:relative;
	width:200px;
	float:left;
	margin-left:5%;
	overflow:hidden;
	margin-top:15px;
}


.toop02{
	position:relative;
	float:right;
	margin-right:5%;
	margin-top:8px;
	width:90px;
	height:40px;
	overflow:hidden;
	text-align:center;
}
.toop021{
	position:relative;
	float:left;
	width:40px;
	height:40px;
	overflow:hidden;
	text-align:center;
}
.toop022{
	position:relative;
	float:left;
	margin-left:10px;
	width:40px;
	height:40px;
	overflow:hidden;
	text-align:center;
	color:#333;
    font-size:20px;
    line-height:40px;
	font-weight:lighter;
}
.toop022 span{
	position:absolute;
	width:40px;
	height:40px;
	left:0px;
	top:0px;
	overflow:hidden;
	text-align:center;
	color:#333;
    font-size:20px;
    line-height:40px;
	background:#fff;
	font-weight:bold;
	opacity:0;
	transition: all 0.5s ease-out;
}
.toop022.cura span{
	opacity:1;
	transition: all 0.5s ease-out;
}


.toop021 a{
	color:#333;
    font-size:20px;
    line-height:40px;
    font-weight:lighter;	
}


.top-sub{
	position:fixed;
	overflow:hidden;
	height:45px;
	top:59px;
	right:5%;
	width:90%;
	background:#fff;
	display:none;
	border:1px solid #dc2821;
	}
	
.top-x{
	position:relative;
	float:right;
	font-size:24px;
	line-height:40px;
	height:45px;
	margin-right:10px;
	color:#333;
	}
.top-y{
	position:relative;
	float:left;
	width:85%;
	}
.top-y input{
	border:none;
	width:100%;
	font-size:16px;
	line-height:40px;
	height:45px;
	text-indent:10px;
	}

.ts221{width:40px;height:40px;overflow:hidden;color:#333;text-align:center;font-size:18px;line-height:40px;}
.ts222{position:absolute;width:40px;height:40px;left:0%;top:0%;border:none;opacity:0;}
.ts221 i{height:40px;line-height:40px;}
.ts222 input{width:40px;height:40px;}







.page_001{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:-10;background-size:100%;
 -webkit-animation:kme 40s linear 0s infinite;}
 @-webkit-keyframes kme{
	 0%{-webkit-transform:translate(0,0);background:url(/m/img/smyjm01.jpg) no-repeat  center center / cover;opacity:0;}
	 1%{-webkit-transform:translate(0,0);background:url(/m/img/smyjm01.jpg) no-repeat  center center / cover;opacity:1;}
	 20%{-webkit-transform:translate(0,0);background:url(/m/img/smyjm01.jpg) no-repeat  center center / cover;opacity:1;}
	 21%{-webkit-transform:translate(0,0);background:url(/m/img/smyjm01.jpg) no-repeat  center center / cover;opacity:0;}
	 22%{-webkit-transform:translate(0,0);background:url(/m/img/smyjm01.jpg) no-repeat  center center / cover;opacity:0;}
	 23%{-webkit-transform:translate(0,0);background:url(/m/img/smyjm02.jpg) no-repeat  center center / cover;opacity:1;}
	 40%{-webkit-transform:translate(0,0);background:url(/m/img/smyjm02.jpg) no-repeat  center center / cover;opacity:1;}
	 41%{-webkit-transform:translate(0,0);background:url(/m/img/smyjm02.jpg) no-repeat  center center / cover;opacity:0;}
	 42%{-webkit-transform:translate(0,0);background:url(/m/img/smyjm02.jpg) no-repeat  center center / cover;opacity:0;}
	 43%{-webkit-transform:translate(0,0);background:url(/m/img/sbg1.jpg) no-repeat  center center / cover;opacity:1;}
	 60%{-webkit-transform:translate(0,0);background:url(/m/img/sbg1.jpg) no-repeat  center center / cover;opacity:1;}
	 61%{-webkit-transform:translate(0,0);background:url(/m/img/sbg1.jpg) no-repeat  center center / cover;opacity:0;}
	 62%{-webkit-transform:translate(0,0);background:url(/m/img/sbg2.jpg) no-repeat  center center / cover;opacity:0;}
	 63%{-webkit-transform:translate(0,0);background:url(/m/img/sbg2.jpg) no-repeat  center center / cover;opacity:1;}
	 80%{-webkit-transform:translate(0,0);background:url(/m/img/sbg2.jpg) no-repeat  center center / cover;opacity:1;}
	 81%{-webkit-transform:translate(0,0);background:url(/m/img/sbg2.jpg) no-repeat  center center / cover;opacity:0;}
	 82%{-webkit-transform:translate(0,0);background:url(/m/img/sbg3.jpg) no-repeat  center center / cover;opacity:0;}
	 83%{-webkit-transform:translate(0,0);background:url(/m/img/sbg3.jpg) no-repeat  center center / cover;opacity:1;}
	 99%{-webkit-transform:translate(0,0);background:url(/m/img/sbg3.jpg) no-repeat  center center / cover;opacity:1;}
	 100%{-webkit-transform:translate(0,0);background:url(/m/img/sbg3.jpg) no-repeat  center center / cover;opacity:0;}
	 }

.ggc01{
	position:absolute;
	width:80%;
	left:10%;
	top:15%;
	overflow:hidden;
 -webkit-animation:gg01 40s linear 0s infinite;}
 @-webkit-keyframes gg01{
	  0%{-webkit-transform:translate(0,0);display:none;}
	 1%{-webkit-transform:translate(0,0);display:block;}
	 20%{-webkit-transform:translate(0,0);display:block;}
	 21%{-webkit-transform:translate(0,0);display:none;}
     100%{-webkit-transform:translate(0,0);display:none;}
	 }
.ggc02{
	position:absolute;
	width:80%;
	left:10%;
	top:15%;
	overflow:hidden;
 -webkit-animation:gg02 40s linear 0s infinite;}
 @-webkit-keyframes gg02{
	  0%{-webkit-transform:translate(0,0);display:none;}
	 22%{-webkit-transform:translate(0,0);display:none;}
	 23%{-webkit-transform:translate(0,0);display:block;}
	 40%{-webkit-transform:translate(0,0);display:block;}
	 41%{-webkit-transform:translate(0,0);display:none;}
     100%{-webkit-transform:translate(0,0);display:none;}
	 }
.ggc03{
	position:absolute;
	width:80%;
	left:10%;
	top:15%;
	overflow:hidden;
 -webkit-animation:gg03 40s linear 0s infinite;}
 @-webkit-keyframes gg03{
	  0%{-webkit-transform:translate(0,0);display:none;}
	 42%{-webkit-transform:translate(0,0);display:none;}
	 43%{-webkit-transform:translate(0,0);display:block;}
	 60%{-webkit-transform:translate(0,0);display:block;}
     61%{-webkit-transform:translate(0,0);display:none;}
	 100%{-webkit-transform:translate(0,0);display:none;}
	 }
.ggc04{
	position:absolute;
	width:80%;
	left:10%;
	top:15%;
	overflow:hidden;
 -webkit-animation:gg04 40s linear 0s infinite;}
 @-webkit-keyframes gg04{
	  0%{-webkit-transform:translate(0,0);display:none;}
	 62%{-webkit-transform:translate(0,0);display:none;}
	 63%{-webkit-transform:translate(0,0);display:block;}
	 80%{-webkit-transform:translate(0,0);display:block;}
	 81%{-webkit-transform:translate(0,0);display:none;}
     100%{-webkit-transform:translate(0,0);display:none;}
	 }
.ggc05{
	position:absolute;
	width:80%;
	left:10%;
	top:15%;
	overflow:hidden;
 -webkit-animation:gg05 40s linear 0s infinite;}
 @-webkit-keyframes gg05{
	  0%{-webkit-transform:translate(0,0);display:none;}
	 82%{-webkit-transform:translate(0,0);display:none;}
	 83%{-webkit-transform:translate(0,0);display:block;}
	 99%{-webkit-transform:translate(0,0);display:block;}
     100%{-webkit-transform:translate(0,0);display:none;}
	 } 
.p101{
	position:relative;
	width:100%;
	text-align:left;
	font-size:32px;
	line-height:normal;
	color:#fff;
overflow:hidden;
}
.p102{
	position:relative;
	width:50px;
	height:2px;
	background:#dc2821;
	float:left;
	margin-top:15px;
	overflow:hidden;
	 }
.p103{
	position:relative;
	width:100%;
	text-align:left;
	font-size:15px;
	line-height:25px;

	color:#fff;
	margin-top:25px;
	overflow:hidden;
	}
.p104{
	position:relative;
	width:100%;
	text-align:left;
	font-size:15px;
	line-height:normal;
	color:#fff;
	margin-top:30px;
	overflow:hidden;
	 }
.p104 a{
	font-size:15px;
	line-height:normal;
	color:#fff;
}




.ggc01 .p101{
-webkit-animation:gp101 40s linear 0s infinite;}
 @-webkit-keyframes gp101{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
	 1%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
	 2%{-webkit-transform:translate(0,0);opacity:1;margin-top:0px;}
	 19%{-webkit-transform:translate(0,0);opacity:1;margin-top:0px;}
	 20%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
	 }
.ggc01 .p102{
-webkit-animation:gp102 40s linear 0s infinite;}
 @-webkit-keyframes gp102{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
	 2%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
	 3%{-webkit-transform:translate(0,0);opacity:1;margin-top:15px;}
	 18%{-webkit-transform:translate(0,0);opacity:1;margin-top:15px;}
	 19%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
	 }
.ggc01 .p103{
-webkit-animation:gp103 40s linear 0s infinite;}
 @-webkit-keyframes gp103{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
	 3%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
	 4%{-webkit-transform:translate(0,0);opacity:1;margin-top:25px;}
	 16%{-webkit-transform:translate(0,0);opacity:1;margin-top:25px;}
	 17%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
	 }
/*
.ggc01 .p104{
-webkit-animation:gp104 40s linear 0s infinite;}
 @-webkit-keyframes gp104{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
	 7%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
	 8%{-webkit-transform:translate(0,0);opacity:1;margin-top:30px;}
	 27%{-webkit-transform:translate(0,0);opacity:1;margin-top:30px;}
	 28%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
	 }
*/

.ggc02 .p101{
-webkit-animation:gp201 40s linear 0s infinite;}
 @-webkit-keyframes gp201{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
	 23%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
	 24%{-webkit-transform:translate(0,0);opacity:1;margin-top:0px;}
	 40%{-webkit-transform:translate(0,0);opacity:1;margin-top:0px;}
	 41%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
	 }
.ggc02 .p102{
-webkit-animation:gp202 40s linear 0s infinite;}
 @-webkit-keyframes gp202{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
	 24%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
	 25%{-webkit-transform:translate(0,0);opacity:1;margin-top:15px;}
	 39%{-webkit-transform:translate(0,0);opacity:1;margin-top:15px;}
	 40%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
	 }
.ggc02 .p103{
-webkit-animation:gp203 40s linear 0s infinite;}
 @-webkit-keyframes gp203{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
	 25%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
	 26%{-webkit-transform:translate(0,0);opacity:1;margin-top:25px;}
	 38%{-webkit-transform:translate(0,0);opacity:1;margin-top:25px;}
	 39%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
	 }
/*
.ggc02 .p104{
-webkit-animation:gp204 40s linear 0s infinite;}
 @-webkit-keyframes gp204{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
	 7%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
	 8%{-webkit-transform:translate(0,0);opacity:1;margin-top:30px;}
	 27%{-webkit-transform:translate(0,0);opacity:1;margin-top:30px;}
	 28%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
	 }
*/

.ggc03 .p101{
-webkit-animation:gp301 40s linear 0s infinite;}
 @-webkit-keyframes gp301{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
	 43%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
	 44%{-webkit-transform:translate(0,0);opacity:1;margin-top:0px;}
	 59%{-webkit-transform:translate(0,0);opacity:1;margin-top:0px;}
	 60%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
	 }
.ggc03 .p102{
-webkit-animation:gp302 40s linear 0s infinite;}
 @-webkit-keyframes gp302{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
	 44%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
	 45%{-webkit-transform:translate(0,0);opacity:1;margin-top:15px;}
	 58%{-webkit-transform:translate(0,0);opacity:1;margin-top:15px;}
	 59%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
	 }
.ggc03 .p103{
-webkit-animation:gp303 40s linear 0s infinite;}
 @-webkit-keyframes gp303{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
	 45%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
	 46%{-webkit-transform:translate(0,0);opacity:1;margin-top:25px;}
	 56%{-webkit-transform:translate(0,0);opacity:1;margin-top:25px;}
	 57%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
	 }

.ggc03 .p104{
-webkit-animation:gp304 40s linear 0s infinite;}
 @-webkit-keyframes gp304{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
	 46%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
	 47%{-webkit-transform:translate(0,0);opacity:1;margin-top:30px;}
	 55%{-webkit-transform:translate(0,0);opacity:1;margin-top:30px;}
	 56%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
	 }
/**/

.ggc04 .p101{
-webkit-animation:gp401 40s linear 0s infinite;}
 @-webkit-keyframes gp401{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
	 63%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
	 64%{-webkit-transform:translate(0,0);opacity:1;margin-top:0px;}
	 79%{-webkit-transform:translate(0,0);opacity:1;margin-top:0px;}
	 80%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
	 }
.ggc04 .p102{
-webkit-animation:gp402 40s linear 0s infinite;}
 @-webkit-keyframes gp402{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
	 64%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
	 65%{-webkit-transform:translate(0,0);opacity:1;margin-top:15px;}
	 78%{-webkit-transform:translate(0,0);opacity:1;margin-top:15px;}
	 79%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
	 }
.ggc04 .p103{
-webkit-animation:gp403 40s linear 0s infinite;}
 @-webkit-keyframes gp403{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
	 65%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
	 66%{-webkit-transform:translate(0,0);opacity:1;margin-top:25px;}
	 76%{-webkit-transform:translate(0,0);opacity:1;margin-top:25px;}
	 77%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
	 }

.ggc04 .p104{
-webkit-animation:gp404 40s linear 0s infinite;}
 @-webkit-keyframes gp404{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
	 66%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
	 67%{-webkit-transform:translate(0,0);opacity:1;margin-top:30px;}
	 75%{-webkit-transform:translate(0,0);opacity:1;margin-top:30px;}
	 76%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
	 }
/**/

/**/

.ggc05 .p101{
-webkit-animation:gp501 40s linear 0s infinite;}
 @-webkit-keyframes gp501{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
	 83%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
	 84%{-webkit-transform:translate(0,0);opacity:1;margin-top:0px;}
	 99%{-webkit-transform:translate(0,0);opacity:1;margin-top:0px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:40px;}
	 }
.ggc05 .p102{
-webkit-animation:gp502 40s linear 0s infinite;}
 @-webkit-keyframes gp502{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
	 84%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
	 85%{-webkit-transform:translate(0,0);opacity:1;margin-top:15px;}
	 98%{-webkit-transform:translate(0,0);opacity:1;margin-top:15px;}
	 99%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:55px;}
	 }
.ggc05 .p103{
-webkit-animation:gp503 40s linear 0s infinite;}
 @-webkit-keyframes gp503{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
	 85%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
	 86%{-webkit-transform:translate(0,0);opacity:1;margin-top:25px;}
	 96%{-webkit-transform:translate(0,0);opacity:1;margin-top:25px;}
	 97%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:65px;}
	 }

.ggc05 .p104{
-webkit-animation:gp504 40s linear 0s infinite;}
 @-webkit-keyframes gp504{
	 0%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
	 86%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
	 87%{-webkit-transform:translate(0,0);opacity:1;margin-top:30px;}
	 95%{-webkit-transform:translate(0,0);opacity:1;margin-top:30px;}
	 96%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
     100%{-webkit-transform:translate(0,0);opacity:0;margin-top:70px;}
	 }
/**/







.page_02_01{    
    position:relative;
    width: 50%;
    margin:0 auto;
	overflow:hidden;
    margin-top:0;
	opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    transition: all 0.5s;
    transition-delay: 0s;
}


.page_02_02{
	position:relative;width:100%;overflow:hidden;
	opacity: 0;
    transition: all 0.5s;
	margin-top:60px;
    transition-delay: 0s;
	}
.page_02_02 ul{position:relative;width:80%;max-width:400px;margin:0 auto;overflow:hidden;}
.page_02_02 ul li{position:relative;width:28%;float:left;margin-left:4%;}
.page_02_02 ul li h2{position:relative;width:80%;margin:0 auto;}
.page_02_02 ul li h2 img{width:100%;display:block;border-radius:50%;border:1px solid #d1d1d1;}
.page_02_02 ul li p{width:100%;text-align:center;margin-top:10px;font-size:14px;line-height:normal;}


.page_03_01{
	position:relative;width:100%;overflow:hidden;
	margin-top:0px;
}
.carl7{position:relative;width:100%;margin:0 auto;overflow:hidden;
opacity: 0;
 -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    transition: all 0.5s;
    transition-delay: 0s;
}
.active .carl7{
	opacity: 1;
 -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay:1s;
}
.cha666{position:relative;width:85%;margin:0 auto;overflow:hidden;}
.cha666 ul li{position:relative;width:41%;float:left;margin-left:6%;overflow:hidden;margin-top:10px;}

.cha666 ul li h2 img{width:100%;display:block;}
.cha666 ul li p{position:absolute;width:100%;bottom:0px;left:0px;overflow:hidden;text-align:center;font-size:13px;line-height:30px;height:30px;background:#fff;opacity:0.7;}

.btt {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #333;
    font-size:24px;
    line-height: normal;
	font-weight:500;
}
.xt01 {
    position: relative;
    width: 60px;
    overflow: hidden;
    height: 2px;
    margin: 0 auto;
        margin-top: 0px;
    background: #dc2821;
    margin-top: 10px;
}
.page_04_01{    
    position:relative;
    width: 50%;
    margin:0 auto;
    margin-top:10px;
	overflow:hidden;
	opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    transition: all 0.5s;
    transition-delay: 0s;
}
.active .page_04_01{
	opacity: 1;
 -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay:0.5s;
}
.page_04_01 h2{
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #fff;
    font-size:24px;
    line-height: normal;
	font-weight:500;
}
.page_04_01 p{
    position: relative;
    width: 60px;
    overflow: hidden;
    height: 2px;
    margin: 0 auto;
        margin-top: 0px;
    background: #dc2821;
    margin-top:8px;
}
.page_04_02{    
    position:relative;
    width:93.75%;
    margin:0 auto;
	overflow:hidden;
	opacity: 0;
    transition: all 0.5s;
	margin-top:60px;
    transition-delay: 0s;
}
.active .page_04_02{
	opacity: 1;
 margin-top:20px;
    transition-delay:1s;
}
.xw01{    
    position:relative;
    width:200px;
    margin:0 auto;
	overflow:hidden;
   border:1px solid #d1d1d1;	
}
.xw01 img{    

    width:100%;
	height:auto;
    display:block;	
}
.xw02{    
    position:relative;
    width:75%;
    margin:0 auto;
	overflow:hidden;
    font-size:16px;
   line-height:normal;
   margin-top:20px;
   font-weight:bold;
   color:#fff;   
}
.xw03{    
    position:relative;
    width:75%;
    margin:0 auto;
	overflow:hidden;
    font-size:13px;
   line-height:normal;
   margin-top:10px;
   color:#f1f1f1;
}

.xw04{    
    position:relative;
    width:75%;
    margin:0 auto;
	overflow:hidden;
    font-size:14px;
   line-height:22px;
   height:110px;
   margin-top:10px;
   color:#fff;
}

.page_04_03{    
    position:relative;
    width:120px;
    margin:0 auto;
	overflow:hidden;
	opacity: 0;
    transition: all 0.5s;
	margin-top:40px;
    transition-delay: 0s;
}
.active .page_04_03{
	opacity: 1;
 margin-top:20px;
    transition-delay:1.5s;
}
.page_04_03 p{    
    position:relative;
	height:32px;
    overflow:hidden;
  float:left;
   color:#fff;
   font-size:16px;
  line-height:32px;
 
text-align:center; 
}
.page_04_03 p.p2{    
   color:#fff;
   font-size:24px;
  line-height:32px;
  font-weight:400;
}
.carl11{position:relative;width:100%;margin:0 auto;overflow:hidden;}



.page501{    
    position:relative;
    width:80%;
    left:10%;
	overflow:hidden;
	margin-top:0;
	opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    transition: all 0.5s;
    transition-delay: 0s;
}
.active .page501{
	opacity: 1;
 -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay:0.5s;
}
.page501 h2{
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align:left;
    color: #333;
    font-size:24px;
    line-height: normal;
	font-weight:500;
}
.page501 p{
    position: relative;
    width: 60px;
    overflow: hidden;
    height: 2px;
    background: #dc2821;
    margin-top:10px;
}
.page502{    
    position:relative;
    width:80%;
    margin:0 auto;
	overflow:hidden;
	margin-top:50px;
	font-size:15px;
	line-height:26px;
	color:#5a5a5a;
	opacity: 0;
    transition: all 0.5s;
    transition-delay: 0s;
}
.active .page502{
	opacity: 1;
    margin-top:10px;
    transition-delay:1s;
}

.page503{    
    position:relative;
    width:80%;
    margin:0 auto;
	overflow:hidden;
	margin-top:50px;
	opacity: 0;
    transition: all 0.5s;
    transition-delay: 0s;
}
.active .page503{
	opacity: 1;
    margin-top:10px;
    transition-delay:1.5s;
}

.page5031{
	 position:relative;
    width:100%;
    margin:0 auto;
	overflow:hidden;
}
.page5031 img,.page5032 img{
	
    width:100%;
    display:block;
}
.page5032{
	 position:relative;
    width:100%;
    margin:0 auto;
	overflow:hidden;
	margin-top:10px;
}
.page50321{
	 position:relative;
    width:60%;
    float:left;
	overflow:hidden;
}
.page50322{
	 position:relative;
    width:38%;
    float:right;
	overflow:hidden;
}
.page5033{
	 position:absolute;
    width:38%;
    right:0px;
	bottom:0px;
	overflow:hidden;
	font-size:16px;
	height:35px;
	line-height:35px;
	background:#fff;
	color:#6b6b6b;
	text-align:center;
}





.page_02_03{
	position:relative;width:100%;overflow:hidden;margin-top:60px;
	opacity: 0;
    transition: all 0.5s;
	
    transition-delay: 0s;
	}
.active .page_02_03{
	opacity: 1;
	margin-top:20px;
    transition-delay:1s;
}

.carl {
    position:relative;
    width: 90%;
	margin:0 auto;
    overflow: hidden;  
}
.txz {
	position: relative;
	width: 80%;
	overflow: hidden;
	margin: 0 auto;
}

.txz h2{
	margin:0 auto;
	width:98%;
	border:1px solid #d1d1d1;
}
.txz h2 img{
	width:100%;
	display:block;
}
.txz p{
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:normal;
	margin-top:5px;
}
	

.xqzx{
	position:relative;
	width:100%;
	max-width:400px;
	margin:0 auto;
	overflow:hidden;
	margin-top:10px;
}
.xqzx01{
	position:relative;
	width:50%;
	float:left;
	overflow:hidden;
}
.xqzx01 a p{
	position:relative;
	width:100px;
	margin:0 auto;
	overflow:hidden;
	font-size:15px;
	line-height:30px;
	height:30px;
	background:#333;
	color:#fff;
	text-align:center;
}
.xqzx02{
	position:relative;
	width:50%;
	float:left;
	overflow:hidden;
}
.xqzx02 a p{
	position:relative;
	width:100px;
	margin:0 auto;
	overflow:hidden;
	font-size:15px;
	line-height:30px;
	height:30px;
	background:#dc2821;
	color:#fff;
	text-align:center;
}





















/* 头部导航 */
.inner {
    position: relative;
    width: 1100px;
    margin: 0 auto;
}

.ewsd-hd {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 64px;
    background-color: #393D49;
}

.ewsd-hd h1 {
    float: left;
    width: 172px;
    height: 50px;
    margin-top: 7px;
}

.ewsd-hd h1 a {
    display: block;
    width: 172px;
    height: 50px;
    text-indent: -9999px;
    background-image: url(../images/logo.png);
}

.ewsd-hd .nav {
    float: right;
    list-style-type: none;
}

.ewsd-hd .nav li {
    float: left;
    margin-left: 5px;
}

.ewsd-hd .nav a {
    float: left;
    padding: 0 10px;
    line-height: 64px;
    color: #fff;
    text-decoration: none;
}

/*.ewsd-hd .nav a:hover {
height: 60px;
border-bottom: 4px solid #4cb803;
}*/

.nav-active {
    height: 60px;
    border-bottom: 4px solid #4cb803;
}

#ewsd {
    margin-top:0px;
}

/* 右侧导航 */

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #758b9f;
}

#fullPage-nav {
    _display: none;
    font-size: 12px;
}

#fullPage-nav li {
    width: 90px;
    height: 21px;
    margin: 10px 0 0;
    vertical-align: middle;
}

#fullPage-nav li a {
    float: right;
    width: 21px;
    height: 21px;
    color: #8F9DA4;
    text-decoration: none;
    text-align: right;
    background: url(../images/dot.png) 5px 5px no-repeat;
}

#fullPage-nav li .active {
    background-position: 0 bottom;
}

#fullPage-nav span {
    display: none;
}

.fullPage-tooltip {
    float: left;
    top: 0;
    margin-right: 5px;
    font: 12px "Microsoft Yahei";
    color: #8F9DA4;
    line-height: 21px;
}

.section {
    position: relative;
    overflow: hidden;
	width:100%;
}

.section .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.section .bg img {
    display: block;
    width: 100%;
    height: 100%;
}

.bg11 {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 850px;
    background: url(../images/bg11.png) 50% 0 no-repeat;
    transition: all 1s;
}

.bg12 {
    position: absolute;
    bottom: -392px;
    width: 100%;
    height: 392px;
    background: url(../images/bg12.png) 50% 0 no-repeat;
    opacity: 0;
    transition: all 1.7s;
    bottom: 90px \0;
}

.bg13 {
    position: absolute;
    bottom: -377px;
    width: 100%;
    height: 377px;
    background: url(../images/bg13.png) 50% 0 no-repeat;
    transition: all 1s;
}

.hgroup {
    position: absolute;
    width: 554px;
    height: 176px;
    left: 50%;
    top: 25%;
    margin: 0 0 0 -277px;
    text-indent: -9999px;
    background-image: url(../images/slogan.png);
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    transition: all 1s;
}

.p11 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 600px;
    margin: 0 0 0 -280px;
    font-size: 14px;
    color: #94a7c6;
    opacity: 0;
    transition: all 0.5s;
}

.mail {
    position: absolute;
    left: 50%;
    top: -26px;
    width: 375px;
    height: 26px;
    margin-left: -187px;
    background-image: url(../images/logo.png);
    transition: all 1s;
}

.mail {
    float: left;
    height: 26px;
    text-indent: -9999px;
}

.mail-163 {
    float: left;
    width: 107px;
}

.mail-126 {
    float: left;
    width: 108px;
    margin-left: 23px;
}

.mail-yeah {
    float: right;
    width: 115px;
}

.bg21 {
    position: absolute;
    left: 50%;
    bottom: 15%;
    width: 819px;
    height: 250px;
    margin-left: -608px;
    margin-bottom: 40px;
    background: url(../images/bg21.png) 0 0 no-repeat;
    transition: all 1s;
    opacity: 0;
    margin-left: -1108px;
}

.bg22 {
    position: absolute;
    left: 50%;
    bottom: 15%;
    width: 819px;
    height: 299px;
    margin-left: -280px;
    margin-bottom: 70px;
    background: url(../images/bg22.png) right 0 no-repeat;
    transition: all 1s;
    opacity: 0;
    margin-left: 320px;
}

.bg23 {
    position: absolute;
    left: 50%;
    bottom: 15%;
    width: 819px;
    height: 325px;
    margin-left: -409px;
    background: url(../images/bg23.png) 50% 0 no-repeat;
    transition: all 1s;
    bottom: -40%;
}

.section strong {
    position: absolute;
    left: 50%;
    top: 15%;
    z-index: 10;
    width: 512px;
    height: 45px;
    margin-left: -256px;
    font-size: 24px;
    font-weight: 500;
    color: #748A9E;
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    transition: all 1s;
}

.section h3 {
    position: absolute;
    left: 50%;
    top: 15%;
    z-index: 10;
    width: 512px;
    height: 45px;
    margin-left: -256px;
    margin-top: 60px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    transition: all 1s;
}

.p1 {
    position: absolute;
    left: 50%;
    top: 15%;
    width: 510px;
    margin-left: -255px;
    margin-top: 130px;
    font-size: 16px;
    color: #727F8C;
    opacity: 0;
    transition: all 1s;
}

.section2 h3 {
    background-image: url(../images/t2.png);
}

.section3 h3 {
    background-image: url(../images/t3.png);
}

.section4 h3 {
    background-image: url(../images/t4.png);
}

.section5 h3 {
    background-image: url(../images/t5.png);
}

.section6 strong {
    width: 561px;
}

.section6 h3 {
    width: 561px;
    background-image: url(../images/t6.png);
}

.section7 strong {
    width: 561px;
}

.section7 h3 {
    width: 561px;
    background-image: url(../images/t7.png);
}

.section8 strong {
    width: 561px;
}

.section8 h3 {
    width: 561px;
    background-image: url(../images/t8.png);
}

.section9 strong {
    width: 609px;
}

.section9 h3 {
    width: 609px;
    background-image: url(../images/t9.png);
}

.section9 h3 span {
    position: absolute;
    left: -100px;
    top: -48px;
    width: 89px;
    height: 90px;
    background-image: url(../images/yixin.png);
}

.bg31 {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 892px;
    height: 472px;
    margin-left: -396px;
    margin-bottom: 80px;
    background-image: url(../images/bg31.png);
    opacity: 0;
    transition: all 1s;
}

.bg32 {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 892px;
    height: 472px;
    margin-left: -396px;
    background: url(../images/bg32.png) 470px bottom no-repeat;
    opacity: 0;
    transition: all 1s;
}

.bg33 {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 441px;
    height: 380px;
    margin-left: 50%;
    background: url(../images/bg33.png) 0 0 no-repeat;
    opacity: 0;
    transition: all 1s;
}

.p3 {
    position: absolute;
    width: 430px;
    left: 50%;
    top: 15%;
    margin-top: 250px;
    margin-left: -100%;
    font-size: 16px;
    color: #FFFDE1;
    opacity: 0;
    transition: all 1s;
}

.bg41 {
    position: absolute;
    bottom: -372px;
    width: 100%;
    height: 372px;
    background: url(../images/bg41.png) 50% 0 no-repeat;
    transition: all 1s;
}

.bg42 {
    position: absolute;
    bottom: -449px;
    width: 100%;
    height: 449px;
    background: url(../images/bg42.png) 50% 0 no-repeat;
    transition: all 1s;
}

.bg43 {
    position: absolute;
    bottom: -449px;
    width: 100%;
    height: 449px;
    margin-bottom: -130px;
    background: url(../images/bg43.png) 50% 0 no-repeat;
    transition: all 1s;
}

.bg51, .bg52, .bg53, .bg54 {
    position: absolute;
    z-index: 1;
    width: 208px;
    left: 50%;
    bottom: 20%;
    padding-top: 210px;
    color: #fff;
}

.section5 h4 {
    margin-bottom: 12px;
    font-size: 23px;
    font-weight: 500;
}

.section5 p {
    font-size: 14px;
}

.bg51 {
    margin-left: -851px;
    background: url(../images/bg51.png) 50% 0 no-repeat;
    opacity: 0;
    transition: all 1s;
}

.bg52 {
    margin-left: -403px;
    background: url(../images/bg52.png) 50% 0 no-repeat;
    opacity: 0;
    transition: all 1s;
}

.bg53 {
    margin-left: 195px;
    background: url(../images/bg53.png) 50% 0 no-repeat;
    opacity: 0;
    transition: all 1s;
}

.bg54 {
    margin-left: 645px;
    background: url(../images/bg54.png) 50% 0 no-repeat;
    opacity: 0;
    transition: all 1s;
}

.bg61 {
    position: absolute;
    top: -454px;
    width: 100%;
    height: 545px;
    background: url(../images/bg61.png) 50% 0 no-repeat;
    transition: all 1s;
}

.bg62 {
    position: absolute;
    left: 10%;
    bottom: 20%;
    width: 597px;
    height: 284px;
    margin-left: -507px;
    background-image: url(../images/bg62.png);
    transition: all 1s;
}

.txt6 {
    position: absolute;
    left: 90%;
    bottom: 20%;
    width: 447px;
    margin-left: 90px;
    opacity: 0;
    transition: all 1s;
}

.txt6 p {
    margin-bottom: 17px;
    color: #5C7970;
}

.bg71 {
    position: absolute;
    left: 50%;
    bottom: -201px;
    width: 699px;
    height: 201px;
    margin-left: -630px;
    background: url(../images/bg71.png) 50% 0 no-repeat;
    opacity: 0;
    transition: all 1s;
}

.bg72 {
    position: absolute;
    left: 50%;
    bottom: -206px;
    width: 182px;
    height: 206px;
    margin-left: -170px;
    background: url(../images/bg72.png) 50% 0 no-repeat;
    opacity: 0;
    transition: all 1s;
}

.bg73 {
    position: absolute;
    left: 50%;
    bottom: 170px;
    width: 651px;
    height: 231px;
    margin-left: -530px;
    background: url(../images/bg73.png) 50% 0 no-repeat;
}

.bg74 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.bg74 img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 251px;
}

.txt7 {
    position: absolute;
    left: 50%;
    bottom: -150px;
    width: 420px;
    margin-left: 100px;
    opacity: 0;
    transition: all 1s;
}

.txt7 p {
    margin-bottom: 17px;
    color: #EAEFF2;
}

.bg81 {
    position: absolute;
    width: 100%;
    bottom: 100px;
    height: 215px;
    background: url(../images/bg81.png) 50% 0 no-repeat;
}

.bg82 {
    position: absolute;
    left: 50%;
    bottom: 160px;
    width: 164px;
    height: 117px;
    margin-left: -180px;
    background-image: url(../images/bg82.png);
    opacity: 0;
    transition: all 1s;
}

.bg83 {
    position: absolute;
    left: 50%;
    bottom: 280px;
    width: 70px;
    height: 29px;
    margin-left: -330px;
    background-image: url(../images/bg83.png);
    opacity: 0;
    transition: all 1s;
}

.bg84 {
    position: absolute;
    left: 50%;
    bottom: 320px;
    width: 43px;
    height: 26px;
    margin-left: -410px;
    background-image: url(../images/bg84.png);
    opacity: 0;
    transition: all 1s;
}

.p8 {
    position: absolute;
    left: 50%;
    top: 15%;
    width: 565px;
    margin-left: -256px;
    margin-top: 130px;
    font-size: 16px;
    color: #727F8C;
    opacity: 0;
    transition: all 1s;
}

.bg91, .bg92, .bg93 {
    padding-top: 350px;
    font-size: 16px;
    color: #fff;
}

.bg91 {
    position: absolute;
    left: 50%;
    bottom: 15%;
    width: 340px;
    margin-left: -970px;
    opacity: 0;
    transition: all 1s;
}

.bg91 p {
    position: relative;
    left: 20px;
    margin-left: 40px;
    border-right: 1px solid #13AB86;
}

.bg92 {
    position: absolute;
    left: 50%;
    bottom: 15%;
    width: 340px;
    margin-left: -180px;
    opacity: 0;
    transition: all 1s;
}

.bg92 p {
    position: relative;
    left: 40px;
    margin-left: 30px;
}

.bg93 {
    position: absolute;
    left: 50%;
    bottom: 15%;
    width: 340px;
    margin-left: 630px;
    opacity: 0;
    transition: all 1s;
}

.bg93 p {
    position: relative;
    left: -20px;
    padding-left: 80px;
    border-left: 1px solid #13AB86;
}

.bg101 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/bg101.png) 50% 20% no-repeat;
}

.bg102 {
    position: absolute;
    width: 100%;
    top: 25%;
    height: 79px;
    background: url(../images/bg102.png) 50% 0 no-repeat;
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    transition: all 1s;
}

.bg103 {
    position: absolute;
    width: 100%;
    top: 25%;
    height: 37px;
    margin-top: 110px;
    background: url(../images/bg103.png) 50% 0 no-repeat;
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    transition: all 1s;
}

.go {
    position: absolute;
    left: 50%;
    top: 55%;
    width: 254px;
    height: 70px;
    margin-top: 220px;
    margin-left: -127px;
    text-indent: -9999px;
    background-image: url(../images/btn.png);
    opacity: 0;
    transition: all 1s;
}

.copyright {
    position: absolute;
    left: 0;
    bottom: 84px;
    width: 100%;
    text-align: center;
    font-size: 0;
}

.copyright a, .copyright span {
    margin: 0 7px;
    font-size: 12px;
    color: #a0a0a0;
}

/* CSS3过度及动画 */
.active .page_02_01{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.3s;
}
.active .page_02_02{
	opacity: 1;
	margin-top:20px;
    transition-delay:0.8s;
}




.active strong, .active h3 {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s;
}

.active .p1 {
    opacity: 1;
    transition-delay: 1.7s;
}

.active .bg12 {
    bottom: 90px;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .bg13 {
    bottom: 0;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .hgroup {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s;
}

.active .mail {
    top: 25px;
    transition-delay: 0.7s;
}

.active .p11 {
    opacity: 1;
    transition-duration: 1s;
    transition-delay: 2s;
}

.active .bg21 {
    opacity: 1;
    margin-left: -608px;
    transition-delay: 0.7s;
}

.active .bg23 {
    bottom: 15%;
    transition-delay: 0.7s;
}

.active .bg22 {
    margin-left: -280px;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .p3 {
    margin-left: -480px;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .bg31, .active .bg32 {
    opacity: 1;
    transition-delay: 1s;
}

.active .bg33 {
    margin-left: -120px;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .bg41 {
    bottom: 15%;
    transition-delay: 0.7s;
}

.active .bg42 {
    bottom: 15%;
    transition-delay: 1.1s;
}

.active .bg43 {
    bottom: 15%;
    transition-delay: 0.9s;
}

.active .bg51 {
    margin-left: -551px;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .bg52 {
    margin-left: -253px;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .bg53 {
    margin-left: 45px;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .bg54 {
    margin-left: 345px;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .bg61 {
    top: 0;
    transition-delay: 0.7s;
}

.active .bg62 {
    left: 50%;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .txt6 {
    left: 50%;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .bg71 {
    bottom: 250px;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .bg72 {
    bottom: 320px;
    opacity: 1;
    transition-delay: 0.9s;
}

.active .txt7 {
    bottom: 350px;
    opacity: 1;
    transition-delay: 1.1s;
}

.active .bg82 {
    bottom: 260px;
    margin-left: -280px;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .bg83 {
    bottom: 380px;
    margin-left: -430px;
    opacity: 1;
    transition-delay: 1s;
}

.active .bg84 {
    bottom: 420px;
    margin-left: -510px;
    opacity: 1;
    transition-delay: 1.2s;
}

.active .p8 {
    opacity: 1;
    transition-delay: 1.7s;
}

.active .bg91 {
    margin-left: -570px;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .bg92 {
    opacity: 1;
    transition-delay: 0.8s;
}

.active .bg93 {
    margin-left: 230px;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .bg102, .active .bg103 {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s;
}

.active .go {
    top: 25%;
    opacity: 1;
    transition-delay: 1.2s;
}

/* for lt ie 10 */

.ltie10 strong, .ltie10 h3 {
    opacity: 1;
    transform: scale(1, 1);
    transition-delay: 0.7s;
}

.ltie10 .p1 {
    opacity: 1;
    transition-delay: 1.7s;
}

.ltie10 .bg12 {
    bottom: 90px;
    opacity: 1;
    transition-delay: 0.7s;
}

.ltie10 .bg13 {
    bottom: 0;
    opacity: 1;
    transition-delay: 0.7s;
}

.ltie10 .hgroup {
    opacity: 1;
    transform: scale(1, 1);
    transition-delay: 0.7s;
}

.ltie10 .mail {
    top: 25px;
    transition-delay: 0.7s;
}

.ltie10 .p11 {
    opacity: 1;
    transition-duration: 1s;
    transition-delay: 2s;
}

.ltie10 .bg21 {
    opacity: 1;
    margin-left: -608px;
    transition-delay: 0.7s;
}

.ltie10 .bg23 {
    bottom: 15%;
    transition-delay: 0.7s;
}

.ltie10 .bg22 {
    margin-left: -280px;
    opacity: 1;
    transition-delay: 0.7s;
}

.ltie10 .p3 {
    margin-left: -480px;
    opacity: 1;
    transition-delay: 0.7s;
}

.ltie10 .bg31, .ltie10 .bg32 {
    opacity: 1;
    transition-delay: 1s;
}

.ltie10 .bg33 {
    margin-left: -120px;
    opacity: 1;
    transition-delay: 0.7s;
}

.ltie10 .bg41 {
    bottom: 15%;
    transition-delay: 0.7s;
}

.ltie10 .bg42 {
    bottom: 15%;
    transition-delay: 1.1s;
}

.ltie10 .bg43 {
    bottom: 15%;
    transition-delay: 0.9s;
}

.ltie10 .bg51 {
    margin-left: -551px;
    opacity: 1;
    transition-delay: 0.7s;
}

.ltie10 .bg52 {
    margin-left: -253px;
    opacity: 1;
    transition-delay: 0.7s;
}

.ltie10 .bg53 {
    margin-left: 45px;
    opacity: 1;
    transition-delay: 0.7s;
}

.ltie10 .bg54 {
    margin-left: 345px;
    opacity: 1;
    transition-delay: 0.7s;
}

.ltie10 .bg61 {
    top: 0;
    transition-delay: 0.7s;
}

.ltie10 .bg62 {
    left: 50%;
    opacity: 1;
    transition-delay: 0.7s;
}

.ltie10 .txt6 {
    left: 50%;
    opacity: 1;
    transition-delay: 0.7s;
}

.ltie10 .bg71 {
    bottom: 250px;
    opacity: 1;
    transition-delay: 0.7s;
}

.ltie10 .bg72 {
    bottom: 350px;
    opacity: 1;
    transition-delay: 0.9s;
}

.ltie10 .txt7 {
    bottom: 420px;
    opacity: 1;
    transition-delay: 1.1s;
}

.ltie10 .bg82 {
    bottom: 260px;
    margin-left: -280px;
    opacity: 1;
    transition-delay: 0.7s;
}

.ltie10 .bg83 {
    bottom: 380px;
    margin-left: -430px;
    opacity: 1;
    transition-delay: 1s;
}

.ltie10 .bg84 {
    bottom: 420px;
    margin-left: -510px;
    opacity: 1;
    transition-delay: 1.2s;
}

.ltie10 .p8 {
    opacity: 1;
    transition-delay: 1.7s;
}

.ltie10 .bg91 {
    margin-left: -570px;
    opacity: 1;
    transition-delay: 0.7s;
}

.ltie10 .bg92 {
    opacity: 1;
    transition-delay: 0.8s;
}

.ltie10 .bg93 {
    margin-left: 230px;
    opacity: 1;
    transition-delay: 0.7s;
}

.ltie10 .bg102, .ltie10 .bg103 {
    opacity: 1;
    transform: scale(1, 1);
    transition-delay: 0.7s;
}

.ltie10 .go {
    top: 25%;
    opacity: 1;
    transform: scale(1, 1);
    transition-delay: 1.2s;
}



.dbdh{
	position:fixed;
	width:100%;
	height:50px;
	z-index:999999999;
	overflow:hidden;
	left:0px; 
	bottom:0px;
	}
.dbdh ul{
	position:relative;
	width:100%;
	max-width:640px;
	margin:0 auto;
	height:50px;
	background:#333;
	overflow:hidden;
	}	
	
.dbdh ul li{
	position:relative;
	width:25%;
	float:left;
	height:50px;
	overflow:hidden;
	}
.bt-name h2 span{
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	height:25px;
	line-height:25px;
	opacity:0;
	background:#333;
	color:#bbb;
	transition: all 0.5s ease-out;
	text-align:center;
}	
.bt-name.cura h2 span{
	opacity:1;
	transition: all 0.5s ease-out;
}

.dbdh ul li h2{
	position:relative;
	width:25px;
	overflow:hidden;
	margin:0 auto;
	margin-top:5px;
	color:#bbb;
	text-align:center;
	font-size:24px;
	line-height:25px;
	font-weight:500;
	}	
.dbdh ul li h2 img{
    width:100%;
	display:block;
}
.dbdh ul li p{
    width:100%;
	position:relative;
	overflow:hidden;
	text-align:center;
	font-size:12px;
	line-height:15px;
	color:#fff;
}	
	
.new-sub{
	position:absolute;
	bottom:50px;
	right:0px;
	width:140px;
	
	color:#333;
	overflow:hidden;
	
	display:none;
	z-index:9999999999999;
}
.new-sub ul{
	width:100%;
margin:0 auto;
}
.new-sub ul li{
	width:100%;
	text-indent:15px;
	background:rgba(45,45,45,0.7);
	border-top:1px solid #111111;
	border-bottom:1px solid #868686;
	height:50px;
    color:#fff;
	font-size:16px;
	line-height:50px;
}
.new-sub ul li.notop{
	border-top:none;	
}
.new-sub ul li.sanj{
	width:100%;
	text-align:center;
	text-indent:15px;
	border:none;
	height:14px;
    color:#868686;
	font-size:16px;
	line-height:9px;
	background:none;
}
.new-sub ul li a{
	color:#fff;
	font-size:16px;
	line-height:50px;	
}
.new-sub ul li i{
	
	font-size:16px;
	line-height:50px;
    width:40px;	
}

@media screen and (max-width:450px){
	

.cha666 {
    width:93.75%;
}
.toop{height:40px;}
.toop01{
	width:150px;
	margin-top:13px;
}
.toop02{
	width:70px;
	height:30px;
}
.toop021{
	width:30px;
	height:30px;
	
}
.toop022{
	width:30px;
	height:30px;
	font-size: 22px;
    line-height: 30px;
}
.toop022 span{
	width:30px;
	height:30px;
	font-size: 22px;
    line-height: 30px;
}
.toop021 a {
    font-size: 24px;
    line-height: 30px;
}

}