body { min-width: 1280px;}
header { position: relative;height: 81px; text-align: center;}
header h1 { position: absolute; left:50px; top: 0; padding: 14px 0 0;}
header h1 a{ display: block;width: 110px; height: 48px; color: transparent; background: url(../images/sp_com.png) no-repeat -300px 0;}
header .lnb li { display: inline-block;}
header .lnb li a {display: block; height: 81px; padding: 0 35px; font-size: 16.5px; color: #333; line-height: 81px;}
header .lnb li a:hover { color: #2d5b79; font-weight: bold;}
header .lnb li a span { position: relative;}
header .lnb li a:hover span:after { content: ""; display: block; position: absolute; left: 0; bottom:-9px;  width: 100%; height: 1px; background: #2d5b79;}
header .spot { position: absolute; right:50px; top: 0;}
header .spot li { position: relative; float: left;}
header .spot li:after { content: ""; position: absolute; left: 0; top: 50%; width: 1px;height: 7px;  background: #ccc; transform: translateY(-50%);}
header .spot li:first-child:after { display: none;}
header .spot li a{ display: block; height: 81px; padding: 0 10px; line-height: 81px;}
header .spot li:last-child a { padding-right:0; }

.slider { text-align: center;}
.slider > div > div > p {position: absolute; top: 46%; left: 55%; display: block; color: rgb(255, 255, 255); font-size: 30px; font-weight: bold;}
.bx-wrapper { position: relative;}
.bx-controls-direction { font-size: 70px;}
.bx-controls-direction a {position: absolute; top: 50%; display: block; width: 75px; height: 75px; overflow: hidden; transform: translateY(-50%); color: #ccc; font-weight: normal;}
.bx-controls-direction .bx-prev { left: 50px;}
.bx-controls-direction .bx-next { right: 50px;}
.bx-controls-direction .bx-prev:before { content: "\e93d"; font-family: 'xeicon';}
.bx-controls-direction .bx-next:before { content: "\e940"; font-family: 'xeicon';}
.bx-pager { position: absolute; left: 0; bottom: -25px; width: 100%; text-align: center;}
.bx-pager div { display: inline-block; padding: 0 6px;}
.bx-pager div a { display: block; width: 24px; height: 3px; background: #999; font-size: 0; color: transparent;}
.bx-pager div a.active { background: #000;}

.news { background: #f4f5f9;}
.news > div { width: 1175px; padding: 50px 0; margin: 0 auto;}
.news h2 { float: left; width: 95px; height: 95px; background: #042e6f; color:#fff; line-height: 95px; text-align: center; font-size: 14px; font-weight: normal; margin-top: 20px;}
.news ul { float: left; padding: 0 0 0 15px; margin-top: 20px;}
.news li { float: left; padding:0 0 0 45px;}
.news h3:before {display: block; content: ""; position: relative; left: -29px; top: -24px; width: 308px; height: 13px; background: #053783;}
.news li a { display: block; position: relative; padding: 25px 30px 0; width: 310px; height: 260px; background: #fff; box-sizing: border-box;}
.news li a h3 { font-size: 20px; color:#222; font-weight: normal; line-height: 36px; word-break: keep-all;}
.news li a p { padding: 22px 0 20px; font-size: 14px; color:#666; word-break: keep-all;}
.news li a span { font-size:12px; color:#666;}
.news li a em { position: absolute; background: rgba(96,96,96,0); transition: all 0.5s;}
.news li a em:nth-of-type(1) { left: 0; top: 0; width: 0%; height: 1px;}
.news li a em:nth-of-type(2) { left: 0; top: 0; width: 1px; height: 0%;}
.news li a em:nth-of-type(3) { right: 0; bottom: 0; width:1px; height:0%;}
.news li a em:nth-of-type(4) { right: 0; bottom: 0; width:0%; height:1px;}
.news li a:hover em {background: rgba(96,96,96,1);}
.news li a:hover em:nth-of-type(1) {width: 100%;}
.news li a:hover em:nth-of-type(2) { height: 100%;}
.news li a:hover em:nth-of-type(3) { height:100%;}
.news li a:hover em:nth-of-type(4) { width:100%;}

.subject { clear: both;}
.subject { background: #f4f5f9; padding-bottom: 30px;}
.subject > div { width: 1175px; overflow: hidden; padding: 20px; margin: 0 auto;}
.subject .subject_top { float: left; width: 95px; height: 95px; background: #598f59; color:#fff; line-height: 95px; text-align: center; margin-top: 20px;}
.subject .subject_top h2 { font-size: 14px; font-weight: normal;}
.subject .subject_main { display: block; content: ""; position: relative; left: 37px; padding: 0 0 0 15px; margin-top: 20px;}
.subject .subject_title { float: left; padding: 0 20px 0; margin: 0 25px; display: block; position: relative; width: 484px; height: 350px; background: #fff; box-sizing: border-box;}
.subject .subject_title a:after {display: block; content: ""; position: relative; left: -20px; top: -93px; width: 10px; height: 30px; background: #60aa5a;}
.subject .subject_title a h3 { font-size: 20px; color:#222; font-weight: normal; line-height: 36px; word-break: keep-all;}
.subject .subject_title a p { padding: 0 0 12px; font-size: 14px; color:#666; word-break: keep-all;}

footer { clear: both;}
footer .top { background: #686e72;}
footer .top > div { margin: 0 auto; padding: 13px 0;}
footer .top > div ul li { display: inline-block;}
footer .top > div ul li a {display: block; height: 35px; padding: 0 35px; font-size: 14px; color: rgb(248, 248, 248); line-height: 35px;}
footer .top > div ul li a:hover { color: #353535; font-weight: bold;}
footer .top > div ul li a span { position: relative;}
footer .top > div ul li a:hover span:after { content: ""; display: block; position: absolute; left: 0; bottom:-9px;  width: 100%; height: 1px; background: #2d5b79;}
footer .btm { padding: 40px 0 44px; background: #4c5459; text-align: center;}
footer .btm p { display: inline-block; width:110px; height:48px; background: url(../images/sp_com.png) no-repeat -20px 0; color:transparent;}
footer .btm ul { padding: 32px 0 14px; }
footer .btm li { display: inline-block; position: relative; padding: 0 10px; color:#fff; font-size:14px;}
footer .btm li:after {content: ""; position: absolute; right: 0; top: 50%; margin-top: -4px; width: 1px; height: 8px; background: #70767a;}
footer .btm address { font-size: 14px; color:#fff;}

.main {padding-bottom: 50px;}
.main .main_title { text-align: center; font-size: 2.5rem; font-weight: bold; margin-top: 50px;} 
.main .main_text { font-size: 16px; width: 840px; margin: 0 auto; margin-top: 25px; margin-bottom: 30px; text-align: left; word-break: keep-all;} 
.main .main_pic { padding: 10px; text-align: center;} 
.main .main_pic_div { width: 350px; height: 240px; line-height: 240px; font-size: 1rem; text-align: center; display: inline-block; border-radius: 5px; padding: 0 10px;}
.main .main_pic_pic { width: 350px;  height: 240px; overflow: hidden;}
.main .main_bottom { text-align: center; margin: 0 auto; padding: 30px; height: 50px;}
.main .study-item-button { padding: .5rem 1rem; margin-top: 7px; margin: 0 auto; font-size: 1rem; line-height: 1; border-radius: .3rem; color: #007bff; background-color: transparent; background-image: none; border-color: #007bff;}