body,html{
	width: 100%;
	height: 100%;
}
.main {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.fenghuang_logo {
	width: 15.2%;
	margin: 2% auto 0;
}
.fn-audio{position:fixed;z-index:100;left:2%;top:1%}
.fn-audio .btn{border:none}
.fn-audio .btn_audio span{display:inline-block;width:30px;height:30px}
.fn-audio .btn_audio .audio_open{
    animation:animation-rotate-un 2s linear infinite normal forwards;
    -ms-animation:animation-rotate-un 2s linear infinite normal forwards;
    -moz-animation:animation-rotate-un 2s linear infinite normal forwards;
    -webkit-animation:animation-rotate-un 2s linear infinite normal forwards;
    -o-animation:animation-rotate-un 2s linear infinite normal forwards}
.fn-audio .btn_audio .audio_close{display:none}
/*主题色*/
.cyfz_bgcolor {background-color: #5c32a3;}
.jjjr_bgcolor {background-color: #ce7432;}
.xfms_bgcolor {background-color: #b22d7c;}
.mtjj_bgcolor {background-color: #3769ba;}

.swiper-container {height: 100%;width: 100%;}
.page {width: 100%; height: 100%; background: url(http://p3.ifengimg.com/l/2017/52/8303ca43c3c3373/page_bg.jpg) no-repeat center; background-size: cover }

.page.page_index { background: url(http://p1.ifengimg.com/l/2017/52/8303ca43c3c3373/index_bg.jpg) no-repeat center; background-size: cover; }
.page_index .index_big_logo { width: 71.2%;margin: 11% auto 5%; }
.page_index p {color: rgba(255,255,255,1);font-size: 12px;width: 87%;margin: 3% auto;transition: color 0.5s;}
.page_index .index_small_logo {width: 33.33%;margin: 8% auto 0;}

.page_nav .nav_logo { width: 29.2%; margin: 7% auto 5%;}
.page_nav .nav_kuang {width: 93.33%;margin: 0 auto;border: 2px solid #bab8db;background-color: rgba(87,10,134,0.6);}
.page_nav .nav_kuang div {margin: 13% auto;}

/*底部跟页导航*/
.page_foot_nav { width: 93.4%; position: absolute;bottom: 2%;left: 50%;margin-left: -46.7%;}
.page_foot_nav ul { margin-right: -2%; }
.page_foot_nav ul li {float: left; width: 23%;margin-right: 2%;text-align: center;color: #fff;font-size: 12px;line-height: 32px;border-radius: 16px;}
.page_cyfz .page_foot_nav ul li.foot_nav_cyfz {border: 2px solid #5c32a3;background-color: #5c32a3;}
.page_cyfz .page_foot_nav ul li.foot_nav_jjjr {border: 2px solid #ce7432;background-color: transparent;}
.page_cyfz .page_foot_nav ul li.foot_nav_xfms {border: 2px solid #b22d7c;background-color: transparent;}
.page_cyfz .page_foot_nav ul li.foot_nav_mtjj {border: 2px solid #3769ba;background-color: transparent;}
.page_jjjr .page_foot_nav ul li.foot_nav_cyfz {border: 2px solid #5c32a3;background-color: transparent;}
.page_jjjr .page_foot_nav ul li.foot_nav_jjjr {border: 2px solid #ce7432;background-color: #ce7432;}
.page_jjjr .page_foot_nav ul li.foot_nav_xfms {border: 2px solid #b22d7c;background-color: transparent;}
.page_jjjr .page_foot_nav ul li.foot_nav_mtjj {border: 2px solid #3769ba;background-color: transparent;}
.page_xfms .page_foot_nav ul li.foot_nav_cyfz {border: 2px solid #5c32a3;background-color: transparent;}
.page_xfms .page_foot_nav ul li.foot_nav_jjjr {border: 2px solid #ce7432;background-color: transparent;}
.page_xfms .page_foot_nav ul li.foot_nav_xfms {border: 2px solid #b22d7c;background-color: #b22d7c;}
.page_xfms .page_foot_nav ul li.foot_nav_mtjj {border: 2px solid #3769ba;background-color: transparent;}
.page_mtjj .page_foot_nav ul li.foot_nav_cyfz {border: 2px solid #5c32a3;background-color: transparent;}
.page_mtjj .page_foot_nav ul li.foot_nav_jjjr {border: 2px solid #ce7432;background-color: transparent;}
.page_mtjj .page_foot_nav ul li.foot_nav_xfms {border: 2px solid #b22d7c;background-color: transparent;}
.page_mtjj .page_foot_nav ul li.foot_nav_mtjj {border: 2px solid #3769ba;background-color: #3769ba;}

.page1 .page1_img { width: 93.4%; position: absolute;left: 50%;margin-left: -46.7%;top: 13%;z-index: 1;}
.page1 .page1_kuang {width: 80%; margin: 15% auto 0; border: 2px solid #ffffff; padding-top: 70%;}
.page1 .page1_kuang p {color: #fff;font-size: 12px;width: 88%;margin: 0 auto 8%;}

.page2 .page2_kuang { width: 80%; margin: 0 auto; border: 2px solid #ffffff;  position: relative;}
.page2 .page2_kuang p {color: #fff;font-size: 12px;width: 88%;margin: 8% auto;}
.page2 .page2_kuang.page2_down {margin-top: 8%;}
.page2 .page2_kuang span { display: block; width: 12px; height: 12px; border-radius: 50%; background: #fff; position: absolute;}
.page2 .page2_kuang.page2_up span {bottom: -6px;left: 50%;margin-left: -6px;}
.page2 .page2_kuang.page2_down span {top: -6px;left: 50%;margin-left: -6px;}
.page2 .page2_img {width: 58%; margin: 13% auto 4%}

.page3 {position: relative;}
.page3 .page3_part {width: 93.33%;margin: 5% auto 0;position: relative;z-index: 1;}
.page3 .page3_part1 {position: relative;}
.page3 .page3_part1_img {float: left;width: 43%;position: relative;z-index: 10;margin-top: 4%;}
.page3 .page3_par1_txt {width: 64%;padding: 4% 0; padding-left: 11%; padding-right: 4%;position: absolute;right: 0;top: 0;font-size: 12px;color: #fff;z-index: 1;}
.page3 .page3_par2_txt {float: left;width: 57%;color: #fff;font-size: 12px; padding: 5%; margin-top: 3%;}
.page3 .page3_part3 {position: relative;}
.page3 .page3_part2_img {float: right;width: 43%;}
.page3 .page3_part3_img {float: left;width: 43%;margin-bottom: 10% ;position: relative;z-index: 10;}
.page3 .page3_par3_txt {width: 60%;position: absolute;right: 0; top: 4%;color: #fff;font-size: 12px;padding: 4%; padding-left: 7%;padding-bottom: 6%; z-index: 1;}
.page3 .page3_part3_img2 {width: 43%;position: absolute;right: 0;bottom: 0;z-index: 10;}
.page_line {width: 80%;height: 65%;border: 1px solid #fff;position: absolute;top: 6%;left: 50%;margin-left: -40%;z-index: 0;}

.page5 {position: relative;}
.page3.page5 .page3_part1_img {margin-top: 2%;}
.page5 .page5_img {width: 80%;margin: 8% auto 0;position: relative;z-index: 1;}

.page6 {position: relative;}
.page6 .page6_part { width: 93.33%; margin: 5% auto 0; position: relative; z-index: 1;}
.page6 .page6_part1_img {width: 48%;margin: 3% auto 0;position: relative; z-index: 1;}
.page6 .page6_part1_txt {margin: -8% auto 0;font-size: 12px;color: #fff;    padding: 4%; padding-top: 10%;}
.page6 .page6_part2 {position: relative;}
.page6 .page6_part2_txt {width: 64%; padding: 2% 0; padding-left: 2%; padding-right: 12%;position: absolute; left: 0; top: 0; font-size: 12px; color: #fff; z-index: 1;}
.page6 .page6_part2_img { float: right; width: 43%; position: relative; z-index: 10; margin-top: 4%;}
.page6 .page6_part3 {padding: 2%;}
.page6 .page6_part3 p {font-size: 12px;color: #fff;margin-bottom: 3%;}

.page7 .page7_part1 {margin-top: 16%;}
.page7 .page7_left_img {float: left;width: calc(50% - 4px);margin-top: 7%;}
.page7 .page7_left_img img {float: right;border: 2px solid #fff;margin-bottom: 6%;}
.page7 .page7_center_line {float: left;width: 4px;height: 100%;background-color: #fff;}
.page7 .page7_right_img {float: left;width: calc(50% - 4px);}
.page7 .page7_right_img img {float: left; border: 2px solid #fff;margin-bottom: 6%;}
.page7 .page7_part2 {font-size: 12px;color: #fff;padding: 3%;width: 93.33%;margin: 5% auto;}

.page8 .page8_part1 {margin-top: 22%;position: relative;}
.page8 .page8_part2 {width: 93.33%;margin: 9% auto 0;position: relative;}
.page8 .page8_part1_img {position: relative; width: 40%;margin: 6% auto 0;z-index: 1;}
.page8 .page8_part1_txt {font-size: 12px;color: #fff;padding: 4%;padding-top: 10%; width: 93.33%;margin: -8% auto 0;}
.page8 .page8_part2_img {float: left;width: 40%;}
.page8 .page8_part2_txt {float: left;width: 60%;color: #fff;font-size: 12px;padding: 3%;margin-top: 2%;}
.page8 .page8_part3 {width: 93.33%;margin: 9% auto 0;position: relative;}
.page8 .page8_part3_img {float: right;width: 40%;}
.page8 .page8_part3_txt {float: left; width: 60%; font-size: 12px; color: #fff; padding: 6% 3%; padding-right: 0;}

.page10 .page10_title {width: 45.2%;margin: 25% auto 0;}
.page10 .page10_txt {padding: 4%;border: 2px solid #fff;width: 93.33%;margin: 0 auto;}
.page10 .page10_txt p {color: #fff;font-size: 12px;margin: 10% auto;}

.page11 .page11_part1 {padding: 3%;padding-top: 0;padding-left: 0; width: 93.33%;margin: 11% auto 0;}
.page11 .page11_part1_img {float: left;width: 25.6%;margin-right: 4%;margin-top: -8%;}
.page11 .page11_part1_txt p {font-size: 12px; color: #fff; margin: 4% auto; margin-left: 4%;}
.page11 .page11_part2 {width: 93.33%;margin: 6% auto 0;position: relative;}
.page11 .page11_part2_txt {padding: 4%;}
.page11 .page11_part2_txt p {font-size: 12px; color: #fff; margin: 6% auto;}
.page11 .page11_part2_img {width: 25.6%;position: absolute;right: 0;bottom: 25%;}
.page11 .page11_title {width: 93.33%;margin: 11% auto 0%;font-size: 20px;}

.page12 .page12_part1 {position: relative;}
.page12 .page12_part2{position: relative;}
.page12 .page12_part3{position: relative;}
.page12 .page12_part1_img {width: 59%;margin: 4% auto 0;position: relative; z-index: 1;}
.page12 .page12_part1_txt {width: 93.33%;margin: -6% auto 0;padding: 3%;font-size: 12px;color: #fff;padding-top: 8%;}
.page12 .page12_part2_txt {width: 93.33%;margin: 6% auto 0;padding: 3%;font-size: 12px;color: #fff;padding-bottom: 8%;}
.page12 .page12_part2_img {width: 75%;margin: -5% auto 0;}
.page12 .page12_part2_img img {width: 47%;}

.page13 p {font-size: 12px;color: #fff;margin-bottom: 3%;}

.page_last .page_last_title{width: 57.33%;margin: 36% auto 3%;}
.page_last .page_last_erweima{width: 57.33%;margin: 0 auto;}

@media screen and (min-width: 320px) and (max-width: 374px) {
	.page_index p {font-size: 12px;}
	.page1 .page1_kuang p {font-size: 12px;}
	.page2 .page2_kuang p {font-size: 12px;}
	.page3 .page3_par1_txt {font-size: 12px;}
	.page3 .page3_par2_txt {font-size: 12px;}
	.page3 .page3_par3_txt {font-size: 12px;}
	.page3 .page3_par1_txt {font-size: 12px;}
	.page6 .page6_part1_txt {font-size: 12px;}
	.page6 .page6_part2_txt {font-size: 12px;}
	.page6 .page6_part3 p {font-size: 12px;}
	.page7 .page7_part2 {font-size: 12px;}
	.page8 .page8_part1_txt {font-size: 12px;}
	.page8 .page8_part2_txt {font-size: 12px;}
	.page8 .page8_part3_txt {font-size: 12px;}
	.page10 .page10_txt p {font-size: 12px;}
	.page11 .page11_part1_txt p {font-size: 12px;}
	.page11 .page11_part2_txt p {font-size: 12px;}
	.page11 .page11_title {font-size: 18px;}
	.page12 .page12_part1_txt {font-size: 12px;}
	.page12 .page12_part2_txt {font-size: 12px;}
	.page12 .page12_part1_txt {font-size: 12px;}
	.page13 p {font-size: 12px;}
	.page_foot_nav ul li {font-size: 12px;line-height: 23px;}
	.page_index .index_small_logo {margin-top: 5%;}
}