#banner a img,
#threeSp li .pic img{
	width:100%;
}
#banner {
	margin-top: 100px;
}
#banner a{
	display:block;
}
#banner .bdul{
	margin:0;
}
#banner .slick-dots{
	bottom: 25px;	
}
#newsWeap{
	background-color:#fff;
	color:#fff;
	position:relative;
	font-size:14px;
}
#newsWeap:after{
	content:'';
	display:block;
	width:20%;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	background:#dddac4;
}
#newsWeap h2{
	float:left;
	font-size:16px;
	color:#494536;
	background:#dddac4;
	padding: 15px 10px;
	position:  relative;
	z-index:5;
}
#newsWeap h2:after{
	content:'';
	display:block;
	width:81px;
	height:62px;
	background:url(/images/02/index-news-bar.png);
	position:absolute;
	left:105%;
	top:0;
}
#newsWeap h2 b,
#newsWeap h2 span{
	color:#494536;
	margin: 0 30px 0 10px;
	font-size: 14px;
	vertical-align: middle;
}
#newsWeap h2 span img{
	margin-right: 5px;
    vertical-align: bottom;
    width: 15px;
}
#newsWeap .nul{
    float: right;
    width: calc(100% - 400px);
    margin-top: 13px;
}
#newsWeap .nul div{
	overflow:hidden;
}
#newsWeap .nul h3{
	float:left;
	width:calc(100% - 45px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#newsWeap .nul p{
	float: right;
	font-size: 12px;
	width:36px;
}
#newsWeap .nul a{
	color: #3f3f3f;
}
#box1{
	background:#f2f2f2;
	padding:100px 0;
}
#box1 .rightside{width: 1219px;margin: 50px auto 0;}
#box1 .leftside{width: 1219px;margin: 0 auto;}
#box1 .leftside p{
	text-align: center;
}
#box1 .leftside p img{
	position:relative;
	z-index:2

}
#box1 .rightside article{
	color:#515151;
}
#box1 .rightside article li b{
	margin-right: 4px;
}
#box1 .rightside h2{
	color: #f0871b;
	line-height: 120%;
	font-size: 40px;
}
#box1 .rightside h3{
	color:#313131;
	font-size: 30px;
	line-height: 120%;
	margin: 10px 0 30px;
	color: #494529;
}
#box1 .rightside ul li{font-size: 18px;line-height: 176%;margin: 10px 0;}
#threeSp{padding: 100px 0;background: #eeece1;}
#threeSp .workframe{width:1160px;}
#threeSp h2,
#box1 h2,
#PastEvents h2,
#sixSp h2{    text-align: center;
    font-size: 30px;
    line-height: 120%;
    color: #494529;margin-bottom: 30px;}
#threeSp h3{text-align: center;font-size: 20px;color: #878484;line-height: 120%;margin: 10px 0 50px;}
#threeSp li{
    width: calc(50% - 50px);
    float: right;
    margin: 30px 25px;
}
#threeSp li p{    width: 100%;
    margin: 40px 22px 68px 0;
    line-height: 226%;
    font-size: 21px;}
#sixSp{
	background: #eeece1;
    padding: 100px 0;
}
#sixSp h2{
}
#sixSp ul{
	width:80%;
	margin:0 auto;
}
#sixSp li{
	width: calc(100% - 142px);
	margin: 30px 20px;
	vertical-align: top;
	overflow:hidden;
	border: 1px solid #d2ccad;
	padding: 20px 50px;
	border-radius: 15px;
}
#sixSp li h3{
	background: #e4e0cf;
	position:relative;
	color: #625f52;
	font-size: 18px;
	padding: 7px 35px;
	float: left;
	width: 118px;
	text-align: center;
	border-radius: 10px;
	line-height: 120%;
	border: 1px solid #989898;
}
#sixSp li:nth-child(2n) h3{
	background: #f1efe7;
}
#sixSp li:nth-child(2n) h3 b{
	color: #bc3737;
}
#sixSp li p{
	padding: 3px 20px;
	line-height: 180%;
	font-size: 16px;
	float: right;
	width: calc(100% - 230px);
}
#sixSp li p span{vertical-align: baseline;margin-right: 20px;}
#sixSp li p b:nth-child(even){color: #bc3737;}
#indexbottom{
	background-image:url(/images/02/index-bottom-bg.jpg);
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-size: cover;
	padding: 100px 0 60px;
}
#indexbottom .left{
	color: #fff;
}
#indexbottom .left h2{font-size: 36px;line-height: 120%;text-align: center;}
#indexbottom .left p{font-size: 20px;line-height: 150%;}
#indexbottom .left ul{
    text-align: center;
    margin: 80px 0;
}
#indexbottom .left ul li{display: inline-block;margin: 0 20px;}
#indexbottom .left ul li .structuer{
    border: 2px solid #fff;
    border-radius: 50%;
    width: 180px;
    height: 180px;
}
#indexbottom .left ul li .structuer b{
    display: block;
    text-align: center;
    margin-top: 28px;
}
#indexbottom .left ul li .structuer b img{}
#indexbottom .left ul li .structuer p{
    text-align: center;
    margin-top: 5px;
}
#indexbottom .rightpic{
	float:right;
	max-width:50%;
}
#PastEvents{background-image:url(/images/02/PastEvents-bg.png);background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;padding: 85px 0;}
#PastEvents h2{}
#PastEvents #mainshow{
    margin: 0 100px;
}
#PastEvents .PastEventList{}
#PastEvents .PastEventList .pic{
    border: 1px solid #e1e1e1;
    margin: 50px;
}
#PastEvents .PastEventList .pic a{ display:block; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; background-color:#fff; position:relative;}
#PastEvents .PastEventList .pic a:after{content:''; display:block; width:100%; height:100%; position:absolute;left:0;top:0;background: rgba(0, 0, 0, 0.52); transition:linear 0.3s; opacity:0;}
#PastEvents .PastEventList .pic a p{position: absolute;
    left: calc(50% - 70px);
    top: calc(50% - 11px);
    color: #fff;
    z-index: 1;
    text-decoration: underline;
    font-size: 20px;
    line-height: 110%;
    opacity: 0;transition:linear 0.3s;}
#PastEvents .PastEventList .pic a img{ width:100%;}
#PastEvents .PastEventList h3{text-align:center;margin: 50px;font-size: 24px;line-height: 120%;}
#PastEvents .PastEventList h3 a{color:#494529;}
#PastEvents .slick-prev{ background-repeat:no-repeat; background-position:50% 50%; background-size:contain; background-image:url(/images/02/PastEvents-left.png);width:63px; height:145px;    top: calc(50% - 32px);z-index: 5;left: -70px;}
#PastEvents .slick-next{background-image:url(/images/02/PastEvents-right.png);background-repeat:no-repeat; background-position:50% 50%; background-size:contain;width:63px; height:145px;    top: calc(50% - 32px);z-index: 5;right: -70px;}
#PastEvents .slick-prev:before,
#PastEvents .slick-next:before{ display:none;}
@media screen and (min-width: 980px) {
	#indexbottom{
		background-attachment:fixed;
	}
	#PastEvents .PastEventList .pic a:hover:after,
	#PastEvents .PastEventList .pic a:hover p{opacity:1;}
}
@media screen and (max-width: 1680px) {
	#sixSp ul{
	    width: 100%;	
	}
	#box1 .leftside,
	#box1 .rightside{
	    width: 100%;	
	}
	#PastEvents .PastEventList .pic{margin: 50px 20px;}
	#PastEvents .slick-prev,
	#PastEvents .slick-next{width: 40px;}
}
@media screen and (max-width: 980px) {
	#box1 .leftside p{
		padding: 0;	
	}
	#box1 .leftside p:after{
		display:none;
	}
	#box1 .rightside article{
	    margin-top: 0;	
	}
	#box1 .rightside h2, #sixSp h2, #products h2,
	#threeSp h2{
		font-size: 32px;	
	}
	#box1 .rightside h3{
	    font-size: 24px;
		margin: 5px 0 20px;	
	}
	#threeSp li p{
		width:100%;
		margin: 22px 22px 22px 0;
        line-height: 190%;
        font-size: 18px;
	}
	#indexbottom .left h2{
		font-size: 32px;	
	}
	#indexbottom .left p{
		font-size: 18px;
	}
	#indexbottom .left ul li{margin: 10px;width: calc(50% - 24px);}
	#indexbottom .left ul li .structuer{
		width: 150px;
		height: 150px;		
	}
	#indexbottom .left ul li .structuer b img{width: 50px;}
	#threeSp .workframe{width:90%;}
	#PastEvents #mainshow{margin: 0 40px;}
	#PastEvents .slick-prev{left: -40px;}
	#PastEvents .slick-next{right: -40px;}
	#PastEvents .PastEventList .pic{margin: 20px 10px;}
	#PastEvents .PastEventList h3{margin: 20px;font-size: 20px;}
	#sixSp li{padding: 20px;    width: calc(100% - 82px);}
	#indexbottom .left ul li .structuer{margin: 0 auto;}
	#banner {
    margin-top: 0px;
	}
}
@media screen and (max-width: 768px) {
	#box1 .rightside,
	#box1 .leftside{
		width:100%;
	}
	#products .gameName p a{
		padding: 10px 30px;	
	}
	#box1,
	#threeSp,
	#sixSp{
		padding: 70px 0;	
	}
	#threeSp li{
		width: 70%;
		margin: 20px 15%;		
	}
	#newsWeap{
		overflow:hidden;
		width: 100%;
	}
	#newsWeap .nul{
		width: 100%;
		margin: 0;
		background: #fff;
		position: relative;
		z-index: 5;
		padding: 10px 5%;
		float: left;
	}
	#newsWeap .workframe{
		width: 100%;	
	}
	#newsWeap:after{
		display:none;
	}
	#box1 .rightside{margin: 20px auto 0;}
	#indexbottom .left ul li{    width: calc(50% - 24px);}
	
}
@media screen and (max-width: 640px) {
	#indexbottom .rightpic{
		display:none;
	}
	#indexbottom .left{
		width: calc(100% - 100px);
	}
	#indexbottom{
		background-position: 10% 100%;	
	}
	#banner .slick-dots{
	bottom: 0;	
	}
	#threeSp h3{
	    font-size: 16px;	
	}
}
@media screen and (max-width: 480px) {
	#box1 .rightside h2, #sixSp h2, #products h2, #threeSp h2,
	#indexbottom .left h2{
	    font-size: 27px;	
	}
	#threeSp li{
		width: 90%;
		margin: 0 5% 20px;		
	}
	#sixSp li h3{
		width: calc(100% - 70px);
	}
	#sixSp li p{
		width: 100%;
		padding: 10px 0;
		
	}
	#indexbottom .left{
		width: calc(100% - 0px);
	}
	#threeSp h2, #box1 h2, #PastEvents h2, #sixSp h2{font-size: 24px;}
	#box1 .rightside{margin: 20px auto 0;}
	#PastEvents .slick-prev, #PastEvents .slick-next{width: 30px;}
	#PastEvents #mainshow{margin: 0 30px;}
	#PastEvents .slick-prev{left: -30px;}
	#PastEvents .slick-next{right: -30px;}
	#PastEvents{padding: 65px 0;}
	#indexbottom .left ul li .structuer{width: 120px;height: 120px;}
	#indexbottom .left ul li .structuer b{margin-top: 23px;}
	#indexbottom .left ul li .structuer b img{width: 40px;}
	#indexbottom .left p{font-size: 16px;}
	#sixSp li{
		width: calc(100% - 42px);
		margin: 30px 0;	
	}
}