﻿@media screen and (min-width: 2160px) {
	.fp-controlArrow.fp-next {
		top: 72%;
	}

	.fp-controlArrow.fp-prev {
		top: 67.8%;
	}
}

@media screen and (min-width: 1920px) {}

@media screen and (max-width: 1600px) {

	.menu,
	.lantern,
	.ChineseTemple,
	.interview,
	.snap,
	.sponsors,
	.bonsai,
	.common_width {
		width: 1300px;
	}


	#BannerPageid,
	.banner {
		width: 1300px;
		height: 700px;
	}

	.nav {
		margin: auto 10px;
		width: 956px;
	}

	.fp-controlArrow.fp-prev {
		top: 73.8%;
	}

	.ChineseTemple a.fl .ChineseTempleImg {

		height: 310px;

	}

	.lantern .fr span {
		font-size: 28px;
	}

	.ChineseTemple .fr,
	.ChineseTemple a.fl {
		width: 45.2%;
		height: 430px;

	}

	.ChineseTemple .title,
	.interview .title,
	.snap .title,
	.sponsors .title,
	.bonsai .title {
		font-size: 30px;
		text-align: center;
		padding: 0 0px 28px 0;
		position: relative;
		color: #000000;
		font-size: 38px;
		font-weight: 600;
	}

	.TitleImg {
		bottom: 24px;
	}

	.ChineseTemple {
		padding-bottom: 16px;
	}

	.bonsai ul li+li {
		margin-left: 66px;
	}

	.sponsors ul li {

		margin-bottom: 28px;

	}

	.interview ul li p {
		font-size: 18px;
	}

	.NewList h3 {
		font-size: 20px;
	}

	.NewsTime .NewsElis {
		font-size: 50px;

		padding: 4px 0px;
	}

	.nav-stacked {
		height: 126px;
	}

	.NewList p {
		font-size: 16px;

		height: 64px;

	}
	.bonsai ul li a h6 {
	    font-size: 14px;
	}

	.NewList {
		height: 120px;
	}

	.lantern div.fr .minhei h6 {
		font-size: 20px;
	}

	.lantern div.fr .minhei p {
		font-size: 16px;
	}

	.footer .common_width .info {
		padding-top: 190px;
	}

	.footer .common_width .info .copyright,
	.footer .common_width .info a {
		line-height: 40px;

	}
}



@media screen and (min-width: 1800px) {}



@media screen and (min-width: 1500px) {}



@media screen and (max-width:1440px) {
	/* 	body {
		width: 1440px;
	} */

	.menu,
	.lantern,
	.ChineseTemple,
	.interview,
	.snap,
	.sponsors,
	.bonsai {
		width: 1320px;
	}

	.fp-controlArrow.fp-next {
		top: 74%;
	}

	.fp-controlArrow.fp-prev {
		top: 69.8%;
	}

	.nav {
		margin: auto 60px;
	}

	.ChineseTemple .title,
	.interview .title,
	.snap .title,
	.sponsors .title,
	.bonsai .title {
		padding: 0 0px 40px 0;
	}

	.banner {
		height: 700px;
	}

	.banner .BannerPage span {
		font-size: 48px;
	}

	.banner .BannerPage i {
		height: 34px;
	}

	.NewList {
		height: 130px;
	}

	.NewsTime {
		width: 96px;
		background-size: 90%;
	}

	.NewsTime .NewsElis {
		padding: 6px 0px;
	}

	.ChineseTemple a.fl .ChineseTempleImg {
		height: 290px;
	}

	.ChineseTemple a.fl span {
		font-size: 22px;
	}

	.nav-stacked {
		height: 150px;
	}

	.ChineseTemple {
		padding-bottom: 30px;
	}

	.TitleImg {
		bottom: 36px;
	}

	.NewList h3 {
		padding-bottom: 8px;
	}

	.ChineseTemple .fr,
	.ChineseTemple a.fl {
		height: 440px;
	}

	.ChineseTemple a.fl span {
		margin: 14px auto;
	}

	.interview ul li {
		width: 30.6%;
	}

	.bonsai ul li {
		width: 28.8%;

	}

	.sponsors ul li {
		width: 17.32%;
	}

	.footer .common_width .info {
		padding-top: 195px;
	}

	.footer .common_width .info .copyright,
	.footer .common_width .info a {
		line-height: 60px;
	}
}



@media screen and (max-width:1380px) {
	#BannerMg .fp-slides {
		width: 100%;
	}

	.menu,
	.lantern,
	.ChineseTemple,
	.interview,
	.snap,
	.sponsors,
	.bonsai,
	#BannerPageid {
		width: 1200px;
	}

	.nav {
		margin: auto 30px;
	}

	.nav>li {
		padding: 0 16px;
	}

	.banner {
		width: 100%;
		height: 600px;
	}

	.NewList h3 {
		font-size: 20px;
	}


}


@media screen and (max-width:1280px) {

	/* body {
		width: 1280px;
	}
 */
	.fp-controlArrow.fp-prev,
	.fp-controlArrow.fp-next {
		display: none;
	}



	.NewList h3 {
		padding-bottom: 2px;
	}

	.snap .snapImg {
		margin: 26px auto;
	}

	.bonsai ul li {
		width: 28.2%
	}

	.bonsai ul li+li {
		margin-left: 70px;
	}

	.sponsors ul li {
		width: 17.6%;
	}

	.sponsors ul li+li {
		margin-left: 36px;
	}

	.sponsors .common_width,
	.footer .common_width {
		width: 1200px;
	}
}

@media screen and (max-width:1200px) {
	.nav {
		width: 94%;
		margin: auto 24px;
	}

	.nav>li {
		padding: 0 12px;
	}

	.nav>li>a {
		font-size: 16px;
	}

	.menu,
	.banner,
	.lantern,
	.ChineseTemple,
	.interview,
	.snap,
	.sponsors,
	.bonsai,
	#BannerPageid {
		width: 1000px;
	}

	#BannerMg .fp-slides {
		width: 100%;
	}

	.banner {
		/* margin: 49px auto 60px auto; */
		height: 590px;


	}


	.common_width {
		width: 100%;
	}

	.interview ul li {
		width: 29.6%;
	}

	.interview ul li .pic {
		height: 210px;
	}

	.bonsai ul li {
		height: 116px;
	}

	.bonsai ul li a h6 {
		font-size: 22px;

	}

	.bonsai ul li a span {
		font-size: 16px;
	}

	.sponsors .common_width {
		width: 1000px;
	}



	.sponsors ul li+li {
		margin-left: 28px;
	}

	.bonsai ul li a {
		font-size: 20px;
		height: 118px;
		line-height: 22px;
	}

	.snap ul li {

		height: 202px;
	}

	.snap .snapImg {
		height: 54%;
		margin: 22px auto;
	}

	.lantern a.fl,
	.lantern div.fr {
		height: 260px;
	}

	.lantern .fr span {
		font-size: 40px;
	}

	.lantern div.fr .minhei h6 {
		font-size: 20px;
		margin-top: 10px;
	}

	.lantern div.fr .minhei em {
		margin: 12px 0;
	}

	.lantern div.fr .minhei p {
		font-size: 16px;
		padding-top: 0;
		line-height: 30px;
		height: 126px;
	}

	.snap>.common_width>ul>li>a {
		height: 202px;
	}

	.bonsai ul li a h6 {
		font-size: 20px;
	}

	.bonsai ul li a span {
		font-size: 14px;
	}

	.BonsaiTime {
		font-size: 14px;
	}

	.sponsors ul li {
		height: 58px;
	}
}

@media screen and (max-width:1100px) {

	.menu,
	.banner,
	.lantern,
	.ChineseTemple,
	.interview,
	.snap,
	.sponsors,
	.bonsai {
		width: 980px;
	}

	.nav>li {
		padding: 0 10px;
	}

	.snap ul li {
		height: 204px;
	}

	.NewList h3,
	.interview ul li p {
		font-size: 20px;
	}

	.NewList p {
		font-size: 14px;
		line-height: 26px;
		height: 84px;

	}

}

@media screen and (max-width: 900px) {

	.menu,
	.banner,
	.lantern,
	.ChineseTemple,
	.interview,
	.snap,
	.sponsors,
	.bonsai,
	.sponsors .common_width,
	.footer .common_width,
	#BannerPageid {
		width: 832px;
	}

	.banner {
		height: 500px;
	}

	.nav {
		width: 100%;
		margin: auto 10px;
	}

	.nav>li {
		padding: 0 5px;
	}

	.top .search a {
		font-size: 14px;
	}

	.top .logo {
		height: 90%;
		width: 160px;
		background-size: 100%;
	}

	.top .search form,
	.top .search form input[type="submit"] {
		height: 44px;
		width: 44px;
	}

	.sponsors ul li {
		height: 52px;
	}

	.interview ul li+li {
		margin-left: 44px;
	}

	.interview ul li .pic {
		height: 178px;
	}

	.bonsai ul li+li {
		margin-left: 54px;
	}

	.BonsaiTime {
		display: none;
	}

	.bonsai ul li a h6 {
		font-size: 18px;
	}

	.sponsors ul li+li {
		margin-left: 24px;
	}

	.footer .common_width .info {
		padding-top: 10px;
	}


	.footer .common_width {
		background: none;
	}

}

@media screen and (max-width: 650px) {

	.top .nav,
	.fp-controlArrow.fp-prev,
	.fp-controlArrow.fp-next,
	.TitleImg {
		display: none;
	}

	.menu {
		height: 72px;
	}

	.menu,
	.banner,
	.lantern,
	.ChineseTemple,
	.interview,
	.snap,
	.sponsors,
	.bonsai,
	.sponsors .common_width,
	.footer .common_width,
	#BannerPageid {
		width: 580px;
	}

	.banner {
		height: 330px;
	}



}

@media screen and (max-width:414px) {

	.menu,
	.banner,
	.lantern,
	.ChineseTemple,
	.interview,
	.snap,
	.sponsors,
	.bonsai,
	.footer .common_width,
	#BannerPageid {
		width: 380px;
	}

	#BannerMg .fp-slides {
		width: 400px;
		margin: auto;
	}

	.banner {
		height: 226px;
	}

	.banner .BannerPage {
		display: none;
	}

	.lantern a.fl {
		width: 100%;
		height: 100%;
	}

	.lantern div.fr {
		padding-top: 20px;
		width: 100%;
		height: 860px;
	}

	.menu,
	.banner,
	.lantern,
	.ChineseTemple,
	.interview,
	.snap,
	.sponsors,
	.bonsai {
		width: 400px;
		padding-bottom: 20px;
	}

	.top,
	.menu {
		height: 92px;
	}

	.top .logo {
		background-size: 74%;
		margin-top: 10px;
	}

	.top .search form,
	.top .search form input[type="submit"] {
		width: 40px;
		height: 40px;
	}

	.iphone_nav {
		display: block;
	}

	/* iphone */

	.headerbtn_bar {
		width: 40px;
		height: 40px;
		display: block;
		background: url(../images/menu.png) no-repeat center #214a76;
		border-radius: 24px;
		margin-top: 40px;
		margin-left: 10px;
	}

	.top .search {

		padding: 40px 0 0;
	}


	.iphone_nav {
		position: fixed;
		display: block;
		top: 0;
		left: 0;
		width: 40%;
		height: 100%;
		margin-left: -40%;
		transition: all 0.6s ease 0.2s;
		;
		-webkit-transition: all 0.6s ease 0.2s;
		/*è°·æ­Œå’Œsafari*/
		-moz-transition: all 0.6s ease 0.2s;
		/*ç«ç‹*/
		-ms-transition: all 0.6s ease 0.2s;
		/*ie*/
		-o-transition: all 0.6ss ease 0.2s;
		/*opera*/
		z-index: 1002;
	}

	.iphone-box {
		background-color: rgba(255, 255, 255, 0.98);
		width: 100%;
		height: 100%;
		text-align: center;
		line-height: 46px;
		padding-top: 80px;
		transition: all 0.6s ease 0.2s;
		;
		-webkit-transition: all 0.6s ease 0.2s;
		/*è°·æ­Œå’Œsafari*/
		-moz-transition: all 0.6s ease 0.2s;
		/*ç«ç‹*/
		-ms-transition: all 0.6s ease 0.2s;
		/*ie*/
		-o-transition: all 0.6ss ease 0.2s;
		/*opera*/
	}

	.iphone-box ul {
		padding: 0;
	}


	.iphone-list a {
		display: block;
		color: #000000;
		font-weight: bold;
	}

	.iphone-box>ul>li>ul {
		/* display: none; */
		padding-bottom: 10px;
		opacity: 1;
	}

	.action>li,
	.action>li+li {
		border: 0;
		height: 42px;
	}

	.masking {
		height: 100%;
		width: 100%;
		position: fixed;
		top: 0;
		right: 0;
		background-color: transparent;
		transition: all 0.5s ease 0.2s;
		z-index: -1;
	}

	.masking.focus {
		background-color: rgba(0, 0, 0, 0.7);
		z-index: 1001;
	}

	.iphone-box>ul>li>ul>li>a {
		display: block;
		font-size: 14px;
		color: #000;
		line-height: 30px;
		border: 0;
	}

	.iphone-box>ul>li>ul>li>a strong {
		font-weight: normal !important;
	}

	.iphone_nav.focus {
		margin-left: 0;
		display: block !important;
	}

	.iphone-box>ul>li>a {
		display: block;
		font-size: 14px;
		color: #000000;
		line-height: 40px;
		font-weight: 600;
	}

	.iphone-box .active>a {
		color: #143d7a;
	}

	.iphone-box>ul>li>a>i {
		height: 46px;
		width: 16px;
		padding-left: 8px;
		box-sizing: content-box;
		display: inline-block;
		background: url(../images/phone_more.png) no-repeat right center;
		vertical-align: middle;
	}


	/* .section,
	.fp-tableCell {
		height: 880px !important;

	}
 */
	.fp-controlArrow.fp-prev,
	.fp-controlArrow.fp-next {
		display: none;
	}


	.section {
		background: #97b5c9;
	}

	.lantern {
		margin-top: 94px;
	}

	.lantern div.fr .minhei p {
		font-size: 14px;
		line-height: 26px;
		height: 160px;
	}

	.lantern div.fr .minhei em {
		width: 18%;
		margin: 10px 0;

	}

	.lantern .fr span {
		font-size: 24px;

	}

	.lantern div.fr .minhei h6 {
		font-size: 16px;
		margin-top: 10px;
	}

	.lantern .more_btn,
	.interview a.more_btn {
		width: 100%;
		font-size: 14px;
		background-size: 21%;
		margin-top: 0px;
	}


	.ChineseTemple .fr,
	.ChineseTemple a.fl {
		width: 100%;
		height: 234px;
		margin: auto;
	}

	.ChineseTemple a.fl span {
		font-size: 16px;
		margin: 8px 46px;
		font-weight: bold;
		height: 40px;
		overflow: hidden;
		line-height: 20px;
	}

	.ChineseTemple a.fl p {
		font-size: 38px;
		line-height: 55px;
		height: 160px;
	}

	.NewList {
		height: 68px;
		width: 76%;
		margin: 4px auto;
	}

	.NewList h3 {
		font-size: 14px;
		line-height: 24px;
	}

	.NewsTime {
		width: 80px;
		padding: 4px;
		margin-right: 10px;
		background-size: 88%;
	}

	.NewList p,
	.ChineseTemple a.fl p {
		display: none;
	}

	.NewsTime span {
		font-size: 12px;
	}

	.NewsTime .NewsElis {
		font-size: 30px;
	}

	.ChineseTemple a.fl .ChineseTempleImg {
		width: 76%;
		height: 180px;
		margin: auto;
	}

	.nav-stacked {
		height: 62px;
	}

	.interview ul li {
		width: 56%;
		float: none;
		margin: auto;
	}

	.interview ul li+li {
		float: none;
		margin: auto;
	}

	.interview ul li .pic {
		height: 113px;
	}

	.interview ul li p {
		font-size: 14px;
		line-height: 20px;
		padding: 4px 0;
	}



	.snap ul li {
		width: 48%;
		height: 190px;
	}

	.snap ul li+li {
		margin-left: 3.52%;
		margin-bottom: 3.52%;
	}

	.snap ul li:nth-child(3) {
		margin-left: 0;
	}

	.snap>.common_width>ul>li>a {
		height: 100%;
		padding: 10px;
	}

	.snaptext {
		font-size: 20px;
	}

	.snap .snapImg {
		margin: 18px auto;
	}

	.ChineseTemple .title,
	.interview .title,
	.snap .title,
	.sponsors .title,
	.bonsai .title {
		font-size: 22px;
		padding: 0 0 14px 0;
	}

	.sponsors .common_width,
	.common_width {
		width: 100%
	}

	.bonsai ul li {
		width: 48%;
		height: 100px;
		margin-bottom: 0px;
	}

	.bonsai ul li+li {
		margin-left: 0px;
	}

	.bonsai ul li:nth-child(2n) {
		margin-left: 12px;
	}


	.bonsai ul li a {
		height: 98px;
		background-size: 90%;
		/* padding: 22px; */
	}

	.bonsai ul li a span,
	.BonsaiTime {
		display: none;
	}

	.bonsai ul li a h6 {
		line-height: 16px;
		font-size: 12px;
	}

	.sponsors ul li {
		width: 48%;
		height: 62px;
		margin-bottom: 18px;
	}

	.sponsors ul li+li {
		margin-left: 16px;
	}

	.sponsors ul li:nth-child(2n)+li {
		margin-left: 0px;
	}

	.sponsors ul li:nth-child(6) {
		margin-left: 16px;
	}

	.footer .common_width {
		font-size: 35px;
		background: none;
	}

	.footer .common_width .info .copyright,
	.footer .common_width .info a {
		font-size: 14px;
		line-height: 24px;
	}

	.footer .common_width .info span.tel,
	.footer .common_width .info span.cz,
	.footer .common_width .info span.email {
		background-size: 11%;
		line-height: 50px;
		display: none;
	}

	.footer .common_width .info span {
		padding: 0 30px 0 60px;
		display: none;
	}

	#menu {
		bottom: 10px;
	}
}
