﻿/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。
 * 网站地址: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 */
.sub-banner{}
.sub-banner img{width:100%}
.areaGo{width:1200px;margin:0 auto;margin-top:65px;display:table;margin-bottom:70px}
.area-top{position:relative}
.area-title{font-size:24px;color:#666;border-bottom:2px solid #ff8d00;display:inline-block;padding-bottom:10px}
.area-describe{display:inline-block;color:#888;font-size:18px;margin-left:33px}
.area-line{height:2px;width:1200px;background-color:#e1e1e1;margin-top:-2px;margin-bottom:47px}
.area-more{color:#888;font-size:14px;position:absolute;right:0;top:12px}
.active{color:#ff8d00!important}
.area-more a{color:#888}
.area-main{float:left;width:882px}
.area-news{padding-bottom:56px;height:1211px}
.news-box{cursor:pointer;width:270px;height:199px;display:inline-block;margin-right:26px;margin-bottom:42px;position:relative;border:1px solid #b2b2b2;transition:all .2s linear}
.area-news ul li{display:inline-block;margin-right:26px;margin-bottom:42px;position:relative;border:1px solid #b2b2b2;transition:all .2s linear}
.area-news li:hover{box-shadow:0 0 15px #888}
.area-news li:nth-child(3n+0){margin-right:0}
.area-newsShadow{position:absolute;background-color:rgba(0,0,0,.65);color:#d2d2d2;z-index:99;bottom:40px;width:270px;font-size:12px;line-height:40px;height:40px;opacity:0;visibility:hidden;transition:all .3s linear}
.area-news li:hover .area-newsShadow{opacity:1;visibility:visible}
.video-palyRound{position:absolute;top:30%;left:45%;width:36px;height:36px;background-color:rgba(0,0,0,.6);border:3px solid #fff;border-radius:100px;transition:all .2s linear}
.area-news li:hover .video-palyRound{border-color:#ff8d00;background-color:rgba(255,141,0,.1)}
.video-playArrow{border-style:dashed dashed dashed solid;overflow:hidden;border-width:10px;border-color:transparent transparent transparent #fff;margin-left:43%;margin-top:22%;transition:all .2s linear}
.area-news li:hover .video-playArrow{border-color:transparent transparent transparent #ff8d00}
.newsShadow-left{display:inline-block;padding-left:3px}
.newsShadow-right{display:inline-block;float:right;padding-right:6px}
.newsShadow-right span:first-child{}
.area-news li p{text-align:center;color:#666;height:39px;font-size:14px;line-height:39px;width:100%;background-color:#fff}
.page{margin:0 auto;position:relative;text-align:center;margin-bottom:25px}
.page ul{list-style:none;padding:0 12px;display:inline-block;height:50px;overflow:hidden;border-radius:5px}
.page ul li{margin-left:10px;margin-bottom:0;margin-right:0px;display:inline-block;position:relative;border:1px solid #d3d3d3;bottom:-11px}
.page ul li a{background:white;display:block;padding:0 12px;color:#959595;position:relative;text-decoration:none;height:27px;line-height:27px;font-family:"微软雅黑";transition:all .2s linear}
.page ul li a.cur,.page ul li.cur a{background:#ff8d00;color:white}
.pre_page a:hover,.next_page a:hover,.page_number a:hover,.end a:hover,.page-li a:hover{background-color:#ff8d00;color:#fff}
.area-sub{float:right;width:293px}
.sub-blockCall,.sub-blockNews,.sub-blockMenu{width:292px;border:1px solid #d2d2d2;margin-bottom:22px;background-color:#fff}
.sub-blockMenu{text-align:center}
.sub-blockMenu li{font-size:16px;padding-top:14px;padding-bottom:14px;border-bottom:1px solid #d2d2d2}
.sub-blockMenu li:hover{border-left:2px solid #ff8d00;margin-left:-1px}
.sub-blockMenu li a{transition:color .2s linear}
.sub-blockMenu li:hover a{color:#ff8d00}
.sub-blockMenu .active{border-left:2px solid #ff8d00;margin-left:-1px}
.sub-blockMenu li:last-child{border-bottom:0}
.sub-blockMenu li a{color:#666}
.sub-blockMenu .active a{color:#ff8d00}
.sub-blockCall{height:487px}
.sub-blockCall-info{padding-left:19px;padding-right:19px}
.sub-blockCall-phone{float:left;margin-top:25px;padding:4px 3px}
.sub-blockCall-phoneNum{margin-top:20px;margin-left:14px}
.sub-blockCall-phoneNum p:first-child{color:#666;font-size:14px}
.sub-blockCall-phoneNum p:last-child{color:#666;font-size:24px}
.sub-blockCall-phone{border:1px solid #b5b5b5;display:inline-block}
.sub-blockCall-phoneNum{display:inline-block}
.sub-blockCall-input{margin-top:15px;margin-bottom:12px}
.sub-blockCall-input input{height:37px;width:191px;border:1px solid #b5b5b5;border-right:0;text-indent:.35em}
.sub-blockCall-input button{background-color:#0896d6;color:#fff;font-size:18px;padding:6px 10px 9px;border:1px solid #0896d6;border:0;margin-left:-6px;cursor:pointer}
.sub-blockCall-des{color:#ff8d00;text-align:center;font-size:12px}
.sub-blockCall-des span{color:#0896d6}
.sub-blockNews{height:369px}
.sub-blockNews-top{padding-left:19px;padding-right:19px;position:relative}
.sub-blockNews-title{color:#666;font-size:16px;border-bottom:2px solid #ff8d00;display:inline-block;padding-bottom:10px;margin-top:25px}
.sub-blockNews-more{position:absolute;right:19px;top:27px;color:#999}
.sub-blockNews-more a{color:#999}
.sub-blockNews-more span{font-family:'宋体'}
.sub-blockNews-line{width:100%;height:2px;background-color:#e1e1e1;margin-top:-2px}
.sub-blockNews-info{padding-left:19px;padding-right:19px;height:263px;overflow:hidden}
.sub-blockNews-info li{border-bottom:1px dashed #e5e5e5}
.sub-blockNews-info li p{transition:all .1s linear}
.sub-blockNews-info li p:first-child:before{content:'❘▶';font-size:16px;margin-right:10px}
.sub-blockNews-info li p:first-child{color:#b0b0b0;margin-bottom:5px;margin-top:13px}
.sub-blockNews-info li p:last-child{color:#666;margin-left:28px;margin-bottom:10px}
.sub-blockNews-info li:hover p{color:#ff8d00}
#show-box{position:fixed;width:40%;left:50%;top:50%;z-index:30;display:none;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.icon-circle-cross{position:absolute;right:-40px;top:-55px;font:menu;font-size:25px;border:1px solid white;border-radius:50%;display:block;width:35px;height:35px;line-height:37px;text-align:center;cursor:pointer;color:white;z-index:30}
.mask1{margin:0;padding:0;border:none;width:100%;height:100%;background:#333;opacity:0.6;filter:alpha(opacity=60);z-index:20;position:fixed;top:0;left:0;display:none}
@media (max-width:1650px){.sub-blockCall-input button{padding:8px 10px 10px}
    .sub-blockCall-des{line-height:22px;margin-top:14px}
    .sub-blockNews-info li p:first-child{margin-top:16px}
}
@media (max-width:1750px){.area-news{padding-bottom:51px}
    .video-playArrow{margin-left:40%;margin-top:22%}
}
@media (max-width:1550px){.sub-blockCall-input button{padding:7px 10px 10px}
    .sub-blockCall-des{line-height:20px;margin-top:16px}
    .area-news{padding-bottom:41px}
}
