/*icon图标*/
@font-face {font-family: "iconfont";
src: url('../font/iconfont.eot'); /* IE9*/
src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
/*置灰*/
/*
html{
-webkit-filter: grayscale(100%);  
filter: grayscale(100%);
}
*/
.iconfont {font-family:"iconfont" !important;font-size: 1rem;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/*通用样式*/
*{box-sizing: border-box; padding: 0; margin: 0;}
em{font-style: normal;}
th,td,tr,table,tbody{padding: 0; margin: 0; box-sizing: border-box;}
html {height: 100%;background-color: #FFFFFF;}
img{display: block;}
body {font-family: "微软雅黑",arial;color: #4A4A4A; font-size: 14px;}
a{text-decoration: none; cursor: pointer;}
ul,ol,li{list-style: none;}
:focus{outline: none;}
.fl{float: left;}
.fr{float: right;}
.clx:after,.clx:before{content: '';display: block;clear: both;}
*:hover,*:active{transition: all 0.3s;}
input::-webkit-input-placeholder {color: #ccc;}
/*header*/
.header{width: 100%; min-width: 1200px; height: 154px; background: url(../images/top_bg.gif) no-repeat center center; position: relative;}
.header>span{width: 1200px; margin: 0 auto; font-size: 12px; color: #999; line-height: 34px; display: block;}
.header .top{width: 1200px; margin: 0 auto; height: 120px;}
.header .top .logo{float: left; padding: 13px 0; font-size: 0;}
.header .top .logo img{ display: inline-block; vertical-align: middle;}
.header .top .logo h4{display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 16px; padding: 5px 10px; background: #71c949; color: #fff; border-radius: 4px;}
.header .top .search{float: right; font-size: 0; margin-top: 49px;}
.header .top .search input{display: inline-block; height: 32px; line-height: 32px; padding-left: 10px; width: 240px;font-size: 14px; border: 2px solid #285f51; border-right: none; border-top-left-radius: 4px; border-bottom-left-radius:4px; background: #fff; vertical-align: middle;}
.header .top .search button{display: inline-block; cursor: pointer; height: 32px; width: 60px;  color:#fff; vertical-align: middle; border: none; background: #285f51;border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.header .top .search button i{line-height: 32px;font-size: 20px;cursor: pointer;}
.header .top .search button:hover{background: #31957C;}
/*nav*/
.nav{width: 100%; background: #71c949; height: 48px;}
.nav ul{width: 1200px; margin: 0 auto;}
.nav ul>li{width: 100px;  float: left; position: relative;}
.nav ul>li>a{display: block;text-align: center; color: #fff; font-size: 14px; line-height: 48px; }
.nav ul>li ol{display: none; position: absolute; z-index: 111; top: 48px; left: 0; box-shadow: 0 5px 5px rgba(0,0,0,0.1);}
.nav ul>li:hover>a,.nav ul>li.active>a{background: #31957C;}
.nav ul>li:hover ol{display: block;}
.nav ul>li ol{width: 100px;}
.nav ul>li ol li{line-height: 36px; background: #fff;}
.nav ul>li ol li a{text-align: center;color: #4A4A4A; display: block; font-size: 14px; width: 100%; height: 36px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.nav ul>li ol li a:hover{background: #71C949; color: #fff;}
/*焦点图*/
.rotation{height: 365px; background: url(../images/banner_bg.png) no-repeat center center;}
.slider, .slider .slider-img {overflow: hidden;height: 365px;}
.slider {width: 1200px;margin: 0 auto;position: relative;}
.slider:hover .slider-btn {color: #fff;text-shadow: 0 0 5px #666;}
.slider .slider-img {width: 12000px;position: relative;}
.slider .slider-img .slider-img-ul {position: absolute;left: 0;top: 0;overflow: hidden;}
.slider .slider-img .slider-img-ul li {float: left;}
.slider .slider-img .slider-img-ul li img {width: 1200px;height: 365px;}
.slider .slider-dot ul {position: absolute;right: 50%;bottom: 20px;width: 300px;text-align: center;margin-right: -150px;}
.slider .slider-dot ul li {cursor: pointer;width: 30px;height: 8px;border-radius: 4px;background:rgba(255,255,255,0.5);display: inline-block;margin:0 5px;}
.slider .slider-dot ul li.active, .slider .slider-dot ul li:hover {background: #31957C;}
.slider .slider-btn {position: absolute;width: 50px;height: 100px;top: 50%;line-height: 100px;text-align: center;color: #fff;text-decoration: none;color: rgba(255, 255, 255, 0);}
.slider .slider-btn i{font-size: 40px;}
.slider .slider-btn:hover {background: rgba(0, 0, 0, .5);}
.slider .slider-btn.slider-btn-left {left: 0;margin-top: -50px;}
.slider .slider-btn.slider-btn-right {right: 0;margin-top: -50px;}

/* 焦点图方法二 */
.ck-slide { position: relative; overflow: hidden;}
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li { position: absolute;}
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck-slide .ck-prev { left: 5px; background: url(../images/arrow-left.png) #000 50% no-repeat;}
.ck-slide .ck-next { right: 5px; background: url(../images/arrow-right.png) #000 50% no-repeat;}
.ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;}
.ck-slidebox ul {height: 20px;padding: 0 4px;border-radius: 8px;/* background: rgba(0,0,0,0.5); */}
.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}
.ck-slidebox ul li em {display: block;width: 30px;height: 8px;border-radius: 4px;background-color: #fff;text-indent: -9999px;cursor: pointer;}
.ck-slidebox ul li.current em {background-color: #71c949;}
.ck-slidebox ul li em:hover { background-color: #71c949;}
.ck-slide ul.ck-slide-wrapper li a{height:365px;width:1200px;display: block;}
.ck-slide ul.ck-slide-wrapper li a img{width:100%; height:100%; object-fit:cover;display:block}

/*con*/
.con_index{width: 1200px; margin: 0px auto;}
.con_index .con_left_index{width: 900px; float: left;}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing {cursor:url(grabbing.png) 8 8, move;}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
#owl-demo{position:relative;width:380px;height:350px;margin:20px 0 0 0; float: left;}
#owl-demo .item{ position:relative;display:block;}
#owl-demo p{width:380px;height:350px;}
#owl-demo img{display:block; width: 100%; height: 100%; object-fit: cover;}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:40px;background-color:#000;opacity:.5;filter:alpha(opacity=50);}
#owl-demo span{position:absolute;left:0;bottom:0px;width:65%;font:18px/40px "微软雅黑","黑体";color:#fff;padding-left: 15px; height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.owl-pagination{position:absolute;right:0;bottom:8px;width:35%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background:rgba(255,255,255,0.5);*display:inline;*zoom:1; border-radius: 5px;}
.owl-pagination .active{width:25px;background:rgba(102,181,66,0.7);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:30px;height:60px;margin-top:-30px;text-indent:-9999px;}
.owl-prev{left:0;background:rgba(0,0,0,0.5) url(../images/arrow_left.png) no-repeat center center; background-size:150%;}
.owl-next{right:0;background:rgba(0,0,0,0.5) url(../images/arrow_right.png) no-repeat center center; background-size:150%;}
.owl-prev:hover{background:rgba(102,181,66,0.7) url(../images/arrow_left.png) no-repeat center center; background-size:150%;}
.owl-next:hover{background:rgba(102,181,66,0.7) url(../images/arrow_right.png) no-repeat center center; background-size:150%;}

/*首页新闻列表*/
.h_305{height: 305px;}
.w_380{width: 380px;}
.w_280{width: 280px;}
.w_500{width: 500px;}
.w_900{width: 900px;}
.w_1200{width: 1200px;}
.f_l{float: left;}
.f_r{float: right;}
.hot_color{color: #fa0902;}
.new_color{color:#31957c;}
.new_public_index .title{border-bottom: 2px solid #285f51; margin-top: 20px; width: 100%; height: 45px; box-shadow: 0 0 5px rgba(0,0,0,0.2); background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0), rgba(175,229,215,1)); background: -o-linear-gradient(to bottom, rgba(255,255,255,0), rgba(175,229,215,1)); background: -moz-linear-gradient(to bottom, rgba(255,255,255,0), rgba(175,229,215,1));background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(175,229,215,1));}
.new_public_index .title h4{ padding-left:45px ; height: 42px; line-height: 42px; margin-top: 3px; color: #fff; width: 290px;float: left; background: url(../images/title_bg.png) no-repeat left bottom; font-size: 16px;}
.new_public_index .title a{display: block; float: right; color: #666; line-height: 45px; font-size: 0;}
.new_public_index .title a span{font-size: 12px; display: inline-block; vertical-align: middle;}
.new_public_index .title a i{font-size: 18px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.new_con_index,.scrollbox{box-shadow: 0 0 3px rgba(0,0,0,0.1); background: -webkit-linear-gradient(to top, rgba(255,255,255,0), rgba(236,243,219,1)); background: -o-linear-gradient(to top, rgba(255,255,255,0), rgba(236,243,219,1)); background: -moz-linear-gradient(to top, rgba(255,255,255,0), rgba(236,243,219,1));}
.new_con_index ul,.list_page ul{padding: 10px 15px;}
.new_con_index ul li,.list_page ul li{position: relative; padding-left: 15px;}
.new_con_index ul li:before,.list_page ul li:before{content: "";display: block; position: absolute;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 6px solid #31957c; top: 13px; left: 0;}
.new_con_index ul li a:before,.new_con_index ul li a:after,.list_page ul li a:before,.list_page ul li a:after{clear: both; content: ""; display: block;}
.new_con_index ul li a,.list_page ul li a{height: 36px;line-height: 36px;}
.new_con_index ul li a i,.list_page ul li a i{float: left; display: block; margin-right: 5px; font-size: 14px; }
.new_con_index ul li a span,.list_page ul li a span{display: block; float: left; width: 65%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #4A4A4A;}
.new_con_index ul li a time,.list_page ul li a time{display: block; float: right; width: 25%; color: #999999; text-align: right;}
.new_con_index ul li a:hover span,.new_con_index ul li a:hover time,.list_page ul li a:hover span,.list_page ul li a:hover time{color: #31957C;}
.list_page ul li a font{display: block;float: left; margin-right: 10px;color: #4A4A4A;}

.image_text{margin:0 15px; padding: 15px 0; border-bottom: 1px dashed #ccc;}
.image_text .image_part{width: 140px; height: 100px; display: block; float: left;}
.image_text .image_part img{object-fit: cover; width: 100%; height: 100%; display: block;}
.image_text a{display: block; color: #666;}
.image_text .text_part{display: block;float: right; width: calc(100% - 150px); font-size: 14px; line-height: 22px;}
.image_text .text_part h4{color: #31957C; width: 100%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; height: 30px; line-height: 30px; font-size: 16px;}
/*校园风景*/
.scrollleft{width:870px;padding:20px 0; margin: 0 15px;}
.scrollleft ul{padding: 0 !important;}
.scrollleft li{float:left;padding:0px !important;margin: 0 10px;width:160px; display:inline;text-align:center; list-style: none;}
.scrollleft li a{width:160px; height: 100px !important; display: block;}
.scrollleft li span{ margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.scrollleft li:before{display: none !important;}
.scrollleft img{width:100%;height:100%; object-fit: cover;}



/*index_right*/
.scrollbox{margin: 0 auto;overflow: hidden;padding: 10px;}
#scrollDiv{height:284px;overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{height: 85px;width: 258px;padding: 0 10px;margin-bottom: 15px;overflow:hidden;vertical-align:bottom;zoom:1;border-bottom:#B7B7B7 dashed 1px;}
#scrollDiv li h3{height:24px;font-size:14px;color:#4a4a4a;line-height:24px;width: 238px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#scrollDiv li h3 a{color:#353535; text-decoration:none}
#scrollDiv li h3 a:hover{ color:#F00}
#scrollDiv li div{height: 48px;width: 100%;color:#666;line-height: 24px;overflow:hidden;}
#scrollDiv li div a{ color:#416A7F; text-decoration:none}
.con_right_index .title{ height:45px; line-height:45px; background: #285f51;box-shadow: 0 0 5px rgba(0,0,0,0.2); padding-right: 10px;  margin-top: 20px;}
.con_right_index .title i{display: inline-block; color: #ffffff; font-size: 24px; padding: 0 5px 0 15px; line-height:45px; vertical-align: middle;}
.con_right_index .title h4{display: inline-block; font-size: 16px;color: #ffffff; line-height:45px; margin: 0; height: 45px;vertical-align: middle;}
.scroltit h3{ width:100px; float:left;}
.scroltit .updown{float:right; width:30px; height:45px; text-align: center; line-height: 45px; font-size: 24px; color: #fff; cursor: pointer;}
.scroltit .updown:hover{background: #31957C;}
/*云平台*/
.yun{margin: 20px 0;}
/*荣誉*/
.con_right_index .title a{display: block; float: right; color: #666; line-height: 45px; font-size: 0;}
.con_right_index .title a span{font-size: 12px; display: inline-block; vertical-align: middle; color: #fff;}
.con_right_index .title a i{font-size: 18px; display: inline-block; vertical-align: middle; margin: 0; padding: 0;}
.con_right_public{width: 100%; border: 1px solid #eee; background: #f5f5f5;}
.con_right_public ul li{display: block; padding: 5px; margin: 10px; border-bottom: 1px dashed #ddd;}
.con_right_public ul li a{width: 248px; height: 160px;display: block;}
.con_right_public ul li a img{object-fit: cover; width: 100%; height: 100%;}
.con_right_public ul li span{ text-align: center; display: block; margin:10px 0;}
.con_right_public ul li:last-child{border: none;}
/*教师文苑*/
.teacher_court .con_right_public a{display: block; float: left; width: 90px; height: 118px;}
.teacher_court .con_right_public a img{object-fit: cover; width: 100%; height: 100%;}
.teacher_court .con_right_public p{float: right; width: 140px; line-height: 23px;}
.teacher_court .con_right_public{padding:12px 15px;}


/*友情链接*/
.friendship_link{ margin: 0 auto 40px auto;}
.friendship_link ul{display: flex;justify-content:space-between;font-size: 16px; }
.friendship_link ul h4{color: #999;}
.friendship_link ul li a{ color: #4A4A4A;}
 
/*校训*/
.school_motto{background: #418775;width: 100%;min-width: 1200px;  margin: 20px 0 0; padding: 20px;}
.school_motto img{display: block; margin: 0 auto;}

/*footer*/
.footer{padding: 40px 0; background: -webkit-linear-gradient(to top, rgba(255,255,255,1), rgba(175,229,215,1)); background: -o-linear-gradient(to top, rgba(255,255,255,1), rgba(175,229,215,1)); background: -moz-linear-gradient(to top, rgba(255,255,255,1), rgba(175,229,215,1));background: linear-gradient(to top, rgba(255,255,255,1), rgba(175,229,215,1));}
.footer_con{width: 1200px; margin: 0 auto; display: flex; justify-content:space-between; align-items:center;}
.footer_left{margin-right: 200px;}
.footer_left p{margin: 20px 0;}
.footer_con>img{width: 88px; height: 112px;}
.footer_con .qr_code{display: flex; flex-direction:column; justify-content:center;}
.footer_con .qr_code img{width: 90px; height:90px;}
.footer_con .qr_code span{display: block; text-align:center;margin-top: 10px;}

/*列表页*/
.new_con_index.list ul li:before{display: none;}
.new_con_index.list ul li a span{width: 100%;}
.new_con_index.list ul li{padding-left: 0px;}
.new_con_index.list{counter-reset:section;}
.new_con_index.list li a span:before{counter-increment:section;content: counter(section);display: inline-block; height: 16px; width: 16px; text-align: center; line-height: 16px; background: #ccc; color: #fff; border-radius: 4px; margin-right: 5px;}
.new_con_index.list li:first-child a span:before,.new_con_index.list li:nth-child(2) a span:before,.new_con_index.list li:nth-child(3) a span:before{background: #fa0902;}
.list_page{margin-top: 20px;}
.list_page ul,.list_page .blog{background: #fafafa; border: 1px solid #eee; border-top: 1px solid #d7ddbb; padding: 15px;}
.list_page .blog ul{background: none; border: none; padding: 0;}
.list_page_top{margin: 30px 0;border-bottom: 1px dashed #ddd;padding-bottom: 30px;}
.list_page_top ol li{ width: 20%;display: block;float: left; padding: 5px 0; margin: 5px 0;}
.list_page_top ol li a{color: #353535;}
.list_page_top ol li a:hover{color: #31957C;}
.list_page_top ol li a span{color: #999; padding-left:10px;}
.list_page_top ol{counter-reset:section;}
.list_page_top ol li:before{counter-increment:section;content: counter(section);display: inline-block; height: 16px; width: 16px; text-align: center; line-height: 16px; background: #none; color: #31957C;border: 1px solid #31957C; border-radius: 100%; margin-right: 10px;}


/*page*/
.page{text-align: center; display: block; margin: 20px;}
.page a{display: inline-block; color: #4A4A4A; vertical-align: middle; font-size: 0;}
.page a i{display: block; width: 36px; height: 36px; border-radius: 4px; text-align: center; line-height: 36px; border: 1px solid #eee; font-size: 24px;}
.page a span{display: block; width: 36px; height: 36px; border-radius: 4px; text-align: center; line-height: 36px; border: 1px solid #eee; font-size: 16px;}
.page a span:hover,.page a i:hover,.page a.active span{background: #71C949; border: 1px solid #71C949; color: #fff;}
.page font{display: inline-block; line-height: 36px; vertical-align: middle; margin-left: 30px;}
.page input{width: 40px; height: 36px; display: inline-block; vertical-align: middle; border: 1px solid #ddd; text-align: center; font-size: 16px;}
.page button{display: inline-block; height: 36px; line-height: 36px;vertical-align: middle; width: 50px; font-weight: bold; font-size: 16px; text-align: center; border: none; background: #71C949; border-radius: 4px; color: #fff;}
.page button:hover{background: #31957C;}
/*详情*/
.details{padding: 20px; margin-top: 20px; background: #fafafa;}
.details .top{font-size: 0;}
.details .top h4{font-size: 16px;  padding: 10px 20px; background: #285f51; color: #fff; float: left;}
.details .top .address{font-size: 14px; float: right; line-height: 42px;}
.details h3{text-align: center; margin: 40px 0 20px; font-size: 24px;}
.details ul{font-size: 0; padding: 10px; background: #f5f5f5; border: 1px solid #eee; text-align: center; margin-bottom: 40px;}
.details ul li{display: inline-block; font-size: 12px; vertical-align: middle; margin: 0 15px;}
.details ul li span{color: #999;}
.details ul li font{color: #4A4A4A;}
.details_con p{text-indent: 2rem; line-height: 24px; margin: 20px;}
.details_con img{display: block; margin: 20px auto; max-width: 70%;}
.details ol{margin:50px 0 20px 20px;}
.details ol li{line-height: 36px;}
.details ol li span{color: #666;}
.details ol li a{color: #71C949;}
.details ol li a:hover{color: #31957C;}


.screen{display: inline-block; width: 100%; text-align: center; margin-bottom: 20px;}
.screen_list{display: inline-block; font-size: 0;margin-right: 30px; vertical-align: middle; }
.screen_list label{display: inline-block;font-size: 14px; vertical-align: middle;margin-right: 10px;}
.screen_list select{width: 150px; display: inline-block; vertical-align: middle;font-size: 14px;border-radius: 2px; height: 32px; background: none;border: 1px solid #ccc; padding: 0 5px;}
.screen button{height: 32px; padding: 0 15px; border: none; background: #31957C; font-size: 14px; border-radius: 2px; color: #fff; vertical-align: middle;}

/* 教师博客 */
.techer_blog_top{margin:0 -7px;}
.techer_blog_top .techer_blog_item{width: 33.333333%; float: left;padding: 7px;}
.techer_blog_con{border: 1px solid #eee; padding: 10px; background: #fff;transition: all 0.3s;}
.techer_blog_con a{width: 35%; height: 120px; display: block; float: left;}
.techer_blog_con a img{object-fit: cover; width: 100%; height: 100%; display: block;}
.techer_blog_con ul{float: right; width: 65%; padding-left: 15px !important;}
.techer_blog_con ul li{width: 100%; height: 30px; line-height: 30px; transition: all 0.3s; }
.techer_blog_con ul li a{width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #4A4A4A;}
.techer_blog_con ul li a:hover{color: #31957C;}
.techer_blog_con ul li:before{top: 10px;}
.techer_blog_con:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.blog ul.blog_con{padding-top:15px ; margin-top: 15px; border-top: 1px dashed #ddd;}
.blog ul.blog_con li{float: left; width: 20%;}
.blog ul.blog_con li a{color: #4A4A4A;}
.blog ul.blog_con li a:hover{color: #31957C;}


.weather{position: absolute;top: 10px;left: 1315px;margin-left: -60px;}