html, body {
	position: relative;
	height: 100%;
}
body {
	font-family:"Microsoft YaHei UI", Helvetica Neue, Helvetica, Arial, sans-serif;;
	font-size: 14px;
	color: #000;
	background:#000;
}
* {
	padding: 0;
	margin: 0;
}
a{ text-decoration:none;}
li{ list-style:none;}
.main{ width:100%; background:#000; overflow:hidden;}
.main .main_left, .main .main_right{
    margin-bottom: -100000px;
    padding-bottom: 100000px;
}
.main .main_left{ width:16%; height:100%; float:left; background:#000;}
.main .main_left .menu{ width:232px; margin:0 auto;}
.main .main_left .menu .logo{ width:100%; margin:38px 0 72px 0;}
.main .main_left .menu .logo img{ width:201px; height:116px;}
.main .main_left .menu ul{ }
.main .main_left .menu ul li{ width:100%; height:65px; line-height:65px; text-align:center; border-bottom:1px solid #959595; }
.main .main_left .menu ul li.on{ background:#959595; }
.main .main_left .menu ul li a{ line-height:65px; font-size:20px; color:#FFF;}

.main .main_right{ width:84%; height:100%; float:right; background:#000;}
span.ico1{ background:url(../images/ico1.png) 0 5px no-repeat; width:25px; }
span.ico2{ background:url(../images/ico2.png) 0 5px no-repeat; width:25px; }
span.ico3{ background:url(../images/ico3.png) 0 5px no-repeat; width:25px; }
span.ico4{ background:url(../images/ico4.png) 0 5px no-repeat; width:25px; }
span.ico5{ background:url(../images/ico5.png) 0 0px no-repeat; width:25px; margin-left:50px; position:relative; }
.xcx{ width:200px; height:200px; position:absolute; right:20px; top:24px; background:url(../images/xcx.png) no-repeat; z-index:999999; border:3px solid #dab866; display:none;}
.main .main_right .main_top{ width:100%; height:28px; padding:35px 0 5px 30px; background:#222222; border-bottom:1px solid #FFF;}
.main .main_right .main_top h1{ display:none; width:100%; height:50px; margin:0px 0 20px 0; font-size:48px; color:#dab866; }
.main .main_right .main_top .titlebottom{ width:100%; height:25px; line-height:25px; font-size:16px; color:#FFF; }
.main .main_right .main_top .titlebottom span{ float:left; height:25px; }
.main .main_right .main_body{ width:100%; height:auto; max-height:850px; position:relative; }
.main .main_right .main_body .homeinfo{ background:url(/templates/default/images/info_bg.png); position:absolute; right:60px; top:30px; width:18%; padding:80px 3% 40px 3%; z-index:99998;}
.main .main_right .main_body .homeinfoclose{ background:url(/templates/default/images/close.png) no-repeat center center; background-size:cover; position:absolute; right:80px; top:50px; width:20px; height:20px; z-index:99999;}
.main .main_right .main_body .homeinfo h2{ font-weight:normal; font-size:24px; line-height:60px; color:#000; text-align:center; }
.main .main_right .main_body .homeinfo p{ font-size:14px; line-height:24px; color:#000; margin-bottom:20px; }

.foot{ width:100%; height:60px; background:#959595;}
.foot p{ width:90%; margin:0 5%; text-align:center; line-height:60px; color:#FFF; font-size:14px;}
.foot p a{ color:#FFF;}
.swiper-scrollbar{
  bottom:0px;
  background:none;
  height:5px;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	height: 0;
	line-height: 0;
	clear: both;
}
.clearfix {
	zoom: 1;
}
.swiper-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-height:800px;
}
.gallery-top {
	padding-bottom: 0px;
	width: 100%;
}
.gallery-top .swiper-slide {
	max-width: 100%;
	height: auto;
	width: 100%;
	overflow: hidden;
	opacity: 1;
	max-height:870px;
}
.gallery-top .swiper-slide img {
	width: 100%;
	height: 100%;
	max-height:850px;
}
.gallery-top .swiper-slide-active {
	opacity: 1;
}
.gallery-thumbs {
	height: 50px;
	box-sizing: border-box;
	padding-top: 0px;
	background:url(/templates/default/images/picmenubg.png);
	border-top:0px solid #F00;
}
.gallery-thumbs .swiper-slide {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: 100%;
	overflow: hidden;
}
.gallery-thumbs .swiper-slide img {
	max-width: 100%;
	height: 50px;
	margin:0 1px 0 0;
}
.boxleft{
	position:absolute;
	left:0;
	bottom:0px;
	width: 30%;
	height: 50px;
	z-index:9999;
}
.boxleft ul{
	width:100%;
}
.boxleft ul li{
	float:left;
	width:24.6%;
	text-align:center;
	height:50px;
	line-height:50px;
	background:url(../images/menu_bg.png);
	margin-right:1px;
	text-align:center;
}
.boxleft ul li a{
	color:#000;
	font-size:14px;
	padding:2px 8px;
}
.boxleft ul li a.on,.boxleft ul li a:hover{
	color:#fff;
	background:url(../images/picmenubg.png);
}
.gallery-thumbs-box {
	position: relative;
	width: 70%;
	height: 50px;
	float:right;
	margin-top:-50px;
}
.gallery-thumbs-box .swiper-container {
	margin-left: auto;
	margin-right: auto;
}
.gallery-thumbs-box .swiper-button-prev {
	background-image: url(/templates/default/images/left-small.png);
	width: 10px;
	height: 50px;
	background-size: 10px 18px;
	left: 10px;
	margin-top: 0;
	top: 0;
	outline: none;
}
.gallery-thumbs-box .swiper-button-next {
	background-image: url(/templates/default/images/next-small.png);
	width: 10px;
	height: 50px;
	background-size: 10px 18px;
	right: 10px;
	margin-top: 0;
	top: 0;
	outline: none;
}
.gallery-top-box {
	position: relative;
	width: 100%;
}
.gallery-top-box .swiper-container {
	margin-left: auto;
	margin-right: auto;
}
.gallery-top-box .swiper-button-prev {
	background-image: url(/templates/default/images/left-lg.png);
	width: 18px;
	background-size: 18px 38px;
	left: 10px;
	margin-top: 0;
	top: 50%;
	outline: none;
	transform: translate(0, -50%)
}
.gallery-top-box .swiper-button-next {
	background-image: url(/templates/default/images/next-lg.png);
	width: 18px;
	background-size: 18px 38px;
	right: 10px;
	margin-top: 0;
	top: 50%;
	outline: none;
	transform: translate(0, -50%)
}
.slideshow {
	float: right;
	margin-right: 30px;
	margin-top: 15px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center right;
	background-image: url("{%$rootpath%}images/play.png");
	cursor: pointer;
	padding-right: 15px;
	color: #999;
	transition: all 0.3s ease
}
.pauseed {
	background-image: url("{%$rootpath%}images/pause.png");
}
.wapfoot{ display:none;}
@media screen and (min-width: 1900px){
.main .main_left{ width:16%; height:100%; float:left; background:#000;}
.main .main_left .menu{ width:232px; margin:0 auto;}
.main .main_left .menu .logo{ width:96%; margin:38px 2% 72px 2%;}
.main .main_left .menu .logo img{ width:201px; height:116px;}
.main .main_left .menu ul li{ width:100%; height:60px; line-height:60px; text-align:center; border-bottom:1px solid #959595; }
.main .main_left .menu ul li.on{ background:#959595; }
.main .main_left .menu ul li a{ line-height:60px; font-size:20px; color:#FFF;}
}
@media screen and (max-width: 1608px){
.main .main_right .main_top .titlebottom{ width:100%; height:25px; line-height:25px; font-size:14px; color:#FFF; }
.main .main_right .main_body .homeinfo{ background:url(../images/info_bg.png); position:absolute; right:60px; top:30px; width:24%; padding:50px 2% 40px 2%; z-index:99998;}
.main .main_left .menu ul li{ width:100%; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #959595; }
.main .main_left .menu ul li.on{ background:#959595; }
.main .main_left .menu ul li a{ line-height:50px; font-size:18px; color:#FFF;}
}
@media screen and (max-width: 1440px){
.main .main_right .main_top .titlebottom{ width:100%; height:25px; line-height:25px; font-size:12px; color:#FFF; }
.main .main_right .main_body .homeinfo{ background:url(../images/info_bg.png); position:absolute; right:60px; top:30px; width:30%; padding:50px 2% 40px 2%; z-index:99998;}
.main .main_left .menu ul li{ width:100%; height:45px; line-height:45px; text-align:center; border-bottom:1px solid #959595; }
.main .main_left .menu ul li.on{ background:#959595; }
.main .main_left .menu ul li a{ line-height:45px; font-size:16px; color:#FFF;}
}
@media screen and (max-width: 1200px){
.main .main_right .main_body .homeinfoclose{ display:none;}
.main .main_left{ display:none;}
.main .wap_menu{ width:100%; height:60px; background:#000; }
.main .wap_menu .menu{ width:100%; float:none;}
.main .main_right .wap_logo{ width:100%; text-align:center;}
.main .main_right .wap_logo img{ width:40%; height:auto; margin:10px auto;}
.main .wap_menu .menu ul{ width:100%; float:left; border-top:1px solid #666; border-bottom:1px solid #666; }
.main .wap_menu .menu ul li{ float:left; width:20%; background:#000; height:30px; line-height:30px; text-align:center; border-bottom:0px solid #959595; }
.main .wap_menu .menu ul li.on{ /*background:#dab866; */}
.main .wap_menu .menu ul li a{ line-height:30px; font-size:12px; color:#FFF;}
.main .wap_menu .menu ul li a:hover{ color:#dab866;}
.main .main_right{ width:100%; height:100%; float:none; background:#000;}
.main .main_right .main_top{ display:none;}
.gallery-thumbs-box{ display:none;}
.boxleft{
	position:relative;
	width: 100%;
	height: 50px;
	z-index:9999;
	background:#333;
	margin-bottom:10px;
}
.boxleft ul{
	width:100%;
}
.boxleft ul li{
	float:left;
	width:24.6%;
	text-align:center;
	height:50px;
	line-height:50px;
	background:url(../images/menu_bg.png);
	margin-right:1px;
	text-align:center;
}
.boxleft ul li a{
	color:#000;
	font-size:12px;
	padding:2px 8px;
}
.boxleft ul li a.on,.boxleft ul li a:hover{
	color:#fff;
	background:url(../images/picmenubg.png);
}
.main .main_right .main_body{ width:100%; height:auto; max-height:800px; position:relative; }
.main .main_right .main_body .homeinfo{ background:#000; position:relative; width:100%; padding:20px 0; margin-left:15%;}
.main .main_right .main_body .homeinfo h2{ width:90%; margin:0 auto; font-weight:normal; font-size:20px; line-height:40px; color:#FFF; text-align:center; }
.main .main_right .main_body .homeinfo p{ width:90%; margin:0 auto; font-size:12px; line-height:18px; color:#FFF; margin-bottom:15px; }
.foot{ display:none;}
.foot p{ width:90%; margin:0 5%; text-align:center; line-height:30px; color:#FFF; font-size:12px;}
.foot p a{ color:#FFF;}
.wapfoot{ display:block; width:100%; height:60px; padding:10px 0; background:#959595;}
.wapfoot p{ width:90%; margin:0 5%; text-align:center; line-height:30px; color:#FFF; font-size:12px;}
.wapfoot p a{ color:#000; background:#dab866; border-radius:6px; padding:5px 10px;}
}