@media screen and (max-width: 1250px){
	#page_function4_table_face_01 li{
	width:36%;
	}
	#page_function3_book{
		width:100%;
		margin-left:0; 
	}
	.page4_people_list li{
		width:36%;
	}
	#page_function1_text , #page_function2_text , #page_function3_text , #page_function4_text  {
        left: 5%;
        top:6%;
        width: 80%;
    }
	#page_function4_table_face_01{
		left:10%;	}
	#page_download_show{
		left:7%;	
		top:15%;
	}
	#page_download_text img{
		width:415%;
	}
	#chupin{
		    width: 37%;
			left: 60%;
			margin-left: 44%;
			margin-top: 93%;
	}
	#chupin img{
		width: 385%;
	}
	#page_download{
		background: url(mobile_bg.jpg) no-repeat bottom;
		background-size: 100% auto;
	}
	#arrow_down{
		display: block;
		bottom: 5%;
		position: absolute;
		opacity: 1;
		left: 45%;
		width: 9%;
		height: 3%;
		z-index: 9999;
		background-image:url(ui_2x2761ce.png);
	}
	.topic_news , .news_list{
		width: 100%;
		
	}
	.news_list{top: 100px;}
	.page2_news_t{ 
		width: 410px;
	}
	.liststyle2 .pic{
		width: 100%;
		
	}
}
@media (orientation:portrait) and (max-width:640pt) {
	#page_function2_book_01{
		width:92%;
		margin:0 auto;
	}
	.liststyle2 .pic{
		width: 94%;
	}

	#arrow_right {
        display: none;
    }
    #arrow_left {
        display: none;
    }
    #pageControl {
        display: block;
    }
    #page_download_QRCode {
        display: none;
    }
	#page_download{
		background:url(mobile_bg.jpg) no-repeat bottom center;
		width:100%;
		height:100%;}
    #background {
        width: 100%;
        height: 500%;
        background:#fff;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
	.focus{
		width:98%;
	}
	.right_topic_news{
		width:87%;
		float:none;
	}
    #logo {
        width: 100%;
        height: 35px;
        left: 0;
        top: 0;
    }
	#page_download_text img{
		width:100%;
		left: 10%;
    	position: absolute;
	}
	#chupin{
		position: absolute;
		left: 0;
		margin: 0;
		top: 18%;
		width: 100%;
		}
	#chupin img{
		width:51%;
		margin-left: 25%;
		}
    #arrow_down {
        position: fixed;
        display: block;
        z-index: 1000;
        width: 23.5px;
        height: 13.5px;
        bottom: 2.5%;
        left: 50%;
        margin-left: -12px;
        opacity: 0.8;
    }
    #nav_android {
        display: none;
        opacity: 1;
        right: 2px;
        top: 6px;
        -webkit-transform: scale(0.7, 0.7);
        -ms-transform: scale(0.7, 0.7);
        transform: scale(0.7, 0.7);
    }
    #nav_iPhone {
        display: none;
        opacity: 1;
        right: 2px;
        top: 6px;
        -webkit-transform: scale(0.7, 0.7);
        -ms-transform: scale(0.7, 0.7);
        transform: scale(0.7, 0.7);
    }
    #nav_QRCode {
        display: none;
        opacity: 1;
        right: 2px;
        top: 6px;
        -webkit-transform: scale(0.7, 0.7);
        -ms-transform: scale(0.7, 0.7);
        transform: scale(0.7, 0.7);
    }
    #nav_QRCode_hover {
        top: 23px;
        right: 26px;
    }
    #page_download_hand {
        position: absolute;
        left: -10%;
        top: 30%;
        width: 80%;
    }
    #page_download_show {
        width:100%;
        left: 0;
        top: 12%;
        height: 80%;
		position: absolute;
    }
    #page_download_text {
        left: 0;
        top: 5%;
        color: white;
        font-size: 180%;
        line-height: 180%;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
        text-align: center;
		font-family: Microsoft yahei;
    }
    #page_download_button {
        display: block;
        position: absolute;
        bottom: 10%;
        width: 60%;
        left: 50%;
        margin-left: -30%;
        opacity: 0;
    }

    #page_function1_show {
        top: 12.5%;
        width: 60%;
        right: 20%;
        height: 44.1%;
        -webkit-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }

    #page_function1_text_title {
        font-family: title;
        color: white;
        font-size: 150%;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
        opacity: 0;
        text-align: center;
		font-family: Microsoft yahei;
    }
    #page_function1_text_sub {
        width: 102%;
        margin-top: 10px;
        font-family: text;
        color: white;
        font-size: 100%;
        line-height: 160%;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
        opacity: 0;
    }
    #page_function2_show {
        top: 12.5%;
        width: 70%;
        right: 15%;
        height: 40%;
        -webkit-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }
    #page_function2_text {
        left: 8%;
        top: 10%;
        width: 80%;
    }
    #page_function2_text_title {
        text-align: center;
        font-family: title;
        color: white;
        font-size: 150%;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
        opacity: 0;
		font-family: Microsoft yahei;
    }
    #page_function2_text_sub {
        width: 102%;
        margin-top: 10px;
        font-family: text;
        color: white;
        font-size: 100%;
        line-height: 160%;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
        opacity: 0;
    }
    #page_function3_show {
        top: 17.5%;
        right: 15%;
        width: 70%;
        height: 40%;
        -webkit-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }
    #page_function3_text {
        left: 10%;
        top:10%;
        width: 80%;
    }
    #page_function3_text_title {
        font-family: title;
        color: white;
        font-size: 150%;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
        opacity: 0;
        text-align: center;
		font-family: Microsoft yahei;
    }
    #page_function3_text_sub {
        width: 102%;
        margin-top: 10px;
        font-family: text;
        color: white;
        font-size: 100%;
        line-height: 160%;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
        opacity: 0;
    }
    #page_function3_book {
        width: 120%;
        left: 50%;
        margin-left: -60%;
        top: 120%;
    }
    #page_function4_table {
        width: 100%;
        height: 43.1%;
        right: 0;
        top: 60%;
    }
    #page_function4_table_top {
        top: -25%;
        width: 100%;
    }
    #page_function4_text {
        left: 10%;
        top: 10%;
        width: 80%;
    }
    #page_function4_text_title {
        font-family: title;
        color: white;
        font-size: 150%;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
        opacity: 0;
        text-align: center;
		font-family: Microsoft yahei;
    }
    #page_function4_text_sub {
        width: 102%;
        margin-top: 10px;
        font-family: text;
        color: white;
        font-size: 100%;
        line-height: 160%;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
        opacity: 0;
    }
    #page_function4_table_background {
        background-image: url("../images/mobile_function4_table_background_4x2740d2.png");
        background-size: 100% 100%;
    }
    #page_function4_table_column_01 {
        left: 8.7%;
        bottom: -3%;
    }
    #page_function4_table_column_02 {
        left: 27.5%;
        bottom: -3%;
    }
    #page_function4_table_column_03 {
        left: 46.5%;
        bottom: -3%;
    }
    #page_function4_table_column_04 {
        left: 65.5%;
        bottom: -3%;
    }
    #page_function4_table_column_05 {
        left: 85%;
        bottom: -3%;
    }
    #page_function4_table_face_01 {
        left: 7.2%;
        bottom: 63%;
    }
    #page_function4_table_face_02 {
        left: 26.2%;
        bottom: 52.5%;
    }
    #page_function4_table_face_03 {
        left: 44.9%;
        bottom: 42%;
    }
    #page_function4_table_face_04 {
        left: 64.2%;
        bottom: 84%;
    }
    #page_function4_table_face_05 {
        left: 83.6%;
        bottom: 59.4%;
    }
    #page_function4_table_time_01 {
        left: 5%;
        bottom: 81%;
    }
    #page_function4_table_time_02 {
        left: 24.7%;
        bottom: 69.5%;
    }
    #page_function4_table_time_03 {
        left: 43.5%;
        bottom: 60%;
    }
    #page_function4_table_time_04 {
        left: 61.7%;
        bottom: 102%;
    }
    #page_function4_table_time_05 {
        left: 81.2%;
        bottom: 77.3%;
    }
	.ylx{
		width:100%;
	}
}

@media (orientation:portrait) and (max-width:640pt) and (min-width:320px) {
    body {
        font-size: 68%;
    }
}

@media (orientation:portrait) and (max-width:640pt) and (min-width:320px) and (max-width:360px) {
    body {
        font-size: 78%;
    }
}

@media (orientation:portrait) and (max-width:640pt) and (min-width:360px) and (max-width:414px) {
    body {
        font-size: 84%;
    }
    #page_download_button {
        width: 56%;
        margin-left: -28%;
    }
}

@media (orientation:portrait) and (max-width:640pt) and (min-width:414px) and (max-width:440px) {
    body {
        font-size: 96%;
    }
    #page_download_button {
        width: 54%;
        margin-left: -27%;
    }
}

@media (orientation:portrait) and (max-width:640pt) and (min-width:440px) and (max-width:480px) {
    #page_download_hand {
        width: 75%;
        top: 32.5%;
    }
    body {
        font-size: 104%;
    }
    #page_download_button {
        width: 52%;
        margin-left: -26%;
    }
    #page_function1_show {
        top: 10%;
        -webkit-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }
    #page_function2_show {
        top: 10%;
        -webkit-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }
    #page_function3_show {
        top: 15%;
        -webkit-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }
    #page_function4_table {
        top: 47.5%;
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }
    #page_function1_text {
        top: 70%;
    }
    #page_function2_text {
        top: 70%;
    }
    #page_function3_text {
        top: 70%;
    }
    #page_function4_text {
        top: 70%;
    }
}

@media (orientation:portrait) and (max-width:640pt) and (min-width:480px) and (max-width:540px) {
    #page_download_hand {
        width: 75%;
        top: 32.5%;
    }
    body {
        font-size: 104%;
    }
    #page_download_button {
        width: 48%;
        margin-left: -24%;
    }
    #page_function1_show {
        top: 10%;
        -webkit-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8);
    }
    #page_function2_show {
        top: 10%;
        -webkit-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8);
    }
    #page_function3_show {
        top: 15%;
        -webkit-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8);
    }
    #page_function4_table {
        top: 47.5%;
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8);
    }
    #page_function1_text {
        -webkit-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        top: 72.5%;
    }
    #page_function2_text {
        -webkit-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        top: 72.5%;
    }
    #page_function3_text {
        -webkit-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        top: 72.5%;
    }
    #page_function4_text {
        -webkit-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        top: 72.5%;
    }
}

@media (orientation:portrait) and (max-width:640pt) and (min-width:540px) and (max-width:600px) {
    #page_download_hand {
        width: 75%;
        top: 30%;
    }
    body {
        font-size: 118%;
    }
    #page_download_button {
        width: 40%;
        margin-left: -20%;
    }
    #page_download_text {
        top: 0%;
    }
    #page_function1_show {
        top: 10%;
        -webkit-transform: scale(0.75, 0.75);
        -ms-transform: scale(0.75, 0.75);
        transform: scale(0.75, 0.75);
    }
    #page_function2_show {
        top: 10%;
        -webkit-transform: scale(0.75, 0.75);
        -ms-transform: scale(0.75, 0.75);
        transform: scale(0.75, 0.75);
    }
    #page_function3_show {
        top: 15%;
        -webkit-transform: scale(0.75, 0.75);
        -ms-transform: scale(0.75, 0.75);
        transform: scale(0.75, 0.75);
    }
    #page_function4_table {
        top: 47.5%;
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(0.75, 0.75);
        -ms-transform: scale(0.75, 0.75);
        transform: scale(0.75, 0.75);
    }
    #page_function1_text {
        -webkit-transform: scale(0.85, 0.85);
        -ms-transform: scale(0.85, 0.85);
        transform: scale(0.85, 0.85);
        top: 70%;
    }
    #page_function2_text {
        -webkit-transform: scale(0.85, 0.85);
        -ms-transform: scale(0.85, 0.85);
        transform: scale(0.85, 0.85);
        top: 70%;
    }
    #page_function3_text {
        -webkit-transform: scale(0.85, 0.85);
        -ms-transform: scale(0.85, 0.85);
        transform: scale(0.85, 0.85);
        top: 70%;
    }
    #page_function4_text {
        -webkit-transform: scale(0.85, 0.85);
        -ms-transform: scale(0.85, 0.85);
        transform: scale(0.85, 0.85);
        top: 70%;
    }
}

@media (orientation:portrait) and (max-width:640pt) and (min-width:600px) {
    #page_download_hand {
        width: 75%;
        top: 30%;
    }
    body {
        font-size: 118%;
    }
    #page_download_button {
        width: 32%;
        margin-left: -16%;
    }
    #page_download_text {
        top: 0%;
    }
    #page_function1_show {
        top: 10%;
        -webkit-transform: scale(0.75, 0.75);
        -ms-transform: scale(0.75, 0.75);
        transform: scale(0.75, 0.75);
    }
    #page_function2_show {
        top: 10%;
        -webkit-transform: scale(0.75, 0.75);
        -ms-transform: scale(0.75, 0.75);
        transform: scale(0.75, 0.75);
    }
    #page_function3_show {
        top: 15%;
        -webkit-transform: scale(0.75, 0.75);
        -ms-transform: scale(0.75, 0.75);
        transform: scale(0.75, 0.75);
    }
    #page_function4_table {
        top: 47.5%;
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(0.75, 0.75);
        -ms-transform: scale(0.75, 0.75);
        transform: scale(0.75, 0.75);
    }
    #page_function1_text {
        -webkit-transform: scale(0.85, 0.85);
        -ms-transform: scale(0.85, 0.85);
        transform: scale(0.85, 0.85);
        top: 70%;
    }
    #page_function2_text {
        -webkit-transform: scale(0.85, 0.85);
        -ms-transform: scale(0.85, 0.85);
        transform: scale(0.85, 0.85);
        top: 70%;
    }
    #page_function3_text {
        -webkit-transform: scale(0.85, 0.85);
        -ms-transform: scale(0.85, 0.85);
        transform: scale(0.85, 0.85);
        top: 70%;
    }
    #page_function4_text {
        -webkit-transform: scale(0.85, 0.85);
        -ms-transform: scale(0.85, 0.85);
        transform: scale(0.85, 0.85);
        top: 70%;
    }
	.page4_people_list li{
		width:36%
	}
}

@media (orientation:landscape) and (max-device-width:640pt) {
    #logo {
        width:100%;
        height: 35px;
        left: 0;
        top: 0;
    }
    .pageControl {
        display: none;
    }
    #pageControlFocus {
        display: block;
    }
    #page_download_text {
        top: -5%;
    }
    #page_download_button {
        display: block;
        position: absolute;
        bottom: 30%;
        width: 18%;
        right: 28%;
        margin-left: -30%;
        opacity: 0;
    }

    #arrow_right {
        position: fixed;
        z-index: 1000;
        height: 5.3%;
        right: 2.5%;
        top: 50%;
        margin-top: -2.7%;
        cursor: pointer;
        opacity: 0;
    }
}

#page_download_show , #page_download , #page_function1 , #page_function2 , #page_function3 , #page_function4 , #chupin {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
-ms-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}