@charset "utf-8";

body{ min-width:1200px;background: #EFF3F5}
.title_box{ height:102px; line-height: 102px; text-align: center; background:url(../img/title-bg.png) no-repeat center center; font-size:40px; color:#fff;}
.auto{ width:1200px; margin:0 auto; position:relative;}
.auto h2{ font-size:30px; color:#2c3844; text-align: center; padding-top:50px;}

.bus_top{ height:593px; background:url(../img/qkyw-bg.png) no-repeat center center;background-size: cover;}
.checknum{ height:253px;}
.checknum p{ font-size:20px; color:#fff; margin:88px 0 27px; text-align: center;}

.dynamic_main{width: 1200px;margin: 76px auto 51px;}
.dynamic_main .d_menu ul{height: 35px;}
.dynamic_main .d_menu ul li{float: left;margin-right: 10px;}
.dynamic_main .d_menu ul li a{display: block;width: 100px;height: 35px;text-align: center;line-height: 35px;font-size: 14px;color: #fff;background: #e53333;border-radius: 5px;}
.hexagon{ margin-left:75px; position:relative;}
.hexagon li{ position:absolute; left:0; top:0; width:190px; height:164px; background:url(../img/part1.png) no-repeat 0 0;}
.hexagon p{ position:absolute; left:0; top:0; width:96px; height:20px; text-align: center; font-size:20px; line-height:20px;}

.game_product{/*  height:1350px; */}
.gonglue_list{ margin-top:33px; /* height:1125px; */}
.gonglue_list ul{ width:1245px; display:none;}
.gonglue_list .show{ display:block;}
.gonglue_list li{ float:left; width:368px; height:320px; border:1px solid #DCDCDC; background:#fff; margin:0 45px 40px 0; position:relative;}
.gonglue_list li>p{ height:28px; padding:10px 15px; line-height: 28px;}
.gonglue_list li>p a{ font-size:16px; color:#2c3844;}
.gonglue_list li>p a:hover{ color:#0587dc;}
.threed{ float:right; text-align: center; border-radius: 4px; height:23px; padding:0 6px; background:#e4e6e7; color:#8e9294; font-size:12px; line-height: 22px; margin-top:3px;}

.know_more{ display: block; position: relative; width: 368px; height: 272px; cursor: pointer; overflow: hidden;}

.trigger{
	position:absolute;
	z-index:20;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
	left:0;
	top:0;
	opacity:0;
	visibility:hidden;
	-webkit-transition: opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000));
}
a:hover .trigger {
	visibility:visible;
	opacity:1;
	background:rgba(0,0,0,0.6);
}
.trigger p {
	background-image: url(../img/trigger-plus.png);
    padding-left: 50px;
    margin-left: -50px;
	height:60px;
	line-height:60px;
	position:absolute;
	top:50%;
	margin-top:0px;
	color:white;
	background-repeat:no-repeat;
	background-position:left center;
	white-space:nowrap;
	font-size:16px;
	left:50%;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000));
}
a:hover .trigger p {
	margin-top:-30px;
	-moz-opacity:1 ;
	filter:alpha(opacity: 10);
	opacity: 1;
}
/* 分页 */
.page{ margin-top:10px;}
.article{ display:none;}
.page{text-align: center; color: #fff;}
.page a{display: inline-block; * display:inline; *zoom:1; color: #fff; width:35px; height: 35px; line-height: 35px;  margin: 0 2px;border-radius: 4px;vertical-align: middle; background:#d9d8d8;}
.page a:hover{text-decoration: none; background:#e53333;}
.page a.nextPage,.page a.prevPage{padding: 0 3px;}
.page span.current{ cursor:pointer; color: #fff; background-color: #e53333;}
.page span.prevPage,.page span.nextPage{ padding: 0 3px; color:#fff;}  
.page span{ color:#000; display: inline-block; *display:inline; *zoom:1; width:35px; height: 35px; line-height: 35px;margin: 0 2px; border-radius: 4px;vertical-align: middle; background-color:#dddcdc;}
.prevPage{ background:url(../img/job-left-btn.png) no-repeat center center;}
.nextPage{ background:url(../img/job-right-btn.png) no-repeat center center;}
.page .prevPage:hover{ background-color: #e53333;}
.page .nextPage:hover{ background-color: #e53333;}