@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1176px){
	.body-div-div-span {
	    height: 53px;
	    text-align: left;
	    font-size: 12px;
	    padding-bottom:30px;
	    transition: 0.3s;
	    cursor: pointer;
	}
	
	.body-div-div-span-none {
	    height: 53px;
	    text-align: left;
	    font-size: 12px;
	    padding-bottom:30px;
	    margin-left: 10px;
	    transition: 0.3s;
	    cursor: pointer;
	}
	
	.body-div-div {
	    width: auto;
	    height: 55px;
	    line-height: 53px;
	}
	
	.body-div-div-div {
		display:none;
	}
	
	.body-div {
	    width: 95%;
	    height: 52px;
	    margin: 0 auto;
	    border-bottom: solid 1px #e1e1e1;
	    box-sizing: border-box;
	}
	
	.nav-type {
	    width: 72px;
	    height: 1px;
	    background-color: #c8192a;
	    position: absolute;
	    bottom: 2px;
	    transition: 0.5s;
	}
	
	.one-head-l {
		width:100%;
		height:60%;
		font-size: 15px;
	    padding: 1% 0 0 0;
	    color: #666;
	    text-align: justify;
	    float: left;
	    line-height:25px;
	}
	
	.one-head-r {
		width:100%;
		height:40%;
		float: right;
		text-align: center;
	}
	
	.one-head {
		width:100%;
		height: 480px;
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	
	.one-b-top {
		width:100%;
		height:25px;
		font-size:18px;
		color:#c8192a;
		text-align:center;
	}
	
	.one-b-b {
		width:100%;
		height:25px;
	}
	
	.one-b {
		width:100%;
		height:30px;
		margin-top:20px;
	}
	
	.one-c-g {
		width:49%;
		height:100%;
		float:left;
		position: relative;
		cursor:pointer;
	}
	
	.body-all {
	    width: 100%;
	    height: 1580px;
	}
	
	.show-div {
		width:90%;
		height:1580px;
		overflow: hidden;
		position: relative;
		margin:0 auto;
	}
	
	.one-c {
		width:100%;
		height:260px;
		margin-top:20px;
	}
	
}

@media screen and (min-width:1176px){
	
	.one-c {
		width:100%;
		height:260px;
		margin-top:50px;
	}
	
	.one-b-b {
		width:100%;
		height:80px;
	}
	
	.show-div {
		width:90%;
		height:1300px;
		overflow: hidden;
		position: relative;
		margin:0 auto;
	}
	
	.body-all {
	    width: 100%;
	    height: 1350px;
	}
	
	.one-c-g {
		width:19.2%;
		height:100%;
		float:left;
		position: relative;
		cursor:pointer;
	}
	
	.one-b {
		width:100%;
		height:320px;
		margin-top:50px;
	}
	
	.one-b-top {
		width:100%;
		height:110px;
		font-size:28px;
		color:#c8192a;
	}
	
	.one-head {
		width:100%;
		height: 350px;
	    margin-top: 50px;
	    margin-bottom: 50px;
	}
	
	.one-head-l {
		width: 45%;
	    height: 100%;
	    font-size: 18px;
	    padding: 1% 0 0 0;
	    color: #666;
	    text-align: justify;
	    float: left;
	    line-height: 45px;
	}
	
	.one-head-r {
		width: 50%;
	    height: 100%;
	    float: right;
	    text-align: center;
	}
	
	.nav-type {
	    width: 150px;
	    height: 1px;
	    background-color: #c8192a;
	    position: absolute;
	    bottom: 2px;
	    transition: 0.5s;
	}
	
	.body-div {
	    width: 95%;
	    height: 95px;
	    margin: 0 auto;
	    border-bottom: solid 1px #e1e1e1;
	    box-sizing: border-box;
	}
	
	.body-div-div {
	    width: auto;
	    height: 95px;
	    line-height: 93px;
	}
	
	.body-div-div-span {
	    height: 93px;
	    text-align: left;
	    font-size: 25px;
	    padding-bottom:30px;
	    transition: 0.3s;
	    cursor: pointer;
	}
	
	.body-div-div-span-none {
	    height: 93px;
	    text-align: left;
	    font-size: 25px;
	    padding-bottom:30px;
	    margin-left: 50px;
	    transition: 0.3s;
	    cursor: pointer;
	}
	
}

.body-span-cursion{
    color: #c8192a;
}

.body-div-div-span-none:hover {
    color: #c8192a;
}

.body-div-div-div {
    float: right;
}

.body-div-div-div ul li {
    list-style-type: none;
    float: left;
    margin-right: 12px;
    color: #666666;
    font-size: 14px;
}

.body-div-div-div ul li a {
    color: #666666;
}

.body-nav-vs {
    width: auto;
    height: auto;
    position: relative;
    float: left;
}

.all-div {
	width:400%;
	height:auto;
	position: absolute;
}

.a-d-d {
	width:25%;
	float:left;
}

.one-head-r img {
	width:80%;
	height:100%;
	object-fit:cover;
}

.one-b-b img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.one-c-g img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.one-c-g-po {
	width:100%;
	height:50px;
	background-color:rgba(0,0,0,0.5);
	color:#FFF;
	font-size:15px;
	position: absolute;
	bottom:0px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:50px;
}

.one-head-p {
	font-size: 18px;
    color: #666;
    text-align: justify;
    line-height:45px;
}

.one-head-img {
	width:100%;
	height:auto;
	margin-top:50px;
}

.one-head-img img {
	width:100%;
	height:100%;
	object-fill:cover;
}

.one-c-g-po:hover {
	color:#c8192a;
	transition: 0.5s;
}

.one-c-g-m {
	margin-right:1%;
}