/* 游戏广告图 */
.lubo{width:100%; clear:both; position:relative; height:700px; margin-top: 76px;}
.lubo_box{position:relative; width:100%; height:700px; margin-top: 76px;}
.lubo_box li{float:left;position:absolute; top:0; left:0; width:100%; height:700px; opacity:0;filter:alpha(opacity=0);}
.lubo_box li a{display:block; width:100%; height:700px;}
.lubo_box li img{width:100%; height:368px;}

/*圆点*/
.cir_box{overflow:hidden; position:absolute; z-index:1;}
.cir_box li{float:left; width:8px; height:8px; margin:0 3px; cursor:pointer; background:#fff; border-radius:4px;}
.cir_on{background:#0077ff !important; width:18px !important; height:8px;}
/*按钮*/
.lubo_btn{position:relative; width:100%; top:-310px;}
.left_btn, .right_btn{width:30px; height:80px; background:#000; opacity:0.8;filter:alpha(opacity=80); cursor:pointer; color:#fff; line-height:80px; font-size:30px; text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; font-family:'宋体'; font-size:40px;}

/* 标题 */
.title{width:350px; height:110px; overflow:hidden; margin:auto; padding-top:50px; padding-bottom:30px;}
.title h2{font-weight:bold; font-size:36px; color:#1f1457; text-align:center; width:350px; height:63px; overflow:hidden;}
.title h2 p{font-size:14px; color:#756b96; font-weight:normal; text-transform:uppercase;}
.title .line{width:45px; height:2px; background:#5b7cff; margin:auto; margin-top:10px; margin-bottom:5px;}
.title .small{font-size:18px; color:#756b96; text-align:center; width:350px;}

/* 公司简介 */
.Introduction{width:1200px; margin:auto; height:557px;}
.Introduction .Overview_Txt {width:676px; height:557px; border:1px solid #5b7cff; z-index:2; padding-left:384px; position:relative; float:right;}
.Introduction .Overview_Txt img {width:522px; height:532px; z-index:1; position:absolute; margin-left:-516px; margin-top:-1px;}
.Introduction .Overview_Txt H1 {width:636px; height:58px; line-height:58px; font-weight:bold; font-size:26px; color:#fff; background:#5b7cff; margin:20px;text-align:center;}
.Introduction .Overview_Txt .Introduce {font-size:18px; color:#7f7f7f; width:632px; margin-left:20px; line-height:34px; float:none; padding-top:15px;}
.Introduction .Overview_Txt .Border_Left {width:127px; float:left;  height:1px; background:#5b7cff; margin-left:20px;}
.Introduction .Overview_Txt .Border_Right {float:right; height:1px; background:#5b7cff;  width:127px; margin-right:20px; margin-top:15px;}


/* 企业文化 */
.platform{width:100%; background:#fafafa; padding-bottom:40px;}
.Box{width:100%; overflow:hidden; height:380px; background:url(../images/cp-bj.png) no-repeat center; padding-bottom:50px;}
.inbox{width:1200px; margin:auto; overflow:hidden;}
.inbox ul{position:absolute;}
.inbox ul li{width:300px; overflow:hidden; float:left; text-align:center; height:125px; padding-top:25px; padding-bottom:25px; position:relative;}
.inbox ul li img{height:92px;}
.inbox ul li h1{font-size:24px; color:#1f1457; font-weight:bold; width:210px; margin:auto; line-height:25px; margin-top:20px;}
.inbox ul li h1 p{font-size:14px; color:#6f6f6f; padding-top:10px;}
.inbox ul li:hover{background:#fff; border-radius:10px; box-shadow:rgba(0,0,0,0.08) 0px 0px 8px;}




/* 产品 */

.app{width:1200px; display:flex; justify-content:space-between; position:relative; margin:auto;}
.box{width:380px; overflow:hidden; background:#f6f6f6; box-sizing:border-box; padding:0 15px 25px 15px;}
.box a{display:flex; flex-direction:column; align-items:center; color:#535353; text-decoration:none;}
.box a:hover{color:#5b7cff;}
.imgBox{width:380px; height:214px; overflow:hidden;}
.imgBox img{width:380px; height:214px; transition:all 0.6s linear;}
.source{border:1px solid #535353; padding:6px 20px; border-radius:25px; margin:20px;}
.title{margin-bottom:20px; font-size:20px;}
.detail{font-size:14px; line-height:160%; text-align:justify; width:100%; display: block; height: 100%;}

/*鼠标hover效果*/
.box>a::after{content:''; width:380px; position:absolute; background:#5b7cff; bottom:0; height:0px; transition:height 0.3s linear; /*利用伪类高度，实现动画效果*/}
.box>a:hover::after{height:10px;}
.box:hover img{transform:scale(1.15);}
.box:hover .source{background:#5b7cff; border-color:#5b7cff; color:#ffffff;}
.box:hover{background:#f4f6ff;}


.product{width:100%; height:762px; overflow:hidden; background:url(../images/cp-bj.png) no-repeat;}
.product .productbox{width:1200px; overflow:hidden; margin:auto; background:#fff;}