html{font-size:13.3333vw;-webkit-text-size-adjust:none;font-family:'΢ÈíÑźÚ';}
@media screen and (min-width:750px){html{font-size:100px}}
body{color:#fff;position:static;background:#000;margin: 0;height: 100%;overflow: hidden;}
.cf{zoom:1}
.cf:after{clear:both;display:table;content:""}
#main-container {
	height: 100%;
	max-width: 750px;
}
.swiper-slide {
	background-size: cover;
	background-position: center;
	/* width: 100%;
	height: 100%; */
}

.slogan-bg {
	background-image: url(index_2.png);
	background-size: cover;
	width: 370px;
	height: 370px;
	position: absolute;
	right: -190px;
	top: 50%;
	margin-top: -60%;
	animation: circle 18s linear infinite;
	-webkit-animation: circle 18s linear infinite;
}
@keyframes circle{
    from{transform: rotate(0deg);
	}
    to{transform:rotate(360deg);}
}
@-webkit-keyframes circle{
    from{transform: rotate(0deg);
	}
    to{transform:rotate(360deg);}
}
.go-down {
	background-image: url(index_3.png);
	background-size: cover;
	width: 70px;
	height: 35px;
	position: fixed;
	bottom: 20px;
	left: 50%;
	margin-left: -35px;
	z-index: 50;
	animation: upDown 1s linear infinite;
	-webkit-animation: upDown 1s linear infinite;
}
@keyframes upDown{
    0%{bottom: 20px;}
    50%{bottom: 30px;}
	100%{bottom: 20px;}
}
@-webkit-keyframes upDown{
    0%{bottom: 20px;}
    50%{bottom: 30px;}
	100%{bottom: 20px;}
}
.slogan1 {
	background-image: url(index_1_1.png);
	background-size: cover;
	width: 175px;
	height: 427px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -70%;
}
.page1 {
	/*background-image: url(index.jpg);*/
}
.page2 {
	background-image: url(./wj/wj_bg.jpg);
}
.page3 {
	background-image: url(zhzxt.jpg);
}
.page4 {
	background-image: url(xzfb.jpg);
}
.page5 {
	background-image: url(byxt.jpg);
}
.page6 {
	background-image: url(yhzl.jpg);
}
.pagejy {
	/*background-image: url(./jdjy/bg.jpg);background-size: 100% 100%;*;/
}
.pagecc {
	/*background-image: url(./cc/ccy_bg.jpg);background-size: 100% 100%;*/
}
.pagefb {
	background-image: url(./wj/wj_bg.jpg);background-size: 100% 100%;
}
.pageph {
	/*background-image: url(./phtz/phdz_bg.jpg);background-size: 100% 100%;*/
}
.pageyhzl {
	background-image: url(./wj/wj_bg.jpg);background-size: 100% 100%;
}
.zhz-board {
	background-image: url(zhzxt_3.png);
	background-size: cover;
	width: 351px;
	height: 524px;
	position: absolute;
	left: 50%;
	margin-left: -175px;
	top: 50%;
	margin-top: -217px;
}
#zhz-container {
	width: 333px;
	height: 207px;
	position: absolute;
	top: 10px;
	left: 9px;
}
.swiper-pagination-bullet-active {
	background-color: #f1e6d2;
	width: 20px;
	border-radius: 28%;
}
.swiper-slide.zhzimg {
	width: 333px;
	height: 207px;
}
.zhzimgurl1 {
	background-image: url(zhzxt_1.jpg);
}
.zhzimgurl2 {
	background-image: url(zhzxt_2.jpg);
}

.zhz-title {
	background-image: url(font_6.png);
	background-size: cover;
	width: 106px;
	height: 16px;
	margin-left: 20px;
	margin-top: 260px;
	margin-bottom: 10px;
}
.zhz-desc {
	color: #64463A;
	width: 309px;
	height: 200px;
	margin: auto;
	overflow-y: scroll;
	box-sizing: border-box;
	    font-size: 0.22rem;
}
.top-switch {
	width: 100%;
	height: 0;
	display: flex;
	justify-content: space-between;
	margin-top: 28%;
	padding: 0 10px 36% 10px;
	box-sizing: border-box;
}
.switch-item {
	background-size: cover;
	width: 20%;
	height: 0;
	padding-bottom: 36%;
}
.item1 {
	background-image: url(xzfb_1.png);
}
.item2 {
	background-image: url(xzfb_4.png);
}
.item3 {
	background-image: url(xzfb_6.png);
}
.item4 {
	background-image: url(xzfb_8.png);
}
.fb-board {
	background-image: url(box_2.png);
	background-size: cover;
	width: 90%;
	height: 0;
	/* padding-bottom: 10%; */
	padding: 20px 20px 100% 20px;
	margin: auto;
	box-sizing: border-box;
	/* padding: 18px; */
}
.fb-img {
	background-image: url(xzfb_9.jpg);
	background-size: cover;
	width: 100%;
	height: 0;
	padding-bottom: 49.2%;
	margin: auto;
}
.fb-desc {
	color: #64463A;
	line-height: 22px;
	height: 160px;
}
.fb-reward {
	background-image: url(icon_5.png);
	background-size: cover;
	width: 152px;
	height: 31px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	margin: auto;
}
.fb-reward-num {
	color: #C94509;
}
.fb-img-2 {
	background-image: url(xzfb_12.jpg);
	background-size: cover;
	width: 100%;
	height: 0;
	padding-bottom: 21%;
	margin-bottom: 10px;
}
.fb-optimization-desc {
	color: #64463A;
	line-height: 30px;
}
.fb-delete-wrap {
	display: flex;
	justify-items: flex-start;
	flex-wrap: wrap;
	width: 350px;
	/* margin-top: 10px; */
	margin-bottom: 10px;
}
.fb-delete {
	background-image: url(icon_6.png);
	background-size: cover;
	width: 125px;
	height: 27px;
	color: #C94509;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	margin-top: 10px;
}
.by-bg {
	background-image: url(byxt_1.png);
	background-size: cover;
	width: 80%;
	height: 0;
	padding-bottom: 127%;
	position: absolute;
	left: 50%;
	margin-left: -40%;
	top: 50%;
	margin-top: -55%;
}
.nav1 {
	margin-left: -44%;
}
.nav2 {
    margin-left: -32%;
}
.nav3 {
    margin-left: -20%;
}
.nav4 {
   margin-left: -8%;
}
.nav5 {
    margin-left: 5%;
}
.nav6 {
    margin-left: 17%;
}
.nav7 {
    margin-left: 30%;
}
.nav8 {
    margin-left: 42%;
}

.nav1.on {
	background-image: url(yhzl_6.png);
	background-size: cover;
	width: 13px;
	height: 77px;
	margin-top: -33px;
}
.nav2.on {
	background-image: url(yhzl_7.png);
	background-size: cover;
	width: 13px;
	height: 81px;
	margin-top: -33px;
}
.nav3.on {
	background-image: url(yhzl_8.png);
	background-size: cover;
	width: 13px;
	height: 69px;
	margin-top: -33px;
}
.nav4.on {
	background-image: url(yhzl_9.png);
	background-size: cover;
	width: 13px;
	height: 69px;
	margin-top: -33px;
}
.nav5.on {
	background-image: url(yhzl_10.png);
	background-size: cover;
	width: 13px;
	height: 69px;
	margin-top: -33px;
}
.nav6.on {
	background-image: url(yhzl_11.png);
	background-size: cover;
	width: 13px;
	height: 68px;
	margin-top: -33px;
}
.nav7.on {
	background-image: url(yhzl_12.png);
	background-size: cover;
	width: 13px;
	height: 82px;
	margin-top: -33px;
}
.nav8.on {
	background-image: url(yhzl_13.png);
	background-size: cover;
	width: 13px;
	height: 69px;
	margin-top: -33px;
}
/* //--------------- */
.wrap {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.main-title {
	background-size: cover;
	position: absolute;
	width: 7.59rem;
	height: 1.01rem;
	left: 0;
	top: 0.2%
}
.title1 {
	background-image: url(tit_wjgx.png);
}
.title2 {
	background-image: url(title_6.png);
}
.title3 {
	background-image: url(title_7.png);
}
.title4 {
	background-image: url(title_5.png);
}
.title5 {
	background-image: url(title_8.png);
}
.titlejy {
	background-image: url(./jdjy/tit_9djy.png);
}
.titlecc {
	background-image: url(./cc/cc_tit.png);
}
.titlefb {
	background-image: url(./fb/xzfb_tit.png);
}
.titleph {
	background-image: url(./phtz/jn_tit.png);
}
.titleyhzl {
	background-image: url(./yhzl/yhzl_tit.png);
}
.desc-title {
	background-image: url(js.png);
	background-size: cover;
	position: absolute;
	width: 1.12rem;
	height: 2.63rem;
	top: 13%;
	left: 10%;
	z-index:10;
}
.wj {
	background-image: url('./wj/zf.png');
	background-size: cover;
	position: absolute;
	width: 8rem;
	height: 8rem;
	top: 1rem;
	left: 0%;
	z-index: 2;
}
.wjdl {
	background-image: url('light-1.png');
	background-size: cover;
	position: absolute;
	width: 1.27rem;
	height: 1.35rem;
	top: 2rem;
	left: 5.8rem;
	z-index: 2;
}
.wjzf{background-image: url('./wj/zf.png');}
.wjxhd{background-image: url('./wj/xhd.png');}
.wjgn{background-image: url('./wj/gn.png');}
.wjpt{background-image: url('./wj/pt.png');}
.wjxy{background-image: url('./wj/xy.png');}
.wjlx{background-image: url('./wj/lx.png');}
.wjjy{background-image: url('./wj/jy.png');}
.wjcz{background-image: url('./wj/cz.png');}
.wjxq{background-image: url('./wj/xq.png');}
.wjmh{background-image: url('./wj/mh.png');}
.wjzr{background-image: url('./wj/zr.png');}
.wjwyj{background-image: url('./wj/wyj.png');}
.wjname {
	background-image: url('./wj/zf_f.png');
	background-size: cover;
	position: absolute;
	width: 3.42rem;
	height: 1.22rem;
	top: 8.2rem;
	left: 2rem;
	z-index: 22;
}
.wjjn {
	background-image: url('btn01.png');
	background-size: cover;
	position: absolute;
	width: 3.9rem;
	height: 0.82rem;
	top: 9.5rem;
	left: 1.75rem;
	z-index: 22;
}
.wjnamezf{background-image: url('./wj/zf_f.png');}
.wjnamexhd{background-image: url('./wj/xhd_f.png');}
.wjnamegn{background-image: url('./wj/gn_f.png');}
.wjnamept{background-image: url('./wj/pt_f.png');}
.wjnamexy{background-image: url('./wj/xy_f.png');}
.wjnamelx{background-image: url('./wj/lx_f.png');}
.wjnamejy{background-image: url('./wj/jy_f.png');}
.wjnamecz{background-image: url('./wj/cz_f.png');}
.wjnamexq{background-image: url('./wj/xq_f.png');}
.wjnamemh{background-image: url('./wj/mh_f.png');}
.wjnamezr{background-image: url('./wj/zr_f.png');}
.wjnamewyj{background-image: url('./wj/wyj_f.png');}
.wjsp {
	background-image: url(sp.png);
	background-size: cover;
	position: absolute;
	width: 1.7rem;
	height: 1.54rem;
	top: 4.9rem;
	left: 2.9rem;
	z-index: 10;
}
.arrow-wrap {
	width: 90%;
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -45%;
	z-index:33;
}

.arrow-left {
	background-image: url(icon_1.png);
	background-size: cover;
}

.arrow-right {
	background-image: url(icon_2.png);
	background-size: cover;
}

.arrow-wrap #arrow-img {
	width: 25px;
	height: 34px;
}
.skill-desc {
	position: absolute;
	bottom: 20px;
	width: 100%;
	height: 128px;
	display: flex;
	align-items: center;
	justify-content: center;
	display:none;
}
.skill-desc-left {
	background-image: url(title_3.png);
	background-size: cover;
	width: 158px;
	height: 126px;
	margin-right: 15px;
	padding: 16px 0 0 48px;
	box-sizing: border-box;
}

.skill-img {
	background-image: url(wj_zgl_2.png);
	background-size: cover;
	width: 98px;
	height: 90px;
	display: flex;
	justify-content: center;
	padding-top: 20px;
	box-sizing: border-box;
}

.video-img-big {
	background-image: url(video_2.png);
	background-size: cover;
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: rotate-big 6s linear infinite;
	-webkit-animation: rotate-big 6s linear infinite;
}
@keyframes rotate-big{
    from{transform: rotate(0deg);
	}
    to{transform:rotate(360deg);}
}
@-webkit-keyframes rotate-big{
    from{transform: rotate(0deg);
	}
    to{transform:rotate(360deg);}
}

.video-img-small {
	background-image: url(video_1.png);
	background-size: cover;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	animation: rotate-small 6s linear infinite;
	-webkit-animation: rotate-small 6s linear infinite;
}
@keyframes rotate-small{
    from{transform: rotate(0deg);
	}
    to{transform:rotate(-720deg);}
}
@-webkit-keyframes rotate-small{
    from{transform: rotate(0deg);
	}
    to{transform:rotate(-720deg);}
}

.video-img-quan1 {
	position:absolute;
	top: 1.55rem;
	left: 0.5rem;
	background-image: url(quan01.png);
	background-size: 100% 100%;
	width: 6.5rem;
	height: 6.5rem;
	box-sizing: border-box;
	animation: rotate-quan1 20s linear infinite;
	-webkit-animation: rotate-quan1 20s linear infinite;
}
@keyframes rotate-quan1{
    from{transform: rotate(0deg);
	}
    to{transform:rotate(-720deg);}
}
@-webkit-keyframes rotate-quan1{
    from{transform: rotate(0deg);
	}
    to{transform:rotate(-720deg);}
}

.video-img-quan2 {
	position:absolute;
	top: 1.26rem;
	left: 0.25rem;
	background-image: url(quan02.png);
	background-size: 100% 100%;
	width: 7rem;
	height: 7rem;
	box-sizing: border-box;
	animation: rotate-quan1 20s linear infinite;
	-webkit-animation: rotate-quan1 20s linear infinite;
}
@keyframes rotate-quan2{
    from{transform: rotate(0deg);
	}
    to{transform:rotate(-720deg);}
}
@-webkit-keyframes rotate-quan2{
    from{transform: rotate(0deg);
	}
    to{transform:rotate(-720deg);}
}

.video-img-quan3 {
	position:absolute;
	top: 1.0rem;
	left: 0rem;
	background-image: url(quan03.png);
	background-size: 100% 100%;
	width: 7.5rem;
	height: 7.5rem;
	box-sizing: border-box;
	animation: rotate-quan1 20s linear infinite;
	-webkit-animation: rotate-quan1 20s linear infinite;
}
@keyframes rotate-quan3{
    from{transform: rotate(0deg);
	}
    to{transform:rotate(-720deg);}
}
@-webkit-keyframes rotate-quan3{
    from{transform: rotate(0deg);
	}
    to{transform:rotate(-720deg);}
}

.video-img-arrow {
	background-image: url(video_3.png);
	background-size: cover;
	width: 9px;
	height: 12px;
	position: absolute;
	margin-top: 10px;
}

.skill-desc-right {
	background-image: url(title_4.png);
	background-size: cover;
	width: 176px;
	height: 128px;
	padding: 16px 0 0 52px;
	box-sizing: border-box;
}

.zhuanwu-img {
	background-image: url(wj_zgl_3.png);
	background-size: cover;
	width: 108px;
	height: 90px;
}

.pop-wrap {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 110;
}

.pop-bg {
	position: absolute;
	background-color: #000000;
	width: 100%;
	height: 150%;
	opacity: 0.5;
	display: none;
	top: -20%;
	z-index: 100;
}

.skill-board {
	position: absolute;
	background: url('./wj/wj_kuang.png');
	background-size: 100% 100%;
	width: 7.5rem;
	height: 4.78rem;
	display: none;
	top: 50%;
	left: 0rem;
	margin-top: -4rem;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding: 0.28rem 0.5rem;
}

.skill-title {
	background: url(font_2.png);
	background-size: cover;
	width: 90px;
	height: 16px;
}

.role-board {
	position: absolute;
	background: url(./jdjy/tc.png);
	background-size: 100% 100%;
	width: 7.5rem;
	height: 10rem;
	top: 50%;
	margin-top: -5rem;
	display: none;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding: 0px;
}
.zw-board {
	position: absolute;
	background: url(./wj/kuang01.png);
	background-size: cover;
	width: 7.55rem;
	height: 5.11rem;
	display: none;
	top: 50%;
	margin-top: -4rem;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.jdwj-board {
	position: absolute;
	background: url(./jdjy/kuang02.png);
	background-size: cover;
	width: 7.5rem;
	height: 13rem;
	display: none;
	margin-top: 0rem;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding: 0px;
}
.cc-board {
	position: absolute;
	background: url(./cc/ccy_plank.png);
	background-size: cover;
	width: 3rem;
	height: 4.5rem;
	left: 50%;
	top: 50%;
	margin-left: -1.5rem;
	display: none;
	margin-top: -4rem;
	margin-right: auto;
	box-sizing: border-box;
	padding: 0px;
}
.ph-board {
	position: absolute;
	background: url(./phtz/jn_kuang.png);
	background-size: cover;
	width: 7.55rem;
	height: 5.82rem;
	display: none;
	top: 50%;
	margin-top: -4rem;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
.jdwj-title {
	width: 100%;
	height: 2rem;
}
.jdwj-bd {
	width: 6.3rem;
	height:10rem;
	margin:0 auto;
	font-size: 0.22rem;
	font-weight: bold;
	color: #64463a;
	margin-top: 0rem;
	text-align: center;
}
.jdwj-item {
	width: 100%;
	height:9.5rem;
	margin:0 auto;
	font-size: 0.22rem;
	font-weight: bold;
	color: #64463a;
	text-align: center;
	overflow:hidden;
}
					.jdtfl{float:left;width: 68%;line-height: 0.366rem;}
					.jdtfr{float:left;width: 32%;border: 1px solid #64463a;border-left: none;margin-left: -1px;}
					.jdt1{float:left;width: 33%;border: 1px solid #64463a;border-right: none;border-bottom: none;}
					.jdt2{float:left;width: 33%;border: 1px solid #64463a;border-right: none;border-bottom: none;}
					.jdt3{float:left;width: 32%;border: 1px solid #64463a;border-bottom: none;}
					.jdtred{color:red;}
					.jdtgreen{color:#00b14f;}
					.jdte{border-bottom: 1px solid #64463a;}
					.jdtfr img{display: block;width:1.68rem;margin:0 auto;}	
					.jdt4{width: calc(100% - 7px);border: 1px solid #64463a;border-top: none;line-height: 0.35rem;text-align: left;padding: 0.05rem;}
					.jdtdp{margin-top:0.2rem}
					.jdtdpt{float:left;width: 26%;}
					.jdtdp img{display:block;width: 100%;}
					.jdtdpbd{float:left;width: 74%;background:url('./jdjy/kuang01.png') no-repeat;background-size:100% 100%;}
					.jdtdptxt{color: #f6d09f;margin: 0.5rem;text-align: left;line-height: 0.4rem;height: 3.9rem;overflow-y: scroll;}
.swiper-containerjdwj{width: 100%;height: 100%;margin:0 auto;}
.swiper-containerjdwj .swiper-wrapperjdwj .swiper-slidejdwj{width: 100%;}
.swiper-containerjdwj .swiper-wrapperjdwj .swiper-slidejdwj .icon{width: 100%;margin: 0 auto;height: 0.9rem;background-image: url(tit_02.png);background-size: 16rem 0.9rem;background-position: 0.2rem 0;}
.swiper-containerjdwj .swiper-wrapperjdwj .swiper-slidejdwj .icon img{width: 100%;display: none;}
.swiper-containerjdwj .swiper-wrapperjdwj .swiper-slidejdwj .icon .ia{padding: 0.1rem 0.05rem 0.1rem 0.05rem;}
.swiper-containerjdwj .swiper-wrapperjdwj .swiper-slidejdwj .icon .ib{display:none;}
.swiper-containerjdwj .swiper-wrapperjdwj .swiper-slidejdwj.swiper-slide-active .swiper-con{/*width:90%;*/margin-right:0;border-radius:5px;}
.swiper-containerjdwj .swiper-wrapperjdwj .swiper-slidejdwj.swiper-slide-active .icon{background-image: url(tit_01.png);}
.swiper-containerjdwj .swiper-wrapperjdwj .swiper-slidejdwj.swiper-slide-active .ia{display:none;}
.swiper-containerjdwj .swiper-wrapperjdwj .swiper-slidejdwj.swiper-slide-active .ib{display:block;}

.role-title {
	margin-top: 2rem;
	background: url(font_3.png);
	background-size: cover;
	width: 90px;
	height: 16px;
	display:none;
}
.role-div{width: 6.3rem;margin: 0 auto;display:none;}
.role-desc-img {background-image: url(wj_zgl_4.png);background-size: cover;width: 100%;margin: 0.6rem auto 0.3rem auto;}
.role-desc-img img{display:block;width:100%;}
.role-desc-ts {
	width: 100%;
	line-height: 0.5rem;
	margin: 0.1rem auto 0.2rem auto;
	color:#d67440;
	font-size: 0.32rem;
	font-weight: bold;
	text-align: center;
}
.role-desc-text {
	color: #64463a;
	line-height: 0.4rem;
	font-size: 0.3rem;
	text-indent: 0.6rem;
}
.role-desc-text p{margin:0.1rem}
.zw-title {
	width: 72%;
	margin:0 auto;
	padding-top: 1.1rem;
	margin-left: 1.2rem;
	font-size: 0.4rem;
	color: #4e2e43;
	line-height: 0.4rem;
	text-align: center;
}
.zw-desc {
	width: 72%;
	margin:0 auto;
	padding-top: 0.2rem;
	margin-bottom: 20px;
	margin-left: 1.2rem;
	font-size: 0.25rem;
	color: #4e2e43;
	line-height: 0.4rem;
}
.videoplayer {
	/* width: 297px;
	height: 138px; */
	z-index: 100;
	margin-top: 10px;height: 3.84rem;
}
.common-item-skill {
	width: 100%;
	display: flex;
	margin: 10px 0;
}
#skill-item {
	width: 26px;
	min-width: 26px;
	height:26px;
	margin: 0 10px 0 0;
	font-size:0.3rem;
}
#skill-text-1 {
	color: #64463a;
	line-height: 18px;
	font-size:0.3rem;
}
#skill-text-2 {
	color: #c94509;
	line-height: 18px;
	font-size:0.3rem;
}
.skill-item-1 {
	background-image: url(wj_zgl_5.png);
	background-size: cover;
}
.skill-item-2 {
	background-image: url(wj_zgl_6.png);
	background-size: cover;
}
.skill-item-3 {
	background-image: url(wj_zgl_7.png);
	background-size: cover;
}

.by-board-desc {
	background: url(box_2.png);
	background-size: cover;
	width: 351px;
	height: 404px;
	display: none;
	top: 50%;
	margin-top: 28%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding: 20px;
	font-size: 13px;
}
.by-title {
	background: url(font_5.png);
	background-size: cover;
	width: 170px;
	height: 16px;
	margin-bottom: 10px;
}
.by-desc-top {
	color: #64463A;
	line-height: 20px;
}
.by-desc-bottom {
	color: #C94509;
	margin-top: 20px;
}
.by-board-item {
	background: url(box_3.png);
	background-size: cover;
	width: 351px;
	height: 175px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -175px;
	box-sizing: border-box;
	padding: 20px;
	font-size: 13px;
	line-height: 20px;
}
.by-item-title {
	background: url(font_4.png);
	background-size: cover;
	width: 90px;
	height: 16px;
	margin-bottom: 10px;
}
.by-item-desc1 {
	color: #C94509;
}
.by-item-desc2 {
	color: #64463A;
}
.by-item-desc3 {
	color: #64463A;
	margin-top: 20px;
}
.pop-close {
	background: url(./wj/btn-close.png);
	background-size: cover;
	position: absolute;
	width: 0.88rem;
	height: 0.96rem;
	top: 50%;
	margin-top:-3rem;
	left: 6.4rem;
}
.pop-close.rolepop{margin-top: -4rem;}
.pop-close.jdwjpop{margin-top: 0.8rem;top: 0;}
.pop-close.skillpop{margin-top:-4.3rem;}
.pop-close.roledescpop{margin-top:-5.2rem;}
.pop-close.ccpop{margin-top: -4.4rem;left: 4.7rem;}
.pop-close.phpop{margin-top: -4.4rem;}
.footer {
	background-color: #1f1412;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	box-sizing: border-box;
	font-size:0.22rem;
}
.footer-bottom {
	position: absolute;
	width: 100%;
	bottom: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 11;
}
.go-top {
	background: url(icon_7.png);
	background-size: cover;
	width: 40px;
	height: 40px;
	margin-bottom: 30px;
}
.footer-text {
	bottom: 10px;
	margin: auto;
	line-height: 30px;
}

#footer-container {
	width: 100%;
	height: 100%;
	/* position: absolute; */
}
.swiper-slide.foot-size {
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 50% 40%;
	width: 100%;
	height: 100%;
	/* padding-left: 0 10px; */
}

.foot-img1 {
	background-image: url(foot_1.jpg);

}
.foot-img2 {
	background-image: url(foot_2.jpg);

}
.foot-img3 {
	background-image: url(foot_3.jpg);

}
.foot-img4 {
	background-image: url(foot_4.jpg);

}
.foot-img5 {
	background-image: url(foot_5.jpg);

}



.lbbox{position:absolute;width:100%;left:0;bottom: 0rem;height: 0.9rem;z-index: 90;background-image: url(tit_bg01.png);background-size: 100% 100%;}
.lbbox .swiper-con{display:block;width:100%;}
.lbbox .swiper-wrapper{margin-left:0rem;}
.lbbox .swiper-pagination{display:none;}
.lbbox .swiper-container_wg{width: 86%;height: 100%;margin:0 auto;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg{width: 1.33rem;height: 1rem;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .icon{width: 100%;margin: 0 auto;height: 0.9rem;background-image: url(tit_02.png);background-size: 16rem 0.9rem;background-position: 0.2rem 0;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .icon1{background-position: 0.2rem 0;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .icon2{background-position: -1.1rem 0;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .icon3{background-position: -2.5rem 0;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .icon4{background-position: -3.6rem 0;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .icon5{background-position: -4.8rem 0;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .icon6{background-position: -6.25rem 0;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .icon7{background-position: -7.65rem 0;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .icon8{background-position: -8.85rem 0;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .icon9{background-position: -10.2rem 0;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .icon10{background-position: -11.55rem 0;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .icon11{background-position: -12.9rem 0;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .icon12{background-position: -14.45rem 0;}

.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .icon img{width: 100%;display: none;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .icon .ia{padding: 0.1rem 0.05rem 0.1rem 0.05rem;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .icon .ib{display:none;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg.swiper-slide-active .swiper-con{/*width:90%;*/margin-right:0;border-radius:5px;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg.swiper-slide-active .icon{background-image: url(tit_01.png);}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg.swiper-slide-active .ia{display:none;}
.swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg.swiper-slide-active .ib{display:block;}
.swiper-con-on{/*width:90%;*/margin-right:10px;background: #0896d8;border-radius:5px;}
.swiper-con-on .name{color:#fff}
.swiper-con img{width:100%;}
.prev_n,.next, .prev,.next_n{position:absolute;display:inline-block;height: 0.4rem;overflow:hidden;line-height:125px;width: 0.4rem;z-index:2;cursor:pointer;top: 50%;margin-top: -0.2rem;}
.prev, .prev_n{background: url('/wly/zhuanti/2022/zl/images/jtleft.png') no-repeat;background-size: 100% 100%;left: 0.2rem;}
.next, .next_n{background: url('/wly/zhuanti/2022/zl/images/jtright.png') no-repeat;background-size: 100% 100%;right: 0.2rem;}
.prev:hover ,.prev_n:hover{background:url('/wly/zhuanti/2022/zl/images/jtleft.png') no-repeat;background-size: 100% 100%;}
.next:hover,.next_n:hover{background:url('/wly/zhuanti/2022/zl/images/jtright.png') no-repeat;background-size: 100% 100%;}

.swiper-container_role{width: 100%;height: 100%;margin:0 auto;z-index:0;}
.swiper-container_role .swiper-slide_role{width: 1.33rem;height: 11rem;}


.jyicon{position:absolute;display: block;width: 2.2rem;margin: 0 auto;}
.jyicon1{left: 2.7rem;top: 6.0rem;}
.jyicon2{left: 2.9rem;top: 8.8rem;}
.jyicon3{left: 0rem;top: 8.3rem;}
.jyicon4{left: 4.8rem;top: 7.7rem;}
.jyicon5{left: 5rem;top: 4.7rem;}
.jyicon6{left: 0rem;top: 5.2rem;}
.jyicon7{left: 5rem;top: 1.9rem;}
.jyicon8{left: 2.6rem;top: 3.3rem;}
.jyicon9{left: 0.5rem;top: 2.1rem;}
.jyicon img{width: 100%; }
.jyicon .ia{display:none;padding: 0.1rem 0.05rem 0.1rem 0.05rem;}
.jyicon .ib{margin-top: -0.5rem;}
.jyicon:hover .ia ,.jyicon.on .ia{display:block;}
.jyicon:hover .ib ,.jyicon.on .ib{display:none;}


.ccicon{position:absolute;display: block;width: 7.5rem;height: 7.5rem;margin: 0 auto;top: 1.6rem;}
.ccccy{position:absolute;display: block;width: 2.12rem;height: 2.50rem;margin: 0 auto;top: 5.5rem;left: 2.8rem;}
.ccdesc{position:absolute;display: block;width: 5.56rem;height: 1.60rem;margin: 0 auto;top: 9.6rem;left: 1rem;}
.cc-title {width: 72%;margin:0 auto;padding-top: 0.22rem;margin-left: 0.3rem;font-size: 0.4rem;color: #fff;line-height: 0.4rem;text-align: center;}
.cc-desc {width: 80%;margin:0 auto;padding-top: 0.6rem;margin: 0 auto;font-size: 0.3rem;color: #4e2e43;line-height: 0.5rem;}

.ccic img{display:block;width:100%}
.ccic .ia{display: block;}
.ccic .ib{display:none;}
.ccic.on .ia{display: none;}
.ccic.on .ib{display: block;}
.ccic1{position:absolute;display: block;width: 1.5rem;height: 1.5rem;margin: 0 auto;top: 7.8rem;left: 3.0rem;z-index: 2;}
.ccic2{position:absolute;display: block;width: 1.5rem;height: 1.5rem;margin: 0 auto;top: 4.55rem;left: 0.1rem;z-index: 2;}
.ccic3{position:absolute;display: block;width: 1.5rem;height: 1.5rem;margin: 0 auto;top: 1.7rem;left: 3.1rem;z-index: 2;}
.ccic4{position:absolute;display: block;width: 1.5rem;height: 1.5rem;margin: 0 auto;top: 4.5rem;left: 6.0rem;z-index: 2;}
.ccic5{position:absolute;display: block;width: 1.5rem;height: 1.5rem;margin: 0 auto;top: 5.4rem;left: 5.95rem;display:none;}
.ccic6{position:absolute;display: block;width: 1.5rem;height: 1.5rem;margin: 0 auto;top: 7.45rem;left: 4.6rem;display:none;}
.ccic7{position:absolute;display: block;width: 1.5rem;height: 1.5rem;margin: 0 auto;top: 7.45rem;left: 1.6rem;display:none;}

.ccquan{display: block;width: 6.4rem;height: 6.4rem;top: 2.15rem;left: 0.55rem;background: url('./cc/quan02.png')  no-repeat;background-size:100% 100%;position: absolute;animation:rotate 5s linear infinite;-webkit-animation:rotate 5s linear infinite;transform: rotate(360deg);-webkit-transform: rotate(360deg);}
@keyframes rotate{form{transform: rotate(360deg);} to{transform: rotate(0deg);}}
@-webkit-keyframes rotate{form{-webkit-transform: rotate(360deg);} to{-webkit-transform: rotate(0deg);}}

.fbic{float:left;width:33%;}
.fbic .n1{display:none;}
.fbic.on .n1{display:block;}
.fbic.on .n2{display:none;}
.fbic img{width:100%;}
.fbic1{}
.fbic2{}
.fbic3{}

.fb-div{display:none;width: 6.0rem;margin: 0 auto;margin-top: 1.2rem;background: url('./fb/xzfb_kuang.png') no-repeat;background-size: 100% 100%;padding: 0.4rem;}
.fb-desc-img {background-image: url(wj_zgl_4.png);background-size: cover;width: 100%;margin: 0.10rem auto 0.2rem auto;}
.fb-desc-img img{display:block;width:100%;}
.fb-desc-ts {
	width: 100%;
	line-height: 0.5rem;
	margin: 0.1rem auto 0.2rem auto;
	color: #784845;
	font-size: 0.26rem;
	font-weight: bold;
	text-align: left;
	height: 3.5rem;
	overflow-y: scroll;
}
.fb-desc-text {
	color: #c74306;
	line-height: 0.6rem;
	font-size: 0.25rem;
	text-indent: 0rem;
	width: 4.04rem;
	height: 0.6rem;
	text-align: center;
	margin: 0 auto;
	background: url('./fb/xzfb_kuang01.png') no-repeat;
	background-size:100% 100%;
}
.fb-desc-text p{margin:0.1rem}


/*ƽºâ*/
.phicon{position:absolute;display: block;width: 1.5rem;height: 1.8rem;margin: 0 auto;}
.phicon1{left: 0rem;top: 4.1rem;}
.phicon2{left: 1.6rem;top: 4.8em;}
.phicon3{left: 3.2rem;top: 4.4rem;width: 1.2rem;}
.phicon4{left: 4.5rem;top: 4.7rem;width: 1.2rem;}
.phicon5{left: 5.5rem;top: 4.0rem;}
.phicon6{left: 0rem;top: 6.0rem;}
.phicon7{left: 2rem;top: 6.5rem;}
.phicon8{left: 4.0rem;top: 6.5rem;}
.phicon9{left: 6.0rem;top: 5.8rem;}
.phicon10{left: 0.2rem;top: 7.7rem;}
.phicon11{left: 2.5rem;top: 7.9rem;}
.phicon12{left: 4.4rem;top: 8.4rem;}
.phicon13{left: 6.0rem;top: 7.5rem;}
.phicon14{left: 0.5rem;top: 9.7rem;}
.phicon15{left: 2.9rem;top: 9.7rem;}
.phicon16{left: 5.2rem;top: 9.87rem;}
.phicon img{width: 100%; }
.phicon .ia{display:none;padding: 0.1rem 0.05rem 0.1rem 0.05rem;}
.phicon .ib{margin-top: -0.5rem;}
.phicon:hover .ia ,.phicon.on .ia{display:block;}
.phicon:hover .ib ,.phicon.on .ib{display:none;}

.ph-img{
    position: absolute;
    left: 0.5rem;
    width: 0.8rem;
}
.ph-img img{display:block;width: 100%;}
.ph-title {
	width: 72%;
	margin:0 auto;
	padding-top: 0.5rem;
	font-size: 0.5rem;
	color: #745a3f;
	line-height: 0.8rem;
	text-align: center;
	font-weight: bold;
}
.ph-title1{
    display: block;
    width: 5.24rem;
    margin: 0 auto;
}
.ph-title1 img{
    display: block;
    width: 100%;
}
.ph-desc {
	width: 75%;
	margin:0 auto;
	padding-top: 0.15rem;
	padding-right: 0.8rem;
	padding-bottom: 0.1rem;
	margin: 0 auto;
	font-size: 0.2rem;
	color: #fe011d;
	line-height: 0.4rem;
	padding-left: 1.2rem;
}
.ph-desc span{
    color: #574342;
}
.ph-title2{}

.yhzlicdiv{height: 1.8rem;width: 90%;margin: 1.2rem auto 0;}
.yhzlic{float:left;width:20%;}
.yhzlic .n2{display:none;}
.yhzlic.on .n2{display:block;}
.yhzlic.on .n1{display:none;}
.yhzlic img{width:100%;}
.yhzlic1{}
.yhzlic2{}
.yhzlic3{}

.yhzl-div{display:none;width: 5.5rem;height: 8rem;margin: 0 auto;margin-top: 0.1rem;background: url('./yhzl/yhzl_bg01.png') no-repeat;background-size: 100% 100%;padding: 0.6rem 1rem 0.5rem 1rem;}
.yhzl-div .yhzlbd{height:7.2rem;overflow-y:scroll;}
.yhzl-desc-img {width: 90%;margin: 0rem auto 0.1rem auto;}
.yhzl-desc-img2{width:50%;}
.yhzl-desc-img img{display:block;width:100%;}
.yhzl-desc-ts {
	width: 100%;
	line-height: 0.4rem;
	margin: 0rem auto 0.1rem auto;
	color: #fff;
	font-size: 0.24rem;
	font-weight: bold;
	text-align: left;
	/* height: 5rem; */
	overflow-y: scroll;
}
.yhzl-desc-text {
	color: #c74306;
	line-height: 0.6rem;
	font-size: 0.3rem;
	text-indent: 0.6rem;
	width: 3.04rem;
	height: 0.6rem;
	margin: 0 auto;
	background: url('./fb/xzfb_kuang01.png') no-repeat;
	background-size:100% 100%;
}
.yhzl-desc-text p{margin:0.1rem}