@charset "utf-8";

@font-face{font-family:'sys';font-style:normal;src:url(../fonts/SourceHanSerifSC-Heavy.otf)}
.sys{font-family:'sys';}

.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}
.xueshu{margin-bottom:50px;}
.xueshu .xuetit h2 {
    font-size: 24px;
    color: #ffffff;
    background: url(../images/xuetitbg1.png) no-repeat left center;
    padding-left: 25px;
    height: 54px;
    line-height: 54px;
}
.xueshu .xueul ul li{float:left;margin-top: 30px;margin-right: 30px;height: 200px;background: url(../images/xuetitbg2.png) no-repeat center;width: 19%;display: flex;align-items: center;text-align: center;justify-content: center;padding: 0 55px;box-sizing: border-box;}
.xueshu .xueul ul li p{font-size:30px;color:#397abf;font-family:'sys';}
.xueshu .xueul ul li h3{font-size:22px;line-height:30px;min-height: 60px;}
.xueshu .xueul ul li .line2{width:60px;height:1px;background:#397abf;margin:15px auto;}


.xueshu .xueul2 ul li {background: url(../images/xuetitbg3.png) no-repeat center;}

@media screen and (max-width: 1200px) {
    .xueshu .xueul ul li{width:30%;margin-right:3%;}
    
}

@media screen and (max-width: 760px) {
    .xueshu .xueul ul li p{font-size:30px;}
.xueshu .xueul ul li h3{font-size:18px;}
    
}

@media screen and (max-width: 640px) {
    .xueshu .xueul ul li {width:48%;margin:20px 1%;}
    body{min-width:330px;}
}