html {
  scroll-behavior: smooth;
}
body {
    margin: 0;
    font-family: "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;
    color: #333;
    background: #f4f8fd;
}
div, p, ul, dl, dt, dd, h2, h3 {padding: 0;margin: 0;}
font {padding: 0 5px;}
ul, li {list-style: none;}
img {border: none;}
a {text-decoration: none; cursor: pointer;}
a:link, a:visited {	color: #333;}
a:hover, a:active {color: #00508e;}
.clearFloat:after {content: '';display: block;clear: both;overflow: hidden;height: 0;}
.clearFloat {zoom: 1;}

.neirong { width: 100%; overflow: hidden;}
.nr { width: 1340px; margin: 0 auto; margin-top: 30px; overflow: hidden;}

.sub-hero { position: relative; overflow: hidden; min-height: 138px; margin-bottom: 0; padding: 30px 36px; border-radius: 0; color: white; background: linear-gradient(100deg, rgba(4, 35, 104, .98), rgba(7, 89, 176, .84)), url(hero-campus.jpg) center / cover no-repeat;}
.sub-hero h2 { position: relative; margin: 0 0 8px; font-size: 34px; letter-spacing: 2px; }
.sub-hero p { position: relative; margin: 0; max-width: 760px; color: rgba(255, 255, 255, .9); line-height: 1.8; }
.sub-hero::after { content: ""; position: absolute; right: -80px; bottom: -80px; width: 460px; height: 300px; border: 42px solid rgba(255, 255, 255, .12); border-radius: 50%; }
.breadcrumb { height: 46px; display: flex; align-items: center; justify-content: flex-end; padding: 0 22px; border: 1px solid #dbe7f6; border-top: 0;  background: #fff; color: #6a7890; font-size: 14px; }


.content { align-items: start; padding: 18px 0 0;}

.neirong {width: 100%; margin: 0 0px 30px 0; float: left; overflow: hidden;}
.con_left {float: left; width: 260px;border: 1px solid #dbe7f6; border-radius: 0; background: #fff; box-shadow: 0 8px 20px rgba(30, 65, 120, .07); padding-bottom: 12px; overflow: hidden;}
.con_left h3{ width: 100%; float: left; font-size: 22px; color: #fff; line-height: 65px; padding: 0 22px; font-weight: bold; background: linear-gradient(135deg, #063d9e, #075ec9); font-size: 22px; letter-spacing: 1px; margin-bottom: 8px;}
.con_left ul { width: 236px; margin: 0 12px; list-style: none; float: left;}
.con_left ul li {float: left; width: 100%; border-bottom: solid 1px #eef3fb; padding: 0 5px;}
.con_left ul li a {font-size: 16px; color:#28446f; line-height: 48px; padding-left: 18px; }
.de_on { color: #063d9e; background: linear-gradient(90deg, #edf5ff, #fff); border-left: 4px solid #075ac4; font-weight: 700;}
.con_right {float: right; width: 1050px; padding: 30px; overflow: hidden; border: 1px solid #dbe7f6; border-radius: 0; background: #fff; box-shadow: 0 8px 20px rgba(30, 65, 120, .07);}
.neirong_right_name{float: left; width: 100%; line-height: 38px; font-weight: bold; margin: 0 0 14px; padding-bottom: 14px; border-bottom: 2px solid #e7eef9; font-size: 28px; color: #062a7e;}
.neirong_right_nr {float: left; width: 100%; color: #333; text-align: left; overflow: hidden; font-size: 16px; line-height: 200%;}
.neirong_right_nr img { display: block;}