/* 公共样式 */
@charset "UTF-8";
* {margin: 0;padding: 0;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0; font-family: "Microsoft YaHei UI", Arial; font-size: 16px;}
a{color:#333; text-decoration:none;}
em, strong, i {font-weight: normal; font-style:normal}
li{list-style:none}
h3,h4,h5 { font-weight: normal;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
input, select, button, textarea {outline: none; font-family: "Microsoft YaHei UI Light"; border: none;background: none;}
button,input[type="submit"], input[type="button"] {cursor: pointer;}
.f-l { float: left;}
.f-r { float: right;}
*::-webkit-scrollbar {width: 4px; height: 4px;}
*::-webkit-scrollbar-thumb { border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #6cc162;}
*::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 4px; background: #fff;}
.clear {clear: both;}
.f_none {float: unset}
textarea {resize: none;}
.w1200 {width: 1200px; margin: 0 auto;}
/*---头部---*/
header {position: relative; width: 100%; background: url('./images/header_bg.jpg') no-repeat center center / 100% 100%;}
.header-con {height: 152px; box-sizing: border-box; padding-top: 36px;}
.logo {float: left; display: table; padding-left: 354px; height: 80px; background: url("./images/logo.png") no-repeat left center}
.logo span { display: table-cell; width: 263px; padding-left: 20px; color: #6cc162; font: normal 24px/26px "Microsoft YaHei UI"; vertical-align: middle; position: relative; margin-left: 30px;}
.logo span:before {border-left: 2px solid #6cc162; height: 52px; position: absolute; left: 1px; top: 15px; content: ''}
.tel {float: right; text-align: right}
.tel p {height: 28px; line-height: 28px; color: #666; font-size: 14px}
.tel p span {font-size: 16px; color: #222}
.tel p.hot {font-size: 16px;}
.tel p.hot span {font-size: 18px}
.tel p.hot em:before {font-size: 20px; display: inline-block; position: relative; top: 2px; margin-right: 5px}
.menu {background: #f7f7f7;}
.menu ul {display: flex; width: 1200px; margin: 0 auto;}
.menu li {flex: 1; height: 60px; margin: 0 4px; line-height: 60px;}
.menu li a {display: block; font-size: 17px; color: #666; text-align: center;}
.menu li a.curr {color: #fff; background-color: #ffbd49}
.banner {width: 1200px; height: 182px; margin: 30px auto 0;}
.banner img {display: block;}
.notice {background-color: #f7f7f7; height: 50px; margin-top: 40px;}
.notice h4 {width: 153px; float: left; padding: 0 40px; box-sizing: border-box; line-height: 50px; text-align: center; color: #fff; background: url("./images/notice.jpg") no-repeat center; width: 153px; height: 50px;}
.scroll-con { float: left; height: 50px; overflow: hidden; width: calc(100% - 213px);}
.notice ul {transition: 300ms;}
.notice li {height: 50px; display: flex;}
.notice li p {flex: 1; text-align: right; margin-left: 50px; font-size: 14px; color: #999; line-height: 50px; position: relative}
.notice li p:before {border-left: 1px solid #ddd; height: 20px; content: ''; position: absolute; left: -25px; top: 16px;}
.notice li p:first-child {margin-left: 20px;}
.notice li p:first-child:before {display: none;}
.notice li a {float: left; width: 314px; overflow: hidden; text-align: left; color: #666;}
.notice li a:hover {color: #02a067;}
.notice li a:before {content: ''; width: 4px; height: 4px; background-color: #979797; line-height: 50px; float: left; margin: 24px 10px 0 0;}
.notice h6 {float: right; width: 60px; height: 50px; position: relative}
.notice h6 span {cursor: pointer; width: 100%; text-align: center; height: 25px;  position: absolute; left: 0; top: 0}
.notice h6 span:before {border: 7px solid transparent; height: 0; width: 0; transition: 300ms; border-bottom-color: #949494; content: ''; display: inline-block;}
.notice h6 span.down {top: unset; bottom: 0; transform: rotate(180deg)}
.notice h6 span:hover:before {border-bottom-color: #333;}
.about {width: 387px;}
.focus_news { margin: 24px auto;}
.news_title {height: 56px; margin-bottom: 10px;}
.news_title h3 {color: #6cc162; font: bold 20px/56px 'Microsoft YaHei UI';}
.news_title h3:before {margin-right: 10px; font-size: 24px; font-weight: normal}
.news_title span {font-size: 15px; color: #aaa; display: inline-block; margin-left: 20px; font-weight: normal}
.news_title .f-r {width: 54px; height: 20px; margin-top: 20px; line-height: 20px; background-color: #cdcdcd; text-align: center; color: #fff; font-size: 14px;}
.pic_news {float: left; width: 680px; height: 414px; overflow: hidden; position: relative}
.pic_news ul {position: relative; width: 680px; height: 414px;}
.pic_news li, .pic_news li a {display: block; width: 680px; height: 414px; overflow: hidden;}
.pic_news li {position: absolute; left: 0; top: 0; display: none;}
.pic_news li:first-child {display: block;}
.pic_news li img { width: 680px; height: 414px; position: relative; z-index: 1}
.pic_news li .tt {position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.6); height: 60px; line-height: 60px; z-index: 5; width: 100%; box-sizing: border-box; padding: 0 12px; font-size: 16px; color: #fff}
.news_dot {position: absolute; height: 14px; width: 135px; bottom: 20px; text-align: center; z-index: 5; right: 0; line-height: 14px;}
.news_dot span {display: inline-block; cursor: pointer; width: 13px; height: 13px; margin: 0 5px; border-radius: 8px; background-color: #fff; box-sizing: border-box;}
.news_dot span.curr {background: #ffbd49;}
.text_news {width: 480px; height: 414px; margin-top: -10px}
.text_news li {height: 76px; margin-bottom: 10px;}
.text_news li span {float: left;}
.text_news li a {display: block;}
.text_news li span {float: left; width: 36px; margin-top: 10px; font: bold 28px/32px 'Microsoft YaHei UI'; color: #6cc162; text-align: center;}
.text_news li em { line-height: 20px; font-weight: bold; font-size: 14px; display: block;}
.text_news li p {width: calc(100% - 50px); float: right; line-height: 36px; height: 72px; color: #333;}
.student_server {background-color: #f4f4f4; padding: 20px 0 40px;}
.server_list {overflow: hidden; height: 312px; margin-top: 20px;}
.server_list ul {display: flex; flex-wrap: nowrap;}
.server_list li, .major_list li {height: 303px; box-shadow: 0 0 10px rgba(177,177,177,0.4);}
.server_list li a, .major_list li a {display: block; width: 282px; height: 303px; margin-right: 27px; position: relative;}
.server_list li i, .major_list li i, .server_list li img, .major_list li img {display: block; width: 282px; height: 205px; overflow: hidden; transition: 300ms;}
.server_list li:hover img, .major_list li:hover img {transform: scale(1.03)}
.ser-text {width: 282px; height: 98px; box-sizing: border-box; transition: 300ms; box-sizing: border-box; padding: 18px 24px; background-color: #fff; position: absolute; z-index: 10; left: 0; bottom: 0}
.ser-text h3 {line-height: 28px; color: #333; height: 28px; overflow: hidden;; transition: 300ms;}
.ser-text p {height: 28px; color: #888; font-size: 14px; overflow: hidden; line-height: 28px;; transition: 300ms;}
.server_list li:hover .ser-text, .major_list li:hover .ser-text {background-color: #6cc162; height: 128px; padding: 28px 24px;}
.server_list li:hover h3, .server_list li:hover p, .major_list li:hover h3, .major_list li:hover p { color: #fff;}
.student_dot {text-align: center; width: 1200px; margin: 20px auto 0;}
.student_dot span {width: 12px; height: 12px; border-radius: 50%; background-color: #dcdcdc; display: inline-block; margin: 0 5px;}
.student_dot span.swiper-pagination-bullet-active {background-color: #6cc162}
.video {width: 388px; height: 254px; position: relative}
.video i {position: absolute; width: 53px; height: 53px; cursor: pointer; font-size: 52px; color: #fff; left: calc(50% - 27px); top: 110px; z-index: 4;}
.video i.hide {display: none;}
.news-text-box {width: 510px; margin-left: 20px}
.news-text-list { border-top: 1px solid #e3e3e3; padding-top: 12px;}
.news-text-list li {text-align: right; line-height: 38px; font-size: 16px; color: #999;}
.news-text-list li a {float: left; color: #222; width: calc(100% - 90px); font-size: 14px; overflow: hidden; text-align: left; /*内容会被修剪，并且其余内容是不可见的*/
    text-overflow:ellipsis;  /*显示省略符号来代表被修剪的文本。*/
    white-space: nowrap; }
.news-text-list li a:before {width: 3px; height: 3px; float: left; margin: 18px 9px 0 0; background-color: #dcdcdc; content: ''}
.edu-box {width: 480px; float: right;}
.news-pic-list { border-top: 1px solid #e3e3e3;}
.news-pic-list a {display: block; height: 110px; margin-top: 22px;}
.news-pic-list i {float: left;}
.news-pic-list i, .news-pic-list img {display: block; width: 186px; height: 110px; transition: 300ms;}
.news-pic-list .f-r {width: 276px;}
.news-pic-list h3 {height: 35px; overflow: hidden; line-height: 35px; margin-bottom: 4px; font-size: 16px; color: #333;}
.news-pic-list p {height: 40px; line-height: 20px; font-size: 14px; color: #888; overflow: hidden;}
.news-pic-list .f-r:after {display: block; content: attr(data-time); line-height: 20px; color: #999; margin-top: 5px; font-size: 14px;}
.wenda {float: right; width: 264px}
.wenda .con a {width: 100%; height: 115px; display: block; margin-top: 20px;}
.wenda .con a img {display: block}
.business {background: url("./images/fb.jpg") no-repeat center; width: 1200px; height: 144px; margin: 20px auto; display: flex}
.business a {flex: 1; box-sizing: border-box; padding: 28px; line-height: 40px; text-align: center; color: #fff; font-size: 18px;}
.business a:before {width: 55px; content: ''; display: block; height: 55px; background: #fff url("./images/b1.png") no-repeat center; border-radius: 50%; margin: 0 auto;}
.business a:nth-child(2):before {background-image: url("./images/b2.png")}
.business a:nth-child(3):before {background-image: url("./images/b3.png")}
.business a:nth-child(4):before {background-image: url("./images/b4.png")}
.business a:nth-child(5):before {background-image: url("./images/b5.png")}
.float {width: 185px; position: fixed; right: 120px; top: 30%; height: 225px}
.float span {height: 40px; line-height: 40px; text-align: center; display: block;}
.float img {width: 185px; height: 185px; display: block}
.charm {margin-top: 20px; height: 240px; background-color: #f1f1f1; position: relative}
.charm:before {content: '魅力校园'; float: left; width: 60px; height: 240px; background-color: #6cc162; writing-mode: tb-rl; line-height: 60px; text-align: center; letter-spacing: 8px; color: #fff; font-size: 20px;}
.charm_con {width: calc(100% - 130px); height: 200px; float: right; overflow: hidden; margin: 20px 35px;}
.charm_con a {width: 322px; height: 200px; display: block; margin: 0 auto; overflow: hidden;}
.charm_con img {display: block; transition: 300ms; width: 322px; height: 200px;}
.charm_con a:hover img {transform: scale(1.03);}
.charm p {position: absolute; top: 100px; width: 20px; height: 40px; cursor: pointer;}
.charm p:after {border: 10px solid transparent; border-right-color: #a1a1a1; position: absolute; top: 11px; left: -3px; content: ''}
.charm p.prev {left: 70px;}
.charm p.next {right: 10px; transform: rotate(180deg);}
.links {background-color: #f5f5f5; line-height: 60px;}
.links dl {width: 1200px; margin: 0 auto; text-align: center;}
.links dt {display: inline-block;}
.links dd {display: inline-block; margin-right: 20px; position: relative}
.links dd:after {content: '/'; position: absolute; right: -16px; top: 0; line-height: 60px;}
.links dd:last-child {margin-right: 0}
.links dd:last-child:after {content: ''}
footer {background-color: #6cc162;}
.config {line-height: 34px; font-size: 14px; color: #fff; padding: 20px 0; text-align: center;}
.config a {display: inline-block; color: #fff;}
.menu-left {width: 240px; float: left}
.menu-left h4 {background: url("./images/cate_bg.jpg") no-repeat center; height: 80px; width: 100%; font: bold 24px/80px 'Microsoft YaHei UI'; color: #fff; text-align: center;}
.menu-left li {min-height: 50px; margin-top: 2px;}
.menu-left li > a {height: 50px; line-height: 50px; display: block; background-color: #f5f5f5; color: #333; padding-left: 40px; }
.menu-left li > a:after {content: '+'; width: 20px; text-align: center; line-height: 46px; color: #b7b7b7; float: right; font-size: 22px; margin: 0 30px 0 0;}
.menu-left li > a.curr {background-color: #6cc162; color: #fff;}
.menu-left li > a.curr:after {content: '-'; color: #fff;}
.menu-left li p {background-color: #f5f5f5;}
.menu-left li p a {line-height: 40px; border-top: 1px solid #fff; display: block; padding-left: 60px;}
.menu-left li p a.curr {color: #02a067}
.content-right {float: right; width: calc(100% - 270px); margin-bottom: 20px;}
.location {height: 44px; border-bottom: 1px solid #ddd;}
.location h3 {float: left; padding-left: 20px; background: url("./images/cate_icon.jpg") no-repeat left 4px; font-size: 22px; color: #6cc162;}
.location p {line-height: 24px; font-size: 14px; color: #666;}
.location p:before {content: '当前位置：';}
.location p a {display: inline-block; margin-right: 20px; position: relative}
.location p a:after {content: '>'; position: absolute; right: -16px; top: 0;}
.location p a:last-child {margin-right: 0}
.location p a:last-child:after {display: none;}
.text_list_news, .text_list_pic, .tuwen-list, .major_list {margin-top: 20px;}
.text_list_news li {height: 54px; line-height: 54px; border-bottom: 1px dashed #dcdcdc; text-align: right; font-size: 15px; color: #999}
.text_list_news li a {float: left; padding-left: 17px; background: url("./images/li_icon.jpg") no-repeat 0 center; font-size: 16px;}
.page {height: 34px; margin: 50px 0; text-align: center}
.page a, .page span {min-width: 34px; height: 34px; border-radius: 4px; padding: 0 6px; display: inline-block; margin: 0 5px; background-color: #f0f0f0; line-height: 34px; color: #333; text-align: center;}
.page span {background-color: #6cc162; color: #fff;}
.page .hover {background-color: #6cc162; color: #fff;}
.text_list_pic ul:after, .major_list ul:after {display: block; clear: both; content: ''}
.text_list_pic li {float: left; width: 283px; height: 300px; margin-right: 40px; margin-bottom: 20px;}
.text_list_pic li:nth-child(3n + 3) {margin-right: 0}
.text_list_pic li a {display: block;}
.text_list_pic img { width: 283px; height: 190px; display: block;}
.text_list_pic h3 {height: 110px; line-height: 28px; box-sizing: border-box; background-color: #f5f5f5; padding: 12px 25px; font-size: 16px; color: #333;}
.text_list_pic h3:after {content: '→'; font-size: 20px; display: block; margin-top: 10px; color: #999;}
.tuwen-list li {height: 170px; margin-bottom: 24px; background-color: #f7f7f7}
.tuwen-list li a {display: block}
.tuwen-list li img {width: 270px; height: 170px;}
.tuwen-list .con {width: calc(100% - 300px); height: 170px; float: right; box-sizing: border-box; padding: 10px 10px 10px 0;}
.tuwen-list h3 {height: 40px; line-height: 40px; overflow: hidden; font-size: 18px; color: #6cc162;}
.tuwen-list .con span {display: block; line-height: 28px; color: #999; font-size: 14px; margin-bottom: 7px;}
.tuwen-list p {height: 52px; line-height: 26px; overflow: hidden; color: #777; font-size: 14px;}
.download {margin-top: 40px;}
.download:before {content: '下载专区'; background: url("./images/cate_bg.jpg") no-repeat center; position: relative; z-index: 30; width: 240px; height: 80px; font: bold 24px/80px 'Microsoft YaHei UI'; color: #fff; display: block; text-align: center;}
.down-list {border-top: 1px solid #eee; padding-top: 44px; margin-top: -40px;}
.down-list li {height: 60px; line-height: 60px; border-bottom: 1px dashed #dcdcdc;}
.down-list .f-r {color: #64cd54; text-decoration: underline;}
.down-list .f-l {padding-left: 18px; background: url("./images/li_icon.jpg") no-repeat 0 center;}
.down-list a span {color: #999; display: inline-block; margin-right: 20px;}
.leader-list li {height: 156px;}
.leader-list li img {width: 110px; height: 156px;}
.leader-list .con {width: calc(100% - 140px); height: 156px;}
.leader-list .con h3 {position: relative; margin-bottom: 30px; color: #333; overflow: unset;}
.leader-list .con h3:after {width: 20px; border-bottom: 2px solid #a0a0a0; position: absolute; left: 0; bottom: -10px; content: ''}
.major_list li {float: left; margin-right: 42px; margin-bottom: 30px;}
.major_list li a {margin: 0}
.major_list li:nth-child(3n + 3) {margin-right: 0}
.detail_top {border-bottom: 1px dashed #e5e5e5;box-sizing: border-box;padding-bottom: 10px; margin-top: 20px;}
.detail_top.web {border: none; padding-bottom: 20px;}
.detail_top .d_title {font-size: 24px; line-height: 40px; font-weight: bold; color: #333; text-align: center; margin: 0 100px 15px;}
.detail_top p { text-align: center; margin-top: 10px;}
.detail_top p span {font-size: 14px; color: #888; display: inline-block; margin: 0 10px;}
.article-detail {margin-top: 20px; line-height: 34px!important; overflow: hidden; padding: 0 30px 30px; font-size: 16px!important; color: #666!important;}
.article-detail img {max-width: 800px; height: auto;}

.near_news {border-top: 1px solid #eee; padding: 20px 0; display: flex}
.near_news .near_r {flex: 665}
.near_r p {height: 30px; overflow: hidden; line-height: 30px; font-size: 16px;}
#share {flex: 240}
#share p {font-size: 14px;}
#map {width: 100%; height: 432px; margin-top: 20px;}
.contact {margin-top: 20px;}
.contact p {height: 60px; line-height: 60px; color: #666;}
.contact p:before {font-size: 24px; margin-right: 10px;}
.contact span {font-weight: bold; display: inline-block}