/*
	[DESTOON B2B System] Copyright (c) 2008-2018 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
.headline {background:#FFFFFF;padding:0 10px 5px 10px;border-bottom:#DDDDDD 1px solid;}
.headline h2 {text-align:center;font-size:16px;margin:0;height:30px;line-height:30px;overflow:hidden;}
.headline span {color:#225588;}
.headline div {line-height:22px;height:22px;overflow:hidden;}
.subline li {height:26px;line-height:26px;overflow:hidden;font-size:14px;padding:0 10px 0 10px;}
.subline span {color:#666666;}
/* catlist */
.catlist {padding:12px 15px 12px 20px;line-height:24px;}
.catlist_li {font-size:14px;height:28px;line-height:28px;background:url('image/li_dot.gif') no-repeat 5px 12px;padding:0 10px 0 12px;overflow:hidden;}
.catlist_sp {background:#FFFFFF url('image/dot.gif') repeat-x 0 center;}
/* special */
.special_intro {line-height:180%;font-size:13px;height:160px;overflow-y:scroll;}
.special_box {width:1200px;overflow:hidden;}

body * {
    transition: all 200ms;
}

.guwen a:link {
    text-decoration: none;
}
.guwen {
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
}
.course {
    padding: 30px 30px 30px 30px;
    margin-bottom: 20px;
    border-radius: 8px;
    background: #f8fafc;
    /* border: 1px solid rgba(17, 30, 44, 0.08); */
    /* box-shadow: 0px 4px 12px 0px rgb(17 30 44 / 2%); */
}
.ul-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.ui-zl-list li:first-child {
    margin-left: 0;
}
.ui-zl-list ul li {
    width: 280px;
    margin-bottom: 30px;
    margin-left: 25px;
}
.ui-zl-list img.lazyload {
    border-radius: 8px 8px 0px 0px;
    background: #C4C4C4;
    width: 280px;
}
.zl-list-y {
    border-radius: 0px 0px 8px 8px;
    background: #FFFFFF;
    border: 1px solid rgba(17, 30, 44, 0.08);
    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 20%);
    padding: 10px 10px 12px 10px;
    text-decoration: none;
}
.zl-list-y h6 {
    width: 240px;
    height: 48px;
    color: #111E2C;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    padding-bottom: 8px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.zl-list-y span {
    display: flex;
    justify-content: space-between;
    opacity: 0.5;
    color: #111E2C;
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0px;
}
.zl-list-y i {
    font-style: normal;
}
.ui-zl-list ul li:hover {
    border-radius: 8px 8px 8px 8px;
    transform: translateY(-5px);
    box-shadow: 0 30px 36px -12px rgb(12 21 35 / 16%);
    border-color: hsla(0,0%,80.8%,.31);
}
.ul-flex li a img:hover {
    transition: none;
    transform: none;
    position: unset;
}
.occupation-list .ul-flex li:hover {
    transform: translateY(-5px);
}
.occupation-list .ul-flex li {
    height: 150px;
}
.ui-zl-list ul li:nth-child(5){margin-left:0;}
.ui-zl-list ul li:nth-child(9){margin-left:0;}
.ui-zl-list ul li:nth-child(13){margin-left:0;}
.ui-zl-list ul li:nth-child(17){margin-left:0;}
.ui-zl-list ul li:nth-child(21){margin-left:0;}
.ui-zl-list ul li:nth-child(25){margin-left:0;}

.zhans {
    width: 65%;
    margin: 0 auto;
    box-sizing: border-box;
}
.zhans img{float: left;    width: 125px;}
.zhans h1 {
    font-size: 30px;
    font-weight: 600;
    color: #000000;
    height: 124px;
    line-height: 124px;
    float: left;
    padding: 0 15px;
}