﻿@charset "utf-8";
/* CSS Document */

*{ padding:0px; margin:0px;}
body{ font-family:"microsoft yahei"; font-size:14px; margin: 0 auto; }
a{ text-decoration:none;}
ul{list-style:none;}
.clear{ clear:both;}
.ftl{ float:left;}
.ftr{ float:right;}
.ml30{ margin-left:30px;}
.ml15{ margin-left:15px;}
.mr15{ margin-right:15px;}
img{ border:none;}
.block{ display:block;}

.center1124{width:1124px; margin:0 auto;}
.head{ width:100%;height:400px;background: url(head_bj.png) no-repeat; background-size:100% 100%; padding-top:130px; box-sizing: border-box;}
.head img,.head2 img { display: block; margin:0 auto 0 auto;}
/*门头沟*/
.nav_blue{ width:100%; background-color:#177bef;font-size:18px;  height:45px; line-height:45px;}
.nav_blue a{color:#fff; display:inline-block; float:left; width: 125px; text-align:center; border-right:1px solid #2c86ee;}
a.back{color:#fff; display:inline-block; float:left; width: 170px; text-align:center;border-right:none;}
.nav_blue a:hover,.nav_blue a.cur{background-color:#fff; color:#177bef}

.boxCont{ width: 100%;border-top:1px solid #177bef;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;margin:20px 0 30px 0;font-size:18px; line-height:30px;}
.title_box{display:block; background: url(title_bj.png) no-repeat;background-size:100% 100%;font-size:20px; width: 209px; height:38px;box-sizing: border-box; line-height:38px; color:#fff; padding-left:30px;}

.blackTxt{ color:#333;}
.greyTxt{ color:#666;font-size:16px;}
.videoList {padding-top:15px;}
.videoList li{width:248px;position:relative;float:left;margin: 15px 16px;}

.playIcon{position: absolute;z-index:99;top: 53px;left: 93px; cursor: pointer;}
.foot{ width: 100%; padding:40px 0 55px 0;box-sizing: border-box; text-align: center; color:#000; font-size:14px; background-color:#ebeaea; border-top:3px solid #177bef;}
.videoDesc{width:100%; box-sizing: border-box; background-color:#f9fbfc; padding:30px 35px;margin-bottom:50px;}
.leftBar{width:70%; float: left;}
.rightBar{width:10%; float: right;}
.titleVideo{ font-size:16px; color: #262b2e; line-height:2em;}
.desc{ font-size:12px; color:#262b2e;line-height:1.8em;}
.num{display:block;background: url(go.png) no-repeat left; padding:2px 15px 0 18px;}
.shoucang{display:block;background: url(star.png) no-repeat left; padding:2px 15px 0 18px;color:#262b2e; margin:0 0 20px 0;}

.hang1{ height:30px;width:100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}





/*房山*/
.head2{ width:100%;min-width:1124px;height:460px;background: url(head_bj2.png) no-repeat; background-size:100% 100%; padding-top:50px; box-sizing: border-box;}
.nav_Orange{ width:100%; min-width:1124px; background-color:#f49800;font-size:18px;  height:50px; line-height:50px;}
.nav_Orange a{color:#fff; display:inline-block; float:left; width: 125px; text-align:center; }
a.back{ display:inline-block; float:left; width: 170px; text-align:center;}
.nav_Orange a:hover,.nav_Orange a.cur{background-color:#fff; color:#333}

.titleBoxBj{ width: 100%; height: 63px; background-color:#f49800; border: 1px solid #f49800; margin-top:30px;margin-bottom:20px;}
.title_box2{display:block;background-color:#fff;width:135px; text-align:center;font-size:20px;height:63px; line-height:63px;box-sizing: border-box;color:#f49800;font-weight: bold;}
.boxCont2{width: 100%;margin:0px 0 30px 0;font-size:18px;line-height:30px;box-sizing: border-box;}
.greyTxt2{ color:#999;font-size:12px;}
.foot2{ width: 100%; padding:40px 0 55px 0;box-sizing: border-box; text-align: center; color:#fff; font-size:14px; background-color:#7e8298;}

.videoList2 {padding-top:15px;}
.videoList2 li{width:350px;position:relative;float:left;margin:0px 37px 15px 0;}
.videoList2 li:nth-child(3n){ margin: 0px 0px 15px 0;}
.videoList2 li img{ width: 350px; height:210px; border-radius:5px;border: 1px solid #92949b;}
.videoList2 li img.playIcon{width:57px; height:57px; display:block;position: absolute;z-index:99;top: 73px;left: 143px; cursor: pointer;border:none;}

/*----------------------------------新增直播页面  20211115-------------------------------------------------------*/
.mt50{margin-top:30px;}
.leftBar{width: 760px;float:left;}
.jiantou{width:33px;height:30px;display:inline-block;background: url(jiantou.png) no-repeat;background-size:100% 100%;margin:0px 5px 0 0;float:left;}
.titleBox{font-size:26px;width:100%;margin-bottom: 15px;}
.rightBar{width: 347px;float:right;}
.haibao{width: 327px;height:510px;border:10px solid #f1f1f2;}
.greyTxtBox{width:100%;background-color:#f1f1f2;padding:50px;font-size:18px;line-height:2em;box-sizing: border-box;}
.greyTxtBox p{text-indent: 0em;}



/*轮播图3*/
.wqhgBj{background-color:#f1f1f3;padding:10px 0;}
.Box3 {position: relative;}
.Box3 .content3 {width: 1070px;margin: 0 auto;background-color: #f0f3f5;box-sizing:border-box;}
.Box3 h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box3 .Box_con3 {position: relative;padding:10px;}
.Box3 .Box_con3 .btnl {position: absolute;}
.Box3 .Box_con3 .btn {display: block;width: 41px;height: 41px;position: absolute;top: 100px;cursor: pointer;}
.Box3 .Box_con3 .btnl {background: url(leftbtn.png) no-repeat center;left: -35px;}
.Box3 .Box_con3 .btnr {background: url(rightbtn.png) no-repeat center;right: -35px;}

.Box3 .Box_con3 .conbox3 {position: relative;overflow: hidden;}
.Box3 .Box_con3 .conbox3 ul {position: relative;list-style: none;/* background-color:#333; */}
.Box3 .Box_con3 .conbox3 ul li {float: left;width: 236px;margin-left: 34px;overflow: hidden;background-color: #fff;}
.Box3 .Box_con3 .conbox3 ul li a{font-size:16px;color:#010100;line-height:1.85em;/* margin-top:8px; *//* line-height: 2.5em; *//* padding:15px 15px; */display: inline-block;padding-bottom: 10px;/* margin-bottom: 10px; */}
.Box3 .Box_con3 .conbox3 ul li a span{display:block;width:236px;padding: 0px 15px;box-sizing:border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Box3 .Box_con3 .conbox3 ul li:first-child {margin-left: 0;}
.Box3 .Box_con3 .conbox3 ul li img {display: block;width: 236px;height: 180px;margin-bottom: 10px;transition: all 0.5s;}
.Box3 .Box_con3 .conbox3 ul li:hover img {transform: scale(1.05);}

.Box3 .BoxSwitch {margin-top: 30px;text-align: center;}
.Box3 .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box3 .BoxSwitch span.cur {background: red;}
.greyTxt{color:#89898b;}


















