@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, em, b, i, u, s, dl, dt, dd, ol, ul, li, input, select, textarea, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;outline: 0 none;border: 0 none;-webkit-text-size-adjust: none}
html {_background-image: url(blank.jpg);_background-attachment: fixed;overflow-x: hidden;overflow-y: scroll}
body {font-family: "Microsoft Yahei", \5FAE\8F6F\96C5\9ED1, Arial, simHei, "宋体", Helvetica;font-size: 18px;color: #000}
article, aside, dialog, figure, footer, header, legend, nav, section, time {display: block}
a{text-decoration: none;outline: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .4s ease-out;-ms-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out}
a:focus {-moz-outline-style: none;background: 0}
button{border: 0}
ul, ol, li {list-style: none}
h1, h2, h3, h4, h5, h6, em, b, i, u {font-style: normal;font-weight: normal;}
img {border: 0;vertical-align: top;-ms-interpolation-mode: bicubic;}
input, button, ul li {vertical-align: top}
input, button:focus {outline: 0;}
textarea {resize: none}.clearfix {zoom: 1}.clearfix:after {visibility: hidden;display: block;clear: both;height: 0;font-size: 0;content: "."}
table {border-collapse: collapse;border-spacing: 0}
a, button {cursor: pointer}.fl {float: left}.fr {float: right}.clearfix {zoom: 1}

/* -返回顶部- */
#back-top {width:54px; float:right; position:fixed; right:90px; bottom:50px;}
#back-top span {width:54px; height:54px; background:url(https://www.xhd.cn/fuzhou/topic/PC/public/img/icon.png) no-repeat; display:block;}
#back-top a{outline:none}

.clearfix:after {visibility: hidden;display: block;clear: both;height: 0;font-size: 0;content: "."}.clear{ clear: both}

.ban{width: 100%; height:680px; background: url(../imgs/banner.jpg) no-repeat center center;background-size: cover; border-bottom: 145px solid #f5f5f5}
.top,.ban-con{width: 1200px; margin: 0 auto; overflow: hidden;padding-top: 30px;}
.top-l{ width: 131px;}
.top-r{font-size: 24px; color:#395aa6;margin-top: 8px}
.ban-con h4{font-size: 80px;font-weight: bold;color: #2359b7; margin-top: 50px}
.ban-con h5{font-size: 70px;font-weight: bold;color: #395aa6;}
.ban-con p{font-size:26px;color: #395aa6; margin-top: 8px}
.ban-con div{ display: block;width: 150px; height: 4px; background: #2359b7; margin: 10px 0}
.ban-con a,.why-btn{  display: block;font-size: 28px; color: #fff; font-style: normal;width:340px; background: #005aca; border-radius: 35px; text-align: center;height:68px; line-height: 68px; margin-top: 30px }

/*.bd{ width: 100%; height: auto; background:#f5f5f5; margin-top: 50px }*/
.bd-con{ width: 1200px; margin: -217px auto 0; padding: 36px 0 24px; background: #3271e7;border-radius: 6px;}
.bd-title{ width: 280px; margin:0 auto; margin-bottom:20px;}
.bd-title span{ font-size: 36px; color: #fff;  margin-top: -5px;margin-left: 3px}
.bd-box{width: 1092px; margin:0 auto;}
.bd input,.bd select{width:172px;height: 50px;line-height: 50px;background: #fff;border-radius: 8px;color: #666;font-size: 16px;padding-left: 16px;line-height: 100%; float: left; margin-right: 20px; border: 1px solid #e5e5e5
}
.bd .formCode{
    width: 290px;
    margin-bottom: 0;
	   float: left;
    margin-right: 0;
}
.bd .formCode .codeInput{
    width:142px;
    text-align: center;
    height: 52px;
    padding-left:0;
    background-color: #fff;
    border-radius: 8px;
    font-size: 16px;
    line-height: 52px;
    outline: 0;
    color: #000;
    margin-right: 10px;
    text-indent: 0;
    box-sizing: border-box;
    border:none;
}
.bd .formCode .codetxt{
    width: 118px;
    background: #e3e3e3;
    outline: none;
    height:52px;
    cursor: pointer;
    font-size: 16px;
    border: 0;
    color: #000;
    border-radius: 10px;
    box-sizing: border-box;
}
.bd button{width:180px;height: 50px;line-height: 50px; background: #ffaa00; color: #fff; font-size: 21px; text-align: center; border-radius: 8px;}

.study{ width: 100%; height: auto; background:#f5f5f5; padding: 40px 0 60px;}
.study-con{ width: 1200px; margin: 0 auto;}
.title h3{ font-size: 44px;font-weight: bold;color: #333; text-align: center}              
.title div{ display: block; margin: 10px auto 0; width: 130px; height:4px; background: #999}
.study-con ul {margin-top: 20px;}
.study-con li{ float: left; width: 300px;}
.study-con li img{ display: block;margin: 0 auto;}
.study-con li p{ font-size: 32px; color: #222;text-align: center;padding-top: 200px}
.study-con li span{ width: 220px; margin: 10px auto 0;text-align: center; display: block; font-size: 24px; color: #444}
.study-bac1{ width: 300px; height: 489px; background: url(../imgs/img6.png); margin-top: -145px} 
.study-bac2{ width: 300px; height: 489px; background: url(../imgs/img7.png); margin-top: -145px} 
.study-con li .study-bac2 p,.study-con li .study-bac2 span{color: #fff}

.lb{ width: 1200px; height: auto; padding: 40px 0;background:#3271e7; margin: 60px auto 0;}
.lb .title h3,.why .title h3{ color: #fff}
.lb .title div,.why .title div{ background: #fff}
.lb-box{ margin-top: 30px}
.lb-box li{ float: left; width: 315px; border-right: 2px solid #fdfdfd;margin-left: 80px}
.lb-box li img{width: 72px;margin-top: 5px}
.lb-box li div{ margin-left: 20px}
.lb-box li div p{font-size: 34px; color: #fff; margin-bottom: 5px}
.lb-box li div span{font-size: 24px; color: #fff}
.lb-box li:last-child{ border-right: none}

.kc{ width: 1200px; margin: 60px auto 0;}
.kc-ul {overflow: hidden;margin-top: 35px;margin-bottom: 15px}
.kc-ul li {float: left;margin-right: 10px;margin-top: 20px;}
.kc-ul li div{padding:0 45px; height: 56px; line-height: 56px;background: #e1f1ff;font-size: 24px;color: #2b2b2b;text-align: center;cursor: pointer}
.kc-ul li:nth-child(3) div{padding:0 47px;}
.kc-ul li:last-child{margin-right: 0;}
.kc-ul .kc-cur div{ background: #3271e7; color: #fff}
.kc-ul .kc-cur span {display: block;width: 0;height: 0;border-right: 10px solid transparent;border-left: 10px solid transparent;border-top: 10px solid #3271e7;background: #fff; margin-left: 42%;}
.kc-ul .kc-cur .cur span {display: block;width: 0;height: 0;border-right: 10px solid transparent;border-left: 10px solid transparent;border-top: 10px solid #3271e7;background: #fff; margin-left: 48%;}

.w1 {width:220px;}
.w2 {width:220px;}
.w3 {width:220px;}
.w4 {width:320px;}
.w5 {width:220px;}
.kc table{width:1200px;}
.kc table tr{border-bottom: 1px solid #ebebeb;}
.kc table tr th {font-size: 26px;color: #333;font-weight: normal;text-align: center;height: 66px;line-height: 66px;border: 1px solid #ebebeb}
.kc table tr td {font-size: 20px;color: #333;text-align: center;line-height: 28px;padding: 8px 0px;border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb}
.kc table tr td h5 {color: #3271e7;}
.border-bot {border-bottom: 1px solid #ebebeb}
.tab-btn2,.kc-btn {display: block;width: 160px;height: 40px;line-height: 40px;border-radius: 35px;text-align: center;font-size: 20px;color: #3271e7;border: 2px solid #3271e7;margin: 0 auto;}
.tab-btn2:hover,.kc-btn:hover {background: #3271e7;color: #fff}
.kc-btn{width: 360px;height: 60px;line-height: 60px;font-size: 24px; margin-top: 35px}

.why{ width: 100%; height: auto; padding: 60px 0; background:#3271e7;margin-top: 60px;}
.why-con{width: 1155px; margin: 0 auto}
.why-box{ margin-top: 40px}
.why-box li{ float: left; background: url(../imgs/img8.png) no-repeat center center; width: 318px;height: 325px;margin-right: 100px}
.why-box li p{text-align: center;font-size: 32px;color: #000; margin-top: 88px}
.why-box li span{ display: block; width: 230px; margin:10px auto 0; text-align: center;font-size: 22px;color: #666; line-height: 30px}
.why-box li:last-child{ margin-right: 0}
.why-btn{ background: #fff;color: #222;margin: 45px auto 0;font-size: 24px}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

/*学校荣誉*/
.honor{
    padding:60px 0;
    background:#f5f5f5 url(../images/) top center no-repeat;
}

.g_common{display: flex; justify-content:space-around; flex-flow: row nowrap; margin:0 auto 20px auto;}
.g_common .ys_l{text-align: right; margin-left: -20px;}
.g_common .ys_l,.g_common .ys_r{padding-top: 92px; float: left;}
.g_common .ys_l li,.g_common .ys_r li{font-size: 18px; color: #606060; line-height: 30px; margin-bottom: 20px;}
.g_common .ys_l li h5,.g_common .ys_r li h5{font-size: 24px; color: #004dbc; line-height: 40px;}
.g_common .ys_m{text-align: center; width: 420px; height: 380px; overflow: hidden; float: left; margin-left: -20px;}
.g_common .ys_m img{ width: 242px; height: 313px; position: relative;}
.g_common .ys_m p{line-height: 28px; font-size: 16px; color: #606060; position: relative;}
.g_common .ys_m p .tips{position: absolute; top: 5px; width:42px ; height:42px ;}
.g_common .ys_r{text-align: left; margin-left: -20px;}

/*校区环境*/
.huanjing{background:#fff; padding:60px 0; width:100%}