body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,table,input,td,img,div{margin:0;padding:0;border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul, ol, li, dt, dl {list-style-type:none;}
body{ font-size:14px; font-family:微软雅黑;font-style:normal; color: #313131;}
a { text-decoration:none;}


    /*首页*/
.inde{ width: 100%; height: auto;background: #0068b7; overflow: hidden; }
.carousel{ }
.inde .logo{ width: 100%; height: auto;}
.inde .logo img{ width: 100%;}
.inde .input{ padding-bottom: 10px;}
.inde .input input{ margin-left: 10%; background-image:url(../img/search.png); background-repeat: no-repeat;
 background-size: 21px 21px; background-position: 1%; width:80%; height:30px; border-radius:5px;  border:1px white solid;
 outline:none; text-indent:2em ;}
.swiper-container {
        width: 90%;
        height: 150px;
        margin: 20px auto;

    }
.swiper-slide {text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox;
     display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } 
.swiper-slide img{ width: 100%; height: 100%;}
.main{ width: 100% ; height: auto; float: left;}
.main ul{ width: 100%; margin: auto; float: left;}
.main ul a{ color: black; }
.main ul li{ float: left; width: 33%; height: 100px; text-align: center; }
.main ul li img{ width: 50%;}


    /* 官微联盟*/
.union-banner{ width: 100%; height: auto;  position: relative; padding: 0 ! @import url();}
.union-banner img{ width: 100%; display: block;}

.union-banner .input input{ margin-left: 5%; background-image:url(../img/union-search.png); background-repeat: no-repeat;
 background-size: 21px 21px; background-position: 95%; width:90%; height:30px; border-radius:15px;  border:1px white solid;
 outline:none; text-indent:2em ; position: absolute; left: 0 ; top: 15px;}

#tab{position:relative;width:100%;margin: 0 auto;}
.clearfix{display: block;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*#container  ul li{
	margin-right: 0.74%;
	float:left;
	background:#e5e5e5;
	background:-moz-linear-gradient(top, #fefefe, #ededed);	
	background:-o-linear-gradient(left top,left bottom, from(#fefefe), to(#ededed));
	background:-webkit-gradient(linear,left top,left bottom, from(#fefefe), to(#ededed));
	border:1px solid #ccc;
	padding:5px 0;
	width:33.0%;
	text-align:center;
	margin-left: -1px;
	position:relative;
	cursor:pointer;
}
#container .tabCon{
	position:absolute;
	left:-1px;
	top:32px;
	/*border:1px solid #ccc;
	border-top:none;
	width:100%;
	height:auto;
}
#container .tabCon div{
	/*padding:10px;
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
}
#container .tabList li.cur{
	border-bottom:none;
	background:#0068b7;
}
#container .tabCon div.cur{
	width: 100%;
	opacity:1;
	filter:alpha(opacity=100);
}
#container .tabCon ul{ width: 100%; height: auto; overflow: hidden;}
#container .tabCon ul li{ width: 33%;  text-align: center; border-bottom: 1px dashed #c9c9c9; float: left;}
#container .tabCon ul li img{ width: 80%; padding-top: 10px;}
#container .tabCon ul li p{ font-size: 12px; margin-bottom: 8px;}*/
#container .tabCon ul li span{ margin-left: 10%; width: 80%; color: white; background: #0068b7;  margin-bottom: 10px; display: block;}
.union-foot{ width: 100%; height: auto; background: #0068b7; padding: 5px 0;  float: left;}
.union-foot p{ text-align: center; font-size: 12px; color: white;    width: 90%;
    margin: 0 auto;
    padding: 5px;}
.tab1{width:100%;border-top:#cccccc solid 1px;border-bottom:#cccccc solid 1px;}
.menu{height:28px;border-right:#cccccc solid 1px;}
.menu li{float:left;width:33%;text-align:center;line-height:28px;height:28px;
	cursor:pointer;border-left:#cccccc solid 1px;color:#0068b7;font-size:14px;overflow:hidden;background:#e5e5e5;}
.menu li.off{background:#0068b7;color:white;font-weight:bold;}

.menudiv{height: auto; ;border-left:#cccccc solid 1px;border-right:#cccccc solid 1px;border-top:0;background:#fefefe}
.menudiv div{line-height:28px; height: auto;}
.menudiv div ul li{ width: 33%;  text-align: center; border-bottom: 1px dashed #c9c9c9; float: left;}
.menudiv div ul li img{ width: 80%; padding-top: 10px;}
.menudiv div ul li p{ font-size: 12px; margin-bottom: 8px;}
.menudiv div ul li span { margin-left: 10%; width: 80%; color: white; background: #0068b7;  margin-bottom: 10px; display: block;}

/*联系我们*/
.contact-t{ width: 100%; height: auto; position: relative;}
.contact-t img{ width: 100%; display: block;}
.contact-t .contact-list{ width: 8%; height: auto; position: absolute; right:10px; top: 5px;}
.contact-t .contact-list img{ width: 100%;}
.contact-t .contact-slist{ display: none; width: 20%; height: auto; position: absolute; right: 0; top: 15%;}
.contact-t .contact-slist ul{ display: none;}
.contact-main{ width: 100%;height: auto; overflow: hidden; }
.contact-main .contact-map { padding: 5%; width: 90%; margin: auto;}
.contact-main .contact-map img{ width: 90%; }
.contact-main .con-information{ padding: 5%; width: 100%;}
.contact-main .con-information ul li{ color: #313131; font-size: 15px; line-height: 25px;}
.contact-foot{width: 100%; height: auto; background: #a0a0a0; padding: 10px 0;}
.contact-foot p{ text-align: center; font-size: 12px; color: white;    width: 90%;
    margin: 0 auto;
    padding: 5px;}

/* 政策解读*/
.inter-t{  width: 100%; height: auto; background: #0068b7;}
.inter-t .inter-top{ font-size: 15px; color: white; padding: 5% 3%;}
.inter-main{ width: 100%; background: #f6f6f6; height: auto;}
.inter-main .inter-mainer{ width: 90%; height: auto; margin: auto; background: white; margin-top: 3%;box-shadow:0px 0px 8px #e8e8e8;}
.inter-mainer .inter-m-t{ padding:5% 5%; }
.inter-mainer .inter-m-t p {color: black; font-size: 15px; line-height: 25px; font-family: 微软雅黑;}
.inter-mainer .inter-m-t span{ font-size: 12px; color: #959595; display: block;border-bottom: 1px dashed #d2d2d2; padding-bottom: 10px;}
.inter-mainer .inter-m-m{ width: 90%; height: auto; padding:5% 5%; overflow: hidden;}
.inter-mainer .inter-m-m img{ width: 100%;}
.inter-mainer .inter-m-m  p{ text-indent: 2em; line-height: 25px; color: #535353;}
.inter-f{width: 100%; height: auto; background: #0068b7; padding: 5px 0; margin-top: 15px;}
.inter-f p{text-align: center; font-size: 12px; color: white;    width: 90%;
    margin: 0 auto;
    padding: 5px;}

 /*雨花教育微视频*/
.video-main{ width: 90%; height: auto; overflow: hidden; padding:5%;}
.video-main .video-input input{background: #eeeeee;  background-image:url(../img/video-search.png); background-repeat: no-repeat;
 background-size: 21px 21px; background-position: 98%; width:100%; height:30px; border-radius:5px;  border:1px white solid;
 outline:none; text-indent:1em ;}
 .video-main .video-video{ width: 100%; height: auto; padding-top: 10px;}
 .video-main .video-video ul li{  width: 100%; padding-bottom: 10px;}
 .video-main .video-video ul li img{ width: 100%;}
 .video-main .video-flip{ width: 100%; height: auto; overflow: hidden;}
 .video-main .video-flip ul{ color: white; font-size: 12px; text-align: center;}
 .video-main .video-flip ul li{ width: 9%; margin-right: 1%; background: #00b7ee; float: left;  border-radius: 3px; padding:1% 0;}
 .video-main .video-flip ul li.video-t{ width: 19%; float: left; }

/* 教育资讯*/
.educat-bg{ background: #f6f6f6;}
.educat-hea{ background: #0068b7; color: white;} 
.educat-hea .educat-position{    font-size: 15px;
    color: white;
    padding: 5% 3%;}
.educat-main{ width: 90%; height: auto;  overflow: hidden;margin-left: 5%; margin-top: 7%; }
.educat-main ul {}
.educat-main ul li{ box-shadow: 0px 0px 8px #e8e8e8; margin-bottom: 15px !important; background: white; width: 90%; margin: auto;  height: auto; overflow: hidden; padding: 3%; font-size: 12px; line-height: 20px;}
.educat-main ul .ed-bg{ width: 90%; padding: 5%; }
.educat-main ul li p{ font-size: 15px; color: black; border-bottom: 1px dashed #959595; padding-bottom: 3%; margin-bottom: 3%; display: block; width: 100%;}
.educat-main ul li span{ font-size: 12px; color: #959595; display: block; width: 100%;}
.educat-main .educat-load{  margin: auto; width: 95%; background: #e9e9e9; text-align: center; padding: 5% 0; font-size: 15px;}
.educat-load{ background: #cc2212; margin-top: 15px;}

/*微概况*/
.sur-main{ width: 90%; margin:auto; background: white; overflow: hidden; margin-top: 20px;}
.sur-main .sur-1{ width: 100%; height:auto; margin-bottom: 10px; }
.sur-main .sur-1 img{ width: 100%;}
.sur-main p{ font-size: 12px; color: black; line-height: 25px; margin-bottom: 10px; }
.sur-main p.sur-txt{ text-indent: 2em;}

/*教育大事记*/
.memo-bg{ background: #f6f6f6;}
.memo-main{ width: 90%; height: auto; overflow: hidden; margin: auto;  margin-bottom: 20px;}
.memo-main ul li{ width: 100%; height:auto; background: url(../img/memo-bg.png) no-repeat; }
.memo-main ul li p{ font-size: 18px; color: #59493f; font-weight: 800; line-height: 50px;}
.memo-main ul li .memo-note{ margin-bottom: 20px; font-size: 12px; color: #7e6b5a; background: white;
 border-radius: 5px; line-height: 30px; padding: 2% 3%;  }
.memo-main ul li .memo-note img{ width: 100%;}
.memo-main ul li .memo-note span{ font-size: 12px; color: #7e6b5a; line-height: 25px; display: block;}
.memo-main ul li .memo-solio{ margin-left: 10%; border-bottom: 1px dashed #d1c0a5;}
.memo-main .memo-load{ width: 97%; height: auto; font-size: 15px; color: white; background: #7e6b5a; 
	 text-align: center; padding: 3% 0; margin: auto;}




#container{width: 310px; height: 280px; margin: 30px auto; }
#container > ul{border-bottom: 2px #e60613 solid; height: 32px; } 
#container > ul > li{float: left; width: 90px; height: 30px; line-height: 30px; text-align: center; margin: 0 5px; border: 1px solid #ccc; }
#container > ul > li:hover{cursor: pointer; }
#container > ul > li.active{border-top: 2px #e60613 solid; border-bottom: 2px solid #fff; }
#container div{border: 1px solid #ccc; border-top: none; }
#container div ul li{line-height: 30px; text-indent: 1em; }
.hide{display: none; }
.show{display: block; }



   /*办事服务*/
.service{ width: 100%; height: 70px;}
.service .ser-l{ line-height: 70px; width: 82%;height: 70px; text-align: center; float: left; background:#cc2212;}
.service .ser-l img{margin-right: 38%; width: 50%;  vertical-align:middle;}
.service .ser-r{ line-height: 70px; text-align: center; width: 18%; background: #b51a23; height: 70px; float: left;} 
.service .ser-r img{ width: 45%;   vertical-align:middle;}
.ser-banner{ width: 100%;  height: auto; display: block; float: left;}
.ser-banner img{ width: 100%;}
.ser-main{ width: 100%; height: auto;  overflow: hidden;}
.ser-main ul{ width: 100%; height: auto; float: left;}
.ser-main ul li{ color: #3186bd; font-size: 12px; width: 33%; float: left;
 text-align: center; overflow: hidden; margin-bottom: 5%;}
.ser-main ul li img{ width: 40%;  margin-top: 25px;
 text-align: center;}
.ser-main ul li p{ margin-top: 10%;}
.off img{  background: #b51a23 ! important;}

    /*互动交流*/
 .intericon-main{ width: 90%; padding: 5%; float: left; padding-bottom: 1%;}
 .intericon-main ul li{ float: left; width: 20%; margin-right: 6.6%;}
 .intericon-main ul li img{ width:100%; background: #c9c9c9; border-radius: 5px;}
 .intericon-main ul li.inter-r{ margin-right: 0; float: right;}

.tabs{width:90%; float:left; padding:0 5%; margin-top: 4%;}
.menun{height:35px; margin-bottom: 2%; }
.menun li{float:left;width:32.9%; margin-right: 1px;  text-align:center;line-height:35px;height:35px;cursor:pointer;
	color:#fcfcfc;font-size:14px;overflow:hidden;background:#c9c9c9;}
.menun li.off{background:#cc2212;color:white;}
.menun .munu-l{ border-radius: 0 0 5px 5px ; }
.menun .munu-r{}
.menudivs{border-top:0;background:#fefefe; min-height: 400px;}
.menudivs div{padding:15px 0;line-height:28px; padding-top: 0;}
.menudivs ul li{ width: 100%; line-height: 38px; overflow: hidden; font-size: 12px; 
	border-bottom:1px dashed #a0a0a0; }
.menudivs i{ font-style: normal;width: 100%; display: block;
    line-height: 38px;
    overflow: hidden;
    font-size: 12px;
    border-bottom: 1px dashed #a0a0a0;}
.menudivs ul li p{font-size: 14px; float: left; color: #313131}
.menudivs ul li span{ float: left; margin-left: 2%; color: #a0a0a0;}
.menudivs i p{font-size: 14px; float: left; color: #313131; width: 100%}
.menudivs i span{  margin-left: 2%; color: #a0a0a0; font-size: 12px;} 

/*弹出菜单*/
.menu-nav{ width: 100%; height: 40px; line-height: 40px; background: #b51a23;}
.menu-nav ul li{ width: 25%; color: white ; text-align: center; float: left; font-size: 12px;}


/*轮播图*/
 .swiper-container {width: 100% ! important; height: 100%; margin: 0;} 
 .swiper-slide {text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
 .swiper-wrapper { position: relative;}
 .swiper-wrapper .swiper-slide span{ font-size: 12px; color: white; width: 100%; height: 35px; line-height: 35px; background: rgba(0,0,0,0.81);  position: absolute; left: 0; bottom: 0;}
 .menu-tab1{width:100%;}
.menu-me{height:35px; padding:  0 3%; margin-top: 15px;}
.menu-me li{float:left;width:33%;text-align:center;line-height:35px;height:35px;cursor:pointer;color:white;font-size:14px; margin-right: 1px;
	overflow:hidden;background:#c9c9c9;}
.menu-me li.off{background:#0068b7;color:white;}

.menu-menudiv{background:#fefefe}
.menu-menudiv p{ font-size: 14px; color: #313131; line-height: 35px; border-bottom: 1px dashed #a0a0a0;}
.menu-menudiv p span{ color: #a0a0a0; font-size: 12px; margin-left: 10px;}
.menu-menudiv div{padding:15px;line-height:28px;}
.menu-title{ width: 100%;}
.menu-title img{ width: 100%;}
.meun-tab2{ width: 96%; padding: 2%;}


/*tab2*/
.menu-tab2{width:100%;}
.menu-meun{ height: 35px; padding:  0 3%;  margin-top: 15px;}
.menu-meun li{float:left;width:49%;text-align:center;line-height:35px;height:35px;cursor:pointer;color:white;font-size:14px; margin-right: 1px;
	overflow:hidden;background:#c9c9c9;}
.menu-meun li.off{background:#0068b7;color:white;}
.menudiv{background:#fefefe}
.menudiv-meun div{padding:15px;line-height:28px;}
.menudiv-meun p{ font-size: 14px; color: #313131; line-height: 35px; border-bottom: 1px dashed #a0a0a0;}
.menudiv-meun p span{ color: #a0a0a0; font-size: 12px; margin-left: 10px;}







.main-text{ width: 96%; height: auto; margin: 0 2%; float: left; overflow: hidden; margin-bottom: 10px;}
.main-text .text-top{ width: 100%; height: auto; float: left;}
.main-text .text-top p{ overflow: hidden; display: block; width: 100%; height: 35px; line-height: 35px; font-size: 12px; text-align: left; color: #a0a0a0;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.main-text .text-top p a{color: #a0a0a0;}
.main-text .text-top span{ width: 100%; height: 35px; line-height: 35px; display: block; background: #cc2212; font-size: 14px; color: #eeeeee;
 text-indent: 1em;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.main-text .text-top .textp{ height: 25px; line-height: 25px;}
.text-bottom{ width: 96%; height: auto; margin: 0 2%; float: left; overflow: hidden;}
.text-bottom p{ text-indent: 2em; font-size: 14px; color: #313131; line-height: 25px;}
.text-bottom img{ width: 100%;}