*{
	margin: 0;
	padding:0;
}
a{
	text-decoration: none;
}
.asdf48qwef4wrap{
	width: 100%;
	background-image: url("../img/key-data.png");
	    background-repeat: no-repeat;
	    background-size: cover;
	    margin-top: 60px;
}
.asdf48qwef4wrap >h6{
	        font-size: 32px;
	        font-weight: 700;
	        text-align: center;
	        color: #333333;
	        padding-top: 60px;
	        padding-bottom: 14px;
	        letter-spacing: 3px;
}
.asdf48qwef4wrap >p{
	font-size: 12px;
	    line-height: 1.2;
	    text-align: center;
	    font-weight: 400;
	    color: #333333;
	    margin-bottom: 20px;
}
.sjliop3541Wrap > div > .dataWra > .item > ul > li > div > span{
display:block;
width:100%;
text-align:center;
}
.sjliop3541Wrap > div > .dataWra > .item > ul > li > div{
font-size:12rem;
height:0%;
position:absolute;
bottom: 20rem;
width:100%;
}
.sjliop3541Wrap > div > .title{
margin-bottom:34rem;
}
.sjliop3541Wrap > div > .title > .left{
    font-size: 20rem;
    font-weight: 400;
    text-align: left;
    color: #333333;
    margin-right: 16rem;
}
.sjliop3541Wrap > div > .title > .right{
    font-size: 14rem;
    font-weight: 300;
    text-align: left;
    color: #333333;
margin-left: 16rem;
}
.sjliop3541Wrap > div > .dataWra{
    width: 1400rem;
    display: flex;
    justify-content: space-between;
}
.sjliop3541Wrap > div > .dataWra > .item{
    width: calc(100%/4 - 30rem);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}
.sjliop3541Wrap > div > .dataWra > .item > h6{
    font-weight: 400;
    text-align: center;
    color: #333333;
    height: 50rem;
    line-height: 1.3;
font-size:16rem;
}
.sjliop3541Wrap > div > .dataWra > .item > .numWra{
display: flex;
justify-content: center;
margin: 10rem 0 15rem 0;
border-bottom:solid 1rem #00A65D;
width:100%;
}
.sjliop3541Wrap > div > .dataWra > .item > .numWra > div > .left{
    font-size: 45rem;
    font-weight: bold;
    color: #0074C1;
}
.sjliop3541Wrap > div > .dataWra > .item > .numWra > div > .right{
    color: #0074C1;
    font-size: 23rem;
    font-weight: bold;
    padding-left: 5rem;
}
.sjliop3541Wrap > div > .dataWra > .item > ul{
width: 200rem;
    display: flex;
    justify-content: space-between;
}
.sjliop3541Wrap > div > .dataWra > .item > ul > li{
   height: 230rem;
       width: 60rem;
       margin-top: 35rem;
       position: relative;
       list-style: none;
	   
}
.sjliop3541Wrap > div > .dataWra > .item > ul > li > div{
	    font-size: 14rem;
	    height: 0%;
	    position: absolute;
	    bottom: 20rem;
	    width: 100%;
	    display: flex;
	    justify-content: center;
}
.sjliop3541Wrap > div > .dataWra > .item > ul > li > div > pre{
background-color:#0074c1;
width:calc(100% - 20rem);
height:calc(100% - 20rem);
display:block;
position:absolute;
bottom:0;
}

.sjliop3541Wrap > div > .dataWra > .item:nth-child(2) > ul > li > div > pre{
background-color:#00a65d;

}
.sjliop3541Wrap > div > .dataWra > .item:nth-child(3) > ul > li > div > pre{
background-color:#e8af6d;

}
.sjliop3541Wrap > div > .dataWra > .item > ul > li > span{
font-size:14rem;
position:absolute;
bottom:0;
text-align:center;
display:block;
width:100%;
color:#666666;
}
@media screen and (max-width: 500px) {

}@media screen and (max-width: 1000px) {
 *{line-height:auto;} 
}

.asdf48qwef4wrap .read-more {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 60px 30px 60px;
}
.asdf48qwef4wrap  .read-more .btn-read-more {
    display: flex;
    align-items: center;
    width: 135px;
    justify-content: space-around;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #666666;
}
.asdf48qwef4wrap .read-more .btn-read-more img {
    width: 30px;
    height: 30px;
}
html,
			body {
				position: relative;
				height: 100%;
			}

			body {
				background: white;
				font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
				font-size: 14px;
				color: #000;
				margin: 0;
				padding: 0;
			}

			.swiper {
				width: 100%;
				height: 100%;
			}

			.swiper-slide {
				font-size: 18px;
				/* Center slide text vertically */
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
			}

			.swiper-slide img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
			.swiper-button-next,.swiper-button-next img,.swiper-button-prev,.swiper-button-prev img{
				width: 60rem;
			}
			
			@media screen and (max-width: 500px) {
			.sjliop3541Wrap{
			width:calc(100% - 28px);
			padding:0 14px;
			}
			.sjliop3541Wrap > div > .dataWra{
			width:100%;
			display: flex;
			justify-content: flex-start;
			flex-direction: column;
			flex-wrap: nowrap;
			}
			.sjliop3541Wrap > div > .dataWra > .item{
			width:100%;
			}
			.sjliop3541Wrap > div > .dataWra > .item +.item{
				margin-top:60px;
				}
			.sjliop3541Wrap > div > .dataWra > .item > ul {
			    width: 65%;
			}
			.sjliop3541Wrap > div > .dataWra > .item > ul > li {
			    width: 70rem;
			}
			
			.sjliop3541Wrap > div > .dataWra > .item > h6 {
			    margin: 10rem 0;
				height: inherit;
			}
			
			.sjliop3541Wrap > div > .dataWra > .item > .numWra{
				margin: 0;
				width: initial;
				padding: 0 20px;
			}
			.asdf48qwef4wrap >p{
				font-size: 14px;
			}
}