﻿
html,body {font-size:125%;}


@media only screen and (max-width: 750px), only screen and (max-device-width:750px) {
    html,body {
        font-size:125% !important;
    }
}
@media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
    html,body {
        font-size:120% !important;
    }
}
@media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
    html,body {
        font-size:107% !important;
    }
}
@media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
    html,body {
        font-size:100% !important;
    }
}
@media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
    html,body {
        font-size:90% !important;
    }
}
@media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
    html,body {
        font-size:80% !important;
    }
}
@media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
    html,body {
        font-size:70% !important;
    }
}
@media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
    html,body {
        font-size:67% !important;
    }
}
@media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
    html,body {
        font-size:62.5% !important;
    }
}
@media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
    html,body {
        font-size:60% !important;
    }
}
@media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
    html,body {
        font-size:54% !important;
    }
}


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,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; outline:0;  vertical-align:baseline; background:transparent; box-sizing:border-box;}
body{line-height:1;}
:focus{outline: 1;}
ul{list-style:none;}
a{margin:0; padding:0; border:0; vertical-align:baseline; background:transparent; text-decoration: none;}
a{text-decoration: none; color: #000;}
a, button, input, optgroup, select, textarea{-webkit-tap-highlight-color: rgba(0,0,0,0);}
input, select{vertical-align:middle;}
.Img{display: block; width: 100%;}
/*按钮*/
.n-wrapper{width: 100%; max-width: 750px; padding-top: 4.5rem; margin: 0 auto; padding-bottom:5rem;}
.n-ckxf-title{font-size: 2rem; color: #000; text-align: center;font-weight: bold;}
.n-ckxf-info{/*position: relative;*/ color: #000000; width: 100%; background-color: #fdf3e5; font-size:1.2rem; text-align: center; /*margin-top: 0.18rem;*/}
.n-ckxf-info li{height: 100%;}
.n-ckxf-info p{position: relative; padding-left: 1rem; display: inline-block;}
.n-ckxf-info p:before{position: absolute; top: 50%; left: -0.75rem; transform: translateY( -50%); content: " "; display: block; width:1.3rem; height:1.3rem; background: url(../images/icon_anon.png) no-repeat; background-size: 100%;}
.n-ckxf-info span{color: #ea2323;}
.common-form1{margin-top:1.8rem;}
.common-form1 li{font-size: 0; position: relative; padding-left:2.5rem; border: 0.1rem solid #696969; height:3.5rem; line-height:3.5rem; width: 100%; border-radius:2rem; box-sizing: border-box;}
.common-form1 li input::-webkit-input-placeholder{color:#000;}
.common-form1 li input::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#000;}
.common-form1 li input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#000;}
.common-form1 li input:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#000;}
.common-form1 li input, .common-form1 li select{width: 80%; height: 3.25rem; background: none; outline: none; border: 0px; font-size:1.5rem;}
.common-form1 li span.icon{vertical-align: top; margin-right:1rem; font-size:2rem;}
.common-form1 .common-form1-btn{font-size:1.8rem; text-align: center; height:4rem; line-height:4rem; color: #fff; margin-top:2.1rem; background-color: #cc1b34; border-radius:2rem;}
#announceDiv{margin-top: 0.9rem; height:2.65rem; line-height:2.65rem; overflow: hidden;}
.kcsj-box-btn1 a{width: 100%; height:100%;}
.m-modal-box2{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(55,61,65,.4); display: none;}
.n-ckxf{padding: 3.15rem 1.5rem;background-color: #fff;}

body{font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
.font-l{font-size:2.4rem; text-align: center;}
.com-btn{text-align: center; width: 80%; height:4rem; line-height: 4rem; background-color: #fdebb3; color: #000; font-size:1.8rem; margin: 0 auto; border-radius: 2rem;}
/*前景start*/
.kf-qj{padding:2.35rem 1.5rem 3.7rem; color: #692b14;}
.kf-qj-box{margin-top:1.85rem; display: flex; justify-content: space-between; text-align: center; font-size:1.3rem;}
.kf-qj-box li{width: 30.3%;}
.kf-qj-box img{width: 60%; /*display: block;*/}
.kf-qj-box li p span{color: #e41414; font-size:1.6rem;}
.kf-qj-box li p{margin-top: 0.5rem; line-height:1.75rem;}
/*前景end*/
/*课程内容 start*/
.kf-kc{padding: 2.35rem 1.5rem 3.7rem; background: url("../images/bg_15.jpg"); background-size: 100%; color: #fff;}
.kf-kc-box{margin-top: 1.5rem;}
.kf-kc-box li{display: flex; justify-content: space-between; margin-top: 0.5rem; height:10rem;}
.kf-kc-box li .fl,.kf-kc-box li .fr{font-size:1.2rem; width: 49.2%; background-color: rgba(86,66,60,0.6);}
.kf-kc-box li .fl{display: flex; align-items: center; justify-content: space-between; padding: 0 1rem; font-size:1.6rem; line-height: 1.9rem; /*border-radius: 50% 0 0 40% ;*/}
.kf-kc-box li .fr{display: flex; justify-content: center; align-items: center;}
.kf-kc-box li .fr p{text-align: center; padding: 0 1.5rem; line-height: 1.5rem;}
.kf-kc-box li .fl .kc-box-img{width: 57%;}
.kc-box-text{margin-left: 1rem;}
/*课程end*/
.kf-ys{padding: 2.35rem 1.5rem 2.85rem;}
.kf-ys-box{margin-top: 1.6rem;}
.kf-ys-box li{display: flex;}
.kf-ys-box li .fl,.kf-ys-box li .fr{width: 50%;}
.kf-ys-box li .fr{display: flex; align-items: center; flex-direction: column; justify-content: center; background-color: #9a7c72; color: #fff; font-size:1.2rem;}
.kf-ys-box li .fr p{padding: 0 0.1rem; text-align: center; margin-top:1rem; line-height:1.5rem;}
/*品牌优势 start*/
.n-advantage{/*position: relative;*/ width: 100%; /*height: 9.8rem;*/ background: url("../images/pp-bg.jpg") no-repeat; background-size: cover;}
.n-advantage-blur{padding-top: 2.25rem; padding-bottom: 2.5rem; /*position: absolute;*/ /*top: 0;*/ /*left: 0;*/ /*width: 100%;*/ /*height: 100%;*/ background-color: rgba(86,66,60,0.93);}
.n-advantage-cont{font-size: 1.2rem; margin-top: 2.15rem; padding: 0 1.5rem; color: #fff; display: flex; flex-wrap: wrap; /*align-items: center;*/ justify-content: center;}
.n-advantage-cont li{/*display: flex;*/ text-align: center; width: 49%; /*height: 2.7rem;*/ background-color: rgba(255,255,255,0.1); box-sizing: border-box; padding-top: 2.1rem; padding-bottom:1.95rem;}
.n-advantage-cont li span{color: #fcc840; font-size: 3.5rem;}
.n-advantage-cont li p.mar{color: #fcc840; margin-top:1rem; margin-bottom: 0.75rem;}
.n-advantage-cont li p.lin{line-height:1.8rem; width:13.5rem; margin: 0 auto;}
/*品牌优势 end*/
.kf-hj{padding: 1.9rem 0 3.8rem;}
.kf-hj-box{margin: 1.75rem 1.5rem 0; justify-content: space-between; display: flex;}
.kf-hj-box .fl{width: 66%;}
.kf-hj-box .fr{width: 31.8%;}
.kf-hj-box .m13{margin-top: 0.65rem;}
.kf-teacher{padding:1.1rem 0 1.8rem; background-color: #58433b; color: #fff;}
.kf-teacher-box{padding: 0 1.5rem;}
.teacher-box-top{display: flex; justify-content: space-between; margin-top: -0.7rem;}
.teacher-box-top .box-top-left{width: 15.65rem; background: url("../images/kf-teacher.png") no-repeat; background-size: 100%; height: 22.2rem;}
.teacher-box-top .box-top-right{background-color: #44322c; width:18rem; font-size:1.2rem; padding-left:1.5rem; margin-top:2.8rem;}
.teacher-box-top .box-top-right .text_l-t{font-size:1.5rem; margin-top: 0.75rem;}
.teacher-box-top .box-top-right .text_s-t{width:5.5rem; height: 1.85rem; border: 0.05rem solid #fff; text-align: center; font-size:1.5rem; line-height:1.85rem; border-radius: 1.5rem; margin: 1.15rem 0 0.8rem;}
.teacher-box-top .box-top-right p{line-height:1.5rem;}
.teacher-box-bottom{margin-top: 0.9rem; display: flex; justify-content: space-between;}
.teacher-box-bottom li{width: 23%;}
/*校企合作 start*/
.xc-jy{color: #000; padding:2.4rem 0 3rem; text-align: center;}
.xc-jy .font-s{font-size:1.3rem; margin: 1rem auto 0; /*width: 64%;*/ /*line-height: 0.3rem;*/}
.xc-jy-box1{margin:1.2rem 1.5rem 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.xc-jy-box1 li{width: 6.2rem; margin-left: 0.85rem; box-shadow:0px 0px 0.05rem #000;}
.xc-jy-box1 li:nth-child(n+6){margin-top: 0.9rem;}
.xc-jy-box1 li img{width: 100%; display: block;}
.xc-jy-box2{padding: 0 1.5rem; width: 100%;}
.xc-box2-title{display: flex; justify-content: space-around; height: 3.5rem; line-height: 3.5rem; font-size: 1.5rem; color: #fff; background-color: #bd1f35; text-align: center; margin-top: 1.5rem;}
.xc-box2-title li{width: 25%; font-weight: 600;}
.xc-box2-title li:nth-child(1){width: 20%;}
.xc-box2-title li:nth-child(2){width: 30%;}
.xc-box3-con{height:12rem; overflow: hidden; border: 0.05rem solid #DCDCDC; border-top: none;}
.xc-box3 li{display: flex; justify-content: space-between; font-size:1.2rem; color: #000; text-align: center; height:3rem; line-height:3rem; border-bottom: 0.05rem solid #DCDCDC;}
.xc-box3 li:last-child{border: none;}
.xc-box3 li div{width: 25%;}
.xc-box3 li div:nth-child(1){width: 20%;}
.xc-box3 li div:nth-child(2){width: 30%;}
/*校企合作end*/
.xc-kd{background: #58433b; color: #fff; padding: 2.4rem 0 3rem; text-align: center;}
.xc-kd .font-s{font-size:1.3rem; margin:1rem auto 0; width: 64%; /*line-height: 0.3rem;*/}
.n-xd-cy{padding-top: 2.15rem; padding-bottom: 2.15rem;}
.xc-kd-box{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 2rem 1.5rem 0;}
.xc-kd-box li{width: 48%;}
.xc-kd-box li:nth-child(n+3){margin-top:2rem;}
.xc-kd-box li p{height:2.35rem; line-height: 2.35rem; color: #000; font-size: 1.2rem; text-align: center; background-color: #fdebb3;}
