.about-banner {
    max-width: 1920px;
    margin: 0 auto;
}

.about-tit {
    padding: 10px 0;
    text-align: center;
}

.about-tit .p1 {
    font-size: 30px;
    font-weight: 600;
    color: #00479d;
    padding: 0 10px;
    line-height: 55px;
}

.about-tit .p2 {
    text-transform: uppercase;
    font-size: 32px;
    padding: 0 10px;
    color: #c9c9c9;
    line-height: 55px;
    height: 45px;
    font-family: 'Futura';
}

.about-tit .p3 {
    text-transform: uppercase;
    font-size: 25px;
    padding: 0 10px;
    color: #c9c9c9;
    line-height: 25px;
    height: 25px;
    font-family: 'Futura';
}

.about {
    padding-top: 20px;
}

.about .about-list {
    margin: 0px 0 40px;
    overflow: hidden;
    /* background: #efefef; */
    padding: 40px;
}

.about .about-list ul {
    text-align: center;
}

.about .about-list ul li {
    float: left;
    margin: 0 0px;
    width: 20%;
    text-align: center;
}

.about .about-list .pic {
    padding: 10px 0;
    font-size: 46px;
    color: #00479d;
    font-family: 'Futura';
}

.about .about-list .txt {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.about .about-list .txt span {
}

.about .about-txt {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    /*text-align: center;*/
}

.about .about-btn ul {
    text-align: center;
    margin: 40px 0 40px;
}

.about .about-btn ul li {
    display: inline-block;
    margin: 0 10px;
    width: 120px;
    font-size: 0;
    height: 40px;
}

.about .about-btn ul li a {
    display: block;
    border: 1px solid #999;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    border-radius: 10px;
    color: #666;
}

.about .about-btn ul li a:hover {
    display: block;
    border: 1px solid #999;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    background: #00479d;
    color: #fff;
}

.culture {
    padding: 40px 0;
    background: #bdbdc5;
}

.culture .about-tit {
    padding: 10px 0;
    text-align: center;
}

.culture .about-tit .p1 {
    color: #00479d;
}

.culture .about-tit .p2 {
    color: #c9c9c9;
}

.culture .about-tit .p3 {
    color: #c9c9c9;
}

.culture .container {
    padding: 30px 0;
}

.culture .culture-box {
    padding: 10px 0;
    max-width: 800px;
}

.culture .culture-box .p1 {
    font-size: 14px;
    color: #252525;
    text-align: center;
}

.culture .tab-culture {
}

.culture .tab-culture ul {
    text-align: center;
}

.culture .tab-culture ul li {
    display: inline-block;
    width: 125px;
    height: 152px;
    margin: 2% 1%;
    text-align: center;
    border-radius: 7px;
    background: #f6f6f6;
}

.culture .tab-culture ul li.cur {
    background: rgba(231,191,120, 0.5);
}

.culture .tab-culture ul li i {
    display: block;
    width: 72px;
    height: 72px;
    font-size: 26px;
    color: #fff;
    font-style: normal;
    font-weight: bold;
    line-height: 72px;
    text-align: center;
    margin: 20px auto;
    border-radius: 50%;
    overflow: hidden;
    background: #e7bf78;
}

.culture .tab-culture ul li i {
}

.culture .tab-culture ul li p {
    font-size: 15px;
    color: #252525;
}

.culture .txt-culture {
}

.culture .txt-culture .culture-content {
    border-radius: 20px;
    overflow: hidden;
}

.culture .txt-culture .culture-content .culture-item {
    display: none;
    padding: 20px;
    background: #fff;
    overflow: hidden;
}

.culture .txt-culture .culture-content .culture-item:nth-of-type(1) {
    display: block;
}

.culture .txt-culture .culture-content .culture-item .pic {
    float: right;
    width: 46%;
}

.culture .txt-culture .culture-content .culture-item .txt {
    float: left;
    width: 54%;
    padding: 30px;
    font-size: 14px;
    line-height: 2;
}

.culture .txt-culture .culture-content .culture-item .txt .p1 {
    font-size: 38px;
    color: #3a3a3a;
    font-weight: bold;
    text-transform: uppercase;
}

.culture .culture-content .culture-item .txt .p2 {
    font-size: 30px;
    color: #e7bf78;
    padding: 25px 0;
}

.culture .txt-culture .culture-content .culture-item .txt .p3 {
    font-size: 16px;
    color: #3a3a3a;
    height: 120px;
}

.history {
    padding: 30px 0;
    background: #ffff;
}

.history .course_box {
    display: none;
    padding: 40px 80px;
    margin: 20px 0;
    background: #fff;
    overflow: hidden;
    box-shadow: 1px 1px 10px rgba(82,82,82,0.15);
}

.history div:nth-of-type(2) {
    display: block;
}

.history .course_box .pic {
    width: 43%;
}

.history .course_box .pic img {
    /* width:346px; */
    height: 235px;
}

.history .course_box .txt {
    width: 55%;
}

.history .course_box .txt h3 {
    font-size: 24px;
    color: #ca2317;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}

.history .course_box .txt p {
    font-size: 14px;
    color: #3a3a3a;
    background: url(../images/history-icon.jpg) no-repeat 0 10px;
    padding: 0 0 10px 15px;
}

.yearNav {
    width: 100%;
    background: url(../images/course_icon_1.png) no-repeat center top;
    padding: 19px 0 30px 0;
    overflow: hidden;
    position: relative;
}

.yearNav a.Prev {
    position: absolute;
    left: 30px;
    top: 39px;
    width: 26px;
    height: 20px;
    background: url(../images/left1.png) no-repeat center center;
}

.yearNav a.Next {
    position: absolute;
    right: 30px;
    top: 39px;
    width: 26px;
    height: 20px;
    background: url(../images/right1.png) no-repeat center center;
}

.yearNav .bd_box {
    width: 1072px;
    padding-left: 88px;
    height: 58px;
    line-height: 58px;
    overflow: hidden;
}

.yearNav .bd_box ul li {
    float: left;
    width: 134px;
    font-size: 16px;
    height: 58px;
    line-height: 58px;
    cursor: pointer;
}

.yearNav .bd_box ul .on {
    font-size: 17px;
    color: #ca2317;
}

.culture-idea {
    margin: 5% 0 2%;
}

.culture-idea ul {
}

.culture-idea ul li {
    float: left;
    width: 23.5%;
    padding: 40px 10px;
    margin: 0.75%;
    border: 1px solid #dedede;
    box-sizing: border-box;
    text-align: center;
}

.culture-idea ul li i {
    display: inline-block;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.culture-idea ul li img {
    max-width: 100%;
    -webkit-transition: all 1s ease;
}

.culture-idea ul li h3 {
    font-size: 20px;
    color: #000;
    margin-bottom: 30px;
    text-align: center;
}

.culture-idea ul li span {
    display: block;
    margin: 25px auto;
    width: 15%;
    border: 1px solid #fff;
    -webkit-transition: all 1s ease;
}

.culture-idea ul li:hover span {
    width: 35%;
}

.culture-idea ul li p {
    font-size: 14px;
    color: #3a3a3a;
    margin-bottom: 0;
    line-height: 1.75;
    min-height: 60px;
}

.culture-idea ul li:hover {
    background: #e7bf78;
}

.culture-idea ul li:hover img {
    transform: translate(0px,-78px);
}

.culture-idea ul li:hover p {
}

.store {
    height: 780px;
    background: url(../images/store-bg.jpg) no-repeat top center;
}

.store .more a {
    display: block;
    width: 130px;
    height: 50px;
    line-height: 50px;
    margin: 700px auto 0;
    text-align: center;
    color: #3a3a3a;
    background: #e7bf78;
}

.honor {
    padding: 30px 0;
    overflow: hidden;
    background: #f6f6f6;
}

.honor .poster-main {
    margin: 50px auto;
}

.poster-main {
    position: relative;
    margin: 0 auto;
}

.poster-main .poster-list .poster-item {
    position: absolute;
    left: 0;
    top: 0;
}

.poster-main .poster-list li {
    text-align: center;
}

.poster-main .poster-list li a {
    font-size: 14px;
    color: #fff;
}

.poster-main .poster-btn {
    position: absolute;
    top: 0;
    cursor: pointer;
}

.poster-main .poster-prev-btn {
    left: 0;
    background: url("../images/btn_left.png") no-repeat center center;
}

.poster-main .poster-next-btn {
    right: 0;
    background: url("../images/btn_right.png") no-repeat center center;
}

.honor .more a {
    display: block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    background: #00479d;
}

.join-title {
    text-align: center;
}

.join-title .en {
    height: 86px;
}

.join-title .china {
    font-size: 50px;
    color: #3e3e3e;
    height: 60px;
}

.join-title span {
    display: inline-block;
    width: 80px;
    height: 4px;
    background: #d01c6f;
}

.join-message {
    padding: 50px 0 40px 0;
    background: #fff;
}

.msg-box {
    border: 1px solid #dadada;
    background: #fff;
    overflow: hidden;
    padding: 15px 25px 35px;
    margin-top: 40px;
}

.msg-list {
    float: left;
    width: 50%;
    margin-top: 20px;
    position: relative;
}

.msg-list label {
    display: block;
    left: 1px;
    line-height: 35px;
    outline: 0 none;
    position: absolute;
    text-align: center;
    top: 1px;
    width: 90px;
    font-size: 14px;
    color: #3a3a3a;
    font-style: normal;
}

.msg-list em {
    float: left;
    margin-left: 90px;
    display: block;
}

.msg2-input {
    border: 1px solid #ddd;
    font-size: 14px;
    height: 38px;
    line-height: 36px;
    width: 440px;
    color: #666;
}

.msg2-textarea {
    border: 1px solid #ddd;
    font-size: 14px;
    height: 90px;
    line-height: 18px;
    padding: 8px 8px 8px 8px;
    width: 1014px;
    color: #666;
}

.msg-box .submit button {
    background: #292929;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    vertical-align: middle;
    width: 200px;
    margin: 20px 0 0 90px;
}

.msg-list select {
    border: 1px #ddd solid;
    color: #6a6a6a;
    float: left;
    height: 40px;
    margin-right: 10px;
    width: 120px;
    padding: 0 5px;
    float: left;
}

.w100 {
    width: 100%;
}

.message-box .select {
    float: left;
    width: 50%;
    margin-top: 20px;
    position: relative;
}

.message-box .select select {
    width: 440px;
}