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

body{
	background:#dcdcdc;}
.contents h1{
	height:110px;
	line-height:110px;
	font-size:36px;
	color:#000000;
	text-align:center;}
.l{
	background:#373737;
	width:44%;
	height:387px;
	padding:3%;
	position:relative;
	overflow:hidden;
	float:left;
	}
.swiper-pagination{
	left:0;
	bottom:31px;}
.r{
	height:500px;
	float:left;
	overflow:hidden;
	background:#f2754f;
	width:50%;}
.swiper-slide{
	background-repeat:no-repeat;
	background-size:contain;}
	.swiper-pagination-bullet{
	background:url(/img/dians.png) no-repeat;
	width:14px;
	height:14px;
	opacity:1;}
.swiper-pagination-bullet-active{
background:url(/img/dian.png) no-repeat;
width:14px;
height:14px;
}
.swiper-pagination{
	width:100%;
	text-align:center;}
.swiper-pagination span{
	margin-right:15px;
}
/* bd */
.bd{width:80%;margin:0 auto;margin-top:50px;height:87%;}
.top{height:100%;width:93%;overflow:hidden;float:left;padding:0 5px 5px 5px;}
.top ul{width:100%;padding-bottom:5px;}
.top ul li{padding:2px;border:1px solid #ccc;font-size:0px;margin-top:5px;}
.top ul .li{margin-top:5px}
.top ul li img{width:100%;height:180px;}
.scroll{width:11px;margin-left:10px;height:100%;float:left;background:#efb19e;position:relative;}
.scroll p{width:18px;height:50px;background:url(/img/x.png) no-repeat;cursor:auto;left:-4px;top:1px;position:absolute;}
.top ul h2{
font-size:36px;
color:#fff;
}
.top ul p{
	font-size:18px;
	line-height:42px;
	color:#fff;}
.x{
	position:absolute;
	z-index:20000;

	right:7%;
	top:228px;
	cursor:pointer;}
.x img{
	width:40px;}
	
.mobile{
display:none;}
@media screen and (max-width:1440px){
.l{
height:380px;}
.r{height:466px;}
}
@media screen and (max-width:640px) {
 body{
 background:#373737}
 .contents h1{
 font-size:30px;
 color:#fff;
 height:80px;
 line-height:80px;}
 .l{
 margin:0 auto;
 background:#f2754f;
 padding:0px;
 height:auto;
 height:170px;
 overflow:hidden;
 float:none;
 width:90%;}
 .r{
 float:none;
 margin:0 auto;
 height:300px;
 width:90%;}
 .swiper-pagination{
 display:none;}
 .top{width:85%;height:100%;overflow-y:auto;}
 .top ul h2{
 font-size:28px;}
 .top ul p{
 font-size:14px;
 line-height:20px;}
 .bd{
 height:75%;
 }
.swiper-slide img{
height:381px;}
 }
.content p{
color:#fff;}
.swiper-wrapper a img{
max-height:395px;
height:auto;
width:100%;}
.swiper-pagination{
position:absolute;
 z-index: 10000;
left:50%;
}
.swiper-pagination span{

width:8px;
height:8px;
border:2px solid #fff;

cursor:pointer;
float:left;

border-radius:8px;
display:block;}

.swiper-wrapper a.swiper-slide-active img{

}
.swiper-pagination span.swiper-visible-switch{
background:none;
width:8px;
border-radius:8px;
background:#fff;
height:8px;
}







.swiper-slide:last-child img{
margin-top:-18px;}
.content h2{
margin-bottom:30px;
padding-top:50px;
font-size:36px;}
.content p{
line-height:30px;
font-size:18px;
margin:0;}

@media screen and (max-width:640px) {
.contents{
background:#373737;
}
.x a img{
display:none;}
.content h2{
padding:0;
margin-bottom:20px;
font-weight:bold;
font-size:20px;}


.mCSB_inside > .mCSB_container{
margin-right:0;}


.content p{
line-height:22px;
padding-left:0;
padding-right:0px;
font-size:14px;}
.contents h1{
font-size:26px;
line-height:120px;}
.content{
margin:0 auto;}


.mCSB_scrollTools{
   visibility: hidden;
}



.content{
padding:10px;
height:300px;}


.mobile{
display:block;}
.swiper-wrapper a img{
height:auto;}

}