@charset "utf-8";
@s:46.875rem;
@color:~"div[class^='col']";
@{color}{
    background: #999;
    height: 200/@s;
  }  
/*ehade*/
.font-16{font-size: 16px;}
.margin-right-5{margin-right: 5px;}
header{background:#ED763C url(../images/menubg.jpg) repeat-x bottom;}
header .toptips{
    height: 32px;line-height: 32px;font-size: 12px;color: #fff;background: url(../images/top_01.jpg) no-repeat center;height: 50px;
}
header .toptips a{color: #fff}
header .toptips a:hover{color: #fff;}
header .toptips span{
    display: inline-block;	*zoom: 1;*display: inline;width: 20px;text-align: center;
}
.hello{float: left;}
header .logo{background-color: #fff;}
.topline{background: url(../images/top_01.jpg) no-repeat center;height: 50px;}
.topbg{background:url(../images/topbg.jpg) no-repeat center;height: 396px;}
header .logo a{
    display: inline-block;*zoom: 1;	*display: inline;text-align: left;padding-top: 34px;padding-bottom: 34px;
}
header .logo img{max-width: 100%;}
header nav>ul{font-size: 0;}
header nav>ul>li{
	position: relative;color: #fff;display: inline-block;*zoom: 1;*display: inline;	width: 11.1111111111%;
}
header nav>ul>li>a{
	display: block;text-align: center;	line-height: 60px;font-size: 16px;	
}
header nav>ul>li.active,
header nav>ul>li>a:hover,header nav>ul>li:hover{
	color: #fff;background:#BF380F;}
header nav>ul>li:hover .n_sub{
	opacity: 1;	filter:alpha(opacity=100); 
}
header nav>ul>li .n_sub{
	position: absolute;left: 0;	top: 40px;opacity: 0;filter:alpha(opacity=0); width: 100%;text-align: center;background-color: #fff;color: #333;z-index: 99999;
}
header nav>ul>li .n_sub>ul>li{
	padding: 10px 0;
}
header nav>ul>li .n_sub>ul>li>a:hover{
	color: #8b1c22;
}

header nav ul>li>.sub-nav1{
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    
    z-index: 999;
    
}
header nav ul>li>.sub-nav1>li{
    width: 100%;
    text-align: center;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.9);
    margin-bottom: 2px;
}
header nav ul>li>.sub-nav1>li>a{
    padding: 0;
    margin: 0;
    font-size: 12px;
    overflow: hidden;
    color: #000;
}
header nav ul>li>.sub-nav1>li:hover,header nav ul>li>.sub-nav1>li:hover a{
/*    background: #BF380F;*/
    color: #ff6020;
}


/*banner*/
.banner{
	width: 100%;height: 450px;
}
.banner .swiper-container {
    width: 100%; height: 100%;
}
.banner .swiper-slide {
	position: relative;width: 100%;	height: 100%; background-position: center;background-size: cover;
}
.banner .swiper-pagination-bullet{
	width: 16px;height: 16px;
}
.swiper-pagination>span{
	font-family:"iconfont" !important;font-size: 18px;
	opacity: 1;
    background: none;
}
.swiper-pagination>span:before{
	content: "\e604";
}
.swiper-pagination>span.swiper-pagination-bullet-active{
	color: #BF380F;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 15px;}





/*mobile nav*/
header .toptips{display: none;}
header .menu{
	display: none;padding-top: 16px;float: left;	width: 32px;height: 32px;cursor: pointer;
}
header .menu span{
	width: 19px; height: 2px; border-radius: 2px; background-color: #fff; display: block; margin-bottom: 4px;
    -ms-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out s;
    -moz-transition: all 0.4s ease-in-out s;
    transition: all 0.4s ease-in-out 0s;
}
header .font{
	display: inline-block;*zoom: 1;	*display: inline;float: right;
}
header .menu span.navline1 {
    transform: translateY(6px) rotate(45deg);
    -ms-transform: translateY(6px) rotate(45deg);
    -webkit-transform: translateY(6px) rotate(45deg);
    -o-transform: translateY(6px) rotate(45deg);
    -moz-transform: translateY(6px) rotate(45deg);
    -ms-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out s;
    -moz-transition: all 0.4s ease-in-out s;
    transition: all 0.4s ease-in-out 0s;
}
header .menu span.navline2 {
    background-color: #f4ac33;
    -ms-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out s;
    -moz-transition: all 0.2s ease-in-out s;
    transition: all 0.2s ease-in-out 0s;
}
header .menu span.navline3 {
    transform: translateY(-6px) rotate(-45deg);
    -ms-transform: translateY(-6px) rotate(-45deg);
    -webkit-transform: translateY(-6px) rotate(-45deg);
    -o-transform: translateY(-6px) rotate(-45deg);
    -moz-transform: translateY(-6px) rotate(-45deg);
    -ms-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out s;
    -moz-transition: all 0.4s ease-in-out s;
    transition: all 0.4s ease-in-out 0s;
}
#mobile_nav{
	display: none;background-color: #fff;
}
#mobile_nav .m_nav ul li{
	clear: both;padding: 5px 0;	font-size: 16px;
}
#mobile_nav .m_nav ul li>span{
	cursor: pointer;font-size: 14px;
}
#mobile_nav .m_nav ul li>ul{
	display: none;padding-left: 10px;
}
#mobile_nav .m_nav ul li>ul>li{
	padding-left: 5px;padding-right: 5px;padding-bottom: 0;	display: inline-block;*zoom: 1;	*display: inline;font-size: 15px;
}
#mobile_nav a:hover{
	color: #ff6000;
}
#mobile_nav.nav_show{
	display: block;width: 100%;	height: auto;
}


/*==================content====================*/
.title{display:block;height: 37px;line-height: 37px;margin-bottom: 20px;}
.title h4{background: url(../images/menubg.jpg) repeat-x center;height: 37px;line-height: 37px;padding: 0 20px;color: #fff;margin-left: 12px;}
.title a{color: #ff651e;margin-right: 12px;}
.whitebg{background: #fff;display:block;padding: 12px;}
.list-cont{display: block;}
.cont-1 .thumb,.text{width: 48%;}
.cont-1 .thumb img{max-width: 100%;}
.cont-1 .text a{font-size: 14px;}
.cont-1 .text p{font-size: 12px;color: #666;line-height: 26px;}

.cont-2 ul li{display: inline-block;width: 100%;padding: 8px 0;font-size: 14px;}
.cont-2 ul li i{width: 8px;height: 8px;background: #ff651e;border-radius: 20px;display: inline-block;margin-right: 8px;}
.cont-2 ul li span{font-size: 12px;color: #666;}
.more{color: #ff651e;display: block;text-align: center;padding: 10px 0;}

/*切换*/
.tab .tab-nav{height: 37px;margin-bottom: 10px;font-size: 18px;margin-left: 12px;}
.tab .tab-nav li{float:left;background: url(../images/menubg.jpg) repeat-x center;}
.tab .tab-nav li a{display:block;height: 37px;padding: 0 30px;color:#fff;text-decoration:none;line-height: 37px;}
.tab .tab-nav li.actived{background:#fff}
.tab .tab-nav li.actived a{color:#777;background: #fff;border: 1px solid #ff651e;}
.tab .content-wrap{background:#fff;min-height: 262px;}
.tab .content-wrap .content-item{width:100%;/*position:absolute;*/display:none}
.tab .content-wrap .current{display:block}


.title1{height: 37px;line-height: 37px;}
.title1 i{width: 6px;height: 24px;background:url(../images/menubg.jpg) repeat-x top;margin:7px 14px 0 15px; }
.title1 h4{color: #ff651e;font-size: 22px;line-height: 37px;}
.title1 a{color: #ff651e;margin-right: 12px;}

.cont-3 .thumb{width: 44%;}
.cont-3 .thumb img{width: 100%;}
.cont-3 .textbox{width: 53%;}
.cont-3 .textbox li{border-bottom:1px dashed #999;padding-bottom: 9px;margin-bottom: 10px;margin-left: 15px;}
.cont-3 .textbox li:last-child{margin-bottom: 0;}
.cont-3 .textbox li>div{margin-bottom: 3px;position: relative;}
.cont-3 .textbox li>div i{width: 8px;height: 10px;display: inline-block;position: absolute;left: -16px;top: 2px;font-size: 14px;}
.cont-3 .textbox li a{font-size: 16px;}
.cont-3 .textbox li span{font-size: 12px;color: #666;}
.cont-3 .textbox li p{font-size: 12px;line-height: 30px;color: #666;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;}

.h-video .row{margin-right: -7px;margin-left: -7px;}
.h-video .row .col-md-4{padding-left: 7px;padding-right: 7px;}
.cont-4 .thumb{	position: relative;}
.cont-4 .thumb>img{	margin: 0 auto;}
.cont-4 .thumb .large{ display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;	background-color: rgba(0,0,0,.3); border-radius: 15px;}
.cont-4 .thumb .large .more1{ display: none;position: absolute;left: 0;top: 0;right: 0;bottom: 0;	margin: auto;width: 60px;height: 60px;text-align: center;color: #fff;}
.cont-4 .thumb .large .more1:hover{ color: #fb6f44; cursor: pointer;}
.cont-4 .thumb .large .more1 span{ font-size: 60px;}
.cont-4 .large .more1 span,
.cont-4 .thumb .large .more1 a{ display: inline-block;}
.cont-4 .title4{text-align: center;}
.cont-4 .title4 a{ display: inline-block; padding: 15px 0;font-size: 14px;color: #333;}
.cont-4 .title4 a:hover{ color: #fb6f44;}


footer{background:#ED763C url(../images/footerbg.jpg) repeat-x top;padding: 20px 0;font-size: 14px;text-align: center;color: #fff;}
footer ul li{display: inline-block;padding: 8px 15px;}
footer ul li a,footer ul li a:hover{color: #fff;}
footer .copybox{line-height: 30px;}
footer .copybox>div{display: inline-block;}
footer .copybox .copytext{vertical-align: top;margin-top: 20px;padding-right: 20px;}


/*================内页=================*/
.subbg{height: 130px;}
.sub-banner{width: 100%;height: 350px;}
.sub-banner .swiper-container {
    width: 100%; height: 100%;
}
.sub-banner .swiper-slide {
	position: relative;width: 100%;	height: 100%; background-position: center;background-size: cover;
}

.phone_menu{display: none;}
.phone_menu ul li{display: inline-block;font-size: 16px;margin: 10px;border: 1px solid #e5e5e5;padding: 5px 15px;}
.phone_menu ul li.active{color: #fb6f44;border: 1px solid #fb6f44;}
/*左侧菜单*/
.left_menu{width: 210px;}
.left_menu h3{background: url(../images/sub_menubg.jpg) repeat top;height: 88px;color: #fff;font-size: 30px;line-height: 88px;padding-left: 25px;}
.left_menu>ul{background: url(../images/sub_menubg2.jpg) repeat top;border: 1px solid #ccc;border-bottom: none;}
.left_menu>ul>li{border-bottom: 1px solid #ccc;text-align: center;padding: 20px 0;}
.left_menu>ul>li>a>i{margin-left: -12px;font-size: 12px;}
.left_menu ul li.active{color: #fb6f44;}
/*菜单展开*/
.left_menu li ul{display:none;margin-top: 10px;}
.left_menu li ul li a,.left_menu li ul li a ul li a{display:block;}
.left_menu li ul li a{padding: 5px 0;display:block;}

/*右侧内容*/
.right_cont{height: 100%;width: auto;margin-left: 240px;}
.position{border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;text-align: right;margin-bottom: 30px;}
.position i{margin-right: 7px;font-size: 18px;}

/*关于阳光*/
.s-about{font-size: 12px;line-height: 24px;}
.s-about img{max-width: 100%;}
.s-about>h4,.s-about>p{text-align: center;}
.s-about p{font-size: 14px;padding: 10px 0;}
.s-about .line{width: 80%;height: 1px;background: #ececec;display: block;margin: 0 auto;margin-bottom: 20px;}
.line1{width: 100%;height: 1px;background: #ececec;display: block;margin: 0 auto;margin-bottom: 20px;}
/*阳光党建  子站新闻列表*/
.s-news ul li{ padding:0 0 20px 0;margin-bottom: 20px; border-bottom: 1px solid #eee;display: inline-block;width:100%;}
.s-news ul li .img{width: 183px;height: 134px;border: 1px solid #eee;}
.s-news ul li .img img{width: 100%;}
.s-news ul li .info{height: 100%;width: auto;margin-left: 204px;}
.s-news ul li .info h2{font-size: 14px;}
.s-news ul li .info h2 a:hover{color: #d63b26;}
.s-news ul li .info p{margin: 20px 0;line-height: 26px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 12px;}
.s-news ul li .time{font-size: 12px;color: #666;}
.s-news ul li .time i{	font-size: 16px;padding-right: 6px;color: #7ec3f2;}

/*信息公开*/
.yearbg{background:#ED763C url(../images/menubg.jpg) repeat-x top;border: none;color: #fff;}

.s-xxgk .box{border: 1px solid #ccc;padding: 5px;display: block;margin-bottom: 30px;}
.s-xxgk .box .thumb img{width: 100%;}
.s-xxgk .box .stitle{text-align: center;padding: 8px 0;font-size: 14px;}
.s-xxgk .box .stitle p{padding: 10px 0;}
.s-xxgk .box .stitle a{background:#ED763C url(../images/menubg.jpg) repeat-x bottom;border-radius: 25px;padding: 8px 25px;color: #fff;}

/*阳光学苑*/
.s-ygxy ul li{padding: 20px 0 10px 0; font-size: 12px;color: #333;border-bottom: 1px solid #f0f0f0;}
.s-ygxy ul li:hover{}
.s-ygxy li span{padding-right: 20px;font-size: 12px;color: #666;}

/*加入阳光*/
.s-job ul{font-size: 0;}
.s-job ul li{display: inline-block;width: 100%;border: 1px solid #e5e5e5;box-shadow: 0px 0px 4px #ddd;padding: 20px;margin-bottom: 20px;}
.s-job ul li>div{font-size: 12px;color: #666;}
.s-job ul li .left_yq p{padding: 8px 0;}
.s-job ul li .left_yq p a{font-size: 14px;color: #333;margin-right: 15px;}
.s-job ul li .thumb{margin-bottom: 15px;}
.s-job ul li .thumb img{max-width: 100%;float: left;}
.s-job ul li .thumb span{margin-left: 50px;display: block;color: #666;}
.s-job ul li .thumb span.gsname{font-size: 14px;color: #333;}
.s-job ul li .stext{font-size: 0px;}
.s-job ul li .stext span{border: 1px solid #e5e5e5;padding: 5px 8px;border-radius: 5px; display: inline-block;font-size: 12px;margin-right: 5px; margin-bottom: 5px;}
.f14{font-size: 14px;}
.moreload .more{background: #ff711a;color: #fff;border-radius: 5px;}


/*======================子站样式====================*/
.sub_content{ display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.sub_content>div{-webkit-box-sizing: border-box;box-sizing: border-box;}

.sub_zxxmbg{background:url(../images/sub_zxxm01.jpg) no-repeat center top;height: 369px;position: relative;}
.sub_sgzxmbg{background:url(../images/sub_sgzxm01.jpg) no-repeat center top;height: 669px;position: relative;}

.sub_navmenu{position: absolute;bottom: 0;width: 100%;text-align: center;}
.sub_navmenu ul li{display: inline-block;height: 71px;width: 15%;}
.sub_navmenu ul li a{padding: 0;width: 100%;text-align: center;height: 100%;font-size: 18px;}

.sub_left_menu{width: 190px;background: #fafafa;padding: 0 25px;float: left;}
.sub_left_menu h4{margin-bottom: 15px;}
.sub_left_menu ul li{padding: 10px 0;line-height: 26px;}
.sub_left_menu ul li a{color: #666;}

.sub_right_content{margin-left: 25px;width:925px;height: 100%;background: #fafafa;padding: 0 30px;font-size: 12px;line-height: 24px;float: right;min-height: 400px;}
.sub_right_content img{max-width: 100%;margin:0 auto;}

/*新闻详情页*/
.sub_show{font-size: 12px;line-height: 24px;}
.sub_show img{max-width: 100%;}
.sub_show>h4,.sub_show>p{text-align: center;}
.sub_show p{font-size: 14px;padding: 10px 0;}
.sub_show .line{width: 80%;height: 1px;background: #ececec;display: block;margin: 0 auto;margin-bottom: 20px;}
.PrevNext p{padding: 0;color: #666;}



/*===============自适应================*/
@media screen and (max-width: 1200px){
    .banner_bg{height: 260px;}
    
    
    .sub_right_content{width: 725px;}
}

@media screen and (max-width: 990px){
    header .logo a{padding-top: 24px;padding-bottom: 24px;}
    .QRcode{display: none;}
    
    .banner_bg{height: 200px;}
    
    .h-content .row .col-md-6:last-child{margin-top: 40px;}
    
    .cont-3 .thumb,.cont-3 .textbox{width: 100%;}
    .cont-3 .thumb{margin-bottom: 20px;}
    
    .cont-4 .col-md-4{margin-bottom: 12px;}
    .cont-4 .thumb>img{width: 100%;}
    
    footer .copybox .copytext{margin-top:0;}
    footer .copybox .ewm{margin-top: 10px;}
    
    .s-job ul li>div>div{width: 100%;}
    .s-job ul li>div>.left_yq{margin-bottom: 20px;}

    /*=======子站=======*/
    .sub_zxxmbg,.sub_sgzxmbg{height: 588px;}
    .sub_left_menu{display: none;}
    .sub_content{padding: 0;}
    .sub_right_content{width: 100%;margin-left: 0;}
    
}

@media screen and (max-width: 768px){
    .left_menu{display: none;}
    .phone_menu{display: block;}
    .right_cont{width: 100%;margin-left: 0;}
    
    .s-xxgk .col-md-6{width: 50%;float: left;}
    
    /*=======子站=======*/
    .sub_zxxmbg,.sub_sgzxmbg{height: 288px;}
    .sub_right_content{padding: 0 15px;}
}

@media screen and (max-width: 640px){
    header .logo a{padding-top: 18px;padding-bottom: 18px;}
    
    .banner_bg{height: 130px;}
    
    .s-xxgk .col-md-6{width: 100%;float: left;}
    
    /*=======子站=======*/
    .sub_zxxmbg,.sub_sgzxmbg{height: 96px;}
}

@media screen and (max-width: 480px){
    .banner_bg{height: 80px;}
    
    .cont-1 .thumb, .text{width: 100%;}
    .cont-1 .thumb img{width: 100%;margin-bottom: 20px;}
    .tab .tab-nav li a{padding: 0 12px;}
    
    .s-news ul li .img{width: 100%;height: auto; margin-bottom: 20px;}
    .s-news ul li .info{margin-left: 0;}
    
    /*=======子站=======*/
    .sub_zxxmbg,.sub_sgzxmbg{height: 80px;}
}