@charset "utf-8";
body {font-family:'微软雅黑'; margin:0 auto; font-size: 14px}
* {font-family:'微软雅黑';}
body>div {width: 1200px; margin: 0 auto;}
pre {text-indent: 2em!important;}
::-webkit-scrollbar {width: 5px; height: 10px;}
::-webkit-scrollbar-thumb {border-radius: 10px; box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1); background: #ffb800;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1); border-radius: 10px; background: #ededed;}
.top {height: 100px; padding: 15px 0; box-sizing: border-box; font-weight: bold; width: 1200px; margin: 0 auto}
.top .logo {padding-left: 10px}
.top .logo .layui-col-xs9{padding: 8px 5px}
.top .logo .layui-col-xs9>p{margin-left: -20px}
.top .logo img {width: 70px}
.menu {padding: 12px 0; text-align: right;}
.menu a {display: inline-block; border: 1px solid #fff; width: 105px; height: 35px; line-height: 35px; text-align: center; border-radius: 20px;}
.menu a:hover {background: #f1ba5c; color: #fff}
.active, .active:hover {background-color: #ffb800; color: #fff!important;}
.full {width: 100%!important;}
#banner p {position: absolute; z-index: 99999!important; left: 0; bottom: 0; background: #000; opacity: 0.5; color: #fff; width: 100%; padding: 10px 20px; font-size: 18px; font-weight: bold; z-index: 99; text-align: center; box-sizing: border-box;}
body>.title {text-align: center; margin-top: 50px; margin-bottom: 30px}
body>.title span {border-bottom: 3px solid #f1ba5c; height: 50px; line-height: 50px; display: inline-block; font-weight: bold;}
.btns {text-align: center;}
#characteristic {background-color: #f7f7f7; margin-top: 50px}
#characteristic .layui-row {width: 1200px; margin: 0 auto}
#characteristic .layui-row .layui-col-xs3 {text-align: center; padding: 50px 10px}
#characteristic .layui-row .layui-col-xs3:hover {color: #f1ba5c}
#characteristic .layui-row .layui-icon {font-size: 80px; font-weight: bold; color: #CC9966}
#characteristic .layui-row .layui-col-xs3 .layui-font-20 {margin-bottom: 20px}
#torch .layui-col-xs3 {text-align: center;}
#torch img {height: 400px; width: 100%; transition: transform 0.2s ease}
#torch .layui-col-xs3:hover img {transform: scale(1.005); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);}
#torch .layui-col-xs3:hover p {color: #f1ba5c}
#torch p {height: 60px; line-height: 60px;}
#home-course .layui-col-xs4 {text-align: center;}
#home-course .layui-col-xs4>div {border: 1px solid #e1e1e1; border-radius: 10px; overflow: hidden; padding-bottom: 15px}
#home-course .layui-col-xs4>div .layui-font-20 {margin: 20px 0}
#home-course .layui-col-xs4 .describe {color: #777777; margin-bottom: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
#home-course .layui-col-xs4 img {width: 100%; transition: transform 0.2s ease}
#home-course .layui-col-xs4:hover img {transform: scale(1.005); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);}
#home-course .layui-col-xs4:hover .layui-font-20 {color: #f1ba5c}

#achievement {background: #f7f7f7; margin: 50px 0; padding: 80px 0}
#achievement>.layui-row {width: 1200px; margin: 0 auto}
#achievement .item .layui-icon {font-size: 80px; color: rgb(255, 153, 0)}
#achievement .item>.layui-col-xs5 {text-align: right; padding-right: 10px}
#achievement .item>.layui-col-xs7 {padding: 25px 0}
#achievement .item>.layui-col-xs7 p {height: 40px; line-height: 40px}
#achievement .item>.layui-col-xs7 p span {font-size: 30px; font-weight: bold;}
#student>div img {width: 100%; height: 220px; transition: transform 0.2s ease; cursor: pointer;}
#student>div .layui-col-xs3:hover img{transform: scale(1.005); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);}
#student>div .layui-col-xs3:hover p{color: #f1ba5c}
#student>div p {height: 50px; line-height: 50px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

#breadcrumb{padding: 30px 0}
#title {height: 50px; line-height: 50px; text-align: center; margin: 0 auto 50px auto!important;}
#introduction img {width: 600px; height: 400px}
#introduction .content {padding-left: 15px; overflow-y: auto; height: 400px}
#introduction .content .layui-font-18 {margin-bottom: 20px}
#introduction .menu {display: inline-block;}
#introduction .menu>div {float: left; width: 19.7%; height: 200px; margin-right: 0.3%; cursor: pointer;}
#introduction .menu>div:hover {color: #f1ba5c}
#introduction .menu>div:hover img{transform: scale(1.005); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);}
#introduction .menu>div:last-child {margin-right: 0%}
#introduction .menu>div img {width: 100%; height: 170px; transition: transform 0.2s ease;}
#introduction .menu>div p {height: 50px; line-height: 30px; text-align: center; font-size: 16px}
#inherit>a {margin-bottom: 50px;}
#inherit>a:hover img {transform: scale(1.005); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);}
#inherit>a:hover span {color: #f1ba5c}
#inherit>a>div {padding-left: 150px;}
#inherit>a:nth-child(odd) div{padding-right: 20px}
#inherit img {float: left; width: 130px; height: 130px; transition: transform 0.2s ease;}
#inherit span {height: 40px; line-height: 40px; border-bottom: 3px solid #f1ba5c; display: inline-block}
#inherit p {padding-top: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
#distinction .layui-col-xs12 img{width: 100%; transition: transform 0.2s ease; border: 1px solid #e1e1e1; box-sizing: border-box}
#distinction .layui-col-xs12 img.vertical{height: 400px; }
#distinction .layui-col-xs12 img.horizontal{height: 280px; }
#distinction .layui-col-xs12 a:hover {color: #ffb800}
#distinction .layui-col-xs12 a:hover img {transform: scale(1.005); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);}
#distinction .layui-col-xs12 p {text-align: center; height: 50px; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#distinction-info img {width: 98%}
#distinction-info p {margin-top: 20px}
#distinction-info span {color: #ffb800}
#course-menu {width: 360px!important;}
#course-menu .layui-col-xs4 {width: 120px; height: 50px; line-height: 50px; display: inline-block; background: #132e50; color: #fff; text-align: center;}
#course-menu .layui-col-xs4:first-child {border-radius: 25px 0 0 25px}
#course-menu .layui-col-xs4:last-child {border-radius: 0 25px 25px 0}
#course-menu .active {background-color: #ffb800}
#course img {width: 100%; height: 260px; transition: transform 0.2s ease; border: 1px solid #e1e1e1; box-sizing: border-box}
#course span {color: #ffb800}
#course .layui-col-xs4 {cursor: pointer; text-align: center; margin-top: 30px}
#course .layui-col-xs4:hover img {transform: scale(1.005); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);}
#course .layui-col-xs4:hover .layui-font-20{color: #ffb800}
#course .layui-col-xs4>.layui-font-20 {margin-top: 15px}
#course .layui-col-xs4>p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#communicate .layui-col-xs2 {padding-right: 10px}
#communicate .layui-menu li, .layui-menu-body-title, .layui-menu-body-title a {padding: 10px 15px; font-size: 18px}
#communicate .layui-menu .layui-menu-item-checked a, .layui-menu .layui-menu-item-checked2 a {color: #ffb800; font-size: 18px}
#communicate .layui-menu .layui-menu-item-checked:after {border-color: #ffb800}
#communicate .layui-col-xs10 img{width: 100%; height: 220px; transition: transform 0.2s ease; border: 1px solid #e1e1e1; box-sizing: border-box}
#communicate .layui-col-xs10 .layui-col-xs4 {cursor: pointer;}
#communicate .layui-col-xs10 .layui-col-xs4:hover {color: #ffb800}
#communicate .layui-col-xs10 .layui-col-xs4:hover img {transform: scale(1.005); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);}
#communicate .layui-col-xs10 p {text-align: center; height: 50px; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#work .layui-col-xs2 {padding-right: 10px}
#work .layui-menu li, .layui-menu-body-title, .layui-menu-body-title a {padding: 10px 15px; font-size: 18px}
#work .layui-menu .layui-menu-item-checked a, .layui-menu .layui-menu-item-checked2 a {color: #ffb800; font-size: 18px}
#work .layui-menu .layui-menu-item-checked:after {border-color: #ffb800}
#work .layui-col-xs10 img{width: 100%; height: 500px; transition: transform 0.2s ease; border: 1px solid #e1e1e1; box-sizing: border-box}
#work .layui-col-xs10 .layui-col-xs4 {cursor: pointer;}
#work .layui-col-xs10 .layui-col-xs4:hover {color: #ffb800}
#work .layui-col-xs10 .layui-col-xs4:hover img {transform: scale(1.005); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);}
#work .layui-col-xs10 p {text-align: center; height: 50px; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#training .layui-col-xs12 img{width: 100%; height: 400px; transition: transform 0.2s ease; border: 1px solid #e1e1e1; box-sizing: border-box}
#training .layui-col-xs12 .layui-col-xs3 {cursor: pointer;}
#training .layui-col-xs12 .layui-col-xs3:hover {color: #ffb800}
#training .layui-col-xs12 .layui-col-xs3:hover img {transform: scale(1.005); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);}
#training .layui-col-xs12 p {text-align: center; height: 50px; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#contact .layui-col-xs6 {text-align: center;}
#inherit-info img {width: 98%}
#inherit-info p {margin-top: 20px}
#inherit-info span {color: #ffb800}

.footer {background-color: #333333; color: #fff; margin-top: 50px}
.footer .content {width: 1200px; margin: 0 auto; padding: 30px 0; position: relative;}
.footer .content .rwm{position: absolute; top: 15px; right: 0; width: 225px}
.footer .content .rwm>div{float: left; width: 50%; padding: 2px; box-sizing: border-box; text-align: center; color: #CCCCCC}
.footer .content .rwm>div img{width: 100%;}
.footer .content li{line-height: 30px}
.footer .content li:first-child{font-weight: bold;}
.footer .copyright {background-color: #222222;line-height: 50px; text-align: center}
.footer .copyright a {color: #fff}