*{transition:all .4s}
figure{margin:0;padding:0}
#public{width:100%;margin:0 auto}
#public i{margin-right:5px}
#public a:hover{transform:scale(1.1)}
#public h1,#public h2{font-family:"Microsoft YaHei";text-align:center}
.public_plan h1{font-size:2.9em;color:#fe5f3f}
#public h2{font-size:2.8em;line-height:1.55em}
.public_interview h3{width:15%;font-size:2em;color:#dc5c3f;text-align:center}
.public_interview h3>figure{width:170px;height:170px;background:#FFF;border-radius:50%;line-height:160px;margin:0 auto 4%}
.public_interview:nth-of-type(2) h3>figure{background:#f6f7f7}
.public_interview h3>figure img{width:60%;vertical-align:middle}

.rowflex{display:flex;flex-wrap:wrap;display:-ms-flexbox}
.public1200{width:1200px;margin:0 auto}
.bgpadding{padding:3% 0}
.bgcolor0{background:#FFF}
.bgcolor1{background:#dc5c3f}
.bgcolor2{background:#eaeaea}
.bgcolor3{background:#fff9d9}
.bgcolor4{background:#ffebe2}

/*pa1*/
.public_why h2{color:#1f3566}
.why_box>dl{width:21%;margin:0 auto;padding:7% 2%;font-weight:700;background:no-repeat center center}
.why_box>dl:nth-child(1){background-image:url(/screen/File/images/scr_p_publicexam_1_m1.png)}
.why_box>dl:nth-child(2){background-image:url(/screen/File/images/scr_p_publicexam_1_m2.png)}
.why_box>dl:nth-child(3){background-image:url(/screen/File/images/scr_p_publicexam_1_m3.png)}
.why_box>dl:nth-child(4){background-image:url(/screen/File/images/scr_p_publicexam_1_m4.png)}
.why_box>dl>dt{font-size:2em;line-height:1.55em;font-weight:700;text-shadow:0 0 6px #FFF,0 0 6px #FFF,0 0 6px #FFF,0 0 6px #FFF,0 0 6px #FFF,0 0 15px #FFF;text-align:center}
.why_box>dl>dt a{color:#f9211a;text-decoration:none;display:inline-block}
.why_box>dl>dd{font-size:1.3em;line-height:1.6em;text-align:left}

.course_box{width:90%;margin:1% auto}
.course_box>dl{width:25%;margin:0 auto;text-align:center;color:#FFF}
.course_box a{color:#FFF;display:inline-block}
.course_box>dl>dt{font-size:1.8em;font-weight:bold;margin:0 auto 3%}
.course_box>dl>dt figure{width:140px;height:140px;background:#f6f7f7;border-radius:50%;line-height:140px;margin:0 auto 2%}
.course_box>dl>dt figure>img{width:56%;vertical-align:middle}
.course_box>dl>dd{font-size:1.25em;line-height:1.6em}

.interview_content{width:80%;margin:0 auto 0 5%;text-align:left;}
.interview_content p,.interview_content li{font-size:1.15em;line-height:1.6em}
.interview_content p{margin:0 auto 2%}
.interview_sub{font-size:1.4rem;color:#dc5c3f;font-weight:bold}
.interview_content ol{list-style:decimal;margin:.5% auto 2.5%}
.public_interview:nth-of-type(2) .interview_content ol:last-child{margin-bottom:0}
.interview_content li{margin:0 auto 0 3%}

/*TABLE*/
.public_table{min-width:100%;display:table;border-collapse:collapse;overflow:hidden;padding:0;margin:1% 0 0;font-size:1.1em;line-height:1.55em;background:#FFF;}
.public_table td:before{display:none}
.public_table th,.public_table td{display:table-cell;border-bottom:1px #d15e43 dotted}
.public_table th{text-align:center;padding:1.2% 1% .8%}
.public_table td{text-align:left;padding:1%;vertical-align:top}
.public_table .type{text-align:center;vertical-align:middle;color:#d15e43;font-weight:700}

.price .public_table th{font-size: 1.4rem;}
.price .public_table td{text-align: center;vertical-align:middle;padding: 1rem;}



.interview_photo{margin:1% auto 0}
.interview_photo li{list-style:none;display:inline}

.plan_bg{margin:3% auto 2%}
.plan_bg dl{width:20%;text-align:center;margin:0 auto}
.plan_bg dt{font-size:1.7em;background:#dc5c3f;color:#FFF;font-weight:bold;position:relative;margin:0 auto 0 0;width:88%}
.plan_bg dt:after{content:"";position:absolute;width:0;height:0;top:0;right:-15px;border-style:solid;border-width:18px 0 18px 15px;border-color:transparent transparent transparent #dc5c3f}
.plan_bg dd{font-size:1.2em;line-height:1.6em;color:#052057}
.plan_bg dd:before{content:'．'}
.plan_bg dd:nth-of-type(1):before{content:''}
.plan_bg dd>figure{margin:5% auto 1%}
.plan_note{text-align:center;color:#d05e44;font-size:1.3em;margin:3% auto;font-weight:bold}

.navlink{font-size:1.5em;font-weight:bold;text-align:center}
.navlink a{display:inline-block;background:#d01510;color:#FFF;padding:.7% 2%;text-decoration:none;border-radius:15px}

/*好成績*/
.public_media h2{color:#e70012}
.media_content{width:96%;margin:1% auto 2.5%;padding:2.5% 2%;background:#FFF;position:relative;box-shadow:5px 6px 0 rgba(143,143,139,0.32);-webkit-box-shadow:5px 6px 0 rgba(143,143,139,0.32);-moz-box-shadow:5px 6px 0 rgba(143,143,139,0.32)}
.media_content:last-child{margin-bottom:0}
.student{width:25%;text-align:left;position:relative}
.student .name{font-size:1.45em;line-height:1.2em;font-weight:700;margin:0 auto 2%}
.student .gra{font-size:1rem;margin-left:1%}
.student .stuget{width:100%;position:relative}
.get_red{position:absolute;width:45px;height:45px;top:5px;left:0;background:#e50112;color:#FFF;font-size:1.1em;line-height:45px;text-align:center;border-radius:50%;font-weight:700;vertical-align:middle}
.get_school{width:80%;position:relative;font-size:1.15em;line-height:1.45em;top:10px;left:50px;color:#e50112;font-weight:700;margin:0 auto 0 0}
.mediaText{width:71%;text-align:left;padding:0.5% 0 0.5% 2%;vertical-align:top;border-left:3px solid #e50112}
.mediaText p{font-size:1.1em;line-height:1.7em;margin-right:1%}
.stuImg{width:19%;float:right;text-align:right;margin:0 auto 1%}
.mediaText a{color:#e50112;text-decoration:none;font-weight:700}
.grade_more{text-align:center;margin:3% auto 1%;font-size:1.4em}
.grade_more a{background:#e50112;color:#FFF;padding:.5% 2%;border-radius:30px;text-decoration:none}

#topbutton{display:block}
#topbutton a{color:#FFF;text-decoration:none}

@media all and (min-width: 1px) and (max-width: 767px){
#public h2{font-size:1.5em}
.why_box>dl{width:46%}
.why_box>dl>dt{font-size:1.5em}
.why_box>dl>dd{font-size:1.15em;font-weight:normal}
.course_box{width:96%}
.course_box>dl{width:50%;margin:3% auto}
.course_box>dl>dt{font-size:1.5em}
.course_box>dl>dt figure{width:100px;height:100px;line-height:100px}
.course_box>dl>dd{font-size:1.2em}
.public_interview h3,.interview_content{width:100%;margin:1% auto}
.public_interview h3{font-size:1.8em}
.public_interview h3>figure{width:100px;height:100px;line-height:90px;margin:0 2% 1% auto;display:inline-block}
.interview_content p, .interview_content li{font-size:1em}
.interview_content p{margin:0 auto 3%}
.interview_photo li{display:block;margin:auto;text-align:center}
.interview_sub{font-size:1.25em}
.interview_content ol{margin:1% auto 3%}
.interview_content li{margin:0 auto 0 8%}
/*TABLE*/
.public_table{font-size:1em}
.public_table tr:nth-of-type(2n){background:#FFFCE8}
.public_table th,.public_table td{margin:1% 3%;text-align:left}
.public_table th{display:none}
.public_table td{display:block}
.public_table td:before{content:attr(data-th) "：";font-weight:700;width:5.3em;text-align:left;display:inline-block}
.public_table th,.public_table td:before{color:#000;font-weight:700}
.public_table .type{text-align:left;padding:1%}
.price .public_table td{text-align: left;vertical-align:middle;padding: 0.5rem;}
.price .public_table td:before{content:attr(data-th) "：";font-weight:700;width:auto;text-align:left;display:inline-block}
.public_plan h1{font-size:2em}
.plan_bg dl{width:50%;margin:2% auto}
.plan_bg dt{font-size:1.3em;padding:4px 0;height:28px}
.plan_bg dd{font-size:1em}
.plan_note{font-size:1.2em}
.navlink{margin:4% auto 1%;font-size:1.25em}
.navlink a{padding:1% 5% 1.5%;border-radius:10px}
.media_content{width:94%;padding:4% 3%;margin:2% auto 4%}
.media_content:last-child{margin-bottom:5%}
.student,.mediaText,.mediaText p,.stuImg{width:100%}
.mediaText{border-left:0;border-top:3px solid #e50112;margin:3% auto 0;padding:3% 0 1%}
.mediaText p{font-size:1em}
.stuImg{float:none;text-align:center;margin:auto}
.get_red{display:inline-block;position:relative;top:0;left:0}
.get_school{display:inline-block;vertical-align:middle;left:5px;top:0}
#topbutton{bottom:15%}
}
@media all and (min-width: 768px) and (max-width: 1200px){   
#public h2{font-size:2.4em}
.why_box>dl{width:40%;padding:5%}
.course_box{width:96%}
.course_box>dl>dt figure{width:120px;height:120px;line-height:120px}
.public_interview h3{width:24%}
.interview_content{width:73%;margin:0 auto 0 3%}
.public_interview h3>figure{width:130px;height:130px;line-height:120px}
.interview_photo li{width:24.5%;margin:0 auto;display:inline-block}
.interview_photo li img{width:100%}
.plan_bg dl{width:33.3%;margin:2% auto}
.stuImg{width:16%}
.stuImg img{width:100%}
.student{width:28%}
.mediaText{width:68%;margin-left:1.5%;padding:.5% 0 .5% 1.5%;border-left-width:2px}
.get_school{font-size:1rem;left:40px}
.get_red{width:35px;height:35px;line-height:35px;font-size:.85rem}
.mediaText p{font-size:1rem}
} 
@media all and (max-width:1200px){
.course_master_pc{display:none}
.public1200{width:96%}
.bgpadding{padding:3% 2%}
.why_box>dl{background:top center/100%}
}