@charset "utf-8";
.footer{margin-top: 0; background-color:#fff;}
.mi_main{width: 1180px; margin:30px auto 0 auto; border-top:1px solid #ececec; padding-top:30px;}
.mi_main h2{ color:#444444; font-size:20px; padding-left:11px; border-left:5px solid #ff9500; line-height:22px; height:22px;}
.mi_main h3{ color:#e64d00; font-size:26px; border-bottom:2px solid #ff7f00; line-height:52px; height:52px;}
/*area1*/
.mi_main .mi_area1{ margin-bottom:40px;}
.mi_main .area1_1{ float:left; width:235px;}
.mi_main .area1_1 .img1{ display:block; width:235px; height:149px; margin-bottom:1px;}
.mi_main .area1_1 .img1:hover{opacity:0.9;filter(alpha=90)}
.mi_main .area1_1 .img2{ display:block; width:235px; height:330px;}
.mi_main .area1_1 .img2:hover{opacity:0.9;filter(alpha=90)}
.mi_main .area1_2{ float:left; width:472px; margin-left:1px;}

.ck-slide { width:471px; height:274px; margin: 0 auto; margin-bottom:1px;}
.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}
.ck-slide { position: relative; overflow: hidden;}
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0; height:274px;}
.ck-slide ul.ck-slide-wrapper li { position: absolute; display:none;}
.ck-slide ul.ck-slide-wrapper li.active{ display:block;}
.ck-slide ul.ck-slide-wrapper li.active em{ background-color: #fff;}
.ck-slide ul.ck-slide-wrapper li img{ width:471px; height:274px;}
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s; display:none;}
.ck-slide .ck-prev { left:0; background: url(/Public/images/shouji/index/arrow-left.png) #000 50% no-repeat;}
.ck-slide .ck-next { right:0; background: url(/Public/images/shouji/index/arrow-right.png) #000 50% no-repeat;}
.ck-slidebox { position:absolute; right:20px; bottom: 5px; z-index: 30;}
.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px;}
.ck-slidebox ul li { float: left; height: 8px; margin: 3px 3px; border-radius: 100%;}
.ck-slidebox ul li em { display: block; width: 11px; height:11px; border-radius: 100%; background-color:#666769; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color:#fff ;}
.ck-slidebox ul li em:hover { background-color: #fff;}
.pos{ position:absolute; bottom:0; z-index:26; background:url(/Public/images/shouji/index/bg_p.png) repeat left top; height:44px; font:"微软雅黑"; width:100%;}
.pos h4{ color:#fff; font-size:16px;  font-weight:normal; margin:13px 0 3px 20px; width:370px; height:17px; line-height:17px; overflow:hidden;}

.mi_main .area1_2 .img4 img{ display:block; float:left; margin-right:1px;}
.mi_main .area1_2 .img4 img:hover{opacity:0.9;filter(alpha=90)}
.mi_main .area1_3{ float:left; width:235px;}
.mi_main .area1_3 img{ display:block; width:235px; height:480px;}
.mi_main .area1_3 img:hover{opacity:0.9;filter(alpha=90)}
.mi_main .area1_4{ float:left; width:235px; margin-left:1px;}
.mi_main .area1_4 img{ display:block; width:235px; height:239px;}
.mi_main .area1_4 img:hover{opacity:0.9;filter(alpha=90)}
.mi_main .area1_4 .img5{ margin-bottom:1px; height:240px;}
.mi_main .area1_4 .img5:hover{opacity:0.9;filter(alpha=90)}
/*area2*/
/*area2 手游推荐*/
.mi_main .mi_area2{ margin-bottom:20px;}
.area2_l{ float:left; width:400px;}
.area2_l .recommend{ border-top:1px solid #e4e4e4; margin:20px 0;}
.area2_l .recommend_l{ float:left; width:86px;}
.area2_l .recommend_l li{ color:#555555; font-size:16px; line-height:53px; border-bottom:1px solid #e4e4e4; padding-left:12px; width:86px; border-left:5px solid #fff; cursor:pointer;}
.area2_l .recommend_l li:hover{ border-left:5px solid #ff971d; color:#e64d00;}
.area2_l .recommend_l li.active{ border-left:5px solid #ff971d; color:#e64d00;}
.area2_l .recommend_r{ float:right; width:300px;}
.area2_l .recommend_r ul{ overflow:hidden;}
.area2_l .recommend_r li{ float:left; width:80px; margin:20px 0 20px 20px;}
.area2_l .recommend_r li img{ display:block; width:80px; height:80px; border-radius:10px;}
.area2_l .recommend_r li img:hover{opacity:0.9;filter(alpha=90)}
.area2_l .recommend_r li p{ text-align:center; color:#6d6d6d; font-size:12px; line-height:12px; height:12px; overflow:hidden; margin-top:11px;}
.area2_l .recommend_r li p:hover{ color:#e64d00;}
/*area2 专题&系列*/
.mi_area2 .project h2{ overflow:hidden;}
.mi_area2 .project ul{ margin-top:15px;}
.mi_area2 .project .li1{ height:110px;}
.mi_area2 .project .fold{ height:48px; line-height:48px; overflow:hidden; border-bottom:1px solid #e4e4e4; background:url(../../images/mobile/mi14.jpg) no-repeat left center; padding-left:18px;}
.mi_area2 .project .fold a{ color:#333; font-size:18px;}
.mi_area2 .project .fold a:hover{ color:#ff6010;}
.mi_area2 .project .unfold{ position:relative; height:110px; border-bottom:1px solid #e4e4e4;}
.mi_area2 .project .unfold img{ width:260px; height:110px;}
.mi_area2 .project .unfold div{ position:absolute; background:url(../../images/mobile/mi13.png) no-repeat left top; right:0; top:0; width:148px; height:110px; z-index:99;}
.mi_area2 .project .unfold p{ color:#333; font-size:18px; height:36px; overflow:hidden; line-height:24px; height:48px; overflow:hidden; margin:0 30px; text-align:center; padding-top:10px;}
.mi_area2 .project .unfold p:hover{ color:#ff6010;}
.mi_area2 .project .unfold span{ margin:0 20px; display:block; color:#999; font-size:12px; text-align:center; line-height:18px; height:36px; overflow:hidden;}



.area2_c{ float:left; width:440px; margin:0 40px;}
/*area2 第一发布*/
.area2_c .release h1{ background:url(/Public/images/shouji/index/mi15.jpg) no-repeat left top; font-size:0; height:51px;}
.area2_c .release ul{ margin-top:22px;}
.area2_c .release li{ margin-bottom:18px; text-align:center;}
.area2_c .release li h4{ line-height:21px; height:21px; overflow:hidden;}
.area2_c .release li h4 a{ color:#f86866; font-size:20px; font-weight:bold;}
.area2_c .release li h4 a:hover{ color:#e23a38;}
.area2_c .release_s{ height:15px; overflow:hidden;}
.area2_c .release_s a{ color:#606060; font-size:14px; border-left:1px solid #c6c6c6; display:inline-block; padding-left:5px; margin-right:6px;}
.area2_c .release_s a:hover{ color:#e64d00;}
.area2_c .release_s a:first-child{border-left: 0;}
.area2_c dl{ border-top:1px solid #c6c6c6;}
.area2_c dt{ overflow:hidden; height:28px; line-height:28px; margin:21px 0;}
.area2_c dt h4{ float:left; color:#ffffff; font-size:14px; width:40px; text-align:center; background-color:#f86866; margin-right:13px;}
.area2_c dt a{ display:block; float:left; color:#006fcd; font-size:18px; height:25px; line-height:25px; overflow:hidden; width:387px;}
.area2_c dt a:hover{ color:#0053a6; text-decoration:underline;}
.area2_c dd{ margin-bottom:18px; background:url(/Public/images/shouji/index/mi16.jpg) no-repeat left center; padding-left:15px; height:20px; height:20px; overflow:hidden;}
.area2_c dd a{ color:#333333; font-size:16px; line-height:20px;}
.area2_c dd a:hover{ color:#e64d00;}

.area2_r{ float:left; width:260px;}
/*area2 快捷导航*/
.mi_area2 .quick_nav{ margin-bottom:20px;}
.mi_area2 .quick_nav ul{ overflow:hidden; border-top:1px solid #c6c6c6; margin-top:20px; padding-top:20px;}
.mi_area2 .quick_nav li{ float:left; width:70px; height:70px; margin:0 4px 15px 11px;}
.mi_area2 .quick_nav li img{ display:block; margin:13px auto 3px auto;}
.mi_area2 .quick_nav li p{ color:#fff; font-size:12px; text-align:center;}
.quick_nav .bg_orange{ background-color:#ff9000;}
.quick_nav .bg_orange:hover{ background-color:#ffab3d;}
.quick_nav .bg_red{ background-color:#ff5635;}
.quick_nav .bg_red:hover{ background-color:#ff765b;}
.quick_nav .bg_peach{ background-color:#f163c7;}
.quick_nav .bg_peach:hover{ background-color:#f48dd6;}
.quick_nav .bg_green{ background-color:#3cbe92;}
.quick_nav .bg_green:hover{ background-color:#57d0a7;}
.quick_nav .bg_lightgreen{ background-color:#44c541;}
.quick_nav .bg_lightgreen:hover{ background-color:#59d056;}
.quick_nav .bg_deepgreen{ background-color:#43acce;}
.quick_nav .bg_deepgreen:hover{ background-color:#61bcda;}
.quick_nav .bg_blue{ background-color:#4993dc;}
.quick_nav .bg_blue:hover{ background-color:#5fa4e9;}
.quick_nav .bg_deepblue{ background-color:#13acde;}
.quick_nav .bg_deepblue:hover{ background-color:#2eb9e6;}
.quick_nav .bg_lightblue{ background-color:#00bbc2;}
.quick_nav .bg_lightblue:hover{ background-color:#1dc6cc;}
/*area2 手游周刊*/
.weekly dl{ margin-top:20px; overflow:hidden;}
.weekly dt{ border:1px solid #ececec; width:258px; height:108px; margin-bottom:10px; position:relative;}
.weekly dt img{ display:block; width:258px; height:108px;}
.weekly dt p{ position:absolute; bottom:0; color:#fff; font-size:14px; font-weight:bold; background:url(/Public/images/shouji/index/bg_p.png) repeat; line-height:25px; height: 25px; overflow:hidden; padding:0 3%; width:96%; text-align:center;}
.weekly dd{ float:left; width:127px; background-color:#faf9f9; border-bottom:1px solid #e4e4e4; margin-right:3px;}
.weekly dd:hover{ background-color:#ff9500; border-bottom:1px solid #ff9500;}
.weekly dd:hover a{ color:#fff; background:url(/Public/images/shouji/index/mi27.png) no-repeat left center; }
.weekly dd a{ color:#333333; font-size:16px; display:block; margin-left:11px; padding-left:13px; background:url(/Public/images/shouji/index/mi14.jpg) no-repeat left center; height:45px; line-height:45px; overflow:hidden;}

/*area3*/
.mi_main .mi_area3{ margin-bottom:20px;}
.mi_main .area3_t{ overflow:hidden; margin-top:20px;}
.mi_main .area3_tl{ float:left; width:400px;}
.mi_main .area3_tr{ float:right; width:740px; margin-right:5px;}
/*area3 新游资讯*/
.area3_tl dl{ margin:20px 0;}
.area3_tl dd{ overflow:hidden; margin-bottom:20px;}
.area3_tl .dd_l{ float:left; width:160px; height:110px; margin-right:18px;}
.area3_tl .dd_l img{ display:block; width:160px; height:110px;}
.area3_tl .dd_l img:hover{opacity:0.9;filter(alpha=90)}
.area3_tl .dd_r{ float:left; width:210px;}
.area3_tl .dd_r h5{ line-height:23px; height:46px; overflow:hidden; margin-bottom:10px;}
.area3_tl .dd_r h5 a{ color:#333333; font-size:16px; line-height:23px;}
.area3_tl .dd_r h5 a:hover{ color:#e64d00;}
.area3_tl .dd_r span{ color:#999999; font-size:12px;}
.area3_tl ul{ overflow:hidden; padding:10px 0;}
.area3_tl li{ margin-bottom:16px; background:url(/Public/images/shouji/index/mi16.jpg) no-repeat left center; padding-left:15px; height:18px; line-height:16px; overflow:hidden;}
.area3_tl li a{ color:#333333; font-size:16px;}
.area3_tl li a:hover{ color:#e64d00;}
/*area3 新游上架*/
.area3_tr{ margin-bottom:20px;}
.area3_tr ul{ overflow:hidden;}
.area3_tr ul li{ float:left;}
.system{ border-bottom:1px solid #e4e4e4; margin-top:10px; overflow:hidden; margin-bottom:7px;}
.system h6{ padding:0 11px; color:#e64d00; font-size:18px; float:left; line-height:38px; height:38px;}
.system ul{ float:left;}
.system li{ color:#333333; font-size:16px; line-height:38px; height:38px; width:57px; cursor:pointer; text-align:center;}
.system li:hover,.system li.active{ color:#e64d00; background:url(/Public/images/shouji/index/mi30.png) no-repeat left 34px; }
.type{ border-bottom:1px solid #e4e4e4; overflow:hidden; line-height:38px; height:38px;}
.type h6{ padding:0 11px; color:#0066cc; font-size:18px; float:left;}
.type ul{ float:left;}
.type li{ color:#333333; font-size:16px; line-height:38px; height:38px; width:57px; cursor:pointer; text-align:center;}
.type li:hover,.type li.active{ color:#0066cc; background:url(/Public/images/shouji/index/mi31.png) no-repeat left 34px; }
.cont_box ul{ overflow:hidden; margin-top:20px;}
.cont_box li{ float:left; margin:0 17px 20px 7px; width:80px;}
.cont_box li img{ display:block; width:80px; height:80px; border-radius:10px; margin-bottom:10px;}
.cont_box li img:hover{opacity:0.9;filter(alpha=90)}
.cont_box li p{ color:#333333; font-size:16px; text-align:center; height:17px; line-height:17px; overflow:hidden;}
.cont_box li p:hover{ color:#e64d00;}
/*area3 新游评测*/
/*.area3_b ul{ margin:20px 0 30px -7px; border-top:1px solid #e4e4e4; padding-top:20px;}
.area3_b ul li{ float:left; width:217px; height:342px; margin-left:4px;}
.area3_b ul .li1{ width:520px;}
.area3_b ul li .fold{ width:217px; height:342px;}
.area3_b ul li .fold a{ position:relative; width:217px;}
.area3_b ul li .fold img{ display:block; width:217px; height:342px;}
.area3_b ul li .fold h5{ background:url(/Public/images/shouji/index/bg_p.png) repeat; height:74px; position:absolute; bottom:0; z-index:99; display:block; width:217px;}
.area3_b ul li .fold h5 p{ text-align:center; color:#ffffff; font-size:14px; line-height:15px; height:15px; overflow:hidden; margin:45px 10px 0 10px;}
.area3_b ul li .fold a .pos{ position:absolute; color:#fff; font-size:48px; z-index:100; border:3px solid #ffa438; background:url(/Public/images/shouji/index/bg_p.png) repeat; width:67px; height:67px; text-align:center; line-height:67px; border-radius:50%; left:16px; bottom:39px;}
.area3_b ul li .unfold{ width:520px; height:342px;}
.area3_b ul li .unfold a{ position:relative; width:520px;}
.area3_b ul li .unfold img{ display:block; width:520px; height:342px;}
.area3_b ul li .unfold h5{ background:url(/Public/images/shouji/index/bg_p.png) repeat; height:74px; position:absolute; bottom:0; z-index:99; display:block; width:520px;}
.area3_b ul li .unfold h5 p{ text-align:center; color:#ffffff; font-size:20px; line-height:21px; height:21px; overflow:hidden; margin:10px 0;}
.area3_b ul li .unfold h5 span{ text-align:center; color:#ffffff; font-size:14px; line-height:15px; height:15px; overflow:hidden; display:inline-block; margin:0 10px;}
.area3_b ul li .unfold a .pos{ position:absolute; color:#fff; font-size:48px; z-index:100; border:3px solid #ffa438; background:url(/Public/images/shouji/index/bg_p.png) repeat; width:67px; height:67px; text-align:center; line-height:67px; border-radius:50%; left:57px; bottom:39px;}*/
/*area4 图文攻略*/
.area4_box .box_l{ width:400px; float:left; margin-top:20px; margin-bottom:20px;}
.area4_box .include{ overflow:hidden; margin-top:20px; padding-bottom:10px; border-bottom:1px dashed #ececec;}
.area4_box .include a{ float:left; position:relative;}
.area4_box .include a img{ display:block; width:135px; height:100px;}
.area4_box .include a img:hover {opacity:0.9;filter(alpha=90)}
.area4_box .include a p{ position:absolute; bottom:0; color:#fff; font-size:16px; background:url(/Public/images/shouji/index/bg_p.png) repeat; line-height:26px; height: 26px; overflow:hidden; padding:0 10px; text-align:center;}
.area4_box .include ul{ float:right; width:240px;}
.area4_box .include li{ background:url(/Public/images/shouji/index/mi14.jpg) no-repeat left center; height:17px; margin-bottom:12px;}
.area4_box .include li a{ color:#333333; font-size:16px; line-height:17px; height:17px; overflow:hidden; margin-left:17px;}
.area4_box .include li a:hover{ color:#ff6010;}
/*area4 最新攻略*/
.area4_box .box_c{ width:445px; float:left; margin:20px 32px 20px 32px;}
.area4_box .box_c dl{ overflow:hidden; margin:20px 0 25px -25px;}
.area4_box .box_c dd{ float:left; width:130px; height:90px; margin-left:25px;}
.area4_box .box_c dd a{ float:left; position:relative;}
.area4_box .box_c dd a img{ display:block; width:130px; height:90px;}
.area4_box .box_c dd a img:hover {opacity:0.9;filter(alpha=90)}
.area4_box .box_c dd a p{ position:absolute; bottom:0; color:#fff; font-size:16px; background:url(/Public/images/shouji/index/bg_p.png) repeat; line-height:26px; height: 26px; overflow:hidden; padding:0 10px; text-align:center;}
.area4_box .box_c li{ background:url(/Public/images/shouji/index/mi14.jpg) no-repeat left center; line-height:17px; height:17px; overflow:hidden; margin-bottom:15px;}
.area4_box .box_c li a{ float:left; color:#333; font-size:16px; width:370px; margin-left:18px;}
.area4_box .box_c li a:hover{ color:#ff6010;}
.area4_box .box_c li span{ float:right; color:#999; font-size:14px; line-height:17px; height:17px;}
/*area4 攻略合集*/
.area4_box .box_r{ width:260px; float:right; margin-top:20px; margin-bottom:20px;}
.area4_box .box_r li{ border-bottom:1px solid #ececec; padding:15px 0; overflow:hidden;}
.area4_box .box_r li a:hover{ color:#ff6010;}
.area4_box .box_r li img{ float:left; display:block; width:80px; height:80px; border-radius:10px; margin-right:8px;}
.area4_box .box_r li img:hover {opacity:0.9;filter(alpha=90)}
.area4_box .box_r li div{ float:left; display:block; margin-bottom:0; width:80px;}
.area4_box .box_r li h6{ line-height:22px; height:44px; overflow:hidden; width:100px; margin:15px 0 10px 0;}
.area4_box .box_r li h6 a{ font-size:14px; color:#333;}
.area4_box .box_r li b{ float:right; display:block; background-color:#e2fff5; color:#999999; font-size:14px; height:60px; width:60px; line-height:60px; font-weight:normal; text-align:center; border-radius:50%; margin-top:10px;}
.area4_box .box_r li span{ font-weight:bold; font-size:20px; color:#09ca89;}

.area5_box{ margin-top:20px;}
/*area5 热门专区*/
.area5_box .box_l{ float:left; width:400px; margin-bottom:20px;}
.area5_box .include{ overflow:hidden; margin-top:18px; padding-bottom:10px; border-bottom:1px solid #ececec;}
.area5_box .include a{ float:left;}
.area5_box .include a img{ display:block; width:80px; height:80px; border-radius:10px; margin-bottom:8px;}
.area5_box .include a img:hover{opacity:0.9;filter(alpha=90)}
.area5_box .include a p{ color:#333; font-size:16px; line-height:17px; height:17px; overflow:hidden; text-align:center; width:80px;}
.area5_box .include a p:hover{ color:#ff6010;}
.area5_box .include ul{ float:right; width:290px;}
.area5_box .include li{ background:url(/Public/images/shouji/index/mi14.jpg) no-repeat left center; height:17px; margin-bottom:12px;}
.area5_box .include li a{ color:#333333; font-size:16px; line-height:17px; height:17px; overflow:hidden; margin-left:17px;}
.area5_box .include li a:hover{ color:#ff6010;}
/*area5 爆款网游*/
.area5_box .box_lb{ margin-top:18px;}
.area5_box .box_lb ul{ overflow:hidden; margin:18px 0 20px -25px;}
.area5_box .box_lb li{ float:left; width:80px; margin-left:25px;}
.area5_box .box_lb li img{ display:block; width:80px; height:80px; border-radius:10px; margin-bottom:14px;}
.area5_box .box_lb li img:hover{opacity:0.9;filter(alpha=90)}
.area5_box .box_lb li p{ color:#333; font-size:16px; line-height:17px; height:17px; overflow:hidden; text-align:center; width:80px;}
.area5_box .box_lb li p:hover{ color:#ff6010;}
/*area5 最新专区*/
.area5_box .box_c{ float:left; width:440px; margin-left:40px;}
.area5_box .box_c .box_ct{ margin:20px 0 10px 0;}
.area5_box .box_c .box_ct ul{ overflow:hidden; margin:20px 20x 0 0;}
.area5_box .box_c .box_ct li{ float:left; width:80px; margin:0 12px 20px 12px;}
.area5_box .box_c .box_ct li img{ display:block; width:80px; height:80px; border-radius:10px; margin-bottom:14px;}
.area5_box .box_c .box_ct li img:hover{opacity:0.9;filter(alpha=90)}
.area5_box .box_c .box_ct li p{ color:#333; font-size:16px; line-height:17px; height:17px; overflow:hidden; text-align:center; width:80px;}
.area5_box .box_c .box_ct li p:hover{ color:#ff6010;}
/*area5 腾讯专区*/
.area5_box .box_c .box_cb{ margin-top:25px;}
.area5_box .box_c .box_cb li{ overflow:hidden;}
.area5_box .box_c .box_cb li a{ color:#333333; font-size:16px; height:45px; line-height:45px; overflow:hidden; text-align:center; background-color:#efefef; display:block; float:left; margin:0 0 12px 12px;}
.area5_box .box_cb .short{ width:119px;}
.area5_box .box_cb .long{ width:150px;}
.area5_box .box_c .box_cb li a:hover{ background-color:#ff9500; color:#fff;}
/*area5 系列*/
.area5_box .box_r{ float:right; width:260px; margin-bottom:20px;}
.area5_box .box_r ul{ margin-top:20px;}
.area5_box .box_r ul li{ height:40px;}
.area5_box .box_r ul .li1{ height:170px;}
.area5_box .fold{ line-height:40px; height:40px; overflow:hidden; background:url(/Public/images/shouji/index/mi14.jpg) no-repeat left center; border-bottom:1px solid #ececec;}
.area5_box .fold a{ line-height:39px; height:39px; color:#333333; font-size:14px; margin-left:18px;}
.area5_box .fold a:hover{ color:#ff6010;}
.area5_box .unfold{ border-top:1px solid #ececec; position:relative;}
.area5_box .unfold img{ display:block; width:260px; height:110px; margin-top:59px;}
.area5_box .unfold .pos2{ background:url(/Public/images/shouji/index/mi36.png) no-repeat; position:absolute; left:0 ; top:0; width:260px; height:66px;}
.area5_box .unfold .pos2 p{ float:left; color:#fff; font-size:14px; line-height:20px; width:22px; text-align:center; margin:10px 0;}
.area5_box .unfold .pos2 span{ float:left; line-height:59px; height:59px; overflow:hidden; display:block; width:218px; margin:0 10px;} 
.area5_box .unfold .pos2 a{ color:#333333; font-size:16px;}
.area5_box .unfold .pos2 a:hover{ color:#ff6010;}
/*area6 */
.mi_area6{ margin-bottom:40px;}
.mi_area6 .area6_box{ margin-top:20px;}
.mi_area6 .area6_l{ float:left; width:340px;}
.mi_area6 .area6_l a{ position:relative; display:block;}
.mi_area6 .area6_l img{ display:block; width:340px; height:320px;}
.mi_area6 .area6_l p{ position:absolute; bottom:0; left:0; background:url(/Public/images/shouji/index/bg_p.png) repeat; height:60px; width:340px; overflow:hidden;}
.mi_area6 .area6_l p em{ background:url(/Public/images/shouji/index/mi41.png) no-repeat center center; display:block; float:left; width:60px; height:60px; background-color:#ff9500;}
.mi_area6 .area6_l p span{ display:block; float:right; width:250px; margin:0 10px; color:#fff; font-size:16px; line-height:30px; height:60px; overflow:hidden;}

.mi_area6 .area6_c{ float:left; width:540px;}
.mi_area6 .area6_c ul{ overflow:hidden;}
.mi_area6 .area6_c ul li{ float:left; width:160px; width:160px; margin:0 0 12px 20px;}
.mi_area6 .area6_c ul a:hover span{ display:block;}
.mi_area6 .area6_c div a{ position:relative;}
.mi_area6 .area6_c div a span{ display:block; width:160px; height:110px; background:url(/Public/images/shouji/index/mi42.png) no-repeat left top; position:absolute; left:0; bottom:5px; z-index:99; display:none;}
.mi_area6 .area6_c img{ display:inline-block; width:160px; height:110px;}
.mi_area6 .area6_c ul p{ color:#333; font-size:14px; line-height:18px; height:36px; overflow:hidden; margin-top:6px;}
.mi_area6 .area6_c ul p:hover{ color:#ff6010;}

.mi_area6 .area6_r{ float:right; width:260px;}
.area6_r  dl{ border-top:1px solid #ececec; margin-top:20px;}
.area6_r dt{ overflow:hidden; padding:13px 0; border-bottom:1px solid #ececec;}
.area6_r dt a{ float:left; position:relative;}
.area6_r dt img{ display:block; width:80px; height:60px; margin-right:20px;}
.area6_r dt img:hover {opacity:0.9;filter(alpha=90)}
.area6_r dt h6{ float:left; line-height:19px; width:160px; color:#333; font-size:14px;}
.area6_r dt h6 a{ color:#333; font-size:14px; line-height:19px; height:38px; overflow:hidden; margin:8px 0;}
.area6_r dt h6 a:hover{ color:#ff6010;}
.area6_r dt .pos3{ position:absolute; left:0; top:0; width:19px; height:19px; line-height:19px; text-align:center; color:#fff; font-size:14px; background-color:#4b9afa;}
.area6_r dd{ border-bottom:1px solid #ececec; overflow:hidden; height:39px; position:relative;}
.area6_r dd a{ line-height:19px; height:19px; overflow:hidden; margin:10px 0 10px 39px; display:block; color:#333; font-size:14px;}
.area6_r dd a:hover{ color:#ff6010;}
.area6_r dd .pos3{ position:absolute; left:0; top:10px; width:19px; height:19px; line-height:19px; text-align:center; color:#fff; font-size:14px; background-color:#4b9afa;}
.area6_r .pos_bg .pos3{ background-color:#ff5a00;}
/*area7 */
.mi_area7{ overflow:hidden; margin-bottom:30px;}
.mi_area7 .area7_l{ float:left; width:960px;}
.mi_area7 .area7_l img{ display:block; width:960px; height:70px;}
.mi_area7 .area7_r{ float:right; width:200px;}
.mi_area7 .area7_r img{ display:block; width:200px; height:70px;}

    	/*slide*/
.slide{width: 1180px;height: 342px;margin-bottom: 20px;overflow: hidden; margin:20px  auto 0;}
.slide li{float: left;width:217px;height: 342px;margin-left:3px;overflow: hidden;position: relative;vertical-align: middle;}
.slide li:first-child{margin-left: 0;}

.slide .txt{width: 84%;height:73px;overflow: hidden;position: absolute;left: 0;bottom: 0;background:url(/Public/images/shouji/index/bg_p.png) repeat;padding:0 8% 0 8%;}
.slide h4{font-size:20px;color: #fff;height:40px;line-height:40px; font-weight:bold; overflow: hidden; text-align:center; text-align:left;}
.slide p{font-size: 14px;overflow: hidden;color: #fff; font-weight:normal; line-height:20px; text-align:left;}
.slide a{ position:relative;}
.slide .pos{ position:absolute; width:73px; height:73px; font-size:48px; line-height:73px; text-align:center; color:#fff; background:url(/Public/images/shouji/index/bg_p.png) no-repeat; left:15px; bottom:40px; font-weight:bold;}
/*ie8*/
.slide li.active{width:520px\9;}
.slide li.active{+width: auto;}
/*ie8__end*/
/*.slide li.active h4{ text-align:center;}
.slide li.active img{ width:520px;}
.slide li.active p{height:24px;line-height:24px; text-align:center; width:auto;}
.slide li.active .pos{ left:50px;}*/