/* CSS Document */
.banner{display:block;width: 100%;}
a:hover{ color:#cb1c1d}
.main{ border-bottom:none}
.w1160{ width:1160px; margin:0 auto;}
.main_content{ width:1160px !important}
.w430{ width:570px}
.main ul.article_list li{ background:url(/Content/Areas/News/images/DangJian/li_bg.png) no-repeat left center; font-size:16px; padding-left:15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.article_right ul.article_list li{ background:url(/Content/Areas/Hospitals/images/Main/li_bg.png) no-repeat scroll 0 15px;
 line-height: 32px;
 padding-left: 10px; font-size:14px}
.main ul.article_list li a{ color:#000;}
.mb40{ margin-bottom:40px}
/*头部*/
.header{ height:50px; line-height:50px; background:#f6f6f6;}
.header_In{ width:1160px; margin:0 auto;}
.logo{ width:70px; height:50px}
.logo img{ margin-top:}
.Min1_right ul{ overflow:hidden;} 
.Min1_right ul li{background: url(/Content/Areas/News/images/DangJian/li_bg.png) no-repeat left 12px !important;line-height: 35px;}


/*两学一做导航*/
.column_list_nav{ width:100%; height:40px; line-height:40px; background:#ededed; position: relative; z-index:100; *zoom:1;_zoom:1}
.column_list_nav li.sy1_li{ float:left; border-left:1px solid #fff; background:none; padding-left:0; line-height:40px; margin-right:0; font-size:14px;position:relative;*zoom:1;*z-index:999;_height:40px;_zoom:1;_z-index:999;}
.column_list_nav li.last{ border-right:1px solid #fff}
.column_list_nav li a.sy1_tit{color:#000;padding: 0 20px;display:inline-block;}
.column_list_nav li a.sy1_tit:hover{ background:#ccc; color:#000 !important}
.column_list_nav li a.Hover{background:#ccc; color:#000 !important}
/*banner*/
.banner{height: 165px;}
.main .banner{height: 333px;width: 1200px;}
.banner a{ background:url(/Sites/Uploaded/UserUpLoad/20220711/20220711095644.jpg) no-repeat center top; width:100%; height:165px; display:block}
.banner1 a{/* background:url(/Sites/Uploaded/UserUpLoad/20220711/20220711095707.png) no-repeat center top; */width:100%;/* height:90px; */display:block;margin: 5px 0;}
.banner a:hover,.banner1 a:hover{ opacity:0.8;}

/*滚动*/
div.SwitchImage, div.SwitchImage .swiper-box{ width:602px; height:360px; position:relative}
div.SwitchImage img{width:602px; height:360px}
div.SwitchImage .swiper-box ul li{ position:relative}
div.SwitchImage .swiper-box ul li h2{ background:url(/Content/Areas/News/images/DangJian/op_bg.png) repeat; height:60px; text-align:center; position:absolute; left:0; bottom:0; width:100%}
div.SwitchImage .swiper-box ul li h2 a{ color:#fff; font-size:20px; line-height:32px}
div.SwitchImage .pagination{ position:absolute; left:37%; bottom:6px; height:20px}
div.SwitchImage .pagination span{ background:#444444; width:18px; height:18px; color:#fff; border-radius:50%;}
div.SwitchImage .pagination span.swiper-active-switch{ background:#ff0000}
div.SwitchImage .arrow-btn{ bottom: 0px; color: #666666;_color: #fff;display: block;font-size: 51px;font-weight: normal;position: absolute; font-family:serif; z-index:100}
div.SwitchImage .arrow-btn:hover{ color:#fff}
.btn-right{ right:0;}
/*模块一*/
.Min1{margin-top: 20px;}
.Min1_right{ margin-left:25px; width:533px;}
.Min1_right .article_box{ border-bottom:1px dotted #c1c1c1}
.Min1_right .article_box h2{ text-align:center;}
.Min1_right .article_box h2 a{ color:#000;}
.Min1_right .article_box h2 a:hover,.main ul.article_list li a:hover{ color:#cb1c1d}
.Min1_right .article_box p{ color:#666; text-indent:2em}
.Min1_right .more{ float:right; font-size:16px; color:#000}
.Min1_right .more:hover{ color:#cb1c1d}
/*党建在线教育*/
.Min2{border-radius:10px;height:560px;}
.Min2 .header_title{ height:60px; line-height:56px; font-size:24px; background:url(/Content/Areas/News/images/DangJian/border.jpg) no-repeat left bottom; margin-bottom:18px;}
.Min2 .header_title a{ color:#000; background:url(/Content/Areas/News/images/DangJian/icon1.png) no-repeat 0 center; padding-left:42px; display:inline-block}
.Min2 .header_title span.ew{ float: right; background:url(/Content/Areas/News/images/DangJian/icon2.png); width:55px; height:55px; position:relative}
.Min2 .header_title span.ew:hover{ cursor:pointer}
.Min2 .header_title span.ew img{ position:absolute; z-index:10; right:0; top:0; width:145px; height:145px}
.Min2_left { float:none; width:100%;}
.Min2{margin-top: 5px;}
.Min2 .article_box img{ display:block; width:390px; height:220px; border:#cccccc solid 1px; float:left; margin-right:18px;}
.box{float:left;width: 750px;margin-top:10px;}
.box h3{height:28px;line-height:28px;background: url(/Sites/Uploaded/UserUpLoad/20170726/20170726142313.png) no-repeat;color:#b81216;padding-left:13px;font-size:16px;}
.box .ul_list li{ width:215px; padding-left:8px; background:url(/Content/Areas/News/images/DangJian/icon3.png) no-repeat 0 center; height:32px; line-height:32px; float:left}
.ul_list li a,.state li{ color:#666}
.Min2 .more{ float:left; display:inline-block; width:84px; height:34px; line-height:34px; margin-top:13px; text-align:center; color:#fff; background:#ba0004}
.Min2 a.more:hover{ _color:#fff;}
.state{ float:left; margin-top:13px; margin-left:49px;_margin-left:40px}
.state li{ height:34px; line-height:34px; float:left}
.state li span{ color:#ba0004}
.state .line{ padding:0 8px; float:left; line-height:34px;_float:none}
.Min2 p.title{ color:#666; font-size:18px; margin:15px 0;}
/*更多课程*/
.course_list li{float:left;width:250px;height:200px;background:#f5f5f5;margin-right: 53px;}
.course_list li.li_4{ margin-right:0;}
.course_list li h2{ background:url(/Sites/Uploaded/UserUpLoad/20170726/20170726142746.png);font-size: 24px;height: 115px;line-height: 70px;position: relative; text-align: center;width: 250px;}
.course_list li.li_2 h2{background:url(/Sites/Uploaded/UserUpLoad/20170726/20170726142757.png);}
.course_list li.li_3 h2{background:url(/Sites/Uploaded/UserUpLoad/20170726/20170726142810.png);}
.course_list li.li_4 h2{background:url(/Sites/Uploaded/UserUpLoad/20170726/20170726142821.png);}
.course_list li h2:hover{ opacity:0.8}
.course_list li h2 a{ color:#fff;}
.course_list li h2 a:hover{ _color:#fff}
.course_list li h2 i{ bottom: 17px;font-size: 24px;font-style: normal; left: 0;line-height: 32px;position: absolute;width: 100%;}
.course_list p{ margin:8px 0 5px; padding:0 10px; font-size:16px;}
.course_list span{ padding:0 10px}
/*第二部分右侧*/
.submitbtn2{ background:none;border: medium none;color: #af0004;font-size: 30px;line-height: 88px; text-align: center; padding-right:5px; float:left; padding-left:10px;_width:140px; *width:140px;font-family: "微软雅黑";cursor: pointer;}
.submitbtn2:hover{color: #BE8432}
.forget{ line-height:102px;}

/*第三部分*/
.Min3{ margin-top:28px;}
.banner2{ display:block; width:100%; height:90px; background:url(/Sites/Uploaded/UserUpLoad/20170726/20170726141027.jpg) no-repeat; margin-bottom:20px}
.Min3 .title_head{ height:38px; line-height:34px; background:url(/Content/Areas/News/images/DangJian/icon5.png) no-repeat left center;}
.Min3 .title_head span{ font-size:18px; padding-left:72px; color:#fff}
.Min3 .title_head a.more{ float:right; font-size:14px;}
.Min3 ul.article_list li{ font-size:14px}
.Min3 ul.article_list li a{ color:#333}
div.Scroll_Box{ width:100%; margin-top:30px; height:360px}
div.Scroll_Box .swiper-box{  width: 278px;height: 64px;}
div.Scroll_Box .swiper-slide .Img_Box{ float:left; width:218px; height:177px; margin-right:5px; margin-bottom:5px; position:relative; padding:0 !important}
div.Scroll_Box .swiper-box ul li .Img_Box .pic{ margin-right:0 !important}
div.Scroll_Box .swiper-slide .Img_Box img{width:218px !important; height:177px !important;}
div.Scroll_Box .swiper-slide .li_1,div.Scroll_Box .swiper-slide .li_1 img{ width:434px !important; height:360px !important}
div.Scroll_Box .swiper-slide .li_3,div.Scroll_Box .swiper-slide .li_0{ margin-right:0;}
div.Scroll_Box .swiper-slide .li_4,div.Scroll_Box .swiper-slide .li_0{ margin-bottom:0;}
div.Scroll_Box .swiper-slide .Img_Box h2{ position:absolute; height:40px; line-height:40px; left:0; bottom:0;width:95%; padding-left:5%; font-size:18px; background:url(/Content/Areas/News/images/DangJian/op_bg.png) repeat scroll 0 0; font-weight:normal}
div.Scroll_Box .swiper-slide .Img_Box h2 a,.video_list h2 a{ color:#fff}
div.Scroll_Box .arrow-btn{ width:33px; height:70px; top:38%; display:block}
/*div.Scroll_Box .btn-right{ background:url(/Content/Areas/News/images/DangJian/btn.png) no-repeat right top;}
div.Scroll_Box .arrow-btn:hover{background:url(/Content/Areas/News/images/DangJian/h_btn.png) no-repeat;}
div.Scroll_Box .btn-right:hover{ background:url(/Content/Areas/News/images/DangJian/h_btn.png) no-repeat right top;}*/
div.Scroll_Box .swiper-box ul li:hover a{ color:#fff}
.Scroll_Box .swiper-box ul li .Img_Box:hover a{ color:#d11307}

h2.title_head i{display:none;}
/**/
.tab_tit,.tab_tit1,.tab_tit2,.tab_tit0 {overflow:hidden;margin: 10px 0px 0px;}
.tab_tit span,.tab_tit1 span,.tab_tit2 span,.tab_tit0 span{width: 106px;line-height: 28px;text-align:center;display: block;float: left;margin-right: 10px;background: #ba0005;}
.tab_tit span a,.tab_tit1 span a,.tab_tit2 span a,.tab_tit0 span a{ color:#fff;}
.tab_tit span.No_active,.tab_tit1 span.No_active,.tab_tit2 span.No_active,.tab_tit0 span.No_active{ background:#9e958c;}

/**/
.min_box{width: 566px;height: 250px;border: 1px solid #af0004;border-radius: 12px;position: relative;}
.min_box .title_head{height:42px;line-height:32px;background:#af0004;font-size:18px;padding:0 15px;color:#fff;border-radius: 11px 11px 0 0;}
.min_box .title_head a.more{ float:right; font-size:12px; color:#fff;}
.min_box .article_list{padding: 10px 15px;position: absolute;background: #fff;top: 32px;left: 0;border-radius: 12px;width: 536px;}

/*底部*/
.footer{ background:#ecebeb; padding:20px 0 15px; }
.footer p{ line-height:28px; text-align:center}
/*栏目页*/
h1.leftNavTitle{ border-radius:0}
div.article_left,div.article_right{ margin-top:20px}
div.article_left .lv1_p.hasChildren{ background:url(/Content/Areas/Common/images/Article/icon_7.png) no-repeat scroll 204px center}
div.article_left .lv1_p.hasChildren.show{ background:url(/Content/Areas/Common/images/Article/icon_8.png) no-repeat scroll 204px center}
div.article_left .lv1_p.current.hasChildren{ background: #d11307 url(/Content/Areas/Common/images/Article/icon_7.png) no-repeat scroll 204px center;}
div.article_left .lv1_p.hasChildren.current.show{ background:#d11307 url(../../Common/images/Article/icon_9.png) no-repeat scroll 204px center}


@media only screen and (max-width: 1200px){
  .header,.column_list_nav,.footer,.banner{ width:1200px}
}
@media only screen and (max-width: 768px)
{
.banner,.footer,.header,.main .banner{ width:100%}  
.column_list_nav{ width:100%} 
.header_In{ width:100%;}
.main_content { width:100% !important}
div.SwitchImage{ width:50%;}
 div.SwitchImage .swiper-box{ width:100%;}
div.SwitchImage .swiper-box ul li h2{ text-align:left;}
.Min1_right{ width:48%; margin-left:2%;}

.Min2_left .article_box img{ width:210px; height:auto;}
 .course_list li{ width:24%; margin-right:1%;}
.course_list li h2{width:100%;height:auto;font-size:25px;line-height: 70px;padding-bottom: 20px;}
.course_list li h2 i{bottom: 5px;}

.Min3_left{ width:70%;}
.Min3_right{ width:25%;}
.w430{ width:48%;}
.w430 li{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.banner a{height:85px;background-size:100%;}
}
@media only screen and (max-width: 768px)
{
.banner{display: none !important;}
.main .banner{display: block !important;}
.main .banner a.arrow_btn{display: none}
.column_list_nav li a.sy1_tit:hover{background:none;color: #fff !important;}
div.SwitchImage .swiper-box ul li h2{ text-align:center;;}
.main_content{ width:100% !important} 
.main{ padding:0 10px; box-sizing:border-box} 
.w430{ width:49%}
.mr20{ margin-right:2%}
.w1160,.header_In{ width:100%;} 
.main ul.article_list li,.article_box li{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.column_list_nav{ width:auto; height:0; line-height:0; background:none} 
.sy2_li a.sy2_tit{ font-family:"宋体"}
.column_list_nav li.sy1_li{ border-left:none}
.column_list_nav li.Has_Children a.sy1_tit{ width:85%}  
.column_list_nav li.sy1_li .sy2_ul{visibility: visible}
.column_list_nav li.sy1_li{ font-size:16px;}
/*banner*/
.banner a{ background-size:160%; height:105px}
.banner1 a{ background-size:100%; height:58px}
.banner2{ background-size:100%; height:77px}
.title h2{ height:64px; line-height:64px; font-size:36px; overflow:hidden}
div.SwitchImage, div.SwitchImage .swiper-box{ display:none}
.dwfc_box{ display:none}
/*模块二*/
.Min1_right{ width:100%; margin-left:0; box-sizing:border-box; float:none}

.Min2_right{ width:32%; padding-left:1%}
.Min2_left .article_box img{ display:none}
.box{ width:100%; float:none}
.box .ul_list li{ width:33.33%; box-sizing:border-box}
.course_list li.li_3,.course_list li.li_4{ display:none}
.course_list li.li_2{ margin-right:0;}
.course_list li{ width:48%; margin-right:4%}
.course_list li h2{ width:100%;}
.min_box .article_box{ height:125px;}
/*模块三*/
.Min3_left{ float:none; width:100%}
.Min3_right{ float:none; width:100%; box-sizing:border-box}
.article_img li{ float:left; margin:0 1%; width:31%}
.article_img li img{ width:100%; height:auto}
.article_img li a.title_type{ height:44px; overflow:hidden}
.video_list li{ width:31%; margin:0 1%; float:left}
.video_list img{ width:100%}
.ewm_box{ display:none}
.p1{ display:none}
div.Scroll_Box .swiper-box{width: 190px;}
.min_box,.min_box .article_list{width: 100%;box-sizing: border-box;}
.min_box{margin-bottom: 20px;}
.Min2 {margin-top:0;}

.study form{margin-bottom: 10px;}
} 
  
@media only screen and (max-width: 738px)
{
.state{ display:none} 
  }
@media only screen and (max-width: 640px)
{
.title h2{ font-size:28px;}
/*banner*/
.banner a{ background-size:160%; height:88px}
.banner1 a{ display:none}
.banner2{ display:none}
.Min2{ margin-top:15px; height:auto; border:8px solid #cacaca}
.Min2_left{ width:100%; float:none}
.Min2_right{ width:100%; float:none}
.min_box{ display:none}
.register_box{ width:217px; margin:20px auto 0}
.video_list img, .video_list li{ height:auto}
.w430{ width:100%; float:none}
.mr20{ margin-right:0%}
  } 
@media only screen and (max-width: 475px)
{
.banner a{ background-size:160%; height:65px} 
.title h2{ font-size:18px; height:32px; line-height:32px; overflow:hidden; margin-top:10px} 
.course_list li h2{ }
.main .banner{height: 200px;}
.article_img li{ width:48%;}
.video_list li{ width:48%;}
.video_list li.last{ display:none}
  } 
@media only screen and (max-width: 435px)
{
.banner a{ background-size:160%; height:65px}   
.article_img li{width:100%;margin: 0 auto 10px;}
.video_list img, .video_list li{ width:100%; margin:0 0 15px 0} 
.video_list li.last{ display:block}
.course_list li{ width:100%; margin-right:0; }
.course_list li.li_2{ display:none}
.main .banner{height: 190px;}

} 
@media only screen and (max-width: 375px)
{
.banner a{ background-size:160%; height:45px} 
.Min2 .header_title{ font-size:20px}
.main .banner{height: 170px;}
}