.head{
     position: static; background-color: #fff;
}
.nav li{position: relative; width:auto; float: left; padding: 0px 23px; height: 100%; }
.nav li a{ color: #010101;}
.nav li ul{ background-color: rgba(0, 0, 0, 0.4); }
.nav li a:hover{ color: #612503;}
.nav li a::after{
	background-color: #010101;
}
.nav .search .legs::after{background-color: #000;}
.nav .search .legs .Licons{background: url(../image/hj.jpg) no-repeat center center;}
.nav .search{ color: #010101;}
.nav li ul li a{color: #fff !important;}
.nav li ul li a:hover{ color:#00A5AB !important;}
.nav .search .legs::before{ background: url(../image/hj.jpg) no-repeat center center;}

.aboutIndexTop{ height: auto; padding-top: 58px; padding-bottom: 40px; }
.aboutIndexTop .titles{width: 210px; height: 58px; line-height: 58px; color: #474747;}
.aboutIndexTop .titles::before{ left: 0px; background: url(../image/new_title_left.png) no-repeat left center;}
.aboutIndexTop .titles::after{ left: auto; right: 0px; background: url(../image/new_title_right.png) no-repeat left center;}
.aboutIndexTop .titles::before,.aboutIndexTop .titles::after{width: 26px;  height: 58px; content: ""; background-size:contain; top:0px;  position: absolute;}
.aboutIndexTop .titleBottom{width: 100%; height: auto; line-height: 38px;}
.aboutIndexTop .coms{width: 100%; height: auto; line-height: 28px; padding-top: 24px; margin-bottom: 22px;}

.aboutIndexCom{  height: 400px; }
.aboutIndexCom .lefts{ width: calc(100% - 449px); height: 100%;  background: url(../image/ab.jpg) no-repeat left top; background-size:100% 100%;}
.aboutIndexCom .lefts .bodys{ width: 357px; height: 400px; padding: 25px; background: url(../image/cg.jpg) no-repeat;}
.aboutIndexCom .lefts .imgrights{width: calc(100% - 357px); height: 400px;}

.aboutIndexCom .lefts .title{width: 100%; height: auto; line-height: 54px;}
.aboutIndexCom .lefts .toms{width: 100%; height: auto; padding-top: 32px; line-height: 30px; margin-bottom: 38px;}

a.aboutMore{ width: auto; display:inline-block; height: 40px; line-height: 40px; padding-right:35px; position: relative;}
a.aboutMore::after{width: 26px; height: 40px; content: ""; position: absolute; top: 0; right: 0; background: url(../image/yun.png) no-repeat center center;
     transition: all .15s ease-out 0s;
	-moz-transition: all .15s ease-out 0s; /* Firefox 4 */
	-webkit-transition:all .15s ease-out 0s; /* Safari 和 Chrome */
	-o-transition: all .15s ease-out 0s; /* Opera */
}
a.aboutMore:hover::after{right:-5px;}
.aboutIndexCom .rights{width: 419px; height: 100%; background: url(../image/djs.jpg) no-repeat; padding: 25px 26px;}
.aboutIndexCom .rights .title{width: 100%; height: auto; line-height: 54px;}
.aboutIndexCom .rights .toms{width: 100%; height: auto; padding-top: 38px; }
.aboutIndexCom .rights .bottoms{ width: 100%; height: 60px; background: url(../image/cgs.png) no-repeat left top;}
.aboutIndexCom .rights .toms .line{ padding-left: 27px;width: 100%;height:auto;  margin-bottom: 6px; line-height: 24px; background: url(../image/djsr.png) no-repeat left top; }

.aboutImgs{width: 100%; height: 460px; margin-top: 40px; margin-bottom: 40px; background: url(../image/cgimg.jpg) no-repeat center center; padding: 54px 50px 50px;}
.aboutImgs .lefts{ width: 40.2%; height:auto;}
.aboutImgs .leftsBody{width: 100%; height: auto; padding-top: 20px; line-height: 28px; margin-bottom: 32px;}


.aboutImgs .rights{ width: 142px; height: 329px; position: absolute; right: 107px; top:50%;}

.aboutBottom{width: 100%; height: auto; margin-bottom: 75px; background: url(../image/abts.jpg) no-repeat left bottom; padding-bottom: 22px;}
.aboutBottom .body{ width: 943px; height: 400px;  line-height: 30px; background: url(../image/bgbr.jpg) no-repeat; padding: 30px 25px 30px 42px;}
.aboutBottom .titles{width:auto; height: 38px; line-height: 38px; padding: 0px 34px; margin-bottom: 36px;}
.aboutBottom .titles::before{ left: 0px; background: url(../image/zpl.png) no-repeat left center;}
.aboutBottom .titles::after{ left: auto; right: 0px; background: url(../image/zpr.png) no-repeat left center;}
.aboutBottom .titles::before,.aboutBottom .titles::after{width: 26px;  height: 38px; content: ""; background-size:contain;   position: absolute;}
.aboutBottom .bodys{width: 100%; height: 236px; line-height: 28px;overflow-y: auto; padding-right: 30px;}


.djsUrl{ height: 86px; line-height: 86px;}
.djsUrl .breadcrumb::before{background: url(../image/r3_c2.gif) no-repeat left center; height: 18px;}
.djsUrl .breadcrumb li a,.djsUrl .breadcrumb-item.active {
     color: #555;
 }
 .djsUrl .breadcrumb-item+.breadcrumb-item::before{content: ''; background: url(../image/c1.gif) no-repeat center center; width: 20px; height: 86px;}
 .aboutTop{  padding-bottom: 62px; }
 .aboutTops{  padding-bottom: 52px; }
 .aboutTop .titles{width:auto; height: 38px; line-height: 38px; color: #474747; display: inline-block; padding: 0px 33px;}
 .aboutTop .titles::before{ left: 0px; background: url(../image/abl.png) no-repeat left center;}
 .aboutTop .titles::after{ left: auto; right: 0px; background: url(../image/abr.png) no-repeat left center;}
 .aboutTop .titles::before,.aboutTop .titles::after{width: 24px;  height: 38px; content: ""; background-size:contain; top:0px;  position: absolute;}

 .djsbg{  background-color: #E9E9E9;}
 .djsMain{width: 100%; height: auto; background: url(../image/djs1.jpg) center top; background-size: 100% auto;}
 .djsLine{width: 100%; height: 80px; background: #A17C47 url(../image/r3_c2.jpg) repeat-x left center;}
 .sjdBody{width: 1230px; height: 660px; background:  url(../image/abl.jpg) repeat-x left 37px;}


 .sjdBody .swiper-container{ margin-top: -80px;}
 .sjdBody .swiper-slide{ width: 33.33%; height: 640px; }
 .sjdBody .swiper-slide .title{ height: 80px; width: 100%; line-height: 80px; margin-left: 1px; }
 .sjdBody .swiper-slide .title span{display: inline-block; padding-left: 10px; width: auto; height: 80px; background-color: #A17C47; color: #fff; padding-right: 10px; }
 .sjdBody .swiper-slide .title::after{ width: 3px; height: 23px; content: ''; background: url(../image/r10_c8.jpg) no-repeat; position: absolute; left:25px; bottom: 0px;}
 .sjdBody .swiper-slide .tiops{width: 100%; height: 40px; }
 .sjdBody .swiper-slide .tiops::after{
     content: '';height: 100%; width: 1px; background-color:  #BEBEBE; position: absolute; left: 25px; top:0px;
}
.sjdBody .swiper-slide .tiops{
     transition: all .3s ease-out 0s;
     -moz-transition: all .3s ease-out 0s; /* Firefox 4 */
     -webkit-transition:all .3s ease-out 0s; /* Safari 和 Chrome */
     -o-transition: all .3s ease-out 0s; /* Opera */
     transition-delay:0.6s;
     -webkit-transition-delay: 0.6s;
}
.sjdBody .swiper-button-prev,
.sjdBody .swiper-button-next { top:42px; width: 40px; height: 40px; line-height: 36px; border: 2px solid #E8D299; border-radius: 20px; background: #A17C47;}
.sjdBody .swiper-button-prev:hover,
.sjdBody .swiper-button-next:hover{ border: 2px solid #B8945F;} 
.sjdBody .swiper-button-prev{ left: -33px;}
.sjdBody .swiper-button-next{ right: -33px;}
.sjdBody .swiper-slide .bodys{width: 100%; height: auto;}
.sjdBody .swiper-slide .bodys .lefts{width: 40px; height: 220px; padding: 180px 5px 0px 21px; line-height: 14px;    writing-mode: vertical-rl;     -webkit-writing-mode: vertical-rl;}
.sjdBody .swiper-slide .bodys .lefts::after{
     content: '';height: 78%; width: 1px; background-color:  #BEBEBE; position: absolute; left: 25px; top:0px;
}
.sjdBody  .swiper-slide .bodys .imgs{width: calc(100% - 40px); background-color: #fff; padding: 10px;}
.sjdBody  .swiper-slide-active .tiops{ height:  200px;}
.sjdBody .swiper-slide .titcom{width: calc(100% - 20px); height: auto; line-height: 24px; padding: 15px 0px;}
.sjdBody  .swiper-slide-next +.swiper-slide .tiops{ height:  130px;}

/*------------------------------------------------------------*/

.aboutTopImg{ width: 100%; height: 708px; }
.aboutTopImg .lefts{ width: 420px; left:0px; bottom:0px; height: 90%; z-index: 100000;  }
.aboutTopImg .lefts .top{    width: 61.5%; height: 22.7%;background:url(../image/ins.jpg) no-repeat;}
.aboutTopImg .lefts .bottom{width: 100%; height: 77.3%; line-height: 28px; background:url(../image/ins.jpg); padding: 20px 35px; border-right:4px solid #A07C48;}
.aboutTopImg .lefts .bottom .title{line-height: 46px; height: 46px; margin: 20px 0px 40px;}
.aboutTopImg .lefts .bottom .title::after{ position: absolute; content: ''; width: 38px; height: 2px; background-color: #fff; left: 0px; bottom: -20px;}
.aboutTopImg .lefts .bottom .box{ height: calc(100% - 114px); z-index: 1; overflow-y: auto;}
.aboutTopImg .lefts .bottom::after{ position: absolute; width: 32%; height: 65%; content: ""; right: 24px; bottom: 20px; background: url(../image/inst.png) no-repeat; z-index: 0; background-size: contain;}
.aboutTopImg .rights{ width: 1260px;}

.aboutTopImg .rights .swiper-pagination-bullet { opacity:1; 

	-webkit-transition:500ms; -moz-transition:400ms; -ms-transition:400ms; transition:400ms; width:25px; height:20px;  border-radius: 0;  background:url(../image/banner_p.png) no-repeat center center;background-size: 100% 100%;

   }
   .abImgs{ float: left; margin-right: 20px; margin-bottom: 5px;}
   .aboutTopImg .rights .swiper-pagination{ top:auto;bottom:23px; text-align: right; padding-right: 30px;}
   .aboutTopImg .rights .swiper-pagination-bullet-active{ background:url(../image/banner_b.png) no-repeat center center;background-size: 100% 100%;}
.aboutTopImg .rights .imgTitle{ width: 100%; height: auto; padding-bottom: 20px; padding-left: 200px; line-height: 24px; color: #D3BE8B; position: absolute; left: 0px; bottom: 0px;}

.aboutBodys{ width: 100%; height: auto; padding: 35px; line-height: 26px; background: url(../image/imgs.jpg); margin-bottom: 80px;}
.aboutBodys p{ margin-bottom: 10px;}

.kgbg{ background-color: #F6F6F6;}
.aboutTopKg{width: 100%; height: auto;}
.aboutTopKgBox{width: 87%; height: auto; padding-bottom: 50px;  }
.aboutTopKgBox .body{width: 33.33%; height: 320px; margin-top: -168px; padding: 34px 30px; background:url(../image/gk2.jpg); z-index: 1; position: relative;}
.aboutTopKgBox .body1{background: url(../image/gk1.jpg);}
.aboutTopKgBox .body2{background: url(../image/gk3.jpg);}
.aboutTopKgBox .body .title{width: 100%; height: 58px;}
.aboutTopKgBox .body .titcom{width: 100%; height: 54px; line-height: 30px;}
.aboutTopKgBottom{ height: auto; padding-bottom: 80px;}

.aboutjj{ width: 100%; height: auto; margin-bottom: 50px;}
.aboutjj .title{ width: auto; padding:0px 34px; top:43px; left: 40px; line-height: 38px;}
.aboutjj .title::before{ left: 0px; background: url(../image/zzz.png) no-repeat left top;}
.aboutjj .title::after{ left: auto; right: 0px; background: url(../image/zzz.png) no-repeat left bottom;}
.aboutjj .title::before,.aboutjj .title::after{width: 24px;  height: 38px; content: ""; top:0px;  position: absolute;}
.aboutjj .body{ width: 594px; height: 100%; padding: 45px; line-height: 28px; right: 0;top: 0; background-color: rgba(40, 93, 97, 0.8);}
.aboutjj .body .box{ overflow: auto; height: 100%; width: 100%;}

.newIndexTop{ height: auto; padding-top: 58px; padding-bottom: 20px; display: block; }
.newIndexTop .titleBottom{width: 100%; height: auto; line-height: 38px; padding-top: 10px;}


.newIndexMain{ padding-bottom: 42px;}
.newIndexMain .lefts{width: 680px; height: auto;}
.newIndexMain .rights{width: calc(100% - 680px); height: 454px; padding: 77px 64px 0px; background: url(../image/newtops.jpg) no-repeat right bottom;}
.newIndexMain .rights::before,.newIndexMain .rights::after{width: 33px; left: 66px; top:59px; height: 7px; content: ''; position: absolute; background: url(../image/yy.png);}
.newIndexMain .rights::after{left: 101px;}
.newIndexMain .rights li{width: 100%; height:auto; line-height: 50px;}
.newIndexMain .rights li a{ color: #fff; display: block;}
.newIndexMain .rights li a:hover span.title,
.newIndexMain .rights li a span.time{ color: #49AFB4;}

.newIndexBottom{ padding-bottom: 100px;}
.newIndexBottom .box{width: 33.33%; height: auto;}
.newIndexBottom .box .imgs{width: 100%; height: auto;}
.newIndexBottom .box .body{padding: 40px; width: 100%; height: auto; background: url(../image/news2.jpg) no-repeat center center; background-size: 100% 100%;}
.newIndexBottom .box .body .Z2titles{ margin-bottom: 0;}
.newIndexBottom .box:first-child .body{ background-image: url(../image/news1.jpg);}
.newIndexBottom .box:nth-child(3) .body{ background-image: url(../image/news3.jpg);}
.newIndexBottom .box .coms{width: 100%; height: auto; line-height: 28px; padding-top: 18px; padding-bottom: 35px;}
.newIndexBottom .box .mains{width: 100%; height: auto; line-height: 28px; margin-bottom: 26px;}



.newListBody{ padding-bottom: 100px;}
.newList{width: 100%; height: auto; margin-bottom: 30px; background-color: #fff;}
.newList .imgs{width: 380px; height: auto;}
.newList .coms{width: calc(100% - 520px); height: auto; padding: 40px;}
.newList .coms .title{width: 100%; height: 46px; line-height: 46px; margin-bottom: 10px; color: #333;}
.newList .coms .texcom{width: 100%; height: auto; line-height: 28px; color: #555; margin-bottom: 20px;}
.newList .time{width: 140px; height: 150px; margin-top: 52px; border-left: 1px solid #A9C5C6; padding-top: 28px; line-height: 62px; color: #275C60;}
.newList .time .years{width: 100%; line-height: 24px;}
.newLists .coms{width: calc(100% - 140px); height: auto; padding: 40px;}
.newLists .imgs{display: none;}
.Pages{ height:auto; width:100%; padding-top: 30px;}
.Pages a,.Pages span.laypage_curr{ display:inline-block; width:auto; height:32px; background:#fff; padding:5px 13px; line-height:22px; border:1px solid #EBEBEB; color:#555555;  }
.Pages a:hover,.Pages a.cur,.Pages span.laypage_curr{ background:#A17C47; color:#fff;}

/*------------------新闻详情--------------------------*/

.showAbtops{ padding-bottom: 0px;}

.showMaintops{ width:100%; height:auto; padding-bottom:15px; position:relative; text-align:center;}
.showMaintops h1{ font-weight:normal; line-height:24px; padding: 13px 0px;   color: #93573B;}
.showMaintops .titls{ line-height:26px; width:auto; padding-bottom: 10px; }

.showMain{  height:auto;  padding-bottom:60px;}
.showMain .bodys{ padding:20px 0px 50px;line-height:30px;}

.NextPage{ height:auto;  width:100%; line-height:30px; margin-bottom:15px;  margin-top:30px; padding:20px 0px; border-top:1px solid #eee; }
.NextPage .backs{ width:160px; height:90px; padding:4px 24px 20px 0px; }
.NextPage .backs a{ width:100%; height:50px; line-height:50px; display:block; padding-right: 50px;  background:#285D61 url(../image/jt.png) no-repeat right center; color:#fff;  text-align:center; }

/*------------------社会教育--------------------------*/
.hdTop{ padding-bottom: 80px;}
.hdTop .box{ width: 33.33%; height: auto; padding-bottom: 50px;}
.hdTop .box .imgs{ width: 100%; height: auto;}
.hdTop .box .title{width: 100%; line-height: 32px; height: auto; padding: 15px 0px;}
.hdTop .box .title a{display:inline-block; height: 64px; width: 100%; }

.hdTop .box  .time{line-height: 28px;}
.hdTop .box  span.bm{ width: 90px; height: 36px; text-align: center;  line-height: 36px; color: #fff; right: 0; bottom: 0px; background-color: #285D61;}
.hdTop .box  span.bms{ background-color: #ccc;}

.hdCom{
width: 100%; height:auto;
background-color: #fff;
background-image:url(../image/hdimgs.jpg);
background-repeat: no-repeat;
background-position:right bottom;
background-size: contain;

}
.hdCom .lefts{width: 50%; height: auto;padding: 72px 0 0px;}
.hdCom .lefts .alltitle{ margin-bottom: 5px;}
.hdCom .lefts .line{ padding-top: 15px; width: 100%; height: auto; line-height: 28px; padding-right: 85px;}
.hdCom .lefts .line h3{ line-height: 38px;}
.hdCom .lefts .line span.time{ background-color: #fff; width: 100px; height: 26px; line-height: 26px; display: inline-block; position: relative; z-index: 5;}
.hdCom .lefts .line::after{width: 100%; height: 1px; border-bottom: 1px dashed #CDB7A0; content: ""; position: absolute; left: 0; bottom: 12px;}
.hdCom .rights{ width: 50%; height: auto; padding: 52px 0; background: url(../image/imgs.jpg);}
.hdCom a.and2{ margin-top: 30px;}

.yjBody{ padding-top: 10px; margin-bottom: 75px;}
.yjBody .newIndexTop { padding-bottom: 24px;}
.yjBody .alltitle{ margin-bottom: 8px;}
.yjBody .titleBottom{ line-height: 28px; width: 1230px;}
.yjBody .Mains{width: 100%; height: auto;}
.yjBody .Mains .title{width: 100%; height: 187px; padding-top: 24px; line-height: 28px;}
.yjBody .Mains .title .coms{width: 100%; height: auto;}
.yjBody .Mains .title h3{ line-height: 54px; display: inline-block; }
.yjBody .Mains .title .box{width: 64px; height:54px; padding-top: 20px; display: inline-block;}
.yjBody .Mains .title .lefts,.yjBody .Mains .title .rights{width: 21px; color: #9DA080; height: 32px; line-height: 21px; cursor: pointer;}
.yjBody::after{width: 100%; height: 40%;left: 0; z-index: -1; content: ""; bottom: 0px; position: absolute; background:url(../image/ins.jpg);}

.yjBody .Mains .swiper-button-next,.yjBody .Mains .swiper-button-prev{top:40%; background: none;}


.kpBody{padding-bottom: 100px;}
.kpBody .newIndexTop { padding-top: 0px; padding-bottom: 24px;}
.kpBody .alltitle{ margin-bottom: 8px;}
.kpBody .titleBottom{ line-height: 28px; width: 1230px;}
.kpBody .Bodys{width: 100%; height: auto;}
.kpBody .lefts{width: 48.75%; height: auto;}
.kpBody  .imgs{width: 100%; height: auto; }
.kpBody  .imgs .bfs{width: 70px; height: 70px; position:absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px;}
.kpBody .title{ height: 56px; line-height: 50px; width: 100%; border-radius: 0 0 10px 10px;}
.kpBody .lefts .title{ width: 100%; height: 90px; line-height: 50px; background-color: #313131; padding: 20px 30px;}
.kpBody .rights{width: 51.25%; height: auto;}
.kpBody .rights .box{width: 50%; height: auto;}
.kpBody .rights .box .bfs{width: 32px; height: 32px; margin-left: -16px; margin-top: -16px;}


.kpBody .and2{margin-top: 40px;}
.hda{margin-right: 20px;}

.hdshowTop{width: 100%; height: auto; padding: 30px; background-color: #fff; margin-bottom: 30px;}
.hdshowTop .imgs{width:615px; height: auto;}
.hdshowTop .rights{width: calc(100% - 615px); line-height: 40px; padding-left: 50px; height: auto;}
.hdshowTop .rights h1{ line-height: 60px; margin-bottom: 10px;}
.hdshowTop .rights a.ban{width: 150px; display: block; margin-top: 15px; color: #fff; background-color: #A17C47; height: 50px; border-radius: 10px; line-height: 50px;}
.hdshowTop .rights a.bans{background-color: #666; color: #fff;}
.hdshowTop .rights p{padding-bottom: 0px;}
.hdshowMain{width: 100%; line-height: 28px; height: auto; padding: 30px; background-color: #fff;}
.hdshowMain .title{width: 100%; height: 62px; line-height: 62px; border-bottom: 1px solid #E6E6E6; margin-bottom: 30px;}
.hdshowMain .bottoms{width: 100%; height: auto;}
.hdshowMain .ewmtit{width: 100%; height: 48px; line-height: 32px;}
.hdshowMain .imgs{ width: 160px; height: 160px; display: inline-block; border: 1px solid #C8C5BC;}
.hdshowMain .texbox{display: inline-block; padding-left: 20px; padding-top: 10px; width: 280px; line-height: 24px; height: auto;}
.tetTops{ margin-bottom: 15px; color: #A07B44;}