@charset "utf-8";





/* CSS Document */



.homeZt {
	position: relative;
	margin-bottom: 0.4rem;
}

.homeZt .swiper-pagination-bullet-active {
	background: #fff;
}

.homeZt img {
	width: 100%;
	display: block;
}

@keyframes scaleDraw {



	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/

	0% {

		-webkit-transform: scale(1.2, 1.2);

		transform: scale(1.2, 1.2);

		/*开始为原始大小*/

	}



	100% {

		-webkit-transform: scale(1, 1);

		transform: scale(1, 1);

	}

}









.banner-container {

	position: relative;

	overflow: hidden;

	width: 100%;

	padding-top: 1.28rem;



}





.banner-container .swiper-slide {

	overflow: hidden;



}



.swiper-slide .b-img {

	width: 100%;

	display: block;

}



.swiper-slide-active .b-img {



	animation: changeScale 1 3s;

}



.s-img {

	display: none;

}



.bannerBar .wrap {

	position: relative;

}







.bannerBar .swiper-pagination {

	display: flex;

	justify-content: right;

	align-items: center;

	text-align: center;

	bottom: 0.8rem !important;

}



.banner-container .swiper-pagination-bullet {



	cursor: pointer;

	transition-duration: .5s;

	width: 0.21rem;

	height: 0.21rem;

	background: none !important;

	border: 2px solid rgba(255, 255, 255, 0.7) !important;

	border-radius: 50%;

	opacity: 1;

	margin: 0 0.1rem !important;

	float: left;

	color: #fff;

	position: relative;



}







.banner-container .swiper-pagination-bullet-active {

	width: 0.43rem;

	height: 0.5rem;

	background: url(../images/h.png) no-repeat center !important;

	background-size: 0.43rem 0.5rem !important;

	border: none !important;

	border-radius: 0;

}



.banner-container .swiper-button-next,

.banner-container .swiper-button-prev {

	width: 0.5rem !important;

	height: 0.5rem !important;

	border-radius: 50% !important;

	transition-duration: .5s;

}



.banner-container .swiper-button-next {

	background: url(../images/next.png) no-repeat center rgba(0, 0, 0, 0.5);

	background-size: 100% auto;

	right: 1.4rem;

}



.banner-container .swiper-button-prev {

	background: url(../images/pre.png) no-repeat center rgba(0, 0, 0, 0.5);

	background-size: 100% auto;

	left: 1.4rem;

}



.banner-container .swiper-button-next:hover {

	background: url(../images/next.png) no-repeat center #c368c7;

	background-size: 100% auto;

}



.banner-container .swiper-button-prev:hover {

	background: url(../images/pre.png) no-repeat center #c368c7;

	background-size: 100% auto;

}



.swiper-button-next:after,

.swiper-button-prev:after {

	display: none !important;

}



.banner-txt {

	width: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	color: #fff;

	opacity: 0;

	transition-duration: 2s;





}



.swiper-slide-active .banner-txt {

	opacity: 1;

	bottom: 0.58rem;

}





.banner-txt dl dd h1 {

	font-size: 0.48rem;

	font-weight: normal;

}



.homeBg {

	background: url(../images/bg.jpg) no-repeat center;

	background-size: 100% 100%;

	padding: 1.1rem 0;

}

.homeJldt {
	padding-bottom: 0.8rem;
}

.homeJldt,

.homeXwjj,

.homeTzgg,

.w90,
.homeZt {

	position: relative;

	width: 90%;

	margin: 0 auto;

}



.dtBg {

	width: 2.42rem;

	height: 2.53rem;

	position: absolute;

	top: -0.3rem;

	right: -1rem;

	z-index: 1;

}



.dtBg img {

	width: 100%;

	display: block;

}



.zindexTwo {

	position: relative;

	z-index: 2;

}



.dtTitle {

	position: relative;

	display: flex;

	justify-content: center;

	align-items: center;

	margin-bottom: 0.28rem;

}



.dtTitle dt {

	display: flex;

	justify-content: center;

	align-items: center;

}



.dtTitle dt img {

	width: 0.74rem;

	display: block;

}



.dtTitle dt p {

	font-size: 0.42rem;

	margin: 0 0.1rem;

	position: relative;

	line-height: 1.5;

}



.dtTitle dt p::after {

	content: '';

	position: absolute;

	width: 90%;

	height: 1px;

	position: absolute;

	bottom: 0;

	left: 5%;

	background: #979797;

}



.dtTitle dt p::before {

	content: '';

	position: absolute;

	width: 20%;

	height: 4px;

	position: absolute;

	bottom: 0;

	left: 40%;

	background: #c368c7;

}



.homeMore {

	position: absolute;

	display: flex;

	justify-content: center;

	align-items: center;

	right: 0;

	top: 0.3rem;

	font-size: 0.2rem;

}



.homeMore img {

	width: 0.23rem;

	display: block;

	margin-left: 0.05rem;

	transition-duration: .5s;

}



.dtBox {

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

}



.w49 {

	width: 49.5%;

}



.dtLeftop {

	background: #fff;

	display: block;

	border-radius: 0.15rem;

	overflow: hidden;

	position: relative;

}



.dtLeftop:after,

.jjLis01::after {

	content: '';

	width: 0;

	height: 2px;

	background: #c368c7;

	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

	transition-duration: .5S;

}



.jjIMg {

	height: 2.9rem;

}

.dtimg {
	height: 3.8rem;
}


.dtimg,

.jjIMg {

	overflow: hidden;

}



.dtimg img,

.jjIMg img {

	width: 100%;

	height: 100% !important;

	display: block;

	transition-duration: .5s;
	object-fit: cover;

}



.dtLeftop:hover .dtimg img,

.jjLis01:hover .jjIMg img {

	transform: scale(1.1);

}



.dtLeftop:hover:after,

.jjLis01:hover:after {

	width: 100%;

}



.dtLeftop p {

	line-height: 0.82rem;

	font-size: 0.24rem;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	padding-left: 0.36rem;

	transition-duration: .5s;

}



.list01 a {

	line-height: 0.65rem;

	display: block;



	background: #fff;

	border-radius: 0.1rem;

	margin-top: 0.1rem;

	padding-left: 0.36rem;
	padding-right: 0.1rem;
	transition-duration: .5s;

	position: relative;

	overflow: hidden;

	font-size: 0.24rem;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



.list01 a:hover {

	padding-left: 0.4rem;

}



.list01 a::before {

	content: '';

	width: 0.04rem;

	height: 40%;

	background: #c368c7;

	position: absolute;

	left: 0;

	top: 30%;

	border-radius: 0 0 0.05rem 0;

	transition-duration: .5s;

}



.list01 a:hover::before {

	height: 100%;

	top: 0;

}



.list02 {

	display: flex;

	justify-content: space-between;

	align-items: center;

}



.list02 a {

	background: #fff;

	border-radius: 0.15rem;

	height: 1.97rem;

	position: relative;

	padding: 0.3rem;

	overflow: hidden;

}



.list02 a h1 {

	font-size: 0.24rem;

	line-height: 1.3;

	margin-bottom: 0.15rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;

}



.list02 a p {

	font-size: 0.18rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;

}



.list02 a::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0.3rem;

	width: 20%;

	height: 0.08rem;

	background: #c368c7;

	border-radius: 0 0 0.08rem 0;

	transition-duration: .5s;

}



.list02 a:hover::before {

	width: 100%;

	left: 0;

}



.newPic {

	background: #fff;

	border-radius: 0.15rem;

	padding: 0.2rem;

	margin-top: 0.1rem;

}



.newPic a {

	display: block;

	overflow: hidden;

	position: relative;

	border-radius: 0.15rem;

	height: 3.7rem;



}



.newPic a img {

	width: 100%;

	height: 100% !important;

	display: block;

	transition-duration: .5s;

}



.newPic a p {

	position: absolute;

	color: #fff;

	font-size: 0.24rem;

	bottom: 0.2rem;

	left: 0.1rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;

}



.newPic a:hover img {

	transform: scale(1.1);

}



.homeXwjj {

	padding: 0.8rem 0 0.8rem 0;

}



.newTitle {

	position: relative;

	display: flex;

	justify-content: left;

	align-items: center;

}



.newTitle .img {

	width: 0.67rem;

	display: block;

}



.newTitle h1 {

	font-size: 0.42rem;



	font-weight: normal;

	margin: 0 0.1rem;

}



.newTitle p {

	font-size: 0.2rem;

	color: #777;

	border-bottom: 1px solid #979797;

	padding-right: 0.1rem;

	position: relative;

	padding-bottom: 0.04rem;

	text-transform: uppercase;

}



.newTitle p:after {

	content: '';

	width: 0.32rem;

	height: 0.04rem;

	background: #c368c7;

	position: absolute;

	left: 0;

	bottom: -0.01rem;

}



.homeXwjj .dtBg {

	right: auto;

	left: -1rem;

	top: 0.9rem;

}



.jjBox {

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

}



.w32 {

	width: 32%;



	border-radius: 0.13rem;

	overflow: hidden;

}


.w32 .list01 a {
	line-height: 0.5rem;
	font-size: 0.2rem;
}

.jjLis01 {

	display: block;

	position: relative;

}



.jjWb {

	padding: 0.1rem;

	display: flex;

	justify-content: space-between;

	align-items: center;
	background: #fff;

}



.jjWb dt {

	width: 20%;

	text-align: center;

	border-right: 1px solid #b596b5;

}



.jjWb dt h1 {

	font-size: 0.4rem;

	color: #c368c7;

	line-height: 1.2;



}



.jjWb dt p {

	font-size: 0.18rem;

}



.jjWb dd {

	width: 75%;

	font-size: 0.2rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;

}



.newLIst {

	padding: 0.2rem;
	background: #fff;

}



.newLIst a {

	display: block;

	border-bottom: 1px dashed #8e8e8e;

	padding-bottom: 0.2rem;

	margin-bottom: 0.13rem;



}



.newLIst a img {

	width: 0.18rem;

	display: block;

	margin-right: 0.1rem;

}



.newLIst a .time {

	display: flex;

	justify-content: left;

	align-items: center;

	font-size: 0.18rem;

	color: #c368c7;

}



.newLIst a p {

	font-size: 0.2rem;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	line-height: 1.73;

	transition-duration: .5s;

}



.newLIst a:last-child {

	border: none;

	margin-bottom: 0;

	padding-bottom: 0;

}







.homeTzgg .zindexTwo {

	display: flex;

	justify-content: space-between;

	align-items: center;

}



.w48 {

	width: 48.5%;



}



.bhBs {

	background: #fff;

	border-radius: 0.15rem;

	overflow: hidden;

	border-top: 0.05rem solid #c368c7;



}



.bhBs .newLIst a .time {

	position: relative;

	padding-left: 0.15rem;

}



.bhBs .newLIst a .time::before {

	content: '';

	width: 0.04rem;

	height: 0.04rem;

	background: #9c459f;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -0.02rem;

	border-radius: 50%;

}



.bhBs .newLIst a p {

	line-height: 1;

}



.newLIst a:hover p {

	padding-left: 0.1rem;

}



.homeMrlx {

	background: url(../images/bg1.jpg) no-repeat center;

	background-size: 100% 100%;

	padding: 1rem 0 1.74rem;

	position: relative;

}



.sxContainer {

	overflow: hidden;

	margin-top: 0.2rem;



	border-radius: 0.2rem;

}



.sxBox {

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	background: url(../images/lt.png) no-repeat bottom right #fff;

	background-size: auto 100%;

}



.sxImg {

	width: 50%;

}



.sxImg img {

	width: 100%;

	height: 100%;

	display: block;

	transition-duration: .5s;

}



.sxBox dl {

	width: 50%;

	padding: 0.6rem;

}



.sxBox dl dt {

	border-bottom: 1px solid #b8b8b8;

	position: relative;

	padding-bottom: 0.2rem;

	margin-bottom: 0.2rem;

}



.sxBox dl dt span {

	color: #5f2d60;

	position: absolute;

	bottom: 0.3rem;

	right: 0;

}



.sxBox dl dt h1 {

	font-size: 0.46rem;

	color: #6b216c;

	font-weight: bold;

	line-height: 1.3;

}



.sxBox dl dt h1 b {

	font-size: 0.26rem;

	color: #333;

}



.sxBox dl dt p {

	font-size: 0.26rem;

	position: absolute;

	left: 0.8rem;

	bottom: 0.3rem;

}



.sxBox dl dd {

	display: flex;

	justify-content: left;

	align-items: flex-start;

	padding-top: 0.5rem;

}



.rl {

	width: 1.46rem;

	text-align: center;

	background: #3db957;

	color: #fff;

	border-radius: 0.1rem;

	padding: 0.15rem;



}



.rl h1 {

	font-size: 0.28rem;

	line-height: 1.5;

	border-bottom: 1px solid rgba(255, 255, 255, 0.4);

	padding-bottom: 0.1rem;

	margin-bottom: 0.1rem;

}



.rl h1 span {

	font-size: 0.26rem;

}



.rl h2 {

	font-size: 0.24rem;

	line-height: 1.5;

	padding: 0.05rem 0;

}



.ljZi {

	font-size: 0.22rem;

	margin: 0 0 0 0.3rem;



	display: flex;

	justify-content: center;

	align-items: center;



}



.ljZi p {

	margin: 0 0.2rem;

}



.sxContainer .swiper-pagination {

	width: 50% !important;

}



.sxContainer .swiper-pagination-bullet {

	width: 0.18rem !important;

	height: 0.18rem !important;

	background: none !important;

	border: 2px solid #fff !important;

	opacity: 1 !important;

	margin: 0 7px !important;

}



.sxContainer .swiper-pagination-bullet-active {

	background: #fff !important;

}



.homeXysj {

	background: url(../images/fjBg.jpg) no-repeat center;

	background-size: 100% 100%;

	padding-top: 0.8rem;

	position: relative;

}



.fjTitle {

	position: absolute;

	left: 12%;

	top: 0.8rem;

	color: #fff;

	z-index: 2;

}



.fjTitle dt {

	display: flex;

}



.fjTitle dt h1 {

	font-size: 0.42rem;

	writing-mode: vertical-rl;

	/* 垂直展示 */

	text-orientation: upright;

	/* 文字直立 */



	font-weight: normal;

	line-height: 1;

}



.fjTitle dt p {

	writing-mode: vertical-rl;

	/* 垂直展示 */

	text-transform: uppercase;

	font-size: 0.18rem;

	letter-spacing: 1px;



	margin-top: 0.14rem;



	margin-left: 0.15rem;

	position: relative;



}



.fjTitle dt p span {

	opacity: 0.3;

	display: block;

	border-left: 1px solid #fff;

}



.fjTitle dt p::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 3px;

	height: 20px;

	background: #fff;

	opacity: 1;

}



.fjTitle dd {

	font-size: 0.18rem;

	color: #fff;

	margin-top: 1.5rem;

}



.fjTitle dd a {

	color: #fff;

}



.fjTitle dd span {

	height: 0.6rem;

	width: 1px;

	display: block;

	background: #fff;

	margin-left: 0.15rem;

}



.view .swiper-container {

	width: 75%;

	float: right;

	overflow: hidden;

	border-radius: 0.2rem 0 0 0;

}



.view img {

	width: 100%;

	display: block;

}



.view .arrow-left {

	background: url(images/index_tab_l.png) no-repeat left top;

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -25px;

	width: 28px;

	height: 51px;

	z-index: 10;

}



.view .arrow-right {

	background: url(images/index_tab_r.png) no-repeat left bottom;

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -25px;

	width: 28px;

	height: 51px;

	z-index: 10;

}







.preview {

	width: 100%;

	position: absolute;

	bottom: 1.4rem;

	left: 0;

}



.preview .swiper-container {

	width: 600px;

	margin-left: 0;

}



.preview .swiper-slide {

	width: 185px;

	cursor: pointer;

	transform: scale(0.85);
	height: 100px;



}



.preview .active-nav {

	transform: scale(1);

}



/* .preview .slide6 {

    width: 82px;

} */



.preview .arrow-left {

	background: url(images/feel3.png) no-repeat left top;

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -9px;

	width: 9px;

	height: 18px;

	z-index: 10;

}



.preview .arrow-right {

	background: url(images/feel4.png) no-repeat left bottom;

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -9px;

	width: 9px;

	height: 18px;

	z-index: 10;

}



.preview img {

	width: 100%;

	height: 100%;

	display: block;

	border-radius: 0.2rem;
	object-fit: cover;

}



.preview .active-nav {

	border: 3px solid #ffffff;

	border-radius: 0.2rem;

}



@media (-webkit-device-pixel-ratio: 1.25) {}



@media (-webkit-device-pixel-ratio: 1.5) {}









@media only screen and (max-width: 1680px) {

	.banner-container .swiper-button-next {

		right: 4%;

	}



	.banner-container .swiper-button-rev {

		left: 4%;

	}

}



@media only screen and (max-width: 1450px) {}



@media only screen and (max-width: 1366px) {}



@media only screen and (max-width: 1020px) {

	.jjIMg {

		height: auto;

	}



	.bannerBar,

	.fjTitle dt p {

		display: none;

	}



	.banner-container {

		padding-top: 80px;

	}



	.banner-txt dl dd h1 {

		font-size: 24px;

	}



	.fjTitle {

		left: 3%;

	}






	.banner-container .swiper-button-prev {

		left: 4%;

	}



	.banner-container .swiper-button-next {

		background: url(../images/next.png) no-repeat center rgba(0, 0, 0, 0.5);

		background-size: 80% auto;

		width: 40px !important;

		height: 40px !important;



	}



	.banner-container .swiper-button-prev {

		background: url(../images/pre.png) no-repeat center rgba(0, 0, 0, 0.5);

		background-size: 80% auto;

		width: 40px !important;

		height: 40px !important;



	}



	.homeBg,

	.homeXwjj {

		padding: 30px 0;

	}

	.homeBg {
		background: url(../images/bg.jpg) repeat center;
		background-size: contain;
	}

	.homeMrlx {
		background: url(../images/bg1.jpg) repeat center;
		background-size: contain
	}

	.homeJldt,

	.homeXwjj,

	.homeTzgg,

	.w90 {

		width: 100%;

	}

	.homeJldt {
		padding-bottom: 20px;
	}

	.dtTitle dt p,

	.newTitle h1,

	.fjTitle dt h1 {

		font-size: 36px;

	}



	.dtTitle dt img {

		width: 40px;

	}



	.homeMore {

		font-size: 20px;

		top: 15px;

	}



	.homeMore img {

		width: 20px;

	}



	.dtLeftop p {

		line-height: 55px;

		font-size: 20px;

		padding: 0 10px;

	}



	.list01 a {

		font-size: 16px;

		padding: 0 20px;

		line-height: 55px;

	}

	.w32 .list01 a {
		font-size: 14px;
		line-height: 40px;
	}

	.list02 a {

		padding: 20px;

		height: 150px;

	}



	.sxBox dl dd {

		padding-top: 0;

	}



	.list02 a h1,

	.newPic a p,

	.jjWb dt h1,

	.newTitle p,

	.sxBox dl dt h1,

	.rl h1 {

		font-size: 20px;

	}



	.list02 a h1 {

		margin-bottom: 0;

	}



	.list02 a p,

	.jjWb dd,

	.jjWb dt p,

	.newLIst a p,

	.sxBox dl dt h1 b,

	.rl h2 {

		font-size: 18px;

	}



	.newLIst a {

		padding-bottom: 3px;

		margin-bottom: 3px;

	}



	.newLIst a .time,

	.ljZi {

		font-size: 16px;

	}



	.newLIst a img {

		width: 18px;

	}



	.newLIst,

	.sxBox dl {

		padding: 15px;

	}



	.jjWb dt {

		width: 35%;

	}



	.newTitle .img {

		width: 40px;

	}



	.sxContainer .swiper-pagination-bullet {

		width: 16px !important;

		height: 16px !important;

	}







}





@media only screen and (max-width: 992px) {}



@media only screen and (max-width: 768px) {
	.newLIst a img {
		width: 10px;
	}

	.jjWb dt {

		width: 20%;

	}

	.sxBox dl dd {
		display: block;
	}

	.dtTitle dt p,

	.newTitle h1,

	.fjTitle dt h1 {

		font-size: 26px;

	}

	.sxBox {
		background: #fff;
		padding-bottom: 20px;
	}

	.newLIst a {

		padding-bottom: 5px;

		margin-bottom: 5px;

	}



	.dtimg img,

	.jjIMg img,

	.newPic a img {

		height: auto !important;

	}



	.jjWb dt p {

		font-size: 14px;

	}



	.swiper-slide .b-img,

	.fjTitle dd {

		display: none;

	}





	.mobileImg,

	.s-img,

	.dtBox,

	.jjBox,

	.homeTzgg .zindexTwo,

	.sxBox {

		display: block;

	}



	.banner-txt dl dd h1 {

		font-size: 20px;

	}



	.banner-container {

		padding-top: 50px;

	}



	.banner-container .swiper-button-prev {

		left: 10px;

	}



	.bannerBar .swiper-pagination {

		bottom: 10px !important;

	}



	.homeBg,

	.homeXwjj {

		padding: 20px 0;

	}



	.homeJldt,

	.homeXwjj,

	.homeTzgg,

	.w90,

	.w49,

	.w32,

	.w48,

	.sxImg,

	.sxBox,
	.homeZt {

		width: 100%;

		margin-bottom: 10px;

	}

	.homeZt .swiper-pagination {
		bottom: 0;
	}

	.sxImg {
		height: 230px;
	}

	.sxBox dl {

		padding: 0 15px;

	}

	.homeJldt,
	.homeZt,
	.homeXwjj,
	.homeTzgg {
		width: 95%;
	}

	.newTitle .img {

		width: 30px;

	}



	.dtTitle dt img {

		width: 30px;

	}



	.list02 a h1 {

		font-size: 16px;

	}



	.homeMore,

	.dtLeftop p,

	.list01 a,

	.list02 a p,

	.newPic a p,

	.jjWb dd,

	.newLIst a p,

	.ljZi {

		font-size: 14px;

	}



	.newLIst a .time {

		font-size: 12px;

	}



	.list02 a {

		width: 49% !important;

		height: auto;

	}



	.preview {

		position: relative;

		bottom: 0;

	}



	.preview .swiper-slide {

		width: 130px;
		height: 66px;

	}



	.fjTitle {

		left: 20px
	}

	.fjTitle dt {
		display: block;
		margin-bottom: 20px;
	}


	.sxBox dl dt span {

		bottom: 10px;

	}

	.sxBox dl {
		width: 100%;
	}

	.rl {

		width: 120px;
		margin: 0 auto;

	}

	.sxBox dl dd:after {
		content: '';
		clear: both;
		display: block;
	}

	.ljZi {
		width: 50%;
		float: left;

		margin-left: 0;
	}

	.sxContainer .swiper-pagination {
		bottom: 57% !important;
		width: 20% !important;
	}

	.sxContainer .swiper-pagination-bullet {
		width: 10px !important;
		height: 10px !important;
	}
}



@media only screen and (max-width: 500px) {

	.jjBox {

		margin-top: 20px;

	}



	.dtTitle dt p,

	.newTitle h1,

	.fjTitle dt h1 {

		font-size: 20px;

	}







	.list02 a h1,



	.jjWb dt h1,

	.newTitle p,

	.sxBox dl dt h1,

	.rl h1 {

		font-size: 18px;

	}

	.rl {
		margin-bottom: 10px;
		width: 100px;
	}

	.rl h2 {

		font-size: 14px;

	}



	.homeMore {

		top: 6px;

	}

	.newTitle {
		margin-bottom: 15px;
	}

}