@charset "utf-8";

/* CSS Document */

/*选项卡*/

.index-page{

	margin:2rem auto;

	/* background:#fff; */

	}

.index-page .solution-more {

    width: 100%;

    overflow: hidden;

}

.index-page .solution-more-slide .container {

    position: relative;

	height: 480px;

	border:0.2rem solid #679d38;

	background-color: rgba(255,255,255,0.85);

}

.solution-more-slide .hd{

	position:absolute;

	left:0;

	width:26%;

	padding:0;

	z-index: 2;

	}

.solution-more-slide .hd li.on{

	background:#fff;

	color:#639a32;

	}

.solution-more-slide .hd li{

	margin-bottom:0.1rem;

	padding: 0.5rem;

	color:#fff;

	background:#639a32;

		}

.hd li i{

	float: left;

	width:40px;

	height:40px;

	}

.hd li.item-1 i{

	background:url(../images/ico_01.png) no-repeat;

	}

.hd li.item-1.on i{

	background:url(../images/ico_hover_01.png) no-repeat;

	}

.hd li.item-2 i{

	background:url(../images/ico_02.png) no-repeat;

	}

.hd li.item-2.on i{

	background:url(../images/ico_hover_02.png) no-repeat;

	}

.hd li.item-3 i{

	background:url(../images/ico_03.png) no-repeat;

	}

.hd li.item-3.on i{

	background:url(../images/ico_hover_03.png) no-repeat;

	}

.hd li.item-4 i{

	background:url(../images/ico_04.png) no-repeat;

	}

.hd li.item-4.on i{

	background:url(../images/ico_hover_04.png) no-repeat;

	}

.hd li.item-5 i{

	background:url(../images/ico_05.png) no-repeat;

	}

.hd li.item-5.on i{

	background:url(../images/ico_hover_05.png) no-repeat;

	}

.hd li.item-6 i{

	background:url(../images/ico_06.png) no-repeat;

	}

.hd li.item-6.on i{

	background:url(../images/ico_hover_06.png) no-repeat;

	}

.hd li.item-7 i{

	background:url(../images/ico_07.png) no-repeat;

	}

.hd li.item-7.on i{

	background:url(../images/ico_hover_07.png) no-repeat;

	}

.hd li.item-8 i{

	background:url(../images/ico_08.png) no-repeat;

	}

.hd li.item-8.on i{

	background:url(../images/ico_hover_08.png) no-repeat;

	}

.solution-more-slide .hd li h4{

	display: inline-block;

	font-size: 1.4rem;

	line-height: 40px;

	margin-bottom:0.1rem;

	margin-left: 1rem;

	}

.solution-more-slide .hd li span{

	float: right;

	line-height: 40px;

    font-size: 1.5rem;

    padding-right: 0.8rem;

	}

/*首页*/

.solution-more-slide .bd{

	left: 28%;

	width: 72% !important;

	margin-top: 1.5rem;

	overflow:hidden;

	}

.solution-more-slide>.container>.bd>li{

	width:100% !important;

	}

.sytx_img{

	height: 282px;

	overflow:hidden;

	}

.sytx_wenzi{

	position:absolute;

	width: 93%;

	height: 35px;

	margin-top:-2.1rem;

	padding:0.5rem;

	background:rgba(50,54,58,0.8);

	color:#fff;

	overflow:hidden;

	}

.sytx_smallimg {

    width: 100%;

    margin: auto;

    padding-top: 2rem;

    background-color: #ffffff;

}

.sytx_smallimg li:first-child{

	margin-left: 0rem;

	}

.sytx_smallimg li{

	float: left;

	width: 115px;

    margin-left: 1rem;

    border: 1px solid #ffffff;

	}

.sytx_smallimg .xwtx_hover{

	border:1px solid #639a32;

	}

.sy_right{position: relative;

    margin-left: -15px;}

/*设置容器高宽等*/

/*兼容IE6:IE6下宽度不够*/

#tab div { position:absolute; top:30px; left:0;width: 390px;}

/*设置容器高宽等*/

#tab div { display:none;}

/*设置容器默认隐藏:不用ID是因为下面将利用class来控制容器显示,而class优先级低于id选择器*/

#tab .block { display:block;}

/*选中的容器*/

#tab h3 { float:left; line-height:30px; padding:0.2rem 0.6rem; margin:0 0.5rem 0 0; font-size:1.2rem; cursor:pointer; background-color:#d0e1c1; text-align:center; color:#6c9f42; font-family:Microsoft YaHei;font-weight:normal;}

/*默认标题样式*/

#tab .up { background:#639a32;color:#fff;}

/*选中的标题样式*/

/*修饰列表内容*/

#tab ul { list-style:none; padding:0; margin-top:6px; border-top:1px solid #639a32;}

#tab li { padding-top:0.5rem;}

#tab li a { display:block; text-decoration:none;margin-left: 1rem;overflow: hidden; white-space: nowrap;text-overflow:ellipsis;}

#tab li span{ float:right; }

#tab li i{float: left;margin-top: 0.5rem; background:#629a35;padding:0.2rem;}

.ly{position:absolute; width:100%; top: 260px; padding-top: 0.5rem; margin-top: -3rem; background:#afd88a;transition: all 0.2s;

    animation: slideInUp 0.2s;}

.sy_ico{position:absolute;width:100%;top: 310px;margin-left: 1rem;    margin-bottom: 1rem;}

.sy_ico li{margin-right:1.5rem;padding:0 2rem; padding-top: 0.5rem; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;}

.sy_ico li:hover{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);}

.sy_ico li.bg1{background:#c098e1;}

.sy_ico li.bg2{background:#a6badd;}

.sy_ico li.bg3{background:#bfc0c2;}

/*教育创新*/

.item-2 .bott{

	margin-top:1.5rem;

	}

.item-2 .bott p{

	color:#fff;

	padding:0.3rem 0;

	}

.item-2 .bott img{

	margin-right:0.5rem;

	}

.item-2 .bott .sb{

	background:#afd88a;

	}

.item-2 .bott .ps{

	background:#bf98e1;

	}

.item-2 .bott .gl{

	background:#bfc0c1;

	}

.item-2 .bott .gw{

	background:#a6bade;

	}

	

.sy_title{width:100%; height: 37px;border-bottom: 1px solid #639a32; margin: auto;}

.sy_right>h3{display: block;text-align: center;line-height: 30px;

	position: absolute;z-index: 100;top:0px;font-size: 1.2rem;font-weight: normal;}

.sy_right>h3>a{display: block;padding: 0.2rem 0.6rem; color:#639a32;background: #d0e1c1;}

.sy_right>h3>a.sygkhover{background-color:#639a32;color:#ffffff; }

.sy_title1{left: 0px;}

.sy_title2{left: 102px;}

.sy_title3{left: 204px;}

.sy_zxgkContent{display: none;width: 100%; height: auto;margin: auto;clear: both;}

.sy_zxgkContent ul{padding-top:4px; margin-left: 0px;}

.sy_zxgkContent ul li{padding-top: 0.5rem;}

.sy_zxgkContent ul li a{display: block; margin-left: 1rem;overflow: hidden; white-space: nowrap;text-overflow:ellipsis;}

.sy_zxgkContent ul li span.riqi{color: #777;float: right; padding-left: 5px;}

.sy_title ul li a{display: none;width: 24px; height:20px;

	position: absolute; z-index: 100;right:1px; top:14px;}

.sy_zxgkContent ul li i {

    float: left;

	margin-top: 0.5rem;

    background: #629a35;

    padding: 0.2rem;

}

/*自然保护*/

.item-3 .carousel-indicators{

	bottom:140px;

	padding:1rem 0 1rem 70%;

	margin-right: 0;

    margin-left: 0;

    background: rgba(23,22,18,0.8);

	}

.item-3 .carousel-indicators li{width: 15px;height: 5px; background:#fdfdfd;}

.item-3 .carousel-indicators .active{background:#04923c;}

.item-3 .carouse_title{height: 108px;margin-top:2rem;}

.item-3 .carouse_title h5{color:#4c4948;}

.item-3 .carouse_title p{line-height:25px;}

.sy_right1{

    margin-left: -15px;

}

.sy_right1>h3{display: block;text-align: center;line-height: 30px;

	position: absolute;z-index: 100;top:0px;font-size: 1.2rem;font-weight: normal;}

.sy_right1>h3 a{background: #d0e1c1;color:#639a32;;display: block;padding: 0.2rem 0.6rem;} 

.sy_right1>h3 a.xwzxSelect{background-color:#639a32;color:#ffffff;}

.sy_right1>h3.sy_title1{left: 0px;}

.sy_right1>h3.sy_title2{left: 102px;}

.sy_xwzxyq{width: 100%;margin-left: 0px;}

.sy_xwzxContent{width: 100%; height: auto;margin: auto;clear: both;}

.sy_xwzxContent ul{padding-top: 4px;}

.sy_xwzxContent ul li{padding-top: 0.5rem;}

.sy_xwzxContent ul li a{display: block; margin-left: 1rem; overflow: hidden; white-space: nowrap;text-overflow:ellipsis;}

.sy_xwzxContent ul li span.riqi{color: #777;float: right; padding-left: 5px;}



.sy_right1 .xw_title{ width: 100%; height: 37px;border-bottom: 1px solid #639a32;}

.xw_title ul li a{display: none;position: absolute; z-index: 100;right:19px; top: 15px;}

.sy_xwzxContent ul li i {

    float: left;

	margin-top: 0.5rem;

    background: #629a35;

    padding: 0.2rem;

}

.gwrk{padding: 1rem;background:url(../images/gwrk.jpg) no-repeat right;}

.gwrk img{margin-right:1rem;margin-left: -2rem;}

.gwrk .gwrk_tit{margin-left: 2rem;

    vertical-align: middle;}

.gwrk .gwrk_tit h4{font-weight: bold;color: #639a32;}

/*科学发展*/

.hdpt_wrapper {

    width: 100%;

	height: 420px;

	margin-top: 1rem;

    overflow: hidden;

    clear: both;

    position: relative;

}

.hdpt_wrapper .hdpt_left img{

	padding:0;

	}

.hdpt_wrapper h3{

	position:absolute;

	bottom:0;

	height: 80px;

	width: 135px;

	font-size: 1rem;

	}

.hdpt_wrapper h3 a{

	display:block;

	height: 80px;

	width: 135px;

	padding-top: 1rem;

	border:1px solid #639a32;

}

.hdpt_wrapper h3 a.hdpthover{

	color:#fff;

	background:#639a32;

}

.hdpt_wrapper h3 a.hdpthover em{

	position:absolute;

	width: 28px;

    height: 16px;

    bottom: 78px;

    left: 55px;

	background:url(../images/top_ico.png) no-repeat;

	}

.accordion{

	position: absolute;

    top: 0;

    right: 0;

	padding-right:0;

	padding-left: 10px;

	}

.accordion .card{

	border:none;

	border-radius:0;

}

.accordion .card-header{

	padding: 0;

	color:#fff;

	background:none;

	border:none;

	}

.accordion .card-header h5{background:#639a32;margin-left: 1rem;padding: 1rem;cursor: pointer;}

.accordion .card-header .collapsed{

	background:#d0e1c1;

	border-bottom: 1px solid #fff;

	}

.accordion .card-header h5 i{

	position:absolute;

	left:0;

	width:24px;

	height:28px;

	background:url(../images/left_ico.png) no-repeat;

	}

.accordion .card-header .collapsed i{

	background:none;

	}

.accordion .card-body{

	padding:1rem 0.2rem 0 1rem;

	line-height:22px;

	}

/*志愿服务*/

.js .title{ display: flex;margin: 0;}

.js .title h4{margin-top: 0.2rem; color:#639a32;}

.js .title i{float:left;width: 35px;height: 40px; margin-right:0.5rem;margin-top: -0.2rem; background:url(../images/zdjs.png) no-repeat;}

.js .title span{display: inline-block;width:58%; height:2px; margin-left:1rem; margin-top:1rem; background:#639a32;}

.js p{font-size:0.9rem;line-height:25px;}

.xxgk_left .jgznhover{background:#639a32;color: #fff;}

.zcbm{margin-top:1rem;}

.zcbm a{display:block;font-size: 1rem;margin-bottom: 1rem;padding: 0.5rem 0;border:2px solid #689d38}

.i_box{position:relative;overflow:hidden;width:700px;height:150px;padding-top: 10px;background: #f3f3f3;}

.i_box a{border:none;border:none;padding: 0;margin:0;overflow: hidden; white-space: nowrap;text-overflow:ellipsis;}

.i_imglist{z-index:0}

.i_imglist li img{display:block}

.i_navlist{margin-top:1rem;}

#J_navList a{margin-bottom: 0.5rem;}

#J_imgList li{height:145px;overflow: hidden;}

.Choices_left span{position:absolute;top:10px; padding:0.2rem 0.5rem; background:#e7291b; color:#fff;}

.Choices_right i{float: left;margin-right: 0.5rem;margin-top: 0.5rem;background: #629a35; padding: 0.2rem;}

.Choices_right span{float:right;font-size: 0.8rem;color:#787676;}



.Choices_left{ float:left;width: 28%;padding: 0 10px;}

.Choices_right{ float:left;width: 44%;}



/*大型活动*/

.sy_kyjhContent ul li a{

	margin-left:0;

	white-space: normal;

	}

.sy_kyjhContent ul li a:hover h5{

	color:#4c4948;

	}

.sy_kyjhContent ul li h5{

	font-size:1rem;

	color:#639a32;

	}

.sy_kyjhContent ul li i{

	margin-right:0.5rem;

	}

.sy_kyjhContent li .info{

	margin-top: 0.5rem;

	border-bottom:1px dotted #000;

	}

.xxgk_right .kyjhhover{

	background:#639a32;

	color:#fff;

	}

.item-6 .btn1{background:#c098e1;padding:1rem 0;margin-top: 1.5rem;}

.item-6 .btn2{background:#afd88a;padding:1rem 0;margin-top: 1.5rem;}

.item-6 .btn3{background:#bfc0c2;padding:1rem 0;margin-top: 1.5rem;}

/*科普资源*/

.kpzy li{

	position:relative;

	float:left;

	color: #fff;

	margin-right:0.5rem;

	}

.kpzy .tra{

	transition:all 0.5s;

	-webkit-transition:all 0.5s;

	-moz-transition:all 0.5s;

	-o-transition:all 0.5s;

	}

.kpzy .tra:hover{

	transform:scale(0.8);

	-webkit-transform:scale(0.8);

	-moz-transform:scale(0.8);

	-o-transform:scale(0.8);

	}

.kpzy li a:hover{color:inherit;}

.kpzy li.kp_li1{

	width:18.5%;

	}

.kpzy li.kp_li2{

	width:38%;

	}

.kpzy li p{

	position:absolute;

	bottom:20%;

	left:30%;

	font-size:1rem;

	}

.kpzy li.kp_li2 p{

	left: 60%;

    bottom: 50%;

	}

.kpzy .kpts{

	position:relative;

	transition:all 0.5s;

	-webkit-transition:all 0.5s;

	-moz-transition:all 0.5s;

	-o-transition:all 0.5s;

	}

.kpzy .kpts:hover{

	transform:scale(0.8);

	-webkit-transform:scale(0.8);

	-moz-transform:scale(0.8);

	-o-transform:scale(0.8);

	}

.kpzy .kpqk{

	position:relative;

	transition:all 0.5s;

	-webkit-transition:all 0.5s;

	-moz-transition:all 0.5s;

	-o-transition:all 0.5s;

	}

.kpzy .kpqk:hover{

	transform:scale(0.8);

	-webkit-transform:scale(0.8);

	-moz-transform:scale(0.8);

	-o-transform:scale(0.8);

	}

/*项目展示*/

.kpzx .tit h5{

	float:left;

	padding-left:0;

	margin-bottom: 1rem;

	border-bottom: 1px solid #639a32;

	}

.kpzx .tit h5 a{

	line-height: 30px;

	padding:0.2rem 0.5rem;

	background:#639a32;

	color:#fff;

	}

.kpzx .tit .more{

	float:right;

	margin-top: 1.2rem;

	}

.kpzx dl dt{

	float:left;

	margin-right: 1.5rem;

	font-weight:300;

	}

.xmzs li{

	font-size:1rem;

	padding:1rem 0;

	margin-bottom:1rem;

	background:#d3d3d4;

	color:#fff;

	}

.xmzs li.xmzs_18{

	background:#9e64d0;

	}

.xmzs .xmzs_bd{

	padding: 1rem 0;

	background:#639a32;

	}

.xmzs .xmzs_bd img {

            transition: All 0.3s ease-in-out;

            -webkit-transition: All 0.3s ease-in-out;

            -moz-transition: All 0.3s ease-in-out;

            -o-transition: All 0.3s ease-in-out;

        }



.xmzs .xmzs_bd img:hover {

            transform: rotate(360deg);

            -webkit-transform: rotate(360deg);

            -moz-transform: rotate(360deg);

            -o-transform: rotate(360deg);

            -ms-transform: rotate(360deg);

        }



.xmzs .xmzs_bd p{

	margin-top:0.5rem;

	color: #fff;

	}

/*视频*/

.title{display: flex;margin: 1rem auto;}

.title h4{

	float:left;

	padding-left: 0;

	padding-right: 0;

	}

.title .kp{

	padding: 0 0.5rem;

	color:#fff;

	background:#639a32;

	}

.title .bor{

	padding: 0.2rem;

    padding-left: 0.5rem;

    margin-left: -0.5rem;

	border:1px solid #639a32;

	}

.title p{

	float:left;

	height: 20px;

	margin-bottom:0;

	border-bottom:1px solid #639a32;

	}

.title div{

	float:left;

	margin-top: 0.5rem;

	}

.video .carousel-inner{position:relative;}

.video i{position:absolute; left:45%;top:130px; width:59px; height:59px; background:url(../images/video_ico.png) no-repeat}

.video .carousel-inner .carousel-item p{margin-top:0.5rem;}

.video .carousel-indicators{position:static;margin: 0.5rem 0;}

.video .carousel-indicators li{width:100%; height:100%;text-indent: 0;background-color: none;}

.video .carousel-indicators li.active img{border:2px solid #639a32;}

/*新闻*/

.news .news_list{padding-bottom: 0.5rem;}

.news .news_list li{padding-bottom: 0.5rem; margin-bottom: 0.5rem;border-bottom:1px solid #bebebe;}

.news .news_list li span{float:right;}

.news .news_list li i{width:3px; height:3px; display:inline-block; margin-right:1rem; background:#639a32;}

.news .news_ly{padding-top: 0.5rem;}

.news .news_ly .row{margin:0;font-size: 1rem;}

.news .news_ly .row div img{ margin-right: 1rem;}

.news .news_ly .row .lyb{background:#446fbd;color: #fff;}

.news .news_ly .row .lyb p{margin-top:1rem;}

.news .news_ly .row .xz{background:#9e64d0;color: #fff;}

.news .news_ly .row .xz span{position: relative;display: inline-block; top: 8px;}

/*直通车*/

.ztc{padding: 1rem 0;}

.ztc h4{color:#639a32;}

.ztc .ztc_box{width: 120px;height: 120px;padding: 1rem;text-align: center;border-radius: 60px;background:#639a32; color:#fff;border-bottom: 3px solid #fff;box-shadow: 0px 8px 10px #a7a7a7; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;;-o-transition:all 0.5s;}

.ztc .ztc_box:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);}

.ztc .ztc_box a:hover{color:inherit;}

.ztc .ztc_box6{width: 120px;height: 120px;padding: 1rem;text-align: center;border-radius: 60px;background:#639a32; color:#fff;border-bottom: 3px solid #fff;box-shadow: 0px 8px 10px #a7a7a7; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;;-o-transition:all 0.5s;}

.ztc .ztc_box6:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);}

.ztc .ztc_box6 a:hover{color:inherit;}

@media(max-width:768px){

	.lr_nb .carousel-indicators li{

      display:inline-block;

		width:6px;

		height:6px;

		background: #fff;

		border-radius:5px;

		}

	.lr_nb .carousel-indicators .active{

		width:8px;

		height:8px;

		background: #639a32;

		}

	.lr_nb .carousel-indicators{

		bottom: 5px;

    	left: initial;

		padding:0.5rem;

		margin: 0;

		}

	.lr_nb .carousel-caption{

		width:100%;

		bottom:0;

		left:0;

		right:0;

		padding:8px 15px;

		text-align:left;

		background:rgba(50,54,58,0.8);

		}

	.lr_nb .carousel-caption p{

		margin-bottom:0;

		}

	.lr_nb .zx .title{

		border-bottom:1px solid #639a32;

		}

	.lr_nb .zx .title h4{

		font-size: 1.2rem;

    margin-bottom: 0;

    padding: 0.2rem 1rem;

    background: #a81e1e;

    color: #fff;

		}

	.lr_nb .zx li{

		padding: 0 0.2rem;

		margin-bottom:0.5rem;

		}

	.lr_nb .zx li i{

		display:inline-block;

		width:5px;

		height:5px;

		margin-right:0.5rem;

		background:#a81e1e;

		}

	.title{

          display: block;

		border-bottom:1px solid #639a32;

		}

	.title h4{

          float: none;

    display: inline-block;

		font-size:1.2rem;

		padding-bottom: 0.2rem;

		margin-bottom:0;

		}

	.title .kp{

		padding:0.2rem 0.5rem;

		}

	.title .bor{

		    color: #fff;

        padding: 0.2rem;

		padding-right: 0.5rem;

	background: #639a32;

		border:none;

		}

	.news .news_list li{

		padding:0;

		margin:0;

		border-bottom:none;

		line-height: 25px;

		}

	.news .news_list li h5{

		font-size:1rem;

		font-weight:600;

		}

  .news .more{

        float: right;

    display: inline-block;

    margin-top: -32px;

  }

	.video .video-item i{

		top:40%;

		}

	.video .video-item .tit{

		margin: 0.5rem 0;

		padding: 0.5rem;

		background:#f7f7f7;

		}

	.video .video-item .tit p{

		margin-bottom:0;

		}

	.video .video-item h5{

		font-size:1rem;

		}

	.news .s_list li{

		margin-bottom:1rem;

		}

	.news .s_list li img{

		padding-left:0;

		}

	.news .s_list li p{

		margin-bottom:0;

		}

	.news .s_list li span{

		float:none;

		}

	}