* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 1vw;
	font-family: "PingFangSC-Regular","sans-serif","微软雅黑";
	color: #fff;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
	-ms-tap-highlight-color: rgba(0, 0, 0, 0);
	-o-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}
img {
	width: 100%;
	border: none;
}
ul,
li {
	list-style: none;
}
a {
	text-decoration: none;
	transition: all .2s ease-out 0s;
}



body{ background-color: #9a000b;}

.section_all{ overflow: hidden;}
.section{ width: 100%; height: auto; position: relative;}
.section_main{ width: 60rem; height: auto; margin: 0 auto; position: relative;}


/*分区一*/
.section.st1{ padding: 7rem 0 13rem; background: url(../img/st1_bg1.png) repeat;}
.section.st1 .section_main{}
.section.st1 .st1_bottom{ width: 100%; height: auto; position: absolute; bottom: 0;}
.section.st1 .st1_bottom img{ display: block;}


/*分区二*/
.section.st2{ padding: 5rem 0 0rem;}
.section.st2 .section_main{ height: auto; padding: 0.8rem; position: relative; background: url(../img/st2_bg3.png) repeat #e3ba84;}
.section.st2 .section_main:before{ display: block; content: " "; width: 13rem; height: 5rem; position: absolute; bottom: 0.8rem; left: -12rem; background: url(../img/st2_bg1.png) right center / 100% 100% no-repeat;}
.section.st2 .section_main:after{ display: block; content: " "; width: 13rem; height: 5rem; position: absolute; top: 6rem; right: -12.8rem; background: url(../img/st2_bg2.png) left center / 100% 100% no-repeat;}
.st2_center{ width: 100%; height: auto; padding: 5rem; padding-right: 10rem; position: relative; background-color: #fff;}
.st2_center p{ text-indent: 2em; font-size: 1rem; line-height: 250%; color: #c50d00;}
.st2_center .title{ width: 5rem; height: auto; padding-left: 2.7rem; position: absolute; top: 4rem; right: 3rem; background: url(../img/st2_bg5.png) left center / 0.1rem 100% no-repeat;}


/*分区三*/
.section.st3{ padding: 5rem 0 0rem;}
.section.st3 .section_main{ /*width: 75rem;*/}
.section.st3 .section_main:before{ display: block; content: " "; width: 40rem; height: 40rem; position: absolute; top: 0rem; left: -40rem; background: url(../img/st3_bg1.png) center center / 100% 100% no-repeat;}
.section.st3 .section_main:after{ display: block; content: " "; width: 40rem; height: 40rem; position: absolute; top: 0rem; right: -40rem; background: url(../img/st3_bg1.png) center center / 100% 100% no-repeat;}
/*轮播*/
.swiper-container{ width: 100%; height: auto; padding-bottom: 7rem;}
.swiper-slide{ width: 100%; height: auto; color: #fff;}
.swiper-pagination-bullet,
.swiper-pagination-bullet-active{ width: 1rem; height: 1rem; background: #e3ba84;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 1rem 0.5rem;}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom, 
.swiper-pagination-fraction{ bottom: 2rem;}


/*分区四*/
.section.st4{ padding: 5rem 0 0rem;}
.section.st4 .section_main{}
.st4_tit{ width: 90%; height: auto; margin: 0 auto;}
.st4_list{ width: 100%; height: auto; padding: 5rem 3rem 3rem; overflow: hidden; background-color: rgba(255,255,255,0);}
.st4_list li{ float: left; width: 16%; height: auto; margin: 0 2% 4%; position: relative; cursor: pointer;}
.st4_list li .img{ width: 100%; height: auto; overflow: hidden; position: relative; z-index: 1; border-radius: 50%; border: 0.2rem solid #e4c176; transition: all .2s ease-out 0s;}
.st4_list li .img img{ display: block;}
.st4_list li .tit{ width: 100%; height: 2rem; margin-bottom: 3rem; position: relative; z-index: 1; font-size: 1rem; line-height: 2rem; color: #f5a041; text-align: center; white-space: nowrap; transition: all .2s ease-out 0s;}
.st4_list li .tit2{ display: none; width: 100%; height: 2rem; position: relative; z-index: 1; font-size: 1rem; line-height: 2rem; color: #f5a041; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .2s ease-out 0s;}
.st4_list li .tit:before{ display: block; content: " "; width: 0.8rem; height: 0.8rem; position: absolute; bottom: -1.3rem; left: 50%; transform: translateX(-50%); border-radius: 50%; background-color: #e3ba84;}
.st4_list li .tit:after{ display: block; content: " "; width: auto; height: 0.2rem; position: absolute; bottom: -1rem; left: -11.5%; right: -11.5%; border-bottom: 0.2rem dashed #e3ba84;}
.st4_list li:hover .img{ transform: scale(1.1);}
.st4_list li:hover .tit{ font-size: 1.1rem;}

.st4_list li.fl{ float: left;}
.st4_list li.fl.first .tit:after,
.st4_list li.fr.last .tit:after{ left: 50%;}
.st4_list li.fr{ float: right;}
.st4_list li.fl.last .tit:after,
.st4_list li.fr.first .tit:after{ right: 50%;}

.st4_list li.fr.last:before{ background-color: rgba(255,255,0,0); display: block; content: " "; width: 16rem; height: 15.8rem; position: absolute; top: 2.8rem; left: -4rem; border-radius: 50%; border: 0.2rem dashed #e3ba84;}
.st4_list li.fr.last:after{ display: block; content: " "; width: 8rem; height: 16.5rem; position: absolute; top: 2.7rem; right: -3.7rem; background-color: #9a000b;}
.st4_list li.fl.last:before{ background-color: rgba(255,255,0,0); display: block; content: " "; width: 16rem; height: 15.8rem; position: absolute; top: 2.8rem; left: -4rem; border-radius: 50%; border: 0.2rem dashed #e3ba84;}
.st4_list li.fl.last:after{ display: block; content: " "; width: 8rem; height: 16.5rem; position: absolute; top: 2.7rem; left: -3.7rem; background-color: #9a000b;}

.st4_list li .dynasty{ width: auto; height: 2rem; padding: 0 1rem; position: absolute; top: -2rem; z-index: 2; transform: translateX(50%); border-radius: 1rem; background-color: #e4c176; font-size: 1.1rem; line-height: 2rem; color: #333; white-space: nowrap; cursor: default;}
.st4_list li .dynasty:before{ display: block; content: " "; width: 1rem; height: 1rem; position: absolute; bottom: -3.6rem; left: 50%; transform: translateX(-50%); border-radius: 50%; border: 0.3rem solid #e4c176; background-color: #fff;}
.st4_list li .dynasty:after{ display: block; content: " "; width: 1.2rem; height: auto; position: absolute; top: 2rem; bottom: -2.2rem; left: 50%; transform: translateX(-50%); background: url(../img/st4_bg1.png) center top / 100% 100% no-repeat;}
.st4_list li.fl .dynasty{ right: 100%;}
.st4_list li.fr .dynasty{ left: 40%;}
.st4_list li.fl.first .dynasty{ top: -3rem;}
.st4_list li.fr.first .dynasty{ top: -2.5rem;}











/*分区五*/
.section.st5{ padding: 5rem 0 0rem;}
.section.st5 .section_main{}
.st5_tit{ width: 90%; height: auto; margin: 0 auto;}
.st5_list{ width: 100%; height: auto; padding: 3rem; overflow: hidden;}
.st5_list li{ float: left; width: 16%; height: auto; margin: 0 2% 4%; cursor: pointer; transition: all .2s ease-out 0s;}
.st5_list li .img{ width: 100%; height: auto; overflow: hidden; border-radius: 50%; border: 0.2rem solid #e4c176;}
.st5_list li .img img{ display: block;}
.st5_list li .tit{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; line-height: 200%; color: #f5a041; text-align: center;}
.st5_list li:hover{ transform: scale(1.1);}





/*分区六*/
.section.st6{ padding: 5rem 0 7rem;}
.section.st6 .section_main{}
.section.st6 .section_main:before{ display: block; content: " "; width: 40rem; height: 40rem; position: absolute; top: 0rem; left: -40rem; background: url(../img/st3_bg1.png) center center / 100% 100% no-repeat;}
.section.st6 .section_main:after{ display: block; content: " "; width: 40rem; height: 40rem; position: absolute; top: 0rem; right: -40rem; background: url(../img/st3_bg1.png) center center / 100% 100% no-repeat;}
.st6_center{ width: 100%; height: auto; padding: 0 2.5rem; overflow: hidden; position: relative;}
.st6_left{ float: left; width: 66%; height: auto;}
.st6_left .title{ font-size: 2rem; line-height: 200%; color: #e3ba84;}
/*.st6_left .intro{}
.st6_left .intro p{ text-indent: 2em; font-size: 1.2rem; line-height: 150%; color: #e3ba84;}
.st6_right{ float: right; width: 28%; height: auto;}*/
.st6_left{ width: auto;}
.st6_left .intro span{ padding-left: 2em; font-size: 1.2rem; line-height: 150%; color: #e3ba84;}
.st6_left img{ float: right; width: 33%; margin: 0 0 1rem 1rem;}

/*分区七*/
.section.st7{ padding: 5rem 0;}
.section.st7 .section_main{ width: 1170px;}
.iframe_out{ padding: 10px; border: 3px solid #e3ba84;}
.iframe_out iframe{ display: block; width: 100%; height: 860px; margin: 0 auto;}
.footer{ padding-top: 10rem; text-align: center;}
.footer img{ width: 10rem; height: auto; margin-bottom: 0.5rem;}
.footer p{ font-size: 1rem; line-height: 200%; color: #f5a041;}



/**************弹出层1****************/
.layer{ display: none; width: 100%; height: auto; position: fixed; top: 0; bottom: 0; background-color: rgba(0,0,0,0.8); z-index: 10;}
.layer_bg{ width: 100%; height: auto; position: absolute; top: 0; bottom: 0;}
.layer_main{ width: 35rem; height: auto; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: rgba(255,255,255,0);}
.layer_main .img{ width: 35rem; height: 35rem; outline: 1px solid #fff; line-height: 35rem; text-align: center;}
.layer_main .img img{ width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle;}
.layer_main .tit{ margin-top: 2rem; font-size: 1.5rem; line-height: 200%; color: #f29b76; text-align: center;}
.layer_main .intro{ font-size: 1rem; line-height: 200%; color: #f29b76; text-align: center;}
.layer_main .cpright{ font-size: 1rem; line-height: 200%; color: #f29b76; text-align: center;}
.layer_main .btn{ width: 80%; height: 4rem; margin: 2rem auto 0; position: relative; line-height: 4rem; text-align: center;}
.layer_main .btn .cur{ font-size: 2rem;}
.layer_main .btn .len{ font-size: 1rem;}
.layer_main .btn .left{ width: 4rem; height: 4rem; position: absolute; top: 0; left: 0; background: url(../img/layer_btn1.png) center center / 100% 100% no-repeat; cursor: pointer; transition: all .2s ease-out 0s;}
.layer_main .btn .right{ width: 4rem; height: 4rem; position: absolute; top: 0; right: 0; background: url(../img/layer_btn2.png) center center / 100% 100% no-repeat; cursor: pointer; transition: all .2s ease-out 0s;}
.layer_close{ width: 3rem; height: 3rem; position: absolute; top: 0; right: -6rem; background: url(../img/layer_close.png) center center / 100% 100% no-repeat; cursor: pointer; transition: all .2s ease-out 0s;}
.layer_main .btn .left:active,
.layer_main .btn .right:active,
.layer_close:active{ transform: scale(1.1);}







/*媒体查询-适应分辨率处理*/
@media (max-width: 1200px) {
	.section.st7 .section_main{ width: 100%;}
	.iframe_out{ display: none;}
	.footer{ padding-top: 0rem;}
	.section.st4 .section_main{ }
}
@media (max-width: 1000px) {
	*{ font-size: 2vw;}
	.section.st1 .section_main,
	.section.st2 .section_main,
	.section.st3 .section_main,
	.section.st4 .section_main,
	.section.st5 .section_main,
	.section.st6 .section_main{ width: 90%;}
	
	.section.st1{ padding: 4rem 0 10rem;}
	.st2_center p{ line-height: 170%;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 1rem 0.2rem;}
	.swiper-pagination-bullet, .swiper-pagination-bullet-active{ width: 0.8rem; height: 0.8rem;}
	.st4_list{ padding: 1rem 0;}
	.st4_list li{ width: 21%; margin: 0 2% 4%;}
	.st4_list li:hover{ transform: none;}
	.st4_list li:hover .img{ transform: none;}
	.st4_list li:hover .tit{ font-size: 1rem;}
	.st4_list li.fr,
	.st4_list li.fl{ float: left;}
	.st4_list li.fr.last:before,
	.st4_list li.fr.last:after,
	.st4_list li.fl.last:before,
	.st4_list li.fl.last:after,
	.st4_list li .tit:before,
	.st4_list li .tit:after,
	.st4_list .dynasty{ display: none;}
	.st4_list li .tit{ display: none;}
	.st4_list li .tit2{ display: block;}
	
	.st5_list{ padding: 1rem 0;}
	.st5_list li{ width: 21%; margin: 0 2% 4%;}
	.st5_list li:hover{ transform: none;}
	
	.layer_main{ width: 20rem;}
	.layer_main .img{ width: 20rem; height: 20rem; line-height: 20rem;}
	.layer_main .tit{ margin-top: 1rem; font-size: 1rem;}
	.layer_main .cpright{ font-size: 0.8rem;}
	.layer_main .btn{ height: 2.5rem; line-height: 2.5rem;}
	.layer_main .btn .cur{ font-size: 1.5rem;}
	.layer_main .btn .len{ font-size: 0.8rem;}
	.layer_main .btn .left,
	.layer_main .btn .right{ width: 2.5rem; height: 2.5rem;}
	.layer_close{ width: 2rem; height: 2rem; top: -3rem; right: 0rem;}
}
@media (max-width: 800px) {
	*{ font-size: 2.5vw;}
	.section.st1{ padding-bottom: 7rem;}
	.section.st2 .section_main{ padding: 0.5rem;}
	.st2_center{ padding: 2rem; padding-right: 10rem;}
	.section.st4{ padding-top: 1rem;}
	.st4_list li .tit,
	.st4_list li .tit2{ font-size: 0.8rem;}	
	.section.st5{ padding-top: 2rem;}
	.st5_list li .tit{ font-size: 0.8rem;}
	.section.st6{ padding: 2rem 0 0rem;}
	.st6_center{ padding: 0;}
	.st6_left .title{ font-size: 1.5rem;}
	.st6_left .intro span{ font-size: 1rem;}
}
@media (max-width: 600px) {
	*{ font-size: 3vw;}
	.st2_center{ padding: 1rem; padding-right: 6rem;}
	.st2_center .title{ width: 3.5rem; top: 2rem; padding-left: 1.7rem; right: 2rem;}
}
@media (max-width: 500px) {
	*{ font-size: 4vw;}
	.st2_center{ padding: 1rem; padding-right: 4.5rem;}
	.st2_center .title{ width: 2.5rem; top: 2rem; padding-left: 0.7rem; right: 1rem;}
	.st4_list li{ width: 27%; margin: 0 3% 4%;}
	.st5_list li{ width: 27%; margin: 0 3% 4%;}
}
@media (max-width: 480px) {
}