/*整体结构*/
.a_by_w { min-width:1000px; height:475px;   }

.a_by { width:1000px; height:475px; overflow:hidden; margin:0 auto; position:relative; }


.ab_l_bg,.ab_l { width:680px; height:330px;  position: absolute; top:50%; left:30px; margin-top:-165px; }
.ab_l_bg { overflow:hidden; background-color:#fff; opacity:0.8; filter: alpha(opacity=80); ZOOM: 1; z-index:5; }
.ab_l { /*overflow:hidden;*/ z-index:10; }

.ab_r_bg { width:45px; height:45px; position: absolute; top:30px; right:30px; background:url(mainresourcecms201604img_pc_site2016041310203282154.png) 50% 50% no-repeat; }
.ab_r_bg a { display:block; float: left; width:45px; height:45px; overflow:hidden; text-indent:-999px; cursor:pointer;}
#arbg_s { display:block; }
#arbg_k { display:none; }

.ab_nav_bg,.ab_r { width:150px; height:306px;  position: absolute; top:85px; right:30px; }
.ab_nav_bg { overflow:hidden; background-color:#3baaec; opacity:0.8; filter: alpha(opacity=80); ZOOM: 1; z-index:5;}
.ab_r {  /*overflow:hidden;*/ z-index:10;}

.ab_r_nav { width:150px; height:305px; overflow:hidden; }
.ab_r_nav li {  height:30px; line-height:30px; border-bottom:1px solid #b6dff7; overflow:hidden; padding:10px 0 10px 45px; background-image:url(mainresourcecms201604img_pc_site2016041310203166707.png); background-repeat:no-repeat;}
.ab_r_nav li a { font-size:16px; color:#fff;}
.ab_r_nav li.active,.ab_r_nav li:hover { background-color:#1f89c8;}
.ab_r_nav_1 { background-position: 5px 15px ;}
.ab_r_nav_2 { background-position: 5px -63px ;}
.ab_r_nav_3 { background-position: 5px -140px ;}
.ab_r_nav_4 { background-position: 5px -220px ;}
.ab_r_nav_5 { background-position: 5px -300px ;}
.ab_r_nav_6 { background-position: 5px -378px ;}


/*怀柔概况 切换*/
.a_tab_w { width:580px; height:35px; padding:25px 0 0; margin:0 auto;  }
.a_tab { height:32px; overflow:hidden; }
.a_tab li { float: left; width:96px; height:27px; line-height:26px; padding-bottom:5px; overflow:hidden; text-align:center; }
.a_tab_y { background:url(mainresourcecms201601img_pc_site2016012914285013616.png) 50% 0 no-repeat; }
.a_tab_n {}
.a_tab li a { font-size:14px; color:#333; }
.a_tab li.a_tab_y a { color:#fff; }


.a_tab_x_y { display:block; }
.a_tab_x_n { display:none; }


.about_by { padding:15px 25px 15px;  }

.about_cont { height:210px; line-height:30px; overflow:hidden;}
.about_cont * { font-size:14px; color:#333;}
.about_cont p { /*margin-top:10px;*/ }
.about_more { line-height:30px; text-align:right; }
.about_more a { font-size:14px;  color:#333;}


/*历史文化*/
.a_wh { width:680px; height:330px; overflow:hidden; }
.a_wh ul {}
.a_wh ul li { overflow:hidden; background-image:url(mainresourcecms201604img_pc_site2016041416195989462.jpg); background-repeat:no-repeat;}
.a_wh ul li.active { background-image:url(mainresourcecms201604img_pc_site2016041416200370871.jpg); }

.a_wh_0 { float:left; width:247px; height:204px; background-position:0 0; }
.a_wh_2 { float:left; width:223px; height:107px; background-position:-247px 0; }
.a_wh_3 { float:left; width:223px; height:97px; background-position:-247px -107px; }
.a_wh_4 { float:left; width:470px; height:126px; background-position:0 -204px; }
.a_wh_1 { float:right; width:210px; height:330px; background-position:-470px 0; }

.a_wh ul li div { position:relative; width:100%; height:100%; }
.a_wh ul li div a { display:block; position:absolute; width:100%; height:28px; line-height:28px; text-align:center; font-size:16px; color:#fff; background-color:#000; opacity:0.7; filter: alpha(opacity=70); ZOOM: 1; z-index:5; bottom:0px; }

.a_wh ul li.active div a { background-color:#3baaec; }


/*节庆活动*/
.a_jq { width:680px; height:330px; overflow:hidden; }
.aj_l { float:left; width:55px; height:330px; background-color:#41bcf7; }
.aj_line { width:20px; height:330px; vertical-align:middle; margin:0 auto; overflow:hidden; }
.aj_line a { font-size:16px; color:#fff; line-height:24px; }
.aj_l .aj_line a {  font-size:18px; font-weight:900; }

.aj_line table { width:100%; height:100%; border:0; margin:0; border-collapse:collapse; border-spacing:0;   }
.aj_line table td { width:100%; height:100%;   padding:0px;  vertical-align:middle; text-align:center; }

.aj_r { float:left; width:625px; height:330px; overflow:hidden;}
.aj_r ul {}
.aj_r ul li { float:left; width:35px; height:330px; overflow:hidden;}

.aj_r ul li.ajr_1 { width:555px; }
.ajr_t { float:left; width:35px; height:330px; }
.ajr_1 .ajr_t  { background-color:#c59eee; }
.ajr_2 .ajr_t  { background-color:#fbcf7b; }
.ajr_3 .ajr_t  { background-color:#cae36f; }
.ajr_4 .ajr_t  { background-color:#f6798c; }


.ajr_r { float:left; width:0px; height:330px; overflow:hidden; }
.ajr_1 .ajr_r { width:520px;}
.ajr_c { height:270px; line-height:30px; overflow:hidden; padding:20px 20px 0;}
.ajr_c * { font-size:14px; color:#333;}
.ajr_c img { float:left; margin:0 10px 10px 0;}
.ajr_m { line-height:30px; text-align:right; padding: 0 20px;}
.ajr_m a { font-size:14px;  color:#333; }


/*图说怀柔*/
.a_ts { width:680px; height:330px; overflow:hidden; background:url(mainresourcecms201604img_pc_site2016041513090164159.jpg) 0 0 no-repeat; }
.a_ts a { display:block; float:left; width:680px; height:330px; overflow:hidden; text-indent:-999px;  }

/*区域划分*/
.a_qy { width:680px; height:330px; overflow:hidden; }
.aqy_l,.aqy_r { float:left; width:40px; height:330px; background-image:url(mainresourcecms201604img_pc_site2016041516195427729.png); background-repeat:no-repeat; cursor:pointer; }

.aqy_l { background-position:10px 55%;}
.aqy_r { background-position:-110px 55%;}
.aqy_l:hover { background-position:-50px 55%;}
.aqy_r:hover { background-position:-170px 55%;}

#aqy_c { float: left; width:600px; height:330px; overflow:hidden; }
#aqy_c ul {}
#aqy_c ul li { float: left; width:600px; height:300px; padding:15px 0; overflow:hidden; }
.aqy_w {}
.aqy_tit { float:left; width:320px; height:300px; text-align:center; padding-top:35px; }
.aqy_tit img { width:315px;}
.aqy_con { float:right; width:260px; height:240px; line-height:30px; overflow:hidden; padding:15px 10px 0;  font-size:14px; color:#333;}
.aqy_mor { float:right; line-height:30px; text-align:right; }

.aqy_tit_s { height:35px; line-height:35px; overflow:hidden; text-align:center;  padding:20px 10px 0;}
.aqy_tit a,.aqy_tit_s a { font-size:18px; color:#3baaec ;}
.aqy_con_s { height:180px; line-height:30px; overflow:hidden; padding:10px 10px 0;  font-size:14px; color:#333; }
.aqy_con *,.aqy_con_s *  { font-size:14px; color:#333; }
.aqy_mor_s { height:30px; line-height:30px; overflow:hidden; text-align:right;}
.aqy_mor a ,.aqy_mor_s a { font-size:14px;  color:#333;}



/*怀柔大事记*/
.h_d_m{ width:680px; height: auto; overflow:hidden; padding-top: 20px;  }
.h_d_l{ width:46px; padding:0 20px; float:left;}
.h_d_i{ width:46px; height:46px; overflow:hidden; background:url(mainresourcecms201605img_pc_site2016050818345733909.png) 0 0 no-repeat;}
.h_d_bg{ width:46px; height: 64px; background:url(mainresourcecms201605img_pc_site2016050817494516379.png) center 0 no-repeat;}
.h_d_i a{ font-size: 14px; font-weight:900; line-height:48px; color:#fff; text-align:center; width:46px; height:46px; display:block;}
.h_d_c{ padding: 0 25px 0 20px; width: 529px; overflow:hidden; float:right;}
.h_d_t{ width:100%; height: 25px; line-height:25px; text-align:center;}
.h_d_t a{ font-size: 16px; color:#333333; font-weight:700; text-align:center;}
.h_d_s{ display:none;}
.h_d_z{ width:100%; height:auto;}



.h_d_cc{ width:100%; height: 240px; overflow:hidden; line-height:30px;}
.h_d_cc p{ font-size: 14px; color:#333333;  }
.h_d_kk{ width:100%; height:30px; text-align:right; }
.h_d_kk a{ color:red;font-size: 14px; line-height:30px;}

.h_ts_m{ width:680px; height:330px; overflow:hidden; position:relative;}
/*.h_ts_m ul li{ background-image:url(mainresourcecms201605img_pc_site2016051213035350733.jpg) ; background-repeat: no-repeat; overflow:hidden; position:absolute;}*/
.h_ts_m ul li{ background-image:url(mainresourcecms201606img_pc_site2016062717082385489.jpg) ; background-repeat: no-repeat; overflow:hidden; position:absolute;}

.h_ts_m ul li div{ width:100%; height:100%; position:relative;}
.ts_0{ width:153px; height:170px; background-position:0 0; left:0; top:0; }
.ts_1{ width:158px; height:170px; background-position:-153px 0; left:153px; top:0;}
.ts_2{ width:184px; height:330px; background-position:-311px 0; left:311px; top:0;}
.ts_3{ width:186px; height:170px; background-position:-494px 0; left:494px; top:0;}
.ts_4{  width:186px; height:160px; background-position:-494px -170px; left:494px; top:170px;}
.ts_5{ width:311px; height:160px; background-position:0 -170px; left:0; top:170px;}
/*.h_ts_bg{ width:100%; height:100%; background-image: url(mainresourcecms201605img_pc_site2016051213035278366.jpg); display:none;}*/
.h_ts_bg{ width:100%; height:100%; background-image: url(/main/resource/cms/2016/06/img_pc_site/2016062717082430287.jpg); display:none;}


.h_ts_0{background-position:0 0; }
.h_ts_1{ background-position:-153px 0;line-height: 170px;}
.h_ts_2{ background-position:-311px 0;line-height: 330px;}
.h_ts_3{background-position:-494px 0;line-height: 170px; }
.h_ts_4{background-position:-494px -170px;line-height: 160px; }
.h_ts_5{background-position:0 -170px; line-height: 160px;}

.h_ts_bg a {  background-color:#dd7176;color: #fff;display: block;font-size: 16px;height: 100%;opacity: 0.7;text-align: center;width: 100%;z-index: 5; filter: alpha(opacity=70); font-weight:700;}



/* Tiny Scrollbar */
.hr_scrollbar { width: 630px;  height: 210px; overflow:hidden; }
.hr_scrollbar .viewport { width: 600px; height: 210px; overflow: hidden; position: relative; }
.hr_scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.hr_scrollbar .scrollbar{ background: transparent url(mainresourcecms201605img_pc_sitebg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
.hr_scrollbar .track { background: transparent url(mainresourcecms201605img_pc_sitebg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
.hr_scrollbar .thumb { background: transparent url(mainresourcecms201605img_pc_sitebg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
.hr_scrollbar .thumb .end { background: transparent url(mainresourcecms201605img_pc_sitebg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
.hr_scrollbar .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.a_foot{ height:150px;}
.af_cpoy{ height:140px;}