* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 4vw;
	font-family: "微软雅黑";
	/*font-weight: lighter;*/
	color: #f5f2e3;
}
@font-face {
	font-family: "fzdb";
	src: url(../font/FZDBSJW.TTF);
}
body{ background-color: #b7331e;}


ul,
ol,
li{ list-style: none;}

img{ max-width: 100%; border: none;}

a{ color: #f5f2e3; text-decoration: none; transition: all .2s ease-out 0s; cursor: pointer;}
a:hover,
a:active{ color: #f5f2e3;}
.textjustify{ text-align: justify; text-align-last: initial; text-justify: inter-ideograph; text-justify: distribute;}



/*导航*/
.nav{ width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 100; background-color: rgba(183,51,30,1);}
.nav_show{ width: 3.5rem; height: 3.5rem; position: fixed; top: 2rem; left: 1rem; z-index: 99; background: url(../img/mbl_nav_bg1.png) center center / 100% 100% no-repeat; transition: all .2s ease-out 0s;}
.nav_hide{ width: 2rem; height: 2rem; position: absolute; top: 2rem; right: 2rem; background: url(../img/mbl_nav_bg3.png) center center / 100% 100% no-repeat; transition: all .2s ease-out 0s;}
.nav_show:active,
.nav_hide:active{ transform: scale(1.1);}


.nav_main{ width: 12rem; height: auto; margin: 0 auto; position: relative; top: 8rem;}
.nav_main ul{}
.nav_main ul li{ width: 100%; height: auto; background: url(../img/mbl_nav_bg2.png) bottom center / 100% 0.1rem no-repeat; font-size: 1.4rem; line-height: 300%; text-align: center; color: rgba(255,255,255,0.5);}
.nav_main ul li:last-child{ background: none;}
.nav_main ul li.on{ color: rgba(255,255,255,1);}


/*分区*/
.section_all{ width: 100%; height: auto;}
.section{ width: 100%; height: auto; overflow: hidden; position: relative;}
.section_main{ width: 100%; height: auto; margin: 0 auto;}


/*分区一*/
.st1{ width: 100%; height: 100vh; min-height: 35rem; padding-top: 15rem; overflow: hidden; position: relative;}
.st1_bg1{ width: 100%; height: 20rem; position: absolute; top: 0; left: 0; z-index: -1; background: url(../img/st1_bg1_3.png) left top / 25rem auto no-repeat;}
.st1_bg2{ width: 7rem; height: auto; position: absolute; bottom: 6rem; left: 9rem;}
.st1 p{ font-size: 1.1rem; font-family: "fzdb"; line-height: 200%; color: #dcc86f; text-align: center;}
.st1 p.r1{ font-size: 1.8rem;}
.st1 p span{ padding-left: 1.5rem;}


/*分区二*/
.st2{ width: 100%; height: auto; min-height: 100vh; padding: 2.5rem 1rem; overflow: hidden; position: relative;}

.st2_intro{ width: 100%; height: auto; position: relative;}
.st2_intro .r1{ font-family: "fzdb"; font-size: 1.4rem; line-height: 200%; color: #f5f2e3; text-align: center;}
.st2_intro .r2{ width: 100%; height: auto; margin: 1rem auto; padding: 1rem 0; font-family: "fzdb"; font-size: 1.2rem; line-height: 150%; color: #f5f2e3; text-align: center;}
.st2_intro .r2.small{ font-size: 1.1rem;}
.st2_intro .r3{ display: table; width: 100%; height: auto; padding-bottom: 2rem;}
.st2_intro .r3 p{ display: table-cell; vertical-align: middle; text-indent: 2em; font-size: 1rem; line-height: 150%;}

.st2_list{ width: 100%; height: auto; margin: 0 auto; padding-top: 2rem; border-top: 1px solid #f5f2e3;}
.st2_list ul{ width: 100%; height: auto; overflow: hidden; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap;}
.st2_list ul li{ float: left; width: 11rem; height: auto; margin-bottom: 1.5rem; background-color: rgba(255,255,255,0);}
.st2_list ul li .img{ width: 100%; height: auto; transition: all .2s ease-out 0s;}
.st2_list ul li .img:active{ transform: scale(1.1);}
.st2_list ul li .img img{ display: block; width: 100%; height: auto;}
.st2_list ul li .intro{ width: 100%; height: auto; padding: 0.5rem 0; font-size: 0.8rem; line-height: 150%;}
.st2_list ul li .intro:after{ display: inline-block; content: " ";}

.st2_btn{ width: 100%; height: 3rem; position: absolute; bottom: 0; left: 0;}
.st2_btn_inner{ width: 100%; height: 3rem; position: absolute; bottom: 0; left: 0; z-index: 10; background-color: #f9b64a;}
.st2_btn_inner.fixed{ position: fixed;}

.st2_btn li{ width: auto; height: 3rem; position: absolute; font-size: 1.2rem; font-weight: normal; line-height: 3rem; color: #b7331e; transition: all .2s ease-out 0s;}
.st2_btn li:active{ font-size: 1.3rem;}
.st2_btn li.prev{ left: 1rem;}
.st2_btn li.next{ right: 1rem;}

.st2_layer{ width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; z-index: 50;}
.st2_layer .layer_bg{ width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; background-color: rgba(0,0,0,0.7);}
.st2_layer .layer_main{ width: 18rem; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.st2_layer .layer_main:after{ display: block; content: " "; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; cursor: move;}
.st2_layer .layer_main .count{ width: auto; height: 2rem; position: absolute; top: -2rem; right: 0; font-size: 1rem; line-height: 2rem;}
.st2_layer .layer_main .img{ width: 100%;}
.st2_layer .layer_main .img img{ display: block; width: 100%;}
.st2_layer .layer_main .btn{ width: 2.5rem; height: 4rem; position: absolute; top: 50%; transform: translateY(-50%); background-position: center center; background-repeat: no-repeat; background-size: 1.2rem 2rem; cursor: pointer; transition: all .2s ease-out 0s;}
.st2_layer .layer_main .btn:active{ transform: scale(1.1) translateY(-50%);}
.st2_layer .layer_main .btn.left{ left: -3rem; background-image: url(../img/layer_btn1.png);}
.st2_layer .layer_main .btn.right{ right: -3rem; background-image: url(../img/layer_btn2.png);}



/*分区三*/
.st3{ width: 100%; height: auto; /*min-height: 100vh;*/ padding-top: 4.5rem; overflow: hidden; position: relative;}
.st3_title{ font-family: "fzdb"; font-size: 1.4rem; line-height: 200%; color: #f5f2e3; text-align: center;}
.st3_list{ width: 100%; height: auto; padding: 0 1rem 2rem; position: relative;}
.st3_list_head{ margin-top: 2rem; font-size: 1.2rem; line-height: 200%; color: #e68c06;}
/*轮播图 mySwiper1*/
.mySwiper1{ width: 23rem; height: 13rem; margin-top: 0.5rem; overflow: hidden; position: relative;}
.mySwiper1 .swiper-wrapper{ width: 100%; height: 13rem; margin: 0 auto; position: relative;}
.mySwiper1 .swiper-slide{ width: 13rem; height: 13rem; overflow: hidden;}
.mySwiper1 .swiper-slide img{ width: 100%; height: auto;}
.mySwiper1 .swiper-button-prev,
.mySwiper1 .swiper-button-next{ width: 17px; height: 31px; z-index: 3;}
.mySwiper1 .swiper-button-prev{ left: 2px; background: url(../img/st2_bg2.png) center center no-repeat;}
.mySwiper1 .swiper-button-next{ right: 2px; background: url(../img/st2_bg3.png) center center no-repeat;}



/*分区四*/
.st4{ width: 100%; height: auto; min-height: 100vh; padding-top: 2.5rem; overflow: hidden; position: relative;}
.st4_title{ font-family: "fzdb"; font-size: 1.4rem; line-height: 200%; color: #f5f2e3; text-align: center;}

.st4_list{ width: 100%; height: auto; padding: 2rem 1rem; position: relative;}
.st4_list_head{ width: 100%; height: 1.8rem; padding-left: 2.3rem; background: url(../img/st4_bg2.png) left top / auto 100% no-repeat; border-bottom: 0.05rem solid #e68c06; font-size: 1rem; font-weight: bold; line-height: 1.8rem; color: #ffbb55;}
.st4_list ul{ width: 100%; height: auto; margin-bottom: 2rem; padding-top: 1rem;}
.st4_list ul li{ width: 100%; height: auto; margin-bottom: 2rem; padding-left: 2rem; position: relative;}
.st4_list ul li:before{ display: block; content: " "; width: 0.8rem; height: 0.8rem; position: absolute; top: 0.35rem; left: 0; background-color: #f1e9da; border-radius: 50%;}
.st4_list ul li .title{}
.st4_list ul li .title a{ font-size: 1rem; font-weight: bold; line-height: 1.5rem; color: #f5f2e3;}
.st4_list ul li .title span{ float: right; display: inline-block; margin-left: 1rem; font-size: 1rem; line-height: 1.5rem; color: #f5f2e3;}
.st4_list ul li .intro{ margin-top: 0.5rem; font-size: 0.9rem; line-height: 180%; color: #f5f2e3;}
.st4_list_more{ width: 4rem; height: 2.5rem; margin: 0 auto 2rem; background: url(../img/st4_bg1.png) center 1.5rem / 1rem auto no-repeat; font-size: 0.8rem; line-height: 1.5rem; color: #f5f2e3; text-align: center; cursor: pointer; transition: all .2s ease-out 0s;}
.st4_list_more:active{ transform: scale(1.05);}


/*分区五*/
.st5{ width: 100%; height: auto; /*min-height: 100vh;*/ padding-top: 2.5rem; overflow: hidden; position: relative;}
.st5_title{ font-family: "fzdb"; font-size: 1.4rem; line-height: 200%; color: #f5f2e3; text-align: center;}
.st5_list{ width: 100%; height: auto; padding: 2rem 1rem; position: relative;}
.st5_list ul{ width: 100%; height: auto; margin-bottom: 2rem; padding-top: 2rem; border-top: 2px solid #e68c06;}
.st5_list ul li{ width: 100%; height: auto; margin-bottom: 2rem; padding-left: 2rem; position: relative;}
.st5_list ul li:before{ display: block; content: " "; width: 0.8rem; height: 0.8rem; position: absolute; top: 0.35rem; left: 0; background: url(../img/st4_bg3.png) left center / auto 0.8rem no-repeat;}
.st5_list ul li .title{}
.st5_list ul li .title a{ font-size: 1rem; line-height: 1.5rem; color: #f5f2e3;}
.st5_list ul li .title span{ float: right; display: inline-block; margin-left: 1rem; font-size: 1rem; line-height: 1.5rem; color: #f5f2e3;}
.st5_list ul li .intro{ margin-top: 0.5rem; font-size: 0.9rem; line-height: 180%; color: #f5f2e3;}
.st4_list_more{ width: 4rem; height: 2.5rem; margin: 0 auto 2rem; background: url(../img/st4_bg1.png) center 1.5rem / 1rem auto no-repeat; font-size: 0.8rem; line-height: 1.5rem; color: #f5f2e3; text-align: center; cursor: pointer; transition: all .2s ease-out 0s;}
.st4_list_more:active{ transform: scale(1.05);}



/*分区六*/
.st6{ width: 100%; height: auto; min-height: 100vh; padding-top: 12rem; overflow: hidden; position: relative; background: url(../img/st3_bg1_1.png) center top / auto 10rem no-repeat;}
.st6_main{ width: 15rem; height: auto; margin: 0 auto;}
.st6_main .r1{ font-size: 1.2rem; font-weight: normal; line-height: 200%; text-align: center;}
.st6_main .r2{ margin-top: 1rem; text-align: center;}
.st6_main .r2 img{ width: 60%; height: auto;}
.st6_main .r3{ margin-top: 1rem; font-size: 0.8rem; line-height: 200%; text-align: center;}
.st6_main a.r4{ display: block; width: 12rem; height: 2.5rem; margin: 2.5rem auto 0; background-color: #391f16; border-radius: 0.5rem; font-size: 1rem; line-height: 2.5rem; text-align: center;}
.st6_main a.r4:active{ transform: scale(1.1);}