@charset "utf-8";
/* banner */
.c-banner{
	width: 60%;
    position: absolute;
    top: 300px;
	margin:20px auto;
	position:relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li span:first-child{width:240px;
		height:200px;displsy:block;
		background:url(../images/medal01.png) no-repeat 0 0;
		position:absolute;
		left:-30px;
		top:-60px;
		background-size:contain;
		z-index:2000;}
.c-banner .banner ul li span:nth-child(2){width:240px;
						height:200px;displsy:block;
						background:url(../images/medal02.png) no-repeat 0 0;
						position:absolute;
						right:-60px;
						top:200px;
						background-size:contain;
						z-index:2000;}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: -30px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}


.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 32px;
	height: 8px;
	display: inline-block;
	background-color: #c7cac9;
	opacity: 0.7;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
.newsback {
	padding-left:170px;
    width: 60%;
    font-size:16px;line-height:30px;
}
@media only screen and (min-width: 1000px) and (max-width: 1050px){
.newsback {
    padding-left: 180px;
    width: 65%;
	text-align: justify;
	margin-top: 20px;
}
}
@media only screen and (min-width: 1051px) and (max-width: 1100px){
.newsback {
    padding-left: 175px;
    width: 65%;
	text-align: justify;
	margin-top: 20px;
}
}
@media only screen and (min-width:1101px) and (max-width:1150px) {
	.newsback {
	padding-left:155px;
    width: 65%;
	text-align: justify;
    
}
	.c-banner .banner ul li span:first-child{width:240px;
		height:200px;displsy:block;
		background:url(../images/medal02.png) no-repeat 0 0;
		position:absolute;
		left:-30px;
		top:-60px;
		background-size:contain;
		z-index:2000;}
.c-banner .banner ul li span:nth-child(2){width:240px;
						height:200px;displsy:block;
						background:url(../images/medal02.png) no-repeat 0 0;
						position:absolute;
						right:-60px;
						top:200px;
						background-size:contain;
						z-index:2000;}
}
@media only screen and (min-width: 1051px) and (max-width: 1150px){
.newsback {
    padding-left: 140px;
    width: 65%;
	text-align: justify;
	margin-top: 20px;
}
}
@media only screen and (min-width:1151px) and (max-width:1199px) {
	.newsback {
	padding-left:140px;
    width: 65%;
	text-align: justify;
	margin-top: 20px;
    
}
	.c-banner .banner ul li span:first-child{width:240px;
		height:200px;displsy:block;
		background:url(../images/medal02.png) no-repeat 0 0;
		position:absolute;
		left:-30px;
		top:-60px;
		background-size:contain;
		z-index:2000;}
.c-banner .banner ul li span:nth-child(2){width:240px;
						height:200px;displsy:block;
						background:url(../images/medal02.png) no-repeat 0 0;
						position:absolute;
						right:-60px;
						top:200px;
						background-size:contain;
						z-index:2000;}
}
@media screen and (min-width:1200px) and (max-width:1250px) {
	.newsback {
	padding-left:225px;
    width: 65%;
    text-align: justify;
	margin-top: 20px;
}
	.c-banner .banner ul li span:first-child{width:240px;
		height:200px;displsy:block;
		background:url(../images/medal02.png) no-repeat 0 0;
		position:absolute;
		left:-30px;
		top:-60px;
		background-size:contain;
		z-index:2000;}
.c-banner .banner ul li span:nth-child(2){width:240px;
						height:200px;displsy:block;
						background:url(../images/medal02.png) no-repeat 0 0;
						position:absolute;
						right:-60px;
						top:240px;
						background-size:contain;
						z-index:2000;}
}
@media screen and (min-width:1251px) and (max-width:1300px) {
	.newsback {
	padding-left:205px;
    width: 65%;
    text-align: justify;
	margin-top: 20px;
}
	.c-banner .banner ul li span:first-child{width:240px;
		height:200px;displsy:block;
		background:url(../images/medal02.png) no-repeat 0 0;
		position:absolute;
		left:-30px;
		top:-70px;
		background-size:contain;
		z-index:2000;}
.c-banner .banner ul li span:nth-child(2){width:240px;
						height:200px;displsy:block;
						background:url(../images/medal02.png) no-repeat 0 0;
						position:absolute;
						right:-60px;
						top:250px;
						background-size:contain;
						z-index:2000;}
}
@media screen and (min-width:1301px) and (max-width:1350px) {
	.newsback {
	padding-left:193px;
    width: 65%;
    text-align: justify;
	margin-top: 20px;
}
	.c-banner .banner ul li span:first-child{width:240px;
		height:200px;displsy:block;
		background:url(../images/medal02.png) no-repeat 0 0;
		position:absolute;
		left:-30px;
		top:-60px;
		background-size:contain;
		z-index:2000;}
.c-banner .banner ul li span:nth-child(2){width:240px;
						height:200px;displsy:block;
						background:url(../images/medal02.png) no-repeat 0 0;
						position:absolute;
						right:-60px;
						top:240px;
						background-size:contain;
						z-index:2000;}
}
@media screen and (min-width:1351px) and (max-width:1400px) {
	.newsback {
	padding-left:174px;
    width: 70%;
    text-align: justify;
	margin-top: 20px;
}
	.c-banner .banner ul li span:first-child{width:240px;
		height:200px;displsy:block;
		background:url(../images/medal02.png) no-repeat 0 0;
		position:absolute;
		left:-30px;
		top:-60px;
		background-size:contain;
		z-index:2000;}
.c-banner .banner ul li span:nth-child(2){width:240px;
						height:200px;displsy:block;
						background:url(../images/medal02.png) no-repeat 0 0;
						position:absolute;
						right:-60px;
						top:260px;
						background-size:contain;
						z-index:2000;}
}
@media screen and (min-width:1401px) and (max-width:1450px) {
	.newsback {
	padding-left: 165px;
    width: 70%;
    text-align: justify;
	margin-top: 20px;
}
	.c-banner .banner ul li span:first-child{width:240px;
		height:200px;displsy:block;
		background:url(../images/medal02.png) no-repeat 0 0;
		position:absolute;
		left:-30px;
		top:-60px;
		background-size:contain;
		z-index:2000;}
.c-banner .banner ul li span:nth-child(2){width:240px;
						height:200px;displsy:block;
						background:url(../images/medal02.png) no-repeat 0 0;
						position:absolute;
						right:-60px;
						top:310px;
						background-size:contain;
						z-index:2000;}
}
@media screen and (min-width:1451px) and (max-width:1500px) {
	.newsback {
	padding-left: 145px;
    width: 74%;
    text-align: justify;
	margin-top: 20px;
}
	.c-banner .banner ul li span:first-child{width:240px;
		height:200px;displsy:block;
		background:url(../images/medal02.png) no-repeat 0 0;
		position:absolute;
		left:-30px;
		top:-60px;
		background-size:contain;
		z-index:2000;}
.c-banner .banner ul li span:nth-child(2){width:240px;
						height:200px;displsy:block;
						background:url(../images/medal02.png) no-repeat 0 0;
						position:absolute;
						right:-60px;
						top:310px;
						background-size:contain;
						z-index:2000;}
}
@media screen and (min-width:1501px) and (max-width:1600px){
	.newsback {
    width: 73%;
    padding-left:128px;
	text-align: justify;
	margin-top: 20px;
}
	.c-banner .banner ul li span:first-child{width:240px;
		height:200px;displsy:block;
		background:url(../images/medal02.png) no-repeat 0 0;
		position:absolute;
		left:-30px;
		top:-60px;
		background-size:contain;
		z-index:2000;}
.c-banner .banner ul li span:nth-child(2){width:240px;
						height:200px;displsy:block;
						background:url(../images/medal02.png) no-repeat 0 0;
						position:absolute;
						right:-60px;
						top:300px;
						background-size:contain;
						z-index:2000;}
}
@media screen and (min-width:1601px)and (max-width:1700px){
	.newsback {
    width: 75%;
    padding-left:90px;
	text-align: justify;
	margin-top: 20px;
}
	.c-banner .banner ul li span:first-child{width:240px;
		height:200px;displsy:block;
		background:url(../images/medal01.png) no-repeat 0 0;
		position:absolute;
		left:-30px;
		top:-60px;
		background-size:contain;
		z-index:2000;}
.c-banner .banner ul li span:nth-child(2){width:240px;
						height:200px;displsy:block;
						background:url(../images/medal02.png) no-repeat 0 0;
						position:absolute;
						right:-60px;
						top:330px;
						background-size:contain;
						z-index:2000;}
}
@media screen and (min-width:1701px) and (max-width:1800px){
	.newsback {
    width: 80%;
    padding-left:69px;
	text-align: justify;
	margin-top: 30px;
}
	.c-banner .banner ul li span:first-child{width:240px;
		height:200px;displsy:block;
		background:url(../images/medal01.png) no-repeat 0 0;
		position:absolute;
		left:-30px;
		top:-60px;
		background-size:contain;
		z-index:2000;}
.c-banner .banner ul li span:nth-child(2){width:240px;
						height:200px;displsy:block;
						background:url(../images/medal02.png) no-repeat 0 0;
						position:absolute;
						right:-60px;
						top:420px;
						background-size:contain;
						z-index:2000;}
}
@media screen and (min-width:1801px){
	.newsback {
    width: 85%;
    padding-left: 20px;
    text-align: justify;
    margin-top: 30px;
    text-align: justify;
    font-size: 19px;
    line-height: 35px;
}
	.c-banner .banner ul li span:first-child{width:240px;
		height:200px;displsy:block;
		background:url(../images/medal01.png) no-repeat 0 0;
		position:absolute;
		left:-30px;
		top:-60px;
		background-size:contain;
		z-index:2000;}
.c-banner .banner ul li span:nth-child(2){width:240px;
						height:200px;displsy:block;
						background:url(../images/medal02.png) no-repeat 0 0;
						position:absolute;
						right:-60px;
						top:420px;
						background-size:contain;
						z-index:2000;}
}