@charset "gb2312";
/* 1.BODY
---------------------------------------------------------------------- */
body{padding:0;font-family:"Microsoft YaHei"; margin:0 auto;-webkit-text-size-adjust: none; width:100%;overflow-x: hidden; font-size:100%; background: #ffffff; max-width: 640px; min-width: 320px; color: #333;}
ol,ul{list-style:none}
*{	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
ul,li,input,h1,h2,h3,h4,p,span,b,dl,dt,dd,header,menu,section,footer,nav,article{ margin:0; padding:0;font-weight: normal;}
ul,li{ list-style:none;}		
img{border:0; display: block;}
em{ font-style:normal;}
a{ text-decoration:none; color:#333;}
/*****************************************************************************/

.clear {
    clear: both;
    height: 0
}

.clearflx::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}


.czs-face,
.czs-major,
.czs-environmental,
.czs-success,
.czs-form {
    padding: 0% 3% 5%;
    background-color: #fff;
}

.czs-interest,
.czs-education,
.czs-student,
.czs-teacher {
    padding: 0% 3% 5%;
    background-color: #f8f8f8;
}

.czs-title h2 {
    font-size: 1.25rem;
    font-weight: bold;
    text-align: center;
    line-height: 3;
    background: url(../images/czs_02.png) no-repeat 20% center;
    background-size: 12% 93%;
    transform: translateY(50%);
}

.czs-title h2 span,
.czs-education ul li p span {
    color: #ffa800;
	font-weight: bold;
}

.czs-title h3 {
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0rem 0rem 10px #ffe090;
    margin-bottom: 5%;
}

.face-content {
    position: relative;
}

.czs-face .face-content>p {
    width: 75%;
    font-size: 0.8rem;
    background-color: #fff7e4;
    border-radius: 12px;
    margin-left: 25%;
    transform: translateY(-15%);
    padding: 3%;
	line-height: 1.6;
    box-sizing: border-box;
}

.czs-face .face-content .face-img2 {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 17%;
}

.czs-face .face-content .face-img3 {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 4%;
}

.czs-face .face-content .face-img4 {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 17%;
}

.czs-face ul.flex li {
    width: 49%;
    margin-top: 2%;
}

.czs-face ul.flex li.face-text {
    width: 51%;
    background-color: #f6f6f6;
    padding: 3%;
    box-sizing: border-box;
}

.czs-face ul.flex li.face-text p {
    font-size: 0.9rem;
}

.czs-face ul.flex li.face-text a {
    display: block;
    width: 50%;
    font-size: 1rem;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    background-color: #fec420;
    box-shadow: 3px 3px 0rem #ddba56;
    margin-left: 50%;
    margin-top: 5%;
}

.czs-chat {
    display: block;
    width: 70%;
    font-size: 1rem;
    line-height: 2.2;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    background-image: linear-gradient(left, #ff7644, #ed5249);
    background-image: -webkit-linear-gradient(left, #ff7644, #ed5249);
    margin: 3% auto 0;
    box-shadow: 3px 3px 3px #c1c1c1;
}

.czs-interest .czs-title h2 {
    background-position-x: 0;
}

.czs-interest ul li,
.czs-education ul li,
.czs-environmental ul li,
.czs-success ul li,
.czs-form .form-box li {
    width: 49%;
    margin-bottom: 2%;
}

.czs-major .czs-title h2 {
    background-position-x: 13%;
}

.czs-major h4 {
    position: relative;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 2.4;
    text-align: center;
    color: #fff;
    background-image: linear-gradient(left, #fdd003, #f9a310);
    background-image: -webkit-linear-gradient(left, #fdd003, #f9a310);
}

.czs-major h4::after {
	content: "";
    position: absolute;
    bottom: -7px;
    left: 48%;
    display: block;
    width: 0;
    height: 0;
    border-left: transparent solid .5rem;
    border-right: transparent solid .5rem;
    border-top: #fbb90a solid .5rem;
}

.czs-major ul li {
    width: 44%;
    margin: 3% 3% 0;
    background-image: linear-gradient(left, #f27b13, #f7a41b);
    background-image: -webkit-linear-gradient(left, #f27b13, #f7a41b);
    border-radius: 8px;
}

.czs-major ul li h5 {
    position: relative;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 2;
    border-bottom: #fff dashed 1px;
	margin: 0;
}

.czs-major ul li h6 {
    font-size: 0.8rem;
    line-height: 2;
    color: #fff;
    text-align: center;
	margin: 0;
}

.czs-major ul li img {
    width: 90%;
    margin: 2% auto 5%;
}

.czs-major ul li h5::before,
.czs-major ul li h5::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 80%;
    width: 0;
    height: 0;
    border-top: transparent solid .1rem;
    border-bottom: transparent solid .1rem;
    border-left: #fff solid .1rem;
}

.czs-major ul li h5::after {
    border-left: 0;
    border-right: #fff solid .1rem;
    left: auto;
    right: 0;
}

.czs-major ul li:nth-of-type(2) {
    background-image: linear-gradient(left, #602b00, #974400);
    background-image: -webkit-linear-gradient(left, #602b00, #974400);
}

.czs-major ul li:nth-of-type(3) {
    background-image: linear-gradient(left, #980087, #c800b3);
    background-image: -webkit-linear-gradient(left, #980087, #c800b3);
}

.czs-major ul li:nth-of-type(4) {
    background-image: linear-gradient(left, #006a84, #3298af);
    background-image: -webkit-linear-gradient(left, #006a84, #3298af);
}

.czs-education ul li p {
    text-align: center;
    margin-top: 4%;
	font-size: 0.8rem;
}

.czs-education ul li p::before {
    content: "";
    display: block;
    width: 15%;
    height: 1px;
    background-color: #ffa800;
    margin: 0 auto
}

.czs-student ul,
.czs-student ol {
    background-color: #ffbe00;
}

.czs-student ul li:first-child {
    width: 45%;
}

.czs-student ul li:last-child {
    width: 55%;
    padding: 2%;
    box-sizing: border-box;
}

.czs-student ul li p {
    font-size: 0.7rem;
    line-height: 1.6;
}

.czs-student ol {
    margin-top: .1rem;
    padding: .2rem;
    box-sizing: border-box;
}

.czs-student ol li {
    width: 47%;
    border: #fff1d2 solid 1px;
}

.czs-success .czs-title h2 {
    background-position-x: 13%;
}

.czs-success ul li a {
    position: relative;
    display: block;
    width: 100%;
}

.czs-success ul li a p {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(255, 168, 0, .7);
    width: 100%;
    font-size: 0.9rem;
    text-align: center;
    color: #fff;
    line-height: 1.8rem;
}

.czs-success ul li>p {
    line-height: 1.8;
	font-size: 0.8rem;
}

.czs-teacher .teacher-text {
    position: relative;
    ;
    overflow: hidden;
    ;
    background-color: #ffbe00;
    padding: 6% 3%;
    box-sizing: border-box;
}

.czs-teacher .teacher-text h4 {
    font-size: 1.125rem;
    font-weight: bold;
    text-align: center;
    color: #6d5100;
	line-height: 0.5;
}

.czs-teacher .teacher-text h5 {
    text-transform: uppercase;
    font-size: 1rem;
    text-align: center;
    color: #6d5100;	
	font-weight: normal;
}

.czs-teacher .teacher-text p {
    font-size: 0.8rem;
    color: #6d5100;
    text-indent: 2em;
    margin-top: 3%;
	line-height: 1.6;
}

.czs-teacher .teacher-text span {
    position: absolute;
    left: 0;
    top: -.4rem;
    display: block;
    font-size: .7rem;
    font-weight: bold;
    color: #ffcc38;
    text-transform: uppercase;
}

.czs-teacher .teacher-text span:last-child {
    left: auto;
    top: auto;
    right: 0;
    bottom: -.45rem;
}

.czs-form .form-box {
    background-color: #edeae7;
    border: #d6d1ca solid .1rem;
    border-top: 0;
    margin-top: 3%;
}

.czs-form .form-box form {
    padding: .2rem .3rem
}

.czs-form .form-box li p {
    font-size: .22rem;
    color: #897f67;
}

.czs-form .form-box li input {
    width: 100%;
    background-color: #fff;
    border-radius:6px;
    border: none;
    box-shadow: 3px 3px 3px #c1c1c1;
    font-size: 0.8rem;
    line-height: 2;
    color: #6b6b6b;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-left: 5%;
    box-sizing: border-box;
}

.czs-form .form-box .login {
    display: block;
    width: 33%;
    background: url(../images/czs_40.jpg) no-repeat center;
    background-size: 100%;
    border: none;
    margin: 5% auto;
    cursor: pointer;
    height: 20px;
}